.image-banner{display:block}.image-banner:hover{text-decoration:none}.image-banner__subheading{color:var(--color-accent)}.image-banner__heading,.image-banner__description{color:var(--color-base)}.image-banner__buttons{display:flex;align-items:flex-start;gap:10px}.text-center .image-banner__buttons{justify-content:center}@media (min-width: 993px){.image-banner{position:relative}.image-banner__content{position:absolute;display:flex;overflow:hidden;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:20px;opacity:1}.image-banner__content--bg{padding:20px}.image-banner__content--bg>*{position:relative;padding:20px}.image-banner__content--bg>*>*{position:relative}.image-banner__content--bg>*:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-always);background:var(--color-section-background);opacity:.9;z-index:0}}@media (max-width: 992px){.image-banner__content{padding:20px}.image-banner .text-left-mobile{text-align:left!important}.image-banner .text-center-mobile{text-align:center!important}.image-banner__content{border-top:var(--border-width) var(--border-style) var(--color-border)}}@media (max-width: 576px){.image-banner__buttons{flex-wrap:wrap;align-items:center}.image-banner__buttons{gap:20px}}.image-banner-media-box{position:relative}.banner-media-box:not(.initialized){visibility:hidden}.banner-media-box{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none}.banner-media-box>*{width:100%;height:100%}.banner-media-box video{object-fit:cover}.banner-media-ctrl{position:absolute;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:3;width:40px;height:40px;right:10px;bottom:10px;background:rgba(var(--color-button-rgb),.5);border-radius:var(--radius-button)}.banner-media-ctrl__to-top{top:10px;bottom:unset}.banner-media-ctrl:hover{opacity:1}.banner-media-ctrl svg path{fill:var(--color-button-text)}.banner-media-ctrl [class*=icon-]{display:flex;z-index:1;pointer-events:none}.banner-media-ctrl:not(.video-active) .icon-pause{display:none}.banner-media-ctrl.video-active .icon-play{display:none}@media (min-width:993px){.banner-media-ctrl--mobile{display:none}.banner-media-ctrl{transition:background var(--duration-short) var(--zoom-animation-bezier)}.banner-media-ctrl:hover{background:var(--color-button-hover)}.banner-media-ctrl:hover svg path{fill:var(--color-button-text-hover)}}@media (max-width:992px){.banner-media-ctrl--desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-banners.css.map */