@property --orbit{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mix{syntax:"<number>";inherits:true;initial-value:0}.button-orbit.svelte-z18xkp{--padding:6px;--mix-speed:1.1s;--bg:var(--color-white-6);--bg-hover:var(--color-white-10);padding:var(--padding);color:var(--color-accent);background:var(--color-darkgray);transition:color var(--transition-accent), background-color var(--transition-hover), --mix var(--mix-speed) var(--ease-cubic);border-radius:100vh;align-items:center;gap:4px;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}.button-orbit.svelte-z18xkp .outline:where(.svelte-z18xkp) rect:where(.svelte-z18xkp){rx:22px}.button-orbit.svelte-z18xkp .circle:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp .label:where(.svelte-z18xkp){background:var(--bg);height:32px;transition:background-color var(--transition-hover);border-radius:100vh;align-items:center;display:flex}.button-orbit.svelte-z18xkp .circle:where(.svelte-z18xkp){aspect-ratio:1;justify-content:center}.button-orbit.svelte-z18xkp .label:where(.svelte-z18xkp){padding-inline:16px}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp){overflow:visible}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){--angle:calc(var(--orbit) + var(--phase));--x:calc(cos(var(--angle)) * var(--mix) + cos(var(--phase)) * (1 - var(--mix)));--y:calc(sin(var(--angle)) * var(--mix) + sin(var(--phase)) * (1 - var(--mix)));--depth:calc(var(--y) - sin(var(--phase)));--size:clamp(.8, 1 + .25 * var(--depth), 1.2);--dx:calc(var(--r) * var(--x) * 1px);--dy:calc(var(--r) * var(--tilt) * var(--y) * 1px);transform-box:fill-box;transform-origin:50%;translate:calc(var(--size) * (var(--dx) * cos(var(--start)) - var(--dy) * sin(var(--start)))) calc(var(--size) * (var(--dx) * sin(var(--start)) + var(--dy) * cos(var(--start))));scale:var(--size);opacity:clamp(.45, 1 + .35 * var(--depth), 1)}@media (prefers-reduced-motion:no-preference){.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){animation:2.5s linear infinite paused svelte-z18xkp-dot-orbit}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(2){animation-duration:3.75s;animation-direction:reverse}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(3){animation-duration:3s}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(4){animation-duration:4.25s;animation-direction:reverse}.button-orbit.svelte-z18xkp .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp):nth-child(5){animation-duration:2s}}.button-orbit.is-accent.svelte-z18xkp{--bg:var(--color-accent);--bg-hover:color-mix(in oklab, var(--color-accent), var(--color-white) 20%);color:var(--color-darkgray)}.button-orbit.is-accent.svelte-z18xkp .outline:where(.svelte-z18xkp){color:var(--color-accent)}.button-orbit.svelte-z18xkp:hover{--mix:1;--mix-speed:.5s}.button-orbit.svelte-z18xkp:hover .outline:where(.svelte-z18xkp){color:var(--color-white-50)}.button-orbit.svelte-z18xkp:hover .outline:where(.svelte-z18xkp) rect:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp:hover .dots:where(.svelte-z18xkp) circle:where(.svelte-z18xkp){animation-play-state:running}.button-orbit.svelte-z18xkp:hover .circle:where(.svelte-z18xkp),.button-orbit.svelte-z18xkp:hover .label:where(.svelte-z18xkp){background:var(--bg-hover)}.button-orbit.svelte-z18xkp:disabled{opacity:.6}.button-orbit.svelte-z18xkp:active{translate:0 1px}@keyframes svelte-z18xkp-dot-orbit{to{--orbit:360deg}}span.svelte-13owc1b:after{content:"​"}