:root, .light, .light-theme {
  --mint-1: #f9fefd;
  --mint-2: #f2fbf9;
  --mint-3: #ddf9f2;
  --mint-4: #c8f4e9;
  --mint-5: #b3ecde;
  --mint-6: #9ce0d0;
  --mint-7: #7ecfbd;
  --mint-8: #4cbba5;
  --mint-9: #86ead4;
  --mint-10: #7de0cb;
  --mint-11: #027864;
  --mint-12: #16433c;
  --mint-a1: #00d5aa06;
  --mint-a2: #00b18a0d;
  --mint-a3: #00d29e22;
  --mint-a4: #00cc9937;
  --mint-a5: #00c0914c;
  --mint-a6: #00b08663;
  --mint-a7: #00a17d81;
  --mint-a8: #009e7fb3;
  --mint-a9: #00d3a579;
  --mint-a10: #00c39982;
  --mint-a11: #007763fd;
  --mint-a12: #00312ae9;
  --mint-surface: #effaf8cc;
  --mint-indicator: var(--mint-9);
  --mint-track: var(--mint-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --mint-1: color(display-p3 .98 .995 .992);
      --mint-2: color(display-p3 .957 .985 .977);
      --mint-3: color(display-p3 .888 .972 .95);
      --mint-4: color(display-p3 .819 .951 .916);
      --mint-5: color(display-p3 .747 .918 .873);
      --mint-6: color(display-p3 .668 .87 .818);
      --mint-7: color(display-p3 .567 .805 .744);
      --mint-8: color(display-p3 .42 .724 .649);
      --mint-9: color(display-p3 .62 .908 .834);
      --mint-10: color(display-p3 .585 .871 .797);
      --mint-11: color(display-p3 .203 .463 .397);
      --mint-12: color(display-p3 .136 .259 .236);
      --mint-a1: color(display-p3 .02 .804 .608 / .02);
      --mint-a2: color(display-p3 .02 .647 .467 / .044);
      --mint-a3: color(display-p3 .004 .761 .553 / .114);
      --mint-a4: color(display-p3 .004 .741 .545 / .181);
      --mint-a5: color(display-p3 .004 .678 .51 / .255);
      --mint-a6: color(display-p3 .004 .616 .463 / .334);
      --mint-a7: color(display-p3 .004 .549 .412 / .432);
      --mint-a8: color(display-p3 0 .529 .392 / .581);
      --mint-a9: color(display-p3 .004 .765 .569 / .381);
      --mint-a10: color(display-p3 .004 .69 .51 / .416);
      --mint-a11: color(display-p3 .203 .463 .397);
      --mint-a12: color(display-p3 .136 .259 .236);
      --mint-surface: color(display-p3 .9451 .9804 .9725 / .8);
    }
  }
}

.dark, .dark-theme {
  --mint-1: #0e1515;
  --mint-2: #0f1b1b;
  --mint-3: #092c2b;
  --mint-4: #003a38;
  --mint-5: #004744;
  --mint-6: #105650;
  --mint-7: #1e685f;
  --mint-8: #277f70;
  --mint-9: #86ead4;
  --mint-10: #a8f5e5;
  --mint-11: #58d5ba;
  --mint-12: #c4f5e1;
  --mint-a1: #00dede05;
  --mint-a2: #00f9f90b;
  --mint-a3: #00fff61d;
  --mint-a4: #00fff42c;
  --mint-a5: #00fff23a;
  --mint-a6: #0effeb4a;
  --mint-a7: #34fde55e;
  --mint-a8: #41ffdf76;
  --mint-a9: #92ffe7e9;
  --mint-a10: #aefeedf5;
  --mint-a11: #67ffded2;
  --mint-a12: #cbfee9f5;
  --mint-surface: #15272780;
  --mint-indicator: var(--mint-9);
  --mint-track: var(--mint-9);
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --mint-1: color(display-p3 .059 .082 .081);
      --mint-2: color(display-p3 .068 .104 .105);
      --mint-3: color(display-p3 .077 .17 .168);
      --mint-4: color(display-p3 .068 .224 .22);
      --mint-5: color(display-p3 .104 .275 .264);
      --mint-6: color(display-p3 .154 .332 .313);
      --mint-7: color(display-p3 .207 .403 .373);
      --mint-8: color(display-p3 .258 .49 .441);
      --mint-9: color(display-p3 .62 .908 .834);
      --mint-10: color(display-p3 .725 .954 .898);
      --mint-11: color(display-p3 .482 .825 .733);
      --mint-12: color(display-p3 .807 .955 .887);
      --mint-a1: color(display-p3 0 .992 .992 / .017);
      --mint-a2: color(display-p3 .071 .98 .98 / .043);
      --mint-a3: color(display-p3 .176 .996 .996 / .11);
      --mint-a4: color(display-p3 .071 .996 .973 / .169);
      --mint-a5: color(display-p3 .243 1 .949 / .223);
      --mint-a6: color(display-p3 .369 1 .933 / .286);
      --mint-a7: color(display-p3 .459 1 .914 / .362);
      --mint-a8: color(display-p3 .49 1 .89 / .454);
      --mint-a9: color(display-p3 .678 .996 .914 / .904);
      --mint-a10: color(display-p3 .761 1 .941 / .95);
      --mint-a11: color(display-p3 .482 .825 .733);
      --mint-a12: color(display-p3 .807 .955 .887);
      --mint-surface: color(display-p3 .0941 .149 .1412 / .5);
    }
  }
}

:root {
  --mint-contrast: #1a211e;
}

@supports (color: color-mix(in oklab, white, black)) {
  .dark, .dark-theme {
    --mint-track: color-mix(in oklab, var(--mint-8), var(--mint-9) 65%);
  }
}