.dot[data-v-ea09846b]{align-items:center;border:.5px solid transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:16px;justify-content:center;transition:all .2s;width:16px}.dot[data-v-ea09846b],.dot[data-v-ea09846b]:before{position:relative}.dot[data-v-ea09846b]:before{border-radius:50%;content:" ";height:8px;width:8px}.dark.dot[data-v-ea09846b]:before{background:#fff3}.dark.dot[data-v-ea09846b]:hover{border:.5px solid hsla(0,0%,100%,.2)}.dark.dot.active[data-v-ea09846b]{border:.5px solid var(--x-white-1)}.dark.dot.active[data-v-ea09846b]:before{background:var(--x-white-1)}.light.dot[data-v-ea09846b]:before{background:#d0d1d4}.light.dot[data-v-ea09846b]:hover{border:.5px solid #d0d1d4}.light.dot.active[data-v-ea09846b]{border:.5px solid #565b6b}.light.dot.active[data-v-ea09846b]:before{background:#565b6b}@media(min-width:768px){.gsap-card[data-v-418aa333]{border-radius:12px;flex-shrink:0;height:560px;width:400px}.card[data-v-418aa333]{align-items:flex-start;border-radius:12px;cursor:grab;height:100%;justify-content:space-between;padding:56px 24px;position:relative;width:100%}.card[data-v-418aa333],.card-header[data-v-418aa333]{display:flex;flex-direction:column}.card-header[data-v-418aa333]{gap:16px}.title[data-v-418aa333]{align-items:center;color:var(--x-text-1);display:flex;font-size:24px;line-height:normal}.desc[data-v-418aa333]{color:var(--x-text-5);font-size:16px;font-weight:400;line-height:32px}.coming-soon[data-v-418aa333]{background:#ffe4e2;border-radius:20px;color:#c62d23;font-size:14px;height:32px;justify-content:center;margin-left:8px;width:80px}.coming-soon[data-v-418aa333],.for-more[data-v-418aa333]{align-items:center;display:flex}.for-more[data-v-418aa333]{color:var(--x-purple-6);cursor:pointer;font-size:16px;font-weight:400;gap:8px;line-height:normal}.for-more[data-v-418aa333]:hover{color:var(--x-purple-8)}.for-more .for-more__arrow[data-v-418aa333]{font-size:18px;height:18px;width:18px}.card-img[data-v-418aa333]{border-radius:8px;height:264px;overflow:hidden;width:352px}}@media(max-width:767px){.gsap-card[data-v-418aa333]{border-radius:.21333rem;flex-shrink:0;height:11.44rem;width:8.10667rem}.card[data-v-418aa333]{align-items:flex-start;border-radius:.21333rem;cursor:grab;height:100%;justify-content:space-between;padding:.85333rem .42667rem;position:relative;width:100%}.card[data-v-418aa333],.card-header[data-v-418aa333]{display:flex;flex-direction:column}.card-header[data-v-418aa333]{gap:.42667rem}.title[data-v-418aa333]{align-items:center;color:var(--x-text-1);display:flex;font-size:.48rem;line-height:.69333rem}.desc[data-v-418aa333]{color:var(--x-text-5);font-size:.37333rem;font-weight:400;line-height:.56rem;min-height:1.68rem}.coming-soon[data-v-418aa333]{background:#ffe4e2;border-radius:.53333rem;color:#c62d23;height:.85333rem;justify-content:center;margin-left:.21333rem;width:2.13333rem}.coming-soon[data-v-418aa333],.for-more[data-v-418aa333]{align-items:center;display:flex;font-size:.37333rem}.for-more[data-v-418aa333]{color:var(--x-purple-6);cursor:pointer;font-weight:400;gap:.21333rem;line-height:.53333rem}.for-more[data-v-418aa333]:hover{color:var(--x-purple-8)}.for-more .for-more__arrow[data-v-418aa333]{font-size:.42667rem;height:.42667rem;width:.42667rem}.card-img[data-v-418aa333]{border-radius:.21333rem;height:5.44rem;overflow:hidden;width:7.25333rem}}@media(max-width:767px){.carousel[data-v-3932980b]{margin:auto;position:relative}.carousel[data-v-3932980b],.carousel-wrapper[data-v-3932980b]{overflow:hidden;width:100%}.carousel-swiper[data-v-3932980b]{width:100%}.carousel-swiper[data-v-3932980b] .swiper-wrapper{transition-timing-function:linear}.carousel-slide[data-v-3932980b]{width:auto}.controls[data-v-3932980b]{margin:.42667rem auto 0;max-width:32rem;width:100%}.controls[data-v-3932980b],.dots[data-v-3932980b]{align-items:center;display:flex;justify-content:center}.dots[data-v-3932980b]{gap:.21333rem;margin:0 .26667rem}}@media(min-width:768px){.carousel[data-v-3932980b]{margin:auto;min-width:600px;position:relative}.carousel[data-v-3932980b],.carousel-wrapper[data-v-3932980b]{overflow:hidden;width:100%}.carousel-swiper[data-v-3932980b]{width:100%}.carousel-swiper[data-v-3932980b] .swiper-wrapper{transition-timing-function:linear}.carousel-slide[data-v-3932980b]{width:auto}.controls[data-v-3932980b]{justify-content:space-between;margin:40px auto 0;max-width:1200px;width:100%}.controls[data-v-3932980b],.dots[data-v-3932980b]{align-items:center;display:flex}.dots[data-v-3932980b]{gap:8px;justify-content:center;margin:0 10px}}.demo-page[data-v-280dd0fa]{width:100%}.demo-page__header[data-v-280dd0fa]{margin-bottom:24px}.demo-page__header h1[data-v-280dd0fa]{color:var(--x-text-1);font-size:28px;font-weight:700;margin:0 0 8px}.demo-page__desc[data-v-280dd0fa]{color:var(--x-text-4);font-size:14px;margin:0}.demo-page__desc code[data-v-280dd0fa]{background:var(--x-back-3);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.demo-page__content[data-v-280dd0fa]{display:flex;flex-direction:column;gap:24px;max-width:1440px}.demo-page__content h4[data-v-280dd0fa]{color:var(--x-text-2);font-size:14px;font-weight:500;margin:0 0 12px}.demo-preview[data-v-280dd0fa]{gap:16px}.button-showcase[data-v-280dd0fa],.demo-preview[data-v-280dd0fa]{display:flex;flex-direction:column}.button-showcase[data-v-280dd0fa]{gap:24px}.card-grid[data-v-280dd0fa]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.code-preview[data-v-280dd0fa]{background:var(--x-back-2);border:1px solid var(--x-back-4);border-radius:var(--x-radius-medium,8px);overflow:hidden;position:relative}.code-preview[data-v-280dd0fa]:before{background:var(--x-back-3);border-bottom:1px solid var(--x-back-4);color:var(--x-text-5);content:"Vue";display:block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 14px;text-transform:uppercase}.code-preview pre[data-v-280dd0fa]{background:transparent;margin:0;overflow-x:auto;padding:14px 16px}.code-preview code[data-v-280dd0fa]{color:var(--x-text-2);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.marquee-preview[data-v-280dd0fa]{max-width:100%;overflow:hidden}