.q-stage{--q-btn-h:3.5rem;--q-btn-font:1.0625rem;flex-direction:column;justify-content:safe center;align-self:flex-start;align-items:stretch;width:100%;max-width:41.25rem;height:min(100%,38.75rem);display:flex}.q-heading{color:var(--text-0);text-align:center;outline:none;margin:0;font-size:clamp(1.25rem,min(3vw,4.2vh),1.75rem);font-weight:600;line-height:1.25}.q-heading:focus-visible{outline:none}.q-chrome{flex-flow:wrap;justify-content:center;gap:.6875rem .5rem;margin-bottom:clamp(.75rem,3vh,1.875rem);display:flex}.q-counter,.q-counter-sphere{font-size:var(--fs-xs,.8125rem);color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:500}.q-counter{font-variant-numeric:tabular-nums}.q-counter-sphere:before{content:"·";margin-right:.5rem}.q-progress,.q-notice{flex-basis:100%}.q-progress{background:var(--white-06);border-radius:999px;width:100%;max-width:15rem;height:.1875rem;overflow:hidden}.q-progress-fill{border-radius:inherit;background:var(--accent-orange);width:100%;height:100%;box-shadow:0 0 .375rem rgb(var(--accent-orange-rgb) / .45);transform-origin:0;transition:transform .26s cubic-bezier(.22,.78,.28,1);display:block}.q-notice{max-width:26.25rem;font-size:var(--fs-xs,.8125rem);color:var(--text-2);text-align:center;margin:2px 0 0;line-height:1.45}.q-swap{flex-direction:column;gap:clamp(.625rem,2vh,1.125rem);display:flex}.q-swap.is-leaving{pointer-events:none;animation:qExit var(--oq-exit) var(--oq-ease-in) both}.q-text{animation:qEnter calc(var(--oq-enter) - var(--oq-lead)) var(--oq-ease-out) both;display:block}.q-swap.is-static .q-text,.q-swap.is-static .q-option{animation:none}@keyframes qExit{0%{opacity:1}to{opacity:var(--oq-floor)}}@keyframes qEnter{0%{opacity:var(--oq-floor)}to{opacity:1}}.q-options{flex-direction:column;gap:clamp(.3125rem,1.1vh,.625rem);width:100%;margin:0;padding:0;list-style:none;display:flex}.q-option{isolation:isolate;border-radius:var(--radius-sm,.75rem);border:1px solid var(--white-08);background:var(--gradient-card-surface);width:100%;color:var(--text-1);font-size:var(--fs-md,1rem);text-align:left;cursor:pointer;transition:color var(--oq-hover) linear, border-color var(--oq-hover) linear;animation:qEnter calc(var(--oq-opt) + var(--oq-i,0) * var(--oq-stagger)) var(--oq-ease-out) both;align-items:center;gap:.875rem;padding:clamp(.625rem,1.9vh,1.0625rem) 1.125rem clamp(.625rem,1.9vh,1.0625rem) .875rem;line-height:1.45;display:flex;position:relative}.q-option:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--white-10), transparent 72%);opacity:0;z-index:-1;pointer-events:none;transition:opacity var(--oq-hover) linear;position:absolute;inset:0}@media (hover:hover){.q-swap[data-hover=on] .q-option:hover:not(:disabled):not(.is-selected){color:var(--text-0);border-color:var(--white-18)}.q-swap[data-hover=on] .q-option:hover:not(:disabled):not(.is-selected):before{opacity:1}.q-swap[data-hover=on] .q-option:hover:not(:disabled):not(.is-selected) .q-option-marker{background:var(--white-12);color:var(--text-1)}}.q-option:active:not(:disabled):before{opacity:1;transition-duration:0s}.q-option:focus-visible{color:var(--text-0);border-color:var(--white-18);outline:none}.q-option:focus-visible:before{opacity:1}.q-option-marker{background:var(--white-06);width:1.625rem;height:1.625rem;color:var(--text-2);font-variant-numeric:tabular-nums;transition:background var(--oq-hover) linear, color var(--oq-hover) linear;border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:relative}.q-option-key,.q-option-tick{grid-area:1/1}.q-option-key{transition:opacity calc(var(--oq-mark) * .7) var(--oq-ease-out) calc(var(--oq-mark) * .3)}.q-option-tick{opacity:0;transition:opacity calc(var(--oq-mark) * .3) var(--oq-ease-out)}.q-option-label{min-width:0}.q-option.is-selected{border-color:var(--stroke-strong);color:var(--text-0);transition:color var(--oq-mark) var(--oq-ease-out), border-color var(--oq-mark) var(--oq-ease-out)}.q-option.is-selected:before{opacity:1;transition:opacity var(--oq-mark) var(--oq-ease-out)}.q-option.is-selected .q-option-marker{background:var(--white-90);color:#0a0b0c;transition:background var(--oq-mark) var(--oq-ease-out), color var(--oq-mark) var(--oq-ease-out)}.q-option.is-selected .q-option-key{opacity:0;transition:opacity calc(var(--oq-mark) * .3) var(--oq-ease-out)}.q-option.is-selected .q-option-tick{opacity:1;transition:opacity calc(var(--oq-mark) * .7) var(--oq-ease-out) calc(var(--oq-mark) * .3)}.q-option:disabled{cursor:not-allowed}.q-option:disabled:not(.is-selected){opacity:.65}.q-nav{justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding-top:clamp(.75rem,2.8vh,1.625rem);display:flex}.q-nav-btn{border-radius:var(--radius-pill);min-height:2.75rem;color:var(--text-2);font-size:var(--fs-md,1rem);cursor:pointer;box-shadow:var(--light-inset) transparent;transition:color var(--oq-hover,.15s) linear, box-shadow var(--oq-hover,.15s) linear;background:0 0;border:1px solid #0000;align-items:center;gap:.4375rem;padding:.6875rem 1.25rem;font-weight:500;display:inline-flex}@media (hover:hover){.q-nav-btn:hover:not(:disabled){color:var(--text-0);box-shadow:var(--light-inset) var(--white-08)}}.q-nav-btn:focus-visible:not(:disabled){color:var(--text-0);box-shadow:var(--light-inset) var(--white-08)}.q-nav-btn:focus-visible{outline:none}.q-nav-btn:active:not(:disabled){box-shadow:var(--light-inset) var(--white-12);transition-duration:0s}.q-nav-btn.is-submit{background:var(--accent-orange);color:var(--accent-orange-ink);letter-spacing:-.01em;box-shadow:var(--shadow-glow-md-off), inset 0 1px 0 var(--white-22), var(--light-inset) transparent;border-color:#0000;justify-content:center;font-weight:750}@media (hover:hover){.q-nav-btn.is-submit:hover:not(:disabled){color:var(--accent-orange-ink);border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-orange-md), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12)}}.q-nav-btn.is-submit:focus-visible:not(:disabled){color:var(--accent-orange-ink);border-color:var(--accent-orange-hover);box-shadow:var(--shadow-glow-orange-md), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-12)}.q-nav-btn.is-submit:active:not(:disabled){box-shadow:var(--shadow-glow-orange-md), inset 0 1px 0 var(--white-22), var(--light-inset) var(--white-16)}.q-nav-btn:disabled{opacity:.4;cursor:not-allowed}@media not (min-width:48rem){.q-stage{--q-heading-size:1.5rem;--q-option-size:1.0625rem;--q-option-min-h:3.5rem;--q-option-pad-y:.6875rem;--q-options-gap:.5rem;--q-swap-gap:.875rem;justify-content:flex-start;height:100%}.q-chrome{row-gap:.625rem;margin-bottom:.75rem}.q-swap{gap:var(--q-swap-gap);overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.q-swap>.q-heading{margin-top:auto}.q-swap>.q-options{margin-bottom:auto}.q-heading{font-size:var(--q-heading-size);text-wrap:balance;line-height:1.25}.q-options{gap:var(--q-options-gap)}.q-option{min-height:var(--q-option-min-h);padding:var(--q-option-pad-y) 1rem var(--q-option-pad-y) .875rem;font-size:var(--q-option-size);border-radius:1rem;gap:.75rem;line-height:1.35}.q-option-key{opacity:0}.q-option-marker{width:1.5rem;height:1.5rem}.q-nav{align-items:stretch;gap:.5rem;padding-top:.75rem}.q-nav-btn{min-width:0;min-height:var(--q-btn-h);font-size:var(--q-btn-font);flex:1 1 0;justify-content:center;padding-block:0}.q-nav-btn:not(.is-submit){background:var(--m-control-rest);color:var(--text-0)}.q-nav-btn.is-next{transition:opacity .2s linear, color var(--oq-hover) linear, box-shadow var(--oq-hover) linear}.q-nav-btn.is-next:not(:disabled){transition-delay:.45s,0s,0s}@container q-host (not (min-height:40rem)) or (not (min-width:21rem)){.q-stage{--q-heading-size:1.375rem;--q-option-size:1rem;--q-option-min-h:3rem;--q-option-pad-y:.5625rem;--q-options-gap:.375rem;--q-swap-gap:.75rem}}}
