.theme-toggle{width:2.5rem;height:2.5rem;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex}.theme-toggle:hover{background:color-mix(in srgb, var(--color-ink) 10%, transparent)}.theme-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.appearance-setting{background:color-mix(in srgb, var(--color-ink) 8%, transparent);border:0;border-radius:999px;align-items:center;gap:.25rem;margin:0;padding:.2rem;display:inline-flex}.appearance-setting legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.appearance-setting label{min-height:2rem;color:var(--color-ink-secondary);cursor:pointer;border-radius:999px;align-items:center;padding:.25rem .8rem;font-size:.8rem;display:inline-flex;position:relative}.appearance-setting label.is-selected{background:var(--color-canvas);color:var(--color-ink)}.appearance-setting input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.appearance-setting label:focus-within{outline:2px solid var(--color-brand);outline-offset:1px}