.theme-switch{background:var(--bg);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-switch button{width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.theme-switch button:hover{color:var(--text)}[data-theme=light] .theme-switch [data-value=light],[data-theme=dark] .theme-switch [data-value=dark]{border-color:var(--border-strong);background:var(--card);color:var(--text)}.theme-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}