.play-btn[data-v-eb5eadcc]{align-items:center;background:transparent;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;transition:all .3s ease;width:60px}.play-btn[data-v-eb5eadcc]:hover{background-color:var(--white-1)}.icon[data-v-eb5eadcc]{height:100%;position:relative;transition:all .2s ease;width:100%;z-index:1}.icon-fade-enter-active[data-v-eb5eadcc],.icon-fade-leave-active[data-v-eb5eadcc]{transition:opacity .2s ease}.icon-fade-enter-from[data-v-eb5eadcc],.icon-fade-leave-to[data-v-eb5eadcc]{opacity:0}.card-list[data-v-2083c86b]{display:grid;gap:40px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:1600px}.card-item[data-v-2083c86b]{aspect-ratio:3/4;background:#fff;border-radius:12px;cursor:pointer;justify-self:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:clamp(270px,calc(-30px + 18.75vw),330px)}.card-item img[data-v-2083c86b],.card-video[data-v-2083c86b]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-container[data-v-2083c86b]{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.card-video[data-v-2083c86b]{left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.card-video.video-loaded[data-v-2083c86b]{opacity:1}.play-btn-overlay[data-v-2083c86b]{animation:fadeIn-2083c86b .3s ease-in;bottom:24px;left:24px;position:absolute;z-index:10}@keyframes fadeIn-2083c86b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-title[data-v-2083c86b]{color:#333;font-size:14px;font-weight:var(--x-weight-medium,500);padding:12px 16px;text-align:center}.btn[data-v-2083c86b]{align-items:center;background-color:var(--x-back-1);border:1px solid var(--x-back-5);border-radius:8px;box-shadow:0 2px 2px rgba(18,25,38,.06);color:var(--x-text-3);display:flex;font-size:20px;font-weight:400;gap:12px;justify-content:center;line-height:normal;margin-top:80px;padding:9px 31px;transition:all .3s ease}.btn[data-v-2083c86b]:hover{background-color:var(--x-back-3)}
