.banner{display:flex;position:fixed;flex-direction:column;z-index:99999;isolation:isolate;bottom:0;left:0;width:100%;box-shadow:0 3px 6px rgba(var(--color-button-text));transition:.3s;transform:translateY(100%)}.banner.slideIn{transform:translateY(0)}.banner__box{text-align:center;display:flex;justify-content:space-between;gap:3rem}.banner__box.gradient{transform:perspective(0);background:none}.banner__box .product-form__container{display:flex;align-items:center;gap:2rem}.banner__box .product-form__container .product-form__input{flex-basis:auto;margin: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:68rem}}.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 (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:10rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:15rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:25rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:7rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:15rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:25rem}}@media screen and (min-width: 750px){.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:7rem}.banner--medium:not(.banner--adapt){min-height:9rem}.banner--large:not(.banner--adapt){min-height:13rem}.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: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%}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}.banner__media-half.animate--fixed:first-child>img,.banner__media-half.animate--zoom-in:first-child>img{width:50%}.banner__media-half.animate--fixed:nth-child(2)>img,.banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width: 749px){.banner--stacked .animate--fixed:first-child>img,.banner--stacked .animate--zoom-in:first-child>img{width:100%}.banner--stacked .banner__media-half.animate--fixed:nth-child(2)>img,.banner--stacked .banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.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,.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):not(.email-signup-banner) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.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--stacked .banner__media-image-half{width:100%}}.banner__content{padding:0rem 2rem;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 750px){.banner__content{padding:1rem 5rem}.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: 749px){.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:0;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: 750px){.banner--desktop-transparent .banner__box{background:transparent;border:none;border-radius:0;box-shadow:none}.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:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;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>*: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{min-width:45rem}}.banner__heading{margin-bottom:0}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width: 749px){.banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 750px){.banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}.banner__box>*+.banner__buttons{margin-top:2rem}@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}}.banner .quantity{width:calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2);min-height:calc((var(--inputs-border-width) * 2) + 4rem)}.banner .product-form__buttons .button{min-width:calc(11rem + var(--buttons-border-width)* 2);min-height:calc(4.2rem + var(--buttons-border-width)* 2);padding:0 1.5rem;font-size:1.1rem}@media screen and (max-width: 749px){.banner .quantity{width:calc(9rem / var(--font-body-scale) + var(--inputs-border-width) * 2);min-height:calc((var(--inputs-border-width) * 2) + 3.5rem)}.banner .quantity__button{width:calc(3.5rem / var(--font-body-scale))}.banner .product-form__buttons .button{min-width:calc(9rem + var(--buttons-border-width)* 2);min-height:calc(3.2rem + var(--buttons-border-width)* 2);padding:0 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/product-floating-banner.css.map */