.theme.ui-icon-btn{transition:border-color .2s var(--ease)}.theme.ui-icon-btn,.theme.ui-icon-btn[aria-pressed=true]{border-color:var(--rule)}.theme.ui-icon-btn:is(:hover,:focus-visible,:active){border-color:var(--ink)}.theme svg{width:20px;height:20px;transition:transform .8s var(--ease-out)}.theme[aria-pressed=true] svg{transform:rotate(180deg)}html.theme-vt::view-transition-new(root){mix-blend-mode:normal;animation:none}html.theme-vt::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme .sun{display:none}:root[data-theme=dark] .theme .sun{display:block}:root[data-theme=dark] .theme .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .sun{display:block}:root:not([data-theme=light]) .theme .moon{display:none}}