.sq{--sq-accent:#a8845a;--sq-ink:#1d1a17;--sq-muted:#6f6860;--sq-line:#e7e1d9;--sq-card:#fff;--sq-soft:#f7f3ee;background:var(--sq-bg, #faf7f3);color:var(--sq-ink);padding:56px 16px}.sq *{box-sizing:border-box}.sq__inner{max-width:1080px;margin:0 auto}.sq__screen{display:none;animation:sqIn .35s ease}.sq__screen.is-active{display:block}@keyframes sqIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sq__intro{text-align:center;max-width:620px;margin:0 auto}.sq__eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--sq-accent);margin:0 0 14px}.sq__h{font-size:clamp(30px,5vw,46px);line-height:1.12;margin:0 0 16px}.sq__lead{color:var(--sq-muted);font-size:17px;line-height:1.6;margin:0 0 30px}.sq__meta{color:var(--sq-muted);font-size:13px;margin-top:14px}.sq__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--sq-ink);color:#fff;padding:15px 34px;border-radius:999px;font:inherit;font-size:15px;letter-spacing:.03em;text-decoration:none;transition:transform .15s,background .2s,opacity .2s}.sq__btn:hover{background:var(--sq-accent);transform:translateY(-1px)}.sq__btn:disabled{opacity:.35;cursor:not-allowed;transform:none;background:var(--sq-ink)}.sq__btn--sm{padding:11px 16px;font-size:13px;width:100%}.sq__btn--done{background:var(--sq-accent)}.sq__btn--ghost{background:transparent;color:var(--sq-ink);border:1px solid var(--sq-line)}.sq__btn--ghost:hover{background:var(--sq-soft);color:var(--sq-ink)}.sq__wrap{max-width:760px;margin:0 auto}.sq__bar{height:3px;background:var(--sq-line);border-radius:3px;overflow:hidden;margin-bottom:14px}.sq__bar span{display:block;height:100%;width:0;background:var(--sq-accent);transition:width .4s ease}.sq__step{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-muted);margin:0 0 22px}.sq__q{font-size:clamp(24px,3.6vw,32px);line-height:1.2;margin:0 0 8px}.sq__sub{color:var(--sq-muted);margin:0 0 24px}.sq__opts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.sq__opts--chips{display:flex;flex-wrap:wrap;gap:10px}.sq__opt{text-align:left;background:var(--sq-card);border:1px solid var(--sq-line);border-radius:14px;padding:18px;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;flex-direction:column;gap:4px}.sq__opt:hover{border-color:var(--sq-accent);transform:translateY(-1px)}.sq__opt.is-on{border-color:var(--sq-accent);box-shadow:0 0 0 2px var(--sq-accent) inset;background:#fffaf3}.sq__opt-l{font-size:16px;font-weight:600}.sq__opt-d{font-size:13px;color:var(--sq-muted)}.sq__opts--chips .sq__opt{border-radius:999px;padding:10px 18px}.sq__opts--chips .sq__opt-l{font-size:14px;font-weight:500}.sq__nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px}.sq__link{background:none;border:0;color:var(--sq-muted);font:inherit;cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.sq__loading{text-align:center;padding:70px 0}.sq__drop{width:44px;height:44px;margin:0 auto 22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--sq-accent);animation:sqPulse 1.1s ease-in-out infinite}@keyframes sqPulse{50%{transform:rotate(-45deg) scale(.82);opacity:.6}}.sq__profile{text-align:center;max-width:640px;margin:0 auto 40px}.sq__profile h2{font-size:clamp(28px,4.4vw,40px);margin:0 0 12px}.sq__note{background:var(--sq-soft);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--sq-muted);margin:0 auto 24px;max-width:640px;text-align:center}.sq__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.sq__card{background:var(--sq-card);border:1px solid var(--sq-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.sq__img{position:relative;display:block;aspect-ratio:1;background:#fff}.sq__img img{width:100%;height:100%;object-fit:contain;padding:14px}.sq__match{position:absolute;left:10px;top:10px;background:#1d1a17db;color:#fff;font-size:12px;padding:5px 10px;border-radius:999px}.sq__body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.sq__vendor{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-muted);margin:0}.sq__title{font-size:16px;line-height:1.3;margin:0}.sq__title a{color:inherit;text-decoration:none}.sq__why{font-size:13px;color:var(--sq-accent);margin:0}.sq__price{font-weight:600;margin:auto 0 8px;padding-top:6px}.sq__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}@media(max-width:600px){.sq{padding:36px 16px}.sq__opts{grid-template-columns:1fr}.sq__grid{grid-template-columns:repeat(2,1fr);gap:12px}.sq__body{padding:12px}.sq__title{font-size:14px}.sq__btn--sm{padding:10px 8px;font-size:12px}}html.sq-lock,html.sq-lock body{overflow:hidden}.sq-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:24px 16px}.sq-modal.is-open{display:flex;animation:sqFade .25s ease}@keyframes sqFade{0%{opacity:0}to{opacity:1}}.sq-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#18141052;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sq-modal__panel{position:relative;width:100%;max-width:1000px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border-radius:22px;background:#faf7f3;box-shadow:0 30px 80px #00000040;animation:sqIn .3s ease}.sq-modal .sq{background:transparent;padding:8px 28px 36px}.sq-modal__x{position:sticky;top:12px;z-index:2;display:block;margin:12px 12px 0 auto;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#1d1a17;font-size:24px;line-height:40px;text-align:center;padding:0;cursor:pointer;box-shadow:0 2px 10px #0000001f}.sq-modal__x:hover{background:#f1ebe3}.sq__saved{font-size:13px;color:var(--sq-muted);margin:0}.sq-pill{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:900;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;border:1px solid #e3d4bd;background:#fffdf9;color:#1c1917;font:inherit;font-size:13px;letter-spacing:.04em;white-space:nowrap;cursor:pointer;box-shadow:0 14px 34px -14px #1c191766;animation:sqPillIn .45s cubic-bezier(.22,1,.36,1);transition:border-color .2s,box-shadow .2s}.sq-pill[hidden]{display:none}.sq-pill:hover{border-color:#a88752;box-shadow:0 16px 38px -14px #1c191780}.sq-pill__dot{width:7px;height:7px;border-radius:50%;background:#a88752;box-shadow:0 0 #a8875280;animation:sqDot 2.4s ease-out infinite}.sq-pill__time{color:#8a6d3f;font-variant-numeric:tabular-nums}.sq-pill svg{color:#8a6d3f}@keyframes sqPillIn{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes sqDot{70%{box-shadow:0 0 0 7px #a8875200}to{box-shadow:0 0 #a8875200}}@media(max-width:600px){.sq-modal{padding:0;align-items:flex-end}.sq-modal__panel{max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0}.sq-modal .sq{padding:4px 16px 28px}.sq-pill{bottom:14px;padding:10px 16px;font-size:12.5px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/scent-quiz.css.map */