.media-banner{position:relative}.media-banner__media-wrapper{position:relative;width:100%;overflow:hidden;background-color:#000}.media-banner[data-height-mode=custom] .media-banner__media-wrapper{height:var(--mobile-height, 580px)}@media screen and (min-width:750px){.media-banner[data-height-mode=custom] .media-banner__media-wrapper{height:var(--desktop-height, 706px)}}.media-banner[data-height-mode=adapt] .media-banner__media-wrapper{height:auto;aspect-ratio:var(--mobile-aspect-ratio, .6724)}@media screen and (min-width:750px){.media-banner[data-height-mode=adapt] .media-banner__media-wrapper{aspect-ratio:var(--desktop-aspect-ratio, 2.1387)}}.media-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:var(--media-banner-object-position, center center)}.media-banner__media[data-viewport=mobile]{display:block}.media-banner__media[data-viewport=desktop]{display:none}@media screen and (min-width:750px){.media-banner__media[data-viewport=mobile]{display:none}.media-banner__media[data-viewport=desktop]{display:block}}.media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:rgba(0,0,0,var(--overlay-opacity, 0))}.media-banner__controls{position:absolute;left:2rem;bottom:2rem;z-index:2}.media-banner__control-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0;cursor:pointer}.media-banner__control-btn.hide{display:none}.media-banner__control-btn svg,.media-banner__control-btn svg *{width:100%;height:100%;fill:#fff}.media-banner *:focus-visible{outline:.2rem solid var(--color-focus-green, #4098d7);outline-offset:.1rem}@media screen and (max-width:749px){.media-banner__controls{left:1.5rem;bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/media-banner.css.map */