.dot-visual.svelte-ilq3hv{position:absolute;inset:0;overflow:visible}.dot-visual.svelte-ilq3hv:before{position:absolute;inset:0;background-image:radial-gradient(#70757d var(--dot-grid-radius),transparent calc(var(--dot-grid-radius) + .1px));background-attachment:fixed;background-size:var(--dot-grid-size) var(--dot-grid-size);-webkit-mask-image:radial-gradient(ellipse 64% 72% at center,#000 0%,rgb(0 0 0 / .48) 48%,transparent 100%);mask-image:radial-gradient(ellipse 64% 72% at center,#000 0%,rgb(0 0 0 / .48) 48%,transparent 100%);opacity:.95;content:"";pointer-events:none}.dot-layer.svelte-ilq3hv{position:absolute;top:calc(50% - 128px);left:calc(50% - 128px);width:256px;aspect-ratio:1;overflow:visible;opacity:var(--layer-opacity);transition:opacity .22s ease-out}.dot-layer.svelte-ilq3hv circle:where(.svelte-ilq3hv){transform-box:fill-box;transform-origin:center;transform:scale(1);transition:transform .22s cubic-bezier(.2,.7,.2,1)}.dot-layer.active.svelte-ilq3hv circle:where(.svelte-ilq3hv){transform:scale(2.33)}@media(prefers-reduced-motion:reduce){.dot-layer.svelte-ilq3hv{transition:none}.dot-layer.svelte-ilq3hv circle:where(.svelte-ilq3hv){transition:none}}