@govbr-ds/core
Version:
Padrão Digital de Governo
1 lines • 60.7 kB
Source Map (JSON)
{"version":3,"file":"core-tokens.css","mappings":"AAAA;ECSI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAOA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAPA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EDAF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;GAAA;EAIA;EACA;EACA;EACA;;;GAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EC5HE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ED8JA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AE4kCJ,C","sources":["webpack://core/./src/partial/scss/_tokens.scss","webpack://core/./src/partial/scss/mixins/_tokens.scss","webpack://core/./src/partial/scss/core-tokens.scss"],"sourcesContent":[":root {\n // Novas cores\n @include family-blue;\n @include family-cyan;\n @include family-gold;\n @include family-gray;\n @include family-green;\n @include family-indigo;\n @include family-magenta;\n @include family-mint;\n @include family-orange;\n @include family-pure;\n @include family-red;\n @include family-violet;\n @include family-yellow;\n // Superfície\n --background: var(--background-light);\n --background-rgb: var(--background-light-rgb);\n --background-light: var(--pure-0);\n --background-light-rgb: var(--pure-0-rgb);\n --background-alternative: var(--gray-5);\n --background-alternative-rgb: var(--gray-5-rgb);\n --background-dark: var(--blue-warm-vivid-90);\n --background-dark-rgb: var(--blue-warm-vivid-90-rgb);\n // Bordas\n --border-color: var(--gray-20);\n --border-color-alternative: var(--gray-40);\n --border-style: solid;\n --border-width: var(--surface-width-sm);\n // Leitura\n --color: var(--color-light);\n --color-rgb: var(--color-light-rgb);\n --color-light: var(--gray-80);\n --color-light-rgb: var(--gray-80-rgb);\n --color-dark: var(--pure-0);\n --color-dark-rgb: var(--pure-0-rgb);\n // Interativa\n --interactive: var(--interactive-light);\n --interactive-rgb: var(--interactive-light-rgb);\n --interactive-light: var(--blue-warm-vivid-70);\n --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);\n --interactive-dark: var(--blue-warm-20);\n --interactive-dark-rgb: var(--blue-warm-20-rgb);\n --interactive-alternative: var(--green-cool-vivid-50);\n --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);\n // Feedback Informação\n --info: var(--blue-warm-vivid-60);\n --info-alternative: var(--blue-warm-vivid-10);\n --info-rgb: var(--blue-warm-vivid-60-rgb);\n --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);\n // Feedback Sucesso\n --success: var(--green-cool-vivid-50);\n --success-alternative: var(--green-cool-vivid-5);\n --success-rgb: var(--green-cool-vivid-50-rgb);\n --success-alternative-rgb: var(--green-cool-vivid-5-rgb);\n // Feedback Alerta\n --warning: var(--yellow-vivid-20);\n --warning-alternative: var(--yellow-vivid-5);\n --warning-rgb: var(--yellow-vivid-20-rgb);\n --warning-alternative-rgb: var(--yellow-vivid-5-rgb);\n // Feedback Erro\n --danger: var(--red-vivid-50);\n --danger-alternative: var(--red-vivid-10);\n --danger-rgb: var(--red-vivid-50-rgb);\n --danger-alternative-rgb: var(--red-vivid-20-rgb);\n // Fonte Family\n --font-family-base: #{$font-family-base};\n --surface-overlay-scrim: #{$overlay-scrim};\n --surface-overlay-text: #{$overlay-text};\n // Estados\n --visited: var(--visited-light);\n --visited-light: var(--blue-warm-vivid-80);\n --visited-dark: var(--gray-20);\n --disabled: var(--surface-opacity-md);\n --hover: var(--hover-light);\n --hover-light: var(--surface-opacity-xs);\n --hover-dark: var(--surface-opacity-sm);\n --hover-effect: linear-gradient(\n rgba(var(--interactive-rgb), var(--hover)),\n rgba(var(--interactive-rgb), var(--hover))\n );\n --pressed: var(--pressed-light);\n --pressed-light: var(--surface-opacity-md);\n --pressed-dark: var(--surface-opacity-lg);\n --pressed-effect: linear-gradient(\n rgba(var(--interactive-rgb), var(--pressed)),\n rgba(var(--interactive-rgb), var(--pressed))\n );\n --focus-style: dashed;\n --focus-color: var(--focus-color-light);\n --focus-color-light: var(--gold-vivid-40);\n --focus-color-dark: var(--gold-vivid-20);\n --focus: var(--focus-color);\n --focus-offset: var(--spacing-scale-half);\n --focus-width: var(--surface-width-lg);\n --active: var(--blue-warm-vivid-80);\n --active-rgb: var(--blue-warm-vivid-80-rgb);\n --selected: var(--blue-warm-vivid-50);\n --on: var(--blue-warm-vivid-40);\n --on-rgb: var(--blue-warm-vivid-40-rgb);\n --off: var(--gray-20);\n --off-rgb: var(--gray-20-rgb);\n --ondrag-border-color: var(--interactive);\n --ondrag-border-width: var(--surface-width-md);\n --ondrag-border-style: solid;\n --ondrag-shadow-offset-x: var(--surface-offset-none);\n --ondrag-shadow-offset-y: var(--surface-offset-md);\n --ondrag-shadow-blur: var(--surface-blur-lg);\n --ondrag-shadow-color: var(--interactive-rgb);\n --ondrag-shadow-opacity: var(--surface-opacity-sm);\n --ondrag-opacity: var(--surface-opacity-xl);\n --ondrag-rotate: -5deg;\n --ondrag-cursor: grabbing;\n --draggable-icon: grip-vertical;\n --draggable-cursor: grab;\n --dropzone-border-color: var(--interactive);\n --dropzone-border-width: var(--surface-width-sm);\n --dropzone-border-style: dashed;\n --ondrop-background: var(--interactive-rgb);\n --ondrop-opacity: var(--surface-opacity-sm);\n --ondrop-cursor: copy;\n // Camadas\n --z-index-layer-0: 0;\n --z-index-layer-1: 1000;\n --z-index-layer-2: 2000;\n --z-index-layer-3: 3000;\n --z-index-layer-4: 4000;\n // Cor hexadecimal\n @include tokens($br-colors, \"color-\");\n // Iconografia\n @include tokens($tokens-icons);\n // Superfície\n @include tokens($widths, \"surface-\");\n @include tokens($rounders, \"surface-\");\n @include tokens($opacities, \"surface-\");\n @include tokens($borders, \"surface-\");\n @include tokens($blurs, \"surface-\");\n @include tokens($offsets, \"surface-\");\n @include tokens($shadows, \"surface-\");\n\n // Movimento\n @include tokens($easings, \"animation-\");\n @include tokens($durations, \"duration-\");\n\n // Tipografia\n @include tokens($font-weights, \"font-weight-\");\n @include tokens($text-font-size, \"font-size-scale-\");\n @include tokens($tokens-line-height);\n // Grid\n @include tokens($tokens-breakpoints);\n @include tokens($tokens-portrait);\n @include tokens($tokens-tablet);\n @include tokens($tokens-desktop);\n @include tokens($tokens-tv);\n // Alinhamento\n @include tokens($tokens-alinhamento);\n // Espaçamento\n @include tokens($tokens-spacing);\n // Cor rgb\n @each $key, $value in $br-colors {\n --rgb-#{$key}: #{get-rgb($value)};\n }\n}\n","@mixin tokens($map, $name: \"\") {\n @each $index, $value in $map {\n --#{$name}#{$index}: #{$value};\n }\n}\n\n// Retorna token de cor no formato hex\n@mixin token-color($map) {\n @each $key, $value in $map {\n --#{$key}: #{$value};\n }\n}\n\n// Retorna token de cor no formato rgb\n@mixin token-color-rgb($map) {\n @each $key, $value in $map {\n --#{$key}-rgb: #{get-rgb($value)};\n }\n}\n",":root {\n --blue-90: #11181d;\n --blue-80: #1f303e;\n --blue-70: #274863;\n --blue-60: #2c608a;\n --blue-50: #2378c3;\n --blue-40: #4f97d1;\n --blue-30: #73b3e7;\n --blue-20: #aacdec;\n --blue-10: #dbe8fb;\n --blue-5: #eff6fb;\n --blue-cool-90: #0f191c;\n --blue-cool-80: #14333d;\n --blue-cool-70: #224a58;\n --blue-cool-60: #2e6276;\n --blue-cool-50: #3a7d95;\n --blue-cool-40: #6499af;\n --blue-cool-30: #82b4c9;\n --blue-cool-20: #adcfdc;\n --blue-cool-10: #dae9ee;\n --blue-cool-5: #e7f2f5;\n --blue-warm-90: #13171f;\n --blue-warm-80: #252f3e;\n --blue-warm-70: #2f4668;\n --blue-warm-60: #345d96;\n --blue-warm-50: #4a77b4;\n --blue-warm-40: #7292c7;\n --blue-warm-30: #98afd2;\n --blue-warm-20: #c5d4eb;\n --blue-warm-10: #e1e7f1;\n --blue-warm-5: #ecf1f7;\n --blue-vivid-80: #112f4e;\n --blue-vivid-70: #0b4778;\n --blue-vivid-60: #005ea2;\n --blue-vivid-50: #0076d6;\n --blue-vivid-40: #2491ff;\n --blue-vivid-30: #58b4ff;\n --blue-vivid-20: #a1d3ff;\n --blue-vivid-10: #cfe8ff;\n --blue-vivid-5: #e8f5ff;\n --blue-cool-vivid-80: #002d3f;\n --blue-cool-vivid-70: #074b69;\n --blue-cool-vivid-60: #07648d;\n --blue-cool-vivid-50: #0d7ea2;\n --blue-cool-vivid-40: #28a0cb;\n --blue-cool-vivid-30: #59b9de;\n --blue-cool-vivid-20: #97d4ea;\n --blue-cool-vivid-10: #c3ebfa;\n --blue-cool-vivid-5: #e1f3f8;\n --blue-warm-vivid-90: #071d41;\n --blue-warm-vivid-80: #0c326f;\n --blue-warm-vivid-70: #1351b4;\n --blue-warm-vivid-60: #155bcb;\n --blue-warm-vivid-50: #2670e8;\n --blue-warm-vivid-40: #5992ed;\n --blue-warm-vivid-30: #81aefc;\n --blue-warm-vivid-20: #adcdff;\n --blue-warm-vivid-10: #d4e5ff;\n --blue-warm-vivid-5: #edf5ff;\n --blue-90-rgb: 17, 24, 29;\n --blue-80-rgb: 31, 48, 62;\n --blue-70-rgb: 39, 72, 99;\n --blue-60-rgb: 44, 96, 138;\n --blue-50-rgb: 35, 120, 195;\n --blue-40-rgb: 79, 151, 209;\n --blue-30-rgb: 115, 179, 231;\n --blue-20-rgb: 170, 205, 236;\n --blue-10-rgb: 219, 232, 251;\n --blue-5-rgb: 239, 246, 251;\n --blue-cool-90-rgb: 15, 25, 28;\n --blue-cool-80-rgb: 20, 51, 61;\n --blue-cool-70-rgb: 34, 74, 88;\n --blue-cool-60-rgb: 46, 98, 118;\n --blue-cool-50-rgb: 58, 125, 149;\n --blue-cool-40-rgb: 100, 153, 175;\n --blue-cool-30-rgb: 130, 180, 201;\n --blue-cool-20-rgb: 173, 207, 220;\n --blue-cool-10-rgb: 218, 233, 238;\n --blue-cool-5-rgb: 231, 242, 245;\n --blue-warm-90-rgb: 19, 23, 31;\n --blue-warm-80-rgb: 37, 47, 62;\n --blue-warm-70-rgb: 47, 70, 104;\n --blue-warm-60-rgb: 52, 93, 150;\n --blue-warm-50-rgb: 74, 119, 180;\n --blue-warm-40-rgb: 114, 146, 199;\n --blue-warm-30-rgb: 152, 175, 210;\n --blue-warm-20-rgb: 197, 212, 235;\n --blue-warm-10-rgb: 225, 231, 241;\n --blue-warm-5-rgb: 236, 241, 247;\n --blue-vivid-80-rgb: 17, 47, 78;\n --blue-vivid-70-rgb: 11, 71, 120;\n --blue-vivid-60-rgb: 0, 94, 162;\n --blue-vivid-50-rgb: 0, 118, 214;\n --blue-vivid-40-rgb: 36, 145, 255;\n --blue-vivid-30-rgb: 88, 180, 255;\n --blue-vivid-20-rgb: 161, 211, 255;\n --blue-vivid-10-rgb: 207, 232, 255;\n --blue-vivid-5-rgb: 232, 245, 255;\n --blue-cool-vivid-80-rgb: 0, 45, 63;\n --blue-cool-vivid-70-rgb: 7, 75, 105;\n --blue-cool-vivid-60-rgb: 7, 100, 141;\n --blue-cool-vivid-50-rgb: 13, 126, 162;\n --blue-cool-vivid-40-rgb: 40, 160, 203;\n --blue-cool-vivid-30-rgb: 89, 185, 222;\n --blue-cool-vivid-20-rgb: 151, 212, 234;\n --blue-cool-vivid-10-rgb: 195, 235, 250;\n --blue-cool-vivid-5-rgb: 225, 243, 248;\n --blue-warm-vivid-90-rgb: 7, 29, 65;\n --blue-warm-vivid-80-rgb: 12, 50, 111;\n --blue-warm-vivid-70-rgb: 19, 81, 180;\n --blue-warm-vivid-60-rgb: 21, 91, 203;\n --blue-warm-vivid-50-rgb: 38, 112, 232;\n --blue-warm-vivid-40-rgb: 89, 146, 237;\n --blue-warm-vivid-30-rgb: 129, 174, 252;\n --blue-warm-vivid-20-rgb: 173, 205, 255;\n --blue-warm-vivid-10-rgb: 212, 229, 255;\n --blue-warm-vivid-5-rgb: 237, 245, 255;\n --cyan-90: #111819;\n --cyan-80: #203133;\n --cyan-70: #2c4a4e;\n --cyan-60: #2a646d;\n --cyan-50: #168092;\n --cyan-40: #449dac;\n --cyan-30: #5dc0d1;\n --cyan-20: #99deea;\n --cyan-10: #ccecf2;\n --cyan-5: #e7f6f8;\n --cyan-vivid-80: #093b44;\n --cyan-vivid-70: #0e4f5c;\n --cyan-vivid-60: #00687d;\n --cyan-vivid-50: #0081a1;\n --cyan-vivid-40: #009ec1;\n --cyan-vivid-30: #00bde3;\n --cyan-vivid-20: #52daf2;\n --cyan-vivid-10: #a8f2ff;\n --cyan-vivid-5: #e5faff;\n --cyan-90-rgb: 17, 24, 25;\n --cyan-80-rgb: 32, 49, 51;\n --cyan-70-rgb: 44, 74, 78;\n --cyan-60-rgb: 42, 100, 109;\n --cyan-50-rgb: 22, 128, 146;\n --cyan-40-rgb: 68, 157, 172;\n --cyan-30-rgb: 93, 192, 209;\n --cyan-20-rgb: 153, 222, 234;\n --cyan-10-rgb: 204, 236, 242;\n --cyan-5-rgb: 231, 246, 248;\n --cyan-vivid-80-rgb: 9, 59, 68;\n --cyan-vivid-70-rgb: 14, 79, 92;\n --cyan-vivid-60-rgb: 0, 104, 125;\n --cyan-vivid-50-rgb: 0, 129, 161;\n --cyan-vivid-40-rgb: 0, 158, 193;\n --cyan-vivid-30-rgb: 0, 189, 227;\n --cyan-vivid-20-rgb: 82, 218, 242;\n --cyan-vivid-10-rgb: 168, 242, 255;\n --cyan-vivid-5-rgb: 229, 250, 255;\n --gold-90: #191714;\n --gold-80: #322d26;\n --gold-70: #4d4438;\n --gold-60: #6b5947;\n --gold-50: #8e704f;\n --gold-40: #ad8b65;\n --gold-30: #c7a97b;\n --gold-20: #dec69a;\n --gold-10: #f1e5cd;\n --gold-5: #f5f0e6;\n --gold-vivid-80: #3b2b15;\n --gold-vivid-70: #5c410a;\n --gold-vivid-60: #7a591a;\n --gold-vivid-50: #936f38;\n --gold-vivid-40: #c2850c;\n --gold-vivid-30: #e5a000;\n --gold-vivid-20: #ffbe2e;\n --gold-vivid-10: #ffe396;\n --gold-vivid-5: #fef0c8;\n --gold-90-rgb: 25, 23, 20;\n --gold-80-rgb: 50, 45, 38;\n --gold-70-rgb: 77, 68, 56;\n --gold-60-rgb: 107, 89, 71;\n --gold-50-rgb: 142, 112, 79;\n --gold-40-rgb: 173, 139, 101;\n --gold-30-rgb: 199, 169, 123;\n --gold-20-rgb: 222, 198, 154;\n --gold-10-rgb: 241, 229, 205;\n --gold-5-rgb: 245, 240, 230;\n --gold-vivid-80-rgb: 59, 43, 21;\n --gold-vivid-70-rgb: 92, 65, 10;\n --gold-vivid-60-rgb: 122, 89, 26;\n --gold-vivid-50-rgb: 147, 111, 56;\n --gold-vivid-40-rgb: 194, 133, 12;\n --gold-vivid-30-rgb: 229, 160, 0;\n --gold-vivid-20-rgb: 255, 190, 46;\n --gold-vivid-10-rgb: 255, 227, 150;\n --gold-vivid-5-rgb: 254, 240, 200;\n --gray-90: #1b1b1b;\n --gray-80: #333;\n --gray-70: #555;\n --gray-60: #636363;\n --gray-50: #757575;\n --gray-40: #888;\n --gray-30: #adadad;\n --gray-20: #ccc;\n --gray-10: #e6e6e6;\n --gray-5: #f0f0f0;\n --gray-4: #f3f3f3;\n --gray-3: #f6f6f6;\n --gray-2: #f8f8f8;\n --gray-1: #fcfcfc;\n --gray-cool-90: #1c1d1f;\n --gray-cool-80: #2d2e2f;\n --gray-cool-70: #3d4551;\n --gray-cool-60: #565c65;\n --gray-cool-50: #71767a;\n --gray-cool-40: #8d9297;\n --gray-cool-30: #a9aeb1;\n --gray-cool-20: #c6cace;\n --gray-cool-10: #dfe1e2;\n --gray-cool-5: #edeff0;\n --gray-cool-4: #f1f3f6;\n --gray-cool-3: #f5f6f7;\n --gray-cool-2: #f7f9fa;\n --gray-cool-1: #fbfcfd;\n --gray-warm-90: #171716;\n --gray-warm-80: #2e2e2a;\n --gray-warm-70: #454540;\n --gray-warm-60: #5d5d52;\n --gray-warm-50: #76766a;\n --gray-warm-40: #929285;\n --gray-warm-30: #afaea2;\n --gray-warm-20: #cac9c0;\n --gray-warm-10: #e6e6e2;\n --gray-warm-5: #f0f0ec;\n --gray-warm-4: #f5f5f0;\n --gray-warm-3: #f6f6f2;\n --gray-warm-2: #f9f9f7;\n --gray-warm-1: #fcfcfb;\n --gray-90-rgb: 27, 27, 27;\n --gray-80-rgb: 51, 51, 51;\n --gray-70-rgb: 85, 85, 85;\n --gray-60-rgb: 99, 99, 99;\n --gray-50-rgb: 117, 117, 117;\n --gray-40-rgb: 136, 136, 136;\n --gray-30-rgb: 173, 173, 173;\n --gray-20-rgb: 204, 204, 204;\n --gray-10-rgb: 230, 230, 230;\n --gray-5-rgb: 240, 240, 240;\n --gray-4-rgb: 243, 243, 243;\n --gray-3-rgb: 246, 246, 246;\n --gray-2-rgb: 248, 248, 248;\n --gray-1-rgb: 252, 252, 252;\n --gray-cool-90-rgb: 28, 29, 31;\n --gray-cool-80-rgb: 45, 46, 47;\n --gray-cool-70-rgb: 61, 69, 81;\n --gray-cool-60-rgb: 86, 92, 101;\n --gray-cool-50-rgb: 113, 118, 122;\n --gray-cool-40-rgb: 141, 146, 151;\n --gray-cool-30-rgb: 169, 174, 177;\n --gray-cool-20-rgb: 198, 202, 206;\n --gray-cool-10-rgb: 223, 225, 226;\n --gray-cool-5-rgb: 237, 239, 240;\n --gray-cool-4-rgb: 241, 243, 246;\n --gray-cool-3-rgb: 245, 246, 247;\n --gray-cool-2-rgb: 247, 249, 250;\n --gray-cool-1-rgb: 251, 252, 253;\n --gray-warm-90-rgb: 23, 23, 22;\n --gray-warm-80-rgb: 46, 46, 42;\n --gray-warm-70-rgb: 69, 69, 64;\n --gray-warm-60-rgb: 93, 93, 82;\n --gray-warm-50-rgb: 118, 118, 106;\n --gray-warm-40-rgb: 146, 146, 133;\n --gray-warm-30-rgb: 175, 174, 162;\n --gray-warm-20-rgb: 202, 201, 192;\n --gray-warm-10-rgb: 230, 230, 226;\n --gray-warm-5-rgb: 240, 240, 236;\n --gray-warm-4-rgb: 245, 245, 240;\n --gray-warm-3-rgb: 246, 246, 242;\n --gray-warm-2-rgb: 249, 249, 247;\n --gray-warm-1-rgb: 252, 252, 251;\n --green-90: #161814;\n --green-80: #293021;\n --green-70: #3c4a29;\n --green-60: #4c6424;\n --green-50: #607f35;\n --green-40: #7d9b4e;\n --green-30: #9bb672;\n --green-20: #b8d293;\n --green-10: #dfeacd;\n --green-5: #eaf4dd;\n --green-cool-90: #1a1f1a;\n --green-cool-80: #28312a;\n --green-cool-70: #37493b;\n --green-cool-60: #446443;\n --green-cool-50: #4d8055;\n --green-cool-40: #5e9f69;\n --green-cool-30: #86b98e;\n --green-cool-20: #b4d0b9;\n --green-cool-10: #dbebde;\n --green-cool-5: #ecf3ec;\n --green-warm-90: #171712;\n --green-warm-80: #2d2f21;\n --green-warm-70: #45472f;\n --green-warm-60: #5a5f38;\n --green-warm-50: #6f7a41;\n --green-warm-40: #8a984b;\n --green-warm-30: #a6b557;\n --green-warm-20: #cbd17a;\n --green-warm-10: #e7eab7;\n --green-warm-5: #f1f4d7;\n --green-vivid-80: #243413;\n --green-vivid-70: #2f4a0b;\n --green-vivid-60: #466c04;\n --green-vivid-50: #538200;\n --green-vivid-40: #719f2a;\n --green-vivid-30: #7fb135;\n --green-vivid-20: #98d035;\n --green-vivid-10: #c5ee93;\n --green-vivid-5: #ddf9c7;\n --green-cool-vivid-80: #19311e;\n --green-cool-vivid-70: #154c21;\n --green-cool-vivid-60: #216e1f;\n --green-cool-vivid-50: #168821;\n --green-cool-vivid-40: #00a91c;\n --green-cool-vivid-30: #21c834;\n --green-cool-vivid-20: #70e17b;\n --green-cool-vivid-10: #b7f5bd;\n --green-cool-vivid-5: #e3f5e1;\n --green-warm-vivid-80: #38380b;\n --green-warm-vivid-70: #4b4e10;\n --green-warm-vivid-60: #5a6613;\n --green-warm-vivid-50: #6a7d00;\n --green-warm-vivid-40: #7e9c1d;\n --green-warm-vivid-30: #a3b72c;\n --green-warm-vivid-20: #c5d30a;\n --green-warm-vivid-10: #e7f434;\n --green-warm-vivid-5: #f5fbc1;\n --green-90-rgb: 22, 24, 20;\n --green-80-rgb: 41, 48, 33;\n --green-70-rgb: 60, 74, 41;\n --green-60-rgb: 76, 100, 36;\n --green-50-rgb: 96, 127, 53;\n --green-40-rgb: 125, 155, 78;\n --green-30-rgb: 155, 182, 114;\n --green-20-rgb: 184, 210, 147;\n --green-10-rgb: 223, 234, 205;\n --green-5-rgb: 234, 244, 221;\n --green-cool-90-rgb: 26, 31, 26;\n --green-cool-80-rgb: 40, 49, 42;\n --green-cool-70-rgb: 55, 73, 59;\n --green-cool-60-rgb: 68, 100, 67;\n --green-cool-50-rgb: 77, 128, 85;\n --green-cool-40-rgb: 94, 159, 105;\n --green-cool-30-rgb: 134, 185, 142;\n --green-cool-20-rgb: 180, 208, 185;\n --green-cool-10-rgb: 219, 235, 222;\n --green-cool-5-rgb: 236, 243, 236;\n --green-warm-90-rgb: 23, 23, 18;\n --green-warm-80-rgb: 45, 47, 33;\n --green-warm-70-rgb: 69, 71, 47;\n --green-warm-60-rgb: 90, 95, 56;\n --green-warm-50-rgb: 111, 122, 65;\n --green-warm-40-rgb: 138, 152, 75;\n --green-warm-30-rgb: 166, 181, 87;\n --green-warm-20-rgb: 203, 209, 122;\n --green-warm-10-rgb: 231, 234, 183;\n --green-warm-5-rgb: 241, 244, 215;\n --green-vivid-80-rgb: 36, 52, 19;\n --green-vivid-70-rgb: 47, 74, 11;\n --green-vivid-60-rgb: 70, 108, 4;\n --green-vivid-50-rgb: 83, 130, 0;\n --green-vivid-40-rgb: 113, 159, 42;\n --green-vivid-30-rgb: 127, 177, 53;\n --green-vivid-20-rgb: 152, 208, 53;\n --green-vivid-10-rgb: 197, 238, 147;\n --green-vivid-5-rgb: 221, 249, 199;\n --green-cool-vivid-80-rgb: 25, 49, 30;\n --green-cool-vivid-70-rgb: 21, 76, 33;\n --green-cool-vivid-60-rgb: 33, 110, 31;\n --green-cool-vivid-50-rgb: 22, 136, 33;\n --green-cool-vivid-40-rgb: 0, 169, 28;\n --green-cool-vivid-30-rgb: 33, 200, 52;\n --green-cool-vivid-20-rgb: 112, 225, 123;\n --green-cool-vivid-10-rgb: 183, 245, 189;\n --green-cool-vivid-5-rgb: 227, 245, 225;\n --green-warm-vivid-80-rgb: 56, 56, 11;\n --green-warm-vivid-70-rgb: 75, 78, 16;\n --green-warm-vivid-60-rgb: 90, 102, 19;\n --green-warm-vivid-50-rgb: 106, 125, 0;\n --green-warm-vivid-40-rgb: 126, 156, 29;\n --green-warm-vivid-30-rgb: 163, 183, 44;\n --green-warm-vivid-20-rgb: 197, 211, 10;\n --green-warm-vivid-10-rgb: 231, 244, 52;\n --green-warm-vivid-5-rgb: 245, 251, 193;\n --indigo-90: #16171f;\n --indigo-80: #2b2c40;\n --indigo-70: #3d4076;\n --indigo-60: #4d52af;\n --indigo-50: #676cc8;\n --indigo-40: #8889db;\n --indigo-30: #a5a8eb;\n --indigo-20: #c5c5f3;\n --indigo-10: #e5e4fa;\n --indigo-5: #efeff8;\n --indigo-cool-90: #151622;\n --indigo-cool-80: #292d42;\n --indigo-cool-70: #374274;\n --indigo-cool-60: #3f57a6;\n --indigo-cool-50: #496fd8;\n --indigo-cool-40: #6b8ee8;\n --indigo-cool-30: #96abee;\n --indigo-cool-20: #bbc8f5;\n --indigo-cool-10: #e1e6f9;\n --indigo-cool-5: #eef0f9;\n --indigo-warm-90: #18161d;\n --indigo-warm-80: #2e2c40;\n --indigo-warm-70: #453c7b;\n --indigo-warm-60: #5e519e;\n --indigo-warm-50: #7665d1;\n --indigo-warm-40: #9287d8;\n --indigo-warm-30: #afa5e8;\n --indigo-warm-20: #cbc4f2;\n --indigo-warm-10: #e7e3fa;\n --indigo-warm-5: #f1eff7;\n --indigo-vivid-80: #212463;\n --indigo-vivid-70: #3333a3;\n --indigo-vivid-60: #4a50c4;\n --indigo-vivid-50: #656bd7;\n --indigo-vivid-40: #8289ff;\n --indigo-vivid-30: #a3a7fa;\n --indigo-vivid-20: #ccceff;\n --indigo-vivid-10: #e0e0ff;\n --indigo-vivid-5: #f0f0ff;\n --indigo-cool-vivid-80: #1b2b85;\n --indigo-cool-vivid-70: #222fbf;\n --indigo-cool-vivid-60: #3e4ded;\n --indigo-cool-vivid-50: #4866ff;\n --indigo-cool-vivid-40: #628ef4;\n --indigo-cool-vivid-30: #94adff;\n --indigo-cool-vivid-20: #b8c8ff;\n --indigo-cool-vivid-10: #dee5ff;\n --indigo-cool-vivid-5: #edf0ff;\n --indigo-warm-vivid-80: #261f5b;\n --indigo-warm-vivid-70: #3d2c9d;\n --indigo-warm-vivid-60: #5942d2;\n --indigo-warm-vivid-50: #745fe9;\n --indigo-warm-vivid-40: #967efb;\n --indigo-warm-vivid-30: #b69fff;\n --indigo-warm-vivid-20: #cfc4fd;\n --indigo-warm-vivid-10: #e4deff;\n --indigo-warm-vivid-5: #f5f2ff;\n --indigo-90-rgb: 22, 23, 31;\n --indigo-80-rgb: 43, 44, 64;\n --indigo-70-rgb: 61, 64, 118;\n --indigo-60-rgb: 77, 82, 175;\n --indigo-50-rgb: 103, 108, 200;\n --indigo-40-rgb: 136, 137, 219;\n --indigo-30-rgb: 165, 168, 235;\n --indigo-20-rgb: 197, 197, 243;\n --indigo-10-rgb: 229, 228, 250;\n --indigo-5-rgb: 239, 239, 248;\n --indigo-cool-90-rgb: 21, 22, 34;\n --indigo-cool-80-rgb: 41, 45, 66;\n --indigo-cool-70-rgb: 55, 66, 116;\n --indigo-cool-60-rgb: 63, 87, 166;\n --indigo-cool-50-rgb: 73, 111, 216;\n --indigo-cool-40-rgb: 107, 142, 232;\n --indigo-cool-30-rgb: 150, 171, 238;\n --indigo-cool-20-rgb: 187, 200, 245;\n --indigo-cool-10-rgb: 225, 230, 249;\n --indigo-cool-5-rgb: 238, 240, 249;\n --indigo-warm-90-rgb: 24, 22, 29;\n --indigo-warm-80-rgb: 46, 44, 64;\n --indigo-warm-70-rgb: 69, 60, 123;\n --indigo-warm-60-rgb: 94, 81, 158;\n --indigo-warm-50-rgb: 118, 101, 209;\n --indigo-warm-40-rgb: 146, 135, 216;\n --indigo-warm-30-rgb: 175, 165, 232;\n --indigo-warm-20-rgb: 203, 196, 242;\n --indigo-warm-10-rgb: 231, 227, 250;\n --indigo-warm-5-rgb: 241, 239, 247;\n --indigo-vivid-80-rgb: 33, 36, 99;\n --indigo-vivid-70-rgb: 51, 51, 163;\n --indigo-vivid-60-rgb: 74, 80, 196;\n --indigo-vivid-50-rgb: 101, 107, 215;\n --indigo-vivid-40-rgb: 130, 137, 255;\n --indigo-vivid-30-rgb: 163, 167, 250;\n --indigo-vivid-20-rgb: 204, 206, 255;\n --indigo-vivid-10-rgb: 224, 224, 255;\n --indigo-vivid-5-rgb: 240, 240, 255;\n --indigo-cool-vivid-80-rgb: 27, 43, 133;\n --indigo-cool-vivid-70-rgb: 34, 47, 191;\n --indigo-cool-vivid-60-rgb: 62, 77, 237;\n --indigo-cool-vivid-50-rgb: 72, 102, 255;\n --indigo-cool-vivid-40-rgb: 98, 142, 244;\n --indigo-cool-vivid-30-rgb: 148, 173, 255;\n --indigo-cool-vivid-20-rgb: 184, 200, 255;\n --indigo-cool-vivid-10-rgb: 222, 229, 255;\n --indigo-cool-vivid-5-rgb: 237, 240, 255;\n --indigo-warm-vivid-80-rgb: 38, 31, 91;\n --indigo-warm-vivid-70-rgb: 61, 44, 157;\n --indigo-warm-vivid-60-rgb: 89, 66, 210;\n --indigo-warm-vivid-50-rgb: 116, 95, 233;\n --indigo-warm-vivid-40-rgb: 150, 126, 251;\n --indigo-warm-vivid-30-rgb: 182, 159, 255;\n --indigo-warm-vivid-20-rgb: 207, 196, 253;\n --indigo-warm-vivid-10-rgb: 228, 222, 255;\n --indigo-warm-vivid-5-rgb: 245, 242, 255;\n --magenta-90: #1b1617;\n --magenta-80: #402731;\n --magenta-70: #66364b;\n --magenta-60: #8b4566;\n --magenta-50: #c84281;\n --magenta-40: #e0699f;\n --magenta-30: #e895b3;\n --magenta-20: #f0bbcc;\n --magenta-10: #f6e1e8;\n --magenta-5: #f9f0f2;\n --magenta-vivid-80: #4f172e;\n --magenta-vivid-70: #731f44;\n --magenta-vivid-60: #ab2165;\n --magenta-vivid-50: #d72d79;\n --magenta-vivid-40: #fd4496;\n --magenta-vivid-30: #ff87b2;\n --magenta-vivid-20: #ffb4cf;\n --magenta-vivid-10: #ffddea;\n --magenta-vivid-5: #fff2f5;\n --magenta-90-rgb: 27, 22, 23;\n --magenta-80-rgb: 64, 39, 49;\n --magenta-70-rgb: 102, 54, 75;\n --magenta-60-rgb: 139, 69, 102;\n --magenta-50-rgb: 200, 66, 129;\n --magenta-40-rgb: 224, 105, 159;\n --magenta-30-rgb: 232, 149, 179;\n --magenta-20-rgb: 240, 187, 204;\n --magenta-10-rgb: 246, 225, 232;\n --magenta-5-rgb: 249, 240, 242;\n --magenta-vivid-80-rgb: 79, 23, 46;\n --magenta-vivid-70-rgb: 115, 31, 68;\n --magenta-vivid-60-rgb: 171, 33, 101;\n --magenta-vivid-50-rgb: 215, 45, 121;\n --magenta-vivid-40-rgb: 253, 68, 150;\n --magenta-vivid-30-rgb: 255, 135, 178;\n --magenta-vivid-20-rgb: 255, 180, 207;\n --magenta-vivid-10-rgb: 255, 221, 234;\n --magenta-vivid-5-rgb: 255, 242, 245;\n --mint-90: #0d1a12;\n --mint-80: #193324;\n --mint-70: #204e34;\n --mint-60: #286846;\n --mint-50: #2e8367;\n --mint-40: #34a37e;\n --mint-30: #5abf95;\n --mint-20: #92d9bb;\n --mint-10: #c7efe2;\n --mint-5: #dbf6ed;\n --mint-cool-90: #111818;\n --mint-cool-80: #203131;\n --mint-cool-70: #2a4b45;\n --mint-cool-60: #376462;\n --mint-cool-50: #40807e;\n --mint-cool-40: #4f9e99;\n --mint-cool-30: #6fbab3;\n --mint-cool-20: #9bd4cf;\n --mint-cool-10: #c4eeeb;\n --mint-cool-5: #e0f7f6;\n --mint-vivid-80: #0d351e;\n --mint-vivid-70: #0c4e29;\n --mint-vivid-60: #146947;\n --mint-vivid-50: #008659;\n --mint-vivid-40: #00a871;\n --mint-vivid-30: #04c585;\n --mint-vivid-20: #0ceda6;\n --mint-vivid-10: #83fcd4;\n --mint-vivid-5: #c9fbeb;\n --mint-cool-vivid-80: #123131;\n --mint-cool-vivid-70: #0b4b3f;\n --mint-cool-vivid-60: #0f6460;\n --mint-cool-vivid-50: #008480;\n --mint-cool-vivid-40: #36a191;\n --mint-cool-vivid-30: #1dc2ae;\n --mint-cool-vivid-20: #40e0d0;\n --mint-cool-vivid-10: #7efbe1;\n --mint-cool-vivid-5: #d5fbf3;\n --mint-90-rgb: 13, 26, 18;\n --mint-80-rgb: 25, 51, 36;\n --mint-70-rgb: 32, 78, 52;\n --mint-60-rgb: 40, 104, 70;\n --mint-50-rgb: 46, 131, 103;\n --mint-40-rgb: 52, 163, 126;\n --mint-30-rgb: 90, 191, 149;\n --mint-20-rgb: 146, 217, 187;\n --mint-10-rgb: 199, 239, 226;\n --mint-5-rgb: 219, 246, 237;\n --mint-cool-90-rgb: 17, 24, 24;\n --mint-cool-80-rgb: 32, 49, 49;\n --mint-cool-70-rgb: 42, 75, 69;\n --mint-cool-60-rgb: 55, 100, 98;\n --mint-cool-50-rgb: 64, 128, 126;\n --mint-cool-40-rgb: 79, 158, 153;\n --mint-cool-30-rgb: 111, 186, 179;\n --mint-cool-20-rgb: 155, 212, 207;\n --mint-cool-10-rgb: 196, 238, 235;\n --mint-cool-5-rgb: 224, 247, 246;\n --mint-vivid-80-rgb: 13, 53, 30;\n --mint-vivid-70-rgb: 12, 78, 41;\n --mint-vivid-60-rgb: 20, 105, 71;\n --mint-vivid-50-rgb: 0, 134, 89;\n --mint-vivid-40-rgb: 0, 168, 113;\n --mint-vivid-30-rgb: 4, 197, 133;\n --mint-vivid-20-rgb: 12, 237, 166;\n --mint-vivid-10-rgb: 131, 252, 212;\n --mint-vivid-5-rgb: 201, 251, 235;\n --mint-cool-vivid-80-rgb: 18, 49, 49;\n --mint-cool-vivid-70-rgb: 11, 75, 63;\n --mint-cool-vivid-60-rgb: 15, 100, 96;\n --mint-cool-vivid-50-rgb: 0, 132, 128;\n --mint-cool-vivid-40-rgb: 54, 161, 145;\n --mint-cool-vivid-30-rgb: 29, 194, 174;\n --mint-cool-vivid-20-rgb: 64, 224, 208;\n --mint-cool-vivid-10-rgb: 126, 251, 225;\n --mint-cool-vivid-5-rgb: 213, 251, 243;\n --orange-90: #1b1614;\n --orange-80: #332d27;\n --orange-70: #524236;\n --orange-60: #775540;\n --orange-50: #a26739;\n --orange-40: #dd7533;\n --orange-30: #f09860;\n --orange-20: #f3bf90;\n --orange-10: #f2e4d4;\n --orange-5: #f6efe9;\n --orange-warm-90: #1c1615;\n --orange-warm-80: #3d2925;\n --orange-warm-70: #633a32;\n --orange-warm-60: #914734;\n --orange-warm-50: #bd5727;\n --orange-warm-40: #e17141;\n --orange-warm-30: #f3966d;\n --orange-warm-20: #f7bca2;\n --orange-warm-10: #fbe0d0;\n --orange-warm-5: #faeee5;\n --orange-vivid-80: #352313;\n --orange-vivid-70: #5f3617;\n --orange-vivid-60: #8c471c;\n --orange-vivid-50: #c05600;\n --orange-vivid-40: #e66f0e;\n --orange-vivid-30: #ff8c00;\n --orange-vivid-20: #ffbc78;\n --orange-vivid-10: #fce2c5;\n --orange-vivid-5: #fdf5e6;\n --orange-warm-vivid-80: #3d231d;\n --orange-warm-vivid-70: #782312;\n --orange-warm-vivid-60: #a72f10;\n --orange-warm-vivid-50: #cf4900;\n --orange-warm-vivid-40: #ff580a;\n --orange-warm-vivid-30: #fc906d;\n --orange-warm-vivid-20: #fbbaa7;\n --orange-warm-vivid-10: #ffe2d1;\n --orange-warm-vivid-5: #fff3ea;\n --orange-90-rgb: 27, 22, 20;\n --orange-80-rgb: 51, 45, 39;\n --orange-70-rgb: 82, 66, 54;\n --orange-60-rgb: 119, 85, 64;\n --orange-50-rgb: 162, 103, 57;\n --orange-40-rgb: 221, 117, 51;\n --orange-30-rgb: 240, 152, 96;\n --orange-20-rgb: 243, 191, 144;\n --orange-10-rgb: 242, 228, 212;\n --orange-5-rgb: 246, 239, 233;\n --orange-warm-90-rgb: 28, 22, 21;\n --orange-warm-80-rgb: 61, 41, 37;\n --orange-warm-70-rgb: 99, 58, 50;\n --orange-warm-60-rgb: 145, 71, 52;\n --orange-warm-50-rgb: 189, 87, 39;\n --orange-warm-40-rgb: 225, 113, 65;\n --orange-warm-30-rgb: 243, 150, 109;\n --orange-warm-20-rgb: 247, 188, 162;\n --orange-warm-10-rgb: 251, 224, 208;\n --orange-warm-5-rgb: 250, 238, 229;\n --orange-vivid-80-rgb: 53, 35, 19;\n --orange-vivid-70-rgb: 95, 54, 23;\n --orange-vivid-60-rgb: 140, 71, 28;\n --orange-vivid-50-rgb: 192, 86, 0;\n --orange-vivid-40-rgb: 230, 111, 14;\n --orange-vivid-30-rgb: 255, 140, 0;\n --orange-vivid-20-rgb: 255, 188, 120;\n --orange-vivid-10-rgb: 252, 226, 197;\n --orange-vivid-5-rgb: 253, 245, 230;\n --orange-warm-vivid-80-rgb: 61, 35, 29;\n --orange-warm-vivid-70-rgb: 120, 35, 18;\n --orange-warm-vivid-60-rgb: 167, 47, 16;\n --orange-warm-vivid-50-rgb: 207, 73, 0;\n --orange-warm-vivid-40-rgb: 255, 88, 10;\n --orange-warm-vivid-30-rgb: 252, 144, 109;\n --orange-warm-vivid-20-rgb: 251, 186, 167;\n --orange-warm-vivid-10-rgb: 255, 226, 209;\n --orange-warm-vivid-5-rgb: 255, 243, 234;\n --pure-100: #000;\n --pure-0: #fff;\n --pure-100-rgb: 0, 0, 0;\n --pure-0-rgb: 255, 255, 255;\n --red-90: #1b1616;\n --red-80: #3e2927;\n --red-70: #6f3331;\n --red-60: #a23737;\n --red-50: #d83933;\n --red-40: #e9695f;\n --red-30: #f2938c;\n --red-20: #f7bbb1;\n --red-10: #f8e1de;\n --red-5: #f9eeee;\n --red-cool-90: #1e1517;\n --red-cool-80: #40282c;\n --red-cool-70: #68363f;\n --red-cool-60: #9e394b;\n --red-cool-50: #cd425b;\n --red-cool-40: #e16b80;\n --red-cool-30: #e09aa6;\n --red-cool-20: #ecbec6;\n --red-cool-10: #f3e1e4;\n --red-cool-5: #f8eff1;\n --red-warm-90: #1f1c18;\n --red-warm-80: #332d29;\n --red-warm-70: #524236;\n --red-warm-60: #805039;\n --red-warm-50: #c3512c;\n --red-warm-40: #d27a56;\n --red-warm-30: #dca081;\n --red-warm-20: #ecc0a7;\n --red-warm-10: #f4e3db;\n --red-warm-5: #f6efea;\n --red-vivid-80: #5c1111;\n --red-vivid-70: #8b0a03;\n --red-vivid-60: #b50909;\n --red-vivid-50: #e52207;\n --red-vivid-40: #fb5a47;\n --red-vivid-30: #ff8d7b;\n --red-vivid-20: #fdb8ae;\n --red-vivid-10: #fde0db;\n --red-vivid-5: #fff3f2;\n --red-cool-vivid-80: #4f1c24;\n --red-cool-vivid-70: #822133;\n --red-cool-vivid-60: #b21d38;\n --red-cool-vivid-50: #e41d3d;\n --red-cool-vivid-40: #f45d79;\n --red-cool-vivid-30: #fd8ba0;\n --red-cool-vivid-20: #f8b9c5;\n --red-cool-vivid-10: #f8dfe2;\n --red-cool-vivid-5: #fff2f5;\n --red-warm-vivid-80: #3e2a1e;\n --red-warm-vivid-70: #63340f;\n --red-warm-vivid-60: #9c3d10;\n --red-warm-vivid-50: #d54309;\n --red-warm-vivid-40: #ef5e25;\n --red-warm-vivid-30: #f39268;\n --red-warm-vivid-20: #f6bd9c;\n --red-warm-vivid-10: #fce1d4;\n --red-warm-vivid-5: #fff5ee;\n --red-90-rgb: 27, 22, 22;\n --red-80-rgb: 62, 41, 39;\n --red-70-rgb: 111, 51, 49;\n --red-60-rgb: 162, 55, 55;\n --red-50-rgb: 216, 57, 51;\n --red-40-rgb: 233, 105, 95;\n --red-30-rgb: 242, 147, 140;\n --red-20-rgb: 247, 187, 177;\n --red-10-rgb: 248, 225, 222;\n --red-5-rgb: 249, 238, 238;\n --red-cool-90-rgb: 30, 21, 23;\n --red-cool-80-rgb: 64, 40, 44;\n --red-cool-70-rgb: 104, 54, 63;\n --red-cool-60-rgb: 158, 57, 75;\n --red-cool-50-rgb: 205, 66, 91;\n --red-cool-40-rgb: 225, 107, 128;\n --red-cool-30-rgb: 224, 154, 166;\n --red-cool-20-rgb: 236, 190, 198;\n --red-cool-10-rgb: 243, 225, 228;\n --red-cool-5-rgb: 248, 239, 241;\n --red-warm-90-rgb: 31, 28, 24;\n --red-warm-80-rgb: 51, 45, 41;\n --red-warm-70-rgb: 82, 66, 54;\n --red-warm-60-rgb: 128, 80, 57;\n --red-warm-50-rgb: 195, 81, 44;\n --red-warm-40-rgb: 210, 122, 86;\n --red-warm-30-rgb: 220, 160, 129;\n --red-warm-20-rgb: 236, 192, 167;\n --red-warm-10-rgb: 244, 227, 219;\n --red-warm-5-rgb: 246, 239, 234;\n --red-vivid-80-rgb: 92, 17, 17;\n --red-vivid-70-rgb: 139, 10, 3;\n --red-vivid-60-rgb: 181, 9, 9;\n --red-vivid-50-rgb: 229, 34, 7;\n --red-vivid-40-rgb: 251, 90, 71;\n --red-vivid-30-rgb: 255, 141, 123;\n --red-vivid-20-rgb: 253, 184, 174;\n --red-vivid-10-rgb: 253, 224, 219;\n --red-vivid-5-rgb: 255, 243, 242;\n --red-cool-vivid-80-rgb: 79, 28, 36;\n --red-cool-vivid-70-rgb: 130, 33, 51;\n --red-cool-vivid-60-rgb: 178, 29, 56;\n --red-cool-vivid-50-rgb: 228, 29, 61;\n --red-cool-vivid-40-rgb: 244, 93, 121;\n --red-cool-vivid-30-rgb: 253, 139, 160;\n --red-cool-vivid-20-rgb: 248, 185, 197;\n --red-cool-vivid-10-rgb: 248, 223, 226;\n --red-cool-vivid-5-rgb: 255, 242, 245;\n --red-warm-vivid-80-rgb: 62, 42, 30;\n --red-warm-vivid-70-rgb: 99, 52, 15;\n --red-warm-vivid-60-rgb: 156, 61, 16;\n --red-warm-vivid-50-rgb: 213, 67, 9;\n --red-warm-vivid-40-rgb: 239, 94, 37;\n --red-warm-vivid-30-rgb: 243, 146, 104;\n --red-warm-vivid-20-rgb: 246, 189, 156;\n --red-warm-vivid-10-rgb: 252, 225, 212;\n --red-warm-vivid-5-rgb: 255, 245, 238;\n --violet-90: #18161d;\n --violet-80: #312b3f;\n --violet-70: #4c3d69;\n --violet-60: #665190;\n --violet-50: #8168b3;\n --violet-40: #9d84d2;\n --violet-30: #b8a2e3;\n --violet-20: #d0c3e9;\n --violet-10: #ebe3f9;\n --violet-5: #f4f1f9;\n --violet-warm-90: #1b151b;\n --violet-warm-80: #382936;\n --violet-warm-70: #5c395a;\n --violet-warm-60: #864381;\n --violet-warm-50: #b04abd;\n --violet-warm-40: #bf77c8;\n --violet-warm-30: #d29ad8;\n --violet-warm-20: #e2bee4;\n --violet-warm-10: #f6dff8;\n --violet-warm-5: #f8f0f9;\n --violet-vivid-80: #39215e;\n --violet-vivid-70: #54278f;\n --violet-vivid-60: #783cb9;\n --violet-vivid-50: #9355dc;\n --violet-vivid-40: #ad79e9;\n --violet-vivid-30: #c39deb;\n --violet-vivid-20: #d5bfff;\n --violet-vivid-10: #ede3ff;\n --violet-vivid-5: #f7f2ff;\n --violet-warm-vivid-80: #481441;\n --violet-warm-vivid-70: #711e6c;\n --violet-warm-vivid-60: #93348c;\n --violet-warm-vivid-50: #be32d0;\n --violet-warm-vivid-40: #d85bef;\n --violet-warm-vivid-30: #ee83ff;\n --violet-warm-vivid-20: #f4b2ff;\n --violet-warm-vivid-10: #fbdcff;\n --violet-warm-vivid-5: #fef2ff;\n --violet-90-rgb: 24, 22, 29;\n --violet-80-rgb: 49, 43, 63;\n --violet-70-rgb: 76, 61, 105;\n --violet-60-rgb: 102, 81, 144;\n --violet-50-rgb: 129, 104, 179;\n --violet-40-rgb: 157, 132, 210;\n --violet-30-rgb: 184, 162, 227;\n --violet-20-rgb: 208, 195, 233;\n --violet-10-rgb: 235, 227, 249;\n --violet-5-rgb: 244, 241, 249;\n --violet-warm-90-rgb: 27, 21, 27;\n --violet-warm-80-rgb: 56, 41, 54;\n --violet-warm-70-rgb: 92, 57, 90;\n --violet-warm-60-rgb: 134, 67, 129;\n --violet-warm-50-rgb: 176, 74, 189;\n --violet-warm-40-rgb: 191, 119, 200;\n --violet-warm-30-rgb: 210, 154, 216;\n --violet-warm-20-rgb: 226, 190, 228;\n --violet-warm-10-rgb: 246, 223, 248;\n --violet-warm-5-rgb: 248, 240, 249;\n --violet-vivid-80-rgb: 57, 33, 94;\n --violet-vivid-70-rgb: 84, 39, 143;\n --violet-vivid-60-rgb: 120, 60, 185;\n --violet-vivid-50-rgb: 147, 85, 220;\n --violet-vivid-40-rgb: 173, 121, 233;\n --violet-vivid-30-rgb: 195, 157, 235;\n --violet-vivid-20-rgb: 213, 191, 255;\n --violet-vivid-10-rgb: 237, 227, 255;\n --violet-vivid-5-rgb: 247, 242, 255;\n --violet-warm-vivid-80-rgb: 72, 20, 65;\n --violet-warm-vivid-70-rgb: 113, 30, 108;\n --violet-warm-vivid-60-rgb: 147, 52, 140;\n --violet-warm-vivid-50-rgb: 190, 50, 208;\n --violet-warm-vivid-40-rgb: 216, 91, 239;\n --violet-warm-vivid-30-rgb: 238, 131, 255;\n --violet-warm-vivid-20-rgb: 244, 178, 255;\n --violet-warm-vivid-10-rgb: 251, 220, 255;\n --violet-warm-vivid-5-rgb: 254, 242, 255;\n --yellow-90: #1a1614;\n --yellow-80: #332d27;\n --yellow-70: #504332;\n --yellow-60: #6b5a39;\n --yellow-50: #8a7237;\n --yellow-40: #a88f48;\n --yellow-30: #c9ab48;\n --yellow-20: #e6c74c;\n --yellow-10: #f5e6af;\n --yellow-5: #faf3d1;\n --yellow-vivid-80: #422d19;\n --yellow-vivid-70: #5c4809;\n --yellow-vivid-60: #776017;\n --yellow-vivid-50: #947100;\n --yellow-vivid-40: #b38c00;\n --yellow-vivid-30: #ddaa01;\n --yellow-vivid-20: #ffcd07;\n --yellow-vivid-10: #fee685;\n --yellow-vivid-5: #fff5c2;\n --yellow-90-rgb: 26, 22, 20;\n --yellow-80-rgb: 51, 45, 39;\n --yellow-70-rgb: 80, 67, 50;\n --yellow-60-rgb: 107, 90, 57;\n --yellow-50-rgb: 138, 114, 55;\n --yellow-40-rgb: 168, 143, 72;\n --yellow-30-rgb: 201, 171, 72;\n --yellow-20-rgb: 230, 199, 76;\n --yellow-10-rgb: 245, 230, 175;\n --yellow-5-rgb: 250, 243, 209;\n --yellow-vivid-80-rgb: 66, 45, 25;\n --yellow-vivid-70-rgb: 92, 72, 9;\n --yellow-vivid-60-rgb: 119, 96, 23;\n --yellow-vivid-50-rgb: 148, 113, 0;\n --yellow-vivid-40-rgb: 179, 140, 0;\n --yellow-vivid-30-rgb: 221, 170, 1;\n --yellow-vivid-20-rgb: 255, 205, 7;\n --yellow-vivid-10-rgb: 254, 230, 133;\n --yellow-vivid-5-rgb: 255, 245, 194;\n --background: var(--background-light);\n --background-rgb: var(--background-light-rgb);\n --background-light: var(--pure-0);\n --background-light-rgb: var(--pure-0-rgb);\n --background-alternative: var(--gray-5);\n --background-alternative-rgb: var(--gray-5-rgb);\n --background-dark: var(--blue-warm-vivid-90);\n --background-dark-rgb: var(--blue-warm-vivid-90-rgb);\n --border-color: var(--gray-20);\n --border-color-alternative: var(--gray-40);\n --border-style: solid;\n --border-width: var(--surface-width-sm);\n --color: var(--color-light);\n --color-rgb: var(--color-light-rgb);\n --color-light: var(--gray-80);\n --color-light-rgb: var(--gray-80-rgb);\n --color-dark: var(--pure-0);\n --color-dark-rgb: var(--pure-0-rgb);\n --interactive: var(--interactive-light);\n --interactive-rgb: var(--interactive-light-rgb);\n --interactive-light: var(--blue-warm-vivid-70);\n --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);\n --interactive-dark: var(--blue-warm-20);\n --interactive-dark-rgb: var(--blue-warm-20-rgb);\n --interactive-alternative: var(--green-cool-vivid-50);\n --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);\n --info: var(--blue-warm-vivid-60);\n --info-alternative: var(--blue-warm-vivid-10);\n --info-rgb: var(--blue-warm-vivid-60-rgb);\n --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);\n --success: var(--green-cool-vivid-50);\n --success-alternative: var(--green-cool-vivid-5);\n --success-rgb: var(--green-cool-vivid-50-rgb);\n --success-alternative-rgb: var(--green-cool-vivid-5-rgb);\n --warning: var(--yellow-vivid-20);\n --warning-alternative: var(--yellow-vivid-5);\n --warning-rgb: var(--yellow-vivid-20-rgb);\n --warning-alternative-rgb: var(--yellow-vivid-5-rgb);\n --danger: var(--red-vivid-50);\n --danger-alternative: var(--red-vivid-10);\n --danger-rgb: var(--red-vivid-50-rgb);\n --danger-alternative-rgb: var(--red-vivid-20-rgb);\n --font-family-base: Rawline, Raleway, sans-serif;\n --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));\n --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));\n --visited: var(--visited-light);\n --visited-light: var(--blue-warm-vivid-80);\n --visited-dark: var(--gray-20);\n --disabled: var(--surface-opacity-md);\n --hover: var(--hover-light);\n --hover-light: var(--surface-opacity-xs);\n --hover-dark: var(--surface-opacity-sm);\n --hover-effect: linear-gradient(\n rgba(var(--interactive-rgb), var(--hover)),\n rgba(var(--interactive-rgb), var(--hover))\n );\n --pressed: var(--pressed-light);\n --pressed-light: var(--surface-opacity-md);\n --pressed-dark: var(--surface-opacity-lg);\n --pressed-effect: linear-gradient(\n rgba(var(--interactive-rgb), var(--pressed)),\n rgba(var(--interactive-rgb), var(--pressed))\n );\n --focus-style: dashed;\n --focus-color: var(--focus-color-light);\n --focus-color-light: var(--gold-vivid-40);\n --focus-color-dark: var(--gold-vivid-20);\n --focus: var(--focus-color);\n --focus-offset: var(--spacing-scale-half);\n --focus-width: var(--surface-width-lg);\n --active: var(--blue-warm-vivid-80);\n --active-rgb: var(--blue-warm-vivid-80-rgb);\n --selected: var(--blue-warm-vivid-50);\n --on: var(--blue-warm-vivid-40);\n --on-rgb: var(--blue-warm-vivid-40-rgb);\n --off: var(--gray-20);\n --off-rgb: var(--gray-20-rgb);\n --ondrag-border-color: var(--interactive);\n --ondrag-border-width: var(--surface-width-md);\n --ondrag-border-style: solid;\n --ondrag-shadow-offset-x: var(--surface-offset-none);\n --ondrag-shadow-offset-y: var(--surface-offset-md);\n --ondrag-shadow-blur: var(--surface-blur-lg);\n --ondrag-shadow-color: var(--interactive-rgb);\n --ondrag-shadow-opacity: var(--surface-opacity-sm);\n --ondrag-opacity: var(--surface-opacity-xl);\n --ondrag-rotate: -5deg;\n --ondrag-cursor: grabbing;\n --draggable-icon: grip-vertical;\n --draggable-cursor: grab;\n --dropzone-border-color: var(--interactive);\n --dropzone-border-width: var(--surface-width-sm);\n --dropzone-border-style: dashed;\n --ondrop-background: var(--interactive-rgb);\n --ondrop-opacity: var(--surface-opacity-sm);\n --ondrop-cursor: copy;\n --z-index-layer-0: 0;\n --z-index-layer-1: 1000;\n --z-index-layer-2: 2000;\n --z-index-layer-3: 3000;\n --z-index-layer-4: 4000;\n --color-primary-pastel-01: #c5d4eb;\n --color-primary-pastel-02: #dbe8fb;\n --color-primary-lighten-01: #2670e8;\n --color-primary-lighten-02: #5992ed;\n --color-primary-default: #1351b4;\n --color-primary-darken-01: #0c326f;\n --color-primary-darken-02: #071d41;\n --color-secondary-01: #fff;\n --color-secondary-02: #f8f8f8;\n --color-secondary-03: #ededed;\n --color-secondary-04: #ccc;\n --color-secondary-05: #9e9d9d;\n --color-secondary-06: #888;\n --color-secondary-07: #555;\n --color-secondary-08: #333;\n --color-secondary-09: #000;\n --color-highlight: #268744;\n --color-support-01: #36a191;\n --color-support-02: #f2e317;\n --color-support-03: #db4800;\n --color-support-04: #a26739;\n --color-support-05: #40e0d0;\n --color-support-06: #48cbeb;\n --color-support-07: #c72487;\n --color-support-08: #63007f;\n --color-support-09: #f08080;\n --color-support-10: #ff8c00;\n --color-support-11: #fdf5e6;\n --icon-size-base: 16px;\n --icon-size-xs: 8px;\n --icon-size-sm: 12px;\n --icon-size-lg: 20px;\n --icon-size-2x: 32px;\n --icon-size-3x: 48px;\n --icon-size-4x: 64px;\n --icon-size-5x: 80px;\n --icon-size-6x: 96px;\n --icon-size-7x: 112px;\n --icon-size-8x: 128px;\n --icon-size-9x: 144px;\n --icon-size-10x: 160px;\n --surface-width-none: 0;\n --surface-width-sm: 1px;\n --surface-width-md: 2px;\n --surface-width-lg: 4px;\n --surface-rounder-none: 0;\n --surface-rounder-sm: 4px;\n --surface-rounder-md: 8px;\n --surface-rounder-lg: 16px;\n --surface-rounder-pill: 999em;\n --surface-opacity-none: 0;\n --surface-opacity-default: 1;\n --surface-opacity-xs: 0.16;\n --surface-opacity-sm: 0.3;\n --surface-opacity-md: 0.45;\n --surface-opacity-lg: 0.65;\n --surface-opacity-xl: 0.85;\n --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);\n --surface-border-solid-sm: var(--surface-width-sm) s