slider-component{--desktop-margin-left-first-item: 2rem;position:relative;display:block}slider-component.slider--full{--desktop-margin-left-first-item: 0rem}@media(prefers-reduced-motion){.slider{scroll-behavior:auto!important}}.slider{margin-top:0}@media screen and (max-width:749px){.slider.slider--mobile[data-snap-scroll-active]{touch-action:pan-y;scroll-behavior:auto!important}.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:0rem;-webkit-overflow-scrolling:touch;animation:none;opacity:1;transform:inherit;height:auto}.slider.slider--full.slider--mobile{margin-left:calc(var(--page-padding-mobile) * -1);scroll-padding-left:var(--page-padding-mobile);width:calc(100% + (var(--page-padding-mobile) * 2));--adjustment: calc(var(--page-padding-mobile) * 2)}.screen-width .slider.slider--full.slider--mobile{margin-left:0;width:100%}.slider.slider--full.slider--mobile>.slider__slide:first-child{margin-left:var(--page-padding-mobile);scroll-margin-left:var(--page-padding-mobile)}.slider.slider--full.slider--mobile:after{content:"";width:0;padding-left:var(--page-padding-mobile)}.slider.slider--mobile>.slider__slide{flex-grow:0}}@media screen and (min-width:750px){.slider--desktop{margin-top:0;position:relative;flex-wrap:inherit;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-left:0rem;animation:none;opacity:1;transform:inherit;height:auto}.slider.slider--full.slider--desktop{margin-left:calc(var(--page-padding-desktop) * -1);scroll-padding-left:var(--page-padding-desktop);width:calc(100% + (var(--page-padding-desktop) * 2));--adjustment: calc(var(--page-padding-desktop) * 2)}.screen-width .slider.slider--full.slider--desktop{margin-left:0;width:100%}.slider.slider--full.slider--desktop>.slider__slide:first-child{margin-left:var(--page-padding-desktop);scroll-margin-left:var(--page-padding-desktop)}.slider.slider--full.slider--desktop:after{content:"";width:0;padding-left:var(--page-padding-desktop)}.slider.slider--desktop>.slider__slide{flex-grow:0}}.slider__slide{--focus-outline-padding: .5rem;scroll-snap-align:start;flex-shrink:0;max-width:100vw}.slider--vertical{flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;row-gap:.5rem}.slider{scrollbar-color:#656868 #e8e6e4;-ms-overflow-style:none;scrollbar-width:none}.slider::-webkit-scrollbar{height:3px;width:3px;display:none}.slider::-webkit-scrollbar-thumb{background-color:#656868;border-radius:.4rem;border:0}.slider::-webkit-scrollbar-track{background:#e8e6e4;border-radius:.4rem}.slider-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:749px){.slider:not(.slider--mobile)+.slider-buttons{display:none}}@media screen and (min-width:750px){.slider:not(.slider--desktop)+.slider-buttons{display:none}}.slider-button{color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:none;cursor:pointer;height:44px;width:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:2;transition:all .2s ease-in-out}.slider-button:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.slider-button--background{background:#ffffff80}.slider-button[disabled] .icon{opacity:.35;cursor:not-allowed}.slider-button--prev{left:1rem}.slider-button--next{right:1rem}slider-component.slider-component--nav-media-arrows{--nav-media-slider-gutter: 2.25rem;--nav-media-arrow-y: 50%;padding-left:var(--nav-media-slider-gutter);padding-right:var(--nav-media-slider-gutter);box-sizing:border-box}slider-component.slider-component--nav-media-arrows .slider-buttons .slider-button{top:var(--nav-media-arrow-y);transform:translateY(-50%)}slider-component.slider-component--nav-media-arrows .slider-button--prev{left:.35rem}slider-component.slider-component--nav-media-arrows .slider-button--next{right:.35rem}.slider-button .icon{width:1rem;height:1rem}.slider-button--prev .icon{transform:rotate(-180deg)}.slider-button--next:not([disabled]):hover .icon{transform:scale(1.1)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(-180deg) scale(1.1)}.slider-button__toggle{position:absolute;top:auto;right:2rem;bottom:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.slider-button__toggle:hover .icon{transform:scale(1.1)}.slider-button__toggle[data-pause=true] .icon-pause,.slider-button__toggle:not([data-pause=true]) .icon-play{display:none}slider-component[data-lift-dots=true] .slider-scrollbar{position:absolute;bottom:0}.slider-scrollbar{width:calc(100% - 48px);display:flex;justify-content:center;margin-top:64px}.slider-scrollbar__track{width:100%;height:2px;background:#e6e7e8;border-radius:0%;border:0}@media(max-width:749px){slider-component[data-snap-scroll=true] .slider.slider--mobile+.slider-buttons .slider-scrollbar__track{background:repeating-linear-gradient(to right,#E6E7E8 0,#E6E7E8 calc(100% / var(--total-pages) - 15px),transparent calc(100% / var(--total-pages) - 15px),transparent calc(100% / var(--total-pages)))}}.slider-scrollbar__thumb{width:0%;height:2px;background:#000;border-radius:0%;border:0;cursor:pointer;position:relative;touch-action:none}.slider-scrollbar__thumb:before{content:"";position:absolute;inset-block:-16px;inset-inline:0}.slider-scrollbar__track{position:relative}.slider-scrollbar__track:before{content:"";position:absolute;inset-block:-16px;inset-inline:0}.slider-counter{width:calc(100% - 48px);display:flex;justify-content:center;margin-top:64px}.slider-counter__link{width:100%;padding:0;text-decoration:none}.slider-counter__link--bars .dot{width:100%;height:2px;border-radius:0%;border:0;background:#e6e7e8;padding:0;display:block}.slider-counter__link--active.slider-counter__link--bars .dot{background-color:#000}.slider--vertical+.slider-buttons .slider-button--prev{top:0;transform:rotate(90deg) translate(50%,50%);left:50%}.slider--vertical+.slider-buttons .slider-button--next{bottom:0;transform:rotate(90deg) translate(-50%,-50%);right:50%;top:auto}.slider-button--vertical{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);padding:0}.slider-button--vertical svg{transform:rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/799/assets/component-slider.css.map */