/* CreamyOrb — Paper GrainGradient blob, clipped to a circle */

.creamy-orb {
  --orb-size: 32px;

  position: relative;
  width: var(--orb-size);
  height: var(--orb-size);
  flex-shrink: 0;
  pointer-events: none;
}

.creamy-orb__clip {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  background: #3d98ff;
  box-shadow:
    0 0 1px rgba(0, 0, 0, 0.28),
    0 1px 2px rgba(0, 47, 120, 0.14),
    0 2px 5px rgba(0, 71, 171, 0.12);
}

.creamy-orb__shader {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}