.sf-banner{position:relative;display:flex;box-sizing:border-box;height:var(--sf-banner-height);overflow:hidden;background-color:var(--sf-banner-bg, var(--color-surface-l0));color:var(--color-content-black);font-family:var(--font-family-tt-hoves)}.sf-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.sf-banner__media picture,.sf-banner__image{display:block;width:100%;height:100%}.sf-banner__image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;object-fit:var(--sf-banner-fit, cover);object-position:var(--sf-banner-position, center);opacity:var(--sf-banner-image-opacity)}.sf-banner__content{position:relative;display:flex;flex-direction:column;gap:var(--sf-banner-button-gap, var(--space-xl));box-sizing:border-box;width:100%;max-width:var(--sf-banner-max-width, none);padding:var(--sf-banner-padding)}.sf-banner[data-vertical=top] .sf-banner__content{justify-content:flex-start}.sf-banner[data-vertical=middle] .sf-banner__content{justify-content:center}.sf-banner[data-vertical=bottom] .sf-banner__content{justify-content:flex-end}.sf-banner[data-horizontal=left]{justify-content:flex-start}.sf-banner[data-horizontal=center]{justify-content:center}.sf-banner[data-horizontal=right]{justify-content:flex-end}.sf-banner[data-horizontal=left] .sf-banner__content{align-items:flex-start;text-align:left}.sf-banner[data-horizontal=center] .sf-banner__content{align-items:center;text-align:center}.sf-banner[data-horizontal=right] .sf-banner__content{align-items:flex-end;text-align:right}.sf-banner__text{display:flex;flex-direction:column;gap:var(--sf-banner-text-gap, var(--space-xs))}.sf-banner__heading,.sf-banner__description{margin:0}.sf-banner__heading{color:var(--sf-banner-heading-color, var(--color-content-black))}.sf-banner__description{color:var(--sf-banner-description-color, var(--color-content-black))}.sf-banner__button--filled{padding:var(--space-2xs) var(--space-l);background-color:var(--sf-banner-button-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sf-banner__button--filled .sf-button__content:after{display:none}@media screen and (max-width:749px){.sf-banner{height:var(--sf-banner-height-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sf-banner.css.map */