slider-component{--desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));position:relative;display:block}slider-component.slider-component-full-width{--desktop-margin-left-first-item: 1.5rem}.wb_home_sbtn{column-gap:15px}.slider-buttons{display:flex;align-items:center;justify-content:center}.slider-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:12px;background:transparent;border:none;border-radius:0;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer;opacity:.75;outline:none;transition:opacity .2s ease,transform .2s ease;transform-origin:center center}.slider-button:hover:not([disabled]){background:transparent;opacity:1;transform:scale(1.1)}.slider-button:active:not([disabled]){background:transparent;transform:scale(.95);transition:all .1s ease}.slider-button:focus,.slider-button:focus-visible{background:transparent;outline:none;opacity:1}.slider-button[disabled],.slider-button[disabled=disabled],.slider-button:disabled{background:transparent;opacity:.3;cursor:not-allowed;transform:none}.slider-button .icon{width:18px;height:18px;transition:transform .25s ease,opacity .25s ease}.slider-button .icon,.slider-button .icon svg,.slider-button .icon svg path,.slider-button .icon svg *{fill:rgb(var(--color-foreground));color:rgb(var(--color-foreground));stroke:rgb(var(--color-foreground));opacity:.7}.slider-button:hover:not([disabled]) .icon,.slider-button:hover:not([disabled]) .icon svg,.slider-button:hover:not([disabled]) .icon svg path,.slider-button:hover:not([disabled]) .icon svg *{opacity:1}.slider-button--next .icon{transform:rotate(-90deg)}.slider-button--prev .icon{transform:rotate(90deg)}.slider-button--next .icon.slider__arrow{transform:rotate(0)}.slider-button--prev .icon.slider__arrow{transform:rotate(180deg)}.slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg) scale(1.15)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) scale(1.15)}.slider-button--next:not([disabled]):hover .icon.slider__arrow{transform:rotate(0) scale(1.15)}.slider-button--prev:not([disabled]):hover .icon.slider__arrow{transform:rotate(180deg) scale(1.15)}.slider-button span{display:flex;align-items:center;justify-content:center;line-height:1}.slider-button span svg{width:18px;height:18px;transition:transform .25s ease}.slider-button span svg,.slider-button span svg path,.slider-button span svg *{fill:rgb(var(--color-foreground));color:rgb(var(--color-foreground));stroke:rgb(var(--color-foreground));opacity:.7}.slider-button:hover:not([disabled]) span svg,.slider-button:hover:not([disabled]) span svg path,.slider-button:hover:not([disabled]) span svg *{opacity:1}.wb_home_sbtn .slider-button{min-width:44px;min-height:44px}.wb_home_sbtn .link{text-decoration:underline;min-height:auto}.slider-arrow--inline button.slider-button.slider-button--prev,.slider-arrow--inline button.slider-button.slider-button--next{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.slider-arrow--inline button.slider-button.slider-button--prev{left:-22px}.slider-arrow--inline button.slider-button.slider-button--next{right:-22px}.slider-arrow--inline button.slider-button:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.slider-arrow--inline button.slider-button:active:not([disabled]){transform:translateY(-50%) scale(.95)}.slider-arrow--inline .slider-button[disabled]{opacity:0;pointer-events:none}.slider-arrow--inline .relative{position:relative}.animate--hover-vertical-lift .slider-arrow--inline button.slider-button.slider-button--prev,.animate--hover-vertical-lift .slider-arrow--inline button.slider-button.slider-button--next{transform:translateY(-50%)}button.slider-button.slider-button--prev.slider-top--prev,button.slider-button.slider-button--next.slider-top--next{position:absolute;top:50%;transform:translateY(-50%);z-index:1}button.slider-button.slider-button--prev.slider-top--prev{left:0}button.slider-button.slider-button--next.slider-top--next{right:0}.cards-with-arrows{position:relative;display:flex;align-items:center;gap:15px;width:100%}.cards-with-arrows>.slider-buttons{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;flex-shrink:0;min-width:40px;z-index:20;top:50%;transform:translateY(-50%)}.cards-with-arrows>.slider-buttons:first-of-type{left:-42px;order:-1}.cards-with-arrows>.slider-buttons:last-of-type{right:-42px;order:1}.cards-with-arrows .slider-button:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.cards-with-arrows .slider-button:active:not([disabled]){transform:scale(.95)}.slider-arrow--bottom .slider-button{background:transparent}.slider-arrow--bottom .slider-button .icon,.slider-arrow--bottom .slider-button span svg{color:rgb(var(--color-foreground));fill:rgb(var(--color-foreground))}.slider-arrow--bottom .slider-button[disabled] .icon,.slider-arrow--bottom .slider-button[disabled] span svg{opacity:.4}.slider-arrow--top .slider-button{background:transparent}.slider-arrow--top .slider-button:hover:not([disabled]){background:transparent}.slider-arrow--top .slider-button[disabled]{opacity:.3}slideshow-component .slideshow__controls.slider-buttons{display:unset;max-width:fit-content}slideshow-component .pagenation_align--center.slider-buttons{margin:0 auto}slideshow-component .pagenation_align--right.slider-buttons{margin:auto 0 auto auto}.slider__slide{--focus-outline-padding: .5rem;--shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));scroll-snap-align:end;flex-shrink:0;padding-bottom:0}.slider--everywhere{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--everywhere .slider__slide{margin-bottom:0;scroll-snap-align:center}.slider-counter{display:flex;justify-content:center;min-width:4.4rem}.slider-counter__link{padding:.8rem}.slider-counter__link--dots .dot{width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.5);padding:0;display:block}.slider-counter__link--active.slider-counter__link--dots .dot{background-color:rgb(var(--color-foreground));width:30px;border-radius:10px}.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:rgb(var(--color-foreground))}.slider-counter__link--dots .dot,.slider-counter__link--numbers{transition:transform .2s ease-in-out}.slider-counter__link--active.slider-counter__link--numbers,.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,.slider-counter__link--numbers:hover{transform:scale(1.1)}.slider-counter__link--numbers{color:rgba(var(--color-foreground),.5);text-decoration:none}.slider-counter__link--numbers:hover{color:rgb(var(--color-foreground))}.slider-counter__link--active.slider-counter__link--numbers{text-decoration:underline;color:rgb(var(--color-foreground))}.slider{scrollbar-color:rgb(var(--color-foreground)) rgba(var(--color-foreground),.04);-ms-overflow-style:none;scrollbar-width:none}.no-js .slider{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .slider::-webkit-scrollbar{display:initial}.slider::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}.slider::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground))}.slider::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:.4rem}@media screen and (min-width: 768px){.slider--desktop{position:relative;flex-wrap:inherit;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-x:scroll;margin-bottom:0}.slider--desktop:after{display:none}.slider-component-full-width .slider--desktop{scroll-padding-left:1.5rem}.slider-component-full-width .slider--desktop .slider__slide:first-child{margin-left:1.5rem;scroll-margin-left:1.5rem}.slider-component-full-width .slider--desktop:after{content:"";padding-left:1.5rem}.slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--desktop.contains-content-container .slider__slide{--focus-outline-padding: 0rem}.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons{display:none}}@media screen and (min-width: 768px){.slider.slider--tablet-up{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1rem;-webkit-overflow-scrolling:touch}.slider.slider--tablet-up .slider__slide{margin-bottom:0}.slider--mobile+.slider-buttons{display:none}.slider-counter--dots{margin:0 1.2rem}.home-collect.over .slider-arrow--inline button.slider-button.slider-button--prev,.home-collect.over .slider-arrow--inline button.slider-button.slider-button--next{top:55%}}@media screen and (min-width: 768px) and (max-width: 992px){slider-component.page-width{padding:0 5rem}}@media screen and (max-width: 767px){.no-js slider-component .slider{padding-bottom:3rem}.slider-arrow--inline button.slider-button.slider-button--prev{left:0}.slider-arrow--inline button.slider-button.slider-button--next{right:0}.slider.slider--tablet{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch}.slider--tablet:after{content:"";width:0;padding-left:1.5rem;margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))}.slider.slider--tablet .slider__slide{margin-bottom:0}.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--tablet.contains-content-container .slider__slide{--focus-outline-padding: 0rem}.slider-arrow--bottom .slider--desktop{margin-bottom:1rem}.slider--desktop:not(.slider--tablet)+.slider-buttons{display:none}.slider-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:10px}.slider-button .icon,.slider-button span svg{width:16px;height:16px}.wb_home_sbtn{column-gap:8px}.wb_home_sbtn>a.button{min-width:calc(10rem + var(--buttons-border-width) * 2);min-height:calc(3.2rem + var(--buttons-border-width) * 2);padding:5px 8px}.cards-with-arrows>.slider-buttons{display:none!important}}@media screen and (max-width: 767px){slider-component.page-width{padding:0 1.5rem}.home-collect slider-component.page-width,.feaprod slider-component.page-width,.collection-list-wrapper.page-width,.collection.page-width,.home-collect slider-component,.feaprod slider-component{padding-left:12px;padding-right:0}.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.home-collect .slider.slider--mobile,.feaprod .slider.slider--mobile,.home-collect .slider,.feaprod .slider{scroll-padding-left:0}.slider--mobile:after{content:"";width:0;padding-left:1.5rem}.home-collect .slider--mobile:after,.feaprod .slider--mobile:after,.home-collect .slider:after,.feaprod .slider:after{padding-left:0}#MainContent .page-width,main.content-for-layout .page-width,.shopify-section .page-width:not(.footer__content-top):not(.footer__content-bottom):not(.footer__copyright){padding-left:0;padding-right:0}.slider.slider--mobile .slider__slide{margin-bottom:0;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom))}.slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media){padding-bottom:var(--focus-outline-padding)}.slider.slider--mobile.contains-content-container .slider__slide{--focus-outline-padding: 0rem}.slider-counter__link{padding:.7rem}.slider-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border-radius:10px}.slider-button .icon,.slider-button span svg{width:14px;height:14px}.wb_home_sbtn{column-gap:5px}.home-collect.over .slider-arrow--inline button.slider-button.slider-button--prev,.home-collect.over .slider-arrow--inline button.slider-button.slider-button--next{top:62%}}@media (prefers-reduced-motion){.slider{scroll-behavior:auto}.slider-button{transition:none}.slider-button .icon,.slider-button span svg{transition:none}}@media screen and (forced-colors: active){.slider-counter__link--active.slider-counter__link--dots .dot{background-color:CanvasText}}@media (prefers-color-scheme: dark){.slider-button{background:transparent}.slider-button:hover:not([disabled]){background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-slider.css.map */