.media-banner{background-color:rgb(var(--_color-primary, var(--color-primary)));position:relative;overflow:hidden;color:#fff}.media-banner_media{width:100%;max-height:min(calc(100svh - var(--header-height) - var(--promo-height)),140rem)}.media-banner--small .media-banner_media{max-height:min(calc(100svh - var(--header-height) - var(--promo-height)),120rem)}@media screen and (min-width:1024px){.media-banner--small .media-banner_media{aspect-ratio:12/5}.media-banner--normal .media-banner_media{aspect-ratio:2/1}}.media-banner_media img,.media-banner_media video,.media-banner_media>svg{width:100%;height:100%;object-fit:cover}.media-banner_media img+img,.media-banner_media video+video{display:none}.media-banner_content{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;color:var(--text-color);display:flex;background:rgba(0,0,0,var(--overlay-desktop));z-index:1}.media-banner_content-inner{width:fit-content}.mb-subtitle{position:relative;margin-right:.4rem;display:inline-flex;align-items:center;gap:.4rem;width:fit-content}.mb-subtitle span{width:.3rem;height:.3rem;background-color:currentColor;display:inline-block}.mb-cta{margin-top:1.4rem}.mb-cta[is=custom-button]{cursor:not-allowed;--_color-primary: var(--color-light-grey);--button-primary-bg: var(--color-light-grey);--button-secondary-bg: var(--color-light-grey);--button-border-color: var(--color-light-grey);--button-primary-color: var(--color-white);--button-secondary-color: var(--color-black);color:rgba(var(--button-secondary-color),.5)}.mb-content{max-width:56rem;margin-top:1rem}.hp-banner_hair-quiz{position:absolute;top:2rem;right:2rem;z-index:2}.hp-banner_hair-quiz.design-mode:after{content:'Content for this button can be edited in "Theme settings > App and integrations"';background:rgb(var(--color-white));color:rgb(var(--color-black));position:absolute;top:100%;right:100%;width:27rem;padding:1.6rem;border-radius:1rem;font-size:1.2rem;font-family:inherit;text-transform:none;font-weight:500;opacity:0;visibility:hidden;transition:opacity .2s}.hp-banner_hair-quiz.design-mode:hover:after{opacity:1;visibility:visible}@media screen and (max-width:1024px){.hp-banner_hair-quiz{display:none}}@media screen and (max-width:1023px){.media-banner_media{aspect-ratio:16/10}}@media screen and (max-width:768px){.media-banner_media>svg{width:auto;height:100%;object-fit:cover}.media-banner_media img:has(+img),.media-banner_media video:has(+video){display:none}.media-banner_media img+img,.media-banner_media video+video{display:block}.media-banner_media{height:calc(100svh - var(--header-height) - var(--promo-height));max-height:100rem;aspect-ratio:unset}.media-bannerM--small .media-banner_media{max-height:60rem}.design-mode .media-banner_media{max-height:70rem}.media-banner_content{padding:1.5rem;background:rgba(0,0,0,var(--overlay-mobile))}.has-video .mb-content:not(:has(+.mb-cta)){max-width:min(calc(100% - 8rem),56rem)}.has-video .mb-title:not(:has(+.mb-cta,+.mb-content)){margin-bottom:6rem}}@media screen and (min-width:769px){.media-banner_cp-top-left,.media-banner_cp-top-right{align-items:flex-start;justify-content:flex-start}.media-banner_cp-top-center{align-items:flex-start;justify-content:center;text-align:center}.media-banner:not(.has_button) .media-banner_cp-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.media-banner_cp-middle-left{align-items:center;justify-content:flex-start}.media-banner_cp-middle-center{align-items:center;justify-content:center;text-align:center}.media-banner_cp-middle-right{align-items:center;justify-content:flex-end;text-align:right}.media-banner_cp-bottom-left,.media-banner_cp-bottom-right{align-items:flex-end;justify-content:flex-start}.media-banner_cp-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.media-banner:not(:has(.media-controls)) .media-banner_cp-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}}@media screen and (max-width:768px){.media-banner_cpm-top-left{align-items:flex-start;justify-content:flex-start}.media-banner_cpm-top-center{align-items:flex-start;justify-content:center;text-align:center}.media-banner_cpm-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.media-banner_cpm-middle-left{align-items:center;justify-content:flex-start}.media-banner_cpm-middle-center{align-items:center;justify-content:center;text-align:center}.media-banner_cpm-middle-right{align-items:center;justify-content:flex-end;text-align:right}.media-banner_cpm-bottom-left{align-items:flex-end;justify-content:flex-start}.media-banner:not(:has(.media-controls)) .media-banner_cpm-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.media-banner:not(:has(.media-controls)) .media-banner_cpm-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}.media-banner_cpm-bottom-center,.media-banner_cpm-bottom-right{align-items:flex-end;justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/media-banner.css.map */