.biom-banner{position:relative;display:grid;grid-template-columns:1fr;isolation:isolate;overflow:hidden;border-radius:var(--biom-banner-radius);color:var(--biom-banner-text-color)}.biom-banner__media{position:relative;grid-column:1;grid-row:1;min-height:100%}.biom-banner__media .lazy-image,.biom-banner__media .svg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding-top:0!important}.biom-banner__media .img,.biom-banner__placeholder svg{width:100%;height:100%;object-fit:cover}.biom-banner__content{position:relative;z-index:2;grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:28px;max-width:var(--biom-banner-content-width);width:min(100%,var(--biom-banner-content-width));padding-top:clamp(1rem,2.4vw,3rem);padding-right:clamp(1rem,2.4vw,3rem);padding-bottom:clamp(1rem,2.4vw,3rem);padding-left:max(var(--gutter-container),calc((100vw - (var(--theme-max-width) - var(--gutter-container) * 2)) / 2))}.biom-banner__heading-group{max-width:420px}.biom-banner__logo img{display:block;max-width:100%;height:auto}.biom-banner__heading,.biom-banner__description-title{margin:0 0 6px;color:var(--biom-banner-text-color)}.biom-banner__description-text,.biom-banner__subtitle{color:var(--biom-banner-muted-color)}.biom-banner__subtitle p,.biom-banner__description-text p{margin:0}.biom-banner__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.biom-banner__feature{display:flex;flex-direction:column;gap:8px}.biom-banner__feature-topline{display:flex;align-items:center;gap:10px}.biom-banner__feature-icon{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.biom-banner__feature-title{margin:0;color:var(--biom-banner-text-color);font-weight:700;line-height:1.2}.biom-banner__feature-description{margin:0;color:var(--biom-banner-muted-color);line-height:1.3}.biom-banner__feature-stack-label{margin:0;color:var(--biom-banner-text-color);line-height:1.2}.biom-banner--icons-stack .biom-banner__features,.biom-banner__features--stack{display:flex;flex-direction:column;gap:5px;width:100%}.biom-banner--icons-stack .biom-banner__feature,.biom-banner__features--stack .biom-banner__feature{display:flex;flex-direction:row;gap:10px}.biom-banner--icons-stack .biom-banner__feature-icon,.biom-banner__features--stack .biom-banner__feature-icon{width:25px;height:25px;margin-top:0}.biom-banner--height-small{min-height:420px}.biom-banner--height-regular{min-height:560px}.biom-banner--height-large{min-height:700px}.biom-banner__actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;--color-text-main: var(--biom-banner-text-color);--color-borders-forms-primary: var(--biom-banner-text-color)}.biom-banner__button-caption{color:var(--biom-banner-text-color);font-weight:700;line-height:1.3}.biom-banner__scroll-indicator{position:absolute;left:50%;bottom:25px;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:35px;height:50px;padding:0;border:0;background:transparent;color:var(--biom-banner-text-color, #ffffff);cursor:pointer;opacity:.7}.biom-banner__scroll-icon{display:block;width:23px;height:35px;fill:currentColor}.biom-banner__scroll-line{transform-box:fill-box;transform-origin:center;animation:biom-banner-scroll-line 1.6s ease-in-out infinite}@keyframes biom-banner-scroll-line{0%{transform:translateY(0);opacity:1}55%{transform:translateY(5px);opacity:0}56%{transform:translateY(-3px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:989px){.biom-banner--height-small,.biom-banner--height-regular,.biom-banner--height-large{min-height:0}.biom-banner--icons-slider .biom-banner__features,.biom-banner__features--slider{grid-template-columns:1fr;gap:12px}.biom-banner--icons-slider .biom-banner__feature,.biom-banner__features--slider .biom-banner__feature{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:start}.biom-banner--icons-slider .biom-banner__feature-topline,.biom-banner__features--slider .biom-banner__feature-topline{display:contents}.biom-banner--icons-slider .biom-banner__feature-icon,.biom-banner__features--slider .biom-banner__feature-icon{grid-column:1;grid-row:1 / span 2;margin-top:2px}.biom-banner--icons-slider .biom-banner__feature-title,.biom-banner__features--slider .biom-banner__feature-title{grid-column:2;grid-row:1}.biom-banner--icons-slider .biom-banner__feature-description,.biom-banner__features--slider .biom-banner__feature-description{grid-column:2;grid-row:2}}@media screen and (max-width:474px){.biom-banner__feature-description.text-size--xsmall{font-size:calc(11px / 16 * var(--base-body-primary-size) + 0px)}}@media screen and (min-width:475px)and (max-width:1023px){.biom-banner__feature-description.text-size--xsmall{font-size:calc(12px / 16 * var(--base-body-primary-size) + 0px)}}@media screen and (max-width:749px){.biom-banner css-slider:after{content:"css-slide";position:absolute;visibility:hidden}}.biom-banner css-slider.enabled .biom-banner__features{display:flex;flex-wrap:nowrap;gap:0}.biom-banner css-slider.enabled .biom-banner__feature{min-width:100%;flex:0 0 100%}.biom-banner .css-slider-dot-navigation .css-slider-dot{background:var(--biom-banner-muted-color)}.biom-banner .css-slider-dot-navigation .css-slider-dot.active{background:var(--biom-banner-text-color)}@media screen and (max-width:749px){.biom-banner{border-radius:0}.biom-banner__image--mobile .img{object-position:50% 50%}.biom-banner__feature-icon{margin-top:0;align-self:center;justify-self:center}.biom-banner--mobile-height-small{min-height:70vh;min-height:70svh}.biom-banner--mobile-height-regular{height:95vh;height:95svh}.biom-banner--mobile-height-large{min-height:100vh;min-height:100svh}.biom-banner .biom-banner__content{width:100%;max-width:none;padding:2rem 1rem}.biom-banner__scroll-indicator{display:none}}.biom-banner--content-pos-mobile-top .biom-banner__content{align-self:start;justify-self:center}.biom-banner--content-pos-mobile-bottom .biom-banner__content{align-self:end;justify-self:center}@media screen and (min-width:750px){.biom-banner--content-pos-middle-left .biom-banner__content{align-self:center;justify-self:start;margin-top:calc((var(--header-logo, 0px) + var(--header-vertical-space, 0px)) / 2)}.biom-banner--content-pos-middle-right .biom-banner__content{align-self:center;justify-self:end}.biom-banner--content-pos-bottom-left .biom-banner__content{align-self:end;justify-self:start}.biom-banner--content-pos-bottom-right .biom-banner__content{align-self:end;justify-self:end}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-biom-banner.css.map */