.sr-banner-carousel{--sr-controls-inset: 12px;--sr-arrow-size: 44px;--sr-arrow-icon-size: 18px;--sr-content-padding: 0px;display:flex;flex-direction:column;position:relative}.sr-banner-carousel__viewport{min-width:0;position:relative}.sr-banner-carousel .sr-banner-carousel__track.banner{align-items:stretch;flex-direction:row;flex-wrap:nowrap;gap:0;margin:0;overflow-y:hidden;scroll-padding:0}.sr-banner-carousel .sr-banner-carousel__slide{flex:0 0 100%;min-width:0;width:100%}.sr-banner-carousel__banner{flex:1;width:100%}.sr-banner-carousel__banner:after{display:none}.sr-banner-carousel__banner .banner__media:after{opacity:var(--sr-banner-overlay-opacity)}.sr-banner-carousel__banner .banner__media picture{display:block;height:100%;width:100%}.sr-banner-carousel__banner .banner__media picture img{height:100%;object-fit:cover;object-position:var(--sr-banner-position-mobile, 50% 50%);width:100%}.sr-banner-carousel__banner.banner--adapt{aspect-ratio:var(--sr-banner-aspect-ratio)}.sr-banner-carousel .sr-banner-carousel__controls{background:var(--sr-controls-bar-background, var(--gradient-background, rgb(var(--color-background))));border-inline:0;color:var(--sr-controls-foreground, rgb(var(--color-foreground)));flex-wrap:wrap;min-width:0;position:relative}.sr-banner-carousel__pagination{align-items:center;background:var(--sr-controls-pagination-background, rgba(var(--color-background), var(--sr-pagination-background-alpha, 0)));border-radius:24px;display:flex;justify-content:center;max-width:100%;min-width:0}.sr-banner-carousel__controls .slider-counter{flex:0 1 auto;margin:0;min-width:0}.sr-banner-carousel__controls .slider-button{border-radius:50%;flex:none;height:var(--sr-arrow-size);outline:1px solid transparent;outline-offset:-1px;transition:outline-color .15s ease;width:var(--sr-arrow-size)}.sr-banner-carousel__controls .slider-button,.sr-banner-carousel__controls .slider-button:not([disabled]):hover{background:var(--sr-controls-arrow-background, rgb(var(--color-button)));color:var(--sr-controls-foreground, rgb(var(--color-button-text)))}.sr-banner-carousel__controls .slider-button:not([disabled]):hover{outline-color:currentColor}.sr-banner-carousel__controls .slider-button[name] .icon{height:var(--sr-arrow-icon-size);width:var(--sr-arrow-icon-size)}.sr-banner-carousel__controls .slider-button--next .icon,.sr-banner-carousel__controls .slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg)}.sr-banner-carousel__controls .slider-button--prev .icon,.sr-banner-carousel__controls .slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg)}.sr-banner-carousel__controls .slider-button[disabled] .icon{color:inherit;opacity:.5}.sr-banner-carousel__controls .slider-button[disabled] .svg-wrapper,.sr-banner-carousel__controls .slideshow__autoplay:hover .svg-wrapper{transform:none}.sr-banner-carousel__controls .slideshow__autoplay path,.sr-banner-carousel__controls .slideshow__autoplay:hover path{fill:currentColor}.sr-banner-carousel__controls .slideshow__control-wrapper{flex-wrap:wrap;justify-content:center}.sr-banner-carousel__controls .slider-counter__link{align-items:center;display:flex;flex:0 0 44px;height:44px;min-width:44px;justify-content:center;padding:0;width:44px}.sr-banner-carousel__controls .slider-counter__link,.sr-banner-carousel__controls .slider-counter__link:hover{color:inherit;transform:none}.sr-banner-carousel__controls .slider-counter__link--dots .dot{background:transparent;border:1.5px solid var(--sr-controls-dot-inactive, currentColor);border-radius:50%;height:10px;width:10px}.sr-banner-carousel__controls .slider-counter__link--active.slider-counter__link--dots .dot{background:var(--sr-controls-dot-active, currentColor);border-color:var(--sr-controls-dot-active, currentColor)}.sr-banner-carousel__controls .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{border-color:var(--sr-controls-dot-inactive, currentColor)}.sr-banner-carousel__controls .slider-counter__link:focus-visible,.sr-banner-carousel__controls .slider-counter__link.focused,.sr-banner-carousel__controls .slider-button:focus-visible,.sr-banner-carousel__controls .slider-button.focused{box-shadow:none;outline:2px solid currentColor;outline-offset:-4px;transition:none}.sr-banner-carousel__controls .slideshow__autoplay.slider-button{border:0;display:grid;margin:0;padding:0;place-items:center;position:relative}.sr-banner-carousel__controls .slideshow__autoplay .svg-wrapper{grid-area:1 / 1;position:relative}.sr-banner-carousel--inside .sr-banner-carousel__controls{align-items:flex-end;background:transparent;border:0;height:var(--sr-banner-media-height, 100%);inset:0 0 auto;padding:0 var(--sr-controls-inset) var(--sr-controls-inset);pointer-events:none;position:absolute;z-index:3}.sr-banner-carousel--inside .sr-banner-carousel__pagination{max-width:100%;pointer-events:auto}.sr-banner-carousel--inside .slider-button{pointer-events:auto}.sr-banner-carousel--inside .slider-button[name]{position:absolute;top:50%;transform:translateY(-50%)}.sr-banner-carousel--inside .slider-button--prev{left:var(--sr-controls-inset)}.sr-banner-carousel--inside .slider-button--next{right:var(--sr-controls-inset)}.sr-banner-carousel--inside .banner__content{padding-bottom:max(var(--sr-content-padding),calc(var(--sr-banner-pagination-height, 0px) + var(--sr-controls-inset) + 12px))}.sr-banner-carousel--inside.sr-banner-carousel--has-arrows .banner__content{padding-inline:max(var(--sr-content-padding),calc(var(--sr-controls-inset) + var(--sr-arrow-size) + 8px))}.sr-banner-carousel [hidden]{display:none!important}sr-image-banner-carousel:not(:defined) .sr-banner-carousel__controls{display:none}@media screen and (max-width:749px){.sr-banner-carousel .sr-banner-carousel__slide .sr-banner-carousel__banner{flex-direction:column;flex-wrap:nowrap}.sr-banner-carousel__banner.banner--mobile-bottom .banner__media{flex-shrink:0}.sr-banner-carousel__banner.banner--mobile-bottom .banner__content{align-items:stretch;flex:1}.sr-banner-carousel__banner.banner--mobile-bottom .banner__box{height:auto}.sr-banner-carousel__banner.banner--adapt{aspect-ratio:var(--sr-banner-mobile-aspect-ratio)}.sr-banner-carousel__banner.banner--adapt.banner--mobile-bottom{aspect-ratio:auto}.sr-banner-carousel__banner.banner--adapt.banner--mobile-bottom .banner__media{aspect-ratio:var(--sr-banner-mobile-aspect-ratio);height:auto}.sr-banner-carousel--inside .banner--mobile-bottom .banner__content{padding:0}}@media screen and (min-width:750px){.sr-banner-carousel{--sr-controls-inset: 16px;--sr-arrow-size: 48px;--sr-arrow-icon-size: 20px;--sr-content-padding: 5rem}.sr-banner-carousel__banner .banner__media picture img{object-position:var(--sr-banner-position-tablet, 50% 50%)}.sr-banner-carousel .sr-banner-carousel__banner .banner__box{max-width:var(--sr-banner-box-width);min-width:min(45rem,100%)}}@media screen and (min-width:990px){.sr-banner-carousel{--sr-controls-inset: 24px}.sr-banner-carousel__banner .banner__media picture img{object-position:var(--sr-banner-position-desktop, 50% 50%)}}@media(forced-colors:active){.sr-banner-carousel .sr-banner-carousel__controls .slider-button,.sr-banner-carousel .sr-banner-carousel__controls .slider-button:not([disabled]):hover,.sr-banner-carousel .sr-banner-carousel__pagination{background:Canvas;color:CanvasText}.sr-banner-carousel .sr-banner-carousel__controls .slider-counter__link--dots .dot,.sr-banner-carousel .sr-banner-carousel__controls .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot{background:transparent;border-color:CanvasText}.sr-banner-carousel .sr-banner-carousel__controls .slider-counter__link--active.slider-counter__link--dots .dot{background:CanvasText}}@media(prefers-reduced-motion:reduce){.sr-banner-carousel .slider{scroll-behavior:auto}.sr-banner-carousel__controls .slider-counter__link,.sr-banner-carousel__controls .slider-button,.sr-banner-carousel__controls .slider-counter__link--dots .dot,.sr-banner-carousel__controls .slideshow__autoplay .icon.icon-play,.sr-banner-carousel__controls .slideshow__autoplay .icon.icon-pause{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/sr-image-banner-carousel.css.map */
