.svelte-1ki1vfk:export{c-bg:#001727;c-base:#1f1f1f}.hops.svelte-1ki1vfk{position:absolute;top:0;left:0;right:0;height:var(--band)}.hops__arc.svelte-1ki1vfk{position:absolute;bottom:0;height:calc(var(--hop-arc, .58) * 100%);box-sizing:border-box;border:2px solid var(--hop-color);border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;clip-path:inset(0 100% 0 0);animation:svelte-1ki1vfk-hop-draw var(--hop-step) linear forwards;animation-delay:calc(var(--hop-delay) + var(--i) * var(--hop-step))}.hops--down.svelte-1ki1vfk .hops__arc:where(.svelte-1ki1vfk){clip-path:inset(0 0 0 100%)}.hops__count.svelte-1ki1vfk{position:absolute;top:var(--hop-count-top, 0);transform:translate(-50%);font-family:din-2014,sans-serif;font-size:var(--hop-count-size, 12px);font-weight:700;line-height:1;color:var(--hop-color);opacity:0;animation:svelte-1ki1vfk-hop-count .2s ease-out forwards;animation-delay:calc(var(--hop-delay) + var(--i) * var(--hop-step))}.hops__count--accent.svelte-1ki1vfk{font-size:var(--hop-count-accent-size, 15px);color:var(--count-color)}.hops__count--dim.svelte-1ki1vfk{--count-opacity: .35}@keyframes svelte-1ki1vfk-hop-draw{to{clip-path:inset(0 0 0 0)}}@keyframes svelte-1ki1vfk-hop-count{0%{opacity:0;translate:0 4px}to{opacity:var(--count-opacity, 1);translate:0 0}}@media(prefers-reduced-motion:reduce){.hops__arc.svelte-1ki1vfk,.hops__count.svelte-1ki1vfk{animation:none;clip-path:none;opacity:var(--count-opacity, 1)}}