@layer components{.question-stepper{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:1024px){.qs-sticky{position:sticky;top:6rem;align-self:start}}.qs-rail{display:grid;gap:1px;background:hsl(var(--border));border:1px solid hsl(var(--border))}.qs-cell{position:relative;display:flex;width:100%;height:2.75rem;align-items:center;justify-content:center;background:hsl(var(--background));color:hsl(var(--muted-foreground));font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;cursor:pointer}.qs-cell:hover:not(:disabled){color:hsl(var(--foreground))}.qs-cell:disabled{cursor:default;color:hsl(var(--muted-foreground) / .5)}.qs-cell[data-state=done]{background:hsl(var(--primary) / .06);color:hsl(var(--foreground))}.qs-cell[data-state=done]:after{content:"";position:absolute;top:.375rem;right:.375rem;width:.3125rem;height:.3125rem;background:hsl(var(--accent))}.qs-cell[data-state=current]{color:hsl(var(--primary));font-weight:600;box-shadow:inset 0 0 0 2px hsl(var(--primary))}.qs-cell:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;z-index:1}.qs-progress{height:2px;margin-top:-1.25rem;background:transparent}.qs-progress>span{display:block;height:100%;background:hsl(var(--accent))}.qs-body{outline:none;min-height:0}.qs-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid hsl(var(--border));padding-top:1.25rem}.qs-back:disabled{visibility:hidden}.qs-back:not(:disabled):hover{border-color:hsl(var(--primary) / .4)}.qs-nudge:empty{display:none}@media(prefers-reduced-motion:no-preference){.qs-progress>span{transition:width .24s ease-out}.qs-body[data-direction=forward]{animation:qs-in-forward .22s ease-out both}.qs-body[data-direction=back]{animation:qs-in-back .22s ease-out both}.qs-arrive{animation:qs-arrive .32s ease-out both}}@keyframes qs-in-forward{0%{opacity:0;transform:translate(.75rem)}}@keyframes qs-in-back{0%{opacity:0;transform:translate(-.75rem)}}@keyframes qs-arrive{0%{opacity:0;transform:translateY(.375rem)}}}