.banner,.banner__media{position:relative}.banner__media--style,.banner__media--overlay{overlay:hidden;position:relative}.banner__media--style,.banner__content--style{border-radius:var(--image-border-radius);border:var(--image-border-width) solid rgba(var(--color-foreground),var(--image-border-opacity));box-shadow:var(--image-shadow-horizontal-offset) var(--image-shadow-vertical-offset) var(--image-shadow-blur-radius) rgba(var(--color-shadow),var(--image-shadow-opacity))}.banner__media--overlay:after{content:"";position:absolute;top:0;left:0;background:rgba(var(--color-foreground),var(--overlay-opacity, 0));width:100%;height:100%;border-radius:var(--image-border-radius, 0)}.banner__content{position:relative;padding:min(var(--page-padding-inline),1.6rem);box-sizing:border-box;min-height:var(--min-height, auto)}.banner__content-no-padding{padding:0}.banner__content.banner__content--top-left,.banner__content.banner__content--top-center,.banner__content.banner__content--top-right,.banner__content.banner__content--middle-left,.banner__content.banner__content--middle-center,.banner__content.banner__content--middle-right,.banner__content.banner__content--bottom-left,.banner__content.banner__content--bottom-center,.banner__content.banner__content--bottom-right{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.banner__box{box-sizing:border-box;white-space:normal;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--min-height, auto)}.banner__content--top .banner__box,.banner__content--middle .banner__box,.banner__content--bottom .banner__box{height:100%}.banner__content--top .banner__box{align-items:flex-start}.banner__content--bottom .banner__box{align-items:flex-end}.banner__box.banner__box-padding{padding:1.6rem}.banner__box.banner__box-no-padding{padding:0}.banner__box-wrapper{display:flex;flex-direction:column;flex:1 1 auto;width:100%;margin-left:auto;margin-right:auto;grid-gap:1.6rem}.page-width--full .banner__box-wrapper{max-width:calc(100% - var(--page-padding-inline) * 2)}.banner__content--full .banner__box-wrapper{max-width:100%}.banner__subheading,.banner__heading,.banner__text,.banner__heading h1,.banner__heading h2,.banner__heading h3,.banner__heading h4,.banner__heading h5,.banner__heading h6{margin-top:0;margin-bottom:0}.banner__subheading{font-size:calc(var(--font-body-scale)* 2.4rem);line-height:calc(1 + .2 / var(--font-body-scale));margin-bottom:.8rem}.banner__text,.banner__text *{line-height:calc(1 + .2 / var(--font-body-scale))}.banner__buttons{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:clamp(1rem,3.5rem,4rem)}.banner__box-wrapper.left .banner__buttons{justify-content:flex-start;align-items:flex-start}.banner__box-wrapper.right .banner__buttons{justify-content:flex-end;align-items:flex-end}@media screen and (max-width: 749px){.banner__box-wrapper.left-small .banner__buttons{justify-content:flex-start;align-items:flex-start}.banner__box-wrapper.right-small .banner__buttons{justify-content:flex-end;align-items:flex-end}.banner__content.banner__content--top-small{justify-content:flex-start;align-items:flex-start}.banner__content.banner__content--bottom-small{justify-content:flex-end;align-items:flex-end}.banner__content.banner__content--top .banner__box-wrapper.left-small,.banner__content.banner__content--middle .banner__box-wrapper.left-small,.banner__content.banner__content--bottom .banner__box-wrapper.left-small{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top .banner__box-wrapper.center-small,.banner__content.banner__content--middle .banner__box-wrapper.center-small,.banner__content.banner__content--bottom .banner__box-wrapper.center-small{align-items:center;justify-content:center}.banner__content.banner__content--top .banner__box-wrapper.right-small,.banner__content.banner__content--middle .banner__box-wrapper.right-small,.banner__content.banner__content--bottom .banner__box-wrapper.right-small{align-items:flex-end;justify-content:flex-end}}@media screen and (min-width: 750px){.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}.banner__box.banner__box-padding{padding:1.6rem 2.4rem}.banner__content.banner__content--top .banner__box-wrapper.left,.banner__content.banner__content--middle .banner__box-wrapper.left,.banner__content.banner__content--bottom .banner__box-wrapper.left,.banner__content.banner__content--top-left .banner__box-wrapper,.banner__content.banner__content--middle-left .banner__box-wrapper,.banner__content.banner__content--bottom-left .banner__box-wrapper{margin-left:0;margin-right:auto}.banner__content.banner__content--top .banner__box-wrapper.right,.banner__content.banner__content--middle .banner__box-wrapper.right,.banner__content.banner__content--bottom .banner__box-wrapper.right,.banner__content.banner__content--top-right .banner__box-wrapper,.banner__content.banner__content--middle-right .banner__box-wrapper,.banner__content.banner__content--bottom-right .banner__box-wrapper{margin-left:auto;margin-right:0}.banner__content.banner__content--top .banner__box-wrapper.left,.banner__content.banner__content--middle .banner__box-wrapper.left,.banner__content.banner__content--bottom .banner__box-wrapper.left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--top .banner__box-wrapper.center,.banner__content.banner__content--middle .banner__box-wrapper.center,.banner__content.banner__content--bottom .banner__box-wrapper.center{align-items:center;justify-content:center}.banner__content.banner__content--top .banner__box-wrapper.right,.banner__content.banner__content--middle .banner__box-wrapper.right,.banner__content.banner__content--bottom .banner__box-wrapper.right{align-items:flex-end;justify-content:flex-end}.banner__subheading{margin-bottom:1.6rem}}@media screen and (min-width: 990px){.page-width--full .banner__content.banner__content--top-left,.page-width--full .banner__content.banner__content--middle-left,.page-width--full .banner__content.banner__content--bottom-left,.page-width--full .banner__content.banner__content--top-right,.page-width--full .banner__content.banner__content--middle-right,.page-width--full .banner__content.banner__content--bottom-right{--padding-full-width: max(calc(2* var(--page-padding-inline)), calc((100vw - var(--page-width)) / 2) + var(--page-padding-inline) / 2)}.page-width--full .banner__content.banner__content--top-left,.page-width--full .banner__content.banner__content--middle-left,.page-width--full .banner__content.banner__content--bottom-left{padding-left:calc(var(--padding-full-width) + 3rem)}.page-width--full .banner__content.banner__content--top-right,.page-width--full .banner__content.banner__content--middle-right,.page-width--full .banner__content.banner__content--bottom-right{padding-right:calc(var(--padding-full-width) + 3rem)}.banner__box.banner__box-padding{padding:3rem}.banner__content--small .banner__box-wrapper{max-width:100%}.banner__content--medium .banner__box-wrapper{max-width:min(60rem,calc(100% - var(--page-padding-inline) * 2))}.banner__content--large .banner__box-wrapper{max-width:min(75rem,calc(100% - var(--page-padding-inline) * 2))}.banner__content--xlarge .banner__box-wrapper{max-width:min(110rem,calc(100% - var(--page-padding-inline) * 2))}.page-width--full .banner.banner--grid{--padding-full-width: max(calc(2 * var(--page-padding-inline)), calc((100vw - var(--page-width))/2) + var(--page-padding-inline)/2)}.page-width--full .banner.banner--grid .banner__content{padding-right:var(--padding-full-width)}.page-width--full .banner.banner--grid.grid--reverse-large .banner__content{padding-right:0;padding-left:var(--padding-full-width)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-banner.css.map */