.tt-sw{border:1px solid var(--line);background:color-mix(in srgb, var(--fg) 7%, var(--bg));cursor:pointer;touch-action:none;border-radius:999px;flex:none;width:60px;height:32px;padding:0;transition:border-color .2s,background-color .32s;position:relative}.tt-sw:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.tt-sw:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tt-thumb{background:var(--fg);width:24px;height:24px;color:var(--bg);border-radius:999px;place-items:center;margin-top:-12px;transition:background-color .32s,color .32s;display:grid;position:absolute;top:50%;left:0;box-shadow:0 2px 6px -2px #00000073}.tt-thumb svg{grid-area:1/1;transition:opacity .26s,rotate .42s cubic-bezier(.3,1.4,.4,1),scale .42s cubic-bezier(.3,1.4,.4,1)}.tt-sw[data-night=true] .tt-sun,.tt-sw[data-night=false] .tt-moon{opacity:0;rotate:-90deg;scale:.4}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){.tt-thumb,.tt-thumb svg{transition-duration:1ms}}