@layer components{.mode-toggle.svelte-pkhzb5{border:1px solid var(--border,currentColor);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .15s;display:inline-grid}.mode-toggle.svelte-pkhzb5:hover{background:var(--muted,#7f7f7f1f)}.mode-toggle.svelte-pkhzb5:focus-visible{outline:2px solid var(--ring,currentColor);outline-offset:2px}}svg.svelte-pkhzb5{overflow:visible}.disc.svelte-pkhzb5{transform-origin:50%;transition:r .5s cubic-bezier(.32,.72,0,1)}.moon-cut.svelte-pkhzb5{transition:transform .5s cubic-bezier(.32,.72,0,1);transform:translate(12px,-12px)}.rays.svelte-pkhzb5{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .3s}[data-dark=true].svelte-pkhzb5 .disc:where(.svelte-pkhzb5){r:8.5px}[data-dark=true].svelte-pkhzb5 .moon-cut:where(.svelte-pkhzb5){transform:translate(4.5px,-4.5px)}[data-dark=true].svelte-pkhzb5 .rays:where(.svelte-pkhzb5){opacity:0;transform:rotate(-90deg)scale(.4)}@media (prefers-reduced-motion:reduce){.disc.svelte-pkhzb5,.moon-cut.svelte-pkhzb5,.rays.svelte-pkhzb5{transition-duration:0s}}