slider-component{display:block;position:relative}.slider{display:flex;scrollbar-color:rgb(var(--color-primary)) transparent;scrollbar-width:none;width:100%}.slider--everywhere{position:relative;flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider::-webkit-scrollbar{display:none;height:var(--space-1);width:var(--space-1)}.slider::-webkit-scrollbar-thumb{background-color:var(--color-primary);border:0;border-radius:var(--border-radius)}.slider::-webkit-scrollbar-track{background:var(--color-primary-400);border-radius:var(--border-radius)}.slider__slide{flex-shrink:0;max-width:100%;position:relative;scroll-snap-align:start;width:100%;will-change:scroll-position}.slider__navigation{align-items:center;display:flex;flex-direction:column;gap:var(--space-8)}.slider-counter{--gap: var(--space-12);--bottom: var(--space-8);--max-width-dot: var(--space-16);--padding: var(--space-4) var(--padding-sections-mobile);--dot-colour: var(--color-primary);align-items:center;display:flex;gap:var(--gap);justify-content:center;width:100%}.slider-counter--overlay{bottom:var(--bottom);padding:var(--padding);pointer-events:none;position:absolute;left:0;z-index:var(--layer-1)}.slider-counter--large{--bottom: var(--space-6)}.slider-counter--lines{--gap: var(--space-8);--bottom: var(--space-16)}.slider-counter--light{--dot-colour: var(--color-secondary)}.slider-dot{--border-radius: 50%;--height: var(--space-8);--opacity: .4;--width: var(--space-8);display:block;background-color:var(--dot-colour);border-radius:var(--border-radius);height:var(--height);opacity:var(--opacity);padding:0;pointer-events:auto;transition:opacity var(--duration-short) ease-in-out;width:var(--width)}.slider-dot--line{--border-radius: 0;--height: var(--space-2);--width: unset;box-shadow:var(--color-primary) 0 0 var(--space-pixel) 0;flex:1;max-width:var(--max-width-dot)}.slider-dot--active{opacity:1}.slider-buttons{align-items:center;display:flex;gap:var(--space-6);justify-content:center}.slider-buttons--overlay{justify-content:space-between;left:0;padding:0 var(--space-8);position:absolute;right:0;z-index:var(--layer-1)}.slider-button{align-items:center;color:inherit;flex-shrink:0;height:var(--space-16);transition:opacity var(--duration-default) var(--easing-function);width:var(--space-16)}.slider-button:hover{opacity:.7}.slider-button[disabled]{cursor:not-allowed;opacity:.56}.slider-button[disabled]:hover{opacity:.3}.slider-tracker{--background: var(--color-primary);--background-rgb: var(--color-primary-rgb);--opacity: .34;background-color:rgba(var(--background-rgb) / var(--opacity));border-radius:var(--space-16);display:flex;height:var(--space-2);margin-bottom:var(--space-pixel);overflow:hidden;position:relative;width:10.4rem}.slider-progress{background-color:var(--background);border-radius:var(--space-16);height:100%;left:0;position:absolute;top:0;transition:width var(--duration-default) ease;width:0;will-change:width}@media (prefers-reduced-motion){.slider{scroll-behavior:auto}}@media (max-width: 749px){.slider.slider--mobile{flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider.page-width{padding:0 var(--padding-sections-mobile)}.slider--desktop:not(.slider--tablet)+.slider-buttons{display:none}}@media (min-width: 750px){.slider.slider--tablet-up{flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider.slider--mobile+.slider-counter{display:none}.slider--mobile+.slider-buttons{display:none}.slider-counter{--bottom: var(--space-12)}}@media (max-width: 989px){.slider.slider--tablet{flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}@media (min-width: 990px){.slider--desktop{flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider-button{height:var(--space-20);width:var(--space-20)}.slider-counter{--max-width-dot: var(--space-32)}}@media (min-width: 1400px){.slider-counter--large{--bottom: var(--space-20)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/slider.css.map */