@layer quartz-base{.theme-toggle{border:1px solid var(--lightgray);background:var(--lightgray);width:3.25rem;height:1.85rem;color:var(--darkgray);cursor:pointer;border-radius:999px;flex:none;justify-content:space-between;align-items:center;padding:0 .35rem;transition:background-color .18s,border-color .18s;display:inline-flex;position:relative}.theme-toggle:hover{border-color:var(--gray)}.theme-toggle:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.theme-toggle-icon{z-index:1;width:.85rem;height:.85rem;display:inline-flex}.theme-toggle-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:100%;height:100%}.theme-toggle-thumb{background:var(--light);border-radius:50%;width:1.45rem;height:1.45rem;transition:transform .18s,background-color .18s;position:absolute;top:.16rem;left:.16rem;box-shadow:0 1px 3px #0003}:root[saved-theme=dark] .theme-toggle-thumb{transform:translate(1.38rem)}@media (prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-thumb{transition:none}}}