.dots.svelte-1fh920n{box-sizing:content-box;--dot-size: 10px;--pill-width: 40px;--dot-gap: 20px;--touch-target: 24px;gap:var(--dot-gap);width:calc(var(--pill-width) + (var(--count) - 1) * (var(--dot-size) + var(--dot-gap)))}.dot.svelte-1fh920n{position:relative;width:var(--dot-size);height:var(--dot-size);transition:width .2s}.dot.active.svelte-1fh920n{width:var(--pill-width)}.dot.svelte-1fh920n:not(.active):hover{opacity:.6}.dot.svelte-1fh920n:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,var(--touch-target));height:var(--touch-target)}