.hero{--hero-min-height: 0;position:relative;display:block}.hero--small{--hero-min-height: 120vw}.hero--medium{--hero-min-height: 133vw}.hero--large{--hero-min-height: 160vw}.hero--fit{--hero-min-height: calc( var(--window-height) - var(--header-height, 0px) * (-1 * (var(--enable-transparent-header) - 1)) - var(--announcement-bar-height, 0px) )}.hero,.hero__banner,.hero__content-inner,.hero__inner{min-height:var(--hero-min-height)}.hero__inner{position:relative;z-index:1;display:block}.hero__content-inner{position:relative;display:flex;align-items:var(--section-block-alignment);width:100%;height:100%}.hero__content-inner:before{content:"";display:block;padding-bottom:calc(100 / var(--mobile-image-aspect-ratio) * 1%);width:0}.hero__image-wrapper{overflow:hidden}[dir=ltr] .hero__image-wrapper,[dir=ltr] .hero__image{left:0}[dir=rtl] .hero__image-wrapper,[dir=rtl] .hero__image{right:0}.hero__image-wrapper,.hero__image{position:absolute;top:0;width:100%;height:100%}.hero__image{object-fit:cover;object-position:center}.hero__image--placeholder{width:auto;background:rgb(var(--secondary-background))}[dir=ltr] .hero__image-wrapper:before{left:0}[dir=rtl] .hero__image-wrapper:before{right:0}.hero__image-wrapper:before{content:"";position:absolute;z-index:1;top:0;width:100%;height:100%;background:rgba(var(--section-block-overlay-color),var(--section-block-overlay-opacity));pointer-events:none}@supports (width: max(1px,2px)){.hero__text-wrapper--top{padding-top:max(var(--vertical-breather),calc((var(--header-height) + 25px) * var(--enable-transparent-header)))}}@media screen and (min-width: 1000px){@supports (width: max(1px,2px)){.hero__text-wrapper--top{padding-top:max(var(--vertical-breather),calc((var(--header-height) + 40px) * var(--enable-transparent-header)))}}}@media screen and (min-width: 741px){.hero--small{--hero-min-height: 70vw}.hero--medium{--hero-min-height: 90vw}.hero--large{--hero-min-height: 105vw}}@media screen and (min-width: 1000px){.hero--small{--hero-min-height: 42vw}.hero--medium{--hero-min-height: 48vw}.hero--large{--hero-min-height: 54vw}.hero__inner:before{padding-bottom:calc(100 / var(--image-aspect-ratio) * 1%)}}@media screen and (min-width: 1200px){.hero--small{--hero-min-height: 38vw}.hero--medium{--hero-min-height: 40vw}.hero--large{--hero-min-height: 48vw}}
/*# sourceMappingURL=/cdn/shop/t/201/assets/boho-hero-banner.css.map */