.hero-banner--hero{margin-top:calc(-1 * (var(--header-height) + var(--announcement-bar-height)))}.hero-banner--hero .hero-banner__content{padding-top:calc(1 * (var(--header-height) + var(--announcement-bar-height) + 4.5rem))}.hero-banner__grid--reverse{flex-direction:column-reverse}.hero-banner .grid__item{position:relative}.hero-banner .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-banner__content.p-md-0{padding:0;padding-bottom:3rem}.hero-banner__content--mobile-right>*{align-self:flex-end;text-align:right}.hero-banner__content--mobile-center>*{align-self:center;text-align:center}.hero-banner__content>.hero-banner__text:empty~a{margin-top:2rem}.hero-banner__content>:first-child:is(.hero-banner__heading),.hero-banner__text--caption+.hero-banner__heading,.hero-banner__text--caption:first-child{margin-top:0}.hero-banner__content :last-child:is(.hero-banner__heading),.hero-banner__text--caption{margin-bottom:0}.hero-banner__content .button+.hero-banner__text{margin-top:2rem}.hero-banner__heading{margin-top:0;margin-bottom:0}.hero-banner__text p{margin-top:0;margin-bottom:1rem}.hero-banner__media{min-height:100%;overflow:visible;border:none}.hero-banner__media:empty{display:block}.hero-banner__media--small{height:19.4rem}.hero-banner__media--medium{height:29.6rem}.hero-banner__media--large{height:43.5rem}.hero-banner__media--full-screen{height:100vh;max-height:100rem}.hero-banner__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.hero-banner__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.hero-banner__media-item{display:none}.hero-banner__image{width:100%;height:100%;padding:0;padding-top:1.6rem}@media screen and (max-width:749px){.hero-banner__image{margin-top:auto}}.hero-banner__image--no-padding-x{padding-left:0;padding-right:0}.hero-banner__image-mobile--no-padding-x{width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem}.hero-banner__image img{width:100%;height:100%;object-fit:contain}.hero-banner__image--cover img{object-fit:cover}.hero-banner__image--contain img{object-fit:contain}.hero-banner__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:4rem 2rem 5rem;position:relative;z-index:1;row-gap:2.2rem}@media screen and (max-width:749px){.hero-banner__content:has(.hero-banner__image-mobile--no-padding-x){padding-bottom:0}}.hero-banner .global-media-settings{overflow:hidden!important}.hero-banner__text{line-height:1.2;max-width:33rem}.hero-banner__content .button .svg-wrapper{margin-left:2.3rem;width:1.4rem;height:1.4rem}.hero-banner__content .hero-banner__guarantee{display:flex;align-items:center;margin-bottom:0;margin-top:0}.hero-banner__guarantee .svg-wrapper{margin-right:1.5rem}@media screen and (max-width:749px){.collapse-padding .hero-banner__grid .hero-banner__content{padding-left:0;padding-right:0}}@supports not (inset: 10px){.hero-banner .grid{margin-left:0}}@media screen and (min-width:750px){.hero-banner__content>*+*{margin-top:2rem}.hero-banner--hero .hero-banner__image{padding-top:calc(1 * (var(--header-height) + var(--announcement-bar-height) + 4.5rem))}.hero-banner__grid--reverse{flex-direction:row-reverse}.hero-banner__media-item{display:block}.hero-banner__media--small{height:31.4rem}.hero-banner__media--medium{height:46rem}.hero-banner__media--large{height:69.5rem}.hero-banner__media--placeholder{position:relative;overflow:hidden}.hero-banner__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.hero-banner__media--placeholder.hero-banner__media--adapt{height:20rem}.hero-banner__media--placeholder.hero-banner__media--adapt{height:30rem}.hero-banner__image{position:absolute;z-index:1;padding:4.5rem}.hero-banner__image--no-padding-x{padding-left:0;padding-right:0}.hero-banner__content{row-gap:0}.hero-banner__grid--reverse .hero-banner__content{margin-left:auto}.hero-banner__content--bottom{justify-content:flex-end;align-self:flex-end}.hero-banner__content--top{justify-content:flex-start;align-self:flex-start}.hero-banner__content--desktop-right>*{align-self:flex-end;text-align:right}.hero-banner__content--desktop-left>*{align-self:flex-start;text-align:left}.hero-banner__content--desktop-center>*{align-self:center;text-align:center}.hero-banner__media-item--small,.hero-banner__media-item--large+.hero-banner__text-item{flex-grow:0}.hero-banner .gradient{transform:perspective(0)}.hero-banner__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}.hero-banner__content .button .svg-wrapper{margin-left:2.3rem;width:1.4rem;height:1.4rem}.hero-banner__content .hero-banner__guarantee{margin-top:2.4rem}.collapse-padding .hero-banner__grid:not(.hero-banner__grid--reverse) .hero-banner__content:not(.hero-banner__content--desktop-center){padding-right:0}.collapse-padding .hero-banner__grid--reverse .hero-banner__content:not(.hero-banner__content--desktop-center){padding-left:0}.hero-banner__content .hero-banner__text+.button{margin-top:3rem}.hero-banner__content .hero-banner__text+.button.mt-md-auto{margin-top:auto}.hero-banner__content.p-md-0{padding:0}.hero-banner__image--mobile{display:none}}@media screen and (min-width:990px){.hero-banner__content{padding:5.5rem 2rem 5rem}.hero-banner__text{max-width:38rem}.hero-banner__content .hero-banner__guarantee{margin-top:8.5rem}}.hero-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-banner__background img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:749px){.hero-banner__content--height-mobile-small{min-height:40rem}.hero-banner__content--height-mobile-medium{min-height:50rem}.hero-banner__content--height-mobile-large{min-height:60rem}.hero-banner__content--height-mobile-full-screen{min-height:100vh}}.hero-banner__rating--top{margin-bottom:auto}.hero-banner__rating .rating{margin-bottom:1.3rem}@media screen and (min-width:750px){.hero-banner__rating .rating{margin-bottom:1.7rem}}.hero-banner__rating .rating-star{--font-size: 2.1;--letter-spacing: 0}@media screen and (min-width:750px){.hero-banner__rating .rating-star{--font-size: 2.6}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-hero-banner.css.map */