.day-night-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);gap:2px;padding:4px;display:inline-flex}.day-night-toggle button{border-radius:var(--radius-pill);min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.day-night-toggle button[aria-pressed=true]{background:var(--color-selection);color:var(--color-text-on-selection)}.day-night-toggle button:focus-visible{outline:2px solid var(--color-selection);outline-offset:2px}.day-night-toggle--compact{padding:2px}.day-night-toggle--compact button{min-height:30px;padding:4px 8px;font-size:.75rem}@media (width<=48rem){.day-night-toggle--compact .day-night-toggle__label{display:none}.day-night-toggle--compact button{width:36px;height:36px;padding:8px}}