.kit-blob, [data-kit-blob] { position: relative; display: block; width: var(--kit-blob-size, 100%); aspect-ratio: 1; contain: layout paint; }
.kit-blob__canvas, .kit-blob__fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
.kit-blob__fallback { filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .35)); }
.kit-blob[data-mode="gl"] .kit-blob__fallback { visibility: hidden; }
.kit-blob:not([data-mode="gl"]) .kit-blob__canvas { visibility: hidden; }

.kit-cursor {
  --_c: var(--kit-cursor-color, #9ad8ff);
  position: fixed; left: 0; top: 0; width: 44px; height: 18px; margin: -9px 0 0 -22px;
  border-radius: 9999px; pointer-events: none; z-index: 2147483000; will-change: transform;
  background: radial-gradient(120% 140% at 30% 25%, #fff 0, var(--_c) 45%, rgba(255, 255, 255, .15) 100%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--_c) 60%, transparent), inset 0 1px 1px rgba(255, 255, 255, .8);
  opacity: .92;
}
.kit-cursor[data-style="matte"] { background: var(--_c); box-shadow: none; opacity: .85; mix-blend-mode: difference; }
.kit-cursor[hidden] { display: none; }
@media (pointer: coarse), (prefers-reduced-motion: reduce) { .kit-cursor { display: none; } }
