<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  /* Border Radii */
  --addgene-round-button-radius: 7px;
  --addgene-panel-border-radius: 10px;
  --datahub-large-panel-border-radius: 24px;

  /* Fonts */
  --font-family-sans-serif: Roboto,
  "Helvetica Neue", HelveticaNeue,
  "Liberation Sans",
  Arimo,
  Helvetica,
  Arial,
  sans-serif;

  --font-family-title-sans-serif: Kanit,
  Roboto,
  "Helvetica Neue", HelveticaNeue,
  "Liberation Sans",
  Arimo,
  Helvetica,
  Arial,
  sans-serif;

  /* Data Hub Colors */
  --datahub-blue: hsl(var(--datahub-blue-hsl));
  --datahub-dark-blue: hsl(var(--datahub-dark-blue-hsl));
  --datahub-dark-green: hsl(var(--datahub-dark-green-hsl));
  --datahub-green: hsl(var(--datahub-green-hsl));
  --datahub-green-lighter: hsl(var(--datahub-green-hsl), 0.95);
  --datahub-green-bg: hsl(var(--datahub-green-bg-hsl));
  --datahub-green-light-bg: hsl(var(--datahub-green-bg-hsl), 0.05);
  --datahub-green-bg-10: hsl(var(--datahub-green-bg-hsl), 0.10);
  --datahub-orange-bg: hsl(var(--datahub-orange-bg-hsl), 0.05);
  --datahub-tan: hsl(var(--datahub-tan-hsl));
  --datahub-tan-bg: hsl(var(--datahub-tan-hsl), 0.3);
  --datahub-red-field-error: var(--addgene-red);
  --datahub-gray-large-text: hsl(var(--datahub-gray-large-text-hsl));
  --datahub-gray-border-input: hsl(var(--addgene-dark-gray-hsl), 0.55);
  --datahub-gray-border: hsl(var(--datahub-gray-border-hsl));

  /* Addgene Colors */
  --addgene-blue: hsl(var(--addgene-blue-hsl));
  --addgene-yellow: hsl(var(--addgene-yellow-hsl));
  --addgene-yellow-bg: hsl(var(--addgene-yellow-hsl), 0.07);
  --addgene-yellow-hover: hsl(var(--addgene-yellow-hover-hsl));
  --addgene-purple: hsl(var(--addgene-purple-hsl));
  --addgene-new-orange: hsl(var(--addgene-new-orange-hsl));
  --addgene-light-orange: hsl(var(--addgene-new-orange-hsl), 0.05);
  --addgene-new-orange-hover: hsl(var(--addgene-new-orange-hover-hsl));
  --addgene-light-gray: hsl(var(--addgene-light-gray-hsl));
  --addgene-dark-gray: hsl(var(--addgene-dark-gray-hsl));
  --addgene-dark-gray-70: hsl(var(--addgene-dark-gray-hsl), 0.7);
  --addgene-darker-gray: hsl(var(--addgene-darker-gray-hsl));
  --addgene-dark-blue: hsl(var(--addgene-dark-blue-hsl));
  --addgene-dark-blue-5: hsl(var(--addgene-dark-blue-hsl), 0.05);
  --addgene-dark-blue-25: hsl(var(--addgene-dark-blue-hsl), 0.25);
  --addgene-midnight-blue: hsl(var(--addgene-midnight-blue-hsl));
  --addgene-red: hsl(var(--addgene-red-hsl));

  /* HSL values for the brand colors */
  --datahub-blue-hsl: var(--datahub-blue-hs), 41.6%;
  --datahub-dark-blue-hsl: var(--datahub-dark-blue-hs), 20.2%;
  --datahub-gray-border-hsl: var(--datahub-gray-border-hs), 80.0%;
  --datahub-gray-large-text-hsl: var(--datahub-gray-large-text-hs), 58.0%;
  --datahub-dark-green-hsl: var(--datahub-green-dark-hs), 8.0%;
  --datahub-green-hsl: var(--datahub-green-hs), 22.0%;
  --datahub-green-bg-hsl: var(--datahub-green-bg-hs), 28.8%;
  --datahub-orange-bg-hsl: var(--datahub-orange-bg-hs), 53.5%;
  --datahub-red-field-error-hsl: var(--datahub-red-field-error-hs), 74.3%;
  --datahub-tan-hsl: var(--datahub-tan-hs), 90.0%;

  --addgene-blue-hsl: var(--addgene-blue-hs), 36%;
  --addgene-yellow-hsl: var(--addgene-yellow-hs), 55%;
  --addgene-yellow-hover-hsl: var(--addgene-yellow-hover-hs), 50%;
  --addgene-purple-hsl: var(--addgene-purple-hs), 42.2%;
  --addgene-new-orange-hsl: var(--addgene-new-orange-hs), 53.5%;
  --addgene-new-orange-hover-hsl: var(--addgene-new-orange-hover-hs), 45.7%;
  --addgene-light-gray-hsl: var(--addgene-gray-hs), 96.9%;
  --addgene-dark-gray-hsl: var(--addgene-gray-hs), 34.5%;
  --addgene-darker-gray-hsl: var(--addgene-gray-hs), 13%;
  --addgene-dark-blue-hsl: var(--addgene-dark-blue-hs), 22.9%;
  --addgene-midnight-blue-hsl: var(--addgene-midnight-blue-hs), 19.4%;
  --addgene-red-hsl: var(--addgene-red-hs), 46%;

  /* Hue and Saturation for the brand colors */
  --datahub-blue-hs: 201.8, 86.8%;
  --datahub-dark-blue-hs: 203.0, 96.1%;
  --datahub-green-dark-hs: 170, 85%;
  --datahub-green-hs: 169.8, 83.9%;
  --datahub-green-bg-hs: 166.3, 86.4%;
  --datahub-orange-bg-hs: 19.4, 84.8%;
  --datahub-tan-hs: 81.8, 21.6%;
  --datahub-gray-large-text-hs: 0, 0%;
  --datahub-red-field-error-hs: 0, 100.0%;
  --datahub-gray-border-hs: 0, 0%;

  --addgene-blue-hs: 201, 96%;
  --addgene-yellow-hs: 49, 95%;
  --addgene-yellow-hover-hs: 48, 94%;
  --addgene-purple-hs: 282.5, 41.4%;
  --addgene-new-orange-hs: 19.3, 86.5%;
  --addgene-new-orange-hover-hs: 19.1, 86.3%;
  --addgene-gray-hs: 0, 0%;
  --addgene-dark-blue-hs: 201.2, 96.6%;
  --addgene-midnight-blue-hs: 204.9, 77.8%;
  --addgene-red-hs: 1, 44%;
}
</pre></body></html>