.banner{display:flex;position:relative;flex-direction:column;overflow:hidden}.banner--hover:after{content:"";position:absolute;width:100%;height:100%;top:-100px;left:-100px;border:100px solid var(--color-button-hover);transition:all .5s ease-in-out;pointer-events:none;box-sizing:content-box}.banner__box{text-align:center}.banner__content-wrapper{position:relative}.banner__disclaimer{font-size:1rem}.banner__text--read-more{display:flex;flex-flow:column;align-items:start;justify-content:start;gap:1.2rem}.banner__text--read-more .button{order:1}@media only screen and (max-width: 1023px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}.banner--hover:after{transform:rotate(-2deg);width:99%;left:calc(-100px + .5%)}}@media only screen and (min-width: 1024px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}}@media screen and (min-width: 1024px){.banner{flex-direction:row}.banner--hover:hover:after{transform:rotate(-2deg);width:99%;left:calc(-100px + .5%)}.banner--right{flex-direction:row-reverse}.banner__content.banner__content{align-items:center;justify-content:stretch}}@media screen and (max-width: 1023px){.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{display:flex;align-items:center;justify-content:center;background-color:transparent;width:100%}.banner__media picture{width:100%}.banner__media svg{display:block}.banner__media img{display:block;max-width:100%;width:100%;height:auto}.banner--right .banner__media img{margin-left:auto}@media screen and (min-width: 1024px){.banner__media{width:50%}.banner__media+.banner__content{width:50%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:fit-content}@media screen and (max-width: 1023px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0;display:flex;position:relative;align-items:center;justify-content:center}@media screen and (min-width: 1024px){.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 1023px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.banner:not(.banner--mobile-bottom) .field__input,.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1{background:transparent}}.banner__box{padding:2rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner--right .banner__box{margin-left:auto}.banner__floating-image{max-width:300px;height:auto}@media screen and (min-width: 1024px){.banner .banner__box{border:none;border-radius:0;box-shadow:none;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.banner__floating-image{position:absolute;bottom:10px;right:0;height:auto}.banner .content-container:after{display:none}}@media screen and (max-width: 1023px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner__text{position:relative;margin-bottom:2rem}.banner__text .accordion__title--close{display:none}.banner__text[open] .accordion__title--close{display:inline-flex}.banner__text[open] .accordion__title--open{display:none}.banner__box>*+.banner__text{margin-top:1.2rem;line-height:1.2}.banner__box>*+.banner__text:last-of-type{margin-bottom:0}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width: 1023px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width: 1024px){.banner__box{min-width:45rem;max-width:70rem;padding:4rem 3.2rem}}.banner__heading{margin:0;line-height:1;font-weight:700}.banner__heading h2,.banner__heading h3{font-weight:700;margin:0}.banner__heading h2{margin-bottom:2rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;word-break:break-word;width:100%;margin:0}@media screen and (max-width: 1023px){.banner--content-align-mobile-right .banner__buttons--multiple,.banner--content-align-mobile-right .banner__buttons{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-mobile-center .banner__buttons{justify-content:center}}@media screen and (min-width: 1024px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-center .banner__buttons{justify-content:center}.banner--content-align-right .banner__buttons--multiple,.banner--content-align-right .banner__buttons{justify-content:flex-end}}@media screen and (max-width: 1023px){.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: 1024px){.banner--desktop-transparent .rte a,.banner--desktop-transparent .inline-richtext a:hover,.banner--desktop-transparent .rte a:hover{color:currentColor}}.collection-hero__inner-no-image{text-align:center}.collection-hero__description .icon-arrow{width:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */
