.hair-awareness-gwp-outer{position:relative}.hair-awareness-gwp{position:relative;padding-top:var(--gwp-padding-top-desktop);padding-bottom:var(--gwp-padding-bottom-desktop)}.hair-awareness-gwp__inner{position:relative;z-index:1}.hair-awareness-gwp__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}.hair-awareness-gwp__grid--image-right{grid-template-areas:"content visual"}.hair-awareness-gwp__grid--image-right .hair-awareness-gwp__visual-column{grid-area:visual}.hair-awareness-gwp__grid--image-right .hair-awareness-gwp__content-column{grid-area:content}.hair-awareness-gwp__visual-column{position:relative}.hair-awareness-gwp__visual{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--gwp-radius);background:linear-gradient(160deg,var(--gwp-placeholder-start) 0%,var(--gwp-placeholder-mid) 55%,var(--gwp-placeholder-end) 100%)}.hair-awareness-gwp__visual .responsive-image-wrapper,.hair-awareness-gwp__visual .theme-img{width:100%;height:100%}.hair-awareness-gwp__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--gwp-icon-color)}.hair-awareness-gwp__icon svg{width:var(--gwp-icon-size-desktop);height:var(--gwp-icon-size-desktop)}.hair-awareness-gwp__badge{position:absolute;z-index:2;left:20px;top:20px;background:var(--gwp-badge-bg);color:var(--gwp-badge-text);font-family:var(--body-font-stack);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border-radius:4px}.hair-awareness-gwp__eyebrow{font-family:var(--body-font-stack);font-size:var(--gwp-eyebrow-size-desktop);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gwp-eyebrow-color);margin:0 0 .75em}.hair-awareness-gwp__heading{font-size:var(--gwp-heading-size-desktop);font-style:italic;color:var(--gwp-heading-color);line-height:1.2;letter-spacing:-.01em;margin:0 0 18px}.hair-awareness-gwp__description{font-family:var(--body-font-stack);font-size:var(--gwp-desc-size-desktop);color:var(--gwp-desc-color);max-width:52ch;margin:0 0 26px}.hair-awareness-gwp__countdown{margin:6px 0 30px}.hair-awareness-gwp__countdown .countdown-timer__container{gap:10px;flex-wrap:wrap}.hair-awareness-gwp__countdown .countdown-timer__digit-group-container{background:var(--gwp-chip-bg-color);color:var(--gwp-chip-text-color);border-radius:3px;padding:12px 14px;min-width:64px}.hair-awareness-gwp__countdown .countdown-timer__digit-group{justify-content:center}.hair-awareness-gwp__countdown .countdown-timer__digit{font-family:var(--body-font-stack);font-size:22px;font-weight:700;padding:0;overflow:visible}.hair-awareness-gwp__countdown .countdown-timer__digit>div{width:auto;min-width:15px}.hair-awareness-gwp__countdown .countdown-timer__digit-group-container span{font-family:var(--body-font-stack);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:2px;padding-top:0}.hair-awareness-gwp__countdown .countdown-timer__separator{display:none}.hair-awareness-gwp__cta-wrap{margin:0 0 22px}.hair-awareness-gwp__cta-arrow{display:inline-block;transition:transform .25s}@media(prefers-reduced-motion:no-preference){body:not(.animations-disabled) .hair-awareness-gwp__cta{transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,color .25s,border-color .25s}body:not(.animations-disabled) .hair-awareness-gwp__cta:hover{transform:translateY(-2px)}body:not(.animations-disabled) .hair-awareness-gwp__cta:hover .hair-awareness-gwp__cta-arrow{transform:translate(3px)}}.hair-awareness-gwp__fineprint{font-family:var(--body-font-stack);font-size:12px;font-style:italic;color:var(--gwp-fineprint-color);opacity:.85;max-width:56ch;margin:0}@media(max-width:940px){.hair-awareness-gwp__grid,.hair-awareness-gwp__grid--image-right{grid-template-columns:1fr;grid-template-areas:"visual" "content"}.hair-awareness-gwp__visual{max-width:26rem;margin:0 auto}}@media(max-width:767px){.hair-awareness-gwp{padding-top:var(--gwp-padding-top-mobile);padding-bottom:var(--gwp-padding-bottom-mobile)}.hair-awareness-gwp__eyebrow{font-size:var(--gwp-eyebrow-size-mobile)}.hair-awareness-gwp__heading{font-size:var(--gwp-heading-size-mobile)}.hair-awareness-gwp__description{font-size:var(--gwp-desc-size-mobile)}.hair-awareness-gwp__icon svg{width:var(--gwp-icon-size-mobile);height:var(--gwp-icon-size-mobile)}.hair-awareness-gwp__countdown .countdown-timer__digit-group-container{min-width:56px;padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-hair-awareness-gwp.css.map */