/* Registered so the conic gradient's start angle can be animated smoothly. */
  @property --rainbow-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
  }

  /* Rotating rainbow ring drawn as a masked conic-gradient overlay; shown on
     the Wrapped link while the latest Wrapped is for the current fair. */
  a.rainbow-border.svelte-1y3aqdx {
    position: relative;
  }

  a.rainbow-border.svelte-1y3aqdx::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(
      from var(--rainbow-angle),
      #f43f5e,
      #f59e0b,
      #22c55e,
      #3b82f6,
      #a855f7,
      #f43f5e
    );
    mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
    animation: svelte-1y3aqdx-rainbow-rotate 3s linear infinite;
  }

  @keyframes svelte-1y3aqdx-rainbow-rotate {
    to {
      --rainbow-angle: 360deg;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    a.rainbow-border.svelte-1y3aqdx::before {
      animation: none;
    }
  }