.theme-toggle{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-base-400);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex;position:relative}.theme-toggle:hover{color:var(--color-base-200);background-color:var(--color-base-50)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{background-color:color-mix(in srgb,var(--color-base-50)6%,transparent)}}.theme-toggle:focus-visible{outline:2px solid var(--color-amber-500);outline-offset:2px}.theme-toggle-icon{justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:flex;position:absolute;inset:0}.theme-toggle-icon svg{width:16px;height:16px}.theme-toggle-icon--active{opacity:1;transform:scale(1)}.theme-toggle-icon--hidden{opacity:0;pointer-events:none;transform:scale(.7)}