.hero-banner{position:relative;overflow:hidden;min-height:var(--hero-banner-min-height);background-color:var(--hero-banner-bg-color)}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-banner-bg-color)}.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__image--placeholder{width:100%;height:100%;background-color:var(--hero-banner-bg-color)}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-banner-overlay-color);opacity:var(--hero-banner-overlay-opacity);pointer-events:none}.hero-banner__container{position:relative;z-index:1;display:flex;align-items:center;min-height:var(--hero-banner-min-height);padding-top:var(--hero-banner-padding-top);padding-bottom:var(--hero-banner-padding-bottom);padding-left:var(--hero-banner-inline-padding);padding-right:var(--hero-banner-inline-padding);box-sizing:border-box}.hero-banner__inner{width:100%;max-width:var(--hero-banner-content-max-width);margin-left:auto;margin-right:auto}.hero-banner__content{width:100%}.hero-banner__title{margin:0;color:var(--hero-banner-title-color);font-size:var(--hero-banner-title-size);font-weight:var(--hero-banner-title-weight);text-transform:var(--hero-banner-title-transform);line-height:1.1;word-break:break-word}.hero-banner__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:12px;color:var(--hero-banner-breadcrumb-color);font-size:var(--hero-banner-breadcrumb-size);font-weight:var(--hero-banner-breadcrumb-weight);line-height:1.4}.hero-banner__breadcrumb-link{color:var(--hero-banner-breadcrumb-link-color);text-decoration:none;transition:opacity .2s ease}.hero-banner__breadcrumb-link:hover{opacity:.8}.hero-banner__breadcrumb-current{color:var(--hero-banner-breadcrumb-color)}.hero-banner__breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--hero-banner-breadcrumb-color)}.hero-banner--title-left .hero-banner__title{text-align:left}.hero-banner--title-center .hero-banner__title{text-align:center}.hero-banner--title-right .hero-banner__title{text-align:right}.hero-banner--breadcrumb-left .hero-banner__breadcrumb{justify-content:flex-start;text-align:left}.hero-banner--breadcrumb-center .hero-banner__breadcrumb{justify-content:center;text-align:center}.hero-banner--breadcrumb-right .hero-banner__breadcrumb{justify-content:flex-end;text-align:right}@media screen and (max-width:749px){.hero-banner__breadcrumb{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-banner-breadcrumb.css.map */