.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.banner__box{text-align:center}.banner__box.gradient{transform:perspective(0)}@media only screen and (max-width: 749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width: 750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:52rem}}@media screen and (max-width: 749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:45rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:30rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:54rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:19rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:30rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:54rem}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:34rem}.banner--medium:not(.banner--adapt){min-height:52rem}.banner--large:not(.banner--adapt){min-height:64rem}}@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:calc(var(--media-radius) - var(--media-border-width))}.banner__media--full{border-radius:0}.banner__media-image,.banner__media-video{display:block;max-width:100%;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.banner--video .banner__content{pointer-events:none}.banner--video .banner__box{pointer-events:all}.banner__media:hover .up-insta-player__icon--action{cursor:pointer}@media screen and (min-width: 750px){.banner__media{height:100%}}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@media screen and (max-width: 749px){.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) .banner__box{border-radius:calc(var(--media-radius) - var(--media-border-width))}.banner:not(.banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative}.banner:before{display:none!important}}.banner__content{padding:2.4rem;display:flex;position:relative;width:100%;z-index:2}.banner--no-media .banner__content{padding:0}@media screen and (min-width: 750px){.banner__content{padding:4.8rem}}@media screen and (max-width: 749px){.banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2;padding:0}.banner:not(.banner--mobile-bottom) .field__input{background:transparent}}.banner__box{padding:1.6rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner--desktop-transparent .banner__box{padding:0}.banner__box-blured{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.banner--mobile-bottom .banner__box{padding:1.6rem}.banner--desktop-transparent .banner__box{background:transparent}@media screen and (min-width: 750px){.banner__box{padding:3.2rem}.banner--desktop-transparent .banner__box{padding:0rem;max-width:80rem;border:none;border-radius:0;box-shadow:none;border-radius:calc(var(--media-radius) - var(--media-border-width))}.banner--no-media.banner--desktop-transparent .banner__box{max-width:100rem}.banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width: 749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner__media:after{content:"";position:absolute;top:0;opacity:0;display:none;z-index:1;width:100%;height:100%;pointer-events:none}.banner__media:not(.banner__media--full){border-radius:calc(var(--media-radius) - var(--media-border-width))}.banner__box>*+.banner__text{margin-top:1.6rem}@media screen and (min-width: 750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:2.4rem}.banner__box>*:first-child{margin-top:0}@media screen and (max-width: 749px){.banner--stacked .banner__box{width:100%}}@media screen and (min-width: 750px){.banner__box{width:auto;max-width:82rem;min-width:32rem}}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:2.4rem}.banner--content-align-left .banner__heading-cropped{margin-right:auto}.banner--content-align-center .banner__heading-cropped{margin-left:auto;margin-right:auto}.banner--content-align-right .banner__heading-cropped{margin-left:auto}@media screen and (max-width: 749px){.banner--content-align-mobile-left .banner__heading-cropped{margin-right:auto}.banner--content-align-mobile-center .banner__heading-cropped{margin-left:auto;margin-right:auto}.banner--content-align-mobile-right .banner__heading-cropped{margin-left:auto}}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:2.4rem;max-width:46rem;word-break:break-word}.banner__box>*+.banner__buttons{margin-top:2.4rem}@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}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/up-section-image-banner.css.map */