@layer components{.quiz-preview{position:absolute;inset:0}.quiz-preview__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.quiz-preview__line{stroke:var(--mirror-brass);stroke-width:1.5px;stroke-linecap:round;fill:none}.quiz-preview__line--length{stroke-width:1px}.quiz-preview__dot{fill:var(--mirror-brass)}.quiz-flow{flex-direction:column;gap:1.25rem;display:flex}.quiz-flow__progress{flex-direction:column;gap:.375rem;display:flex}.quiz-flow__progress-track{background:var(--mirror-hairline);border-radius:1px;height:2px}.quiz-flow__progress-fill{background:var(--mirror-brass);border-radius:1px;height:100%;transition:width .2s ease-out}.quiz-flow__progress-text{color:var(--mirror-slate);font-size:.875rem}.quiz-flow__fieldset{flex-direction:column;gap:.875rem;display:flex}.quiz-flow__legend{color:var(--mirror-graphite)}.mirror-root .quiz-flow__legend:focus-visible{outline:none}.quiz-flow__options{flex-direction:column;gap:.5rem;display:flex}.quiz-flow__option{border:1px solid var(--mirror-hairline);border-radius:var(--mirror-radius-button);min-height:44px;color:var(--mirror-graphite);cursor:pointer;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:1rem;line-height:1.4;display:flex;position:relative}.quiz-flow__option input{width:1.125rem;height:1.125rem;accent-color:var(--mirror-rosewood);flex:none}.quiz-flow__option input:focus-visible{outline:none}.quiz-flow__option:has(input:checked){border-color:var(--mirror-rosewood);background:var(--mirror-pane)}.quiz-flow__option:has(input:focus-visible){outline:2px solid var(--mirror-rosewood);outline-offset:2px}.quiz-flow__nav{gap:.75rem}.quiz-flow__skip{min-height:44px;font:inherit;background:0 0;border:0;align-self:flex-start;align-items:center;padding:0;font-size:1rem;display:inline-flex}}