.hq{--hq-cocoa: #3b0c00;--hq-brick: #812221;--hq-cream: #fcfcf7;--hq-sand: #e8d5ac;--hq-sand-rgb: 232, 213, 172;--hq-glass: rgba(255, 255, 255, .1);--hq-glass-hover: rgba(255, 255, 255, .17);--hq-glass-on: rgba(255, 255, 255, .26);--hq-glass-line: rgba(255, 255, 255, .28);--hq-glass-line-on: rgba(255, 255, 255, .62);--hq-blur: blur(16px) saturate(130%);--hq-ease: cubic-bezier(.22, .61, .36, 1);--hq-rail: 6.4rem;--hq-measure: 52rem;position:relative;min-height:100vh;min-height:100dvh;background:var(--hq-cocoa);color:var(--hq-sand);font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:1.6rem;line-height:1.45;-webkit-font-smoothing:antialiased}.hq button,.hq .hq-btn{text-transform:none!important}.hq *,.hq *:before,.hq *:after{box-sizing:border-box}.hq-h,.hq-section-title,.hq-card__name,.hq-diagnosis h2,.hq-sub-panel h2{color:inherit}.hq-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--hq-bg);background-size:cover;background-position:center center;background-repeat:no-repeat}.hq-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#1c0700b8,#260a0099 38%,#180600d1)}.hq-bleed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#1405008c;opacity:0;transition:opacity .5s var(--hq-ease)}.hq[data-tone=dark] .hq-bleed{opacity:1}.hq-bleed__img,.hq-bleed__scrim{display:none}.hq-rail{position:fixed;top:0;left:0;right:0;z-index:20;height:var(--hq-rail);display:flex;align-items:center;padding:0 2rem;color:var(--hq-sand)}.hq-rail__back,.hq-rail__count{flex:0 0 auto;min-width:6rem;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.hq-rail__count{cursor:default;text-align:right;font-size:1.3rem;letter-spacing:.02em;opacity:.6;font-variant-numeric:tabular-nums}.hq-rail__count b{font-weight:500;opacity:1}.hq-rail__back{display:inline-flex;align-items:center;height:4rem;opacity:.8;transition:opacity .2s var(--hq-ease),transform .2s var(--hq-ease)}.hq-rail__back:hover{opacity:1;transform:translate(-2px)}.hq-rail__back[hidden]{visibility:hidden;display:inline-flex}.hq-rail__back svg{width:1.8rem;height:1.8rem;display:block}.hq-rail__mark{flex:1 1 auto;text-align:center;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:1.7rem}.hq-rail__mark img{height:3.2rem;width:auto;max-width:20rem;object-fit:contain;display:inline-block;vertical-align:middle;filter:brightness(0) invert(1)}.hq-rail__mark-tint{display:none}@supports ((-webkit-mask-image: url(#)) or (mask-image: url(#))){.hq-rail__mark img.hq-rail__mark-img{display:none}.hq-rail__mark-tint{display:inline-block;height:3.2rem;width:5.2rem;vertical-align:middle;background-color:currentColor;-webkit-mask:var(--hq-mark) center / contain no-repeat;mask:var(--hq-mark) center / contain no-repeat}}.hq-progress{position:fixed;top:calc(var(--hq-rail) - 1px);left:0;right:0;z-index:21;height:1px;background:rgba(var(--hq-sand-rgb),.22)}.hq-progress__fill{height:100%;width:0;background:var(--hq-sand);transition:width .52s var(--hq-ease)}.hq-stage{position:relative;z-index:1;padding:calc(var(--hq-rail) + 4rem) 2rem 6rem;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.hq-screen{width:100%;max-width:var(--hq-measure);margin:0 auto;flex:1 1 auto;display:flex;flex-direction:column}@keyframes hq-enter{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}.hq-screen[data-enter]>*{animation:hq-enter .48s var(--hq-ease) both}.hq-screen[data-enter]>*:nth-child(1){animation-delay:40ms}.hq-screen[data-enter]>*:nth-child(2){animation-delay:90ms}.hq-screen[data-enter]>*:nth-child(3){animation-delay:.14s}.hq-screen[data-enter]>*:nth-child(4){animation-delay:.19s}@media(prefers-reduced-motion:reduce){.hq-screen[data-enter]>*{animation:none}.hq-progress__fill{transition:none}}.hq-h{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:clamp(2.8rem,5.2vw,4rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 1.2rem;text-wrap:balance}.hq-h--lg{font-size:clamp(3.2rem,6.4vw,4.8rem)}.hq-sub{margin:0 0 3.2rem;font-size:1.6rem;line-height:1.5;color:rgba(var(--hq-sand-rgb),.78);max-width:44rem}.hq-eyebrow{display:inline-block;align-self:flex-start;margin:0 0 1.6rem;padding:.5rem 1.2rem;border-radius:999px;background:var(--hq-glass);border:1px solid var(--hq-glass-line);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);color:var(--hq-sand);font-size:1.2rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.hq-options{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin:0 0 4rem;padding:0;list-style:none}.hq-opt{position:relative;display:inline-flex;align-items:center;gap:1rem;max-width:100%;padding:1.5rem 2.6rem;border:1px solid var(--hq-glass-line);border-radius:999px;background:var(--hq-glass);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);color:var(--hq-sand);font:inherit;font-size:1.6rem;text-align:left;cursor:pointer;transition:background .2s var(--hq-ease),border-color .2s var(--hq-ease),transform .2s var(--hq-ease)}.hq-opt:hover{background:var(--hq-glass-hover);border-color:#ffffff6b;transform:translateY(-1px)}.hq-opt__check{flex:0 0 auto;width:1.6rem;height:1.6rem;margin-left:-.6rem;opacity:0;transform:scale(.6);transition:opacity .18s var(--hq-ease),transform .18s var(--hq-ease)}.hq-opt__check svg{width:100%;height:100%;display:block}.hq-opt[aria-pressed=true],.hq-opt[aria-checked=true]{background:var(--hq-glass-on);border-color:var(--hq-glass-line-on);color:#fff;font-weight:500}.hq-opt[aria-pressed=true] .hq-opt__check,.hq-opt[aria-checked=true] .hq-opt__check{opacity:1;transform:none}.hq-opt:focus-visible{outline:2px solid #fff;outline-offset:3px}.hq-options--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.hq-options--grid .hq-opt{width:100%;justify-content:flex-start}@media screen and (max-width:600px){.hq-options--grid{grid-template-columns:1fr}}.hq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;max-width:47rem;min-height:5.6rem;padding:1.6rem 3.2rem;border:1px solid var(--hq-glass-line-on);border-radius:999px;background:var(--hq-glass-on);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);color:#fff;font-family:var(--font-button-family, "DM Sans", system-ui, sans-serif);font-weight:700;font-size:1.6rem;cursor:pointer;transition:background .22s var(--hq-ease),transform .2s var(--hq-ease),opacity .22s var(--hq-ease)}.hq-btn:hover:not([disabled]){background:#ffffff57;transform:translateY(-1px)}.hq-btn[disabled]{opacity:.35;cursor:not-allowed}.hq-btn--ghost{background:var(--hq-glass);border-color:var(--hq-glass-line);color:var(--hq-sand)}.hq-btn--ghost:hover:not([disabled]){background:var(--hq-glass-hover);color:#fff}.hq-btn--light{background:var(--hq-glass-on);color:#fff}.hq-btn--brick{background:var(--hq-cream);border-color:var(--hq-cream);color:var(--hq-cocoa);-webkit-backdrop-filter:none;backdrop-filter:none}.hq-btn--brick:hover:not([disabled]){background:#fff;color:var(--hq-cocoa)}.hq-actions{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.hq-screen--intro .hq-actions{margin-top:1.2rem;padding-top:0}.hq-skip{background:none;border:0;padding:.6rem 0;font:inherit;font-size:1.4rem;color:rgba(var(--hq-sand-rgb),.75);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hq-skip:hover{color:#fff}.hq-claims{list-style:none;margin:0 0 3.6rem;padding:0;display:flex;flex-direction:column;gap:1.6rem}.hq-claims li{display:flex;align-items:flex-start;gap:1.4rem;font-size:1.7rem;line-height:1.4}.hq-claims svg{flex:0 0 auto;width:2rem;height:2rem;margin-top:.2rem;opacity:.9}.hq-timeline{list-style:none;margin:0 0 3.6rem;padding:0 0 0 2.6rem;position:relative}.hq-timeline:before{content:"";position:absolute;left:.55rem;top:.8rem;bottom:.8rem;width:1px;background:rgba(var(--hq-sand-rgb),.3)}.hq-timeline li{position:relative;padding-bottom:2.4rem}.hq-timeline li:last-child{padding-bottom:0}.hq-timeline li:before{content:"";position:absolute;left:-2.6rem;top:.7rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--hq-sand)}.hq-timeline__when{display:inline-block;margin-bottom:.4rem;padding:.3rem 1rem;border-radius:999px;background:var(--hq-glass);border:1px solid var(--hq-glass-line);font-size:1.2rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.hq-timeline__what{display:block;font-size:1.7rem;font-weight:500;margin-bottom:.2rem}.hq-timeline__why{display:block;font-size:1.5rem;color:rgba(var(--hq-sand-rgb),.72)}.hq-field{width:100%;max-width:47rem;margin:0 0 1.6rem}.hq-input{width:100%;height:5.6rem;padding:0 2rem;border:1px solid var(--hq-glass-line);border-radius:1.2rem;background:var(--hq-glass);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);color:#fff;font:inherit;font-size:1.6rem}.hq-input::placeholder{color:#ffffff80}.hq-input:focus{outline:none;border-color:#ffffffb3;background:var(--hq-glass-hover)}.hq-input[aria-invalid=true]{border-color:#ffb4a8}.hq-error{display:block;margin-top:.8rem;font-size:1.3rem;color:#ffb4a8}.hq-consent{max-width:47rem;margin:1.8rem 0 0;font-size:1.2rem;line-height:1.5;color:rgba(var(--hq-sand-rgb),.6)}.hq-consent a{color:inherit}.hq-screen--analysing{align-items:center;justify-content:center;text-align:center}.hq-screen--analysing .hq-sub{margin-left:auto;margin-right:auto}.hq-spinner{width:4.4rem;height:4.4rem;margin:0 auto 3rem;border:2px solid rgba(var(--hq-sand-rgb),.25);border-top-color:var(--hq-sand);border-radius:50%;animation:hq-spin .9s linear infinite}@keyframes hq-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hq-spinner{animation-duration:2.4s}}.hq-ticker{min-height:2.4rem;font-size:1.5rem;color:rgba(var(--hq-sand-rgb),.75)}.hq-results{--hq-measure: 96rem;max-width:var(--hq-measure)}.hq-results__head{margin-bottom:3.2rem}.hq-readback{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.4rem;padding:0;list-style:none}.hq-readback li{padding:.6rem 1.4rem;border:1px solid var(--hq-glass-line);border-radius:999px;background:var(--hq-glass);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);font-size:1.3rem;color:var(--hq-sand)}.hq-diagnosis{padding:2.6rem;border-radius:2rem;border:1px solid var(--hq-glass-line);background:var(--hq-glass);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);margin-bottom:4rem}.hq-diagnosis h2{margin:0 0 1rem;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:2rem}.hq-diagnosis p{margin:0 0 1.2rem;font-size:1.55rem;line-height:1.55;color:rgba(var(--hq-sand-rgb),.82)}.hq-diagnosis p:last-child{margin-bottom:0}.hq-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin:0 0 2rem;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:2.2rem}.hq-section-title span{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:1.4rem;font-weight:400;color:rgba(var(--hq-sand-rgb),.65)}.hq-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:1.6rem;margin:0 0 4rem;padding:0;list-style:none}.hq-card{display:flex;flex-direction:column;border:1px solid var(--hq-glass-line);border-radius:2rem;background:var(--hq-glass);-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);overflow:hidden;transition:border-color .2s var(--hq-ease),background .2s var(--hq-ease)}.hq-card:hover{border-color:#ffffff73;background:var(--hq-glass-hover)}.hq-card--hero{grid-column:1 / -1;flex-direction:row;align-items:stretch;border-color:#ffffff8c;background:var(--hq-glass-hover)}.hq-card__media{position:relative;background:#f2e9de;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hq-card__media img{width:100%;height:100%;object-fit:contain}.hq-card--hero .hq-card__media{flex:0 0 34%;aspect-ratio:auto}.hq-card__flag{position:absolute;top:1.2rem;left:1.2rem;padding:.5rem 1.2rem;border-radius:999px;background:var(--hq-cream);color:var(--hq-cocoa);font-size:1.1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.hq-card__body{flex:1 1 auto;display:flex;flex-direction:column;padding:2rem}.hq-card--hero .hq-card__body{padding:3.2rem;justify-content:center}.hq-card__name{margin:0 0 .6rem;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:1.8rem}.hq-card--hero .hq-card__name{font-size:clamp(2.4rem,3.4vw,3.2rem)}.hq-card__price{margin:0 0 1.2rem;font-size:1.5rem;color:#fff}.hq-card__price s{opacity:.55;margin-right:.6rem}.hq-card__because{margin:0 0 1.6rem;font-size:1.4rem;line-height:1.5;color:rgba(var(--hq-sand-rgb),.78)}.hq-card--hero .hq-card__because{font-size:1.6rem;max-width:46rem}.hq-card__cta{margin-top:auto}.hq-card .hq-btn{max-width:none;min-height:4.8rem;font-size:1.5rem}.hq-card--hero .hq-btn{max-width:32rem;min-height:5.6rem}@media screen and (max-width:749px){.hq-card--hero{flex-direction:column}.hq-card--hero .hq-card__media{flex:0 0 auto;aspect-ratio:4 / 3}.hq-card--hero .hq-card__body{padding:2.4rem}}.hq-sub-panel{border-radius:2.4rem;border:1px solid var(--hq-glass-line);background:#1405006b;-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);color:var(--hq-sand);padding:3.2rem;margin:0 0 4rem}.hq-sub-panel__head{margin-bottom:2.8rem}.hq-sub-panel h2{margin:0 0 .8rem;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-weight:500;font-size:clamp(2.2rem,3.6vw,3rem);letter-spacing:-.02em}.hq-sub-panel h2 em{font-style:normal;font-weight:700;color:#fff}.hq-sub-panel__lede{margin:0;font-size:1.55rem;line-height:1.5;color:rgba(var(--hq-sand-rgb),.8);max-width:52rem}.hq-gifts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(14rem,1fr);gap:1.2rem;margin:0 0 2.8rem;padding:0 0 1.2rem;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.hq-gift{display:flex;flex-direction:column;gap:.8rem;text-align:center}.hq-gift__media{aspect-ratio:1 / 1;border-radius:1.4rem;background:#f2e9de;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;overflow:hidden}.hq-gift__media img{width:100%;height:100%;object-fit:contain}.hq-gift__when{font-size:1.1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--hq-sand-rgb),.62)}.hq-gift__name{font-size:1.4rem;line-height:1.3}.hq-gift__free{font-size:1.2rem;color:#fff}.hq-gift[data-matched=true] .hq-gift__media{border-color:#ffffffbf}.hq-sub-panel__terms{margin:1.6rem 0 0;font-size:1.2rem;color:rgba(var(--hq-sand-rgb),.55);line-height:1.5}.hq-savings{display:flex;flex-wrap:wrap;gap:2.4rem;margin:0 0 2.4rem;padding:1.8rem 0 0;border-top:1px solid rgba(var(--hq-sand-rgb),.22);list-style:none}.hq-savings li{font-size:1.4rem;color:rgba(var(--hq-sand-rgb),.8)}.hq-savings b{display:block;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:2.2rem;font-weight:500;color:var(--hq-sand)}.hq-sub-panel .hq-btn{background:var(--hq-cream);border-color:var(--hq-cream);color:var(--hq-cocoa);-webkit-backdrop-filter:none;backdrop-filter:none}.hq-sub-panel .hq-btn:hover:not([disabled]){background:#fff}.hq-bundle{position:sticky;bottom:0;z-index:15;display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;margin:0 -2rem;padding:1.8rem 2rem calc(1.8rem + env(safe-area-inset-bottom));background:#140500b8;-webkit-backdrop-filter:var(--hq-blur);backdrop-filter:var(--hq-blur);border-top:1px solid var(--hq-glass-line)}.hq-bundle__sum{flex:1 1 18rem;font-size:1.4rem;color:rgba(var(--hq-sand-rgb),.75)}.hq-bundle__sum b{display:block;font-size:2rem;font-weight:500;color:var(--hq-sand)}.hq-bundle .hq-btn{flex:1 1 24rem;max-width:34rem;margin:0}.hq-restart{margin:3.2rem 0 0;text-align:center;font-size:1.4rem;color:rgba(var(--hq-sand-rgb),.65)}.hq-restart button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hq-screen--intro{justify-content:center;min-height:calc(100vh - var(--hq-rail) - 10rem)}.hq-intro__meta{display:flex;flex-wrap:wrap;gap:1.6rem 2.8rem;margin:3.2rem 0 0;padding:2.4rem 0 0;border-top:1px solid rgba(var(--hq-sand-rgb),.22);list-style:none}.hq-intro__meta li{font-size:1.4rem;color:rgba(var(--hq-sand-rgb),.7)}.hq-intro__meta b{display:block;font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:2rem;font-weight:500;color:var(--hq-sand)}.hq-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (min-width:750px){.hq{--hq-rail: 7.2rem}.hq-stage{padding-left:4rem;padding-right:4rem}.hq-rail{padding:0 4rem}.hq-bundle{margin:0 -4rem;padding-left:4rem;padding-right:4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hair-quiz.css.map */