@property --progress{syntax:"<number>";inherits:true;initial-value:0}.dots.svelte-14nrfpk{--_dot:var(--dot,calc(8 * var(--vh)));--_step:var(--step,calc(42 * var(--vh)));--_ring:var(--ring,calc(40 * var(--vh)));display:flex}.vertical.svelte-14nrfpk{flex-direction:column}.snap.svelte-14nrfpk .dot:where(.svelte-14nrfpk){transition:--progress .6s cubic-bezier(.22,1,.36,1)}.dot.svelte-14nrfpk{width:var(--_step);height:var(--_ring);place-items:center;display:grid;position:relative}.vertical.svelte-14nrfpk .dot:where(.svelte-14nrfpk){width:var(--_ring);height:var(--_step)}.dot.svelte-14nrfpk:after{content:"";width:var(--_dot);aspect-ratio:1;background:#fff;border-radius:50%;transition:scale .5s cubic-bezier(.16,1,.3,1)}.dot.svelte-14nrfpk:disabled{cursor:default}.dot.svelte-14nrfpk:disabled:after{opacity:.3}.current.svelte-14nrfpk:after{scale:1.5}.near.svelte-14nrfpk:after{scale:var(--near-scale,0)}.name-w.svelte-14nrfpk{--pad:calc(12 * var(--vh));align-items:center;gap:calc(6 * var(--vh));padding-block:var(--pad);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:var(--title-shadow);pointer-events:none;line-height:1.2;display:inline-flex;position:absolute;top:50%;left:100%;overflow:hidden;translate:0 -50%}.name-line.svelte-14nrfpk{width:calc(20 * var(--vh));background:linear-gradient(90deg,#fff,#0000);height:1px;transition:translate .6s cubic-bezier(.16,1,.3,1);translate:-100%}.name.svelte-14nrfpk{translate:0 calc(100% + var(--pad));opacity:0;transition:translate .6s cubic-bezier(.16,1,.3,1),opacity .3s}.dot.svelte-14nrfpk:focus-visible .name-line:where(.svelte-14nrfpk),.dot.svelte-14nrfpk:focus-visible .name:where(.svelte-14nrfpk){opacity:1;translate:0}@media (hover:hover){.dot.svelte-14nrfpk:hover .name-line:where(.svelte-14nrfpk),.dot.svelte-14nrfpk:hover .name:where(.svelte-14nrfpk){opacity:1;translate:0}}.ring.svelte-14nrfpk{width:var(--_ring);height:var(--_ring);rotate:var(--ring-start);pointer-events:none;-webkit-mask-image:conic-gradient(from 90deg, transparent 0% 3%, #000 calc(var(--progress,0) * 100%), transparent calc(var(--progress,0) * 100% + 1.5%));mask-image:conic-gradient(from 90deg, transparent 0% 3%, #000 calc(var(--progress,0) * 100%), transparent calc(var(--progress,0) * 100% + 1.5%));position:absolute;overflow:visible}.ring.svelte-14nrfpk circle:where(.svelte-14nrfpk){fill:none;stroke:#fff;stroke-width:var(--ring-stroke,2);stroke-linecap:butt;stroke-dasharray:var(--progress,0) 2;opacity:min(1, calc(var(--progress,0) * 4))}.dot.svelte-14nrfpk:before{content:"";position:absolute;inset:-8px 0}.vertical.svelte-14nrfpk .dot:where(.svelte-14nrfpk):before{inset:0 -8px}