.fq{--fq-ink: var(--COLOR-HEADING, #1f1f1f);--fq-muted: var(--COLOR-TEXT-ALPHA-60, #6b6b6b);--fq-line: var(--COLOR-BORDER, #e4e1dc);--fq-paper: #f6f5f2;--fq-accent: var(--COLOR-HEADING, #1f1f1f);--fq-radius: 4px;display:block;color:var(--fq-ink);font-family:var(--FONT-STACK-BODY)}.fq *,.fq *:before,.fq *:after{box-sizing:border-box}.fq__inner{max-width:1200px;margin:0 auto;padding:0 40px}@media screen and (max-width:767px){.fq__inner{padding:0 16px}}.fq [hidden]{display:none!important}.fq__eyebrow{margin:0 0 12px;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fq-muted)}.fq__title,.fq__q,.fq__result-heading,.fq__persona-title,.fq__email-heading{font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING, 400);line-height:1.15;letter-spacing:0;color:var(--fq-ink)}.fq__q:focus,.fq__persona-title:focus,.fq__result-heading:focus,.fq__title:focus{outline:none}.fq__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border:1px solid var(--fq-accent);border-radius:var(--fq-radius);font:500 14px/1 var(--FONT-STACK-BODY);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}.fq__btn--primary{background:var(--fq-accent);color:#fff}.fq__btn--primary:hover{background:#000}.fq__btn--ghost{background:transparent;color:var(--fq-ink)}.fq__btn--ghost:hover{background:var(--fq-ink);color:#fff}.fq__btn:disabled{opacity:.35;cursor:not-allowed}.fq__btn:focus-visible,.fq__back:focus-visible{outline:2px solid var(--fq-ink);outline-offset:3px}.fq__intro-copy{max-width:640px;margin:0 auto;text-align:center}.fq__title{margin:0 0 24px;font-size:clamp(34px,5vw,64px);font-weight:200}.fq__lead{margin-bottom:32px;font-size:18px;line-height:1.55;color:#3a3a3a}.fq__lead p{margin:0}.fq__note{margin:14px 0 0;font-size:13px;color:var(--fq-muted)}.fq__form{max-width:880px;margin:0 auto}.fq__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:40px}.fq__back{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:none;color:var(--fq-ink);font:400 14px var(--FONT-STACK-BODY);cursor:pointer}.fq__progress{height:2px;background:var(--fq-line);overflow:hidden}.fq__progress-fill{display:block;height:100%;width:4%;background:var(--fq-ink);transition:width .4s ease}.fq__count{font-size:13px;color:var(--fq-muted);font-variant-numeric:tabular-nums}.fq__step{margin:0;padding:0;border:0;min-width:0;animation:fq-in .35s ease both}@keyframes fq-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.fq__step,.fq__progress-fill{animation:none;transition:none}}.fq__q{display:block;width:100%;margin:0 0 12px;padding:0;font-size:clamp(24px,3.2vw,40px);text-align:center}.fq__sub{margin:0 0 32px;text-align:center;font-size:15px;color:var(--fq-muted)}.fq__q+.fq__tiles,.fq__q+.fq__chips{margin-top:32px}.fq__tiles{display:grid;gap:12px}.fq__tiles--2{grid-template-columns:repeat(2,1fr)}.fq__tiles--3,.fq__tiles--worlds{grid-template-columns:repeat(3,1fr)}.fq__tile{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:20px 24px;border:1px solid var(--fq-line);border-radius:var(--fq-radius);background:#fff;cursor:pointer;transition:border-color .2s,background-color .2s}.fq__tile--wide{grid-column:1 / -1;min-height:72px}.fq__tile:hover{border-color:var(--fq-ink)}.fq__tile input,.fq__chip input{position:absolute;opacity:0;pointer-events:none}.fq__tile:has(input:checked){border-color:var(--fq-ink);background:var(--fq-paper);box-shadow:inset 0 0 0 1px var(--fq-ink)}.fq__tile:has(input:focus-visible),.fq__chip:has(input:focus-visible){outline:2px solid var(--fq-ink);outline-offset:3px}.fq__tile-label{font-size:17px;font-weight:500;line-height:1.3}.fq__tile-hint{font-size:14px;line-height:1.4;color:var(--fq-muted)}.fq__tile--world{justify-content:flex-end;min-height:168px;padding:22px;border-color:transparent;background:var(--fq-tint, var(--fq-paper))}.fq__tile--world .fq__tile-label{font-family:var(--FONT-STACK-HEADING);font-size:17px;font-weight:300;text-transform:uppercase;letter-spacing:.02em}.fq__tile--world .fq__tile-hint{color:#4a4a4a}.fq__tile--world:hover{border-color:var(--fq-ink)}.fq__tile--world:has(input:checked){background:var(--fq-tint, var(--fq-paper))}.fq__tile--fr,.fq__persona--fresh{--fq-tint: linear-gradient(135deg, #e6f0f2, #f6f3e4)}.fq__tile--fl,.fq__persona--floral{--fq-tint: linear-gradient(135deg, #f6e7e8, #f3eef5)}.fq__tile--ft,.fq__persona--fruity{--fq-tint: linear-gradient(135deg, #fbe9d9, #f7f0d9)}.fq__tile--go,.fq__persona--gourmand{--fq-tint: linear-gradient(135deg, #f1e4d3, #f8f1e7)}.fq__tile--am,.fq__persona--amber{--fq-tint: linear-gradient(135deg, #e8cdb0, #f2e3d0)}.fq__tile--wd,.fq__persona--woody{--fq-tint: linear-gradient(135deg, #d9d2c9, #ece7e0)}.fq__persona--gift{--fq-tint: linear-gradient(135deg, #ece8e2, #f7f5f1)}.fq__tile--surprise{flex-direction:row;min-height:60px;margin:12px auto 0;max-width:280px;text-align:center}@media screen and (max-width:749px){.fq__tiles--2,.fq__tiles--worlds{grid-template-columns:repeat(2,1fr)}.fq__tiles--3{grid-template-columns:1fr}.fq__tile{min-height:80px;padding:16px}.fq__tile--world{min-height:132px;padding:16px}.fq__tile--world .fq__tile-label{font-size:14px}.fq__tile-label{font-size:15px}.fq__tile-hint{font-size:13px}.fq__bar{gap:12px;margin-bottom:28px}}.fq__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.fq__chip{position:relative;cursor:pointer}.fq__chip span{display:inline-block;padding:12px 20px;border:1px solid var(--fq-line);border-radius:999px;font-size:15px;background:#fff;transition:border-color .2s,background-color .2s,color .2s}.fq__chip:hover span{border-color:var(--fq-ink)}.fq__chip input:checked+span{background:var(--fq-ink);border-color:var(--fq-ink);color:#fff}.fq__chip input:disabled+span{opacity:.4;cursor:not-allowed}.fq__next{display:flex;margin:36px auto 0;min-width:220px}.fq__loading{display:flex;flex-direction:column;align-items:center;gap:24px;padding:80px 0}.fq__spinner{width:44px;height:44px;border:1px solid var(--fq-line);border-top-color:var(--fq-ink);border-radius:50%;animation:fq-spin .9s linear infinite}@keyframes fq-spin{to{transform:rotate(360deg)}}.fq__persona{margin-bottom:64px;padding:72px 32px;text-align:center;background:var(--fq-tint, var(--fq-paper))}.fq__persona .fq__eyebrow{color:#4a4a4a}.fq__persona-title{margin:0 0 18px;font-size:clamp(32px,4.5vw,60px);font-weight:200}.fq__persona-tagline{max-width:560px;margin:0 auto;font-size:18px;line-height:1.55;color:#3a3a3a}.fq__persona-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0;list-style:none}.fq__persona-notes li{padding:7px 14px;border:1px solid rgba(31,31,31,.25);border-radius:999px;font-size:13px}.fq__result-heading{margin:0 0 28px;font-size:22px}.fq__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.fq-card{display:flex;flex-direction:column;border:1px solid var(--fq-line);background:#fff}.fq-card--hero{border-color:var(--fq-ink)}.fq-card__media{display:block;aspect-ratio:1;background:var(--fq-paper);overflow:hidden}.fq-card__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.fq-card:hover .fq-card__media img{transform:scale(1.03)}.fq-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px}.fq-card__kind{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fq-muted)}.fq-card--hero .fq-card__kind{color:var(--fq-ink)}.fq-card__match{letter-spacing:.06em}.fq-card__title{margin:0;font:500 17px/1.3 var(--FONT-STACK-BODY)}.fq-card__title a{color:inherit;text-decoration:none}.fq-card__title a:hover{text-decoration:underline;text-underline-offset:3px}.fq-card__meta{margin:0;font-size:15px}.fq-card__meta s{margin-left:6px;color:var(--fq-muted)}.fq-card__why{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.fq-card__why li{padding:4px 10px;border-radius:999px;background:var(--fq-paper);font-size:12px}.fq-card__add{width:100%;margin-top:auto}.fq-card__error{margin:0;font-size:13px;color:#b3261e}.fq__notice{grid-column:1 / -1;margin:0;padding:14px 18px;background:var(--fq-paper);font-size:14px;color:#3a3a3a}.fq__empty{grid-column:1 / -1;padding:48px 0;text-align:center;font-size:16px}.fq__empty a{color:inherit}.fq__email{max-width:560px;margin:72px auto 0;text-align:center}.fq__email-heading{margin:0 0 10px;font-size:22px}.fq__email .fq__sub{margin-bottom:20px}.fq__email-row{display:flex;gap:8px}.fq__email-row input{flex:1;min-width:0;min-height:52px;padding:0 18px;border:1px solid var(--fq-line);border-radius:var(--fq-radius);font:400 16px var(--FONT-STACK-BODY);color:var(--fq-ink)}.fq__email-row input:focus{outline:2px solid var(--fq-ink);outline-offset:1px}.fq__email-ok{margin:0;padding:16px;background:var(--fq-paper)}.fq__email-error{margin:10px 0 0;font-size:13px;color:#b3261e}.fq__again{margin-top:48px;text-align:center}@media screen and (max-width:749px){.fq__persona{margin-bottom:40px;padding:48px 20px}.fq__persona-tagline{font-size:16px}.fq__cards{grid-template-columns:1fr}.fq-card{display:grid;grid-template-columns:120px 1fr}.fq-card--hero{grid-template-columns:1fr}.fq-card__body{padding:16px}.fq__email-row{flex-direction:column}}.fq__tile--world.is-dark,.fq__tile--world.is-dark .fq__tile-label,.fq__persona.is-dark,.fq__persona.is-dark .fq__persona-title,.fq__persona.is-dark .fq__persona-tagline,.fq__persona.is-dark .fq__eyebrow{color:#fff}.fq__tile--world.is-dark .fq__tile-hint{color:#fffc}.fq__tile--world.is-dark:hover,.fq__tile--world.is-dark:has(input:checked){border-color:#fff}.fq__tile--world.is-dark:has(input:checked){box-shadow:inset 0 0 0 1px #fff}.fq__persona.is-dark .fq__persona-notes li{border-color:#ffffff80}.fq__editor{max-width:1200px;margin:0 auto 24px;padding:10px 16px;border:1px dashed #8a8a8a;background:#fffbe6;font:400 13px/1.45 var(--FONT-STACK-BODY);color:#3a3a3a}.fq__tile.is-editor-focus,.fq__chip.is-editor-focus span{outline:2px dashed var(--fq-ink);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/fragrance-quiz.css.map */