.mode-toggle{position:relative;z-index:50;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--color-ink)}.mode-toggle:focus-visible{outline-offset:3px;border-radius:4px}.mode-toggle__icon{grid-area:1/1;display:block;transform-origin:50% 50%}.mode-toggle__icon--sun{width:24px;height:24px;overflow:visible}.mode-toggle__icon--moon{width:18px;height:24px;overflow:visible;opacity:0}.dark .mode-toggle__icon--sun{opacity:0}.dark .mode-toggle__icon--moon{opacity:1}.mode-toggle__ray{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:reduce){.mode-toggle__ray{transform:none}}