.slider-carousel{--slider-carousel-nav-color: #111827;--slider-carousel-accent: #f97316;--slider-carousel-shadow: rgba(203, 213, 225, .85);--slider-carousel-bg-top: #f4f7f8;--slider-carousel-bg-bottom: #ffffff;--slider-carousel-gradient-stop: 50%;padding-top:var(--slider-carousel-padding-top, 12px);padding-bottom:var(--slider-carousel-padding-bottom, 40px)}.slider-carousel--bg-solid{background-color:var(--slider-carousel-bg-top)}.slider-carousel--bg-gradient.slider-carousel--gradient-smooth{background:linear-gradient(180deg,var(--slider-carousel-bg-top) 0%,var(--slider-carousel-bg-bottom) 100%)}.slider-carousel--bg-gradient.slider-carousel--gradient-split{background:linear-gradient(180deg,var(--slider-carousel-bg-top) 0%,var(--slider-carousel-bg-top) var(--slider-carousel-gradient-stop),var(--slider-carousel-bg-bottom) var(--slider-carousel-gradient-stop),var(--slider-carousel-bg-bottom) 100%)}@media(min-width:1280px){.slider-carousel{padding-top:var(--slider-carousel-padding-top, 24px);padding-bottom:var(--slider-carousel-padding-bottom, 96px)}}.slider-carousel__root{overflow:hidden}.slider-carousel__region{position:relative}.slider-carousel__viewport{position:relative;overflow:hidden;touch-action:pan-y;width:100%;container-type:inline-size;container-name:slider-carousel;margin-top:24px;margin-bottom:0}.slider-carousel__track{display:flex;margin-top:12px;margin-bottom:40px;padding-left:5cqw;padding-right:5cqw;will-change:transform;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}@supports not (width: 1cqw){.slider-carousel__track{padding-left:5%;padding-right:5%}}@media(min-width:1024px){.slider-carousel__track{padding-left:2.5cqw;padding-right:2.5cqw}@supports not (width: 1cqw){.slider-carousel__track{padding-left:2.5%;padding-right:2.5%}}}.slider-carousel__slide{position:relative;flex:0 0 90cqw;width:90cqw;min-width:0;max-height:calc(100vh - 9rem);padding-left:0;aspect-ratio:1 / 1;opacity:.5;transform:scale(.98);transition:opacity .45s ease,transform .45s ease;will-change:transform,opacity}@supports not (width: 1cqw){.slider-carousel__slide{flex:0 0 90%;width:90%}}@media(min-width:1024px){.slider-carousel__slide{flex:0 0 95cqw;width:95cqw;aspect-ratio:21 / 9}@supports not (width: 1cqw){.slider-carousel__slide{flex:0 0 95%;width:95%}}}.slider-carousel__slide.is-active{opacity:1;transform:scale(1)}.slider-carousel__link{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:1rem}@media(min-width:1024px){.slider-carousel__link{border-radius:2rem}}.slider-carousel__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.slider-carousel__img--desktop{display:none}.slider-carousel__img--mobile{display:block;aspect-ratio:1 / 1}@media(min-width:1024px){.slider-carousel__img--desktop{display:block;aspect-ratio:21 / 9}.slider-carousel__img--mobile{display:none}}.slider-carousel__nav-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;max-width:95%;margin-inline:auto;padding-inline:12px;pointer-events:none}.slider-carousel__btn{position:absolute;top:50%;z-index:20;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:9999px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--slider-carousel-nav-color);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .3s ease,transform .2s ease,background .2s ease;pointer-events:auto;box-shadow:0 4px 14px #00000014}.slider-carousel__btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.slider-carousel__btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.slider-carousel__btn svg{width:20px;height:20px}.slider-carousel__btn--prev{left:12px}.slider-carousel__btn--next{right:12px}@media(min-width:1024px){.slider-carousel__nav-wrap{padding-inline:24px}.slider-carousel__btn--prev{left:24px}.slider-carousel__btn--next{right:24px}}.slider-carousel__root:hover .slider-carousel__btn:not(:disabled){opacity:1}.slider-carousel__pagination{position:absolute;left:50%;bottom:calc(40px + 1rem);z-index:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:.375rem .75rem;border-radius:9999px;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%);pointer-events:auto}@media(min-width:1024px){.slider-carousel__pagination{bottom:calc(40px + 1.5rem);padding:.5rem .875rem}}.slider-carousel__dot{width:8px;height:8px;margin:0;padding:0;border:0;border-radius:9999px;background:#ffffff73;cursor:pointer;transition:background-color .25s ease,transform .25s ease,opacity .25s ease}.slider-carousel__dot:hover,.slider-carousel__dot:focus-visible{background:#ffffffe6;outline:none}.slider-carousel__dot.is-active{background:var(--slider-carousel-accent, #f97316);transform:scale(1.35)}.slider-carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slider-carousel__panel[hidden]{display:none!important}.slider-carousel__tabs-outer{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.slider-carousel__tabs-wrap{position:relative;margin-top:-8px}.slider-carousel__tabs-wrap:before,.slider-carousel__tabs-wrap:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:0;opacity:0;pointer-events:none;transition:opacity .25s ease,width .25s ease}.slider-carousel__tabs-wrap.is-scrollable:before,.slider-carousel__tabs-wrap.is-scrollable:after{width:48px}.slider-carousel__tabs-wrap:before{left:0}.slider-carousel__tabs-wrap:after{right:0}.slider-carousel__tabs-wrap.is-scrollable.has-scroll-left:before{opacity:1;background:linear-gradient(90deg,var(--slider-carousel-tab-bg, #fff) 20%,transparent 100%)}.slider-carousel__tabs-wrap.is-scrollable.has-scroll-right:after{opacity:1;background:linear-gradient(270deg,var(--slider-carousel-tab-bg, #fff) 20%,transparent 100%)}.slider-carousel__tabs-scroll{display:none;position:absolute;top:50%;z-index:3;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:9999px;background:#fff;color:#374151;cursor:pointer;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a;transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease}.slider-carousel__tabs-scroll:hover,.slider-carousel__tabs-scroll:focus-visible{color:var(--slider-carousel-tab-active, #f97316);border-color:var(--slider-carousel-tab-active, #f97316);outline:none;transform:translateY(-50%) scale(1.06)}.slider-carousel__tabs-scroll[hidden]{display:none!important}.slider-carousel__tabs-scroll--prev{left:4px}.slider-carousel__tabs-scroll--next{right:4px}.slider-carousel__tabs-wrap.is-scrollable.has-scroll-right .slider-carousel__tabs-scroll--next:not([hidden]){animation:slider-tabs-scroll-hint 2s ease 1s 2}@keyframes slider-tabs-scroll-hint{0%,to{transform:translateY(-50%)}50%{transform:translate(4px,-50%)}}@media(prefers-reduced-motion:reduce){.slider-carousel__tabs-wrap.is-scrollable.has-scroll-right .slider-carousel__tabs-scroll--next:not([hidden]){animation:none}}.slider-carousel__tabs{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px 4px 4px;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--slider-carousel-tab-bg, #fff);border-radius:1rem 1rem 0 0;justify-content:center}.slider-carousel__tabs-wrap.is-scrollable .slider-carousel__tabs{padding-inline:4px}.slider-carousel__tabs::-webkit-scrollbar{display:none}.slider-carousel__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-width:5.5rem;max-width:7.5rem;padding:10px 12px 12px;border:0;border-bottom:3px solid transparent;border-radius:12px 12px 0 0;background:transparent;color:#374151;cursor:pointer;scroll-snap-align:start;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.slider-carousel__tab.is-active{color:var(--slider-carousel-tab-active, #f97316);border-bottom-color:var(--slider-carousel-tab-active, #f97316)}.slider-carousel__tab-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;overflow:hidden;background:#f3f4f6}.slider-carousel__tab-icon-img{display:block;width:100%;height:100%;object-fit:cover}.slider-carousel__tab-label{display:block;max-width:100%;font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-carousel--has-tabs .slider-carousel__viewport{margin-bottom:0}.slider-carousel--has-tabs .slider-carousel__track{margin-bottom:24px}@media(min-width:768px){.slider-carousel__tabs{gap:12px;padding-top:16px}.slider-carousel__tab{min-width:6.5rem;max-width:8.5rem;padding-inline:16px}.slider-carousel__tab-label{font-size:15px}}@media(min-width:1024px){.slider-carousel__tabs-wrap{margin-top:-12px}.slider-carousel__tabs-wrap.is-scrollable:before,.slider-carousel__tabs-wrap.is-scrollable:after{width:64px}.slider-carousel__tabs-scroll{display:inline-flex}.slider-carousel__tabs-wrap.is-scrollable .slider-carousel__tabs{padding-inline:40px}.slider-carousel__tab-icon{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/slider-carousel.css.map */