.mobile-dots.svelte-17rwgxv{position:fixed;right:max(8px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:5;pointer-events:auto}.mobile-dots.svelte-17rwgxv ul:where(.svelte-17rwgxv){list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px}.mobile-dots.svelte-17rwgxv li:where(.svelte-17rwgxv){margin:0;padding:0}.mobile-dots.svelte-17rwgxv button:where(.svelte-17rwgxv){width:20px;height:20px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;pointer-events:auto;position:relative}.dot-visual.svelte-17rwgxv{display:block;width:8px;height:8px;border-radius:50%;background:#fffc;transform-origin:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .18s ease}.mobile-dots.svelte-17rwgxv button.active:where(.svelte-17rwgxv) .dot-visual:where(.svelte-17rwgxv){transform:scale(1.7);background:#fff}@media(hover:hover){.mobile-dots.svelte-17rwgxv button:where(.svelte-17rwgxv):hover .dot-visual:where(.svelte-17rwgxv){background:#fff;transform:scale(1.3)}.mobile-dots.svelte-17rwgxv button.active:where(.svelte-17rwgxv):hover .dot-visual:where(.svelte-17rwgxv){transform:scale(1.7)}}
