.onlyq-quiz-root{--oq-accent: var(--color-primary-button-background, #B2347D);--oq-accent-hover: var(--color-primary-button-hover-background, #c53a8b);--oq-accent-ink: var(--color-primary-button-text, #ffffff);--oq-ink: var(--color-foreground, #000000);--oq-muted: var(--color-input-text, #333333);--oq-line: var(--color-input-border, #dfdfdf);--oq-soft: #F9EFF5;--oq-surface: var(--color-background, #ffffff);--oq-radius-btn: var(--style-border-radius-buttons-primary, 14px);--oq-radius-box: var(--style-border-radius-popover, 14px);--oq-heading-font: var(--font-heading--family, inherit);--oq-heading-weight: var(--font-heading--weight, 400);--oq-sub-font: var(--font-subheading--family, inherit)}.oq-band{background:var(--oq-band-bg, var(--oq-soft));color:var(--oq-ink);padding:var(--oq-pad-top, 80px) 20px var(--oq-pad-bottom, 80px);text-align:var(--oq-align, center)}.oq-band-inner{max-width:var(--oq-band-width, 720px);margin:0 auto}.oq-eyebrow,.oq-step-eyebrow{font-family:var(--oq-sub-font);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.oq-eyebrow{color:var(--oq-accent)}.oq-step-eyebrow{color:var(--oq-muted);margin-bottom:10px}.oq-band-title{font-family:var(--oq-heading-font);font-weight:var(--oq-heading-weight);font-size:var(--font-h3--size, 2rem);line-height:1.15;margin:0 0 14px;text-wrap:balance}.oq-band-text{font-size:var(--font-paragraph--size, .9375rem);line-height:1.6;color:var(--oq-muted);margin:0 auto 26px;max-width:34em}.oq-trigger{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--oq-accent);color:var(--oq-accent-ink);font:inherit;font-size:.9375rem;padding:15px 30px;border-radius:var(--oq-radius-btn);transition:background .18s ease}.oq-trigger:hover{background:var(--oq-accent-hover)}.oq-trigger-note{display:block;margin-top:12px;font-size:.75rem;color:var(--oq-muted)}.oq-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.oq-modal.is-open{display:block}.oq-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--oq-backdrop, rgb(0 0 0 / .62));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:oq-fade .25s ease}.oq-dialog{position:relative;max-width:560px;width:calc(100% - 32px);margin:0 auto;top:50%;transform:translateY(-50%);background:var(--oq-surface);border-radius:var(--oq-radius-box);padding:42px 44px 34px;box-shadow:0 24px 70px #00000047;max-height:calc(100dvh - 40px);overflow-y:auto;animation:oq-rise .3s cubic-bezier(.2,.7,.3,1)}@keyframes oq-fade{0%{opacity:0}to{opacity:1}}@keyframes oq-rise{0%{opacity:0;transform:translateY(calc(-50% + 14px))}to{opacity:1;transform:translateY(-50%)}}.oq-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:var(--oq-soft);color:var(--oq-ink);font-size:17px;line-height:1;cursor:pointer;transition:background .18s ease}.oq-close:hover{background:var(--oq-line)}.oq-progress{display:flex;align-items:center;gap:14px;margin-bottom:26px}.oq-progress-bar{flex:1;height:2px;background:var(--oq-line);overflow:hidden}.oq-progress-fill{height:100%;width:0%;background:var(--oq-accent);transition:width .35s ease}.oq-progress-text{font-family:var(--oq-sub-font);font-size:.75rem;color:var(--oq-muted);white-space:nowrap}.oq-q-title{font-family:var(--oq-heading-font);font-weight:var(--oq-heading-weight);font-size:var(--font-h4--size, 1.5rem);line-height:1.25;color:var(--oq-ink);margin:0 0 22px;text-wrap:balance}.oq-q-title em{font-style:italic;color:var(--oq-accent)}.oq-options{display:flex;flex-direction:column;gap:10px}.oq-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--oq-surface);border:1px solid var(--oq-line);border-radius:var(--oq-radius-btn);padding:17px 20px;font:inherit;font-size:.9375rem;color:var(--oq-ink);cursor:pointer;transition:border-color .2s ease,background .2s ease}.oq-option:hover{border-color:var(--oq-accent);background:var(--oq-soft)}.oq-option-bullet{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:1px solid var(--oq-line);transition:border-color .2s ease,background .2s ease}.oq-option:hover .oq-option-bullet{border-color:var(--oq-accent);background:var(--oq-accent)}.oq-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--oq-line)}.oq-back,.oq-r-restart{background:none;border:0;padding:0;font:inherit;font-size:.8125rem;color:var(--oq-muted);cursor:pointer}.oq-back:hover,.oq-r-restart:hover{color:var(--oq-accent)}.oq-foot-note{font-size:.75rem;color:var(--oq-muted)}.oq-r-title{font-family:var(--oq-heading-font);font-weight:var(--oq-heading-weight);font-size:var(--font-h3--size, 2rem);line-height:1.15;color:var(--oq-ink);margin:0 0 10px;text-wrap:balance}.oq-r-sub{font-size:.875rem;line-height:1.6;color:var(--oq-muted);margin:0 0 22px}.oq-r-card{background:var(--oq-soft);border-radius:var(--oq-radius-box);padding:22px 24px;margin-bottom:22px}.oq-r-card-headline{font-size:.9375rem;color:var(--oq-ink);margin:0 0 14px}.oq-r-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.oq-r-list li{display:flex;gap:10px;font-size:.875rem;line-height:1.45;color:var(--oq-ink)}.oq-r-list li:before{content:"+";color:var(--oq-accent)}.oq-r-cta{display:block;text-align:center;background:var(--oq-accent);color:var(--oq-accent-ink);border-radius:var(--oq-radius-btn);padding:15px 26px;font-size:.9375rem;text-decoration:none;transition:background .18s ease}.oq-r-cta:hover{background:var(--oq-accent-hover);color:var(--oq-accent-ink)}.oq-r-second{display:block;text-align:center;margin-top:12px;font-size:.8125rem;color:var(--oq-muted);text-decoration:underline}.oq-r-second:hover{color:var(--oq-accent)}.oq-r-restart{display:block;width:100%;margin-top:14px;text-align:center}.oq-option:focus-visible,.oq-trigger:focus-visible,.oq-r-cta:focus-visible,.oq-close:focus-visible{outline:2px solid var(--oq-accent);outline-offset:3px}@media(max-width:600px){.oq-modal{overflow-y:auto}.oq-dialog{padding:34px 22px 26px;top:auto;transform:none;margin:20px auto;max-height:none}.oq-option{font-size:.875rem;padding:15px 16px}.oq-band{padding-top:56px;padding-bottom:56px}}@media(prefers-reduced-motion:reduce){.oq-dialog,.oq-backdrop{animation:none}.oq-progress-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/onlyq-quiz.css.map */
