button.svelte-vl89m2{--icon-duration:.5s;--icon-easing:cubic-bezier(.22, 1, .36, 1);cursor:pointer;color:currentColor;border-radius:var(--radius-full,9999px);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.5em;padding:.5em;transition:background-color .25s,translate .2s;display:inline-flex;position:relative}button.svelte-vl89m2.has-label{border-radius:var(--radius-lg,8px);padding:.4em .9em}@supports (corner-shape:squircle){button.svelte-vl89m2.has-label{corner-shape:squircle;border-radius:calc(var(--radius-lg,8px) * var(--squircle-ratio,2))}}button.svelte-vl89m2:hover{background-color:rgb(from currentColor r g b / .08);transition:translate .2s}button.svelte-vl89m2:active{translate:0 1px clamp(-10px,.2em - 12px,-2px)}button.svelte-vl89m2:focus-visible{outline-offset:2px;outline:2px solid}button.svelte-vl89m2 .icon:where(.svelte-vl89m2){flex-shrink:0;display:inline-block;position:relative}button.svelte-vl89m2 .icon:where(.svelte-vl89m2) svg:where(.svelte-vl89m2){transition:opacity var(--icon-duration) var(--icon-easing), transform var(--icon-duration) var(--icon-easing);transform-origin:50%;position:absolute;inset:0}button.svelte-vl89m2:not(.is-dark) .sun:where(.svelte-vl89m2){opacity:1;transform:scale(1)rotate(0)}button.svelte-vl89m2:not(.is-dark) .moon:where(.svelte-vl89m2){opacity:0;transform:scale(.4)rotate(-90deg)}button.svelte-vl89m2:not(.is-dark) .rays:where(.svelte-vl89m2){opacity:1;transform:scale(1)rotate(0)}button.svelte-vl89m2.is-dark .sun:where(.svelte-vl89m2){opacity:0;transform:scale(.4)rotate(90deg)}button.svelte-vl89m2.is-dark .moon:where(.svelte-vl89m2){opacity:1;transform:scale(1)rotate(0)}button.svelte-vl89m2.is-dark .rays:where(.svelte-vl89m2){opacity:0;transform:scale(0)rotate(45deg)}button.svelte-vl89m2 .rays:where(.svelte-vl89m2){transform-origin:50%;transition:opacity var(--icon-duration) var(--icon-easing), transform var(--icon-duration) var(--icon-easing)}button.svelte-vl89m2 .moon:where(.svelte-vl89m2) .star:where(.svelte-vl89m2){transform-origin:50%;opacity:.85;animation:2.4s ease-in-out infinite svelte-vl89m2-twinkle}button.svelte-vl89m2 .moon:where(.svelte-vl89m2) .star-2:where(.svelte-vl89m2){animation-delay:1.2s}button.svelte-vl89m2 .label:where(.svelte-vl89m2){font-size:.9em;line-height:1}button.svelte-vl89m2 .auto-indicator:where(.svelte-vl89m2){border-radius:var(--radius-full,9999px);background-color:var(--color-text,currentColor);min-width:1.15em;height:1.15em;color:var(--color-bg,#fff);box-shadow:0 0 0 2px var(--color-bg,#fff);pointer-events:none;justify-content:center;align-items:center;padding:0 .2em;font-size:.62em;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:-.05em;right:-.05em}button.svelte-vl89m2.has-label .auto-indicator:where(.svelte-vl89m2){display:none}@keyframes svelte-vl89m2-twinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){button.svelte-vl89m2 .icon:where(.svelte-vl89m2) svg:where(.svelte-vl89m2),button.svelte-vl89m2 .rays:where(.svelte-vl89m2){transition:none}button.svelte-vl89m2 .moon:where(.svelte-vl89m2) .star:where(.svelte-vl89m2){animation:none}}