.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.banner__box{display:flex;flex-direction:column;padding:var(--spacing-x-large);position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner__text{max-width:520px}.banner__list-item{display:flex;gap:var(--spacing-medium)}.banner__list-heading+.banner__list-items{margin-top:var(--spacing-small)}.banner .deferred-media__poster,.banner video{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.banner .button{white-space:nowrap}@media only screen and (max-width:500px){.banner__box{padding-left:var(--spacing-small);padding-right:var(--spacing-small)}.banner__heading{font-size:var(--heading-size-small);line-height:var(--heading-line-height-small)}}@media only screen and (min-width:750px){.banner--content-align-right .banner__box{align-items:flex-end;text-align:right}.banner--content-align-left .banner__box{align-items:flex-start;text-align:left}}.banner__media.animate--zoom-in{clip-path:inset(0px)}.banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (min-width:750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:42rem}.banner--medium:not(.banner--adapt){min-height:56rem}.banner--large:not(.banner--adapt){min-height:72rem}.banner--x-large:not(.banner--adapt){min-height:84rem}.banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content.banner__content--middle-center{align-items:center;justify-content:center}.banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner{height:calc(100vh - var(--header-height-mobile) - var(--utility-bar-height))}.banner.banner--75{height:calc(75vh - var(--header-height-mobile) - var(--utility-bar-height))}.banner.banner--50{height:calc(50vh - var(--header-height-mobile) - var(--utility-bar-height))}.banner{flex-direction:row;flex-wrap:wrap}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.banner .banner__media--desktop{display:none}@media screen and (min-width:750px){.banner__media{height:100%}.banner .banner__media--desktop{display:block}.banner__media--mobile{display:none}}.banner--adapt{height:auto}@media screen and (max-width:749px){.banner:not(.email-signup-banner) .banner__box{background:transparent}.banner .banner__box{border:none;border-radius:0;box-shadow:none}.banner .button--secondary{--alpha-button-background: 0}.banner:before{display:none!important}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (max-width:749px){.banner__content-mobile--top{align-items:flex-start}.banner__content-mobile--center{align-items:center}.banner__content-mobile--bottom{align-items:flex-end}.banner__content-mobile-text--left .banner__box{text-align:left;align-items:flex-start}.banner__content-mobile-text--center .banner__box{text-align:center;align-items:center}.banner__content-mobile-text--center .banner__buttons{justify-content:center}.banner__content-mobile-text--right .banner__box{text-align:right;align-items:flex-end}}@media screen and (min-width:750px){.banner__content-desktop-vertical--top{align-items:flex-start}.banner__content-desktop-vertical--center{align-items:center}.banner__content-desktop-vertical--bottom{align-items:flex-end}.banner__content-desktop-horizontal--left{justify-content:flex-start}.banner__content-desktop-horizontal--center{justify-content:center}.banner__content-desktop-horizontal--right{justify-content:flex-end}.banner__content-desktop-text--left .banner__box{text-align:left;align-items:flex-start}.banner__content-desktop-text--center .banner__box{text-align:center;align-items:center}.banner__content-desktop-text--right .banner__box{text-align:right;align-items:flex-end}.banner__content-desktop-text--left .loox-trust-badge-container[data-loox-alignment=center]{justify-content:flex-start}.banner__content-desktop-text--right .loox-trust-badge-container[data-loox-alignment=center]{justify-content:flex-end}}@media screen and (max-width:749px){.banner .field__input{background:transparent}}@media screen and (min-width:750px){.banner__box{padding:var(--spacing-3x-large) var(--spacing-x-large)}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;left:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+*{margin-top:var(--spacing-small)}.banner__box>*:first-child{margin-top:0}.banner__box{width:100%}@media screen and (min-width:750px){.banner__box:not(.banner__box--full-width){max-width:620px}}@media screen and (min-width:990px){.banner__box:not(.banner__box--full-width){max-width:620px}}@media screen and (min-width:1200px){.banner__box:not(.banner__box--full-width){max-width:720px}}.banner__heading{margin-bottom:0}.banner__heading.botch{font-family:var(--font-family-botch)}.banner__box .banner__heading+*{margin-top:var(--spacing-x-small)}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-medium);word-break:break-word}@media screen and (min-width:750px){.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:var(--spacing-large)}@media screen and (max-width:749px){.banner:not(.slideshow) .rte a,.banner:not(.slideshow) .inline-richtext a:hover,.banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width:750px){.banner--desktop-transparent .rte a,.banner--desktop-transparent .inline-richtext a:hover,.banner--desktop-transparent .rte a:hover{color:currentColor}}@media only screen and (min-width:1980px){.banner__box{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/1993/assets/section-image-banner.css.map */