.slider-nav{position:absolute;top:50%;z-index:10;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--space-primitive-40);height:var(--space-primitive-40);border-radius:9999px;border:1px solid var(--color-border-neutral-low);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-neutral-high);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease;padding:0}.slider-nav:hover{background:#fff;border-color:var(--color-border-neutral-default);transform:translateY(-50%) scale(1.08)}.slider-nav:active{transform:translateY(-50%) scale(.96)}.slider-nav[disabled],.slider-nav.swiper-button-disabled{opacity:0;pointer-events:none}.slider-nav--prev{left:var(--space-inset-sm)}.slider-nav--next{right:var(--space-inset-sm)}.slider-nav--outside.slider-nav--prev{left:calc(var(--space-inset-md) * -1 - var(--space-primitive-40))}.slider-nav--outside.slider-nav--next{right:calc(var(--space-inset-md) * -1 - var(--space-primitive-40))}@media(max-width:749px){.slider-nav{width:var(--space-primitive-32);height:var(--space-primitive-32)}.slider-nav--prev{left:var(--space-inset-2xs)}.slider-nav--next{right:var(--space-inset-2xs)}.slider-nav--outside{display:none}}.slider-pagination{position:relative;margin-top:var(--space-stack-sm);display:flex;justify-content:center;gap:var(--space-inset-2xs)}.slider-pagination .swiper-pagination-bullet{position:relative;width:var(--space-primitive-12);height:var(--space-primitive-12);border-radius:9999px;background:var(--color-border-neutral-low);opacity:1;overflow:hidden;transition:background .3s ease,width .35s cubic-bezier(.25,.1,.25,1)}.slider-pagination .swiper-pagination-bullet-active{width:var(--space-primitive-48);background:var(--color-border-neutral-low)}.slider-pagination .swiper-pagination-bullet-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:var(--color-text-neutral-high);transform-origin:left center;animation:slider-progress var(--slider-autoplay-duration) linear forwards}@keyframes slider-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:auto;position:relative}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-slider-navigation.css.map */