@layer components{.mode-toggle.svelte-pkhzb5{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid var(--border, currentColor);border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease}.mode-toggle.svelte-pkhzb5:hover{background:var(--muted, rgba(127, 127, 127, .12))}.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:center;transition:r .5s cubic-bezier(.32,.72,0,1)}.moon-cut.svelte-pkhzb5{transform:translate(12px,-12px);transition:transform .5s cubic-bezier(.32,.72,0,1)}.rays.svelte-pkhzb5{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .3s ease}[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:0ms}}