.theme-toggle{border:1px solid var(--page-line);border-radius:var(--radius-pill);background:var(--panel-background);width:2.25rem;height:2.25rem;color:var(--page-foreground);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle__icon{font-size:1.05rem}