.asp-switch{text-align:center;width:min(100%,480px);min-width:0;color:var(--ink);margin-inline:auto;font-size:1rem}.asp-switch *{box-sizing:border-box}.asp-switch [hidden]{display:none!important}.asp-switch .asp-switch-instruction{text-wrap:pretty;margin:0 auto 16px;line-height:1.5}.asp-switch-grid{grid-template-columns:repeat(var(--switch-size),minmax(0,1fr));gap:8px;width:min(100%,340px);margin-inline:auto;display:grid}.asp-switch .asp-switch-tile{aspect-ratio:1;border:1px solid var(--control-border);background:var(--card);min-width:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;place-items:center;padding:4px;display:grid;position:relative}.asp-switch .asp-switch-tile[data-switch-on=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:none}.asp-switch-tile svg{width:48%;max-width:40px;margin:8px;display:block}.asp-switch-number{font-variant-numeric:tabular-nums;font-size:.75em;position:absolute;inset-block-start:4px;inset-inline-start:8px}.asp-switch-tile[data-switch-affected=true]:after{content:"";pointer-events:none;border:1px dashed;border-radius:7px;position:absolute;inset:5px}.asp-switch-tile[data-switch-hinted=true] .asp-switch-number{text-underline-offset:3px;font-weight:750;text-decoration:underline 3px}.asp-switch .asp-switch-tile:disabled{cursor:default;opacity:1}.asp-switch-meter{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:12px;font-size:.875em;display:flex}.asp-switch .asp-switch-minimum{color:var(--muted);margin:8px 0 0;font-size:.875em;line-height:1.5}.asp-switch-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.asp-switch .asp-switch-control{border:1px solid var(--control-border);background:var(--card);min-width:52px;max-width:100%;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:12px 16px;font-size:.875em;line-height:1.4}.asp-switch .asp-switch-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}.asp-switch .asp-switch-control:disabled{color:var(--muted);border-color:var(--line);cursor:default}.asp-switch .asp-switch-feedback{text-wrap:pretty;margin:14px auto 0;font-size:.875em;line-height:1.5}.asp-switch .asp-switch-assistance{color:var(--muted);margin:12px 0 0;font-size:.8125em;line-height:1.4}.asp-switch[data-switch-phase=review] .asp-switch-feedback{color:var(--accent);font-weight:650}.asp-switch .asp-switch-hint{border-top:1px solid var(--line);text-align:start;margin:16px 0 0;padding-top:12px}.asp-switch .asp-switch-hint p{overflow-wrap:anywhere;margin:7px 0;font-size:.875em;line-height:1.5}.asp-switch-hint p:first-child{font-weight:650}.asp-switch .asp-switch-replay{border-top:1px solid var(--line);text-align:start;margin-top:16px}.asp-switch .asp-switch-replay summary{cursor:pointer;min-height:52px;padding-block:14px;font-size:.875em;font-weight:650;line-height:1.5}.asp-switch .asp-switch-replay-note{color:var(--muted);margin:0 0 12px;font-size:.8125em;line-height:1.5}.asp-switch .asp-switch-replay-position{text-align:center;font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:.875em;font-weight:650;line-height:1.5}.asp-switch .asp-switch-replay-tile{cursor:default}.asp-switch .asp-switch-replay-tile[data-switch-replay-selected=true]{outline:3px solid var(--ink);outline-offset:2px}.asp-switch-replay-tile[data-switch-replay-selected=true] .asp-switch-number{text-underline-offset:3px;font-weight:750;text-decoration:underline 2px}.asp-switch .asp-switch-replay-effect{overflow-wrap:anywhere;margin:14px 0 0;font-size:.8125em;line-height:1.5}.asp-switch-replay-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.asp-switch-replay-actions [data-switch-action=replay-original]{grid-column:1/-1}.asp-switch[data-switch-replay-open=true] :is(.asp-switch-live-board,.asp-switch-instruction){display:none}.asp-switch :is(button,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.asp-switch ::selection{background:var(--accent-soft);color:var(--ink)}.asp-switch-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.asp-switch[data-switch-mode=mini]{max-width:315px}.asp-switch[data-switch-mode=mini] .asp-switch-grid{gap:4px;max-width:140px}.asp-switch[data-switch-mode=mini] .asp-switch-tile{border-radius:9px;padding:2px}.asp-switch[data-switch-mode=mini] .asp-switch-tile svg{width:24px;height:24px;margin:4px}.asp-switch[data-switch-mode=mini] .asp-switch-number{display:none}.asp-switch[data-switch-mode=mini] .asp-switch-instruction{margin-bottom:8px;font-size:.875em;line-height:1.4}.asp-switch[data-switch-mode=mini] .asp-switch-actions{margin-top:8px}.asp-switch[data-switch-mode=mini] .asp-switch-control{min-width:44px;min-height:44px;padding:8px 12px}@media (hover:hover){.asp-switch .asp-switch-control:not(:disabled):not(.asp-switch-primary):hover{background:var(--accent-soft);border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){.asp-switch *{scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.asp-switch{--ink:CanvasText;--muted:CanvasText;--card:Canvas;--accent:Highlight;--accent-ink:HighlightText;--accent-soft:Canvas;--control-border:ButtonText}}@media (width<=700px){.asp-switch[data-switch-mode=round] .asp-switch-primary{flex:100%;width:100%}}.asp-switch[data-switch-phase=review] :is(.asp-switch-live-meter,.asp-switch-minimum){display:none}.asp-switch [data-switch-outcome]{text-align:center;margin:18px 0 0;padding-block:12px}.asp-switch [data-switch-outcome] h3{margin:0 0 8px;font-size:1rem;line-height:1.4}.asp-switch [data-switch-outcome] p{margin:6px 0;line-height:1.5}.asp-switch .asp-switch-outcome-counts{font-variant-numeric:tabular-nums;color:var(--muted)}.asp-switch[data-switch-mode=mini] [data-switch-outcome]{margin:8px 0 0;padding:0}