.sp-pick{display:block;width:100%;border-radius:8px;text-align:left;cursor:pointer}.sp-pick:disabled{cursor:default}.sp-pick .csf{transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.sp-pick:focus-visible .csf,.sp-pick:not(:disabled):hover .csf{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sp-pick:focus-visible{outline:none}.sp-pick[data-state=right] .csf{border-color:var(--pos);box-shadow:0 0 0 2px var(--pos)}.sp-pick[data-state=miss] .csf{border-color:var(--ink-3);border-style:dashed;box-shadow:none}.sp-option{display:grid;grid-template-columns:1.3125rem minmax(0,1fr) auto;align-items:center;-moz-column-gap:.8125rem;column-gap:.8125rem;width:100%;min-height:2.75rem;border-bottom:1px solid var(--line);padding:.5rem;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out)}.sp-option:not(:disabled):hover{background:var(--brand-soft)}.sp-option:disabled{cursor:default;color:var(--ink-2)}.sp-option[data-state=right]{color:var(--ink);font-weight:600;background:color-mix(in srgb,var(--pos) 9%,transparent)}.sp-option[data-state=miss]{text-decoration:line-through;text-decoration-color:var(--ink-3)}.sp-key{font-size:.75rem;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.sp-numbers{margin-top:.5rem;font-size:.875rem;color:var(--ink-2)}.sp-numbers>summary{display:inline-flex;min-height:2.125rem;align-items:center;cursor:pointer;color:var(--ink-3)}.sp-numbers table{margin-top:.5rem;border-collapse:collapse;font-size:.8125rem}.sp-numbers td,.sp-numbers th{border-bottom:1px solid var(--line);padding:.1875rem .8125rem .1875rem 0;text-align:right;font-weight:400}.sp-numbers thead th{color:var(--ink-3);font-weight:600}.sp-clock{height:3px;background:var(--line)}.sp-clock>span{display:block;height:100%;background:var(--accent);transition:width 1s linear}@media (prefers-reduced-motion:reduce){.sp-clock>span,.sp-option,.sp-pick .csf{transition:none}}[data-motion=reduced] .sp-clock>span{transition:none}