/* @spectrum-css/tokens@v16.0.2 */ /*! * Copyright 2024 Adobe. All rights reserved. * * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ .spectrum { --spectrum-black-rgb: 0, 0, 0; --spectrum-black: rgb(var(--spectrum-black-rgb)); /* border radius */ --spectrum-corner-radius-0: 0px; --spectrum-corner-radius-75: 4px; --spectrum-corner-radius-100: 8px; --spectrum-corner-radius-200: 10px; --spectrum-corner-radius-300: 6px; --spectrum-corner-radius-400: 7px; --spectrum-corner-radius-500: 8px; --spectrum-corner-radius-600: 9px; --spectrum-corner-radius-700: 10px; --spectrum-corner-radius-800: 16px; /* spacing */ --spectrum-spacing-50: 2px; --spectrum-spacing-75: 4px; --spectrum-spacing-100: 8px; --spectrum-spacing-200: 12px; --spectrum-spacing-300: 16px; --spectrum-spacing-400: 24px; --spectrum-spacing-500: 32px; --spectrum-spacing-600: 40px; --spectrum-spacing-700: 48px; --spectrum-spacing-800: 64px; --spectrum-spacing-900: 80px; --spectrum-spacing-1000: 96px; /* border width */ --spectrum-border-width-100: 1px; --spectrum-border-width-200: 2px; --spectrum-border-width-400: 4px; /* font weight */ --spectrum-light-font-weight: 300; --spectrum-regular-font-weight: 400; --spectrum-medium-font-weight: 500; --spectrum-bold-font-weight: 700; --spectrum-extra-bold-font-weight: 800; --spectrum-black-font-weight: 900; /* font style */ --spectrum-italic-font-style: italic; --spectrum-default-font-style: normal; /* line height */ --spectrum-line-height-100: 1.3; --spectrum-line-height-200: 1.5; /* heading font size */ --spectrum-heading-size-xxxl: var(--spectrum-font-size-1200); --spectrum-heading-size-xxl: var(--spectrum-font-size-1000); --spectrum-heading-size-xl: var(--spectrum-font-size-900); --spectrum-heading-size-l: var(--spectrum-font-size-700); --spectrum-heading-size-m: var(--spectrum-font-size-500); --spectrum-heading-size-s: var(--spectrum-font-size-300); --spectrum-heading-size-xs: var(--spectrum-font-size-200); --spectrum-heading-size-xxs: var(--spectrum-font-size-100); /* body font size */ --spectrum-body-size-xxxl: var(--spectrum-font-size-600); --spectrum-body-size-xxl: var(--spectrum-font-size-500); --spectrum-body-size-xl: var(--spectrum-font-size-400); --spectrum-body-size-l: var(--spectrum-font-size-300); --spectrum-body-size-m: var(--spectrum-font-size-200); --spectrum-body-size-s: var(--spectrum-font-size-100); --spectrum-body-size-xs: var(--spectrum-font-size-75); /* animation */ --spectrum-animation-duration-100: 130ms; --spectrum-animation-duration-200: 160ms; --spectrum-animation-duration-400: 220ms; --spectrum-animation-duration-600: 300ms; --spectrum-animation-linear: cubic-bezier(0, 0, 1, 1); --spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1); --spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1); --spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1); --spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1); /* stylelint-disable value-keyword-case -- typography names should use their appropriate cases */ --spectrum-sans-serif-font-family: adobe clean; --spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif; --spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack); --spectrum-code-font-family-stack: 'Source Code Pro', Monaco, monospace; } .spectrum--large { --spectrum-component-height-50: 26px; --spectrum-component-height-75: 30px; --spectrum-component-height-100: 40px; --spectrum-component-height-200: 50px; --spectrum-component-height-300: 60px; --spectrum-component-height-400: 70px; --spectrum-component-height-500: 80px; --spectrum-progress-bar-thickness-small: 5px; --spectrum-progress-bar-thickness-medium: 8px; --spectrum-progress-bar-thickness-large: 10px; --spectrum-progress-bar-thickness-extra-large: 13px; --spectrum-thumbnail-size-50: 20px; --spectrum-thumbnail-size-75: 22px; --spectrum-thumbnail-size-100: 26px; --spectrum-thumbnail-size-200: 28px; --spectrum-thumbnail-size-300: 32px; --spectrum-thumbnail-size-400: 36px; --spectrum-thumbnail-size-500: 40px; --spectrum-thumbnail-size-600: 46px; --spectrum-thumbnail-size-700: 50px; --spectrum-thumbnail-size-800: 55px; --spectrum-thumbnail-size-900: 62px; --spectrum-thumbnail-size-1000: 70px; --spectrum-avatar-size-50: 20px; --spectrum-avatar-size-75: 22px; --spectrum-avatar-size-100: 26px; --spectrum-avatar-size-200: 28px; --spectrum-avatar-size-300: 32px; --spectrum-avatar-size-400: 36px; --spectrum-avatar-size-500: 40px; --spectrum-avatar-size-600: 46px; --spectrum-avatar-size-700: 50px; /* font size */ --spectrum-font-size-75: 15px; --spectrum-font-size-100: 17px; --spectrum-font-size-200: 19px; --spectrum-font-size-300: 22px; --spectrum-font-size-400: 24px; --spectrum-font-size-500: 27px; --spectrum-font-size-600: 31px; --spectrum-font-size-700: 34px; --spectrum-font-size-800: 39px; --spectrum-font-size-900: 44px; --spectrum-font-size-1000: 49px; --spectrum-font-size-1100: 55px; --spectrum-font-size-1200: 62px; --spectrum-font-size-1300: 70px; /* stylelint-disable-next-line custom-property-pattern -- context identification */ --scale: large; } .spectrum--light { --spectrum-white-rgb: 255, 255, 255; --spectrum-white: rgb(var(--spectrum-white-rgb)); /* colors */ --spectrum-gray-25-rgb: 255, 255, 255; --spectrum-gray-25: rgb(var(--spectrum-gray-25-rgb)); --spectrum-gray-50-rgb: 248, 248, 248; --spectrum-gray-50: rgb(var(--spectrum-gray-50-rgb)); --spectrum-gray-75-rgb: 243, 243, 243; --spectrum-gray-75: rgb(var(--spectrum-gray-75-rgb)); --spectrum-gray-100-rgb: 233, 233, 233; --spectrum-gray-100: rgb(var(--spectrum-gray-100-rgb)); --spectrum-gray-200-rgb: 225, 225, 225; --spectrum-gray-200: rgb(var(--spectrum-gray-200-rgb)); --spectrum-gray-300-rgb: 218, 218, 218; --spectrum-gray-300: rgb(var(--spectrum-gray-300-rgb)); --spectrum-gray-400-rgb: 198, 198, 198; --spectrum-gray-400: rgb(var(--spectrum-gray-400-rgb)); --spectrum-gray-500-rgb: 143, 143, 143; --spectrum-gray-500: rgb(var(--spectrum-gray-500-rgb)); --spectrum-gray-600-rgb: 113, 113, 113; --spectrum-gray-600: rgb(var(--spectrum-gray-600-rgb)); --spectrum-gray-700-rgb: 80, 80, 80; --spectrum-gray-700: rgb(var(--spectrum-gray-700-rgb)); --spectrum-gray-800-rgb: 41, 41, 41; --spectrum-gray-800: rgb(var(--spectrum-gray-800-rgb)); --spectrum-gray-900-rgb: 19, 19, 19; --spectrum-gray-900: rgb(var(--spectrum-gray-900-rgb)); --spectrum-gray-1000-rgb: 0, 0, 0; --spectrum-gray-1000: rgb(var(--spectrum-gray-1000-rgb)); --spectrum-blue-100-rgb: 245, 249, 255; --spectrum-blue-100: rgb(var(--spectrum-blue-100-rgb)); --spectrum-blue-200-rgb: 229, 240, 254; --spectrum-blue-200: rgb(var(--spectrum-blue-200-rgb)); --spectrum-blue-300-rgb: 203, 226, 254; --spectrum-blue-300: rgb(var(--spectrum-blue-300-rgb)); --spectrum-blue-400-rgb: 172, 207, 253; --spectrum-blue-400: rgb(var(--spectrum-blue-400-rgb)); --spectrum-blue-500-rgb: 142, 185, 252; --spectrum-blue-500: rgb(var(--spectrum-blue-500-rgb)); --spectrum-blue-600-rgb: 114, 158, 253; --spectrum-blue-600: rgb(var(--spectrum-blue-600-rgb)); --spectrum-blue-700-rgb: 93, 137, 255; --spectrum-blue-700: rgb(var(--spectrum-blue-700-rgb)); --spectrum-blue-800-rgb: 75, 117, 255; --spectrum-blue-800: rgb(var(--spectrum-blue-800-rgb)); --spectrum-blue-900-rgb: 59, 99, 251; --spectrum-blue-900: rgb(var(--spectrum-blue-900-rgb)); --spectrum-blue-1000-rgb: 39, 77, 234; --spectrum-blue-1000: rgb(var(--spectrum-blue-1000-rgb)); --spectrum-blue-1100-rgb: 29, 62, 207; --spectrum-blue-1100: rgb(var(--spectrum-blue-1100-rgb)); --spectrum-blue-1200-rgb: 21, 50, 173; --spectrum-blue-1200: rgb(var(--spectrum-blue-1200-rgb)); --spectrum-blue-1300-rgb: 16, 40, 140; --spectrum-blue-1300: rgb(var(--spectrum-blue-1300-rgb)); --spectrum-blue-1400-rgb: 12, 31, 105; --spectrum-blue-1400: rgb(var(--spectrum-blue-1400-rgb)); --spectrum-blue-1500-rgb: 14, 24, 67; --spectrum-blue-1500: rgb(var(--spectrum-blue-1500-rgb)); --spectrum-blue-1600-rgb: 7, 11, 30; --spectrum-blue-1600: rgb(var(--spectrum-blue-1600-rgb)); --spectrum-red-100-rgb: 255, 246, 245; --spectrum-red-100: rgb(var(--spectrum-red-100-rgb)); --spectrum-red-200-rgb: 255, 235, 232; --spectrum-red-200: rgb(var(--spectrum-red-200-rgb)); --spectrum-red-300-rgb: 255, 214, 209; --spectrum-red-300: rgb(var(--spectrum-red-300-rgb)); --spectrum-red-400-rgb: 255, 188, 180; --spectrum-red-400: rgb(var(--spectrum-red-400-rgb)); --spectrum-red-500-rgb: 255, 157, 145; --spectrum-red-500: rgb(var(--spectrum-red-500-rgb)); --spectrum-red-600-rgb: 255, 118, 101; --spectrum-red-600: rgb(var(--spectrum-red-600-rgb)); --spectrum-red-700-rgb: 255, 81, 61; --spectrum-red-700: rgb(var(--spectrum-red-700-rgb)); --spectrum-red-800-rgb: 240, 56, 35; --spectrum-red-800: rgb(var(--spectrum-red-800-rgb)); --spectrum-red-900-rgb: 215, 50, 32; --spectrum-red-900: rgb(var(--spectrum-red-900-rgb)); --spectrum-red-1000-rgb: 183, 40, 24; --spectrum-red-1000: rgb(var(--spectrum-red-1000-rgb)); --spectrum-red-1100-rgb: 156, 33, 19; --spectrum-red-1100: rgb(var(--spectrum-red-1100-rgb)); --spectrum-red-1200-rgb: 129, 27, 14; --spectrum-red-1200: rgb(var(--spectrum-red-1200-rgb)); --spectrum-red-1300-rgb: 104, 21, 10; --spectrum-red-1300: rgb(var(--spectrum-red-1300-rgb)); --spectrum-red-1400-rgb: 80, 16, 6; --spectrum-red-1400: rgb(var(--spectrum-red-1400-rgb)); --spectrum-red-1500-rgb: 59, 11, 4; --spectrum-red-1500: rgb(var(--spectrum-red-1500-rgb)); --spectrum-red-1600-rgb: 29, 5, 2; --spectrum-red-1600: rgb(var(--spectrum-red-1600-rgb)); --spectrum-orange-100-rgb: 255, 246, 231; --spectrum-orange-100: rgb(var(--spectrum-orange-100-rgb)); --spectrum-orange-200-rgb: 255, 236, 207; --spectrum-orange-200: rgb(var(--spectrum-orange-200-rgb)); --spectrum-orange-300-rgb: 255, 218, 158; --spectrum-orange-300: rgb(var(--spectrum-orange-300-rgb)); --spectrum-orange-400-rgb: 255, 193, 94; --spectrum-orange-400: rgb(var(--spectrum-orange-400-rgb)); --spectrum-orange-500-rgb: 255, 162, 19; --spectrum-orange-500: rgb(var(--spectrum-orange-500-rgb)); --spectrum-orange-600-rgb: 252, 125, 0; --spectrum-orange-600: rgb(var(--spectrum-orange-600-rgb)); --spectrum-orange-700-rgb: 232, 106, 0; --spectrum-orange-700: rgb(var(--spectrum-orange-700-rgb)); --spectrum-orange-800-rgb: 212, 91, 0; --spectrum-orange-800: rgb(var(--spectrum-orange-800-rgb)); --spectrum-orange-900-rgb: 194, 78, 0; --spectrum-orange-900: rgb(var(--spectrum-orange-900-rgb)); --spectrum-orange-1000-rgb: 167, 62, 0; --spectrum-orange-1000: rgb(var(--spectrum-orange-1000-rgb)); --spectrum-orange-1100-rgb: 144, 51, 0; --spectrum-orange-1100: rgb(var(--spectrum-orange-1100-rgb)); --spectrum-orange-1200-rgb: 118, 41, 0; --spectrum-orange-1200: rgb(var(--spectrum-orange-1200-rgb)); --spectrum-orange-1300-rgb: 95, 32, 0; --spectrum-orange-1300: rgb(var(--spectrum-orange-1300-rgb)); --spectrum-orange-1400-rgb: 73, 24, 0; --spectrum-orange-1400: rgb(var(--spectrum-orange-1400-rgb)); --spectrum-orange-1500-rgb: 52, 18, 0; --spectrum-orange-1500: rgb(var(--spectrum-orange-1500-rgb)); --spectrum-orange-1600-rgb: 25, 8, 0; --spectrum-orange-1600: rgb(var(--spectrum-orange-1600-rgb)); --spectrum-yellow-100-rgb: 255, 248, 204; --spectrum-yellow-100: rgb(var(--spectrum-yellow-100-rgb)); --spectrum-yellow-200-rgb: 255, 241, 151; --spectrum-yellow-200: rgb(var(--spectrum-yellow-200-rgb)); --spectrum-yellow-300-rgb: 255, 222, 44; --spectrum-yellow-300: rgb(var(--spectrum-yellow-300-rgb)); --spectrum-yellow-400-rgb: 245, 199, 0; --spectrum-yellow-400: rgb(var(--spectrum-yellow-400-rgb)); --spectrum-yellow-500-rgb: 230, 175, 0; --spectrum-yellow-500: rgb(var(--spectrum-yellow-500-rgb)); --spectrum-yellow-600-rgb: 210, 149, 0; --spectrum-yellow-600: rgb(var(--spectrum-yellow-600-rgb)); --spectrum-yellow-700-rgb: 193, 131, 0; --spectrum-yellow-700: rgb(var(--spectrum-yellow-700-rgb)); --spectrum-yellow-800-rgb: 175, 116, 0; --spectrum-yellow-800: rgb(var(--spectrum-yellow-800-rgb)); --spectrum-yellow-900-rgb: 158, 102, 0; --spectrum-yellow-900: rgb(var(--spectrum-yellow-900-rgb)); --spectrum-yellow-1000-rgb: 134, 85, 0; --spectrum-yellow-1000: rgb(var(--spectrum-yellow-1000-rgb)); --spectrum-yellow-1100-rgb: 114, 72, 0; --spectrum-yellow-1100: rgb(var(--spectrum-yellow-1100-rgb)); --spectrum-yellow-1200-rgb: 93, 59, 0; --spectrum-yellow-1200: rgb(var(--spectrum-yellow-1200-rgb)); --spectrum-yellow-1300-rgb: 75, 47, 0; --spectrum-yellow-1300: rgb(var(--spectrum-yellow-1300-rgb)); --spectrum-yellow-1400-rgb: 56, 35, 0; --spectrum-yellow-1400: rgb(var(--spectrum-yellow-1400-rgb)); --spectrum-yellow-1500-rgb: 40, 25, 0; --spectrum-yellow-1500: rgb(var(--spectrum-yellow-1500-rgb)); --spectrum-yellow-1600-rgb: 18, 11, 0; --spectrum-yellow-1600: rgb(var(--spectrum-yellow-1600-rgb)); --spectrum-chartreuse-100-rgb: 246, 251, 222; --spectrum-chartreuse-100: rgb(var(--spectrum-chartreuse-100-rgb)); --spectrum-chartreuse-200-rgb: 234, 246, 173; --spectrum-chartreuse-200: rgb(var(--spectrum-chartreuse-200-rgb)); --spectrum-chartreuse-300-rgb: 208, 236, 70; --spectrum-chartreuse-300: rgb(var(--spectrum-chartreuse-300-rgb)); --spectrum-chartreuse-400-rgb: 182, 219, 0; --spectrum-chartreuse-400: rgb(var(--spectrum-chartreuse-400-rgb)); --spectrum-chartreuse-500-rgb: 163, 196, 0; --spectrum-chartreuse-500: rgb(var(--spectrum-chartreuse-500-rgb)); --spectrum-chartreuse-600-rgb: 143, 172, 0; --spectrum-chartreuse-600: rgb(var(--spectrum-chartreuse-600-rgb)); --spectrum-chartreuse-700-rgb: 128, 153, 0; --spectrum-chartreuse-700: rgb(var(--spectrum-chartreuse-700-rgb)); --spectrum-chartreuse-800-rgb: 114, 137, 0; --spectrum-chartreuse-800: rgb(var(--spectrum-chartreuse-800-rgb)); --spectrum-chartreuse-900-rgb: 102, 122, 0; --spectrum-chartreuse-900: rgb(var(--spectrum-chartreuse-900-rgb)); --spectrum-chartreuse-1000-rgb: 86, 103, 0; --spectrum-chartreuse-1000: rgb(var(--spectrum-chartreuse-1000-rgb)); --spectrum-chartreuse-1100-rgb: 73, 87, 0; --spectrum-chartreuse-1100: rgb(var(--spectrum-chartreuse-1100-rgb)); --spectrum-chartreuse-1200-rgb: 60, 71, 0; --spectrum-chartreuse-1200: rgb(var(--spectrum-chartreuse-1200-rgb)); --spectrum-chartreuse-1300-rgb: 47, 57, 0; --spectrum-chartreuse-1300: rgb(var(--spectrum-chartreuse-1300-rgb)); --spectrum-chartreuse-1400-rgb: 35, 43, 0; --spectrum-chartreuse-1400: rgb(var(--spectrum-chartreuse-1400-rgb)); --spectrum-chartreuse-1500-rgb: 25, 30, 0; --spectrum-chartreuse-1500: rgb(var(--spectrum-chartreuse-1500-rgb)); --spectrum-chartreuse-1600-rgb: 11, 14, 0; --spectrum-chartreuse-1600: rgb(var(--spectrum-chartreuse-1600-rgb)); --spectrum-celery-100-rgb: 235, 255, 220; --spectrum-celery-100: rgb(var(--spectrum-celery-100-rgb)); --spectrum-celery-200-rgb: 197, 255, 156; --spectrum-celery-200: rgb(var(--spectrum-celery-200-rgb)); --spectrum-celery-300-rgb: 157, 247, 92; --spectrum-celery-300: rgb(var(--spectrum-celery-300-rgb)); --spectrum-celery-400-rgb: 129, 228, 58; --spectrum-celery-400: rgb(var(--spectrum-celery-400-rgb)); --spectrum-celery-500-rgb: 110, 206, 42; --spectrum-celery-500: rgb(var(--spectrum-celery-500-rgb)); --spectrum-celery-600-rgb: 93, 180, 31; --spectrum-celery-600: rgb(var(--spectrum-celery-600-rgb)); --spectrum-celery-700-rgb: 82, 161, 25; --spectrum-celery-700: rgb(var(--spectrum-celery-700-rgb)); --spectrum-celery-800-rgb: 72, 144, 20; --spectrum-celery-800: rgb(var(--spectrum-celery-800-rgb)); --spectrum-celery-900-rgb: 64, 129, 17; --spectrum-celery-900: rgb(var(--spectrum-celery-900-rgb)); --spectrum-celery-1000-rgb: 52, 109, 12; --spectrum-celery-1000: rgb(var(--spectrum-celery-1000-rgb)); --spectrum-celery-1100-rgb: 44, 92, 9; --spectrum-celery-1100: rgb(var(--spectrum-celery-1100-rgb)); --spectrum-celery-1200-rgb: 35, 75, 6; --spectrum-celery-1200: rgb(var(--spectrum-celery-1200-rgb)); --spectrum-celery-1300-rgb: 27, 60, 3; --spectrum-celery-1300: rgb(var(--spectrum-celery-1300-rgb)); --spectrum-celery-1400-rgb: 19, 46, 0; --spectrum-celery-1400: rgb(var(--spectrum-celery-1400-rgb)); --spectrum-celery-1500-rgb: 12, 33, 0; --spectrum-celery-1500: rgb(var(--spectrum-celery-1500-rgb)); --spectrum-celery-1600-rgb: 4, 15, 0; --spectrum-celery-1600: rgb(var(--spectrum-celery-1600-rgb)); --spectrum-green-100-rgb: 237, 252, 241; --spectrum-green-100: rgb(var(--spectrum-green-100-rgb)); --spectrum-green-200-rgb: 215, 247, 225; --spectrum-green-200: rgb(var(--spectrum-green-200-rgb)); --spectrum-green-300-rgb: 173, 238, 197; --spectrum-green-300: rgb(var(--spectrum-green-300-rgb)); --spectrum-green-400-rgb: 107, 227, 162; --spectrum-green-400: rgb(var(--spectrum-green-400-rgb)); --spectrum-green-500-rgb: 43, 209, 125; --spectrum-green-500: rgb(var(--spectrum-green-500-rgb)); --spectrum-green-600-rgb: 18, 184, 103; --spectrum-green-600: rgb(var(--spectrum-green-600-rgb)); --spectrum-green-700-rgb: 11, 164, 93; --spectrum-green-700: rgb(var(--spectrum-green-700-rgb)); --spectrum-green-800-rgb: 7, 147, 85; --spectrum-green-800: rgb(var(--spectrum-green-800-rgb)); --spectrum-green-900-rgb: 5, 131, 78; --spectrum-green-900: rgb(var(--spectrum-green-900-rgb)); --spectrum-green-1000-rgb: 3, 110, 69; --spectrum-green-1000: rgb(var(--spectrum-green-1000-rgb)); --spectrum-green-1100-rgb: 2, 93, 60; --spectrum-green-1100: rgb(var(--spectrum-green-1100-rgb)); --spectrum-green-1200-rgb: 1, 76, 52; --spectrum-green-1200: rgb(var(--spectrum-green-1200-rgb)); --spectrum-green-1300-rgb: 0, 61, 44; --spectrum-green-1300: rgb(var(--spectrum-green-1300-rgb)); --spectrum-green-1400-rgb: 0, 46, 34; --spectrum-green-1400: rgb(var(--spectrum-green-1400-rgb)); --spectrum-green-1500-rgb: 0, 33, 25; --spectrum-green-1500: rgb(var(--spectrum-green-1500-rgb)); --spectrum-green-1600-rgb: 0, 15, 12; --spectrum-green-1600: rgb(var(--spectrum-green-1600-rgb)); --spectrum-seafoam-100-rgb: 235, 251, 246; --spectrum-seafoam-100: rgb(var(--spectrum-seafoam-100-rgb)); --spectrum-seafoam-200-rgb: 211, 246, 234; --spectrum-seafoam-200: rgb(var(--spectrum-seafoam-200-rgb)); --spectrum-seafoam-300-rgb: 169, 237, 216; --spectrum-seafoam-300: rgb(var(--spectrum-seafoam-300-rgb)); --spectrum-seafoam-400-rgb: 92, 225, 194; --spectrum-seafoam-400: rgb(var(--spectrum-seafoam-400-rgb)); --spectrum-seafoam-500-rgb: 16, 207, 169; --spectrum-seafoam-500: rgb(var(--spectrum-seafoam-500-rgb)); --spectrum-seafoam-600-rgb: 13, 181, 149; --spectrum-seafoam-600: rgb(var(--spectrum-seafoam-600-rgb)); --spectrum-seafoam-700-rgb: 11, 162, 134; --spectrum-seafoam-700: rgb(var(--spectrum-seafoam-700-rgb)); --spectrum-seafoam-800-rgb: 9, 144, 120; --spectrum-seafoam-800: rgb(var(--spectrum-seafoam-800-rgb)); --spectrum-seafoam-900-rgb: 7, 129, 109; --spectrum-seafoam-900: rgb(var(--spectrum-seafoam-900-rgb)); --spectrum-seafoam-1000-rgb: 5, 108, 92; --spectrum-seafoam-1000: rgb(var(--spectrum-seafoam-1000-rgb)); --spectrum-seafoam-1100-rgb: 3, 92, 80; --spectrum-seafoam-1100: rgb(var(--spectrum-seafoam-1100-rgb)); --spectrum-seafoam-1200-rgb: 1, 75, 67; --spectrum-seafoam-1200: rgb(var(--spectrum-seafoam-1200-rgb)); --spectrum-seafoam-1300-rgb: 0, 60, 54; --spectrum-seafoam-1300: rgb(var(--spectrum-seafoam-1300-rgb)); --spectrum-seafoam-1400-rgb: 0, 46, 40; --spectrum-seafoam-1400: rgb(var(--spectrum-seafoam-1400-rgb)); --spectrum-seafoam-1500-rgb: 0, 33, 29; --spectrum-seafoam-1500: rgb(var(--spectrum-seafoam-1500-rgb)); --spectrum-seafoam-1600-rgb: 0, 15, 14; --spectrum-seafoam-1600: rgb(var(--spectrum-seafoam-1600-rgb)); --spectrum-cyan-100-rgb: 238, 250, 254; --spectrum-cyan-100: rgb(var(--spectrum-cyan-100-rgb)); --spectrum-cyan-200-rgb: 217, 244, 253; --spectrum-cyan-200: rgb(var(--spectrum-cyan-200-rgb)); --spectrum-cyan-300-rgb: 183, 231, 252; --spectrum-cyan-300: rgb(var(--spectrum-cyan-300-rgb)); --spectrum-cyan-400-rgb: 138, 213, 255; --spectrum-cyan-400: rgb(var(--spectrum-cyan-400-rgb)); --spectrum-cyan-500-rgb: 92, 192, 255; --spectrum-cyan-500: rgb(var(--spectrum-cyan-500-rgb)); --spectrum-cyan-600-rgb: 48, 167, 254; --spectrum-cyan-600: rgb(var(--spectrum-cyan-600-rgb)); --spectrum-cyan-700-rgb: 29, 149, 231; --spectrum-cyan-700: rgb(var(--spectrum-cyan-700-rgb)); --spectrum-cyan-800-rgb: 18, 134, 205; --spectrum-cyan-800: rgb(var(--spectrum-cyan-800-rgb)); --spectrum-cyan-900-rgb: 11, 120, 179; --spectrum-cyan-900: rgb(var(--spectrum-cyan-900-rgb)); --spectrum-cyan-1000-rgb: 4, 102, 145; --spectrum-cyan-1000: rgb(var(--spectrum-cyan-1000-rgb)); --spectrum-cyan-1100-rgb: 0, 87, 121; --spectrum-cyan-1100: rgb(var(--spectrum-cyan-1100-rgb)); --spectrum-cyan-1200-rgb: 0, 71, 98; --spectrum-cyan-1200: rgb(var(--spectrum-cyan-1200-rgb)); --spectrum-cyan-1300-rgb: 0, 57, 78; --spectrum-cyan-1300: rgb(var(--spectrum-cyan-1300-rgb)); --spectrum-cyan-1400-rgb: 0, 43, 59; --spectrum-cyan-1400: rgb(var(--spectrum-cyan-1400-rgb)); --spectrum-cyan-1500-rgb: 0, 31, 43; --spectrum-cyan-1500: rgb(var(--spectrum-cyan-1500-rgb)); --spectrum-cyan-1600-rgb: 0, 14, 20; --spectrum-cyan-1600: rgb(var(--spectrum-cyan-1600-rgb)); --spectrum-indigo-100-rgb: 247, 248, 255; --spectrum-indigo-100: rgb(var(--spectrum-indigo-100-rgb)); --spectrum-indigo-200-rgb: 235, 238, 255; --spectrum-indigo-200: rgb(var(--spectrum-indigo-200-rgb)); --spectrum-indigo-300-rgb: 216, 222, 255; --spectrum-indigo-300: rgb(var(--spectrum-indigo-300-rgb)); --spectrum-indigo-400-rgb: 192, 201, 255; --spectrum-indigo-400: rgb(var(--spectrum-indigo-400-rgb)); --spectrum-indigo-500-rgb: 167, 178, 255; --spectrum-indigo-500: rgb(var(--spectrum-indigo-500-rgb)); --spectrum-indigo-600-rgb: 145, 151, 254; --spectrum-indigo-600: rgb(var(--spectrum-indigo-600-rgb)); --spectrum-indigo-700-rgb: 132, 128, 254; --spectrum-indigo-700: rgb(var(--spectrum-indigo-700-rgb)); --spectrum-indigo-800-rgb: 122, 106, 253; --spectrum-indigo-800: rgb(var(--spectrum-indigo-800-rgb)); --spectrum-indigo-900-rgb: 113, 85, 250; --spectrum-indigo-900: rgb(var(--spectrum-indigo-900-rgb)); --spectrum-indigo-1000-rgb: 99, 56, 238; --spectrum-indigo-1000: rgb(var(--spectrum-indigo-1000-rgb)); --spectrum-indigo-1100-rgb: 84, 36, 219; --spectrum-indigo-1100: rgb(var(--spectrum-indigo-1100-rgb)); --spectrum-indigo-1200-rgb: 69, 19, 191; --spectrum-indigo-1200: rgb(var(--spectrum-indigo-1200-rgb)); --spectrum-indigo-1300-rgb: 55, 6, 160; --spectrum-indigo-1300: rgb(var(--spectrum-indigo-1300-rgb)); --spectrum-indigo-1400-rgb: 42, 0, 129; --spectrum-indigo-1400: rgb(var(--spectrum-indigo-1400-rgb)); --spectrum-indigo-1500-rgb: 31, 0, 98; --spectrum-indigo-1500: rgb(var(--spectrum-indigo-1500-rgb)); --spectrum-indigo-1600-rgb: 17, 0, 54; --spectrum-indigo-1600: rgb(var(--spectrum-indigo-1600-rgb)); --spectrum-purple-100-rgb: 251, 247, 254; --spectrum-purple-100: rgb(var(--spectrum-purple-100-rgb)); --spectrum-purple-200-rgb: 244, 235, 252; --spectrum-purple-200: rgb(var(--spectrum-purple-200-rgb)); --spectrum-purple-300-rgb: 235, 218, 249; --spectrum-purple-300: rgb(var(--spectrum-purple-300-rgb)); --spectrum-purple-400-rgb: 221, 193, 246; --spectrum-purple-400: rgb(var(--spectrum-purple-400-rgb)); --spectrum-purple-500-rgb: 208, 167, 243; --spectrum-purple-500: rgb(var(--spectrum-purple-500-rgb)); --spectrum-purple-600-rgb: 191, 138, 238; --spectrum-purple-600: rgb(var(--spectrum-purple-600-rgb)); --spectrum-purple-700-rgb: 178, 114, 235; --spectrum-purple-700: rgb(var(--spectrum-purple-700-rgb)); --spectrum-purple-800-rgb: 166, 92, 231; --spectrum-purple-800: rgb(var(--spectrum-purple-800-rgb)); --spectrum-purple-900-rgb: 154, 71, 226; --spectrum-purple-900: rgb(var(--spectrum-purple-900-rgb)); --spectrum-purple-1000-rgb: 134, 40, 217; --spectrum-purple-1000: rgb(var(--spectrum-purple-1000-rgb)); --spectrum-purple-1100-rgb: 115, 13, 204; --spectrum-purple-1100: rgb(var(--spectrum-purple-1100-rgb)); --spectrum-purple-1200-rgb: 93, 0, 177; --spectrum-purple-1200: rgb(var(--spectrum-purple-1200-rgb)); --spectrum-purple-1300-rgb: 75, 0, 144; --spectrum-purple-1300: rgb(var(--spectrum-purple-1300-rgb)); --spectrum-purple-1400-rgb: 59, 0, 111; --spectrum-purple-1400: rgb(var(--spectrum-purple-1400-rgb)); --spectrum-purple-1500-rgb: 44, 0, 84; --spectrum-purple-1500: rgb(var(--spectrum-purple-1500-rgb)); --spectrum-purple-1600-rgb: 23, 0, 45; --spectrum-purple-1600: rgb(var(--spectrum-purple-1600-rgb)); --spectrum-fuchsia-100-rgb: 254, 246, 255; --spectrum-fuchsia-100: rgb(var(--spectrum-fuchsia-100-rgb)); --spectrum-fuchsia-200-rgb: 253, 233, 255; --spectrum-fuchsia-200: rgb(var(--spectrum-fuchsia-200-rgb)); --spectrum-fuchsia-300-rgb: 250, 211, 255; --spectrum-fuchsia-300: rgb(var(--spectrum-fuchsia-300-rgb)); --spectrum-fuchsia-400-rgb: 247, 181, 255; --spectrum-fuchsia-400: rgb(var(--spectrum-fuchsia-400-rgb)); --spectrum-fuchsia-500-rgb: 243, 147, 255; --spectrum-fuchsia-500: rgb(var(--spectrum-fuchsia-500-rgb)); --spectrum-fuchsia-600-rgb: 236, 105, 255; --spectrum-fuchsia-600: rgb(var(--spectrum-fuchsia-600-rgb)); --spectrum-fuchsia-700-rgb: 223, 77, 245; --spectrum-fuchsia-700: rgb(var(--spectrum-fuchsia-700-rgb)); --spectrum-fuchsia-800-rgb: 200, 68, 220; --spectrum-fuchsia-800: rgb(var(--spectrum-fuchsia-800-rgb)); --spectrum-fuchsia-900-rgb: 181, 57, 200; --spectrum-fuchsia-900: rgb(var(--spectrum-fuchsia-900-rgb)); --spectrum-fuchsia-1000-rgb: 156, 40, 175; --spectrum-fuchsia-1000: rgb(var(--spectrum-fuchsia-1000-rgb)); --spectrum-fuchsia-1100-rgb: 135, 27, 154; --spectrum-fuchsia-1100: rgb(var(--spectrum-fuchsia-1100-rgb)); --spectrum-fuchsia-1200-rgb: 113, 15, 131; --spectrum-fuchsia-1200: rgb(var(--spectrum-fuchsia-1200-rgb)); --spectrum-fuchsia-1300-rgb: 92, 4, 109; --spectrum-fuchsia-1300: rgb(var(--spectrum-fuchsia-1300-rgb)); --spectrum-fuchsia-1400-rgb: 72, 0, 88; --spectrum-fuchsia-1400: rgb(var(--spectrum-fuchsia-1400-rgb)); --spectrum-fuchsia-1500-rgb: 54, 0, 66; --spectrum-fuchsia-1500: rgb(var(--spectrum-fuchsia-1500-rgb)); --spectrum-fuchsia-1600-rgb: 29, 0, 35; --spectrum-fuchsia-1600: rgb(var(--spectrum-fuchsia-1600-rgb)); --spectrum-magenta-100-rgb: 255, 245, 248; --spectrum-magenta-100: rgb(var(--spectrum-magenta-100-rgb)); --spectrum-magenta-200-rgb: 255, 232, 240; --spectrum-magenta-200: rgb(var(--spectrum-magenta-200-rgb)); --spectrum-magenta-300-rgb: 255, 213, 227; --spectrum-magenta-300: rgb(var(--spectrum-magenta-300-rgb)); --spectrum-magenta-400-rgb: 255, 185, 208; --spectrum-magenta-400: rgb(var(--spectrum-magenta-400-rgb)); --spectrum-magenta-500-rgb: 255, 152, 187; --spectrum-magenta-500: rgb(var(--spectrum-magenta-500-rgb)); --spectrum-magenta-600-rgb: 255, 112, 159; --spectrum-magenta-600: rgb(var(--spectrum-magenta-600-rgb)); --spectrum-magenta-700-rgb: 255, 72, 133; --spectrum-magenta-700: rgb(var(--spectrum-magenta-700-rgb)); --spectrum-magenta-800-rgb: 240, 45, 110; --spectrum-magenta-800: rgb(var(--spectrum-magenta-800-rgb)); --spectrum-magenta-900-rgb: 217, 35, 97; --spectrum-magenta-900: rgb(var(--spectrum-magenta-900-rgb)); --spectrum-magenta-1000-rgb: 186, 22, 80; --spectrum-magenta-1000: rgb(var(--spectrum-magenta-1000-rgb)); --spectrum-magenta-1100-rgb: 163, 5, 62; --spectrum-magenta-1100: rgb(var(--spectrum-magenta-1100-rgb)); --spectrum-magenta-1200-rgb: 136, 0, 51; --spectrum-magenta-1200: rgb(var(--spectrum-magenta-1200-rgb)); --spectrum-magenta-1300-rgb: 111, 0, 40; --spectrum-magenta-1300: rgb(var(--spectrum-magenta-1300-rgb)); --spectrum-magenta-1400-rgb: 86, 0, 30; --spectrum-magenta-1400: rgb(var(--spectrum-magenta-1400-rgb)); --spectrum-magenta-1500-rgb: 64, 0, 22; --spectrum-magenta-1500: rgb(var(--spectrum-magenta-1500-rgb)); --spectrum-magenta-1600-rgb: 35, 0, 12; --spectrum-magenta-1600: rgb(var(--spectrum-magenta-1600-rgb)); --spectrum-pink-100-rgb: 255, 246, 252; --spectrum-pink-100: rgb(var(--spectrum-pink-100-rgb)); --spectrum-pink-200-rgb: 255, 232, 247; --spectrum-pink-200: rgb(var(--spectrum-pink-200-rgb)); --spectrum-pink-300-rgb: 255, 211, 240; --spectrum-pink-300: rgb(var(--spectrum-pink-300-rgb)); --spectrum-pink-400-rgb: 255, 181, 230; --spectrum-pink-400: rgb(var(--spectrum-pink-400-rgb)); --spectrum-pink-500-rgb: 255, 148, 219; --spectrum-pink-500: rgb(var(--spectrum-pink-500-rgb)); --spectrum-pink-600-rgb: 255, 103, 204; --spectrum-pink-600: rgb(var(--spectrum-pink-600-rgb)); --spectrum-pink-700-rgb: 242, 76, 184; --spectrum-pink-700: rgb(var(--spectrum-pink-700-rgb)); --spectrum-pink-800-rgb: 228, 52, 163; --spectrum-pink-800: rgb(var(--spectrum-pink-800-rgb)); --spectrum-pink-900-rgb: 206, 42, 146; --spectrum-pink-900: rgb(var(--spectrum-pink-900-rgb)); --spectrum-pink-1000-rgb: 176, 31, 123; --spectrum-pink-1000: rgb(var(--spectrum-pink-1000-rgb)); --spectrum-pink-1100-rgb: 152, 22, 104; --spectrum-pink-1100: rgb(var(--spectrum-pink-1100-rgb)); --spectrum-pink-1200-rgb: 128, 12, 85; --spectrum-pink-1200: rgb(var(--spectrum-pink-1200-rgb)); --spectrum-pink-1300-rgb: 105, 3, 68; --spectrum-pink-1300: rgb(var(--spectrum-pink-1300-rgb)); --spectrum-pink-1400-rgb: 83, 0, 53; --spectrum-pink-1400: rgb(var(--spectrum-pink-1400-rgb)); --spectrum-pink-1500-rgb: 62, 0, 39; --spectrum-pink-1500: rgb(var(--spectrum-pink-1500-rgb)); --spectrum-pink-1600-rgb: 33, 0, 21; --spectrum-pink-1600: rgb(var(--spectrum-pink-1600-rgb)); --spectrum-turquoise-100-rgb: 238, 251, 251; --spectrum-turquoise-100: rgb(var(--spectrum-turquoise-100-rgb)); --spectrum-turquoise-200-rgb: 209, 245, 245; --spectrum-turquoise-200: rgb(var(--spectrum-turquoise-200-rgb)); --spectrum-turquoise-300-rgb: 169, 236, 237; --spectrum-turquoise-300: rgb(var(--spectrum-turquoise-300-rgb)); --spectrum-turquoise-400-rgb: 111, 221, 228; --spectrum-turquoise-400: rgb(var(--spectrum-turquoise-400-rgb)); --spectrum-turquoise-500-rgb: 39, 202, 216; --spectrum-turquoise-500: rgb(var(--spectrum-turquoise-500-rgb)); --spectrum-turquoise-600-rgb: 15, 177, 192; --spectrum-turquoise-600: rgb(var(--spectrum-turquoise-600-rgb)); --spectrum-turquoise-700-rgb: 12, 158, 171; --spectrum-turquoise-700: rgb(var(--spectrum-turquoise-700-rgb)); --spectrum-turquoise-800-rgb: 10, 141, 153; --spectrum-turquoise-800: rgb(var(--spectrum-turquoise-800-rgb)); --spectrum-turquoise-900-rgb: 8, 126, 137; --spectrum-turquoise-900: rgb(var(--spectrum-turquoise-900-rgb)); --spectrum-turquoise-1000-rgb: 5, 107, 116; --spectrum-turquoise-1000: rgb(var(--spectrum-turquoise-1000-rgb)); --spectrum-turquoise-1100-rgb: 3, 90, 98; --spectrum-turquoise-1100: rgb(var(--spectrum-turquoise-1100-rgb)); --spectrum-turquoise-1200-rgb: 1, 74, 81; --spectrum-turquoise-1200: rgb(var(--spectrum-turquoise-1200-rgb)); --spectrum-turquoise-1300-rgb: 0, 59, 65; --spectrum-turquoise-1300: rgb(var(--spectrum-turquoise-1300-rgb)); --spectrum-turquoise-1400-rgb: 0, 44, 49; --spectrum-turquoise-1400: rgb(var(--spectrum-turquoise-1400-rgb)); --spectrum-turquoise-1500-rgb: 0, 32, 35; --spectrum-turquoise-1500: rgb(var(--spectrum-turquoise-1500-rgb)); --spectrum-turquoise-1600-rgb: 0, 15, 17; --spectrum-turquoise-1600: rgb(var(--spectrum-turquoise-1600-rgb)); --spectrum-brown-100-rgb: 252, 247, 242; --spectrum-brown-100: rgb(var(--spectrum-brown-100-rgb)); --spectrum-brown-200-rgb: 247, 238, 225; --spectrum-brown-200: rgb(var(--spectrum-brown-200-rgb)); --spectrum-brown-300-rgb: 239, 221, 195; --spectrum-brown-300: rgb(var(--spectrum-brown-300-rgb)); --spectrum-brown-400-rgb: 229, 200, 157; --spectrum-brown-400: rgb(var(--spectrum-brown-400-rgb)); --spectrum-brown-500-rgb: 214, 177, 123; --spectrum-brown-500: rgb(var(--spectrum-brown-500-rgb)); --spectrum-brown-600-rgb: 190, 155, 104; --spectrum-brown-600: rgb(var(--spectrum-brown-600-rgb)); --spectrum-brown-700-rgb: 171, 138, 90; --spectrum-brown-700: rgb(var(--spectrum-brown-700-rgb)); --spectrum-brown-800-rgb: 154, 123, 77; --spectrum-brown-800: rgb(var(--spectrum-brown-800-rgb)); --spectrum-brown-900-rgb: 139, 109, 66; --spectrum-brown-900: rgb(var(--spectrum-brown-900-rgb)); --spectrum-brown-1000-rgb: 119, 91, 50; --spectrum-brown-1000: rgb(var(--spectrum-brown-1000-rgb)); --spectrum-brown-1100-rgb: 103, 76, 35; --spectrum-brown-1100: rgb(var(--spectrum-brown-1100-rgb)); --spectrum-brown-1200-rgb: 88, 61, 21; --spectrum-brown-1200: rgb(var(--spectrum-brown-1200-rgb)); --spectrum-brown-1300-rgb: 70, 49, 17; --spectrum-brown-1300: rgb(var(--spectrum-brown-1300-rgb)); --spectrum-brown-1400-rgb: 52, 37, 13; --spectrum-brown-1400: rgb(var(--spectrum-brown-1400-rgb)); --spectrum-brown-1500-rgb: 38, 26, 9; --spectrum-brown-1500: rgb(var(--spectrum-brown-1500-rgb)); --spectrum-brown-1600-rgb: 16, 12, 4; --spectrum-brown-1600: rgb(var(--spectrum-brown-1600-rgb)); --spectrum-silver-100-rgb: 247, 247, 247; --spectrum-silver-100: rgb(var(--spectrum-silver-100-rgb)); --spectrum-silver-200-rgb: 239, 239, 239; --spectrum-silver-200: rgb(var(--spectrum-silver-200-rgb)); --spectrum-silver-300-rgb: 223, 223, 223; --spectrum-silver-300: rgb(var(--spectrum-silver-300-rgb)); --spectrum-silver-400-rgb: 204, 204, 204; --spectrum-silver-400: rgb(var(--spectrum-silver-400-rgb)); --spectrum-silver-500-rgb: 183, 183, 183; --spectrum-silver-500: rgb(var(--spectrum-silver-500-rgb)); --spectrum-silver-600-rgb: 160, 160, 160; --spectrum-silver-600: rgb(var(--spectrum-silver-600-rgb)); --spectrum-silver-700-rgb: 143, 143, 143; --spectrum-silver-700: rgb(var(--spectrum-silver-700-rgb)); --spectrum-silver-800-rgb: 128, 128, 128; --spectrum-silver-800: rgb(var(--spectrum-silver-800-rgb)); --spectrum-silver-900-rgb: 114, 114, 114; --spectrum-silver-900: rgb(var(--spectrum-silver-900-rgb)); --spectrum-silver-1000-rgb: 96, 96, 96; --spectrum-silver-1000: rgb(var(--spectrum-silver-1000-rgb)); --spectrum-silver-1100-rgb: 81, 81, 81; --spectrum-silver-1100: rgb(var(--spectrum-silver-1100-rgb)); --spectrum-silver-1200-rgb: 66, 66, 66; --spectrum-silver-1200: rgb(var(--spectrum-silver-1200-rgb)); --spectrum-silver-1300-rgb: 52, 52, 52; --spectrum-silver-1300: rgb(var(--spectrum-silver-1300-rgb)); --spectrum-silver-1400-rgb: 39, 39, 39; --spectrum-silver-1400: rgb(var(--spectrum-silver-1400-rgb)); --spectrum-silver-1500-rgb: 28, 28, 28; --spectrum-silver-1500: rgb(var(--spectrum-silver-1500-rgb)); --spectrum-silver-1600-rgb: 12, 12, 12; --spectrum-silver-1600: rgb(var(--spectrum-silver-1600-rgb)); --spectrum-cinnamon-100-rgb: 253, 247, 243; --spectrum-cinnamon-100: rgb(var(--spectrum-cinnamon-100-rgb)); --spectrum-cinnamon-200-rgb: 249, 236, 229; --spectrum-cinnamon-200: rgb(var(--spectrum-cinnamon-200-rgb)); --spectrum-cinnamon-300-rgb: 244, 218, 203; --spectrum-cinnamon-300: rgb(var(--spectrum-cinnamon-300-rgb)); --spectrum-cinnamon-400-rgb: 237, 196, 172; --spectrum-cinnamon-400: rgb(var(--spectrum-cinnamon-400-rgb)); --spectrum-cinnamon-500-rgb: 229, 170, 136; --spectrum-cinnamon-500: rgb(var(--spectrum-cinnamon-500-rgb)); --spectrum-cinnamon-600-rgb: 212, 145, 108; --spectrum-cinnamon-600: rgb(var(--spectrum-cinnamon-600-rgb)); --spectrum-cinnamon-700-rgb: 198, 126, 88; --spectrum-cinnamon-700: rgb(var(--spectrum-cinnamon-700-rgb)); --spectrum-cinnamon-800-rgb: 184, 109, 70; --spectrum-cinnamon-800: rgb(var(--spectrum-cinnamon-800-rgb)); --spectrum-cinnamon-900-rgb: 170, 94, 56; --spectrum-cinnamon-900: rgb(var(--spectrum-cinnamon-900-rgb)); --spectrum-cinnamon-1000-rgb: 147, 77, 43; --spectrum-cinnamon-1000: rgb(var(--spectrum-cinnamon-1000-rgb)); --spectrum-cinnamon-1100-rgb: 128, 62, 32; --spectrum-cinnamon-1100: rgb(var(--spectrum-cinnamon-1100-rgb)); --spectrum-cinnamon-1200-rgb: 110, 48, 21; --spectrum-cinnamon-1200: rgb(var(--spectrum-cinnamon-1200-rgb)); --spectrum-cinnamon-1300-rgb: 92, 35, 11; --spectrum-cinnamon-1300: rgb(var(--spectrum-cinnamon-1300-rgb)); --spectrum-cinnamon-1400-rgb: 72, 25, 6; --spectrum-cinnamon-1400: rgb(var(--spectrum-cinnamon-1400-rgb)); --spectrum-cinnamon-1500-rgb: 52, 18, 4; --spectrum-cinnamon-1500: rgb(var(--spectrum-cinnamon-1500-rgb)); --spectrum-cinnamon-1600-rgb: 24, 8, 2; --spectrum-cinnamon-1600: rgb(var(--spectrum-cinnamon-1600-rgb)); /* stylelint-disable-next-line custom-property-pattern -- context identification */ --color-scheme: light; } .spectrum--medium { --spectrum-component-height-50: 20px; --spectrum-component-height-75: 24px; --spectrum-component-height-100: 32px; --spectrum-component-height-200: 40px; --spectrum-component-height-300: 48px; --spectrum-component-height-400: 56px; --spectrum-component-height-500: 64px; --spectrum-progress-bar-thickness-small: 4px; --spectrum-progress-bar-thickness-medium: 6px; --spectrum-progress-bar-thickness-large: 8px; --spectrum-progress-bar-thickness-extra-large: 10px; --spectrum-thumbnail-size-50: 16px; --spectrum-thumbnail-size-75: 18px; --spectrum-thumbnail-size-100: 20px; --spectrum-thumbnail-size-200: 22px; --spectrum-thumbnail-size-300: 26px; --spectrum-thumbnail-size-400: 28px; --spectrum-thumbnail-size-500: 32px; --spectrum-thumbnail-size-600: 36px; --spectrum-thumbnail-size-700: 40px; --spectrum-thumbnail-size-800: 44px; --spectrum-thumbnail-size-900: 50px; --spectrum-thumbnail-size-1000: 56px; --spectrum-avatar-size-50: 16px; --spectrum-avatar-size-75: 18px; --spectrum-avatar-size-100: 20px; --spectrum-avatar-size-200: 22px; --spectrum-avatar-size-300: 26px; --spectrum-avatar-size-400: 28px; --spectrum-avatar-size-500: 32px; --spectrum-avatar-size-600: 36px; --spectrum-avatar-size-700: 40px; /* font size */ --spectrum-font-size-75: 12px; --spectrum-font-size-100: 14px; --spectrum-font-size-200: 16px; --spectrum-font-size-300: 18px; --spectrum-font-size-400: 20px; --spectrum-font-size-500: 22px; --spectrum-font-size-600: 25px; --spectrum-font-size-700: 28px; --spectrum-font-size-800: 32px; --spectrum-font-size-900: 36px; --spectrum-font-size-1000: 40px; --spectrum-font-size-1100: 45px; --spectrum-font-size-1200: 50px; --spectrum-font-size-1300: 60px; /* stylelint-disable-next-line custom-property-pattern -- context identification */ --scale: medium; } .spectrum--dark { --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: rgb( 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: rgb( 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: rgb( 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: rgb(var(--spectrum-white-rgb)); --spectrum-transparent-white-25-rgb: 255, 255, 255; --spectrum-transparent-white-25-opacity: 0; --spectrum-transparent-white-25: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( var(--spectrum-transparent-white-900-rgb), var(--spectrum-transparent-white-900-opacity) ); --spectrum-transparent-white-1000-rgb: 255, 255, 255; --spectrum-transparent-white-1000: rgb(var(--spectrum-transparent-white-1000-rgb)); --spectrum-transparent-black-25-rgb: 0, 0, 0; --spectrum-transparent-black-25-opacity: 0; --spectrum-transparent-black-25: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( 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: rgb( var(--spectrum-transparent-black-900-rgb), var(--spectrum-transparent-black-900-opacity) ); --spectrum-gray-25-rgb: 17, 17, 17; --spectrum-gray-25: rgb(var(--spectrum-gray-25-rgb)); --spectrum-gray-50-rgb: 27, 27, 27; --spectrum-gray-50: rgb(var(--spectrum-gray-50-rgb)); --spectrum-gray-75-rgb: 34, 34, 34; --spectrum-gray-75: rgb(var(--spectrum-gray-75-rgb)); --spectrum-gray-100-rgb: 44, 44, 44; --spectrum-gray-100: rgb(var(--spectrum-gray-100-rgb)); --spectrum-gray-200-rgb: 50, 50, 50; --spectrum-gray-200: rgb(var(--spectrum-gray-200-rgb)); --spectrum-gray-300-rgb: 57, 57, 57; --spectrum-gray-300: rgb(var(--spectrum-gray-300-rgb)); --spectrum-gray-400-rgb: 68, 68, 68; --spectrum-gray-400: rgb(var(--spectrum-gray-400-rgb)); --spectrum-gray-500-rgb: 109, 109, 109; --spectrum-gray-500: rgb(var(--spectrum-gray-500-rgb)); --spectrum-gray-600-rgb: 138, 138, 138; --spectrum-gray-600: rgb(var(--spectrum-gray-600-rgb)); --spectrum-gray-700-rgb: 175, 175, 175; --spectrum-gray-700: rgb(var(--spectrum-gray-700-rgb)); --spectrum-gray-800-rgb: 219, 219, 219; --spectrum-gray-800: rgb(var(--spectrum-gray-800-rgb)); --spectrum-gray-900-rgb: 242, 242, 242; --spectrum-gray-900: rgb(var(--spectrum-gray-900-rgb)); --spectrum-gray-1000-rgb: 255, 255, 255; --spectrum-gray-1000: rgb(var(--spectrum-gray-1000-rgb)); --spectrum-gray-1100-rgb: 247, 247, 247; --spectrum-gray-1100: rgb(var(--spectrum-gray-1100-rgb)); --spectrum-blue-100-rgb: 14, 23, 63; --spectrum-blue-100: rgb(var(--spectrum-blue-100-rgb)); --spectrum-blue-200-rgb: 15, 28, 82; --spectrum-blue-200: rgb(var(--spectrum-blue-200-rgb)); --spectrum-blue-300-rgb: 12, 33, 117; --spectrum-blue-300: rgb(var(--spectrum-blue-300-rgb)); --spectrum-blue-400-rgb: 18, 45, 154; --spectrum-blue-400: rgb(var(--spectrum-blue-400-rgb)); --spectrum-blue-500-rgb: 26, 58, 195; --spectrum-blue-500: rgb(var(--spectrum-blue-500-rgb)); --spectrum-blue-600-rgb: 37, 73, 229; --spectrum-blue-600: rgb(var(--spectrum-blue-600-rgb)); --spectrum-blue-700-rgb: 52, 91, 248; --spectrum-blue-700: rgb(var(--spectrum-blue-700-rgb)); --spectrum-blue-800-rgb: 64, 105, 253; --spectrum-blue-800: rgb(var(--spectrum-blue-800-rgb)); --spectrum-blue-900-rgb: 86, 129, 255; --spectrum-blue-900: rgb(var(--spectrum-blue-900-rgb)); --spectrum-blue-1000-rgb: 105, 149, 254; --spectrum-blue-1000: rgb(var(--spectrum-blue-1000-rgb)); --spectrum-blue-1100-rgb: 124, 169, 252; --spectrum-blue-1100: rgb(var(--spectrum-blue-1100-rgb)); --spectrum-blue-1200-rgb: 152, 192, 252; --spectrum-blue-1200: rgb(var(--spectrum-blue-1200-rgb)); --spectrum-blue-1300-rgb: 181, 213, 253; --spectrum-blue-1300: rgb(var(--spectrum-blue-1300-rgb)); --spectrum-blue-1400-rgb: 213, 231, 254; --spectrum-blue-1400: rgb(var(--spectrum-blue-1400-rgb)); --spectrum-blue-1500-rgb: 238, 245, 255; --spectrum-blue-1500: rgb(var(--spectrum-blue-1500-rgb)); --spectrum-blue-1600-rgb: 255, 255, 255; --spectrum-blue-1600: rgb(var(--spectrum-blue-1600-rgb)); --spectrum-red-100-rgb: 54, 10, 3; --spectrum-red-100: rgb(var(--spectrum-red-100-rgb)); --spectrum-red-200-rgb: 68, 13, 5; --spectrum-red-200: rgb(var(--spectrum-red-200-rgb)); --spectrum-red-300-rgb: 87, 17, 7; --spectrum-red-300: rgb(var(--spectrum-red-300-rgb)); --spectrum-red-400-rgb: 115, 24, 11; --spectrum-red-400: rgb(var(--spectrum-red-400-rgb)); --spectrum-red-500-rgb: 147, 31, 17; --spectrum-red-500: rgb(var(--spectrum-red-500-rgb)); --spectrum-red-600-rgb: 177, 38, 23; --spectrum-red-600: rgb(var(--spectrum-red-600-rgb)); --spectrum-red-700-rgb: 205, 46, 29; --spectrum-red-700: rgb(var(--spectrum-red-700-rgb)); --spectrum-red-800-rgb: 223, 52, 34; --spectrum-red-800: rgb(var(--spectrum-red-800-rgb)); --spectrum-red-900-rgb: 252, 67, 46; --spectrum-red-900: rgb(var(--spectrum-red-900-rgb)); --spectrum-red-1000-rgb: 255, 103, 86; --spectrum-red-1000: rgb(var(--spectrum-red-1000-rgb)); --spectrum-red-1100-rgb: 255, 134, 120; --spectrum-red-1100: rgb(var(--spectrum-red-1100-rgb)); --spectrum-red-1200-rgb: 255, 167, 157; --spectrum-red-1200: rgb(var(--spectrum-red-1200-rgb)); --spectrum-red-1300-rgb: 255, 196, 189; --spectrum-red-1300: rgb(var(--spectrum-red-1300-rgb)); --spectrum-red-1400-rgb: 255, 222, 219; --spectrum-red-1400: rgb(var(--spectrum-red-1400-rgb)); --spectrum-red-1500-rgb: 255, 242, 240; --spectrum-red-1500: rgb(var(--spectrum-red-1500-rgb)); --spectrum-red-1600-rgb: 255, 255, 255; --spectrum-red-1600: rgb(var(--spectrum-red-1600-rgb)); --spectrum-orange-100-rgb: 49, 16, 0; --spectrum-orange-100: rgb(var(--spectrum-orange-100-rgb)); --spectrum-orange-200-rgb: 61, 21, 0; --spectrum-orange-200: rgb(var(--spectrum-orange-200-rgb)); --spectrum-orange-300-rgb: 80, 27, 0; --spectrum-orange-300: rgb(var(--spectrum-orange-300-rgb)); --spectrum-orange-400-rgb: 106, 36, 0; --spectrum-orange-400: rgb(var(--spectrum-orange-400-rgb)); --spectrum-orange-500-rgb: 135, 47, 0; --spectrum-orange-500: rgb(var(--spectrum-orange-500-rgb)); --spectrum-orange-600-rgb: 162, 59, 0; --spectrum-orange-600: rgb(var(--spectrum-orange-600-rgb)); --spectrum-orange-700-rgb: 185, 73, 0; --spectrum-orange-700: rgb(var(--spectrum-orange-700-rgb)); --spectrum-orange-800-rgb: 199, 82, 0; --spectrum-orange-800: rgb(var(--spectrum-orange-800-rgb)); --spectrum-orange-900-rgb: 224, 100, 0; --spectrum-orange-900: rgb(var(--spectrum-orange-900-rgb)); --spectrum-orange-1000-rgb: 243, 117, 0; --spectrum-orange-1000: rgb(var(--spectrum-orange-1000-rgb)); --spectrum-orange-1100-rgb: 255, 137, 0; --spectrum-orange-1100: rgb(var(--spectrum-orange-1100-rgb)); --spectrum-orange-1200-rgb: 255, 173, 45; --spectrum-orange-1200: rgb(var(--spectrum-orange-1200-rgb)); --spectrum-orange-1300-rgb: 255, 201, 116; --spectrum-orange-1300: rgb(var(--spectrum-orange-1300-rgb)); --spectrum-orange-1400-rgb: 255, 225, 178; --spectrum-orange-1400: rgb(var(--spectrum-orange-1400-rgb)); --spectrum-orange-1500-rgb: 255, 243, 225; --spectrum-orange-1500: rgb(var(--spectrum-orange-1500-rgb)); --spectrum-orange-1600-rgb: 255, 255, 255; --spectrum-orange-1600: rgb(var(--spectrum-orange-1600-rgb)); --spectrum-yellow-100-rgb: 37, 23, 0; --spectrum-yellow-100: rgb(var(--spectrum-yellow-100-rgb)); --spectrum-yellow-200-rgb: 47, 29, 0; --spectrum-yellow-200: rgb(var(--spectrum-yellow-200-rgb)); --spectrum-yellow-300-rgb: 61, 39, 0; --spectrum-yellow-300: rgb(var(--spectrum-yellow-300-rgb)); --spectrum-yellow-400-rgb: 83, 52, 0; --spectrum-yellow-400: rgb(var(--spectrum-yellow-400-rgb)); --spectrum-yellow-500-rgb: 107, 67, 0; --spectrum-yellow-500: rgb(var(--spectrum-yellow-500-rgb)); --spectrum-yellow-600-rgb: 130, 82, 0; --spectrum-yellow-600: rgb(var(--spectrum-yellow-600-rgb)); --spectrum-yellow-700-rgb: 151, 97, 0; --spectrum-yellow-700: rgb(var(--spectrum-yellow-700-rgb)); --spectrum-yellow-800-rgb: 164, 106, 0; --spectrum-yellow-800: rgb(var(--spectrum-yellow-800-rgb)); --spectrum-yellow-900-rgb: 186, 124, 0; --spectrum-yellow-900: rgb(var(--spectrum-yellow-900-rgb)); --spectrum-yellow-1000-rgb: 203, 141, 0; --spectrum-yellow-1000: rgb(var(--spectrum-yellow-1000-rgb)); --spectrum-yellow-1100-rgb: 218, 159, 0; --spectrum-yellow-1100: rgb(var(--spectrum-yellow-1100-rgb)); --spectrum-yellow-1200-rgb: 235, 183, 0; --spectrum-yellow-1200: rgb(var(--spectrum-yellow-1200-rgb)); --spectrum-yellow-1300-rgb: 249, 206, 0; --spectrum-yellow-1300: rgb(var(--spectrum-yellow-1300-rgb)); --spectrum-yellow-1400-rgb: 255, 230, 86; --spectrum-yellow-1400: rgb(var(--spectrum-yellow-1400-rgb)); --spectrum-yellow-1500-rgb: 255, 246, 195; --spectrum-yellow-1500: rgb(var(--spectrum-yellow-1500-rgb)); --spectrum-yellow-1600-rgb: 255, 255, 255; --spectrum-yellow-1600: rgb(var(--spectrum-yellow-1600-rgb)); --spectrum-chartreuse-100-rgb: 23, 28, 0; --spectrum-chartreuse-100: rgb(var(--spectrum-chartreuse-100-rgb)); --spectrum-chartreuse-200-rgb: 30, 36, 0; --spectrum-chartreuse-200: rgb(var(--spectrum-chartreuse-200-rgb)); --spectrum-chartreuse-300-rgb: 39, 47, 0; --spectrum-chartreuse-300: rgb(var(--spectrum-chartreuse-300-rgb)); --spectrum-chartreuse-400-rgb: 53, 63, 0; --spectrum-chartreuse-400: rgb(var(--spectrum-chartreuse-400-rgb)); --spectrum-chartreuse-500-rgb: 68, 82, 0; --spectrum-chartreuse-500: rgb(var(--spectrum-chartreuse-500-rgb)); --spectrum-chartreuse-600-rgb: 83, 100, 0; --spectrum-chartreuse-600: rgb(var(--spectrum-chartreuse-600-rgb)); --spectrum-chartreuse-700-rgb: 97, 116, 0; --spectrum-chartreuse-700: rgb(var(--spectrum-chartreuse-700-rgb)); --spectrum-chartreuse-800-rgb: 106, 127, 0; --spectrum-chartreuse-800: rgb(var(--spectrum-chartreuse-800-rgb)); --spectrum-chartreuse-900-rgb: 122, 147, 0; --spectrum-chartreuse-900: rgb(var(--spectrum-chartreuse-900-rgb)); --spectrum-chartreuse-1000-rgb: 136, 164, 0; --spectrum-chartreuse-1000: rgb(var(--spectrum-chartreuse-1000-rgb)); --spectrum-chartreuse-1100-rgb: 151, 181, 0; --spectrum-chartreuse-1100: rgb(var(--spectrum-chartreuse-1100-rgb)); --spectrum-chartreuse-1200-rgb: 169, 203, 0; --spectrum-chartreuse-1200: rgb(var(--spectrum-chartreuse-1200-rgb)); --spectrum-chartreuse-1300-rgb: 187, 225, 0; --spectrum-chartreuse-1300: rgb(var(--spectrum-chartreuse-1300-rgb)); --spectrum-chartreuse-1400-rgb: 219, 240, 117; --spectrum-chartreuse-1400: rgb(var(--spectrum-chartreuse-1400-rgb)); --spectrum-chartreuse-1500-rgb: 242, 249, 206; --spectrum-chartreuse-1500: rgb(var(--spectrum-chartreuse-1500-rgb)); --spectrum-chartreuse-1600-rgb: 255, 255, 255; --spectrum-chartreuse-1600: rgb(var(--spectrum-chartreuse-1600-rgb)); --spectrum-celery-100-rgb: 11, 31, 0; --spectrum-celery-100: rgb(var(--spectrum-celery-100-rgb)); --spectrum-celery-200-rgb: 15, 38, 0; --spectrum-celery-200: rgb(var(--spectrum-celery-200-rgb)); --spectrum-celery-300-rgb: 21, 51, 1; --spectrum-celery-300: rgb(var(--spectrum-celery-300-rgb)); --spectrum-celery-400-rgb: 31, 67, 4; --spectrum-celery-400: rgb(var(--spectrum-celery-400-rgb)); --spectrum-celery-500-rgb: 41, 86, 8; --spectrum-celery-500: rgb(var(--spectrum-celery-500-rgb)); --spectrum-celery-600-rgb: 50, 105, 11; --spectrum-celery-600: rgb(var(--spectrum-celery-600-rgb)); --spectrum-celery-700-rgb: 60, 122, 15; --spectrum-celery-700: rgb(var(--spectrum-celery-700-rgb)); --spectrum-celery-800-rgb: 66, 134, 18; --spectrum-celery-800: rgb(var(--spectrum-celery-800-rgb)); --spectrum-celery-900-rgb: 78, 154, 23; --spectrum-celery-900: rgb(var(--spectrum-celery-900-rgb)); --spectrum-celery-1000-rgb: 88, 172, 28; --spectrum-celery-1000: rgb(var(--spectrum-celery-1000-rgb)); --spectrum-celery-1100-rgb: 100, 190, 35; --spectrum-celery-1100: rgb(var(--spectrum-celery-1100-rgb)); --spectrum-celery-1200-rgb: 116, 213, 46; --spectrum-celery-1200: rgb(var(--spectrum-celery-1200-rgb)); --spectrum-celery-1300-rgb: 136, 234, 65; --spectrum-celery-1300: rgb(var(--spectrum-celery-1300-rgb)); --spectrum-celery-1400-rgb: 170, 251, 112; --spectrum-celery-1400: rgb(var(--spectrum-celery-1400-rgb)); --spectrum-celery-1500-rgb: 222, 255, 198; --spectrum-celery-1500: rgb(var(--spectrum-celery-1500-rgb)); --spectrum-celery-1600-rgb: 255, 255, 255; --spectrum-celery-1600: rgb(var(--spectrum-celery-1600-rgb)); --spectrum-green-100-rgb: 0, 30, 23; --spectrum-green-100: rgb(var(--spectrum-green-100-rgb)); --spectrum-green-200-rgb: 0, 38, 29; --spectrum-green-200: rgb(var(--spectrum-green-200-rgb)); --spectrum-green-300-rgb: 0, 51, 38; --spectrum-green-300: rgb(var(--spectrum-green-300-rgb)); --spectrum-green-400-rgb: 0, 68, 48; --spectrum-green-400: rgb(var(--spectrum-green-400-rgb)); --spectrum-green-500-rgb: 2, 87, 58; --spectrum-green-500: rgb(var(--spectrum-green-500-rgb)); --spectrum-green-600-rgb: 3, 106, 67; --spectrum-green-600: rgb(var(--spectrum-green-600-rgb)); --spectrum-green-700-rgb: 4, 124, 75; --spectrum-green-700: rgb(var(--spectrum-green-700-rgb)); --spectrum-green-800-rgb: 6, 136, 80; --spectrum-green-800: rgb(var(--spectrum-green-800-rgb)); --spectrum-green-900-rgb: 9, 157, 89; --spectrum-green-900: rgb(var(--spectrum-green-900-rgb)); --spectrum-green-1000-rgb: 14, 175, 98; --spectrum-green-1000: rgb(var(--spectrum-green-1000-rgb)); --spectrum-green-1100-rgb: 24, 193, 110; --spectrum-green-1100: rgb(var(--spectrum-green-1100-rgb)); --spectrum-green-1200-rgb: 57, 215, 134; --spectrum-green-1200: rgb(var(--spectrum-green-1200-rgb)); --spectrum-green-1300-rgb: 126, 231, 172; --spectrum-green-1300: rgb(var(--spectrum-green-1300-rgb)); --spectrum-green-1400-rgb: 189, 241, 208; --spectrum-green-1400: rgb(var(--spectrum-green-1400-rgb)); --spectrum-green-1500-rgb: 229, 250, 236; --spectrum-green-1500: rgb(var(--spectrum-green-1500-rgb)); --spectrum-green-1600-rgb: 255, 255, 255; --spectrum-green-1600: rgb(var(--spectrum-green-1600-rgb)); --spectrum-seafoam-100-rgb: 0, 30, 27; --spectrum-seafoam-100: rgb(var(--spectrum-seafoam-100-rgb)); --spectrum-seafoam-200-rgb: 0, 39, 35; --spectrum-seafoam-200: rgb(var(--spectrum-seafoam-200-rgb)); --spectrum-seafoam-300-rgb: 0, 50, 44; --spectrum-seafoam-300: rgb(var(--spectrum-seafoam-300-rgb)); --spectrum-seafoam-400-rgb: 0, 67, 59; --spectrum-seafoam-400: rgb(var(--spectrum-seafoam-400-rgb)); --spectrum-seafoam-500-rgb: 2, 86, 75; --spectrum-seafoam-500: rgb(var(--spectrum-seafoam-500-rgb)); --spectrum-seafoam-600-rgb: 4, 105, 89; --spectrum-seafoam-600: rgb(var(--spectrum-seafoam-600-rgb)); --spectrum-seafoam-700-rgb: 6, 122, 103; --spectrum-seafoam-700: rgb(var(--spectrum-seafoam-700-rgb)); --spectrum-seafoam-800-rgb: 8, 134, 112; --spectrum-seafoam-800: rgb(var(--spectrum-seafoam-800-rgb)); --spectrum-seafoam-900-rgb: 10, 154, 128; --spectrum-seafoam-900: rgb(var(--spectrum-seafoam-900-rgb)); --spectrum-seafoam-1000-rgb: 12, 173, 142; --spectrum-seafoam-1000: rgb(var(--spectrum-seafoam-1000-rgb)); --spectrum-seafoam-1100-rgb: 14, 190, 156; --spectrum-seafoam-1100: rgb(var(--spectrum-seafoam-1100-rgb)); --spectrum-seafoam-1200-rgb: 29, 214, 176; --spectrum-seafoam-1200: rgb(var(--spectrum-seafoam-1200-rgb)); --spectrum-seafoam-1300-rgb: 122, 229, 203; --spectrum-seafoam-1300: rgb(var(--spectrum-seafoam-1300-rgb)); --spectrum-seafoam-1400-rgb: 186, 241, 222; --spectrum-seafoam-1400: rgb(var(--spectrum-seafoam-1400-rgb)); --spectrum-seafoam-1500-rgb: 229, 249, 243; --spectrum-seafoam-1500: rgb(var(--spectrum-seafoam-1500-rgb)); --spectrum-seafoam-1600-rgb: 255, 255, 255; --spectrum-seafoam-1600: rgb(var(--spectrum-seafoam-1600-rgb)); --spectrum-cyan-100-rgb: 0, 29, 39; --spectrum-cyan-100: rgb(var(--spectrum-cyan-100-rgb)); --spectrum-cyan-200-rgb: 0, 36, 49; --spectrum-cyan-200: rgb(var(--spectrum-cyan-200-rgb)); --spectrum-cyan-300-rgb: 0, 48, 65; --spectrum-cyan-300: rgb(var(--spectrum-cyan-300-rgb)); --spectrum-cyan-400-rgb: 0, 64, 88; --spectrum-cyan-400: rgb(var(--spectrum-cyan-400-rgb)); --spectrum-cyan-500-rgb: 0, 82, 113; --spectrum-cyan-500: rgb(var(--spectrum-cyan-500-rgb)); --spectrum-cyan-600-rgb: 3, 99, 140; --spectrum-cyan-600: rgb(var(--spectrum-cyan-600-rgb)); --spectrum-cyan-700-rgb: 8, 115, 168; --spectrum-cyan-700: rgb(var(--spectrum-cyan-700-rgb)); --spectrum-cyan-800-rgb: 13, 125, 186; --spectrum-cyan-800: rgb(var(--spectrum-cyan-800-rgb)); --spectrum-cyan-900-rgb: 24, 142, 220; --spectrum-cyan-900: rgb(var(--spectrum-cyan-900-rgb)); --spectrum-cyan-1000-rgb: 38, 159, 244; --spectrum-cyan-1000: rgb(var(--spectrum-cyan-1000-rgb)); --spectrum-cyan-1100-rgb: 63, 177, 255; --spectrum-cyan-1100: rgb(var(--spectrum-cyan-1100-rgb)); --spectrum-cyan-1200-rgb: 107, 199, 255; --spectrum-cyan-1200: rgb(var(--spectrum-cyan-1200-rgb)); --spectrum-cyan-1300-rgb: 152, 219, 255; --spectrum-cyan-1300: rgb(var(--spectrum-cyan-1300-rgb)); --spectrum-cyan-1400-rgb: 195, 236, 252; --spectrum-cyan-1400: rgb(var(--spectrum-cyan-1400-rgb)); --spectrum-cyan-1500-rgb: 230, 248, 253; --spectrum-cyan-1500: rgb(var(--spectrum-cyan-1500-rgb)); --spectrum-cyan-1600-rgb: 255, 255, 255; --spectrum-cyan-1600: rgb(var(--spectrum-cyan-1600-rgb)); --spectrum-indigo-100-rgb: 30, 0, 93; --spectrum-indigo-100: rgb(var(--spectrum-indigo-100-rgb)); --spectrum-indigo-200-rgb: 35, 0, 110; --spectrum-indigo-200: rgb(var(--spectrum-indigo-200-rgb)); --spectrum-indigo-300-rgb: 47, 0, 140; --spectrum-indigo-300: rgb(var(--spectrum-indigo-300-rgb)); --spectrum-indigo-400-rgb: 62, 12, 174; --spectrum-indigo-400: rgb(var(--spectrum-indigo-400-rgb)); --spectrum-indigo-500-rgb: 79, 30, 209; --spectrum-indigo-500: rgb(var(--spectrum-indigo-500-rgb)); --spectrum-indigo-600-rgb: 95, 52, 235; --spectrum-indigo-600: rgb(var(--spectrum-indigo-600-rgb)); --spectrum-indigo-700-rgb: 109, 75, 248; --spectrum-indigo-700: rgb(var(--spectrum-indigo-700-rgb)); --spectrum-indigo-800-rgb: 116, 91, 252; --spectrum-indigo-800: rgb(var(--spectrum-indigo-800-rgb)); --spectrum-indigo-900-rgb: 128, 119, 254; --spectrum-indigo-900: rgb(var(--spectrum-indigo-900-rgb)); --spectrum-indigo-1000-rgb: 139, 141, 254; --spectrum-indigo-1000: rgb(var(--spectrum-indigo-1000-rgb)); --spectrum-indigo-1100-rgb: 153, 161, 255; --spectrum-indigo-1100: rgb(var(--spectrum-indigo-1100-rgb)); --spectrum-indigo-1200-rgb: 176, 186, 255; --spectrum-indigo-1200: rgb(var(--spectrum-indigo-1200-rgb)); --spectrum-indigo-1300-rgb: 199, 208, 255; --spectrum-indigo-1300: rgb(var(--spectrum-indigo-1300-rgb)); --spectrum-indigo-1400-rgb: 223, 228, 255; --spectrum-indigo-1400: rgb(var(--spectrum-indigo-1400-rgb)); --spectrum-indigo-1500-rgb: 243, 244, 255; --spectrum-indigo-1500: rgb(var(--spectrum-indigo-1500-rgb)); --spectrum-indigo-1600-rgb: 255, 255, 255; --spectrum-indigo-1600: rgb(var(--spectrum-indigo-1600-rgb)); --spectrum-purple-100-rgb: 41, 0, 79; --spectrum-purple-100: rgb(var(--spectrum-purple-100-rgb)); --spectrum-purple-200-rgb: 50, 0, 96; --spectrum-purple-200: rgb(var(--spectrum-purple-200-rgb)); --spectrum-purple-300-rgb: 64, 0, 122; --spectrum-purple-300: rgb(var(--spectrum-purple-300-rgb)); --spectrum-purple-400-rgb: 83, 0, 159; --spectrum-purple-400: rgb(var(--spectrum-purple-400-rgb)); --spectrum-purple-500-rgb: 107, 6, 195; --spectrum-purple-500: rgb(var(--spectrum-purple-500-rgb)); --spectrum-purple-600-rgb: 130, 34, 215; --spectrum-purple-600: rgb(var(--spectrum-purple-600-rgb)); --spectrum-purple-700-rgb: 148, 62, 224; --spectrum-purple-700: rgb(var(--spectrum-purple-700-rgb)); --spectrum-purple-800-rgb: 157, 78, 228; --spectrum-purple-800: rgb(var(--spectrum-purple-800-rgb)); --spectrum-purple-900-rgb: 173, 105, 233; --spectrum-purple-900: rgb(var(--spectrum-purple-900-rgb)); --spectrum-purple-1000-rgb: 186, 127, 237; --spectrum-purple-1000: rgb(var(--spectrum-purple-1000-rgb)); --spectrum-purple-1100-rgb: 197, 149, 240; --spectrum-purple-1100: rgb(var(--spectrum-purple-1100-rgb)); --spectrum-purple-1200-rgb: 212, 176, 244; --spectrum-purple-1200: rgb(var(--spectrum-purple-1200-rgb)); --spectrum-purple-1300-rgb: 225, 201, 247; --spectrum-purple-1300: rgb(var(--spectrum-purple-1300-rgb)); --spectrum-purple-1400-rgb: 238, 224, 250; --spectrum-purple-1400: rgb(var(--spectrum-purple-1400-rgb)); --spectrum-purple-1500-rgb: 248, 243, 253; --spectrum-purple-1500: rgb(var(--spectrum-purple-1500-rgb)); --spectrum-purple-1600-rgb: 255, 255, 255; --spectrum-purple-1600: rgb(var(--spectrum-purple-1600-rgb)); --spectrum-fuchsia-100-rgb: 50, 0, 61; --spectrum-fuchsia-100: rgb(var(--spectrum-fuchsia-100-rgb)); --spectrum-fuchsia-200-rgb: 61, 0, 74; --spectrum-fuchsia-200: rgb(var(--spectrum-fuchsia-200-rgb)); --spectrum-fuchsia-300-rgb: 79, 0, 95; --spectrum-fuchsia-300: rgb(var(--spectrum-fuchsia-300-rgb)); --spectrum-fuchsia-400-rgb: 102, 9, 120; --spectrum-fuchsia-400: rgb(var(--spectrum-fuchsia-400-rgb)); --spectrum-fuchsia-500-rgb: 127, 23, 146; --spectrum-fuchsia-500: rgb(var(--spectrum-fuchsia-500-rgb)); --spectrum-fuchsia-600-rgb: 151, 38, 170; --spectrum-fuchsia-600: rgb(var(--spectrum-fuchsia-600-rgb)); --spectrum-fuchsia-700-rgb: 173, 51, 192; --spectrum-fuchsia-700: rgb(var(--spectrum-fuchsia-700-rgb)); --spectrum-fuchsia-800-rgb: 186, 60, 206; --spectrum-fuchsia-800: rgb(var(--spectrum-fuchsia-800-rgb)); --spectrum-fuchsia-900-rgb: 213, 73, 235; --spectrum-fuchsia-900: rgb(var(--spectrum-fuchsia-900-rgb)); --spectrum-fuchsia-1000-rgb: 232, 91, 253; --spectrum-fuchsia-1000: rgb(var(--spectrum-fuchsia-1000-rgb)); --spectrum-fuchsia-1100-rgb: 240, 122, 255; --spectrum-fuchsia-1100: rgb(var(--spectrum-fuchsia-1100-rgb)); --spectrum-fuchsia-1200-rgb: 245, 159, 255; --spectrum-fuchsia-1200: rgb(var(--spectrum-fuchsia-1200-rgb)); --spectrum-fuchsia-1300-rgb: 248, 191, 255; --spectrum-fuchsia-1300: rgb(var(--spectrum-fuchsia-1300-rgb)); --spectrum-fuchsia-1400-rgb: 251, 219, 255; --spectrum-fuchsia-1400: rgb(var(--spectrum-fuchsia-1400-rgb)); --spectrum-fuchsia-1500-rgb: 253, 241, 255; --spectrum-fuchsia-1500: rgb(var(--spectrum-fuchsia-1500-rgb)); --spectrum-fuchsia-1600-rgb: 255, 255, 255; --spectrum-fuchsia-1600: rgb(var(--spectrum-fuchsia-1600-rgb)); --spectrum-magenta-100-rgb: 59, 0, 22; --spectrum-magenta-100: rgb(var(--spectrum-magenta-100-rgb)); --spectrum-magenta-200-rgb: 74, 0, 27; --spectrum-magenta-200: rgb(var(--spectrum-magenta-200-rgb)); --spectrum-magenta-300-rgb: 93, 0, 34; --spectrum-magenta-300: rgb(var(--spectrum-magenta-300-rgb)); --spectrum-magenta-400-rgb: 123, 0, 45; --spectrum-magenta-400: rgb(var(--spectrum-magenta-400-rgb)); --spectrum-magenta-500-rgb: 152, 7, 60; --spectrum-magenta-500: rgb(var(--spectrum-magenta-500-rgb)); --spectrum-magenta-600-rgb: 181, 19, 76; --spectrum-magenta-600: rgb(var(--spectrum-magenta-600-rgb)); --spectrum-magenta-700-rgb: 207, 31, 92; --spectrum-magenta-700: rgb(var(--spectrum-magenta-700-rgb)); --spectrum-magenta-800-rgb: 224, 38, 101; --spectrum-magenta-800: rgb(var(--spectrum-magenta-800-rgb)); --spectrum-magenta-900-rgb: 255, 51, 119; --spectrum-magenta-900: rgb(var(--spectrum-magenta-900-rgb)); --spectrum-magenta-1000-rgb: 255, 96, 149; --spectrum-magenta-1000: rgb(var(--spectrum-magenta-1000-rgb)); --spectrum-magenta-1100-rgb: 255, 128, 171; --spectrum-magenta-1100: rgb(var(--spectrum-magenta-1100-rgb)); --spectrum-magenta-1200-rgb: 255, 163, 194; --spectrum-magenta-1200: rgb(var(--spectrum-magenta-1200-rgb)); --spectrum-magenta-1300-rgb: 255, 193, 214; --spectrum-magenta-1300: rgb(var(--spectrum-magenta-1300-rgb)); --spectrum-magenta-1400-rgb: 255, 220, 232; --spectrum-magenta-1400: rgb(var(--spectrum-magenta-1400-rgb)); --spectrum-magenta-1500-rgb: 255, 241, 246; --spectrum-magenta-1500: rgb(var(--spectrum-magenta-1500-rgb)); --spectrum-magenta-1600-rgb: 255, 255, 255; --spectrum-magenta-1600: rgb(var(--spectrum-magenta-1600-rgb)); --spectrum-pink-100-rgb: 58, 0, 37; --spectrum-pink-100: rgb(var(--spectrum-pink-100-rgb)); --spectrum-pink-200-rgb: 71, 0, 44; --spectrum-pink-200: rgb(var(--spectrum-pink-200-rgb)); --spectrum-pink-300-rgb: 90, 0, 57; --spectrum-pink-300: rgb(var(--spectrum-pink-300-rgb)); --spectrum-pink-400-rgb: 115, 7, 75; --spectrum-pink-400: rgb(var(--spectrum-pink-400-rgb)); --spectrum-pink-500-rgb: 143, 18, 97; --spectrum-pink-500: rgb(var(--spectrum-pink-500-rgb)); --spectrum-pink-600-rgb: 171, 29, 119; --spectrum-pink-600: rgb(var(--spectrum-pink-600-rgb)); --spectrum-pink-700-rgb: 196, 39, 138; --spectrum-pink-700: rgb(var(--spectrum-pink-700-rgb)); --spectrum-pink-800-rgb: 213, 45, 151; --spectrum-pink-800: rgb(var(--spectrum-pink-800-rgb)); --spectrum-pink-900-rgb: 236, 67, 175; --spectrum-pink-900: rgb(var(--spectrum-pink-900-rgb)); --spectrum-pink-1000-rgb: 251, 90, 196; --spectrum-pink-1000: rgb(var(--spectrum-pink-1000-rgb)); --spectrum-pink-1100-rgb: 255, 122, 210; --spectrum-pink-1100: rgb(var(--spectrum-pink-1100-rgb)); --spectrum-pink-1200-rgb: 255, 159, 223; --spectrum-pink-1200: rgb(var(--spectrum-pink-1200-rgb)); --spectrum-pink-1300-rgb: 255, 191, 234; --spectrum-pink-1300: rgb(var(--spectrum-pink-1300-rgb)); --spectrum-pink-1400-rgb: 255, 219, 243; --spectrum-pink-1400: rgb(var(--spectrum-pink-1400-rgb)); --spectrum-pink-1500-rgb: 255, 241, 250; --spectrum-pink-1500: rgb(var(--spectrum-pink-1500-rgb)); --spectrum-pink-1600-rgb: 255, 255, 255; --spectrum-pink-1600: rgb(var(--spectrum-pink-1600-rgb)); --spectrum-turquoise-100-rgb: 0, 30, 33; --spectrum-turquoise-100: rgb(var(--spectrum-turquoise-100-rgb)); --spectrum-turquoise-200-rgb: 0, 37, 41; --spectrum-turquoise-200: rgb(var(--spectrum-turquoise-200-rgb)); --spectrum-turquoise-300-rgb: 0, 49, 54; --spectrum-turquoise-300: rgb(var(--spectrum-turquoise-300-rgb)); --spectrum-turquoise-400-rgb: 0, 66, 72; --spectrum-turquoise-400: rgb(var(--spectrum-turquoise-400-rgb)); --spectrum-turquoise-500-rgb: 3, 84, 92; --spectrum-turquoise-500: rgb(var(--spectrum-turquoise-500-rgb)); --spectrum-turquoise-600-rgb: 5, 103, 112; --spectrum-turquoise-600: rgb(var(--spectrum-turquoise-600-rgb)); --spectrum-turquoise-700-rgb: 7, 120, 131; --spectrum-turquoise-700: rgb(var(--spectrum-turquoise-700-rgb)); --spectrum-turquoise-800-rgb: 9, 131, 142; --spectrum-turquoise-800: rgb(var(--spectrum-turquoise-800-rgb)); --spectrum-turquoise-900-rgb: 11, 151, 164; --spectrum-turquoise-900: rgb(var(--spectrum-turquoise-900-rgb)); --spectrum-turquoise-1000-rgb: 13, 168, 182; --spectrum-turquoise-1000: rgb(var(--spectrum-turquoise-1000-rgb)); --spectrum-turquoise-1100-rgb: 16, 186, 202; --spectrum-turquoise-1100: rgb(var(--spectrum-turquoise-1100-rgb)); --spectrum-turquoise-1200-rgb: 64, 208, 220; --spectrum-turquoise-1200: rgb(var(--spectrum-turquoise-1200-rgb)); --spectrum-turquoise-1300-rgb: 128, 225, 231; --spectrum-turquoise-1300: rgb(var(--spectrum-turquoise-1300-rgb)); --spectrum-turquoise-1400-rgb: 183, 240, 240; --spectrum-turquoise-1400: rgb(var(--spectrum-turquoise-1400-rgb)); --spectrum-turquoise-1500-rgb: 228, 249, 249; --spectrum-turquoise-1500: rgb(var(--spectrum-turquoise-1500-rgb)); --spectrum-turquoise-1600-rgb: 255, 255, 255; --spectrum-turquoise-1600: rgb(var(--spectrum-turquoise-1600-rgb)); --spectrum-brown-100-rgb: 35, 24, 8; --spectrum-brown-100: rgb(var(--spectrum-brown-100-rgb)); --spectrum-brown-200-rgb: 44, 31, 11; --spectrum-brown-200: rgb(var(--spectrum-brown-200-rgb)); --spectrum-brown-300-rgb: 58, 40, 14; --spectrum-brown-300: rgb(var(--spectrum-brown-300-rgb)); --spectrum-brown-400-rgb: 78, 55, 19; --spectrum-brown-400: rgb(var(--spectrum-brown-400-rgb)); --spectrum-brown-500-rgb: 98, 71, 30; --spectrum-brown-500: rgb(var(--spectrum-brown-500-rgb)); --spectrum-brown-600-rgb: 115, 88, 47; --spectrum-brown-600: rgb(var(--spectrum-brown-600-rgb)); --spectrum-brown-700-rgb: 132, 104, 61; --spectrum-brown-700: rgb(var(--spectrum-brown-700-rgb)); --spectrum-brown-800-rgb: 143, 114, 69; --spectrum-brown-800: rgb(var(--spectrum-brown-800-rgb)); --spectrum-brown-900-rgb: 163, 132, 84; --spectrum-brown-900: rgb(var(--spectrum-brown-900-rgb)); --spectrum-brown-1000-rgb: 181, 147, 98; --spectrum-brown-1000: rgb(var(--spectrum-brown-1000-rgb)); --spectrum-brown-1100-rgb: 199, 163, 112; --spectrum-brown-1100: rgb(var(--spectrum-brown-1100-rgb)); --spectrum-brown-1200-rgb: 222, 185, 130; --spectrum-brown-1200: rgb(var(--spectrum-brown-1200-rgb)); --spectrum-brown-1300-rgb: 232, 207, 169; --spectrum-brown-1300: rgb(var(--spectrum-brown-1300-rgb)); --spectrum-brown-1400-rgb: 242, 227, 206; --spectrum-brown-1400: rgb(var(--spectrum-brown-1400-rgb)); --spectrum-brown-1500-rgb: 250, 244, 236; --spectrum-brown-1500: rgb(var(--spectrum-brown-1500-rgb)); --spectrum-brown-1600-rgb: 255, 255, 255; --spectrum-brown-1600: rgb(var(--spectrum-brown-1600-rgb)); --spectrum-silver-100-rgb: 26, 26, 26; --spectrum-silver-100: rgb(var(--spectrum-silver-100-rgb)); --spectrum-silver-200-rgb: 33, 33, 33; --spectrum-silver-200: rgb(var(--spectrum-silver-200-rgb)); --spectrum-silver-300-rgb: 44, 44, 44; --spectrum-silver-300: rgb(var(--spectrum-silver-300-rgb)); --spectrum-silver-400-rgb: 59, 59, 59; --spectrum-silver-400: rgb(var(--spectrum-silver-400-rgb)); --spectrum-silver-500-rgb: 76, 76, 76; --spectrum-silver-500: rgb(var(--spectrum-silver-500-rgb)); --spectrum-silver-600-rgb: 92, 92, 92; --spectrum-silver-600: rgb(var(--spectrum-silver-600-rgb)); --spectrum-silver-700-rgb: 108, 108, 108; --spectrum-silver-700: rgb(var(--spectrum-silver-700-rgb)); --spectrum-silver-800-rgb: 118, 118, 118; --spectrum-silver-800: rgb(var(--spectrum-silver-800-rgb)); --spectrum-silver-900-rgb: 137, 137, 137; --spectrum-silver-900: rgb(var(--spectrum-silver-900-rgb)); --spectrum-silver-1000-rgb: 152, 152, 152; --spectrum-silver-1000: rgb(var(--spectrum-silver-1000-rgb)); --spectrum-silver-1100-rgb: 169, 169, 169; --spectrum-silver-1100: rgb(var(--spectrum-silver-1100-rgb)); --spectrum-silver-1200-rgb: 190, 190, 190; --spectrum-silver-1200: rgb(var(--spectrum-silver-1200-rgb)); --spectrum-silver-1300-rgb: 211, 211, 211; --spectrum-silver-1300: rgb(var(--spectrum-silver-1300-rgb)); --spectrum-silver-1400-rgb: 229, 229, 229; --spectrum-silver-1400: rgb(var(--spectrum-silver-1400-rgb)); --spectrum-silver-1500-rgb: 244, 244, 244; --spectrum-silver-1500: rgb(var(--spectrum-silver-1500-rgb)); --spectrum-silver-1600-rgb: 255, 255, 255; --spectrum-silver-1600: rgb(var(--spectrum-silver-1600-rgb)); --spectrum-cinnamon-100-rgb: 48, 17, 4; --spectrum-cinnamon-100: rgb(var(--spectrum-cinnamon-100-rgb)); --spectrum-cinnamon-200-rgb: 59, 21, 5; --spectrum-cinnamon-200: rgb(var(--spectrum-cinnamon-200-rgb)); --spectrum-cinnamon-300-rgb: 79, 28, 7; --spectrum-cinnamon-300: rgb(var(--spectrum-cinnamon-300-rgb)); --spectrum-cinnamon-400-rgb: 100, 41, 15; --spectrum-cinnamon-400: rgb(var(--spectrum-cinnamon-400-rgb)); --spectrum-cinnamon-500-rgb: 122, 57, 28; --spectrum-cinnamon-500: rgb(var(--spectrum-cinnamon-500-rgb)); --spectrum-cinnamon-600-rgb: 143, 74, 40; --spectrum-cinnamon-600: rgb(var(--spectrum-cinnamon-600-rgb)); --spectrum-cinnamon-700-rgb: 163, 88, 52; --spectrum-cinnamon-700: rgb(var(--spectrum-cinnamon-700-rgb)); --spectrum-cinnamon-800-rgb: 176, 98, 59; --spectrum-cinnamon-800: rgb(var(--spectrum-cinnamon-800-rgb)); --spectrum-cinnamon-900-rgb: 192, 119, 80; --spectrum-cinnamon-900: rgb(var(--spectrum-cinnamon-900-rgb)); --spectrum-cinnamon-1000-rgb: 206, 136, 99; --spectrum-cinnamon-1000: rgb(var(--spectrum-cinnamon-1000-rgb)); --spectrum-cinnamon-1100-rgb: 220, 154, 118; --spectrum-cinnamon-1100: rgb(var(--spectrum-cinnamon-1100-rgb)); --spectrum-cinnamon-1200-rgb: 232, 179, 149; --spectrum-cinnamon-1200: rgb(var(--spectrum-cinnamon-1200-rgb)); --spectrum-cinnamon-1300-rgb: 239, 203, 183; --spectrum-cinnamon-1300: rgb(var(--spectrum-cinnamon-1300-rgb)); --spectrum-cinnamon-1400-rgb: 246, 225, 214; --spectrum-cinnamon-1400: rgb(var(--spectrum-cinnamon-1400-rgb)); --spectrum-cinnamon-1500-rgb: 252, 244, 239; --spectrum-cinnamon-1500: rgb(var(--spectrum-cinnamon-1500-rgb)); --spectrum-cinnamon-1600-rgb: 255, 255, 255; --spectrum-cinnamon-1600: rgb(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); /* stylelint-disable-next-line custom-property-pattern -- context identification */ --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: rgb( var(--spectrum-blue-800-rgb), 0.25 ); --spectrum-assetlist-item-background-color-selected: rgb(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: rgb(var(--spectrum-blue-800-rgb), 0.15); --spectrum-calendar-day-background-color-hover: rgb(var(--spectrum-white-rgb), 0.07); --spectrum-calendar-day-today-background-color-selected-hover: rgb( var(--spectrum-blue-800-rgb), 0.25 ); --spectrum-calendar-day-background-color-selected-hover: rgb(var(--spectrum-blue-800-rgb), 0.25); --spectrum-calendar-day-background-color-down-rgb: var(--spectrum-transparent-white-200-rgb); --spectrum-calendar-day-background-color-down-opacity: var( --spectrum-transparent-white-200-opacity ); --spectrum-calendar-day-background-color-down: rgb( var(--spectrum-calendar-day-background-color-down-rgb), var(--spectrum-calendar-day-background-color-down-opacity) ); --spectrum-calendar-day-background-color-cap-selected: rgb(var(--spectrum-blue-800-rgb), 0.25); --spectrum-calendar-day-background-color-key-focus: rgb(var(--spectrum-white-rgb), 0.07); --spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700); --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); --spectrum-dropindicator-color: var(--spectrum-blue-700); --spectrum-logic-button-and-background-color: var(--spectrum-blue-800); --spectrum-logic-button-and-border-color: var(--spectrum-blue-800); --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000); --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000); --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700); --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700); --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900); --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900); --spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700); --spectrum-swatch-border-color-rgb: 255, 255, 255; --spectrum-swatch-border-color-opacity: 0.51; --spectrum-swatch-border-color: rgb( var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity) ); --spectrum-swatch-border-color-light-rgb: 255, 255, 255; --spectrum-swatch-border-color-light-opacity: 0.2; --spectrum-swatch-border-color-light: rgb( var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity) ); --spectrum-treeview-item-background-color-quiet-selected: rgb(var(--spectrum-gray-900-rgb), 0.07); --spectrum-treeview-item-background-color-selected: rgb(var(--spectrum-blue-800-rgb), 0.15); }