multi-stop-nebula-shine

bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#e0e7ff_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#6366f1_40%,transparent)_0%,transparent_62%),linear-gradient(338deg,#eef2ff_0%,#e0e7ff_24%,#a5b4fc_50%,#6366f1_74%,#312e81_100%)] border border-solid border-[color-mix(in_srgb,#312e81_18%,transparent)]

.radial-multi-stop-nebula-shine {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #e0e7ff 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #6366f1 40%, transparent) 0%, transparent 62%),
    linear-gradient(338deg, #eef2ff 0%, #e0e7ff 24%, #a5b4fc 50%, #6366f1 74%, #312e81 100%);
  border: 1px solid color-mix(in srgb, #312e81 18%, transparent);
}

{
  backgroundImage: "radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #e0e7ff 56%, transparent) 0%, transparent 58%), radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #6366f1 40%, transparent) 0%, transparent 62%), linear-gradient(338deg, #eef2ff 0%, #e0e7ff 24%, #a5b4fc 50%, #6366f1 74%, #312e81 100%)",
  border: "1px solid color-mix(in srgb, #312e81 18%, transparent)",
}