/* ──────────────────────────────────────────────────────────────
   15 gradients — generated by designlang
   https://linear.app
   2026-05-17T21:16:00.309Z
   ────────────────────────────────────────────────────────────── */

:root {
  --grad-1: linear-gradient(rgba(11, 11, 11, 0.8) 0px, oklab(0.149576 0.00000680983 0.00000298768 / 0.761905) 100%);
  --grad-2: radial-gradient(52.53% 57.5% at 50% 100%, rgba(8, 9, 10, 0) 0px, rgba(8, 9, 10, 0.5) 100%);
  --grad-3: linear-gradient(rgb(8, 9, 10) 10%, rgb(208, 214, 224) 100%);
  --grad-4: radial-gradient(50% 50%, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0) 90%);
  --grad-5: radial-gradient(50% 50%, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0) 100%);
  --grad-6: radial-gradient(50% 50%, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 90%);
  --grad-7: linear-gradient(90deg, color(srgb 0 0 0 / 0) 0px, color(srgb 0.6 0.231373 0.231373 / 0.2) 100%);
  --grad-8: linear-gradient(90deg, color(srgb 0 0 0 / 0) 0px, color(srgb 0.129412 0.701961 1 / 0.2) 100%);
  --grad-9: radial-gradient(circle, rgba(255, 255, 255, 0.03) 0px, rgba(0, 0, 0, 0) 50%);
  --grad-10: radial-gradient(circle, rgba(255, 255, 255, 0.04) 0px, rgba(0, 0, 0, 0) 50%);
  --grad-11: repeating-linear-gradient(to right, rgb(35, 37, 42) 0px, rgb(35, 37, 42) 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 7px);
  --grad-12: repeating-linear-gradient(rgb(35, 37, 42) 0px, rgb(35, 37, 42) 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 7px);
  --grad-13: radial-gradient(circle, rgba(255, 255, 255, 0.02) 0px, rgba(0, 0, 0, 0) 50%);
  --grad-14: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  --grad-15: linear-gradient(rgb(178, 213, 255) 0%, rgb(223, 209, 255) 100%);
}

/* linear · brand */
.grad-1    { background-image: var(--grad-1); }
.grad-text-1 {
  background-image: var(--grad-1);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · bold */
.grad-2    { background-image: var(--grad-2); }
.grad-text-2 {
  background-image: var(--grad-2);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-3    { background-image: var(--grad-3); }
.grad-text-3 {
  background-image: var(--grad-3);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · bold */
.grad-4    { background-image: var(--grad-4); }
.grad-text-4 {
  background-image: var(--grad-4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · bold */
.grad-5    { background-image: var(--grad-5); }
.grad-text-5 {
  background-image: var(--grad-5);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · bold */
.grad-6    { background-image: var(--grad-6); }
.grad-text-6 {
  background-image: var(--grad-6);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-7    { background-image: var(--grad-7); }
.grad-text-7 {
  background-image: var(--grad-7);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-8    { background-image: var(--grad-8); }
.grad-text-8 {
  background-image: var(--grad-8);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · brand */
.grad-9    { background-image: var(--grad-9); }
.grad-text-9 {
  background-image: var(--grad-9);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · brand */
.grad-10    { background-image: var(--grad-10); }
.grad-text-10 {
  background-image: var(--grad-10);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* repeating-linear · bold */
.grad-11    { background-image: var(--grad-11); }
.grad-text-11 {
  background-image: var(--grad-11);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* repeating-linear · bold */
.grad-12    { background-image: var(--grad-12); }
.grad-text-12 {
  background-image: var(--grad-12);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* radial · brand */
.grad-13    { background-image: var(--grad-13); }
.grad-text-13 {
  background-image: var(--grad-13);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-14    { background-image: var(--grad-14); }
.grad-text-14 {
  background-image: var(--grad-14);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* linear · brand */
.grad-15    { background-image: var(--grad-15); }
.grad-text-15 {
  background-image: var(--grad-15);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
