.collection-hero-banner{width:100%;padding-top:var(--collection-hero-padding-top-desktop);padding-bottom:var(--collection-hero-padding-bottom-desktop);background:var(--collection-hero-background)}.collection-hero-banner__container{width:100%}.collection-hero-banner__inner{display:flex;width:100%;min-height:var(--collection-hero-min-height-desktop);background:var(--collection-hero-background)}.collection-hero-banner__inner--left{flex-direction:row-reverse}.collection-hero-banner__content{display:flex;align-items:stretch;flex:0 0 var(--collection-hero-content-width);width:var(--collection-hero-content-width);min-width:0}.collection-hero-banner__content-inner{display:flex;flex-direction:column;width:100%;padding:24px var(--collection-hero-content-padding-desktop)}.collection-hero-banner__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--collection-hero-breadcrumb-color);font-family:var(--collection-hero-breadcrumb-family);font-size:var(--collection-hero-breadcrumb-size-desktop);font-weight:var(--collection-hero-breadcrumb-weight);line-height:1.3}.collection-hero-banner__breadcrumbs a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.collection-hero-banner__breadcrumbs a:hover{color:var(--collection-hero-breadcrumb-hover)}.collection-hero-banner__breadcrumb-separator{display:inline-flex}.collection-hero-banner__main-content{display:flex;justify-content:center;flex:1 1 auto;flex-direction:column;max-width:680px;padding-left:16px}.collection-hero-banner__heading{margin:0;color:var(--collection-hero-heading-color);font-family:var(--collection-hero-heading-family);font-size:var(--collection-hero-heading-size-desktop);font-weight:var(--collection-hero-heading-weight);line-height:var(--collection-hero-heading-line-height)}.collection-hero-banner__description{margin-top:12px;color:var(--collection-hero-description-color);font-family:var(--collection-hero-description-family);font-size:var(--collection-hero-description-size-desktop);font-weight:var(--collection-hero-description-weight);line-height:var(--collection-hero-description-line-height)}.collection-hero-banner__description,.collection-hero-banner__description p,.collection-hero-banner__description span,.collection-hero-banner__description a{font-family:var(--collection-hero-description-family);font-size:var(--collection-hero-description-size-desktop);font-weight:var(--collection-hero-description-weight);line-height:var(--collection-hero-description-line-height)}.collection-hero-banner__description>*{margin-top:0}.collection-hero-banner__description>*:last-child{margin-bottom:0}.collection-hero-banner__description a{color:inherit}.collection-hero-banner__media{position:relative;flex:0 0 var(--collection-hero-media-width);width:var(--collection-hero-media-width);min-height:var(--collection-hero-min-height-desktop);overflow:hidden;border-radius:var(--collection-hero-image-radius);background:#eee;aspect-ratio:2/1}.collection-hero-banner__image,.collection-hero-banner__placeholder{display:block;width:100%;height:100%}.collection-hero-banner__image{object-fit:cover;object-position:var(--collection-hero-image-position-desktop)}.collection-hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero-banner__placeholder svg{display:block;width:100%;height:100%}@media screen and (max-width:749px){.collection-hero-banner{padding-top:var(--collection-hero-padding-top-mobile);padding-bottom:var(--collection-hero-padding-bottom-mobile)}.collection-hero-banner__inner,.collection-hero-banner__inner--left{display:flex;flex-direction:column-reverse;min-height:0}.collection-hero-banner__content{order:1;flex:none;width:100%}.collection-hero-banner__media{order:2;flex:none;width:100%;height:var(--collection-hero-min-height-mobile);min-height:0}.collection-hero-banner__content-inner{padding:24px var(--collection-hero-content-padding-mobile)}.collection-hero-banner__breadcrumbs{margin-bottom:34px;font-size:var(--collection-hero-breadcrumb-size-mobile)}.collection-hero-banner__main-content{max-width:none;padding-left:0}.collection-hero-banner__heading{font-size:var(--collection-hero-heading-size-mobile)}.collection-hero-banner__description,.collection-hero-banner__description p,.collection-hero-banner__description span,.collection-hero-banner__description a{font-size:var(--collection-hero-description-size-mobile)}.collection-hero-banner__image{object-position:var(--collection-hero-image-position-mobile)}}@media(prefers-reduced-motion:reduce){.collection-hero-banner__breadcrumbs a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection-hero-banner.css.map */