conic-citrus-sweep

bg-[radial-gradient(70%_70%_at_50%_50%,rgba(255,255,255,0.38)_0%,rgba(255,255,255,0)_62%),conic-gradient(from_76deg_at_50%_50%,#f0fdfa_0deg,#99f6e4_72deg,#2dd4bf_156deg,#0f766e_278deg,#f0fdfa_360deg)] border border-solid border-[color-mix(in_srgb,#0f766e_24%,transparent)]

.radial-conic-citrus-sweep {

  background-image:
    radial-gradient(70% 70% at 50% 50%, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 62%),
    conic-gradient(from 76deg at 50% 50%, #f0fdfa 0deg, #99f6e4 72deg, #2dd4bf 156deg, #0f766e 278deg, #f0fdfa 360deg);
  border: 1px solid color-mix(in srgb, #0f766e 24%, transparent);
}

{
  backgroundImage: "radial-gradient(70% 70% at 50% 50%, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0) 62%), conic-gradient(from 76deg at 50% 50%, #f0fdfa 0deg, #99f6e4 72deg, #2dd4bf 156deg, #0f766e 278deg, #f0fdfa 360deg)",
  border: "1px solid color-mix(in srgb, #0f766e 24%, transparent)",
}