nko-slider{--slider-spacing: 0;--slider-size: 100%;--slider-size-tablet: 100%;--slider-size-desktop: 100%}.slider__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.slider__viewport::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.slider__viewport{scroll-behavior:smooth}}.slider__track{display:flex;margin-left:calc(var(--slider-spacing) * -1)}.slider__slide{flex:0 0 var(--slider-size);min-width:0;margin-left:var(--slider-spacing);scroll-snap-align:center;scroll-snap-stop:always}@media(min-width:48rem){.slider__slide{flex:0 0 var(--slider-size-tablet)}}@media(min-width:64rem){.slider__slide{flex:0 0 var(--slider-size-desktop)}}.slider--strip .slider__track:after{content:"";flex:0 0 var(--slider-end, 0px)}nko-slider[data-slider-transition=fade] .slider__viewport{overflow:hidden;touch-action:pan-y pinch-zoom}nko-slider[data-slider-transition=fade] .slider__track{display:grid;grid-template-columns:minmax(0,1fr)}nko-slider[data-slider-transition=fade] .slider__slide{grid-area:1 / 1;place-self:stretch;transition:opacity .75s cubic-bezier(.25,1,.5,1)}nko-slider[data-slider-transition=fade] .slider__slide[inert],nko-slider[data-slider-transition=fade]:not(:defined) .slider__slide+.slider__slide{opacity:0;pointer-events:none}.slider__dot[data-current-slide=true] .slider__bar{transform:translate3d(100%,0,0)}@media(prefers-reduced-motion:no-preference){nko-slider[data-slider-autoplay=true]:not(:defined) .slider__dot[data-current-slide=true] .slider__bar{transform:none}}nko-slider[data-playing] .slider__slide:not([inert]) .slider__dot[data-current-slide=true] .slider__bar{animation-name:slider-progress;animation-duration:var(--slider-rotation, 10s);animation-timing-function:linear}nko-slider[data-paused] .slider__bar{animation-play-state:paused}nko-slider:has(:focus-visible) .slider__bar{animation-play-state:paused}@media(hover:hover){nko-slider:hover .slider__bar{animation-play-state:paused}}@keyframes slider-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@layer components{.slider--strip{position:relative;display:block;margin-inline:calc(var(--slider-spacing) * -1)}.nko-slider-controls{z-index:1;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}@media(pointer:coarse){.nko-slider-controls{display:none}}.nko-slider-controls__button{background-color:#fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;width:5rem;height:5rem;border-radius:calc(infinity * 1px);display:grid;place-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@supports (color: color-mix(in lab,red,red)){.nko-slider-controls__button{background-color:color-mix(in oklab,#fff 10%,transparent)}}.nko-slider-controls__button--prev{translate:-25%}.nko-slider-controls__button--next{translate:25%}.nko-slider-controls__button--prev:disabled{translate:-25% 50%}.nko-slider-controls__button--next:disabled{translate:25% 50%}.nko-slider-controls__button:disabled{opacity:0}.nko-slider-controls__icon{width:2rem;height:2rem}.nko-slide__progress{display:flex;flex-wrap:wrap;gap:1rem;justify-content:var(--text-align)}.nko-slide__dot{cursor:pointer}.nko-slide__dot-track{width:2.5rem;height:.25rem;background-color:var(--progressbar-color);display:block;overflow:hidden}.nko-slide__dot-bar{background-color:var(--progressbar-background-color);height:.25rem;display:block}.nko-slide__pause{display:grid;place-content:center;width:1.5rem;height:1.5rem;margin:-.625rem -.375rem;color:var(--progressbar-color)}.nko-slide__pause-icon{width:.75rem;height:.75rem;fill:currentColor}.nko-slide__pause[aria-pressed=true] .nko-slide__pause-pause,.nko-slide__pause[aria-pressed=false] .nko-slide__pause-play{display:none}@media(min-width:64rem){.nko-slide__progress{justify-content:var(--text-align-desktop)}}}@layer utilities{.slider__viewport--page{padding-inline:var(--slider-inverter)!important;scroll-padding-inline:calc(var(--slider-inverter) - var(--slider-spacing)) var(--slider-inverter);--slider-end: var(--slider-inverter)}.slider__viewport--full{padding-inline:var(--slider-spacing)!important;scroll-padding-inline:0 var(--slider-spacing);--slider-end: var(--slider-spacing)}.slider__track--grid{display:grid!important;grid-template-columns:var(--columns-mobile)!important}.slider__track--grid:after{display:none!important}@media not all and (min-width:64rem){.slider__track--grid-mobile{display:grid!important;grid-template-columns:var(--columns-mobile)!important}.slider__track--grid-mobile:after{display:none!important}}@media(min-width:64rem){.slider__viewport--page{padding-inline:var(--slider-inverter-desktop)!important;scroll-padding-inline:calc(var(--slider-inverter-desktop) - var(--slider-spacing)) var(--slider-inverter-desktop);--slider-end: max(var(--slider-spacing), (100vw - var(--page-width)) / 2)}.slider__track--grid{grid-template-columns:var(--columns-desktop)!important}.slider__track--grid-desktop{display:grid!important;grid-template-columns:var(--columns-desktop)!important}.slider__track--grid-desktop:after{display:none!important}}@media(max-width:1536px){.slider--strip{--slider-inverter-desktop: 1rem !important}}.nko-slider-controls--page{padding-inline:var(--slider-inverter)!important}.nko-slider-controls--full{padding-inline:var(--slider-spacing)!important}.nko-slider-controls__button{color:#000!important}@media(min-width:64rem){.nko-slider-controls--page{padding-inline:var(--slider-inverter-desktop)!important}}.nko-slide__progress{margin-top:1rem!important}.nko-slide__dot{margin-block:-1rem!important;padding-block:1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/191/assets/component-slider.css.map */