.shop-by-age-page-hero{position:relative;overflow:hidden;isolation:isolate;min-height:var(--hero-h);--hero-h: 240px;--hero-sky-depth: calc(var(--hero-h) * .85);--hero-wave-src: url(shape-shop-by-age-hero-backdrop.svg);--hero-wave-overscan: 110%;--hero-badge-aspect: .9585;--hero-badge-h: calc(var(--hero-h) * .42);--hero-badge-w: calc(var(--hero-badge-h) * var(--hero-badge-aspect));--hero-row-center: calc(var(--hero-h) * .49);--hero-badge-gap: 50px}.shop-by-age-page-hero[data-bg=warm-white]{background-color:rgb(var(--color-brand-warm-white))}.shop-by-age-page-hero[data-bg=gold-tint]{background-color:rgb(var(--color-brand-gold-tint))}.shop-by-age-page-hero[data-bg=gold]{background-color:rgb(var(--color-brand-gold))}.shop-by-age-page-hero[data-bg=blue-mid]{background-color:rgb(var(--color-brand-blue-mid))}.shop-by-age-page-hero[data-bg=coral]{background-color:rgb(var(--color-brand-coral))}.shop-by-age-page-hero[data-bg=pink]{background-color:rgb(var(--color-brand-pink))}.shop-by-age-page-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--hero-sky-depth);z-index:0;background-color:rgb(var(--hero-sky, var(--color-brand-sky)));-webkit-mask-image:var(--hero-wave-src);mask-image:var(--hero-wave-src);-webkit-mask-position:left bottom;mask-position:left bottom;-webkit-mask-size:var(--hero-wave-overscan) 100%;mask-size:var(--hero-wave-overscan) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.shop-by-age-page-hero--backdrop-gold-tint{--hero-sky: var(--color-brand-gold-tint)}.shop-by-age-page-hero--backdrop-gold{--hero-sky: var(--color-brand-gold)}.shop-by-age-page-hero--backdrop-blue-mid{--hero-sky: var(--color-brand-blue-mid)}.shop-by-age-page-hero--backdrop-coral{--hero-sky: var(--color-brand-coral)}.shop-by-age-page-hero--backdrop-warm-white{--hero-sky: var(--color-brand-warm-white)}.shop-by-age-page-hero--backdrop-sky{--hero-sky: var(--color-brand-sky)}.shop-by-age-page-hero--backdrop-pink{--hero-sky: var(--color-brand-pink)}.shop-by-age-page-hero--backdrop-pink-tint{--hero-sky: var(--color-brand-pink-tint)}.shop-by-age-page-hero__row{position:absolute;z-index:2;top:var(--hero-row-center);left:0;right:0;transform:translateY(-50%)}.shop-by-age-page-hero__row-inner{display:flex;align-items:center;gap:var(--hero-badge-gap)}.shop-by-age-page-hero__heading{min-width:0;margin:0;color:rgb(var(--color-brand-primary));text-align:left}.shop-by-age-page-hero__age-badge{position:relative;flex:0 0 auto;width:var(--hero-badge-w);height:var(--hero-badge-h)}.shop-by-age-page-hero__age-blob{display:block;width:100%;height:100%}.shop-by-age-page-hero__age-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-neutral-white))}.shop-by-age-page-hero__flower{position:absolute;z-index:1;display:none;right:7.43%;top:calc(var(--hero-h) * .333);width:120px;transform:translateY(40px);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (min-width:1200px){.shop-by-age-page-hero__flower{display:block}}@media screen and (max-width:749px){.shop-by-age-page-hero{--hero-h: clamp(220px, 68.7vw, 300px);--hero-sky-depth: calc(var(--hero-h) * 1.1);--hero-wave-src: url(shape-shop-by-age-hero-backdrop-mobile.svg);--hero-wave-overscan: 202%;--hero-badge-h: calc(var(--hero-h) * .43);--hero-row-center: calc(var(--hero-h) * .45)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-shop-by-age-page-hero.css.map */