.dims{display:grid;justify-items:start}.dim-card{display:grid;grid-gap:16px;gap:16px;justify-items:center;width:max-content;min-width:210px}.dim-name,.dim-switch{position:relative;z-index:1}.dim-name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:.02em;margin:0}.dim-name,.dim-switch{text-transform:uppercase}.dim-switch{display:inline-flex;align-items:center;gap:11px;background:none;border:none;padding:6px;margin:-6px;cursor:pointer;color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em}.dim-switch[disabled]{opacity:.45;cursor:default}.dim-switch-track{position:relative;width:60px;height:30px;flex:none;border:1px solid var(--line-control);border-radius:999px;background:rgba(var(--tint-a-rgb),.9);transition:background .25s ease,border-color .25s ease}.dim-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--muted);color:var(--surface);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease}.dim-ghost{width:15px;height:15px;display:block}.dim-ghost-eye{fill:var(--muted);transition:fill .25s ease}.dim-switch.is-on .dim-switch-track{border-color:var(--cyan);background:rgba(var(--accent-rgb),.3)}.dim-switch.is-on .dim-switch-knob{transform:translateX(30px);background:var(--cyan);color:var(--on-accent)}.dim-switch.is-on .dim-ghost-eye{fill:var(--cyan)}.dim-switch:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.dim-switch:hover:not([disabled]) .dim-switch-track{border-color:var(--cyan)}@media (prefers-reduced-motion:reduce){.dim-ghost-eye,.dim-switch-knob,.dim-switch-track{transition:none}}