.sip-dots{--sip-d:9px;--sip-gap:5px;--sip-ink:currentColor;--sip-rim:color-mix(in srgb, var(--sip-ink) 34%, transparent);--sip-fill:color-mix(in srgb, var(--sip-ink) 5%, transparent);--sip-window:#ffffffb3;--sip-glow:color-mix(in srgb, var(--sip-ink) 42%, transparent);--sip-ease:cubic-bezier(.2, .8, .2, 1);align-items:center;gap:var(--sip-gap);flex-wrap:wrap;line-height:0;display:inline-flex}.sip-dot{width:var(--sip-d);height:var(--sip-d);box-sizing:border-box;background:radial-gradient(circle at 34% 30%, var(--sip-window) 0, transparent 46%), var(--sip-fill);box-shadow:inset 0 0 0 1px var(--sip-rim), 0 1px 0 color-mix(in srgb, var(--sip-ink) 8%, transparent);border-radius:50%;flex:none;display:block;position:relative}.sip-dot:after{content:"";background:radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--sip-window) 80%, transparent) 0, transparent 44%), var(--sip-ink);box-shadow:0 0 0 1px var(--sip-ink), 0 0 calc(var(--sip-d) * .9) calc(var(--sip-d) * -.1) var(--sip-glow);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.sip-dot[data-h]:after{opacity:1;transform:none}@keyframes sip-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes sip-light{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.22)}to{opacity:1;transform:none}}.sip-dots[data-arrive] .sip-dot{animation:sip-in .24s var(--sip-ease) backwards;animation-delay:calc(80ms + var(--i,0) * 18ms)}.sip-dots[data-arrive] .sip-dot[data-h]:after{animation:sip-light .44s var(--sip-ease) backwards;animation-delay:calc(.2s + var(--sip-n,0) * 18ms + var(--hi,0) * .11s)}@media (prefers-reduced-motion:reduce){.sip-dots[data-arrive] .sip-dot,.sip-dots[data-arrive] .sip-dot[data-h]:after{animation:none}}html[data-ug-motion=off] .sip-dots[data-arrive] .sip-dot,html[data-ug-motion=off] .sip-dots[data-arrive] .sip-dot[data-h]:after{animation:none}@media (forced-colors:active){.sip-dot{forced-color-adjust:none;background:canvas;box-shadow:inset 0 0 0 1px canvastext}.sip-dot:after{box-shadow:none;background:canvastext}}
