.theme-toggle.svelte-1vcylko{padding:4px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border-radius:.375rem;opacity:.6;transition:opacity .15s;view-transition-name:theme-toggle}.theme-toggle.svelte-1vcylko:hover{opacity:1}.theme-toggle.svelte-1vcylko svg{position:absolute;width:18px;height:18px;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle.svelte-1vcylko .sun-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle.svelte-1vcylko .moon-icon{opacity:0;transform:rotate(180deg) scale(0)}.theme-toggle.dark-mode.svelte-1vcylko .sun-icon{opacity:0;transform:rotate(-180deg) scale(0)}.theme-toggle.dark-mode.svelte-1vcylko .moon-icon{opacity:1;transform:rotate(0) scale(1)}@keyframes svelte-1vcylko-theme-toggle-out{0%{transform:rotate(0) scale(1);opacity:1}to{transform:rotate(90deg) scale(0);opacity:0}}@keyframes svelte-1vcylko-theme-toggle-in{0%{transform:rotate(-90deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}::view-transition-old(theme-toggle){animation:.5s ease-in-out svelte-1vcylko-theme-toggle-out}::view-transition-new(theme-toggle){animation:.5s ease-in-out svelte-1vcylko-theme-toggle-in}