.animate-section{position:relative}.animate-banner{display:flex;position:relative;flex-direction:column;background-color:rgb(var(--color-foreground))}.animate-banner.sticky{position:sticky;top:0}.animate-banner__box{text-align:center}.animate-banner__box.gradient{transform:perspective(0)}@media only screen and (max-width: 767px){.animate-banner--content-align-mobile-right .animate-banner__box{text-align:right}.animate-banner--content-align-mobile-left .animate-banner__box{text-align:left}.animate-banner__box{padding:0}}@media only screen and (min-width: 768px){.animate-banner--content-align-right .animate-banner__box{text-align:right}.animate-banner--content-align-left .animate-banner__box{text-align:left}.animate-banner--content-align-left.animate-banner--desktop-transparent .animate-banner__box,.animate-banner--content-align-right.animate-banner--desktop-transparent .animate-banner__box,.animate-banner--medium.animate-banner--desktop-transparent .animate-banner__box{max-width:68rem}}.animate-banner__media.animate--zoom-in{clip-path:inset(0px)}.animate-banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.animate-banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width: 767px){.animate-banner--small.animate-banner--mobile-bottom:not(.animate-banner--adapt) .animate-banner__media,.animate-banner--small.animate-banner--stacked:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt)>.animate-banner__media{height:28rem}.animate-banner--medium.animate-banner--mobile-bottom:not(.animate-banner--adapt) .animate-banner__media,.animate-banner--medium.animate-banner--stacked:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt)>.animate-banner__media{height:34rem}.animate-banner--large.animate-banner--mobile-bottom:not(.animate-banner--adapt) .animate-banner__media,.animate-banner--large.animate-banner--stacked:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt)>.animate-banner__media{height:39rem}.animate-banner--small:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt) .animate-banner__content{min-height:28rem}.animate-banner--medium:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt) .animate-banner__content{min-height:34rem}.animate-banner--large:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt) .animate-banner__content{min-height:39rem}}@media screen and (min-width: 768px){.animate-banner{flex-direction:row}.animate-banner.stack-top{flex-direction:column-reverse}.animate-banner.stack-bottom{flex-direction:column}.animate-banner:is(.stack-bottom,.stack-top) .animate-banner__media{position:relative}.animate-banner--small:not(.animate-banner--adapt){min-height:42rem}.animate-banner--medium:not(.animate-banner--adapt){min-height:56rem}.animate-banner--large:not(.animate-banner--adapt){min-height:72rem}.animate-banner__content.animate-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.animate-banner__content.animate-banner__content--top-center{align-items:flex-start;justify-content:center}.animate-banner__content.animate-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.animate-banner__content.animate-banner__content--middle-left{align-items:center;justify-content:flex-start}.animate-banner__content.animate-banner__content--middle-center{align-items:center;justify-content:center}.animate-banner__content.animate-banner__content--middle-right{align-items:center;justify-content:flex-end}.animate-banner__content.animate-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.animate-banner__content.animate-banner__content--bottom-center{align-items:flex-end;justify-content:center}.animate-banner__content.animate-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 767px){.animate-banner:not(.animate-banner--stacked){flex-direction:column}.animate-banner--stacked{height:auto}.animate-banner--stacked .animate-banner__media{flex-direction:column}}.animate-banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.animate-banner__media.media img:not(.zoom,.deferred-media__poster-button,.preload),.animate-banner__media.media video:not(.zoom,.deferred-media__poster-button){display:none}.animate-banner__media.media img.preload{z-index:1;opacity:1;transition:opacity .2s ease}.animate-banner__media.enabled.media img.preload{opacity:0}@media screen and (min-width: 768px){.animate-banner__media{height:100%}}.animate-banner--adapt,.animate-banner--adapt_image.animate-banner--mobile-bottom .animate-banner__media:not(.placeholder){height:auto}@media screen and (max-width: 767px){.animate-banner--mobile-bottom .animate-banner__media,.animate-banner--stacked:not(.animate-banner--mobile-bottom) .animate-banner__media{position:relative}.animate-banner--stacked.animate-banner--adapt .animate-banner__content{height:auto}.animate-banner:not(.animate-banner--mobile-bottom):not(.email-signup-animate-banner) .animate-banner__box{background:transparent}.animate-banner:not(.animate-banner--mobile-bottom) .animate-banner__box{border:none;border-radius:0;box-shadow:none}.animate-banner:not(.animate-banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.animate-banner--stacked:not(.animate-banner--mobile-bottom):not(.animate-banner--adapt) .animate-banner__content{position:absolute;height:auto}.animate-banner--stacked.animate-banner--adapt:not(.animate-banner--mobile-bottom) .animate-banner__content{max-height:100%;overflow:hidden;position:absolute}.animate-banner--stacked:not(.animate-banner--adapt) .animate-banner__media{position:relative}.animate-banner:before{display:none!important}.animate-banner--stacked .animate-banner__media-image-half{width:100%}}.animate-banner__content{padding:2.3rem;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:1}.text-exclusion{mix-blend-mode:exclusion;background-color:rgb(var(--color-foreground))}.video-banner__box .rte,.text-exclusion .rte{color:#707070}:is(.video-banner__box,.text-exclusion) :is(h2,.rte strong){color:#fff}.animate-banner__content .rte p{line-height:132%}.animate-banner__content h2{font-weight:400;margin-bottom:33px;line-height:132%}.animate-banner__content .rte strong,.animate-banner__content .rte p{font-weight:inherit}@media screen and (min-width: 768px){.animate-banner__content .rte strong,.animate-banner__content .rte p{font-size:18px}.animate-banner__content{padding:5rem}.animate-banner__content.extra_large-width{padding:.5rem}.animate-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.animate-banner__content--top-center{align-items:flex-start;justify-content:center}.animate-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.animate-banner__content--middle-left{align-items:center;justify-content:flex-start}.animate-banner__content--middle-center{align-items:center;justify-content:center}.animate-banner__content--middle-right{align-items:center;justify-content:flex-end}.animate-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.animate-banner__content--bottom-center{align-items:flex-end;justify-content:center}.animate-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (min-width: 1440px){.animate-banner__content .rte strong,.animate-banner__content .rte p{font-size:20px}}.animate-banner__box{position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}@media screen and (min-width: 768px){.animate-banner--desktop-transparent .animate-banner__box{background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.animate-banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.animate-banner--desktop-transparent .content-container:after{display:none}}.animate-banner:after,.animate-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0}.animate-banner__media:after{background:linear-gradient(0deg,#000,transparent 50%);opacity:1;top:-1px;right:-1px;bottom:-1px;left:-1px}.animate-banner__box>*+.animate-banner__text{margin-top:1.5rem}@media screen and (min-width: 768px){.animate-banner__box>*+.animate-banner__text{margin-top:1.6rem}}.animate-banner__box>*+*{margin-top:1rem}.animate-banner__box>*:first-child{margin-top:0}@media screen and (max-width: 767px){.animate-banner--stacked .animate-banner__box{width:100%}}.animate-banner__heading{margin-bottom:0}.animate-banner__box .animate-banner__heading+*{margin-top:1rem}.animate-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word;font-size:20px}@media screen and (max-width: 749px){.animate-banner__buttons .btn.btn-secondary.big{padding-inline:55px}}.animate-banner__buttons .btn.btn-secondary.btn-animated:hover{border-color:var(--color-primary1, var(--color-secondary))}@media screen and (max-width: 767px){.animate-banner .hxl{margin-bottom:15px}.animate-banner__content .rte strong,.animate-banner__content .rte.body p{font-size:16px}.animate-banner--mobile-bottom:not(.animate-banner--stacked) .animate-banner__content{order:2}.animate-banner:not(.animate-banner--mobile-bottom) .field__input,.animate-banner--mobile-bottom:not(.animate-banner--stacked) .animate-banner__box.color-background-1{background:transparent}.animate-banner--mobile-bottom:after{display:none}.animate-banner--content-align-mobile-right .animate-banner__buttons--multiple{justify-content:flex-end}.animate-banner--content-align-mobile-center .animate-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 768px){.animate-banner--content-align-center .animate-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.animate-banner--content-align-right .animate-banner__buttons--multiple{justify-content:flex-end}}.animate-banner__box>*+.animate-banner__buttons{margin-top:2.4rem}@media screen and (max-width: 767px){.animate-banner__box{padding:0}.animate-banner:not(.slideshow) .rte a,.animate-banner:not(.slideshow) .inline-richtext a:hover,.animate-banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width: 768px){.animate-banner--desktop-transparent .rte a,.animate-banner--desktop-transparent .inline-richtext a:hover,.animate-banner--desktop-transparent .rte a:hover{color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/section-animate-banner.css.map */