.dark-mode-toggle.svelte-zx816h{width:36px;height:36px;border-radius:10px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-gray);transition:all .2s ease}.dark-mode-toggle.svelte-zx816h:hover{color:var(--color-accent);background:#15af9114}.dark .dark-mode-toggle.svelte-zx816h{color:#ffffffb3}.dark .dark-mode-toggle.svelte-zx816h:hover{color:var(--color-accent);background:#15af9126}.dark-mode-toggle.svelte-zx816h svg:where(.svelte-zx816h){transition:transform .3s ease}.dark-mode-toggle.svelte-zx816h:hover svg:where(.svelte-zx816h){transform:rotate(15deg)}