.dark-mode-toggle.svelte-zx816h{width:40px;height:36px;border-radius:10px;background:#15af9114;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-accent);transition:all .2s ease}.dark-mode-toggle.svelte-zx816h:hover{background:#15af9126}.dark .dark-mode-toggle.svelte-zx816h{background:#15af911a;color:var(--color-accent)}.dark .dark-mode-toggle.svelte-zx816h:hover{background:#15af9133}.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)}