UNPKG

@reservoir0x/relay-kit-ui

Version:

Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.

915 lines (903 loc) 122 kB
@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%