.theme-toggle{border:1px solid var(--gray-200);background:color-mix(in srgb, var(--white) 72%, transparent);width:36px;height:36px;color:var(--gray-500);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{color:var(--gray-900);border-color:var(--gray-300);background:var(--white)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle__icon{flex-shrink:0;display:block}.theme-toggle__icon--moon{transform-origin:50%;transform:translate(.5px,-.25px)scale(1.08)}.theme-toggle__icon--sun{transform-origin:50%;transform:scale(1.02)}[data-theme=dark] .theme-toggle{color:#ffffffe0;background:#ffffff14;border-color:#ffffff38}[data-theme=dark] .theme-toggle:hover{color:#fff;background:#ffffff24;border-color:#ffffff61}.theme-toggle--compact{border-radius:12px;width:40px;height:40px}