.sleep-quiz{--sq-ink: #0f2f40;--sq-muted: rgba(15, 47, 64, .72);--sq-border: rgba(15, 47, 64, .1);--sq-surface: #ffffff;--sq-accent: #318aca;--sq-cyan: #06bfea;--sq-green: #57bf93;--sq-night: #0f2f40;--sq-fs-display: 34px;--sq-fs-h1: 28px;--sq-fs-h2: 24px;--sq-fs-h3: 20px;--sq-fs-body-lg: 18px;--sq-fs-body: 17px;--sq-fs-body-sm: 15px;--sq-fs-label: 13px;--sq-fs-micro: 12px;--sq-lh-tight: 1.15;--sq-lh-snug: 1.3;--sq-lh-body: 1.6;--sq-tracking-display: -.03em;--sq-tracking-label: .08em;--sq-space-xs: 8px;--sq-space-sm: 12px;--sq-space-md: 18px;--sq-space-lg: 24px;--sq-space-xl: 32px;position:relative;isolation:isolate;color:var(--sq-ink);font-family:var(--font-family-sans, "Figtree", system-ui, sans-serif);font-size:var(--sq-fs-body);line-height:var(--sq-lh-body);-webkit-font-smoothing:antialiased;padding:32px 0 80px;overflow:clip;background:radial-gradient(ellipse 90% 55% at 0% -10%,rgba(6,191,234,.14),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,rgba(87,191,147,.12),transparent 50%),linear-gradient(180deg,#eef8fd,#f8fcff 38%,#fff)}.sleep-quiz:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(180deg,rgba(15,47,64,.03),transparent);pointer-events:none;z-index:-1}.sleep-quiz__wrap{max-width:720px;margin:0 auto;padding:0 18px}.sleep-quiz__hero{text-align:center;margin-bottom:var(--sq-space-lg)}.sleep-quiz__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 14px;border-radius:999px;background:#318aca1a;font-size:var(--sq-fs-label);font-weight:700;letter-spacing:var(--sq-tracking-label);text-transform:uppercase;color:var(--sq-accent);line-height:1}.sleep-quiz__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--sq-green),var(--sq-cyan));box-shadow:0 0 0 5px #06bfea24}.sleep-quiz__title{margin:0;font-size:var(--sq-fs-display);font-weight:800;line-height:var(--sq-lh-tight);letter-spacing:var(--sq-tracking-display);color:var(--sq-night)}.sleep-quiz__lede{max-width:36rem;margin:16px auto 0;font-size:var(--sq-fs-body-lg);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}.sleep-quiz__shell{position:relative;margin-top:4px;border:1px solid var(--sq-border);border-radius:28px;background:#fffffff0;box-shadow:0 1px #ffffffd9 inset,0 28px 64px #0f2f4017;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.sleep-quiz__view{display:none;animation:sqFadeUp .34s ease}.sleep-quiz__view.is-active{display:block}@keyframes sqFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sleep-quiz__intro,.sleep-quiz__quiz,.sleep-quiz__result{padding:26px 20px 28px}.sleep-quiz__intro-visual{width:80px;height:80px;margin:0 auto 20px;border-radius:26px;background:linear-gradient(145deg,#0f2f40,#1a4a62 55%,#318aca);box-shadow:0 18px 36px #0f2f4038;position:relative;overflow:hidden}.sleep-quiz__intro-moon{position:absolute;top:18px;left:20px;width:28px;height:28px;border-radius:50%;background:#f7fbff;box-shadow:9px 0 0 -3px #f7fbff59}.sleep-quiz__intro-card{text-align:center}.sleep-quiz__intro-list{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px;text-align:left}.sleep-quiz__intro-list li{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#f5fbff,#fff);border:1px solid var(--sq-border);font-size:var(--sq-fs-body);font-weight:500;line-height:var(--sq-lh-snug);color:var(--sq-ink)}.sleep-quiz__intro-list li:before{content:"";flex:0 0 auto;width:11px;height:11px;margin-top:.4em;border-radius:999px;background:linear-gradient(135deg,var(--sq-green),var(--sq-cyan))}.sleep-quiz__meta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.sleep-quiz__meta-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#0f2f400d;color:var(--sq-ink);font-size:var(--sq-fs-label);font-weight:650;letter-spacing:.01em}.sleep-quiz__button,.sleep-quiz__option,.sleep-quiz__ghost{font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.sleep-quiz__button,.sleep-quiz__ghost{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;border-radius:999px;text-decoration:none;font-size:var(--sq-fs-body-lg);font-weight:700;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.sleep-quiz__button{border:0;background:linear-gradient(135deg,#57bf93,#06bfea);color:#fff;box-shadow:0 16px 32px #06bfea3d}.sleep-quiz__button:hover{transform:translateY(-1px)}.sleep-quiz__button:active{transform:translateY(0)}.sleep-quiz__ghost{border:1.5px solid rgba(15,47,64,.14);background:#fff;color:var(--sq-ink);font-weight:650}.sleep-quiz__progress{margin-bottom:var(--sq-space-lg)}.sleep-quiz__progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sleep-quiz__progress-copy{font-size:var(--sq-fs-body-sm);font-weight:750;letter-spacing:-.01em;color:var(--sq-night)}.sleep-quiz__progress-pct{font-size:var(--sq-fs-label);font-weight:700;color:var(--sq-accent)}.sleep-quiz__progress-track{height:10px;border-radius:999px;background:#318aca1f;overflow:hidden}.sleep-quiz__progress-bar{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#57bf93,#318aca 55%,#06bfea);transition:width .3s ease}.sleep-quiz__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.sleep-quiz__dot{width:9px;height:9px;border-radius:999px;background:#0f2f4024;transition:width .25s ease,background .25s ease}.sleep-quiz__dot.is-done{background:var(--sq-green)}.sleep-quiz__dot.is-current{width:26px;background:var(--sq-accent)}.sleep-quiz__question-title{margin:0;font-size:var(--sq-fs-h2);font-weight:800;line-height:var(--sq-lh-snug);letter-spacing:-.02em;color:var(--sq-night)}.sleep-quiz__question-helper{margin:12px 0 0;font-size:var(--sq-fs-body);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}.sleep-quiz__options{display:grid;gap:14px;margin-top:26px}.sleep-quiz__option{position:relative;width:100%;min-height:64px;border:1.5px solid var(--sq-border);border-radius:20px;background:#fff;padding:18px 18px 18px 58px;text-align:left;color:var(--sq-night);font-size:var(--sq-fs-body-lg);font-weight:650;line-height:1.4;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.sleep-quiz__option:before{content:"";position:absolute;top:50%;left:20px;width:22px;height:22px;border:1.5px solid rgba(15,47,64,.22);border-radius:50%;transform:translateY(-50%);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.sleep-quiz__option.is-multi:before{border-radius:7px}.sleep-quiz__option.is-selected{border-color:#318aca80;background:linear-gradient(180deg,#318aca14,#57bf9317);box-shadow:0 12px 28px #0f2f4014}.sleep-quiz__option.is-selected:before{border-color:var(--sq-accent);background:linear-gradient(135deg,var(--sq-green),var(--sq-cyan));box-shadow:inset 0 0 0 3.5px #fff}.sleep-quiz__option:active{transform:scale(.99)}.sleep-quiz__actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;position:sticky;bottom:14px;z-index:2}.sleep-quiz__actions .sleep-quiz__button,.sleep-quiz__actions .sleep-quiz__ghost{flex:1 1 148px;box-shadow:0 10px 28px #0f2f401a}.sleep-quiz__continue[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.sleep-quiz__result-card{padding:0}.sleep-quiz__result-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;margin-bottom:14px;border-radius:999px;background:#318aca1f;color:var(--sq-accent);font-size:var(--sq-fs-label);font-weight:750;letter-spacing:var(--sq-tracking-label);text-transform:uppercase}.sleep-quiz__result-title{margin:0;font-size:var(--sq-fs-h1);font-weight:800;line-height:var(--sq-lh-tight);letter-spacing:var(--sq-tracking-display);color:var(--sq-night)}.sleep-quiz__result-summary{margin:14px 0 0;font-size:var(--sq-fs-body-lg);font-weight:650;line-height:var(--sq-lh-snug);color:var(--sq-ink)}.sleep-quiz__result-copy{margin-top:22px;display:grid;gap:14px}.sleep-quiz__panel{padding:18px;border-radius:20px;border:1px solid var(--sq-border);background:#fff}.sleep-quiz__panel--tips{background:linear-gradient(180deg,#f3fbf8,#fff)}.sleep-quiz__panel--fit{background:linear-gradient(180deg,#f3f9fd,#fff)}.sleep-quiz__panel h4,.sleep-quiz__overlay h4{margin:0 0 10px;font-size:var(--sq-fs-body-sm);font-weight:750;letter-spacing:.02em;text-transform:uppercase;color:var(--sq-night)}.sleep-quiz__panel p{margin:0;font-size:var(--sq-fs-body);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}.sleep-quiz__result-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.sleep-quiz__result-list li{position:relative;padding-left:20px;font-size:var(--sq-fs-body);font-weight:500;line-height:var(--sq-lh-snug);color:var(--sq-ink)}.sleep-quiz__result-list li:before{content:"";position:absolute;top:.55em;left:0;width:9px;height:9px;border-radius:999px;background:var(--sq-green)}.sleep-quiz__overlay{margin-top:14px;padding:18px;border-radius:20px;border:1px solid rgba(201,148,54,.24);background:linear-gradient(180deg,#fff8ec,#fff)}.sleep-quiz__overlay p{margin:0;font-size:var(--sq-fs-body);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}.sleep-quiz__result-actions{display:grid;gap:12px;margin-top:26px}.sleep-quiz__result-actions--intro{margin-top:24px}.sleep-quiz__disclaimer{margin-top:18px;font-size:var(--sq-fs-body-sm);font-weight:450;line-height:1.55;color:#0f2f409e}.sleep-quiz__seo{margin-top:40px}.sleep-quiz__seo-heading{margin:0;text-align:center;font-size:var(--sq-fs-h3);font-weight:800;letter-spacing:-.02em;color:var(--sq-night)}.sleep-quiz__seo-note{max-width:38rem;margin:14px auto 0;text-align:center;font-size:var(--sq-fs-body);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}.sleep-quiz__seo-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}.sleep-quiz__seo-card{padding:20px;border-radius:22px;border:1px solid var(--sq-border);background:#ffffffeb}.sleep-quiz__seo-card h3{margin:0 0 10px;font-size:var(--sq-fs-body-lg);font-weight:750;letter-spacing:-.015em;color:var(--sq-night)}.sleep-quiz__seo-card p{margin:0;font-size:var(--sq-fs-body-sm);font-weight:450;line-height:var(--sq-lh-body);color:var(--sq-muted)}@media screen and (min-width:750px){.sleep-quiz{--sq-fs-display: 48px;--sq-fs-h1: 36px;--sq-fs-h2: 28px;--sq-fs-h3: 24px;--sq-fs-body-lg: 19px;--sq-fs-body: 18px;--sq-fs-body-sm: 16px;--sq-fs-label: 13px;padding:56px 0 96px}.sleep-quiz__wrap{padding:0 28px}.sleep-quiz__hero{margin-bottom:28px}.sleep-quiz__lede{margin-top:18px}.sleep-quiz__intro,.sleep-quiz__quiz,.sleep-quiz__result{padding:40px 42px}.sleep-quiz__intro-visual{width:92px;height:92px;margin-bottom:24px}.sleep-quiz__options{gap:14px;margin-top:28px}.sleep-quiz__option{min-height:68px;padding:20px 22px 20px 62px;font-size:19px}.sleep-quiz__option:before{left:22px;width:24px;height:24px}.sleep-quiz__button,.sleep-quiz__ghost{min-height:60px;font-size:18px;width:auto}.sleep-quiz__actions{position:static;margin-top:28px}.sleep-quiz__result-actions{grid-template-columns:1.25fr .75fr}.sleep-quiz__panel,.sleep-quiz__overlay{padding:22px}.sleep-quiz__seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(prefers-reduced-motion:reduce){.sleep-quiz__view,.sleep-quiz__progress-bar,.sleep-quiz__option,.sleep-quiz__button{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/sleep-quiz.css.map */