@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
915 lines (903 loc) • 122 kB
CSS
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@keyframes pulse-shadow {
0% {
box-shadow: 0 0 0 0px currentColor;
}
100% {
box-shadow: 0 0 0 6px currentColor;
}
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes collapsibleSlideDown {
from {
height: 0;
}
to {
height: var(--radix-collapsible-content-height);
}
}
@keyframes collapsibleSlideUp {
from {
height: var(--radix-collapsible-content-height);
}
to {
height: 0;
}
}.relay-kit-reset {
--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-tab-size: 4;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
line-height: 1.5;
font-family: var(--global-font-body, var(--font-fallback));
}.relay-kit-reset *,.relay-kit-reset ::before,.relay-kit-reset ::after,.relay-kit-reset ::backdrop,.relay-kit-reset ::file-selector-button {
margin: 0px;
padding: 0px;
box-sizing: border-box;
border-width: 0px;
border-style: solid;
border-color: var(--global-color-border, currentColor);
}.relay-kit-reset hr {
height: 0px;
color: inherit;
border-top-width: 1px;
}.relay-kit-reset body {
height: 100%;
line-height: inherit;
}.relay-kit-reset img,.relay-kit-reset svg,.relay-kit-reset video,.relay-kit-reset canvas,.relay-kit-reset audio,.relay-kit-reset iframe,.relay-kit-reset embed,.relay-kit-reset object {
display: block;
vertical-align: middle;
}.relay-kit-reset img,.relay-kit-reset video {
max-width: 100%;
height: auto;
}.relay-kit-reset h1,.relay-kit-reset h2,.relay-kit-reset h3,.relay-kit-reset h4,.relay-kit-reset h5,.relay-kit-reset h6 {
text-wrap: balance;
font-size: inherit;
font-weight: inherit;
}.relay-kit-reset p,.relay-kit-reset h1,.relay-kit-reset h2,.relay-kit-reset h3,.relay-kit-reset h4,.relay-kit-reset h5,.relay-kit-reset h6 {
overflow-wrap: break-word;
}.relay-kit-reset ol,.relay-kit-reset ul,.relay-kit-reset menu {
list-style: none;
}.relay-kit-reset button,.relay-kit-reset input:where([type='button'], [type='reset'], [type='submit']),.relay-kit-reset ::file-selector-button {
appearance: button;
-webkit-appearance: button;
}.relay-kit-reset button,.relay-kit-reset input,.relay-kit-reset optgroup,.relay-kit-reset select,.relay-kit-reset textarea,.relay-kit-reset ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
background: transparent;
}.relay-kit-reset ::placeholder {
opacity: 1;
--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
color: var(--global-color-placeholder, var(--placeholder-fallback));
}.relay-kit-reset textarea {
resize: vertical;
}.relay-kit-reset table {
text-indent: 0px;
border-collapse: collapse;
border-color: inherit;
}.relay-kit-reset summary {
display: list-item;
}.relay-kit-reset sub,.relay-kit-reset sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}.relay-kit-reset dialog {
padding: 0px;
}.relay-kit-reset a {
color: inherit;
text-decoration: inherit;
}.relay-kit-reset abbr:where([title]) {
text-decoration: underline dotted;
}.relay-kit-reset code,.relay-kit-reset kbd,.relay-kit-reset samp,.relay-kit-reset pre {
--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
font-feature-settings: normal;
font-variation-settings: normal;
font-family: var(--global-font-mono, var(--font-mono-fallback));
font-size: 1em;
}.relay-kit-reset progress {
vertical-align: baseline;
}.relay-kit-reset ::-webkit-search-decoration,.relay-kit-reset ::-webkit-search-cancel-button {
-webkit-appearance: none;
}.relay-kit-reset ::-webkit-inner-spin-button,.relay-kit-reset ::-webkit-outer-spin-button {
height: auto;
}.relay-kit-reset :-moz-ui-invalid {
box-shadow: none;
}.relay-kit-reset :-moz-focusring {
outline: auto;
}.relay-kit-reset:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [hidden] {
display: none !important;
}.relay-kit-reset img {
border-style: none;
}.relay-kit-reset small {
font-size: 80%;
}.relay-kit-reset sub {
bottom: -0.25em;
}.relay-kit-reset sup {
top: -0.5em;
}.relay-kit-reset b,.relay-kit-reset strong {
font-weight: bolder;
}
:root:not(#\#) {
--made-with-panda: '🐼';
}
*:not(#\#),:not(#\#)::before,:not(#\#)::after,:not(#\#)::backdrop {
--blur: /*-*/ /*-*/;
--brightness: /*-*/ /*-*/;
--contrast: /*-*/ /*-*/;
--grayscale: /*-*/ /*-*/;
--hue-rotate: /*-*/ /*-*/;
--invert: /*-*/ /*-*/;
--saturate: /*-*/ /*-*/;
--sepia: /*-*/ /*-*/;
--drop-shadow: /*-*/ /*-*/;
--backdrop-blur: /*-*/ /*-*/;
--backdrop-brightness: /*-*/ /*-*/;
--backdrop-contrast: /*-*/ /*-*/;
--backdrop-grayscale: /*-*/ /*-*/;
--backdrop-hue-rotate: /*-*/ /*-*/;
--backdrop-invert: /*-*/ /*-*/;
--backdrop-opacity: /*-*/ /*-*/;
--backdrop-saturate: /*-*/ /*-*/;
--backdrop-sepia: /*-*/ /*-*/;
--gradient-from-position: /*-*/ /*-*/;
--gradient-to-position: /*-*/ /*-*/;
--gradient-via-position: /*-*/ /*-*/;
--scroll-snap-strictness: proximity;
--border-spacing-x: 0;
--border-spacing-y: 0;
--translate-x: 0;
--translate-y: 0;
--rotate: 0;
--rotate-x: 0;
--rotate-y: 0;
--skew-x: 0;
--skew-y: 0;
--scale-x: 1;
--scale-y: 1;
}
:where(:root, :host):not(#\#):not(#\#) {
--relay-spacing-1: 4px;
--relay-spacing-2: 8px;
--relay-spacing-3: 12px;
--relay-spacing-4: 16px;
--relay-spacing-5: 32px;
--relay-spacing-6: 64px;
--relay-spacing-widget-card-section-gutter: 6px;
--relay-fonts-body: var(--font-inter), sans-serif;
--relay-colors-primary1: var(--relay-colors-violet-1);
--relay-colors-primary2: var(--relay-colors-violet-2);
--relay-colors-primary3: var(--relay-colors-violet-3);
--relay-colors-primary4: var(--relay-colors-violet-4);
--relay-colors-primary5: var(--relay-colors-violet-5);
--relay-colors-primary6: var(--relay-colors-violet-6);
--relay-colors-primary7: var(--relay-colors-violet-7);
--relay-colors-primary8: var(--relay-colors-violet-8);
--relay-colors-primary9: var(--relay-colors-violet-9);
--relay-colors-primary10: var(--relay-colors-violet-10);
--relay-colors-primary11: var(--relay-colors-violet-11);
--relay-colors-primary12: var(--relay-colors-violet-12);
--relay-colors-gray1: var(--relay-colors-slate-1);
--relay-colors-gray2: var(--relay-colors-slate-2);
--relay-colors-gray3: var(--relay-colors-slate-3);
--relay-colors-gray4: var(--relay-colors-slate-4);
--relay-colors-gray5: var(--relay-colors-slate-5);
--relay-colors-gray6: var(--relay-colors-slate-6);
--relay-colors-gray7: var(--relay-colors-slate-7);
--relay-colors-gray8: var(--relay-colors-slate-8);
--relay-colors-gray9: var(--relay-colors-slate-9);
--relay-colors-gray10: var(--relay-colors-slate-10);
--relay-colors-gray11: var(--relay-colors-slate-11);
--relay-colors-gray12: var(--relay-colors-slate-12);
--relay-colors-black-a10: var(--relay-colors-black-a-10);
--relay-colors-blue12: var(--relay-colors-blue-12);
--relay-colors-red2: var(--relay-colors-red-2);
--relay-colors-red3: var(--relay-colors-red-3);
--relay-colors-red4: var(--relay-colors-red-4);
--relay-colors-red5: var(--relay-colors-red-5);
--relay-colors-red6: var(--relay-colors-red-6);
--relay-colors-red9: var(--relay-colors-red-9);
--relay-colors-red10: var(--relay-colors-red-10);
--relay-colors-red11: var(--relay-colors-red-11);
--relay-colors-red12: var(--relay-colors-red-12);
--relay-colors-green2: var(--relay-colors-green-2);
--relay-colors-green3: var(--relay-colors-green-3);
--relay-colors-green9: var(--relay-colors-green-9);
--relay-colors-green10: var(--relay-colors-green-10);
--relay-colors-green11: var(--relay-colors-green-11);
--relay-colors-green12: var(--relay-colors-green-12);
--relay-colors-yellow9: var(--relay-colors-yellow-9);
--relay-colors-yellow10: var(--relay-colors-yellow-10);
--relay-colors-yellow11: var(--relay-colors-yellow-11);
--relay-colors-yellow12: var(--relay-colors-yellow-12);
--relay-colors-amber2: var(--relay-colors-amber-2);
--relay-colors-amber3: var(--relay-colors-amber-3);
--relay-colors-amber4: var(--relay-colors-amber-4);
--relay-colors-amber9: var(--relay-colors-amber-9);
--relay-colors-amber10: var(--relay-colors-amber-10);
--relay-colors-amber11: var(--relay-colors-amber-11);
--relay-colors-amber12: var(--relay-colors-amber-12);
--relay-gradients-success: linear-gradient(to right, #30A46C, #0ADF79);
--relay-breakpoints-2xl: 1536px;
--relay-breakpoints-sm: 600px;
--relay-breakpoints-md: 900px;
--relay-breakpoints-lg: 1200px;
--relay-breakpoints-xl: 1400px;
--relay-breakpoints-bp300: 300px;
--relay-breakpoints-bp400: 400px;
--relay-breakpoints-bp500: 500px;
--relay-breakpoints-bp600: 600px;
--relay-breakpoints-bp700: 700px;
--relay-breakpoints-bp800: 800px;
--relay-breakpoints-bp900: 900px;
--relay-breakpoints-bp1000: 1000px;
--relay-breakpoints-bp1100: 1100px;
--relay-breakpoints-bp1200: 1200px;
--relay-breakpoints-bp1300: 1300px;
--relay-breakpoints-bp1400: 1400px;
--relay-breakpoints-bp1500: 1500px;
--relay-sizes-breakpoint-2xl: 1536px;
--relay-sizes-breakpoint-sm: 600px;
--relay-sizes-breakpoint-md: 900px;
--relay-sizes-breakpoint-lg: 1200px;
--relay-sizes-breakpoint-xl: 1400px;
--relay-sizes-breakpoint-bp300: 300px;
--relay-sizes-breakpoint-bp400: 400px;
--relay-sizes-breakpoint-bp500: 500px;
--relay-sizes-breakpoint-bp600: 600px;
--relay-sizes-breakpoint-bp700: 700px;
--relay-sizes-breakpoint-bp800: 800px;
--relay-sizes-breakpoint-bp900: 900px;
--relay-sizes-breakpoint-bp1000: 1000px;
--relay-sizes-breakpoint-bp1100: 1100px;
--relay-sizes-breakpoint-bp1200: 1200px;
--relay-sizes-breakpoint-bp1300: 1300px;
--relay-sizes-breakpoint-bp1400: 1400px;
--relay-sizes-breakpoint-bp1500: 1500px;
--relay-radii-widget-border-radius: 16px;
--relay-radii-widget-card-border-radius: 12px;
--relay-radii-modal-border-radius: 16px;
--relay-radii-input-border-radius: 8px;
--relay-radii-dropdown-border-radius: 8px;
--relay-radii-widget-swap-currency-button-border-radius: 8px;
--relay-borders-widget-border: 0px solid white;
--relay-borders-modal-border: 0px solid white;
--relay-borders-dropdown-border: 1px solid var(--relay-colors-gray5);
--relay-borders-widget-swap-currency-button-border-width: 2px;
--relay-borders-widget-card-border: 1px solid var(--relay-colors-primary4);
--relay-shadows-widget-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.10);
--relay-colors-primary-color: var(--relay-colors-primary9);
--relay-colors-focus-color: var(--relay-colors-primary7);
--relay-colors-subtle-background-color: var(--relay-colors-gray-1);
--relay-colors-subtle-border-color: var(--relay-colors-gray-5);
--relay-colors-text-default: var(--relay-colors-gray-12);
--relay-colors-text-subtle: var(--relay-colors-gray-11);
--relay-colors-text-subtle-secondary: var(--relay-colors-gray-11);
--relay-colors-text-error: var(--relay-colors-red-12);
--relay-colors-text-success: var(--relay-colors-green-11);
--relay-colors-primary-button-background: var(--relay-colors-primary9);
--relay-colors-primary-button-color: white;
--relay-colors-primary-button-hover-background: var(--relay-colors-primary10);
--relay-colors-primary-button-hover-color: white;
--relay-colors-secondary-button-background: var(--relay-colors-primary3);
--relay-colors-secondary-button-color: var(--relay-colors-gray12);
--relay-colors-secondary-button-hover-background: var(--relay-colors-primary4);
--relay-colors-secondary-button-hover-color: var(--relay-colors-gray12);
--relay-colors-tertiary-button-background: var(--relay-colors-gray1);
--relay-colors-tertiary-button-color: var(--relay-colors-primary11);
--relay-colors-tertiary-button-hover-background: var(--relay-colors-primary2);
--relay-colors-tertiary-button-hover-color: var(--relay-colors-primary11);
--relay-colors-button-disabled-background: var(--relay-colors-gray-8);
--relay-colors-button-disabled-color: var(--relay-colors-gray-11);
--relay-colors-input-background: var(--relay-colors-gray-3);
--relay-colors-input-color: var(--relay-colors-gray-12);
--relay-colors-anchor-color: var(--relay-colors-primary11);
--relay-colors-anchor-hover-color: var(--relay-colors-primary9);
--relay-colors-dropdown-background: var(--relay-colors-gray-3);
--relay-colors-widget-background: white;
--relay-colors-widget-card-background: var(--relay-colors-gray-1);
--relay-colors-widget-selector-background: var(--relay-colors-gray-2);
--relay-colors-widget-selector-hover-background: var(--relay-colors-gray-3);
--relay-colors-widget-swap-currency-button-border-color: var(--relay-colors-primary4);
--relay-colors-modal-background: white;
--relay-colors-skeleton-background: var(--relay-colors-gray-3);
--relay-colors-amber-1: var(--relay-colors-amber-light-1);
--relay-colors-amber-2: var(--relay-colors-amber-light-2);
--relay-colors-amber-3: var(--relay-colors-amber-light-3);
--relay-colors-amber-4: var(--relay-colors-amber-light-4);
--relay-colors-amber-5: var(--relay-colors-amber-light-5);
--relay-colors-amber-6: var(--relay-colors-amber-light-6);
--relay-colors-amber-7: var(--relay-colors-amber-light-7);
--relay-colors-amber-8: var(--relay-colors-amber-light-8);
--relay-colors-amber-9: var(--relay-colors-amber-light-9);
--relay-colors-amber-10: var(--relay-colors-amber-light-10);
--relay-colors-amber-11: var(--relay-colors-amber-light-11);
--relay-colors-amber-12: var(--relay-colors-amber-light-12);
--relay-colors-amber-light-1: hsl(39, 70.0%, 99.0%);
--relay-colors-amber-light-2: hsl(40, 100%, 96.5%);
--relay-colors-amber-light-3: hsl(44, 100%, 91.7%);
--relay-colors-amber-light-4: hsl(43, 100%, 86.8%);
--relay-colors-amber-light-5: hsl(42, 100%, 81.8%);
--relay-colors-amber-light-6: hsl(38, 99.7%, 76.3%);
--relay-colors-amber-light-7: hsl(36, 86.1%, 67.1%);
--relay-colors-amber-light-8: hsl(35, 85.2%, 55.1%);
--relay-colors-amber-light-9: hsl(39, 100%, 57.0%);
--relay-colors-amber-light-10: hsl(35, 100%, 55.5%);
--relay-colors-amber-light-11: hsl(30, 100%, 34.0%);
--relay-colors-amber-light-12: hsl(20, 80.0%, 17.0%);
--relay-colors-amber-light-a-1: hsla(40, 94.9%, 38.7%, 0.016);
--relay-colors-amber-light-a-2: hsla(40, 100%, 50.3%, 0.071);
--relay-colors-amber-light-a-3: hsla(44, 100%, 50.1%, 0.165);
--relay-colors-amber-light-a-4: hsla(43, 100%, 50.0%, 0.263);
--relay-colors-amber-light-a-5: hsla(42, 100%, 50.0%, 0.365);
--relay-colors-amber-light-a-6: hsla(38, 100%, 50.1%, 0.475);
--relay-colors-amber-light-a-7: hsla(36, 99.9%, 46.2%, 0.612);
--relay-colors-amber-light-a-8: hsla(35, 99.8%, 46.0%, 0.832);
--relay-colors-amber-light-a-9: hsla(39, 100%, 50.0%, 0.859);
--relay-colors-amber-light-a-10: hsla(35, 100%, 50.0%, 0.891);
--relay-colors-amber-light-a-11: hsla(29, 100%, 33.6%, 0.980);
--relay-colors-amber-light-a-12: hsla(20, 99.8%, 14.1%, 0.965);
--relay-colors-amber-dark-1: hsl(36, 100%, 6.1%);
--relay-colors-amber-dark-2: hsl(35, 100%, 7.6%);
--relay-colors-amber-dark-3: hsl(32, 100%, 10.2%);
--relay-colors-amber-dark-4: hsl(32, 100%, 12.4%);
--relay-colors-amber-dark-5: hsl(33, 100%, 14.6%);
--relay-colors-amber-dark-6: hsl(35, 100%, 17.1%);
--relay-colors-amber-dark-7: hsl(35, 91.0%, 21.6%);
--relay-colors-amber-dark-8: hsl(36, 100%, 25.5%);
--relay-colors-amber-dark-9: hsl(39, 100%, 57.0%);
--relay-colors-amber-dark-10: hsl(43, 100%, 64.0%);
--relay-colors-amber-dark-11: hsl(39, 90.0%, 49.8%);
--relay-colors-amber-dark-12: hsl(39, 97.0%, 93.2%);
--relay-colors-amber-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-amber-dark-a-2: hsla(31, 100%, 49.7%, 0.036);
--relay-colors-amber-dark-a-3: hsla(27, 100%, 49.9%, 0.094);
--relay-colors-amber-dark-a-4: hsla(29, 100%, 50.0%, 0.143);
--relay-colors-amber-dark-a-5: hsla(31, 100%, 50.0%, 0.192);
--relay-colors-amber-dark-a-6: hsla(35, 100%, 50.0%, 0.250);
--relay-colors-amber-dark-a-7: hsla(34, 99.6%, 52.9%, 0.331);
--relay-colors-amber-dark-a-8: hsla(36, 100%, 50.0%, 0.442);
--relay-colors-amber-dark-a-9: hsla(40, 100%, 57.2%, 0.980);
--relay-colors-amber-dark-a-10: hsla(44, 100%, 64.2%, 0.980);
--relay-colors-amber-dark-a-11: hsla(39, 99.9%, 52.7%, 0.938);
--relay-colors-amber-dark-a-12: hsla(45, 100%, 94.2%, 0.980);
--relay-colors-amber-a-1: var(--relay-colors-amber-light-a-1);
--relay-colors-amber-a-2: var(--relay-colors-amber-light-a-2);
--relay-colors-amber-a-3: var(--relay-colors-amber-light-a-3);
--relay-colors-amber-a-4: var(--relay-colors-amber-light-a-4);
--relay-colors-amber-a-5: var(--relay-colors-amber-light-a-5);
--relay-colors-amber-a-6: var(--relay-colors-amber-light-a-6);
--relay-colors-amber-a-7: var(--relay-colors-amber-light-a-7);
--relay-colors-amber-a-8: var(--relay-colors-amber-light-a-8);
--relay-colors-amber-a-9: var(--relay-colors-amber-light-a-9);
--relay-colors-amber-a-10: var(--relay-colors-amber-light-a-10);
--relay-colors-amber-a-11: var(--relay-colors-amber-light-a-11);
--relay-colors-amber-a-12: var(--relay-colors-amber-light-a-12);
--relay-colors-black-light-a-1: hsla(0, 0%, 0%, 0.012);
--relay-colors-black-light-a-2: hsla(0, 0%, 0%, 0.027);
--relay-colors-black-light-a-3: hsla(0, 0%, 0%, 0.047);
--relay-colors-black-light-a-4: hsla(0, 0%, 0%, 0.071);
--relay-colors-black-light-a-5: hsla(0, 0%, 0%, 0.090);
--relay-colors-black-light-a-6: hsla(0, 0%, 0%, 0.114);
--relay-colors-black-light-a-7: hsla(0, 0%, 0%, 0.141);
--relay-colors-black-light-a-8: hsla(0, 0%, 0%, 0.220);
--relay-colors-black-light-a-9: hsla(0, 0%, 0%, 0.439);
--relay-colors-black-light-a-10: hsla(0, 0%, 0%, 0.478);
--relay-colors-black-light-a-11: hsla(0, 0%, 0%, 0.565);
--relay-colors-black-light-a-12: hsla(0, 0%, 0%, 0.910);
--relay-colors-black-a-1: hsla(0, 0%, 0%, 0.012);
--relay-colors-black-a-2: hsla(0, 0%, 0%, 0.027);
--relay-colors-black-a-3: hsla(0, 0%, 0%, 0.047);
--relay-colors-black-a-4: hsla(0, 0%, 0%, 0.071);
--relay-colors-black-a-5: hsla(0, 0%, 0%, 0.090);
--relay-colors-black-a-6: hsla(0, 0%, 0%, 0.114);
--relay-colors-black-a-7: hsla(0, 0%, 0%, 0.141);
--relay-colors-black-a-8: hsla(0, 0%, 0%, 0.220);
--relay-colors-black-a-9: hsla(0, 0%, 0%, 0.439);
--relay-colors-black-a-10: hsla(0, 0%, 0%, 0.478);
--relay-colors-black-a-11: hsla(0, 0%, 0%, 0.565);
--relay-colors-black-a-12: hsla(0, 0%, 0%, 0.910);
--relay-colors-blue-1: var(--relay-colors-blue-light-1);
--relay-colors-blue-2: var(--relay-colors-blue-light-2);
--relay-colors-blue-3: var(--relay-colors-blue-light-3);
--relay-colors-blue-4: var(--relay-colors-blue-light-4);
--relay-colors-blue-5: var(--relay-colors-blue-light-5);
--relay-colors-blue-6: var(--relay-colors-blue-light-6);
--relay-colors-blue-7: var(--relay-colors-blue-light-7);
--relay-colors-blue-8: var(--relay-colors-blue-light-8);
--relay-colors-blue-9: var(--relay-colors-blue-light-9);
--relay-colors-blue-10: var(--relay-colors-blue-light-10);
--relay-colors-blue-11: var(--relay-colors-blue-light-11);
--relay-colors-blue-12: var(--relay-colors-blue-light-12);
--relay-colors-blue-light-1: hsl(206, 100%, 99.2%);
--relay-colors-blue-light-2: hsl(210, 100%, 98.0%);
--relay-colors-blue-light-3: hsl(209, 100%, 96.5%);
--relay-colors-blue-light-4: hsl(210, 98.8%, 94.0%);
--relay-colors-blue-light-5: hsl(209, 95.0%, 90.1%);
--relay-colors-blue-light-6: hsl(209, 81.2%, 84.5%);
--relay-colors-blue-light-7: hsl(208, 77.5%, 76.9%);
--relay-colors-blue-light-8: hsl(206, 81.9%, 65.3%);
--relay-colors-blue-light-9: hsl(206, 100%, 50.0%);
--relay-colors-blue-light-10: hsl(208, 100%, 47.3%);
--relay-colors-blue-light-11: hsl(211, 100%, 43.2%);
--relay-colors-blue-light-12: hsl(211, 100%, 15.0%);
--relay-colors-blue-light-a-1: hsla(210, 100%, 51.0%, 0.016);
--relay-colors-blue-light-a-2: hsla(210, 100%, 51.0%, 0.040);
--relay-colors-blue-light-a-3: hsla(210, 100%, 50.3%, 0.071);
--relay-colors-blue-light-a-4: hsla(210, 100%, 50.1%, 0.118);
--relay-colors-blue-light-a-5: hsla(208, 99.1%, 47.1%, 0.189);
--relay-colors-blue-light-a-6: hsla(209, 99.5%, 45.3%, 0.283);
--relay-colors-blue-light-a-7: hsla(208, 99.9%, 43.8%, 0.412);
--relay-colors-blue-light-a-8: hsla(206, 99.8%, 45.1%, 0.632);
--relay-colors-blue-light-a-9: hsla(206, 100%, 50.0%, 0.980);
--relay-colors-blue-light-a-10: hsla(208, 100%, 47.2%, 0.980);
--relay-colors-blue-light-a-11: hsla(212, 100%, 43.0%, 0.980);
--relay-colors-blue-light-a-12: hsla(213, 100%, 14.4%, 0.980);
--relay-colors-blue-dark-1: hsl(212, 35.0%, 9.2%);
--relay-colors-blue-dark-2: hsl(216, 50.0%, 11.8%);
--relay-colors-blue-dark-3: hsl(214, 59.4%, 15.3%);
--relay-colors-blue-dark-4: hsl(214, 65.8%, 17.9%);
--relay-colors-blue-dark-5: hsl(213, 71.2%, 20.2%);
--relay-colors-blue-dark-6: hsl(212, 77.4%, 23.1%);
--relay-colors-blue-dark-7: hsl(211, 85.1%, 27.4%);
--relay-colors-blue-dark-8: hsl(211, 89.7%, 34.1%);
--relay-colors-blue-dark-9: hsl(206, 100%, 50.0%);
--relay-colors-blue-dark-10: hsl(209, 100%, 60.6%);
--relay-colors-blue-dark-11: hsl(210, 100%, 66.1%);
--relay-colors-blue-dark-12: hsl(206, 98.0%, 95.8%);
--relay-colors-blue-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-blue-dark-a-2: hsla(221, 97.8%, 52.4%, 0.059);
--relay-colors-blue-dark-a-3: hsla(215, 99.3%, 54.2%, 0.135);
--relay-colors-blue-dark-a-4: hsla(215, 99.3%, 53.8%, 0.198);
--relay-colors-blue-dark-a-5: hsla(213, 99.4%, 52.8%, 0.252);
--relay-colors-blue-dark-a-6: hsla(212, 99.9%, 51.7%, 0.323);
--relay-colors-blue-dark-a-7: hsla(211, 100%, 50.7%, 0.435);
--relay-colors-blue-dark-a-8: hsla(211, 99.8%, 50.9%, 0.597);
--relay-colors-blue-dark-a-9: hsla(205, 100%, 50.0%, 0.980);
--relay-colors-blue-dark-a-10: hsla(208, 100%, 60.7%, 0.980);
--relay-colors-blue-dark-a-11: hsla(209, 100%, 66.3%, 0.980);
--relay-colors-blue-dark-a-12: hsla(196, 100%, 96.8%, 0.980);
--relay-colors-blue-a-1: var(--relay-colors-blue-light-a-1);
--relay-colors-blue-a-2: var(--relay-colors-blue-light-a-2);
--relay-colors-blue-a-3: var(--relay-colors-blue-light-a-3);
--relay-colors-blue-a-4: var(--relay-colors-blue-light-a-4);
--relay-colors-blue-a-5: var(--relay-colors-blue-light-a-5);
--relay-colors-blue-a-6: var(--relay-colors-blue-light-a-6);
--relay-colors-blue-a-7: var(--relay-colors-blue-light-a-7);
--relay-colors-blue-a-8: var(--relay-colors-blue-light-a-8);
--relay-colors-blue-a-9: var(--relay-colors-blue-light-a-9);
--relay-colors-blue-a-10: var(--relay-colors-blue-light-a-10);
--relay-colors-blue-a-11: var(--relay-colors-blue-light-a-11);
--relay-colors-blue-a-12: var(--relay-colors-blue-light-a-12);
--relay-colors-gray-1: var(--relay-colors-gray-light-1);
--relay-colors-gray-2: var(--relay-colors-gray-light-2);
--relay-colors-gray-3: var(--relay-colors-gray-light-3);
--relay-colors-gray-4: var(--relay-colors-gray-light-4);
--relay-colors-gray-5: var(--relay-colors-gray-light-5);
--relay-colors-gray-6: var(--relay-colors-gray-light-6);
--relay-colors-gray-7: var(--relay-colors-gray-light-7);
--relay-colors-gray-8: var(--relay-colors-gray-light-8);
--relay-colors-gray-9: var(--relay-colors-gray-light-9);
--relay-colors-gray-10: var(--relay-colors-gray-light-10);
--relay-colors-gray-11: var(--relay-colors-gray-light-11);
--relay-colors-gray-12: var(--relay-colors-gray-light-12);
--relay-colors-gray-light-1: hsl(0, 0%, 99.0%);
--relay-colors-gray-light-2: hsl(0, 0%, 97.3%);
--relay-colors-gray-light-3: hsl(0, 0%, 95.1%);
--relay-colors-gray-light-4: hsl(0, 0%, 93.0%);
--relay-colors-gray-light-5: hsl(0, 0%, 90.9%);
--relay-colors-gray-light-6: hsl(0, 0%, 88.7%);
--relay-colors-gray-light-7: hsl(0, 0%, 85.8%);
--relay-colors-gray-light-8: hsl(0, 0%, 78.0%);
--relay-colors-gray-light-9: hsl(0, 0%, 56.1%);
--relay-colors-gray-light-10: hsl(0, 0%, 52.3%);
--relay-colors-gray-light-11: hsl(0, 0%, 43.5%);
--relay-colors-gray-light-12: hsl(0, 0%, 9.0%);
--relay-colors-gray-light-a-1: hsla(0, 0%, 0%, 0.012);
--relay-colors-gray-light-a-2: hsla(0, 0%, 0%, 0.027);
--relay-colors-gray-light-a-3: hsla(0, 0%, 0%, 0.047);
--relay-colors-gray-light-a-4: hsla(0, 0%, 0%, 0.071);
--relay-colors-gray-light-a-5: hsla(0, 0%, 0%, 0.090);
--relay-colors-gray-light-a-6: hsla(0, 0%, 0%, 0.114);
--relay-colors-gray-light-a-7: hsla(0, 0%, 0%, 0.141);
--relay-colors-gray-light-a-8: hsla(0, 0%, 0%, 0.220);
--relay-colors-gray-light-a-9: hsla(0, 0%, 0%, 0.439);
--relay-colors-gray-light-a-10: hsla(0, 0%, 0%, 0.478);
--relay-colors-gray-light-a-11: hsla(0, 0%, 0%, 0.565);
--relay-colors-gray-light-a-12: hsla(0, 0%, 0%, 0.910);
--relay-colors-gray-dark-1: hsl(0, 0%, 8.5%);
--relay-colors-gray-dark-2: hsl(0, 0%, 11.0%);
--relay-colors-gray-dark-3: hsl(0, 0%, 13.6%);
--relay-colors-gray-dark-4: hsl(0, 0%, 15.8%);
--relay-colors-gray-dark-5: hsl(0, 0%, 17.9%);
--relay-colors-gray-dark-6: hsl(0, 0%, 20.5%);
--relay-colors-gray-dark-7: hsl(0, 0%, 24.3%);
--relay-colors-gray-dark-8: hsl(0, 0%, 31.2%);
--relay-colors-gray-dark-9: hsl(0, 0%, 43.9%);
--relay-colors-gray-dark-10: hsl(0, 0%, 49.4%);
--relay-colors-gray-dark-11: hsl(0, 0%, 62.8%);
--relay-colors-gray-dark-12: hsl(0, 0%, 93.0%);
--relay-colors-gray-dark-a-1: hsla(0, 0%, 100%, 0);
--relay-colors-gray-dark-a-2: hsla(0, 0%, 100%, 0.026);
--relay-colors-gray-dark-a-3: hsla(0, 0%, 100%, 0.056);
--relay-colors-gray-dark-a-4: hsla(0, 0%, 100%, 0.077);
--relay-colors-gray-dark-a-5: hsla(0, 0%, 100%, 0.103);
--relay-colors-gray-dark-a-6: hsla(0, 0%, 100%, 0.129);
--relay-colors-gray-dark-a-7: hsla(0, 0%, 100%, 0.172);
--relay-colors-gray-dark-a-8: hsla(0, 0%, 100%, 0.249);
--relay-colors-gray-dark-a-9: hsla(0, 0%, 100%, 0.386);
--relay-colors-gray-dark-a-10: hsla(0, 0%, 100%, 0.446);
--relay-colors-gray-dark-a-11: hsla(0, 0%, 100%, 0.592);
--relay-colors-gray-dark-a-12: hsla(0, 0%, 100%, 0.923);
--relay-colors-gray-a-1: var(--relay-colors-gray-light-a-1);
--relay-colors-gray-a-2: var(--relay-colors-gray-light-a-2);
--relay-colors-gray-a-3: var(--relay-colors-gray-light-a-3);
--relay-colors-gray-a-4: var(--relay-colors-gray-light-a-4);
--relay-colors-gray-a-5: var(--relay-colors-gray-light-a-5);
--relay-colors-gray-a-6: var(--relay-colors-gray-light-a-6);
--relay-colors-gray-a-7: var(--relay-colors-gray-light-a-7);
--relay-colors-gray-a-8: var(--relay-colors-gray-light-a-8);
--relay-colors-gray-a-9: var(--relay-colors-gray-light-a-9);
--relay-colors-gray-a-10: var(--relay-colors-gray-light-a-10);
--relay-colors-gray-a-11: var(--relay-colors-gray-light-a-11);
--relay-colors-gray-a-12: var(--relay-colors-gray-light-a-12);
--relay-colors-green-1: var(--relay-colors-green-light-1);
--relay-colors-green-2: var(--relay-colors-green-light-2);
--relay-colors-green-3: var(--relay-colors-green-light-3);
--relay-colors-green-4: var(--relay-colors-green-light-4);
--relay-colors-green-5: var(--relay-colors-green-light-5);
--relay-colors-green-6: var(--relay-colors-green-light-6);
--relay-colors-green-7: var(--relay-colors-green-light-7);
--relay-colors-green-8: var(--relay-colors-green-light-8);
--relay-colors-green-9: var(--relay-colors-green-light-9);
--relay-colors-green-10: var(--relay-colors-green-light-10);
--relay-colors-green-11: var(--relay-colors-green-light-11);
--relay-colors-green-12: var(--relay-colors-green-light-12);
--relay-colors-green-light-1: hsl(136, 50.0%, 98.9%);
--relay-colors-green-light-2: hsl(138, 62.5%, 96.9%);
--relay-colors-green-light-3: hsl(139, 55.2%, 94.5%);
--relay-colors-green-light-4: hsl(140, 48.7%, 91.0%);
--relay-colors-green-light-5: hsl(141, 43.7%, 86.0%);
--relay-colors-green-light-6: hsl(143, 40.3%, 79.0%);
--relay-colors-green-light-7: hsl(146, 38.5%, 69.0%);
--relay-colors-green-light-8: hsl(151, 40.2%, 54.1%);
--relay-colors-green-light-9: hsl(151, 55.0%, 41.5%);
--relay-colors-green-light-10: hsl(152, 57.5%, 37.6%);
--relay-colors-green-light-11: hsl(153, 67.0%, 28.5%);
--relay-colors-green-light-12: hsl(155, 40.0%, 14.0%);
--relay-colors-green-light-a-1: hsla(140, 94.9%, 38.7%, 0.016);
--relay-colors-green-light-a-2: hsla(138, 99.9%, 38.5%, 0.051);
--relay-colors-green-light-a-3: hsla(139, 97.7%, 36.9%, 0.087);
--relay-colors-green-light-a-4: hsla(139, 98.5%, 32.7%, 0.134);
--relay-colors-green-light-a-5: hsla(141, 100%, 30.4%, 0.200);
--relay-colors-green-light-a-6: hsla(142, 99.0%, 28.9%, 0.295);
--relay-colors-green-light-a-7: hsla(146, 99.5%, 27.6%, 0.428);
--relay-colors-green-light-a-8: hsla(151, 99.5%, 28.8%, 0.644);
--relay-colors-green-light-a-9: hsla(151, 99.9%, 28.0%, 0.812);
--relay-colors-green-light-a-10: hsla(152, 99.6%, 25.8%, 0.840);
--relay-colors-green-light-a-11: hsla(153, 99.9%, 21.0%, 0.906);
--relay-colors-green-light-a-12: hsla(155, 99.4%, 6.2%, 0.918);
--relay-colors-green-dark-1: hsl(146, 30.0%, 7.4%);
--relay-colors-green-dark-2: hsl(155, 44.2%, 8.4%);
--relay-colors-green-dark-3: hsl(155, 46.7%, 10.9%);
--relay-colors-green-dark-4: hsl(154, 48.4%, 12.9%);
--relay-colors-green-dark-5: hsl(154, 49.7%, 14.9%);
--relay-colors-green-dark-6: hsl(154, 50.9%, 17.6%);
--relay-colors-green-dark-7: hsl(153, 51.8%, 21.8%);
--relay-colors-green-dark-8: hsl(151, 51.7%, 28.4%);
--relay-colors-green-dark-9: hsl(151, 55.0%, 41.5%);
--relay-colors-green-dark-10: hsl(151, 49.3%, 46.5%);
--relay-colors-green-dark-11: hsl(151, 50.0%, 53.2%);
--relay-colors-green-dark-12: hsl(137, 72.0%, 94.0%);
--relay-colors-green-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-green-dark-a-2: hsla(169, 100%, 48.5%, 0.027);
--relay-colors-green-dark-a-3: hsla(162, 98.7%, 57.9%, 0.070);
--relay-colors-green-dark-a-4: hsla(158, 98.6%, 59.7%, 0.105);
--relay-colors-green-dark-a-5: hsla(158, 98.6%, 60.7%, 0.140);
--relay-colors-green-dark-a-6: hsla(156, 99.9%, 62.0%, 0.187);
--relay-colors-green-dark-a-7: hsla(154, 99.5%, 63.1%, 0.257);
--relay-colors-green-dark-a-8: hsla(152, 99.7%, 64.2%, 0.370);
--relay-colors-green-dark-a-9: hsla(151, 99.7%, 63.8%, 0.605);
--relay-colors-green-dark-a-10: hsla(152, 99.9%, 66.5%, 0.661);
--relay-colors-green-dark-a-11: hsla(151, 99.7%, 69.2%, 0.740);
--relay-colors-green-dark-a-12: hsla(137, 100%, 95.8%, 0.980);
--relay-colors-green-a-1: var(--relay-colors-green-light-a-1);
--relay-colors-green-a-2: var(--relay-colors-green-light-a-2);
--relay-colors-green-a-3: var(--relay-colors-green-light-a-3);
--relay-colors-green-a-4: var(--relay-colors-green-light-a-4);
--relay-colors-green-a-5: var(--relay-colors-green-light-a-5);
--relay-colors-green-a-6: var(--relay-colors-green-light-a-6);
--relay-colors-green-a-7: var(--relay-colors-green-light-a-7);
--relay-colors-green-a-8: var(--relay-colors-green-light-a-8);
--relay-colors-green-a-9: var(--relay-colors-green-light-a-9);
--relay-colors-green-a-10: var(--relay-colors-green-light-a-10);
--relay-colors-green-a-11: var(--relay-colors-green-light-a-11);
--relay-colors-green-a-12: var(--relay-colors-green-light-a-12);
--relay-colors-red-1: var(--relay-colors-red-light-1);
--relay-colors-red-2: var(--relay-colors-red-light-2);
--relay-colors-red-3: var(--relay-colors-red-light-3);
--relay-colors-red-4: var(--relay-colors-red-light-4);
--relay-colors-red-5: var(--relay-colors-red-light-5);
--relay-colors-red-6: var(--relay-colors-red-light-6);
--relay-colors-red-7: var(--relay-colors-red-light-7);
--relay-colors-red-8: var(--relay-colors-red-light-8);
--relay-colors-red-9: var(--relay-colors-red-light-9);
--relay-colors-red-10: var(--relay-colors-red-light-10);
--relay-colors-red-11: var(--relay-colors-red-light-11);
--relay-colors-red-12: var(--relay-colors-red-light-12);
--relay-colors-red-light-1: hsl(359, 100%, 99.4%);
--relay-colors-red-light-2: hsl(359, 100%, 98.6%);
--relay-colors-red-light-3: hsl(360, 100%, 96.8%);
--relay-colors-red-light-4: hsl(360, 97.9%, 94.8%);
--relay-colors-red-light-5: hsl(360, 90.2%, 91.9%);
--relay-colors-red-light-6: hsl(360, 81.7%, 87.8%);
--relay-colors-red-light-7: hsl(359, 74.2%, 81.7%);
--relay-colors-red-light-8: hsl(359, 69.5%, 74.3%);
--relay-colors-red-light-9: hsl(358, 75.0%, 59.0%);
--relay-colors-red-light-10: hsl(358, 69.4%, 55.2%);
--relay-colors-red-light-11: hsl(358, 65.0%, 48.7%);
--relay-colors-red-light-12: hsl(354, 50.0%, 14.6%);
--relay-colors-red-light-a-1: hsla(0, 100%, 51.0%, 0.012);
--relay-colors-red-light-a-2: hsla(0, 100%, 51.0%, 0.032);
--relay-colors-red-light-a-3: hsla(0, 100%, 50.2%, 0.063);
--relay-colors-red-light-a-4: hsla(0, 100%, 50.0%, 0.102);
--relay-colors-red-light-a-5: hsla(0, 99.9%, 47.5%, 0.153);
--relay-colors-red-light-a-6: hsla(0, 99.5%, 44.9%, 0.224);
--relay-colors-red-light-a-7: hsla(359, 99.7%, 42.7%, 0.318);
--relay-colors-red-light-a-8: hsla(359, 99.6%, 41.1%, 0.436);
--relay-colors-red-light-a-9: hsla(358, 99.9%, 42.9%, 0.718);
--relay-colors-red-light-a-10: hsla(358, 99.9%, 41.0%, 0.761);
--relay-colors-red-light-a-11: hsla(358, 99.8%, 38.3%, 0.832);
--relay-colors-red-light-a-12: hsla(355, 99.3%, 7.9%, 0.926);
--relay-colors-red-dark-1: hsl(353, 23.0%, 9.8%);
--relay-colors-red-dark-2: hsl(357, 34.4%, 12.0%);
--relay-colors-red-dark-3: hsl(356, 43.4%, 16.4%);
--relay-colors-red-dark-4: hsl(356, 47.6%, 19.2%);
--relay-colors-red-dark-5: hsl(356, 51.1%, 21.9%);
--relay-colors-red-dark-6: hsl(356, 55.2%, 25.9%);
--relay-colors-red-dark-7: hsl(357, 60.2%, 31.8%);
--relay-colors-red-dark-8: hsl(358, 65.0%, 40.4%);
--relay-colors-red-dark-9: hsl(358, 75.0%, 59.0%);
--relay-colors-red-dark-10: hsl(358, 85.3%, 64.0%);
--relay-colors-red-dark-11: hsl(358, 100%, 69.5%);
--relay-colors-red-dark-12: hsl(351, 89.0%, 96.0%);
--relay-colors-red-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-red-dark-a-2: hsla(5, 98.5%, 53.8%, 0.045);
--relay-colors-red-dark-a-3: hsla(359, 99.1%, 61.1%, 0.130);
--relay-colors-red-dark-a-4: hsla(358, 98.8%, 61.0%, 0.184);
--relay-colors-red-dark-a-5: hsla(357, 99.6%, 60.3%, 0.237);
--relay-colors-red-dark-a-6: hsla(358, 99.6%, 60.3%, 0.322);
--relay-colors-red-dark-a-7: hsla(357, 100%, 59.5%, 0.442);
--relay-colors-red-dark-a-8: hsla(358, 99.8%, 59.1%, 0.621);
--relay-colors-red-dark-a-9: hsla(358, 100%, 65.5%, 0.884);
--relay-colors-red-dark-a-10: hsla(358, 100%, 67.5%, 0.942);
--relay-colors-red-dark-a-11: hsla(358, 100%, 69.7%, 0.980);
--relay-colors-red-dark-a-12: hsla(352, 100%, 97.1%, 0.980);
--relay-colors-red-a-1: var(--relay-colors-red-light-a-1);
--relay-colors-red-a-2: var(--relay-colors-red-light-a-2);
--relay-colors-red-a-3: var(--relay-colors-red-light-a-3);
--relay-colors-red-a-4: var(--relay-colors-red-light-a-4);
--relay-colors-red-a-5: var(--relay-colors-red-light-a-5);
--relay-colors-red-a-6: var(--relay-colors-red-light-a-6);
--relay-colors-red-a-7: var(--relay-colors-red-light-a-7);
--relay-colors-red-a-8: var(--relay-colors-red-light-a-8);
--relay-colors-red-a-9: var(--relay-colors-red-light-a-9);
--relay-colors-red-a-10: var(--relay-colors-red-light-a-10);
--relay-colors-red-a-11: var(--relay-colors-red-light-a-11);
--relay-colors-red-a-12: var(--relay-colors-red-light-a-12);
--relay-colors-slate-1: var(--relay-colors-slate-light-1);
--relay-colors-slate-2: var(--relay-colors-slate-light-2);
--relay-colors-slate-3: var(--relay-colors-slate-light-3);
--relay-colors-slate-4: var(--relay-colors-slate-light-4);
--relay-colors-slate-5: var(--relay-colors-slate-light-5);
--relay-colors-slate-6: var(--relay-colors-slate-light-6);
--relay-colors-slate-7: var(--relay-colors-slate-light-7);
--relay-colors-slate-8: var(--relay-colors-slate-light-8);
--relay-colors-slate-9: var(--relay-colors-slate-light-9);
--relay-colors-slate-10: var(--relay-colors-slate-light-10);
--relay-colors-slate-11: var(--relay-colors-slate-light-11);
--relay-colors-slate-12: var(--relay-colors-slate-light-12);
--relay-colors-slate-light-1: hsl(206, 30.0%, 98.8%);
--relay-colors-slate-light-2: hsl(210, 16.7%, 97.6%);
--relay-colors-slate-light-3: hsl(209, 13.3%, 95.3%);
--relay-colors-slate-light-4: hsl(209, 12.2%, 93.2%);
--relay-colors-slate-light-5: hsl(208, 11.7%, 91.1%);
--relay-colors-slate-light-6: hsl(208, 11.3%, 88.9%);
--relay-colors-slate-light-7: hsl(207, 11.1%, 85.9%);
--relay-colors-slate-light-8: hsl(205, 10.7%, 78.0%);
--relay-colors-slate-light-9: hsl(206, 6.0%, 56.1%);
--relay-colors-slate-light-10: hsl(206, 5.8%, 52.3%);
--relay-colors-slate-light-11: hsl(206, 6.0%, 43.5%);
--relay-colors-slate-light-12: hsl(206, 24.0%, 9.0%);
--relay-colors-slate-light-a-1: hsla(210, 92.6%, 26.5%, 0.016);
--relay-colors-slate-light-a-2: hsla(210, 87.7%, 16.0%, 0.028);
--relay-colors-slate-light-a-3: hsla(210, 98.8%, 14.4%, 0.055);
--relay-colors-slate-light-a-4: hsla(210, 94.1%, 11.1%, 0.075);
--relay-colors-slate-light-a-5: hsla(216, 91.1%, 10.9%, 0.099);
--relay-colors-slate-light-a-6: hsla(206, 96.4%, 11.3%, 0.126);
--relay-colors-slate-light-a-7: hsla(210, 99.1%, 10.1%, 0.157);
--relay-colors-slate-light-a-8: hsla(205, 96.5%, 10.0%, 0.244);
--relay-colors-slate-light-a-9: hsla(206, 98.8%, 5.9%, 0.467);
--relay-colors-slate-light-a-10: hsla(206, 99.6%, 5.4%, 0.506);
--relay-colors-slate-light-a-11: hsla(206, 97.0%, 4.8%, 0.593);
--relay-colors-slate-light-a-12: hsla(202, 97.0%, 2.4%, 0.934);
--relay-colors-slate-dark-1: hsl(200, 7.0%, 8.8%);
--relay-colors-slate-dark-2: hsl(195, 7.1%, 11.0%);
--relay-colors-slate-dark-3: hsl(197, 6.8%, 13.6%);
--relay-colors-slate-dark-4: hsl(198, 6.6%, 15.8%);
--relay-colors-slate-dark-5: hsl(199, 6.4%, 17.9%);
--relay-colors-slate-dark-6: hsl(201, 6.2%, 20.5%);
--relay-colors-slate-dark-7: hsl(203, 6.0%, 24.3%);
--relay-colors-slate-dark-8: hsl(207, 5.6%, 31.6%);
--relay-colors-slate-dark-9: hsl(206, 6.0%, 43.9%);
--relay-colors-slate-dark-10: hsl(206, 5.2%, 49.5%);
--relay-colors-slate-dark-11: hsl(206, 6.0%, 63.0%);
--relay-colors-slate-dark-12: hsl(210, 6.0%, 93.0%);
--relay-colors-slate-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-slate-dark-a-2: hsla(181, 98.9%, 91.8%, 0.026);
--relay-colors-slate-dark-a-3: hsla(182, 86.7%, 91.4%, 0.057);
--relay-colors-slate-dark-a-4: hsla(209, 86.7%, 93.9%, 0.083);
--relay-colors-slate-dark-a-5: hsla(200, 90.3%, 93.4%, 0.109);
--relay-colors-slate-dark-a-6: hsla(209, 95.3%, 93.5%, 0.139);
--relay-colors-slate-dark-a-7: hsla(204, 98.5%, 93.9%, 0.182);
--relay-colors-slate-dark-a-8: hsla(209, 94.0%, 94.7%, 0.265);
--relay-colors-slate-dark-a-9: hsla(207, 97.3%, 94.0%, 0.412);
--relay-colors-slate-dark-a-10: hsla(209, 99.4%, 95.2%, 0.472);
--relay-colors-slate-dark-a-11: hsla(208, 98.7%, 96.8%, 0.615);
--relay-colors-slate-dark-a-12: hsla(211, 86.7%, 99.6%, 0.927);
--relay-colors-slate-a-1: var(--relay-colors-slate-light-a-1);
--relay-colors-slate-a-2: var(--relay-colors-slate-light-a-2);
--relay-colors-slate-a-3: var(--relay-colors-slate-light-a-3);
--relay-colors-slate-a-4: var(--relay-colors-slate-light-a-4);
--relay-colors-slate-a-5: var(--relay-colors-slate-light-a-5);
--relay-colors-slate-a-6: var(--relay-colors-slate-light-a-6);
--relay-colors-slate-a-7: var(--relay-colors-slate-light-a-7);
--relay-colors-slate-a-8: var(--relay-colors-slate-light-a-8);
--relay-colors-slate-a-9: var(--relay-colors-slate-light-a-9);
--relay-colors-slate-a-10: var(--relay-colors-slate-light-a-10);
--relay-colors-slate-a-11: var(--relay-colors-slate-light-a-11);
--relay-colors-slate-a-12: var(--relay-colors-slate-light-a-12);
--relay-colors-violet-1: var(--relay-colors-violet-light-1);
--relay-colors-violet-2: var(--relay-colors-violet-light-2);
--relay-colors-violet-3: var(--relay-colors-violet-light-3);
--relay-colors-violet-4: var(--relay-colors-violet-light-4);
--relay-colors-violet-5: var(--relay-colors-violet-light-5);
--relay-colors-violet-6: var(--relay-colors-violet-light-6);
--relay-colors-violet-7: var(--relay-colors-violet-light-7);
--relay-colors-violet-8: var(--relay-colors-violet-light-8);
--relay-colors-violet-9: var(--relay-colors-violet-light-9);
--relay-colors-violet-10: var(--relay-colors-violet-light-10);
--relay-colors-violet-11: var(--relay-colors-violet-light-11);
--relay-colors-violet-12: var(--relay-colors-violet-light-12);
--relay-colors-violet-light-1: hsl(255, 65.0%, 99.4%);
--relay-colors-violet-light-2: hsl(252, 100%, 99.0%);
--relay-colors-violet-light-3: hsl(252, 96.9%, 97.4%);
--relay-colors-violet-light-4: hsl(252, 91.5%, 95.5%);
--relay-colors-violet-light-5: hsl(252, 85.1%, 93.0%);
--relay-colors-violet-light-6: hsl(252, 77.8%, 89.4%);
--relay-colors-violet-light-7: hsl(252, 71.0%, 83.7%);
--relay-colors-violet-light-8: hsl(252, 68.6%, 76.3%);
--relay-colors-violet-light-9: hsl(252, 56.0%, 57.5%);
--relay-colors-violet-light-10: hsl(251, 48.1%, 53.5%);
--relay-colors-violet-light-11: hsl(250, 43.0%, 48.0%);
--relay-colors-violet-light-12: hsl(254, 60.0%, 18.5%);
--relay-colors-violet-light-a-1: hsla(270, 94.3%, 34.6%, 0.012);
--relay-colors-violet-light-a-2: hsla(252, 100%, 51.0%, 0.020);
--relay-colors-violet-light-a-3: hsla(254, 100%, 50.0%, 0.051);
--relay-colors-violet-light-a-4: hsla(251, 98.3%, 48.2%, 0.087);
--relay-colors-violet-light-a-5: hsla(252, 99.0%, 45.7%, 0.130);
--relay-colors-violet-light-a-6: hsla(251, 99.1%, 44.0%, 0.189);
--relay-colors-violet-light-a-7: hsla(252, 99.5%, 41.7%, 0.279);
--relay-colors-violet-light-a-8: hsla(252, 100%, 40.7%, 0.400);
--relay-colors-violet-light-a-9: hsla(252, 99.9%, 35.8%, 0.663);
--relay-colors-violet-light-a-10: hsla(251, 99.6%, 32.5%, 0.691);
--relay-colors-violet-light-a-11: hsla(250, 99.8%, 28.4%, 0.726);
--relay-colors-violet-light-a-12: hsla(254, 99.5%, 11.9%, 0.926);
--relay-colors-violet-dark-1: hsl(250, 20.0%, 10.2%);
--relay-colors-violet-dark-2: hsl(255, 30.3%, 12.9%);
--relay-colors-violet-dark-3: hsl(253, 37.0%, 18.4%);
--relay-colors-violet-dark-4: hsl(252, 40.1%, 22.5%);
--relay-colors-violet-dark-5: hsl(252, 42.2%, 26.2%);
--relay-colors-violet-dark-6: hsl(251, 44.3%, 31.1%);
--relay-colors-violet-dark-7: hsl(250, 46.8%, 38.9%);
--relay-colors-violet-dark-8: hsl(250, 51.8%, 51.2%);
--relay-colors-violet-dark-9: hsl(252, 56.0%, 57.5%);
--relay-colors-violet-dark-10: hsl(251, 63.2%, 63.2%);
--relay-colors-violet-dark-11: hsl(250, 95.0%, 76.8%);
--relay-colors-violet-dark-12: hsl(252, 87.0%, 96.4%);
--relay-colors-violet-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-violet-dark-a-2: hsla(258, 98.2%, 61.0%, 0.054);
--relay-colors-violet-dark-a-3: hsla(252, 98.8%, 65.8%, 0.148);
--relay-colors-violet-dark-a-4: hsla(253, 99.7%, 65.7%, 0.219);
--relay-colors-violet-dark-a-5: hsla(252, 99.7%, 66.4%, 0.286);
--relay-colors-violet-dark-a-6: hsla(251, 99.7%, 66.2%, 0.371);
--relay-colors-violet-dark-a-7: hsla(250, 99.7%, 66.3%, 0.514);
--relay-colors-violet-dark-a-8: hsla(250, 99.7%, 66.1%, 0.733);
--relay-colors-violet-dark-a-9: hsla(252, 99.9%, 70.3%, 0.786);
--relay-colors-violet-dark-a-10: hsla(251, 99.9%, 72.9%, 0.844);
--relay-colors-violet-dark-a-11: hsla(250, 100%, 77.9%, 0.980);
--relay-colors-violet-dark-a-12: hsla(254, 100%, 97.5%, 0.980);
--relay-colors-violet-a-1: var(--relay-colors-violet-light-a-1);
--relay-colors-violet-a-2: var(--relay-colors-violet-light-a-2);
--relay-colors-violet-a-3: var(--relay-colors-violet-light-a-3);
--relay-colors-violet-a-4: var(--relay-colors-violet-light-a-4);
--relay-colors-violet-a-5: var(--relay-colors-violet-light-a-5);
--relay-colors-violet-a-6: var(--relay-colors-violet-light-a-6);
--relay-colors-violet-a-7: var(--relay-colors-violet-light-a-7);
--relay-colors-violet-a-8: var(--relay-colors-violet-light-a-8);
--relay-colors-violet-a-9: var(--relay-colors-violet-light-a-9);
--relay-colors-violet-a-10: var(--relay-colors-violet-light-a-10);
--relay-colors-violet-a-11: var(--relay-colors-violet-light-a-11);
--relay-colors-violet-a-12: var(--relay-colors-violet-light-a-12);
--relay-colors-yellow-1: var(--relay-colors-yellow-light-1);
--relay-colors-yellow-2: var(--relay-colors-yellow-light-2);
--relay-colors-yellow-3: var(--relay-colors-yellow-light-3);
--relay-colors-yellow-4: var(--relay-colors-yellow-light-4);
--relay-colors-yellow-5: var(--relay-colors-yellow-light-5);
--relay-colors-yellow-6: var(--relay-colors-yellow-light-6);
--relay-colors-yellow-7: var(--relay-colors-yellow-light-7);
--relay-colors-yellow-8: var(--relay-colors-yellow-light-8);
--relay-colors-yellow-9: var(--relay-colors-yellow-light-9);
--relay-colors-yellow-10: var(--relay-colors-yellow-light-10);
--relay-colors-yellow-11: var(--relay-colors-yellow-light-11);
--relay-colors-yellow-12: var(--relay-colors-yellow-light-12);
--relay-colors-yellow-light-1: hsl(60, 54.0%, 98.5%);
--relay-colors-yellow-light-2: hsl(52, 100%, 95.5%);
--relay-colors-yellow-light-3: hsl(55, 100%, 90.9%);
--relay-colors-yellow-light-4: hsl(54, 100%, 86.6%);
--relay-colors-yellow-light-5: hsl(52, 97.9%, 82.0%);
--relay-colors-yellow-light-6: hsl(50, 89.4%, 76.1%);
--relay-colors-yellow-light-7: hsl(47, 80.4%, 68.0%);
--relay-colors-yellow-light-8: hsl(48, 100%, 46.1%);
--relay-colors-yellow-light-9: hsl(53, 92.0%, 50.0%);
--relay-colors-yellow-light-10: hsl(50, 100%, 48.5%);
--relay-colors-yellow-light-11: hsl(42, 100%, 29.0%);
--relay-colors-yellow-light-12: hsl(40, 55.0%, 13.5%);
--relay-colors-yellow-light-a-1: hsla(60, 94.3%, 34.6%, 0.024);
--relay-colors-yellow-light-a-2: hsla(52, 100%, 50.4%, 0.091);
--relay-colors-yellow-light-a-3: hsla(55, 100%, 50.2%, 0.181);
--relay-colors-yellow-light-a-4: hsla(54, 100%, 50.1%, 0.267);
--relay-colors-yellow-light-a-5: hsla(52, 99.9%, 49.5%, 0.357);
--relay-colors-yellow-light-a-6: hsla(50, 100%, 47.4%, 0.451);
--relay-colors-yellow-light-a-7: hsla(47, 99.8%, 44.6%, 0.577);
--relay-colors-yellow-light-a-8: hsla(48, 100%, 46.0%, 0.980);
--relay-colors-yellow-light-a-9: hsla(53, 100%, 48.0%, 0.961);
--relay-colors-yellow-light-a-10: hsla(50, 100%, 48.4%, 0.980);
--relay-colors-yellow-light-a-11: hsla(42, 100%, 28.6%, 0.980);
--relay-colors-yellow-light-a-12: hsla(41, 98.9%, 8.0%, 0.942);
--relay-colors-yellow-dark-1: hsl(45, 100%, 5.5%);
--relay-colors-yellow-dark-2: hsl(46, 100%, 6.7%);
--relay-colors-yellow-dark-3: hsl(45, 100%, 8.7%);
--relay-colors-yellow-dark-4: hsl(45, 100%, 10.4%);
--relay-colors-yellow-dark-5: hsl(47, 100%, 12.1%);
--relay-colors-yellow-dark-6: hsl(49, 100%, 14.3%);
--relay-colors-yellow-dark-7: hsl(49, 90.3%, 18.4%);
--relay-colors-yellow-dark-8: hsl(50, 100%, 22.0%);
--relay-colors-yellow-dark-9: hsl(53, 92.0%, 50.0%);
--relay-colors-yellow-dark-10: hsl(54, 100%, 68.0%);
--relay-colors-yellow-dark-11: hsl(48, 100%, 47.0%);
--relay-colors-yellow-dark-12: hsl(53, 100%, 91.0%);
--relay-colors-yellow-dark-a-1: hsla(0, 0%, 0%, 0);
--relay-colors-yellow-dark-a-2: hsla(49, 100%, 49.1%, 0.027);
--relay-colors-yellow-dark-a-3: hsla(45, 100%, 49.7%, 0.071);
--relay-colors-yellow-dark-a-4: hsla(46, 100%, 49.7%, 0.111);
--relay-colors-yellow-dark-a-5: hsla(47, 100%, 49.9%, 0.150);
--relay-colors-yellow-dark-a-6: hsla(51, 100%, 49.8%, 0.199);
--relay-colors-yellow-dark-a-7: hsla(51, 99.8%, 53.6%, 0.269);
--relay-colors-yellow-dark-a-8: hsla(51, 100%, 49.9%, 0.371);
--relay-colors-yellow-dark-a-9: hsla(53, 100%, 52.0%, 0.956);
--relay-colors-yellow-dark-a-10: hsla(56, 100%, 68.4%