.banner{display:flex;position:relative;flex-direction:column;color:rgb(var(--color-on-background))}@media screen and (max-width: 749px){.banner--small.banner--stacked>.banner__media,.banner--small .banner__content{height:43rem}.banner--medium.banner--stacked>.banner__media,.banner--medium .banner__content{height:49rem}.banner--large.banner--stacked>.banner__media,.banner--large .banner__content{height:54rem}.banner--screen.banner--stacked>.banner__media,.banner--screen .banner__content{height:100vh}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--small\@sm{min-height:42rem}.banner--medium\@sm{min-height:56rem}.banner--large\@sm{min-height:72rem}.banner--screen\@sm{min-height:100vh}}@media screen and (max-width: 749px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%;border-radius:initial}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width: 749px){.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width: 750px){.banner__media{height:100%}}.banner--adapt{height:auto}@media screen and (max-width: 749px){.banner--stacked .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner .banner__box{border:none;border-radius:0;box-shadow:none}.banner--stacked:not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;width:100%;height:auto;z-index:2}@media screen and (min-width: 750px){.banner__content{padding:5rem}}@media screen and (max-width: 749px){.banner .field__input{background-color:transparent}}.banner__box{padding:3.5rem;position:relative;height:fit-content;width:100%;word-wrap:break-word;z-index:1}@media screen and (min-width: 750px){.banner__box{padding:0}.banner--desktop-transparent .banner__box{border:none;border-radius:0;box-shadow:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;left:0;background:rgb(var(--color-background));opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__heading mark,.banner__text mark{background:rgb(var(--color-highlight));color:rgb(var(--color-on-highlight))}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;word-break:break-word}.banner__box.content-alignment-left .banner__buttons{justify-content:left}.banner__box.content-alignment-center .banner__buttons{justify-content:center}.banner__box.content-alignment-right .banner__buttons{justify-content:right}@media only screen and (min-width: 750px){.banner__box.content-alignment-left\@sm .banner__buttons{justify-content:flex-start}.banner__box.content-alignment-center\@sm .banner__buttons{justify-content:center}.banner__box.content-alignment-right\@sm .banner__buttons{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:2rem}.banner--video:after,.banner--video .banner__media:after{z-index:-1}.banner--video deferred-media[loaded=true]+.banner__content,.banner--video deferred-media[loaded=true] .banner__poster{display:none}.banner--video .banner__media video{object-fit:cover;object-position:center}.banner--video deferred-media.banner__media iframe,.banner--video deferred-media.banner__media video{z-index:2}.banner__button{border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.banner__icon{color:rgb(var(--color-on-primary));background-color:rgb(var(--color-primary));border:.1rem solid rgba(var(--color-on-primary),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;transform:scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}.banner__icon:hover{transform:scale(1.1)}.banner__icon .icon{width:3rem;height:3rem}.banner__icon .icon-play{margin-left:.2rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-media-banner.css.map */