slider-component{display:block;position:relative;--progress: none}.slider{--opacity-slide: 1;--gap: var(--grid-gap-inline-mobile);--margin-left-first-child: var(--page-padding);--margin-right-last-child: var(--page-padding);--scroll-margin-left: var(--page-padding);display:flex;gap:var(--gap);scrollbar-color:var(--black) transparent;scrollbar-width:none;width:100%}.slider--gapless{--gap: 0;--margin-left-first-child: 0;--margin-right-last-child: 0;--scroll-margin-left: 0}.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,.slider-counter__track::-webkit-scrollbar{display:none;height:.1rem;width:.1rem}.slider::-webkit-scrollbar-thumb{background-color:var(--black);border:0;border-radius:var(--button-border-radius)}.slider::-webkit-scrollbar-track{background:var(--black-40);border-radius:var(--button-border-radius)}.slider__slide{flex-shrink:0;scroll-margin-left:var(--scroll-margin-left);max-width:100%;scroll-snap-align:start;opacity:var(--opacity-slide);transition:opacity var(--duration-default) var(--easing-function);transition-delay:var(--duration-default);width:100%;will-change:scroll-position}.slider__slide:first-child{margin-left:var(--margin-left-first-child)}.slider__slide:last-child{margin-right:var(--margin-right-last-child);scroll-margin-right:var(--margin-right-last-child)}.slider__slide--active{--opacity-slide: 1}.slider-navigation{--display-buttons: flex;--position: static;--position-bottom: 0;--position-right: 0;align-items:center;display:flex;gap:1.6rem;position:var(--position)}.slider-navigation--overlay{--position: absolute;bottom:var(--position-bottom);position:var(--position);right:var(--position-right);z-index:var(--layer-1)}.slider-counter{--bottom: 0;--width: auto;--padding: .8rem var(--page-padding);--gap: 1.2rem;--autoplay-speed: 5s;--animation-play-state: paused;--colour-dot: var(--copper-20);align-items:center;display:flex;gap:var(--gap);justify-content:center;width:var(--width)}.slider-counter--playing{--animation-play-state: running}.slider-counter--overlay{bottom:var(--bottom);mix-blend-mode:difference;padding:var(--padding);pointer-events:none;position:absolute;left:0;z-index:var(--layer-1)}.slider-counter--track{--slide-count: 4;--padding: 0;--width: calc(var(--slide-count) * var(--max-width-dot) + (var(--slide-count) - 1) * var(--gap));justify-content:flex-start;margin:0 auto;overflow:hidden}.slider-counter__track{display:flex;gap:var(--gap);transition:transform var(--duration-default) var(--easing-function);will-change:transform;width:100%;overflow-x:auto;padding-block:.2rem 0}.slider-dot{--display-before: none;--height: 1.6rem;--width: 1.6rem;--width-before: 1.6rem;--width-active: 7.7rem;--width-active-before: 7.7rem;--animation: none;--animation-active: sliderProgress var(--autoplay-speed) linear forwards;--border-radius: 10rem;animation-play-state:var(--animation-play-state);display:block;background-color:var(--colour-dot);border-radius:10rem;height:var(--height);padding:0;pointer-events:auto;position:relative;transition:var(--duration-default) ease-in-out;transition-property:opacity,width;width:var(--width)}@media(min-width:990px){.slider-dot--small{--height: 1rem;--width: 1rem;--width-before: 1rem;--width-active: 6rem;--width-active-before: 6rem;--animation-active: sliderProgressSmall var(--autoplay-speed) linear forwards}}.slider-dot--autoplay{--display-before: ""}.slider-dot:before{animation:var(--animation);animation-play-state:inherit;background-color:var(--copper);border-radius:var(--border-radius);bottom:0;content:var(--display-before);height:var(--height);left:0;position:absolute;top:0;transform-origin:left;width:var(--width-before)}.slider-dot--track{--before-display: none;--height: 100%;--dot-colour: transparent;flex:1 0 0;min-width:25%}.slider-dot--active{--width: var(--width-active);--width-before: var(--width-before-active);--colour-dot: var(--copper);--animation: var(--animation-active)}.slider-dot--active.slider-dot--autoplay{--colour-dot: var(--copper-20)}.slider-dot:hover{color:var(--copper)}.slider-buttons{--display-button: flex;align-items:center;display:var(--display-button);gap:1.6rem;justify-content:center}.slider-buttons--overlay{--top: 50%;--transform: translateY(-50%);justify-content:space-between;left:0;position:absolute;right:0;z-index:var(--layer-1);top:var(--top);transform:var(--transform)}.slider-button{--background: var(--copper);--color: var(--secondary-colour);align-items:center;background-color:var(--background);border-radius:var(--button-border-radius);color:var(--color);flex-shrink:0;display:var(--display-button);height:4.4rem;padding:1rem 1.6rem;transition:background-color var(--duration-default) var(--easing-function);width:4.4rem}.slider-button:hover{--background: var(--copper-50)}.slider-button[disabled]{background-color:transparent;color:var(--grey);cursor:not-allowed}.slider-button--light{--background: var(--secondary-colour);--color: var(--copper)}.slider-button--light:hover{--background: var(--grey-40)}.slider-tracker{--background: var(--copper);--background-rgb: var(--grey-rgb);--opacity: .34;background-color:rgba(var(--background-rgb) / var(--opacity));display:flex;height:.2rem;overflow:hidden;position:relative;width:100%}.slider-progress{display:var(--progress);background-color:var(--background);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(--page-padding)}.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}}@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}.slider--mobile:not(.slider--tablet){--margin-left-first-child: 0;--margin-right-last-child: 0;--scroll-margin-left: 0}.slider.slider--tablet+.slider-counter{display:flex}}@media(min-width:990px){.slider{--gap: var(--grid-gap-inline-desktop)}.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--mobile,.slider--tablet{--margin-left-first-child: 0;--margin-right-last-child: 0;--scroll-margin-left: 0}.slider--fade{--opacity-slide: 0;--scroll-behavior: auto}.slider-counter{--max-width-dot: var(--space-32)}}@media(min-width:1400px){.slider-counter--large{--bottom: var(--space-20)}}@keyframes sliderProgress{0%{width:1.6rem}to{width:7.7rem}}@keyframes sliderProgressSmall{0%{width:1rem}to{width:6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/slider.css.map */