@spectrum-web-components/styles
Version:
Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma
977 lines • 52.4 kB
CSS
:host,
:root {
--spectrum-overlay-opacity: 0.6;
--spectrum-background-layer-2-color: var(--spectrum-gray-75);
--spectrum-neutral-subdued-background-color-default: var(
--spectrum-gray-500
);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-400);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-400);
--spectrum-neutral-subdued-background-color-key-focus: var(
--spectrum-gray-400
);
--spectrum-accent-background-color-default: var(
--spectrum-accent-color-800
);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-700);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-700);
--spectrum-accent-background-color-key-focus: var(
--spectrum-accent-color-700
);
--spectrum-informative-background-color-default: var(
--spectrum-informative-color-800
);
--spectrum-informative-background-color-hover: var(
--spectrum-informative-color-700
);
--spectrum-informative-background-color-down: var(
--spectrum-informative-color-700
);
--spectrum-informative-background-color-key-focus: var(
--spectrum-informative-color-700
);
--spectrum-negative-background-color-default: var(
--spectrum-negative-color-800
);
--spectrum-negative-background-color-hover: var(
--spectrum-negative-color-700
);
--spectrum-negative-background-color-down: var(
--spectrum-negative-color-700
);
--spectrum-negative-background-color-key-focus: var(
--spectrum-negative-color-700
);
--spectrum-positive-background-color-default: var(
--spectrum-positive-color-800
);
--spectrum-positive-background-color-hover: var(
--spectrum-positive-color-700
);
--spectrum-positive-background-color-down: var(
--spectrum-positive-color-700
);
--spectrum-positive-background-color-key-focus: var(
--spectrum-positive-color-700
);
--spectrum-notice-background-color-default: var(
--spectrum-notice-color-900
);
--spectrum-gray-background-color-default: var(--spectrum-gray-500);
--spectrum-red-background-color-default: var(--spectrum-red-800);
--spectrum-orange-background-color-default: var(--spectrum-orange-900);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-1100);
--spectrum-chartreuse-background-color-default: var(
--spectrum-chartreuse-1000
);
--spectrum-celery-background-color-default: var(--spectrum-celery-900);
--spectrum-green-background-color-default: var(--spectrum-green-800);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-800);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-800);
--spectrum-blue-background-color-default: var(--spectrum-blue-800);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-800);
--spectrum-purple-background-color-default: var(--spectrum-purple-800);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-800);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-800);
--spectrum-neutral-visual-color: var(--spectrum-gray-600);
--spectrum-accent-visual-color: var(--spectrum-accent-color-900);
--spectrum-informative-visual-color: var(--spectrum-informative-color-900);
--spectrum-negative-visual-color: var(--spectrum-negative-color-900);
--spectrum-notice-visual-color: var(--spectrum-notice-color-900);
--spectrum-positive-visual-color: var(--spectrum-positive-color-900);
--spectrum-gray-visual-color: var(--spectrum-gray-600);
--spectrum-red-visual-color: var(--spectrum-red-700);
--spectrum-orange-visual-color: var(--spectrum-orange-900);
--spectrum-yellow-visual-color: var(--spectrum-yellow-1100);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);
--spectrum-celery-visual-color: var(--spectrum-celery-800);
--spectrum-green-visual-color: var(--spectrum-green-800);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);
--spectrum-cyan-visual-color: var(--spectrum-cyan-900);
--spectrum-blue-visual-color: var(--spectrum-blue-900);
--spectrum-indigo-visual-color: var(--spectrum-indigo-900);
--spectrum-purple-visual-color: var(--spectrum-purple-900);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
--spectrum-magenta-visual-color: var(--spectrum-magenta-900);
--spectrum-background-elevated-color: var(--spectrum-gray-75);
--spectrum-background-pasteboard-color: var(--spectrum-gray-25);
--spectrum-brown-visual-color: var(--spectrum-brown-900);
--spectrum-cinnamon-visual-color: var(--spectrum-cinnamon-900);
--spectrum-pink-visual-color: var(--spectrum-pink-900);
--spectrum-silver-visual-color: var(--spectrum-silver-900);
--spectrum-turquoise-visual-color: var(--spectrum-turquoise-900);
--spectrum-brown-background-color-default: var(--spectrum-brown-800);
--spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-800);
--spectrum-pink-background-color-default: var(--spectrum-pink-800);
--spectrum-silver-background-color-default: var(--spectrum-silver-800);
--spectrum-turquoise-background-color-default: var(
--spectrum-turquoise-800
);
--spectrum-drop-shadow-color-100-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-100-opacity: 0.36;
--spectrum-drop-shadow-color-100: rgba(
var(--spectrum-drop-shadow-color-100-rgb),
var(--spectrum-drop-shadow-color-100-opacity)
);
--spectrum-drop-shadow-color-200-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-200-opacity: 0.48;
--spectrum-drop-shadow-color-200: rgba(
var(--spectrum-drop-shadow-color-200-rgb),
var(--spectrum-drop-shadow-color-200-opacity)
);
--spectrum-drop-shadow-color-300-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-300-opacity: 0.6;
--spectrum-drop-shadow-color-300: rgba(
var(--spectrum-drop-shadow-color-300-rgb),
var(--spectrum-drop-shadow-color-300-opacity)
);
--spectrum-neutral-subtle-background-color-default: var(
--spectrum-gray-300
);
--spectrum-gray-subtle-background-color-default: var(--spectrum-gray-300);
--spectrum-blue-subtle-background-color-default: var(--spectrum-blue-300);
--spectrum-green-subtle-background-color-default: var(--spectrum-green-300);
--spectrum-orange-subtle-background-color-default: var(
--spectrum-orange-300
);
--spectrum-red-subtle-background-color-default: var(--spectrum-red-300);
--spectrum-brown-subtle-background-color-default: var(--spectrum-brown-300);
--spectrum-cinnamon-subtle-background-color-default: var(
--spectrum-cinnamon-300
);
--spectrum-celery-subtle-background-color-default: var(
--spectrum-celery-300
);
--spectrum-chartreuse-subtle-background-color-default: var(
--spectrum-chartreuse-300
);
--spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-300);
--spectrum-fuchsia-subtle-background-color-default: var(
--spectrum-fuchsia-300
);
--spectrum-indigo-subtle-background-color-default: var(
--spectrum-indigo-300
);
--spectrum-magenta-subtle-background-color-default: var(
--spectrum-magenta-300
);
--spectrum-pink-subtle-background-color-default: var(--spectrum-pink-300);
--spectrum-purple-subtle-background-color-default: var(
--spectrum-purple-300
);
--spectrum-seafoam-subtle-background-color-default: var(
--spectrum-seafoam-300
);
--spectrum-silver-subtle-background-color-default: var(
--spectrum-silver-300
);
--spectrum-turquoise-subtle-background-color-default: var(
--spectrum-turquoise-300
);
--spectrum-yellow-subtle-background-color-default: var(
--spectrum-yellow-300
);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
--spectrum-white-rgb: 255, 255, 255;
--spectrum-white: rgba(var(--spectrum-white-rgb));
--spectrum-transparent-white-25-rgb: 255, 255, 255;
--spectrum-transparent-white-25-opacity: 0;
--spectrum-transparent-white-25: rgba(
var(--spectrum-transparent-white-25-rgb),
var(--spectrum-transparent-white-25-opacity)
);
--spectrum-transparent-white-50-rgb: 255, 255, 255;
--spectrum-transparent-white-50-opacity: 0.04;
--spectrum-transparent-white-50: rgba(
var(--spectrum-transparent-white-50-rgb),
var(--spectrum-transparent-white-50-opacity)
);
--spectrum-transparent-white-75-rgb: 255, 255, 255;
--spectrum-transparent-white-75-opacity: 0.07;
--spectrum-transparent-white-75: rgba(
var(--spectrum-transparent-white-75-rgb),
var(--spectrum-transparent-white-75-opacity)
);
--spectrum-transparent-white-100-rgb: 255, 255, 255;
--spectrum-transparent-white-100-opacity: 0.11;
--spectrum-transparent-white-100: rgba(
var(--spectrum-transparent-white-100-rgb),
var(--spectrum-transparent-white-100-opacity)
);
--spectrum-transparent-white-200-rgb: 255, 255, 255;
--spectrum-transparent-white-200-opacity: 0.14;
--spectrum-transparent-white-200: rgba(
var(--spectrum-transparent-white-200-rgb),
var(--spectrum-transparent-white-200-opacity)
);
--spectrum-transparent-white-300-rgb: 255, 255, 255;
--spectrum-transparent-white-300-opacity: 0.17;
--spectrum-transparent-white-300: rgba(
var(--spectrum-transparent-white-300-rgb),
var(--spectrum-transparent-white-300-opacity)
);
--spectrum-transparent-white-400-rgb: 255, 255, 255;
--spectrum-transparent-white-400-opacity: 0.21;
--spectrum-transparent-white-400: rgba(
var(--spectrum-transparent-white-400-rgb),
var(--spectrum-transparent-white-400-opacity)
);
--spectrum-transparent-white-500-rgb: 255, 255, 255;
--spectrum-transparent-white-500-opacity: 0.39;
--spectrum-transparent-white-500: rgba(
var(--spectrum-transparent-white-500-rgb),
var(--spectrum-transparent-white-500-opacity)
);
--spectrum-transparent-white-600-rgb: 255, 255, 255;
--spectrum-transparent-white-600-opacity: 0.51;
--spectrum-transparent-white-600: rgba(
var(--spectrum-transparent-white-600-rgb),
var(--spectrum-transparent-white-600-opacity)
);
--spectrum-transparent-white-700-rgb: 255, 255, 255;
--spectrum-transparent-white-700-opacity: 0.66;
--spectrum-transparent-white-700: rgba(
var(--spectrum-transparent-white-700-rgb),
var(--spectrum-transparent-white-700-opacity)
);
--spectrum-transparent-white-800-rgb: 255, 255, 255;
--spectrum-transparent-white-800-opacity: 0.85;
--spectrum-transparent-white-800: rgba(
var(--spectrum-transparent-white-800-rgb),
var(--spectrum-transparent-white-800-opacity)
);
--spectrum-transparent-white-900-rgb: 255, 255, 255;
--spectrum-transparent-white-900-opacity: 0.94;
--spectrum-transparent-white-900: rgba(
var(--spectrum-transparent-white-900-rgb),
var(--spectrum-transparent-white-900-opacity)
);
--spectrum-transparent-white-1000-rgb: 255, 255, 255;
--spectrum-transparent-white-1000: rgba(
var(--spectrum-transparent-white-1000-rgb)
);
--spectrum-transparent-black-25-rgb: 0, 0, 0;
--spectrum-transparent-black-25-opacity: 0;
--spectrum-transparent-black-25: rgba(
var(--spectrum-transparent-black-25-rgb),
var(--spectrum-transparent-black-25-opacity)
);
--spectrum-transparent-black-50-rgb: 0, 0, 0;
--spectrum-transparent-black-50-opacity: 0.03;
--spectrum-transparent-black-50: rgba(
var(--spectrum-transparent-black-50-rgb),
var(--spectrum-transparent-black-50-opacity)
);
--spectrum-transparent-black-75-rgb: 0, 0, 0;
--spectrum-transparent-black-75-opacity: 0.05;
--spectrum-transparent-black-75: rgba(
var(--spectrum-transparent-black-75-rgb),
var(--spectrum-transparent-black-75-opacity)
);
--spectrum-transparent-black-100-rgb: 0, 0, 0;
--spectrum-transparent-black-100-opacity: 0.09;
--spectrum-transparent-black-100: rgba(
var(--spectrum-transparent-black-100-rgb),
var(--spectrum-transparent-black-100-opacity)
);
--spectrum-transparent-black-200-rgb: 0, 0, 0;
--spectrum-transparent-black-200-opacity: 0.12;
--spectrum-transparent-black-200: rgba(
var(--spectrum-transparent-black-200-rgb),
var(--spectrum-transparent-black-200-opacity)
);
--spectrum-transparent-black-300-rgb: 0, 0, 0;
--spectrum-transparent-black-300-opacity: 0.15;
--spectrum-transparent-black-300: rgba(
var(--spectrum-transparent-black-300-rgb),
var(--spectrum-transparent-black-300-opacity)
);
--spectrum-transparent-black-400-rgb: 0, 0, 0;
--spectrum-transparent-black-400-opacity: 0.22;
--spectrum-transparent-black-400: rgba(
var(--spectrum-transparent-black-400-rgb),
var(--spectrum-transparent-black-400-opacity)
);
--spectrum-transparent-black-500-rgb: 0, 0, 0;
--spectrum-transparent-black-500-opacity: 0.44;
--spectrum-transparent-black-500: rgba(
var(--spectrum-transparent-black-500-rgb),
var(--spectrum-transparent-black-500-opacity)
);
--spectrum-transparent-black-600-rgb: 0, 0, 0;
--spectrum-transparent-black-600-opacity: 0.56;
--spectrum-transparent-black-600: rgba(
var(--spectrum-transparent-black-600-rgb),
var(--spectrum-transparent-black-600-opacity)
);
--spectrum-transparent-black-700-rgb: 0, 0, 0;
--spectrum-transparent-black-700-opacity: 0.69;
--spectrum-transparent-black-700: rgba(
var(--spectrum-transparent-black-700-rgb),
var(--spectrum-transparent-black-700-opacity)
);
--spectrum-transparent-black-800-rgb: 0, 0, 0;
--spectrum-transparent-black-800-opacity: 0.84;
--spectrum-transparent-black-800: rgba(
var(--spectrum-transparent-black-800-rgb),
var(--spectrum-transparent-black-800-opacity)
);
--spectrum-transparent-black-900-rgb: 0, 0, 0;
--spectrum-transparent-black-900-opacity: 0.93;
--spectrum-transparent-black-900: rgba(
var(--spectrum-transparent-black-900-rgb),
var(--spectrum-transparent-black-900-opacity)
);
--spectrum-gray-25-rgb: 17, 17, 17;
--spectrum-gray-25: rgba(var(--spectrum-gray-25-rgb));
--spectrum-gray-50-rgb: 27, 27, 27;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
--spectrum-gray-75-rgb: 34, 34, 34;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
--spectrum-gray-100-rgb: 44, 44, 44;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
--spectrum-gray-200-rgb: 50, 50, 50;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
--spectrum-gray-300-rgb: 57, 57, 57;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
--spectrum-gray-400-rgb: 68, 68, 68;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
--spectrum-gray-500-rgb: 109, 109, 109;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
--spectrum-gray-600-rgb: 138, 138, 138;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
--spectrum-gray-700-rgb: 175, 175, 175;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
--spectrum-gray-800-rgb: 219, 219, 219;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
--spectrum-gray-900-rgb: 242, 242, 242;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
--spectrum-gray-1000-rgb: 255, 255, 255;
--spectrum-gray-1000: rgba(var(--spectrum-gray-1000-rgb));
--spectrum-blue-100-rgb: 14, 23, 63;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
--spectrum-blue-200-rgb: 15, 28, 82;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
--spectrum-blue-300-rgb: 12, 33, 117;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
--spectrum-blue-400-rgb: 18, 45, 154;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
--spectrum-blue-500-rgb: 26, 58, 195;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
--spectrum-blue-600-rgb: 37, 73, 229;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
--spectrum-blue-700-rgb: 52, 91, 248;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
--spectrum-blue-800-rgb: 64, 105, 253;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
--spectrum-blue-900-rgb: 86, 129, 255;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
--spectrum-blue-1000-rgb: 105, 149, 254;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
--spectrum-blue-1100-rgb: 124, 169, 252;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
--spectrum-blue-1200-rgb: 152, 192, 252;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
--spectrum-blue-1300-rgb: 181, 213, 253;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
--spectrum-blue-1400-rgb: 213, 231, 254;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
--spectrum-blue-1500-rgb: 238, 245, 255;
--spectrum-blue-1500: rgba(var(--spectrum-blue-1500-rgb));
--spectrum-blue-1600-rgb: 255, 255, 255;
--spectrum-blue-1600: rgba(var(--spectrum-blue-1600-rgb));
--spectrum-red-100-rgb: 54, 10, 3;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
--spectrum-red-200-rgb: 68, 13, 5;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
--spectrum-red-300-rgb: 87, 17, 7;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
--spectrum-red-400-rgb: 115, 24, 11;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
--spectrum-red-500-rgb: 147, 31, 17;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
--spectrum-red-600-rgb: 177, 38, 23;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
--spectrum-red-700-rgb: 205, 46, 29;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
--spectrum-red-800-rgb: 223, 52, 34;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
--spectrum-red-900-rgb: 252, 67, 46;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
--spectrum-red-1000-rgb: 255, 103, 86;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
--spectrum-red-1100-rgb: 255, 134, 120;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
--spectrum-red-1200-rgb: 255, 167, 157;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
--spectrum-red-1300-rgb: 255, 196, 189;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
--spectrum-red-1400-rgb: 255, 222, 219;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
--spectrum-red-1500-rgb: 255, 242, 240;
--spectrum-red-1500: rgba(var(--spectrum-red-1500-rgb));
--spectrum-red-1600-rgb: 255, 255, 255;
--spectrum-red-1600: rgba(var(--spectrum-red-1600-rgb));
--spectrum-orange-100-rgb: 49, 16, 0;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
--spectrum-orange-200-rgb: 61, 21, 0;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
--spectrum-orange-300-rgb: 80, 27, 0;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
--spectrum-orange-400-rgb: 106, 36, 0;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
--spectrum-orange-500-rgb: 135, 47, 0;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
--spectrum-orange-600-rgb: 162, 59, 0;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
--spectrum-orange-700-rgb: 185, 73, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
--spectrum-orange-800-rgb: 199, 82, 0;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
--spectrum-orange-900-rgb: 224, 100, 0;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
--spectrum-orange-1000-rgb: 243, 117, 0;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
--spectrum-orange-1100-rgb: 255, 137, 0;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
--spectrum-orange-1200-rgb: 255, 173, 45;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
--spectrum-orange-1300-rgb: 255, 201, 116;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
--spectrum-orange-1400-rgb: 255, 225, 178;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
--spectrum-orange-1500-rgb: 255, 243, 225;
--spectrum-orange-1500: rgba(var(--spectrum-orange-1500-rgb));
--spectrum-orange-1600-rgb: 255, 255, 255;
--spectrum-orange-1600: rgba(var(--spectrum-orange-1600-rgb));
--spectrum-yellow-100-rgb: 37, 23, 0;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
--spectrum-yellow-200-rgb: 47, 29, 0;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
--spectrum-yellow-300-rgb: 61, 39, 0;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
--spectrum-yellow-400-rgb: 83, 52, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
--spectrum-yellow-500-rgb: 107, 67, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
--spectrum-yellow-600-rgb: 130, 82, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
--spectrum-yellow-700-rgb: 151, 97, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
--spectrum-yellow-800-rgb: 164, 106, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
--spectrum-yellow-900-rgb: 186, 124, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
--spectrum-yellow-1000-rgb: 203, 141, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
--spectrum-yellow-1100-rgb: 218, 159, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
--spectrum-yellow-1200-rgb: 235, 183, 0;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
--spectrum-yellow-1300-rgb: 249, 206, 0;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
--spectrum-yellow-1400-rgb: 255, 230, 86;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
--spectrum-yellow-1500-rgb: 255, 246, 195;
--spectrum-yellow-1500: rgba(var(--spectrum-yellow-1500-rgb));
--spectrum-yellow-1600-rgb: 255, 255, 255;
--spectrum-yellow-1600: rgba(var(--spectrum-yellow-1600-rgb));
--spectrum-chartreuse-100-rgb: 23, 28, 0;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
--spectrum-chartreuse-200-rgb: 30, 36, 0;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
--spectrum-chartreuse-300-rgb: 39, 47, 0;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
--spectrum-chartreuse-400-rgb: 53, 63, 0;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
--spectrum-chartreuse-500-rgb: 68, 82, 0;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
--spectrum-chartreuse-600-rgb: 83, 100, 0;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
--spectrum-chartreuse-700-rgb: 97, 116, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
--spectrum-chartreuse-800-rgb: 106, 127, 0;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
--spectrum-chartreuse-900-rgb: 122, 147, 0;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
--spectrum-chartreuse-1000-rgb: 136, 164, 0;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
--spectrum-chartreuse-1100-rgb: 151, 181, 0;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
--spectrum-chartreuse-1200-rgb: 169, 203, 0;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
--spectrum-chartreuse-1300-rgb: 187, 225, 0;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
--spectrum-chartreuse-1400-rgb: 219, 240, 117;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
--spectrum-chartreuse-1500-rgb: 242, 249, 206;
--spectrum-chartreuse-1500: rgba(var(--spectrum-chartreuse-1500-rgb));
--spectrum-chartreuse-1600-rgb: 255, 255, 255;
--spectrum-chartreuse-1600: rgba(var(--spectrum-chartreuse-1600-rgb));
--spectrum-celery-100-rgb: 11, 31, 0;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
--spectrum-celery-200-rgb: 15, 38, 0;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
--spectrum-celery-300-rgb: 21, 51, 1;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
--spectrum-celery-400-rgb: 31, 67, 4;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
--spectrum-celery-500-rgb: 41, 86, 8;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
--spectrum-celery-600-rgb: 50, 105, 11;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
--spectrum-celery-700-rgb: 60, 122, 15;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
--spectrum-celery-800-rgb: 66, 134, 18;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
--spectrum-celery-900-rgb: 78, 154, 23;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
--spectrum-celery-1000-rgb: 88, 172, 28;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
--spectrum-celery-1100-rgb: 100, 190, 35;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
--spectrum-celery-1200-rgb: 116, 213, 46;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
--spectrum-celery-1300-rgb: 136, 234, 65;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
--spectrum-celery-1400-rgb: 170, 251, 112;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
--spectrum-celery-1500-rgb: 222, 255, 198;
--spectrum-celery-1500: rgba(var(--spectrum-celery-1500-rgb));
--spectrum-celery-1600-rgb: 255, 255, 255;
--spectrum-celery-1600: rgba(var(--spectrum-celery-1600-rgb));
--spectrum-green-100-rgb: 0, 30, 23;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
--spectrum-green-200-rgb: 0, 38, 29;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
--spectrum-green-300-rgb: 0, 51, 38;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
--spectrum-green-400-rgb: 0, 68, 48;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
--spectrum-green-500-rgb: 2, 87, 58;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
--spectrum-green-600-rgb: 3, 106, 67;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
--spectrum-green-700-rgb: 4, 124, 75;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
--spectrum-green-800-rgb: 6, 136, 80;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
--spectrum-green-900-rgb: 9, 157, 89;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
--spectrum-green-1000-rgb: 14, 175, 98;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
--spectrum-green-1100-rgb: 24, 193, 110;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
--spectrum-green-1200-rgb: 57, 215, 134;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
--spectrum-green-1300-rgb: 126, 231, 172;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
--spectrum-green-1400-rgb: 189, 241, 208;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
--spectrum-green-1500-rgb: 229, 250, 236;
--spectrum-green-1500: rgba(var(--spectrum-green-1500-rgb));
--spectrum-green-1600-rgb: 255, 255, 255;
--spectrum-green-1600: rgba(var(--spectrum-green-1600-rgb));
--spectrum-seafoam-100-rgb: 0, 30, 27;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
--spectrum-seafoam-200-rgb: 0, 39, 35;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
--spectrum-seafoam-300-rgb: 0, 50, 44;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
--spectrum-seafoam-400-rgb: 0, 67, 59;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
--spectrum-seafoam-500-rgb: 2, 86, 75;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
--spectrum-seafoam-600-rgb: 4, 105, 89;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
--spectrum-seafoam-700-rgb: 6, 122, 103;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
--spectrum-seafoam-800-rgb: 8, 134, 112;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
--spectrum-seafoam-900-rgb: 10, 154, 128;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
--spectrum-seafoam-1000-rgb: 12, 173, 142;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
--spectrum-seafoam-1100-rgb: 14, 190, 156;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
--spectrum-seafoam-1200-rgb: 29, 214, 176;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
--spectrum-seafoam-1300-rgb: 122, 229, 203;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
--spectrum-seafoam-1400-rgb: 186, 241, 222;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
--spectrum-seafoam-1500-rgb: 229, 249, 243;
--spectrum-seafoam-1500: rgba(var(--spectrum-seafoam-1500-rgb));
--spectrum-seafoam-1600-rgb: 255, 255, 255;
--spectrum-seafoam-1600: rgba(var(--spectrum-seafoam-1600-rgb));
--spectrum-cyan-100-rgb: 0, 29, 39;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
--spectrum-cyan-200-rgb: 0, 36, 49;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
--spectrum-cyan-300-rgb: 0, 48, 65;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
--spectrum-cyan-400-rgb: 0, 64, 88;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
--spectrum-cyan-500-rgb: 0, 82, 113;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
--spectrum-cyan-600-rgb: 3, 99, 140;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
--spectrum-cyan-700-rgb: 8, 115, 168;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
--spectrum-cyan-800-rgb: 13, 125, 186;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
--spectrum-cyan-900-rgb: 24, 142, 220;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
--spectrum-cyan-1000-rgb: 38, 159, 244;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
--spectrum-cyan-1100-rgb: 63, 177, 255;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
--spectrum-cyan-1200-rgb: 107, 199, 255;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
--spectrum-cyan-1300-rgb: 152, 219, 255;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
--spectrum-cyan-1400-rgb: 195, 236, 252;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
--spectrum-cyan-1500-rgb: 230, 248, 253;
--spectrum-cyan-1500: rgba(var(--spectrum-cyan-1500-rgb));
--spectrum-cyan-1600-rgb: 255, 255, 255;
--spectrum-cyan-1600: rgba(var(--spectrum-cyan-1600-rgb));
--spectrum-indigo-100-rgb: 30, 0, 93;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
--spectrum-indigo-200-rgb: 35, 0, 110;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
--spectrum-indigo-300-rgb: 47, 0, 140;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
--spectrum-indigo-400-rgb: 62, 12, 174;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
--spectrum-indigo-500-rgb: 79, 30, 209;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
--spectrum-indigo-600-rgb: 95, 52, 235;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
--spectrum-indigo-700-rgb: 109, 75, 248;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
--spectrum-indigo-800-rgb: 116, 91, 252;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
--spectrum-indigo-900-rgb: 128, 119, 254;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
--spectrum-indigo-1000-rgb: 139, 141, 254;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
--spectrum-indigo-1100-rgb: 153, 161, 255;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
--spectrum-indigo-1200-rgb: 176, 186, 255;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
--spectrum-indigo-1300-rgb: 199, 208, 255;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
--spectrum-indigo-1400-rgb: 223, 228, 255;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
--spectrum-indigo-1500-rgb: 243, 244, 255;
--spectrum-indigo-1500: rgba(var(--spectrum-indigo-1500-rgb));
--spectrum-indigo-1600-rgb: 255, 255, 255;
--spectrum-indigo-1600: rgba(var(--spectrum-indigo-1600-rgb));
--spectrum-purple-100-rgb: 41, 0, 79;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
--spectrum-purple-200-rgb: 50, 0, 96;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
--spectrum-purple-300-rgb: 64, 0, 122;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
--spectrum-purple-400-rgb: 83, 0, 159;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
--spectrum-purple-500-rgb: 107, 6, 195;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
--spectrum-purple-600-rgb: 130, 34, 215;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
--spectrum-purple-700-rgb: 148, 62, 224;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
--spectrum-purple-800-rgb: 157, 78, 228;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
--spectrum-purple-900-rgb: 173, 105, 233;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
--spectrum-purple-1000-rgb: 186, 127, 237;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
--spectrum-purple-1100-rgb: 197, 149, 240;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
--spectrum-purple-1200-rgb: 212, 176, 244;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
--spectrum-purple-1300-rgb: 225, 201, 247;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
--spectrum-purple-1400-rgb: 238, 224, 250;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
--spectrum-purple-1500-rgb: 248, 243, 253;
--spectrum-purple-1500: rgba(var(--spectrum-purple-1500-rgb));
--spectrum-purple-1600-rgb: 255, 255, 255;
--spectrum-purple-1600: rgba(var(--spectrum-purple-1600-rgb));
--spectrum-fuchsia-100-rgb: 50, 0, 61;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
--spectrum-fuchsia-200-rgb: 61, 0, 74;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
--spectrum-fuchsia-300-rgb: 79, 0, 95;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
--spectrum-fuchsia-400-rgb: 102, 9, 120;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
--spectrum-fuchsia-500-rgb: 127, 23, 146;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
--spectrum-fuchsia-600-rgb: 151, 38, 170;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
--spectrum-fuchsia-700-rgb: 173, 51, 192;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
--spectrum-fuchsia-800-rgb: 186, 60, 206;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
--spectrum-fuchsia-900-rgb: 213, 73, 235;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
--spectrum-fuchsia-1000-rgb: 232, 91, 253;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
--spectrum-fuchsia-1100-rgb: 240, 122, 255;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
--spectrum-fuchsia-1200-rgb: 245, 159, 255;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
--spectrum-fuchsia-1300-rgb: 248, 191, 255;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
--spectrum-fuchsia-1400-rgb: 251, 219, 255;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
--spectrum-fuchsia-1500-rgb: 253, 241, 255;
--spectrum-fuchsia-1500: rgba(var(--spectrum-fuchsia-1500-rgb));
--spectrum-fuchsia-1600-rgb: 255, 255, 255;
--spectrum-fuchsia-1600: rgba(var(--spectrum-fuchsia-1600-rgb));
--spectrum-magenta-100-rgb: 59, 0, 22;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
--spectrum-magenta-200-rgb: 74, 0, 27;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
--spectrum-magenta-300-rgb: 93, 0, 34;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
--spectrum-magenta-400-rgb: 123, 0, 45;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
--spectrum-magenta-500-rgb: 152, 7, 60;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
--spectrum-magenta-600-rgb: 181, 19, 76;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
--spectrum-magenta-700-rgb: 207, 31, 92;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
--spectrum-magenta-800-rgb: 224, 38, 101;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
--spectrum-magenta-900-rgb: 255, 51, 119;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
--spectrum-magenta-1000-rgb: 255, 96, 149;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
--spectrum-magenta-1100-rgb: 255, 128, 171;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
--spectrum-magenta-1200-rgb: 255, 163, 194;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
--spectrum-magenta-1300-rgb: 255, 193, 214;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
--spectrum-magenta-1400-rgb: 255, 220, 232;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
--spectrum-magenta-1500-rgb: 255, 241, 246;
--spectrum-magenta-1500: rgba(var(--spectrum-magenta-1500-rgb));
--spectrum-magenta-1600-rgb: 255, 255, 255;
--spectrum-magenta-1600: rgba(var(--spectrum-magenta-1600-rgb));
--spectrum-pink-100-rgb: 58, 0, 37;
--spectrum-pink-100: rgba(var(--spectrum-pink-100-rgb));
--spectrum-pink-200-rgb: 71, 0, 44;
--spectrum-pink-200: rgba(var(--spectrum-pink-200-rgb));
--spectrum-pink-300-rgb: 90, 0, 57;
--spectrum-pink-300: rgba(var(--spectrum-pink-300-rgb));
--spectrum-pink-400-rgb: 115, 7, 75;
--spectrum-pink-400: rgba(var(--spectrum-pink-400-rgb));
--spectrum-pink-500-rgb: 143, 18, 97;
--spectrum-pink-500: rgba(var(--spectrum-pink-500-rgb));
--spectrum-pink-600-rgb: 171, 29, 119;
--spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
--spectrum-pink-700-rgb: 196, 39, 138;
--spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
--spectrum-pink-800-rgb: 213, 45, 151;
--spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
--spectrum-pink-900-rgb: 236, 67, 175;
--spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
--spectrum-pink-1000-rgb: 251, 90, 196;
--spectrum-pink-1000: rgba(var(--spectrum-pink-1000-rgb));
--spectrum-pink-1100-rgb: 255, 122, 210;
--spectrum-pink-1100: rgba(var(--spectrum-pink-1100-rgb));
--spectrum-pink-1200-rgb: 255, 159, 223;
--spectrum-pink-1200: rgba(var(--spectrum-pink-1200-rgb));
--spectrum-pink-1300-rgb: 255, 191, 234;
--spectrum-pink-1300: rgba(var(--spectrum-pink-1300-rgb));
--spectrum-pink-1400-rgb: 255, 219, 243;
--spectrum-pink-1400: rgba(var(--spectrum-pink-1400-rgb));
--spectrum-pink-1500-rgb: 255, 241, 250;
--spectrum-pink-1500: rgba(var(--spectrum-pink-1500-rgb));
--spectrum-pink-1600-rgb: 255, 255, 255;
--spectrum-pink-1600: rgba(var(--spectrum-pink-1600-rgb));
--spectrum-turquoise-100-rgb: 0, 30, 33;
--spectrum-turquoise-100: rgba(var(--spectrum-turquoise-100-rgb));
--spectrum-turquoise-200-rgb: 0, 37, 41;
--spectrum-turquoise-200: rgba(var(--spectrum-turquoise-200-rgb));
--spectrum-turquoise-300-rgb: 0, 49, 54;
--spectrum-turquoise-300: rgba(var(--spectrum-turquoise-300-rgb));
--spectrum-turquoise-400-rgb: 0, 66, 72;
--spectrum-turquoise-400: rgba(var(--spectrum-turquoise-400-rgb));
--spectrum-turquoise-500-rgb: 3, 84, 92;
--spectrum-turquoise-500: rgba(var(--spectrum-turquoise-500-rgb));
--spectrum-turquoise-600-rgb: 5, 103, 112;
--spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
--spectrum-turquoise-700-rgb: 7, 120, 131;
--spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
--spectrum-turquoise-800-rgb: 9, 131, 142;
--spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
--spectrum-turquoise-900-rgb: 11, 151, 164;
--spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
--spectrum-turquoise-1000-rgb: 13, 168, 182;
--spectrum-turquoise-1000: rgba(var(--spectrum-turquoise-1000-rgb));
--spectrum-turquoise-1100-rgb: 16, 186, 202;
--spectrum-turquoise-1100: rgba(var(--spectrum-turquoise-1100-rgb));
--spectrum-turquoise-1200-rgb: 64, 208, 220;
--spectrum-turquoise-1200: rgba(var(--spectrum-turquoise-1200-rgb));
--spectrum-turquoise-1300-rgb: 128, 225, 231;
--spectrum-turquoise-1300: rgba(var(--spectrum-turquoise-1300-rgb));
--spectrum-turquoise-1400-rgb: 183, 240, 240;
--spectrum-turquoise-1400: rgba(var(--spectrum-turquoise-1400-rgb));
--spectrum-turquoise-1500-rgb: 228, 249, 249;
--spectrum-turquoise-1500: rgba(var(--spectrum-turquoise-1500-rgb));
--spectrum-turquoise-1600-rgb: 255, 255, 255;
--spectrum-turquoise-1600: rgba(var(--spectrum-turquoise-1600-rgb));
--spectrum-brown-100-rgb: 35, 24, 8;
--spectrum-brown-100: rgba(var(--spectrum-brown-100-rgb));
--spectrum-brown-200-rgb: 44, 31, 11;
--spectrum-brown-200: rgba(var(--spectrum-brown-200-rgb));
--spectrum-brown-300-rgb: 58, 40, 14;
--spectrum-brown-300: rgba(var(--spectrum-brown-300-rgb));
--spectrum-brown-400-rgb: 78, 55, 19;
--spectrum-brown-400: rgba(var(--spectrum-brown-400-rgb));
--spectrum-brown-500-rgb: 98, 71, 30;
--spectrum-brown-500: rgba(var(--spectrum-brown-500-rgb));
--spectrum-brown-600-rgb: 115, 88, 47;
--spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
--spectrum-brown-700-rgb: 132, 104, 61;
--spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
--spectrum-brown-800-rgb: 143, 114, 69;
--spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
--spectrum-brown-900-rgb: 163, 132, 84;
--spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
--spectrum-brown-1000-rgb: 181, 147, 98;
--spectrum-brown-1000: rgba(var(--spectrum-brown-1000-rgb));
--spectrum-brown-1100-rgb: 199, 163, 112;
--spectrum-brown-1100: rgba(var(--spectrum-brown-1100-rgb));
--spectrum-brown-1200-rgb: 222, 185, 130;
--spectrum-brown-1200: rgba(var(--spectrum-brown-1200-rgb));
--spectrum-brown-1300-rgb: 232, 207, 169;
--spectrum-brown-1300: rgba(var(--spectrum-brown-1300-rgb));
--spectrum-brown-1400-rgb: 242, 227, 206;
--spectrum-brown-1400: rgba(var(--spectrum-brown-1400-rgb));
--spectrum-brown-1500-rgb: 250, 244, 236;
--spectrum-brown-1500: rgba(var(--spectrum-brown-1500-rgb));
--spectrum-brown-1600-rgb: 255, 255, 255;
--spectrum-brown-1600: rgba(var(--spectrum-brown-1600-rgb));
--spectrum-silver-100-rgb: 26, 26, 26;
--spectrum-silver-100: rgba(var(--spectrum-silver-100-rgb));
--spectrum-silver-200-rgb: 33, 33, 33;
--spectrum-silver-200: rgba(var(--spectrum-silver-200-rgb));
--spectrum-silver-300-rgb: 44, 44, 44;
--spectrum-silver-300: rgba(var(--spectrum-silver-300-rgb));
--spectrum-silver-400-rgb: 59, 59, 59;
--spectrum-silver-400: rgba(var(--spectrum-silver-400-rgb));
--spectrum-silver-500-rgb: 76, 76, 76;
--spectrum-silver-500: rgba(var(--spectrum-silver-500-rgb));
--spectrum-silver-600-rgb: 92, 92, 92;
--spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
--spectrum-silver-700-rgb: 108, 108, 108;
--spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
--spectrum-silver-800-rgb: 118, 118, 118;
--spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
--spectrum-silver-900-rgb: 137, 137, 137;
--spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
--spectrum-silver-1000-rgb: 152, 152, 152;
--spectrum-silver-1000: rgba(var(--spectrum-silver-1000-rgb));
--spectrum-silver-1100-rgb: 169, 169, 169;
--spectrum-silver-1100: rgba(var(--spectrum-silver-1100-rgb));
--spectrum-silver-1200-rgb: 190, 190, 190;
--spectrum-silver-1200: rgba(var(--spectrum-silver-1200-rgb));
--spectrum-silver-1300-rgb: 211, 211, 211;
--spectrum-silver-1300: rgba(var(--spectrum-silver-1300-rgb));
--spectrum-silver-1400-rgb: 229, 229, 229;
--spectrum-silver-1400: rgba(var(--spectrum-silver-1400-rgb));
--spectrum-silver-1500-rgb: 244, 244, 244;
--spectrum-silver-1500: rgba(var(--spectrum-silver-1500-rgb));
--spectrum-silver-1600-rgb: 255, 255, 255;
--spectrum-silver-1600: rgba(var(--spectrum-silver-1600-rgb));
--spectrum-cinnamon-100-rgb: 48, 17, 4;
--spectrum-cinnamon-100: rgba(var(--spectrum-cinnamon-100-rgb));
--spectrum-cinnamon-200-rgb: 59, 21, 5;
--spectrum-cinnamon-200: rgba(var(--spectrum-cinnamon-200-rgb));
--spectrum-cinnamon-300-rgb: 79, 28, 7;
--spectrum-cinnamon-300: rgba(var(--spectrum-cinnamon-300-rgb));
--spectrum-cinnamon-400-rgb: 100, 41, 15;
--spectrum-cinnamon-400: rgba(var(--spectrum-cinnamon-400-rgb));
--spectrum-cinnamon-500-rgb: 122, 57, 28;
--spectrum-cinnamon-500: rgba(var(--spectrum-cinnamon-500-rgb));
--spectrum-cinnamon-600-rgb: 143, 74, 40;
--spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
--spectrum-cinnamon-700-rgb: 163, 88, 52;
--spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
--spectrum-cinnamon-800-rgb: 176, 98, 59;
--spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
--spectrum-cinnamon-900-rgb: 192, 119, 80;
--spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
--spectrum-cinnamon-1000-rgb: 206, 136, 99;
--spectrum-cinnamon-1000: rgba(var(--spectrum-cinnamon-1000-rgb));
--spectrum-cinnamon-1100-rgb: 220, 154, 118;
--spectrum-cinnamon-1100: rgba(var(--spectrum-cinnamon-1100-rgb));
--spectrum-cinnamon-1200-rgb: 232, 179, 149;
--spectrum-cinnamon-1200: rgba(var(--spectrum-cinnamon-1200-rgb));
--spectrum-cinnamon-1300-rgb: 239, 203, 183;
--spectrum-cinnamon-1300: rgba(var(--spectrum-cinnamon-1300-rgb));
--spectrum-cinnamon-1400-rgb: 246, 225, 214;
--spectrum-cinnamon-1400: rgba(var(--spectrum-cinnamon-1400-rgb));
--spectrum-cinnamon-1500-rgb: 252, 244, 239;
--spectrum-cinnamon-1500: rgba(var(--spectrum-cinnamon-1500-rgb));
--spectrum-cinnamon-1600-rgb: 255, 255, 255;
--spectrum-cinnamon-1600: rgba(var(--spectrum-cinnamon-1600-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
--spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
--spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
--spectrum-negative-subdued-background-color-default: var(
--spectrum-negative-subtle-background-color-default
);
--spectrum-accent-subtle-background-color-default: var(
--spectrum-accent-color-300
);
--spectrum-informative-subtle-background-color-default: var(
--spectrum-informative-color-300
);
--spectrum-positive-subtle-background-color-default: var(
--spectrum-positive-color-300
);
--spectrum-notice-subtle-background-color-default: var(
--spectrum-notice-color-300
);
--spectrum-negative-subtle-background-color-default: var(
--spectrum-negative-color-300
);
--color-scheme: dark;
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
--spectrum-blue-800
);
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
--spectrum-assetlist-item-background-color-selected-hover: rgba(
var(--spectrum-blue-800-rgb),
0.25
);
--spectrum-assetlist-item-background-color-selected: rgba(
var(--spectrum-blue-800-rgb),
0.15
);
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
--spectrum-calendar-day-background-color-selected: rgba(
var(--spectrum-blue-800-rgb),
0.15
);
--spectrum-calendar-day-background-color-hover: rgba(
var(--spectrum-white-rgb),
0.07
);
--spectrum-calendar-day-today-background-color-selected-hover: rgba(
var(--spectrum-blue-800-rgb),
0.2