div.slideshow__controls{display:flex}.slideshow__controls{width:min-content;position:absolute;inset-inline-start:50%;bottom:0;transform:translate(calc(var(--transform-direction) * 50%),50%);z-index:2;margin:0}.slider-buttons--has-background{border:1px solid rgb(var(--color-foreground),.05);box-shadow:0 1px 2px rgb(var(--color-shadow),.06),0 1px 3px rgb(var(--color-shadow),.1)}.slideshow__control-wrapper,.slider-button--slideshow.slider-button--next,button.slider__autoplay{border-inline-start:1px solid rgb(var(--color-foreground),.1)}.slider-button--slideshow,.slider__autoplay{width:4.4rem;height:4.4rem}.slideshow__control-wrapper{padding:0 1rem;align-self:normal}@media screen and (max-width:749.99px){.banner--mobile-bottom+.slideshow__controls{position:static;margin:1rem auto 0;transform:none}}.slideshow__autoplay .icon.icon-play,.slideshow__autoplay .icon.icon-pause{display:block;position:absolute;opacity:1;transform:scale(1);transition:transform .15s ease,opacity .15s ease;width:.8rem;height:1.2rem}.slideshow__autoplay .icon.icon-play{height:1rem}@media screen and (forced-colors:active){.slideshow__autoplay path,.slideshow__autoplay:hover path{fill:CanvasText}}.slideshow__autoplay:hover svg.icon{transform:scale(1.3)}.slideshow__autoplay--paused .icon-pause,.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play{visibility:hidden;opacity:0;transform:scale(.8)}.slideshow__progress{position:absolute;fill:none}@keyframes stroke-dashoffset{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.slideshow__progress__path{stroke:rgb(var(--color-foreground));stroke-dasharray:1;animation:stroke-dashoffset var(--speed) linear infinite;stroke-width:5px}.slideshow__autoplay .slideshow__progress__path,.slideshow__autoplay:hover .slideshow__progress__path{fill:none}.slideshow__autoplay:hover .slideshow__progress{transform:none}.slideshow__autoplay--paused .slideshow__progress__path{animation-play-state:paused}slideshow-component>.por{position:relative}slideshow-component .slideshow__controls{display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;border:0!important;box-shadow:none!important;background:transparent!important;pointer-events:none;z-index:5}slideshow-component .slider-button--slideshow{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%;background:#ffffffeb!important;color:#222!important;box-shadow:0 4px 16px #0000002e;pointer-events:auto;z-index:3}slideshow-component .slider-button--slideshow.slider-button--prev{left:24px!important;right:auto!important}slideshow-component .slider-button--slideshow.slider-button--next{right:24px!important;left:auto!important;border-inline-start:0!important}slideshow-component .slider-button--slideshow svg{width:18px;height:18px}slideshow-component .slideshow__control-wrapper{position:absolute!important;left:50%!important;bottom:18px!important;transform:translate(-50%)!important;min-height:36px;padding:0 12px;border:0!important;border-radius:30px;background:#ffffffe0;pointer-events:auto}slideshow-component .slideshow__autoplay{position:absolute!important;left:calc(50% + 85px)!important;bottom:18px!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%;background:#ffffffe0;pointer-events:auto}@media screen and (max-width:749.99px){slideshow-component .banner--mobile-bottom+.slideshow__controls{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important}slideshow-component .slider-button--slideshow{width:40px!important;height:40px!important}slideshow-component .slider-button--slideshow.slider-button--prev{left:10px!important}slideshow-component .slider-button--slideshow.slider-button--next{right:10px!important}slideshow-component .slideshow__control-wrapper{bottom:10px!important}slideshow-component .slideshow__autoplay{bottom:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-slideshow-controls.css.map */