@relayprotocol/relay-kit-ui 2.17.2

package/_cjs/src/styles.css

@@ -0,0 +1,3408 @@
+
+
+  @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%, 0.980);
+    --relay-colors-yellow-dark-a-11: hsla(48, 100%, 50.0%, 0.934);
+    --relay-colors-yellow-dark-a-12: hsla(60, 100%, 91.8%, 0.980);
+    --relay-colors-yellow-a-1: var(--relay-colors-yellow-light-a-1);
+    --relay-colors-yellow-a-2: var(--relay-colors-yellow-light-a-2);
+    --relay-colors-yellow-a-3: var(--relay-colors-yellow-light-a-3);
+    --relay-colors-yellow-a-4: var(--relay-colors-yellow-light-a-4);
+    --relay-colors-yellow-a-5: var(--relay-colors-yellow-light-a-5);
+    --relay-colors-yellow-a-6: var(--relay-colors-yellow-light-a-6);
+    --relay-colors-yellow-a-7: var(--relay-colors-yellow-light-a-7);
+    --relay-colors-yellow-a-8: var(--relay-colors-yellow-light-a-8);
+    --relay-colors-yellow-a-9: var(--relay-colors-yellow-light-a-9);
+    --relay-colors-yellow-a-10: var(--relay-colors-yellow-light-a-10);
+    --relay-colors-yellow-a-11: var(--relay-colors-yellow-light-a-11);
+    --relay-colors-yellow-a-12: var(--relay-colors-yellow-light-a-12);
+    --relay-colors-prose-body: var(--relay-colors-slate-12);
+}
+
+:where(.dark, [data-theme="dark"]):not(#\#):not(#\#) {
+    --relay-colors-widget-background: var(--relay-colors-gray-1);
+    --relay-colors-modal-background: var(--relay-colors-gray-1);
+    --relay-colors-amber-1: var(--relay-colors-amber-dark-1);
+    --relay-colors-amber-2: var(--relay-colors-amber-dark-2);
+    --relay-colors-amber-3: var(--relay-colors-amber-dark-3);
+    --relay-colors-amber-4: var(--relay-colors-amber-dark-4);
+    --relay-colors-amber-5: var(--relay-colors-amber-dark-5);
+    --relay-colors-amber-6: var(--relay-colors-amber-dark-6);
+    --relay-colors-amber-7: var(--relay-colors-amber-dark-7);
+    --relay-colors-amber-8: var(--relay-colors-amber-dark-8);
+    --relay-colors-amber-9: var(--relay-colors-amber-dark-9);
+    --relay-colors-amber-10: var(--relay-colors-amber-dark-10);
+    --relay-colors-amber-11: var(--relay-colors-amber-dark-11);
+    --relay-colors-amber-12: var(--relay-colors-amber-dark-12);
+    --relay-colors-amber-a-1: var(--relay-colors-amber-dark-a-1);
+    --relay-colors-amber-a-2: var(--relay-colors-amber-dark-a-2);
+    --relay-colors-amber-a-3: var(--relay-colors-amber-dark-a-3);
+    --relay-colors-amber-a-4: var(--relay-colors-amber-dark-a-4);
+    --relay-colors-amber-a-5: var(--relay-colors-amber-dark-a-5);
+    --relay-colors-amber-a-6: var(--relay-colors-amber-dark-a-6);
+    --relay-colors-amber-a-7: var(--relay-colors-amber-dark-a-7);
+    --relay-colors-amber-a-8: var(--relay-colors-amber-dark-a-8);
+    --relay-colors-amber-a-9: var(--relay-colors-amber-dark-a-9);
+    --relay-colors-amber-a-10: var(--relay-colors-amber-dark-a-10);
+    --relay-colors-amber-a-11: var(--relay-colors-amber-dark-a-11);
+    --relay-colors-amber-a-12: var(--relay-colors-amber-dark-a-12);
+    --relay-colors-blue-1: var(--relay-colors-blue-dark-1);
+    --relay-colors-blue-2: var(--relay-colors-blue-dark-2);
+    --relay-colors-blue-3: var(--relay-colors-blue-dark-3);
+    --relay-colors-blue-4: var(--relay-colors-blue-dark-4);
+    --relay-colors-blue-5: var(--relay-colors-blue-dark-5);
+    --relay-colors-blue-6: var(--relay-colors-blue-dark-6);
+    --relay-colors-blue-7: var(--relay-colors-blue-dark-7);
+    --relay-colors-blue-8: var(--relay-colors-blue-dark-8);
+    --relay-colors-blue-9: var(--relay-colors-blue-dark-9);
+    --relay-colors-blue-10: var(--relay-colors-blue-dark-10);
+    --relay-colors-blue-11: var(--relay-colors-blue-dark-11);
+    --relay-colors-blue-12: var(--relay-colors-blue-dark-12);
+    --relay-colors-blue-a-1: var(--relay-colors-blue-dark-a-1);
+    --relay-colors-blue-a-2: var(--relay-colors-blue-dark-a-2);
+    --relay-colors-blue-a-3: var(--relay-colors-blue-dark-a-3);
+    --relay-colors-blue-a-4: var(--relay-colors-blue-dark-a-4);
+    --relay-colors-blue-a-5: var(--relay-colors-blue-dark-a-5);
+    --relay-colors-blue-a-6: var(--relay-colors-blue-dark-a-6);
+    --relay-colors-blue-a-7: var(--relay-colors-blue-dark-a-7);
+    --relay-colors-blue-a-8: var(--relay-colors-blue-dark-a-8);
+    --relay-colors-blue-a-9: var(--relay-colors-blue-dark-a-9);
+    --relay-colors-blue-a-10: var(--relay-colors-blue-dark-a-10);
+    --relay-colors-blue-a-11: var(--relay-colors-blue-dark-a-11);
+    --relay-colors-blue-a-12: var(--relay-colors-blue-dark-a-12);
+    --relay-colors-gray-1: var(--relay-colors-gray-dark-1);
+    --relay-colors-gray-2: var(--relay-colors-gray-dark-2);
+    --relay-colors-gray-3: var(--relay-colors-gray-dark-3);
+    --relay-colors-gray-4: var(--relay-colors-gray-dark-4);
+    --relay-colors-gray-5: var(--relay-colors-gray-dark-5);
+    --relay-colors-gray-6: var(--relay-colors-gray-dark-6);
+    --relay-colors-gray-7: var(--relay-colors-gray-dark-7);
+    --relay-colors-gray-8: var(--relay-colors-gray-dark-8);
+    --relay-colors-gray-9: var(--relay-colors-gray-dark-9);
+    --relay-colors-gray-10: var(--relay-colors-gray-dark-10);
+    --relay-colors-gray-11: var(--relay-colors-gray-dark-11);
+    --relay-colors-gray-12: var(--relay-colors-gray-dark-12);
+    --relay-colors-gray-a-1: var(--relay-colors-gray-dark-a-1);
+    --relay-colors-gray-a-2: var(--relay-colors-gray-dark-a-2);
+    --relay-colors-gray-a-3: var(--relay-colors-gray-dark-a-3);
+    --relay-colors-gray-a-4: var(--relay-colors-gray-dark-a-4);
+    --relay-colors-gray-a-5: var(--relay-colors-gray-dark-a-5);
+    --relay-colors-gray-a-6: var(--relay-colors-gray-dark-a-6);
+    --relay-colors-gray-a-7: var(--relay-colors-gray-dark-a-7);
+    --relay-colors-gray-a-8: var(--relay-colors-gray-dark-a-8);
+    --relay-colors-gray-a-9: var(--relay-colors-gray-dark-a-9);
+    --relay-colors-gray-a-10: var(--relay-colors-gray-dark-a-10);
+    --relay-colors-gray-a-11: var(--relay-colors-gray-dark-a-11);
+    --relay-colors-gray-a-12: var(--relay-colors-gray-dark-a-12);
+    --relay-colors-green-1: var(--relay-colors-green-dark-1);
+    --relay-colors-green-2: var(--relay-colors-green-dark-2);
+    --relay-colors-green-3: var(--relay-colors-green-dark-3);
+    --relay-colors-green-4: var(--relay-colors-green-dark-4);
+    --relay-colors-green-5: var(--relay-colors-green-dark-5);
+    --relay-colors-green-6: var(--relay-colors-green-dark-6);
+    --relay-colors-green-7: var(--relay-colors-green-dark-7);
+    --relay-colors-green-8: var(--relay-colors-green-dark-8);
+    --relay-colors-green-9: var(--relay-colors-green-dark-9);
+    --relay-colors-green-10: var(--relay-colors-green-dark-10);
+    --relay-colors-green-11: var(--relay-colors-green-dark-11);
+    --relay-colors-green-12: var(--relay-colors-green-dark-12);
+    --relay-colors-green-a-1: var(--relay-colors-green-dark-a-1);
+    --relay-colors-green-a-2: var(--relay-colors-green-dark-a-2);
+    --relay-colors-green-a-3: var(--relay-colors-green-dark-a-3);
+    --relay-colors-green-a-4: var(--relay-colors-green-dark-a-4);
+    --relay-colors-green-a-5: var(--relay-colors-green-dark-a-5);
+    --relay-colors-green-a-6: var(--relay-colors-green-dark-a-6);
+    --relay-colors-green-a-7: var(--relay-colors-green-dark-a-7);
+    --relay-colors-green-a-8: var(--relay-colors-green-dark-a-8);
+    --relay-colors-green-a-9: var(--relay-colors-green-dark-a-9);
+    --relay-colors-green-a-10: var(--relay-colors-green-dark-a-10);
+    --relay-colors-green-a-11: var(--relay-colors-green-dark-a-11);
+    --relay-colors-green-a-12: var(--relay-colors-green-dark-a-12);
+    --relay-colors-red-1: var(--relay-colors-red-dark-1);
+    --relay-colors-red-2: var(--relay-colors-red-dark-2);
+    --relay-colors-red-3: var(--relay-colors-red-dark-3);
+    --relay-colors-red-4: var(--relay-colors-red-dark-4);
+    --relay-colors-red-5: var(--relay-colors-red-dark-5);
+    --relay-colors-red-6: var(--relay-colors-red-dark-6);
+    --relay-colors-red-7: var(--relay-colors-red-dark-7);
+    --relay-colors-red-8: var(--relay-colors-red-dark-8);
+    --relay-colors-red-9: var(--relay-colors-red-dark-9);
+    --relay-colors-red-10: var(--relay-colors-red-dark-10);
+    --relay-colors-red-11: var(--relay-colors-red-dark-11);
+    --relay-colors-red-12: var(--relay-colors-red-dark-12);
+    --relay-colors-red-a-1: var(--relay-colors-red-dark-a-1);
+    --relay-colors-red-a-2: var(--relay-colors-red-dark-a-2);
+    --relay-colors-red-a-3: var(--relay-colors-red-dark-a-3);
+    --relay-colors-red-a-4: var(--relay-colors-red-dark-a-4);
+    --relay-colors-red-a-5: var(--relay-colors-red-dark-a-5);
+    --relay-colors-red-a-6: var(--relay-colors-red-dark-a-6);
+    --relay-colors-red-a-7: var(--relay-colors-red-dark-a-7);
+    --relay-colors-red-a-8: var(--relay-colors-red-dark-a-8);
+    --relay-colors-red-a-9: var(--relay-colors-red-dark-a-9);
+    --relay-colors-red-a-10: var(--relay-colors-red-dark-a-10);
+    --relay-colors-red-a-11: var(--relay-colors-red-dark-a-11);
+    --relay-colors-red-a-12: var(--relay-colors-red-dark-a-12);
+    --relay-colors-slate-1: var(--relay-colors-slate-dark-1);
+    --relay-colors-slate-2: var(--relay-colors-slate-dark-2);
+    --relay-colors-slate-3: var(--relay-colors-slate-dark-3);
+    --relay-colors-slate-4: var(--relay-colors-slate-dark-4);
+    --relay-colors-slate-5: var(--relay-colors-slate-dark-5);
+    --relay-colors-slate-6: var(--relay-colors-slate-dark-6);
+    --relay-colors-slate-7: var(--relay-colors-slate-dark-7);
+    --relay-colors-slate-8: var(--relay-colors-slate-dark-8);
+    --relay-colors-slate-9: var(--relay-colors-slate-dark-9);
+    --relay-colors-slate-10: var(--relay-colors-slate-dark-10);
+    --relay-colors-slate-11: var(--relay-colors-slate-dark-11);
+    --relay-colors-slate-12: var(--relay-colors-slate-dark-12);
+    --relay-colors-slate-a-1: var(--relay-colors-slate-dark-a-1);
+    --relay-colors-slate-a-2: var(--relay-colors-slate-dark-a-2);
+    --relay-colors-slate-a-3: var(--relay-colors-slate-dark-a-3);
+    --relay-colors-slate-a-4: var(--relay-colors-slate-dark-a-4);
+    --relay-colors-slate-a-5: var(--relay-colors-slate-dark-a-5);
+    --relay-colors-slate-a-6: var(--relay-colors-slate-dark-a-6);
+    --relay-colors-slate-a-7: var(--relay-colors-slate-dark-a-7);
+    --relay-colors-slate-a-8: var(--relay-colors-slate-dark-a-8);
+    --relay-colors-slate-a-9: var(--relay-colors-slate-dark-a-9);
+    --relay-colors-slate-a-10: var(--relay-colors-slate-dark-a-10);
+    --relay-colors-slate-a-11: var(--relay-colors-slate-dark-a-11);
+    --relay-colors-slate-a-12: var(--relay-colors-slate-dark-a-12);
+    --relay-colors-violet-1: var(--relay-colors-violet-dark-1);
+    --relay-colors-violet-2: var(--relay-colors-violet-dark-2);
+    --relay-colors-violet-3: var(--relay-colors-violet-dark-3);
+    --relay-colors-violet-4: var(--relay-colors-violet-dark-4);
+    --relay-colors-violet-5: var(--relay-colors-violet-dark-5);
+    --relay-colors-violet-6: var(--relay-colors-violet-dark-6);
+    --relay-colors-violet-7: var(--relay-colors-violet-dark-7);
+    --relay-colors-violet-8: var(--relay-colors-violet-dark-8);
+    --relay-colors-violet-9: var(--relay-colors-violet-dark-9);
+    --relay-colors-violet-10: var(--relay-colors-violet-dark-10);
+    --relay-colors-violet-11: var(--relay-colors-violet-dark-11);
+    --relay-colors-violet-12: var(--relay-colors-violet-dark-12);
+    --relay-colors-violet-a-1: var(--relay-colors-violet-dark-a-1);
+    --relay-colors-violet-a-2: var(--relay-colors-violet-dark-a-2);
+    --relay-colors-violet-a-3: var(--relay-colors-violet-dark-a-3);
+    --relay-colors-violet-a-4: var(--relay-colors-violet-dark-a-4);
+    --relay-colors-violet-a-5: var(--relay-colors-violet-dark-a-5);
+    --relay-colors-violet-a-6: var(--relay-colors-violet-dark-a-6);
+    --relay-colors-violet-a-7: var(--relay-colors-violet-dark-a-7);
+    --relay-colors-violet-a-8: var(--relay-colors-violet-dark-a-8);
+    --relay-colors-violet-a-9: var(--relay-colors-violet-dark-a-9);
+    --relay-colors-violet-a-10: var(--relay-colors-violet-dark-a-10);
+    --relay-colors-violet-a-11: var(--relay-colors-violet-dark-a-11);
+    --relay-colors-violet-a-12: var(--relay-colors-violet-dark-a-12);
+    --relay-colors-yellow-1: var(--relay-colors-yellow-dark-1);
+    --relay-colors-yellow-2: var(--relay-colors-yellow-dark-2);
+    --relay-colors-yellow-3: var(--relay-colors-yellow-dark-3);
+    --relay-colors-yellow-4: var(--relay-colors-yellow-dark-4);
+    --relay-colors-yellow-5: var(--relay-colors-yellow-dark-5);
+    --relay-colors-yellow-6: var(--relay-colors-yellow-dark-6);
+    --relay-colors-yellow-7: var(--relay-colors-yellow-dark-7);
+    --relay-colors-yellow-8: var(--relay-colors-yellow-dark-8);
+    --relay-colors-yellow-9: var(--relay-colors-yellow-dark-9);
+    --relay-colors-yellow-10: var(--relay-colors-yellow-dark-10);
+    --relay-colors-yellow-11: var(--relay-colors-yellow-dark-11);
+    --relay-colors-yellow-12: var(--relay-colors-yellow-dark-12);
+    --relay-colors-yellow-a-1: var(--relay-colors-yellow-dark-a-1);
+    --relay-colors-yellow-a-2: var(--relay-colors-yellow-dark-a-2);
+    --relay-colors-yellow-a-3: var(--relay-colors-yellow-dark-a-3);
+    --relay-colors-yellow-a-4: var(--relay-colors-yellow-dark-a-4);
+    --relay-colors-yellow-a-5: var(--relay-colors-yellow-dark-a-5);
+    --relay-colors-yellow-a-6: var(--relay-colors-yellow-dark-a-6);
+    --relay-colors-yellow-a-7: var(--relay-colors-yellow-dark-a-7);
+    --relay-colors-yellow-a-8: var(--relay-colors-yellow-dark-a-8);
+    --relay-colors-yellow-a-9: var(--relay-colors-yellow-dark-a-9);
+    --relay-colors-yellow-a-10: var(--relay-colors-yellow-dark-a-10);
+    --relay-colors-yellow-a-11: var(--relay-colors-yellow-dark-a-11);
+    --relay-colors-yellow-a-12: var(--relay-colors-yellow-dark-a-12)
+}
+
+.relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 100%;
+}
+
+.relay-bg_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: none;
+}
+
+.relay-px_0\!:not(#\#) {
+    padding-inline: 0 !important;
+}
+
+.relay-py_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: var(--relay-spacing-1);
+}
+
+.relay-h_18:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 18px;
+}
+
+.relay-d_flex:not(#\#):not(#\#):not(#\#):not(#\#) {
+    display: flex;
+}
+
+.relay-text_red:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: red;
+}
+
+.relay-text_subtleSecondary:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: subtleSecondary;
+}
+
+.relay-text_gray9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray9);
+}
+
+.relay-text_ghost:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: ghost;
+}
+
+.relay-w_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 16px;
+}
+
+.relay-h_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 16px;
+}
+
+.relay-overflow_hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow: hidden;
+}
+
+.relay-h_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 100%;
+}
+
+.relay-gap_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: var(--relay-spacing-4);
+}
+
+.relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: var(--relay-spacing-2);
+}
+
+.relay-pos_relative:not(#\#):not(#\#):not(#\#):not(#\#) {
+    position: relative;
+}
+
+.relay-d_inline-block:not(#\#):not(#\#):not(#\#):not(#\#) {
+    display: inline-block;
+}
+
+.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-amber2);
+}
+
+.relay-p_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: var(--relay-spacing-2);
+}
+
+.relay-rounded_8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 8px;
+}
+
+.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-green2);
+}
+
+.relay-text_warning:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: warning;
+}
+
+.relay-h_48:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 48px;
+}
+
+.relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#) {
+    position: absolute;
+}
+
+.relay-text_\#FFA01C:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: #FFA01C;
+}
+
+.relay-text_\#30A46C:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: #30A46C;
+}
+
+.relay-gap_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 6px;
+}
+
+.relay-cursor_pointer:not(#\#):not(#\#):not(#\#):not(#\#) {
+    cursor: pointer;
+}
+
+.relay-text_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: transparent;
+}
+
+.relay-my_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-block: var(--relay-spacing-4);
+}
+
+.relay-text-align_center:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-align: center;
+}
+
+.relay-break_break-word:not(#\#):not(#\#):not(#\#):not(#\#) {
+    word-break: break-word;
+}
+
+.relay-animation_spin_1s_linear_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: spin 1s linear infinite;
+}
+
+.relay-fill_primary-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-primary-color);
+}
+
+.relay-pos_fixed:not(#\#):not(#\#):not(#\#):not(#\#) {
+    position: fixed;
+}
+
+.relay---borderColor_colors\.subtle-border-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-subtle-border-color);
+}
+
+.relay-border_1px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 1px solid var(--borderColor);
+}
+
+.relay-p_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: var(--relay-spacing-4);
+}
+
+.relay-px_2\!:not(#\#) {
+    padding-inline: var(--relay-spacing-2) !important;
+}
+
+.relay-gap_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: var(--relay-spacing-1);
+}
+
+.relay-rounded_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 12px;
+}
+
+.relay-p_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: var(--relay-spacing-1);
+}
+
+.relay-text_amber11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber11);
+}
+
+.relay-text_anchor-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-anchor-color);
+}
+
+.relay-w_14:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 14px;
+}
+
+.relay-h_14:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 14px;
+}
+
+.relay-transition_backdrop-filter_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: backdrop-filter 250ms linear;
+}
+
+.relay---borderColor_colors\.gray\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-gray-6);
+}
+
+.relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-subtle-background-color);
+}
+
+.relay-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: var(--relay-borders-widget-card-border);
+}
+
+.relay-h_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 36px;
+}
+
+.relay-px_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: 10px;
+}
+
+.relay-max-w_190:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 190px;
+}
+
+.relay-text_subtle:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: subtle;
+}
+
+.relay-text_red11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-red11);
+}
+
+.relay-max-w_188:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 188px;
+}
+
+.relay-text_gray8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray8);
+}
+
+.relay-transform_translateY\(-50\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: translateY(-50%);
+}
+
+.relay-w_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 50%;
+}
+
+.relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: none;
+}
+
+.relay-text-align_right:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-align: right;
+}
+
+.relay-z_1000:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 1000;
+}
+
+.relay-w_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 48px;
+}
+
+.relay-h_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 48px;
+}
+
+.relay-bg_amber3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-amber3);
+}
+
+.relay-rounded_9999:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 9999px;
+}
+
+.relay-p_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: var(--relay-spacing-3);
+}
+
+.relay-gap_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: var(--relay-spacing-3);
+}
+
+.relay-bg_gray2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-gray2);
+}
+
+.relay-rounded_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 12px;
+}
+
+.relay-text_amber9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber9);
+}
+
+.relay-w_24:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 24px;
+}
+
+.relay-h_24:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 24px;
+}
+
+.relay-h_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 14px;
+}
+
+.relay-flex_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex: 1 1 0%;
+}
+
+.relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-gray3);
+}
+
+.relay-select_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.relay-w_max-content:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: max-content;
+}
+
+.relay---focusColor_colors\.focus-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --focusColor: var(--relay-colors-focus-color);
+}
+
+.relay-text_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray11);
+}
+
+.relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray12);
+}
+
+.relay-ring_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+.relay-transition_background-color_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: background-color 250ms linear;
+}
+
+.relay-d_inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
+    display: inline-flex;
+}
+
+.relay-text_primary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary-button-color);
+}
+
+.relay---border-color_primary-outline-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --border-color: primary-outline-button-color;
+}
+
+.relay-border_1px_solid_var\(--border-color\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 1px solid var(--border-color);
+}
+
+.relay-text_secondary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-secondary-button-color);
+}
+
+.relay-text_tertiary-button-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-tertiary-button-color);
+}
+
+.relay-text_text-default:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-default);
+}
+
+.relay-transition_filter_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: filter 250ms linear;
+}
+
+.relay-text_white:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: white;
+}
+
+.relay-rounded_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 0;
+}
+
+.relay-rounded_99999:not(#\#):not(#\#):not(#\#):not(#\#),.relay-rounded_99999px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 99999px;
+}
+
+.relay-min-h_40:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 40px;
+}
+
+.relay-px_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-3);
+}
+
+.relay-py_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: var(--relay-spacing-2);
+}
+
+.relay-px_5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-5);
+}
+
+.relay-py_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: var(--relay-spacing-3);
+}
+
+.relay-min-h_44:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 44px;
+}
+
+.relay-py_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: var(--relay-spacing-4);
+}
+
+.relay-min-h_52:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 52px;
+}
+
+.relay-token_32:not(#\#):not(#\#):not(#\#):not(#\#) {
+    token: 32px;
+}
+
+.relay-chain_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    chain: 16px;
+}
+
+.relay-rounded_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 50%;
+}
+
+.relay-text_primary8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary8);
+}
+
+.relay-rounded_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 4px;
+}
+
+.relay---borderColor_colors\.modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-modal-background);
+}
+
+.relay-inset_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    inset: 0;
+}
+
+.relay-rounded_modal-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-modal-border-radius);
+}
+
+.relay-border_modal-border:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: var(--relay-borders-modal-border);
+}
+
+.relay-min-w_90vw:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 90vw;
+}
+
+.relay-max-w_100vw:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 100vw;
+}
+
+.relay-max-h_85vh:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-height: 85vh;
+}
+
+.relay-sr_true:not(#\#):not(#\#):not(#\#):not(#\#) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+
+.relay-mx_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-inline: var(--relay-spacing-4);
+}
+
+.relay-z_5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 5;
+}
+
+.relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-modal-background);
+}
+
+.relay-shadow_0px_0px_50px_0px_\#0000001F:not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: 0px 0px 50px 0px #0000001F;
+}
+
+.relay-border_dropdown-border:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: var(--relay-borders-dropdown-border);
+}
+
+.relay-px_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: 16px;
+}
+
+.relay-py_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 12px;
+}
+
+.relay-rounded_input-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-input-border-radius);
+}
+
+.relay-text_input-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-input-color);
+}
+
+.relay-text-overflow_ellipsis:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-overflow: ellipsis;
+}
+
+.relay-white-space_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
+    white-space: nowrap;
+}
+
+.relay-z_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 0;
+}
+
+.relay-bg_red3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-red3);
+}
+
+.relay-bg_green3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-green3);
+}
+
+.relay-text_green12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-green12);
+}
+
+.relay-rounded_25:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 25px;
+}
+
+.relay-w_100:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 100px;
+}
+
+.relay-h_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 12px;
+}
+
+.relay-animation_pulse_3s_ease-in-out_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: pulse 3s ease-in-out infinite;
+}
+
+.relay-w_38px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 38px;
+}
+
+.relay-h_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 20px;
+}
+
+.relay-rounded_9999px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 9999px;
+}
+
+.relay--webkit-tap-highlight-color_rgba\(0\,_0\,_0\,_0\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.relay-p_0_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 0 10px;
+}
+
+.relay-transition_background-color_250ms:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: background-color 250ms;
+}
+
+.relay-d_block:not(#\#):not(#\#):not(#\#):not(#\#) {
+    display: block;
+}
+
+.relay-w_17\.5px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 17.5px;
+}
+
+.relay-h_17\.5px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 17.5px;
+}
+
+.relay-z_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 1;
+}
+
+.relay---borderColor_colors\.gray\.8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-gray-8);
+}
+
+.relay-transition_transform_100ms:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: transform 100ms;
+}
+
+.relay-transform_translateX\(0px\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: translateX(0px);
+}
+
+.relay-will-change_transform:not(#\#):not(#\#):not(#\#):not(#\#) {
+    will-change: transform;
+}
+
+.relay-py_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 2px;
+}
+
+.relay-text_text-subtle:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-subtle);
+}
+
+.relay-text_text-subtle-secondary:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-subtle-secondary);
+}
+
+.relay-text_text-error:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-error);
+}
+
+.relay-text_blue12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-blue12);
+}
+
+.relay-text_text-success:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-success);
+}
+
+.relay-text_amber12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber12);
+}
+
+.relay-fill_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-modal-background);
+}
+
+.relay-z_9999:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 9999;
+}
+
+.relay-shadow_0px_1px_5px_rgba\(0\,0\,0\,0\.2\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
+}
+
+.relay-text_\{colors\.green\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-green-9);
+}
+
+.relay-text_\{colors\.amber\.9\}:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber-9);
+}
+
+.relay-text_gray6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray6);
+}
+
+.relay-h_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 4px;
+}
+
+.relay-w_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 12px;
+}
+
+.relay-py_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 1px;
+}
+
+.relay-px_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: 4px;
+}
+
+.relay-rounded_100:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 100px;
+}
+
+.relay-text_warningSecondary:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: warningSecondary;
+}
+
+.relay-rounded_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-widget-card-border-radius);
+}
+
+.relay-transform_rotate\(-180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: rotate(-180deg);
+}
+
+.relay-transform_rotate\(0\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: rotate(0);
+}
+
+.relay-transition_transform_300ms:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: transform 300ms;
+}
+
+.relay-rounded-b_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.relay-rounded-b_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-bottom-left-radius: var(--relay-radii-widget-card-border-radius);
+    border-bottom-right-radius: var(--relay-radii-widget-card-border-radius);
+}
+
+.relay-border-b_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-bottom: none;
+}
+
+.relay-border-b_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-bottom: var(--relay-borders-widget-card-border);
+}
+
+.relay-transition_border-radius_300ms\,_border-bottom_0s:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: border-radius 300ms, border-bottom 0s;
+}
+
+.relay-rounded_0_0_12px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 0 0 12px 12px;
+}
+
+.relay-border-t_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-top: none;
+}
+
+.relay-gap_14:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 14px;
+}
+
+.relay-p_3_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 3 0;
+}
+
+.relay-m_0_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin: 0 auto;
+}
+
+.relay-min-w_200:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 200px;
+}
+
+.relay-h_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 1px;
+}
+
+.relay-text_error:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: error;
+}
+
+.relay-text_primary:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: primary;
+}
+
+.relay-p_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 12px;
+}
+
+.relay-max-w_260:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 260px;
+}
+
+.relay-gap_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 10px;
+}
+
+.relay-p_12px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 12px 12px;
+}
+
+.relay---borderColor_colors\.amber4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-amber4);
+}
+
+.relay---borderColor_colors\.red4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-red4);
+}
+
+.relay-text_red10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-red10);
+}
+
+.relay-text_amber10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber10);
+}
+
+.relay-text_red12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-red12);
+}
+
+.relay-max-w_215:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 215px;
+}
+
+.relay-mx_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-inline: auto;
+}
+
+.relay-fill_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-gray11);
+}
+
+.relay-text_gray:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: gray;
+}
+
+.relay-h_40:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 40px;
+}
+
+.relay-px_4\!:not(#\#) {
+    padding-inline: var(--relay-spacing-4) !important;
+}
+
+.relay-rounded_dropdown-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-dropdown-border-radius);
+}
+
+.relay-max-h_290:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-height: 290px;
+}
+
+.relay-w_20:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 20px;
+}
+
+.relay-h_20:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 20px;
+}
+
+.relay-transform_rotate\(180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: rotate(180deg);
+}
+
+.relay-px_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-2);
+}
+
+.relay-max-w_212:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 212px;
+}
+
+.relay-scrollbar-color_var\(--relay-colors-gray5\)_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scrollbar-color: var(--relay-colors-gray5) transparent;
+}
+
+.relay-my_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-block: var(--relay-spacing-2);
+}
+
+.relay---borderColor_colors\.gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-gray5);
+}
+
+.relay-rounded_100px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 100px;
+}
+
+.relay-text_primary11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary11);
+}
+
+.relay-px_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: 6px;
+}
+
+.relay-py_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 4px;
+}
+
+.relay-gap_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 2px;
+}
+
+.relay-max-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 100%;
+}
+
+.relay-min-w_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 0;
+}
+
+.relay-w_40:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 40px;
+}
+
+.relay-w_60\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 60%;
+}
+
+.relay-w_40\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 40%;
+}
+
+.relay-w_60:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 60px;
+}
+
+.relay-text-wrap_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-wrap: nowrap;
+}
+
+.relay-snap-align_start:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scroll-snap-align: start;
+}
+
+.relay-min-h_24:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 24px;
+}
+
+.relay-text_grey:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: grey;
+}
+
+.relay-h_min\(85vh\,_600px\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: min(85vh, 600px);
+}
+
+.relay-py_5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: var(--relay-spacing-5);
+}
+
+.relay-max-w_312:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 312px;
+}
+
+.relay-w_27:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 27px;
+}
+
+.relay-max-w_412px\!:not(#\#) {
+    max-width: 412px !important;
+}
+
+.relay-border_widget-border:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: var(--relay-borders-widget-border);
+}
+
+.relay-min-w_300:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 300px;
+}
+
+.relay-max-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 408px;
+}
+
+.relay-gap_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 4px;
+}
+
+.relay-h_23:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 23px;
+}
+
+.relay-min-h_18:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 18px;
+}
+
+.relay-py_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 0;
+}
+
+.relay-w_45:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 45px;
+}
+
+.relay-rounded_widget-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-widget-border-radius);
+}
+
+.relay-my_-13:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-block: -13px;
+}
+
+.relay-h_32:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 32px;
+}
+
+.relay-w_32:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 32px;
+}
+
+.relay-w_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 20px;
+}
+
+.relay-p_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 4px;
+}
+
+.relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-1);
+}
+
+.relay-min-h_23px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 23px;
+}
+
+.relay---borderWidth_borders\.widget-swap-currency-button-border-width:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderWidth: var(--relay-borders-widget-swap-currency-button-border-width);
+}
+
+.relay---borderColor_colors\.widget-swap-currency-button-border-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-widget-swap-currency-button-border-color);
+}
+
+.relay-border_var\(--borderWidth\)_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: var(--borderWidth) solid var(--borderColor);
+}
+
+.relay-z_10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 10;
+}
+
+.relay-rounded_widget-swap-currency-button-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: var(--relay-radii-widget-swap-currency-button-border-radius);
+}
+
+.relay-text_secondary:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: secondary;
+}
+
+.relay-h_10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 10px;
+}
+
+.relay-h_50:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 50px;
+}
+
+.relay-min-h_50:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 50px;
+}
+
+.relay-max-w_100:not(#\#):not(#\#):not(#\#):not(#\#) {
+    max-width: 100px;
+}
+
+.relay-min-w_60:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 60px;
+}
+
+.relay-p_12px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 12px 16px;
+}
+
+.relay---borderColor_colors\.gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-gray3);
+}
+
+.relay-h_260:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 260px;
+}
+
+.relay-gap_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    gap: 8px;
+}
+
+.relay-rounded_9999999:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 9999999px;
+}
+
+.relay-filter_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    filter: none;
+}
+
+.relay-filter_grayscale\(100\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    filter: grayscale(100%);
+}
+
+.relay-p_0_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 0 16px;
+}
+
+.relay-text_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-green9);
+}
+
+.relay-w_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 1px;
+}
+
+.relay-fill_gray9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-gray9);
+}
+
+.relay-px_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-inline: var(--relay-spacing-4);
+}
+
+.relay-fill_button-disabled-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-button-disabled-color);
+}
+
+.relay-text_button-disabled-color\!:not(#\#) {
+    color: var(--relay-colors-button-disabled-color) !important;
+}
+
+.relay-text_red9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-red9);
+}
+
+.relay-text_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary6);
+}
+
+.relay-text_green11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-green11);
+}
+
+.relay-animation_pulse-shadow_1s_infinite:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: pulse-shadow 1s infinite;
+}
+
+.relay-animation_none:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: none;
+}
+
+.relay-p_0_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding: 0 12px;
+}
+
+.relay-opacity_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    opacity: 1;
+}
+
+.relay-opacity_0\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    opacity: 0.6;
+}
+
+.relay-h_80:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 80px;
+}
+
+.relay-w_78:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 78px;
+}
+
+.relay-rounded_999999px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 999999px;
+}
+
+.relay-w_80:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 80px;
+}
+
+.relay---borderColor_colors\.green10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-green10);
+}
+
+.relay-border_6px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 6px solid var(--borderColor);
+}
+
+.relay-w_50:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 50px;
+}
+
+.relay-text_primary-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary-color);
+}
+
+.relay-border_3px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 3px solid var(--borderColor);
+}
+
+.relay-w_29:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 29px;
+}
+
+.relay-h_27:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 27px;
+}
+
+.relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-gray5);
+}
+
+.relay-text_\#889096:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: #889096;
+}
+
+.relay-w_105:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 105px;
+}
+
+.relay-h_105:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 105px;
+}
+
+.relay-z_999:not(#\#):not(#\#):not(#\#):not(#\#) {
+    z-index: 999;
+}
+
+.relay-transform_translate3d\(0\,0\,0\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: translate3d(0,0,0);
+}
+
+.relay-border_1\.5px_solid_white:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 1.5px solid white;
+}
+
+.relay-h_21:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 21px;
+}
+
+.relay-transition_transform_0\.3s_ease:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition: transform 0.3s ease;
+}
+
+.relay-max-h_450px\!:not(#\#) {
+    max-height: 450px !important;
+}
+
+.relay-h_450:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 450px;
+}
+
+.relay-h_28:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 28px;
+}
+
+.relay-min-h_28:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 28px;
+}
+
+.relay-text-align_left:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-align: left;
+}
+
+.relay-pos_sticky:not(#\#):not(#\#):not(#\#):not(#\#) {
+    position: sticky;
+}
+
+.relay-h_calc\(100\%_-_24px\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: calc(100% - 24px);
+}
+
+.relay-indent_-36px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-indent: -36px;
+}
+
+.relay-white-space_pre:not(#\#):not(#\#):not(#\#):not(#\#) {
+    white-space: pre;
+}
+
+.relay-w_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 1px;
+}
+
+.relay-my_5px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-block: 5px;
+}
+
+.relay-w_48:not(#\#):not(#\#):not(#\#):not(#\#) {
+    width: 48px;
+}
+
+.relay-h_52:not(#\#):not(#\#):not(#\#):not(#\#) {
+    height: 52px;
+}
+
+.relay-rounded_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 100%;
+}
+
+.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-primary3);
+}
+
+.relay-border_2px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 2px solid var(--borderColor);
+}
+
+.relay-filter_grayscale\(1\):not(#\#):not(#\#):not(#\#):not(#\#) {
+    filter: grayscale(1);
+}
+
+.relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: transparent;
+}
+
+.relay-fw_600:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 600;
+}
+
+.relay-fs_32:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 32px;
+}
+
+.relay-mt_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 6px;
+}
+
+.relay-flex_column:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-direction: column;
+}
+
+.relay-items_center:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: center;
+}
+
+.relay-flex-wrap_wrap:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-wrap: wrap;
+}
+
+.relay-right_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: var(--relay-spacing-2);
+}
+
+.relay-top_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: var(--relay-spacing-3);
+}
+
+.relay-justify_center:not(#\#):not(#\#):not(#\#):not(#\#) {
+    justify-content: center;
+}
+
+.relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: 0;
+}
+
+.relay-left_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    left: 0;
+}
+
+.relay-right_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: 0;
+}
+
+.relay-bottom_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    bottom: 0;
+}
+
+.relay-bg_blackA10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-black-a10);
+}
+
+.relay-content_center:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-content: center;
+}
+
+.relay-shrink_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-shrink: 0;
+}
+
+.relay-leading_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 14px;
+}
+
+.relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-direction: row;
+}
+
+.relay-right_8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: 8px;
+}
+
+.relay-top_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: 50%;
+}
+
+.relay-pr_28px\!:not(#\#) {
+    padding-right: 28px !important;
+}
+
+.relay-ml_-20px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: -20px;
+}
+
+.relay-ml_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: 0;
+}
+
+.relay-fw_500:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 500;
+}
+
+.relay-fs_14:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 14px;
+}
+
+.relay-fw_900:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 900;
+}
+
+.relay-fw_700:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 700;
+}
+
+.relay-font_body:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-family: var(--relay-fonts-body);
+}
+
+.relay-fs_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 16px;
+}
+
+.relay-leading_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 20px;
+}
+
+.relay-bg_primary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary-button-background);
+}
+
+.relay-bg_secondary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-secondary-button-background);
+}
+
+.relay-bg_tertiary-button-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-tertiary-button-background);
+}
+
+.relay-bg_widget-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-widget-background);
+}
+
+.relay-bg_red9:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-red9);
+}
+
+.relay-bg_amber3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-amber3);
+}
+
+.relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray3);
+}
+
+.relay-leading_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 16px;
+}
+
+.relay-leading_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 12px;
+}
+
+.relay-bg_primary4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary4);
+}
+
+.relay-bg_modal-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-modal-background);
+}
+
+.relay-justify_space-between:not(#\#):not(#\#):not(#\#):not(#\#) {
+    justify-content: space-between;
+}
+
+.relay-left_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    left: 50%;
+}
+
+.relay-top_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: 100%;
+}
+
+.relay-overflow-y_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-y: auto;
+}
+
+.relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: flex-start;
+}
+
+.relay-items_flex-end:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: flex-end;
+}
+
+.relay-items_stretch:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: stretch;
+}
+
+.relay-items_baseline:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: baseline;
+}
+
+.relay-items_normal:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: normal;
+}
+
+.relay-justify_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
+    justify-content: flex-start;
+}
+
+.relay-justify_flex-end:not(#\#):not(#\#):not(#\#):not(#\#) {
+    justify-content: flex-end;
+}
+
+.relay-flex_row-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-direction: row-reverse;
+}
+
+.relay-flex_column-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-direction: column-reverse;
+}
+
+.relay-flex-wrap_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-wrap: nowrap;
+}
+
+.relay-flex-wrap_wrap-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-wrap: wrap-reverse;
+}
+
+.relay-bg_input-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-input-background);
+}
+
+.relay-leading_42px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 42px;
+}
+
+.relay-left_unset:not(#\#):not(#\#):not(#\#):not(#\#) {
+    left: unset;
+}
+
+.relay-left_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    left: 16px;
+}
+
+.relay-right_16:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: 16px;
+}
+
+.relay-right_unset:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: unset;
+}
+
+.relay-top_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: 12px;
+}
+
+.relay-animation-name_pulse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation-name: pulse;
+}
+
+.relay-bg_skeleton-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-skeleton-background);
+}
+
+.relay-bg_gray7:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray7);
+}
+
+.relay-bg_gray1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray1);
+}
+
+.relay-left_2px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    left: 2px;
+}
+
+.relay-bg_gray2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray2);
+}
+
+.relay-fs_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 14px;
+}
+
+.relay-fs_48px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 48px;
+}
+
+.relay-fs_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 32px;
+}
+
+.relay-fs_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 24px;
+}
+
+.relay-fs_20px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 20px;
+}
+
+.relay-fs_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 16px;
+}
+
+.relay-fs_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 12px;
+}
+
+.relay-fw_400:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-weight: 400;
+}
+
+.relay-fs_10:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 10px;
+}
+
+.relay-font-style_italic:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-style: italic;
+}
+
+.relay-justify_between:not(#\#):not(#\#):not(#\#):not(#\#) {
+    justify-content: between;
+}
+
+.relay-pb_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-bottom: var(--relay-spacing-3);
+}
+
+.relay-pt_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-top: 0;
+}
+
+.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-amber2);
+}
+
+.relay-self_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-self: flex-start;
+}
+
+.relay-mb_widget-card-section-gutter:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: var(--relay-spacing-widget-card-section-gutter);
+}
+
+.relay-ml_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: var(--relay-spacing-2);
+}
+
+.relay-delay_0s\,_0s:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition-delay: 0s, 0s;
+}
+
+.relay-delay_0s\,_300ms:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transition-delay: 0s, 300ms;
+}
+
+.relay-mb_3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: var(--relay-spacing-3);
+}
+
+.relay-mt_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: var(--relay-spacing-1);
+}
+
+.relay-mr_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: auto;
+}
+
+.relay-mr_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: var(--relay-spacing-1);
+}
+
+.relay-bg_slate\.6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-slate-6);
+}
+
+.relay-mt_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: var(--relay-spacing-2);
+}
+
+.relay-mb_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: var(--relay-spacing-2);
+}
+
+.relay-pb_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-bottom: 8px;
+}
+
+.relay-pt_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-top: 8px;
+}
+
+.relay-items_start:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: start;
+}
+
+.relay-bg_widget-card-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-widget-card-background);
+}
+
+.relay-bg_red2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-red2);
+}
+
+.relay-pt_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-top: 12px;
+}
+
+.relay-bg_dropdown-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-dropdown-background);
+}
+
+.relay-overflow-y_scroll:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-y: scroll;
+}
+
+.relay-ml_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: auto;
+}
+
+.relay-bg_gray6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray6);
+}
+
+.relay-pr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-right: var(--relay-spacing-2);
+}
+
+.relay-bg_primary5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary5);
+}
+
+.relay-leading_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 100%;
+}
+
+.relay-grow_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    flex-grow: 1;
+}
+
+.relay-items_end:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-items: end;
+}
+
+.relay-overflow-y_hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
+    overflow-y: hidden;
+}
+
+.relay-pt_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-top: var(--relay-spacing-2);
+}
+
+.relay-self_center:not(#\#):not(#\#):not(#\#):not(#\#) {
+    align-self: center;
+}
+
+.relay-mb_8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 8px;
+}
+
+.relay-leading_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 36px;
+}
+
+.relay-fs_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 12px;
+}
+
+.relay-bg_widget-selector-background:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-widget-selector-background);
+}
+
+.relay-mt_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 4px;
+}
+
+.relay-leading_15px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 15px;
+}
+
+.relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-subtle-background-color);
+}
+
+.relay-bg_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray5);
+}
+
+.relay-pl_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-left: 16px;
+}
+
+.relay-mt_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 12px;
+}
+
+.relay-bg_gray11:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray11);
+}
+
+.relay-mt_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: var(--relay-spacing-4);
+}
+
+.relay-mt_12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 12px;
+}
+
+.relay-mt_8:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 8px;
+}
+
+.relay-mb_24:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 24px;
+}
+
+.relay-mr_\$2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: $2;
+}
+
+.relay-bg_primary6:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary6);
+}
+
+.relay-bg_green3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-green3);
+}
+
+.relay-animation-direction_alternate-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation-direction: alternate-reverse;
+}
+
+.relay-fs_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 10px;
+}
+
+.relay-pl_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-left: 12px;
+}
+
+.relay-bg_primary3:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary3);
+}
+
+.relay-bg_green2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-green2);
+}
+
+.relay-right_-40:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: -40px;
+}
+
+.relay-bottom_-12:not(#\#):not(#\#):not(#\#):not(#\#) {
+    bottom: -12px;
+}
+
+.relay-mb_20:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 20px;
+}
+
+.relay-mb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: var(--relay-spacing-1);
+}
+
+.relay-mb_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 0;
+}
+
+.relay-scroll-pt_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    scroll-padding-top: 40px;
+}
+
+.relay-pt_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-top: 40px;
+}
+
+.relay-pb_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-bottom: 24px;
+}
+
+.relay-mr_2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-right: var(--relay-spacing-2);
+}
+
+.relay-fs_48:not(#\#):not(#\#):not(#\#):not(#\#) {
+    font-size: 48px;
+}
+
+.relay-leading_58px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    line-height: 58px;
+}
+
+.relay-ml_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: var(--relay-spacing-4);
+}
+
+.relay-ml_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-left: var(--relay-spacing-1);
+}
+
+.relay-top_-100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+    top: -100%;
+}
+
+.relay-bottom_-6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    bottom: -6px;
+}
+
+.relay-right_-6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    right: -6px;
+}
+
+.relay-mb_4:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: var(--relay-spacing-4);
+}
+
+.relay-mt_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-top: 24px;
+}
+
+.relay-mb_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    margin-bottom: 6px;
+}
+
+.placeholder\:relay-text_gray12:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray12[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray12);
+}
+
+.disabled\:relay-cursor_not-allowed:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    cursor: not-allowed;
+}
+
+.disabled\:relay-text_button-disabled-color:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-button-disabled-color);
+}
+
+.data_state_open\:relay-animation_collapsibleSlideDown_300ms_cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+
+.data_state_closed\:relay-animation_collapsibleSlideUp_300ms_cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    animation: collapsibleSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+
+.placeholder\:relay-text_gray10:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_gray10[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray10);
+}
+
+.spinButtons\:relay--webkit-appearance_none:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-outer-spin-button,.spinButtons\:relay--webkit-appearance_none:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+
+.\[\&\[data-state\=\'checked\'\]\]\:relay-transform_translateX\(17px\)[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: translateX(17px);
+}
+
+.\[\&\[data-state\=\"active\"\]\]\:relay---borderColor_colors\.gray\.5[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --borderColor: var(--relay-colors-gray-5);
+}
+
+.\[\&\[data-state\=\"active\"\]\]\:relay-border_1px_solid_var\(--borderColor\)[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    border: 1px solid var(--borderColor);
+}
+
+.\[\&\:disabled\]\:relay-cursor_default:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
+    cursor: default;
+}
+
+.placeholder_parent\:relay-text-overflow_ellipsis[placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    text-overflow: ellipsis;
+}
+
+.\[\&\[data-state\=\"on\"\]\]\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\)[data-state="on"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: inset 0 0 0 2px var(--focusColor);
+}
+
+.placeholder\:relay-text_text-subtle:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_text-subtle[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-text-subtle);
+}
+
+.placeholder\:relay-text_input-color:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder,.placeholder\:relay-text_input-color[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-input-color);
+}
+
+.disabled\:relay-text_gray10:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray10);
+}
+
+.before\:relay-pos_absolute:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    position: absolute;
+}
+
+.before\:relay-rounded_8:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    border-radius: 8px;
+}
+
+.before\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    width: 100%;
+}
+
+.before\:relay-h_100\%:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    height: 100%;
+}
+
+.before\:relay-opacity_0\.15:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    opacity: 0.15;
+}
+
+.before\:relay-z_-1:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    z-index: -1;
+}
+
+.light:not(#\#):not(#\#):not(#\#):not(#\#) .light\:relay-filter_brightness\(97\%\) {
+    filter: brightness(97%);
+}
+
+.dark:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:relay-filter_brightness\(130\%\),[data-theme="dark"]:not(#\#):not(#\#):not(#\#):not(#\#) .dark\:relay-filter_brightness\(130\%\) {
+    filter: brightness(130%);
+}
+
+.disabled\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-button-disabled-background);
+}
+
+.\[\&\[data-state\=\'checked\'\]\]\:relay-bg_primary-button-background[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary-button-background);
+}
+
+.\[\&\[data-state\=\"active\"\]\]\:relay-bg_subtle-background-color[data-state="active"]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-subtle-background-color);
+}
+
+.\[\&\:disabled\]\:relay-bg_transparent:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: transparent;
+}
+
+.disabled\:relay-bg_widget-selector-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-widget-selector-background);
+}
+
+.before\:relay-content_\"\":not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    content: "";
+}
+
+.before\:relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    top: 0;
+}
+
+.before\:relay-left_0:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    left: 0;
+}
+
+.before\:relay-bg_primary-color:not(#\#):not(#\#):not(#\#):not(#\#)::before {
+    background-color: var(--relay-colors-primary-color);
+}
+
+.focusWithin\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: inset 0 0 0 2px var(--focusColor);
+}
+
+.focus\:relay-shadow_none:is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: none;
+}
+
+.focus\:relay-ring_none:is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+.focusVisible\:relay-shadow_0_0_0_2px_var\(--focusColor\):is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: 0 0 0 2px var(--focusColor);
+}
+
+.focusVisible\:relay-ring_none:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+.focusVisible\:relay-rounded_4px:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-radius: 4px;
+}
+
+.\[\&\:focus\]\:relay-backdrop_brightness\(95\%\):focus:not(#\#):not(#\#):not(#\#):not(#\#) {
+    backdrop-filter: brightness(95%);
+    -webkit-backdrop-filter: brightness(95%);
+}
+
+.focus\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:focus, [data-focus]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: inset 0 0 0 2px var(--focusColor);
+}
+
+.focusVisible\:relay-shadow_none:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: none;
+}
+
+.focusVisible\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: inset 0 0 0 2px var(--focusColor);
+}
+
+.\[\&\:focus\]\:relay-bg_gray\/10:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
+    --mix-backgroundColor: color-mix(in srgb, gray 10%, transparent);
+    background-color: var(--mix-backgroundColor, gray);
+}
+
+.hover\:relay-text_gray11:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray11);
+}
+
+.hover\:relay-backdrop_brightness\(98\%\):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    backdrop-filter: brightness(98%);
+    -webkit-backdrop-filter: brightness(98%);
+}
+
+.hover\:relay-bg_gray4:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--relay-colors-gray4);
+}
+
+.hover\:relay-text_anchor-hover-color:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-anchor-hover-color);
+}
+
+.hover\:relay-text_gray12:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray12);
+}
+
+.\[\&\:hover\]\:relay-text_primary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-primary-button-hover-color);
+}
+
+.\[\&\:hover\]\:relay-text_primary-outline-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: primary-outline-button-hover-color;
+}
+
+.\[\&\:hover\]\:relay-text_secondary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-secondary-button-hover-color);
+}
+
+.\[\&\:hover\]\:relay-text_tertiary-button-hover-color:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-tertiary-button-hover-color);
+}
+
+.\[\&\:hover\]\:relay-filter_brightness\(97\%\):hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    filter: brightness(97%);
+}
+
+.\[\&\:hover\]\:relay-text_amber11:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-amber11);
+}
+
+.hover\:relay-backdrop_brightness\(95\%\):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    backdrop-filter: brightness(95%);
+    -webkit-backdrop-filter: brightness(95%);
+}
+
+.hover\:relay-fill_gray12:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    fill: var(--relay-colors-gray12);
+}
+
+.hover\:relay-cursor_pointer:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    cursor: pointer;
+}
+
+.\[\&\:hover\]\:relay-transform_scale\(1\.25\):hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    transform: scale(1.25);
+}
+
+.\[\&\:hover\]\:relay-bg_primary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-primary-button-hover-background);
+}
+
+.\[\&\:hover\]\:relay-bg_secondary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-secondary-button-hover-background);
+}
+
+.\[\&\:hover\]\:relay-bg_tertiary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-tertiary-button-hover-background);
+}
+
+.\[\&\:hover\]\:relay-bg_red10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-red10);
+}
+
+.\[\&\:hover\]\:relay-bg_amber4:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-amber4);
+}
+
+.\[\&\:hover\]\:relay-bg_gray4:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray4);
+}
+
+.hover\:relay-bg_gray\/10:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    --mix-backgroundColor: color-mix(in srgb, gray 10%, transparent);
+    background-color: var(--mix-backgroundColor, gray);
+}
+
+.hover\:relay-bg_gray6:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray6);
+}
+
+button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg_gray5 {
+    background-color: var(--relay-colors-gray5);
+}
+
+.hover\:relay-bg_widget-selector-hover-background:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-widget-selector-hover-background);
+}
+
+.hover\:relay-bg_gray3:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-gray3);
+}
+
+.active\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:active, [data-active]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    box-shadow: inset 0 0 0 2px var(--focusColor);
+}
+
+.disabled\:hover\:relay-text_button-disabled-color:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-button-disabled-color);
+}
+
+.disabled\:placeholder\:relay-text_gray10:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder, .disabled\:placeholder\:relay-text_gray10:is(:disabled, [disabled], [data-disabled])[data-placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
+    color: var(--relay-colors-gray10);
+}
+
+.disabled\:hover\:relay-bg_button-disabled-background:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-button-disabled-background);
+}
+
+.\[\&\:disabled\]\:\[\&\:hover\]\:relay-bg_transparent:disabled:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: transparent;
+}
+
+@media screen and (min-width: 31.25rem) {
+    .bp500\:relay-gap_1:not(#\#):not(#\#):not(#\#):not(#\#) {
+      gap: var(--relay-spacing-1);
+}
+    .bp500\:relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
+      flex-direction: row;
+}
+    .bp500\:relay-flex_column:not(#\#):not(#\#):not(#\#):not(#\#) {
+      flex-direction: column;
+}
+    .bp500\:relay-items_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
+      align-items: flex-start;
+}
+}
+
+@media screen and (min-width: 37.5rem) {
+    .sm\:relay-w_370:not(#\#):not(#\#):not(#\#):not(#\#) {
+      width: 370px;
+}
+    .sm\:relay-min-w_400px:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-width: 400px;
+}
+    .sm\:relay-max-w_532px:not(#\#):not(#\#):not(#\#):not(#\#) {
+      max-width: 532px;
+}
+    .sm\:relay-max-w_400px\!:not(#\#) {
+      max-width: 400px !important;
+}
+}
+
+@media(min-width: 660px) {
+    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_660:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-width: 660px;
+}
+    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-width: 408px;
+}
+    .\[\@media\(min-width\:_660px\)\]\:relay-min-w_400:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-width: 400px;
+}
+    .\[\@media\(min-width\:_660px\)\]\:relay-max-w_660:not(#\#):not(#\#):not(#\#):not(#\#) {
+      max-width: 660px;
+}
+    .\[\@media\(min-width\:_660px\)\]\:relay-max-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
+      max-width: 408px;
+}
+}
+
+@media(max-width: 520px) {
+    .\[\@media\(max-width\:_520px\)\]\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
+      width: 100%;
+}
+    .\[\@media\(max-width\:_520px\)\]\:relay-rounded-br_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+      border-bottom-right-radius: 0;
+}
+    .\[\@media\(max-width\:_520px\)\]\:relay-rounded-bl_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+      border-bottom-left-radius: 0;
+}
+}
+
+@media screen and (max-width: 24.9975rem) {
+    .bp400Down\:relay-transform_rotate\(90deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
+      transform: rotate(90deg);
+}
+    .bp400Down\:relay-p_12px_0:not(#\#):not(#\#):not(#\#):not(#\#) {
+      padding: 12px 0;
+}
+}