.header-banner{display:flex;position:relative;border-radius:var(--border-radius-block);overflow:hidden}.header-banner:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom-desktop)}.header-banner__left{width:100%}@media screen and (min-width: 990px){.header-banner__left{--padding: 1.2rem;padding:1.2rem}}.header-banner__left-container{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}@media screen and (min-width: 750px){.header-banner__left-container{gap:2.4rem}}.header-banner__subheading.badge{background:rgb(var(--color-background),.3);border:.1rem solid rgb(var(--color-accent));color:rgb(var(--color-accent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-subtitle-family);font-style:var(--font-subtitle-style);font-weight:var(--font-subtitle-weight);text-transform:var(--font-subtitle-text-transform)}.header-banner__subheading.badge.text{background:rgb(var(--color-foreground),.3);border:.1rem solid rgb(var(--color-border),.3);color:rgb(var(--color-foreground))}.header-banner__subheading.simple{color:rgb(var(--color-foreground));text-transform:var(--font-subtitle-text-transform)}.header-banner__heading.custom{line-height:1;font-size:calc(.75 * var(--font-size))}@media screen and (min-width: 576px){.header-banner__heading.custom{font-size:calc(.85 * var(--font-size))}}@media screen and (min-width: 1360px){.header-banner__heading.custom{font-size:var(--font-size)}}.header-banner__heading a,.header-banner__text a{pointer-events:all}.header-banner__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;border-radius:var(--border-radius-block);overflow:hidden}.header-banner__image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-overlay));border-radius:var(--border-radius-block);z-index:1;opacity:0}.header-banner__image-wrapper img{transform:scale(1.01);transition:transform var(--duration-image-scale) ease-out}.header-banner__image-wrapper--all:after{opacity:var(--overlay-opacity)}.header-banner__image,.header-banner__image-mobile,.header-banner__video{width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.header-banner__image{object-position:var(--focal_point_desktop)}.header-banner__image-mobile{object-position:var(--focal_point_mobile)}.header-banner__content{display:flex;justify-content:space-between;gap:1.6rem;width:100%;height:100%;padding:2rem;position:relative;z-index:3;pointer-events:none}@media screen and (min-width: 750px){.header-banner__content{flex-direction:row}}.header-banner__info{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.header-banner__info+.header-banner__button{margin-top:2.4rem}.header-banner__badge{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:8rem;height:8rem;border-radius:50%;background-color:rgba(var(--banner-badge-bg));color:rgb(var(--banner-badge-color))}@media screen and (min-width: 576px){.header-banner__badge{width:10.2rem;height:10.2rem;align-self:unset}}.header-banner__badge-subheading{color:rgb(var(--banner-badge-color),.7);line-height:normal}.header-banner__badge-heading{display:flex;justify-content:center;width:100%;color:inherit;line-height:1;font-size:calc(.75 * var(--font-size))}@media screen and (min-width: 576px){.header-banner__badge-heading{font-size:calc(.85 * var(--font-size))}}@media screen and (min-width: 1360px){.header-banner__badge-heading{font-size:var(--font-size)}}.header-banner__badge-prefix{padding:.6rem 0}.header-banner__badge-prefix,.header-banner__badge-suffix{font-size:calc(.75 * var(--font-size))}@media screen and (min-width: 576px){.header-banner__badge-prefix,.header-banner__badge-suffix{font-size:calc(.85 * var(--font-size))}}@media screen and (min-width: 1360px){.header-banner__badge-prefix,.header-banner__badge-suffix{font-size:var(--font-size)}}.header-banner__link_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3}.header-banner__link_overlay:focus-visible{outline:.3rem solid rgb(var(--color-border));outline-offset:-.3rem}@media screen and (hover: hover) and (pointer: fine){.header-banner__link_overlay:hover+.header-banner__image-wrapper img{transform:scale(1.05)}}.header-banner__bottom{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:100%}@media screen and (min-width: 576px){.header-banner__bottom{gap:1.2rem}}.header-banner__button{pointer-events:auto}@media screen and (max-width: 575px){.header-banner__button{width:100%}}.header-banner__button-wrapper{position:relative}.header-banner--left .header-banner__content,.header-banner--center .header-banner__content{flex-direction:column-reverse}.header-banner--center .header-banner__info{margin-left:auto;margin-right:auto;text-align:center;align-items:center}.header-banner--center .header-banner__badge{align-self:flex-end}.header-banner--center .header-banner__bottom{align-items:center}.header-banner--bottom .header-banner__content{flex-direction:column-reverse}.header-banner--bottom .header-banner__badge{align-self:flex-end}.header-banner--stretch .header-banner__left-container{justify-content:space-between;height:100%}.header-banner--stretch .header-banner__info{display:flex;flex-direction:row;justify-content:space-between;gap:calc(2rem + var(--padding, 0rem) / 2);width:100%}.header-banner--stretch .header-banner__info-text{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.header-banner--stretch .header-banner__badge{margin:calc(-1 * var(--padding))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-header-banner.css.map */