/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root {
  --surface-default: var(--white);
  --surface-hovered: var(--neutral-98);
  --surface-pressed: var(--neutral-95);
  --text-static: var(--white);
  --surface-critical-default: var(--terracotta-40);
  --shadow-modal-default: var(--alpha-black-10);
  --shadow-button-primary-1: var(--alpha-black-8);
  --shadow-button-primary-2: var(--alpha-black-20);
  --surface-critical-pressed: var(--terracotta-60);
  --surface-critical-hovered: var(--terracotta-50);
  --alpha-mask-desktop: var(--alpha-black-75);
  --surface-primary-default: var(--neutral-5);
  --surface-primary-pressed: var(--neutral-40);
  --surface-primary-hovered: var(--neutral-30);
  --text: var(--neutral-5);
  --surface-accent-yellow-subtler: var(--background-warning-alt);
  --surface-warning-default: #fda500;
  --surface-warning-pressed: #b98900;
  --surface-warning-hovered: #e8a900;
  --ant-color-primary: var(--neutral-5);
  --ant-color-text-disabled: var(--text-disabled);
  --primitives-none: 0;
  --primitives-0-5: 0.125rem;
  --primitives-1: 0.25rem;
  --primitives-1-5: 0.375rem;
  --primitives-2: 0.5rem;
  --primitives-3: 0.75rem;
  --primitives-4: 1rem;
  --primitives-5: 1.25rem;
  --primitives-6: 1.5rem;
  --primitives-7: 1.75rem;
  --primitives-8: 2rem;
  --primitives-9: 2.25rem;
  --primitives-10: 2.5rem;
  --primitives-11: 2.75rem;
  --primitives-12: 3rem;
  --primitives-14: 3.5rem;
  --primitives-16: 4rem;
  --primitives-20: 5rem;
  --primitives-24: 6rem;
  --primitives-32: 8rem;
  --primitives-40: 10rem;
  --primitives-56: 14rem;
  --primitives-64: 16rem;
  --primitives-80: 20rem;
  --primitives-96: 24rem;
  --primitives-120: 30rem;
  --primitives-140: 35rem;
  --primitives-160: 40rem;
  --primitives-180: 45rem;
  --primitives-192: 48rem;
  --primitives-256: 64rem;
  --primitives-320: 80rem;
  --primitives-360: 90rem;
  --primitives-400: 100rem;
  --primitives-480: 120rem;
  --black: #000000;
  --white: #ffffff;
  --none: #ffffff00;
  --flow-color-01: var(--utility-gray-40);
  --flow-color-02: var(--utility-khaki-40);
  --flow-color-03: var(--utility-olive-40);
  --flow-color-04: var(--utility-teal-40);
  --flow-color-05: var(--utility-cobalt-40);
  --flow-color-06: var(--utility-berry-pink-40);
  --flow-color-07: var(--utility-ember-40);
  --flow-color-08: var(--utility-terracotta-40);
  --flow-color-09: var(--utility-lake-blue-40);
  --flow-color-10: var(--utility-purple-40);
  --flow-color-01-selected: var(--utility-gray-60);
  --flow-color-02-selected: var(--utility-khaki-60);
  --flow-color-03-selected: var(--utility-olive-60);
  --flow-color-04-selected: var(--utility-teal-60);
  --flow-color-05-selected: var(--utility-cobalt-60);
  --flow-color-06-selected: var(--utility-berry-pink-60);
  --flow-color-07-selected: var(--utility-ember-60);
  --flow-color-08-selected: var(--utility-terracotta-60);
  --flow-color-09-selected: var(--utility-lake-blue-60);
  --flow-color-10-selected: var(--utility-purple-60);
  --basic-white: #ffffff;
  --basic-black: #000000;
  --basic-none: #ffffff00;
  --pure-mauve-0: #000000;
  --pure-mauve-5: #100f22;
  --pure-mauve-10: #1b192d;
  --pure-mauve-20: #352b4a;
  --pure-mauve-30: #53436f;
  --pure-mauve-40: #655186;
  --pure-mauve-50: #7860a1;
  --pure-mauve-60: #826aaf;
  --pure-mauve-70: #9d8dc5;
  --pure-mauve-80: #b8aed7;
  --pure-mauve-90: #cbc6e6;
  --pure-mauve-95: #dad6f1;
  --pure-mauve-98: #e8e6f7;
  --pure-mauve-99: #f9f7fc;
  --pure-mauve-100: #ffffff;
  --neutral-0: #000000;
  --neutral-5: #121110;
  --neutral-10: #242220;
  --neutral-20: #373430;
  --neutral-30: #3d3a36;
  --neutral-40: #44413f;
  --neutral-50: #55524e;
  --neutral-60: #6e6b67;
  --neutral-70: #787572;
  --neutral-80: #8c8986;
  --neutral-90: #c8c5c2;
  --neutral-95: #e1dfdc;
  --neutral-98: #f5f4f2;
  --neutral-99: #fcfbfa;
  --neutral-100: #ffffff;
  --neutral-variant-0: #000000;
  --neutral-variant-5: #111111;
  --neutral-variant-10: #1c1c1c;
  --neutral-variant-20: #313131;
  --neutral-variant-30: #484848;
  --neutral-variant-40: #606060;
  --neutral-variant-50: #797979;
  --neutral-variant-60: #939393;
  --neutral-variant-70: #a8a8a8;
  --neutral-variant-80: #bfbfbf;
  --neutral-variant-90: #dedede;
  --neutral-variant-95: #e6e6e6;
  --neutral-variant-98: #f2f2f2;
  --neutral-variant-99: #fafafa;
  --neutral-variant-100: #ffffff;
  --terracotta-0: #000000;
  --terracotta-5: #2b0100;
  --terracotta-10: #3f0300;
  --terracotta-20: #660700;
  --terracotta-30: #881f0f;
  --terracotta-40: #a93724;
  --terracotta-50: #ca4f3a;
  --terracotta-60: #ec6750;
  --terracotta-70: #ff8a75;
  --terracotta-80: #ffb4a6;
  --terracotta-90: #ffdad4;
  --terracotta-95: #ffede9;
  --terracotta-98: #fff8f6;
  --terracotta-99: #fffcfb;
  --terracotta-100: #ffffff;
  --ember-0: #000000;
  --ember-5: #230900;
  --ember-10: #341100;
  --ember-20: #552000;
  --ember-30: #793100;
  --ember-40: #9f4200;
  --ember-50: #c55505;
  --ember-60: #e76d24;
  --ember-70: #ff8d4e;
  --ember-80: #ffb692;
  --ember-90: #ffdbcb;
  --ember-95: #ffede6;
  --ember-98: #fff4f0;
  --ember-99: #fffcfb;
  --ember-100: #ffffff;
  --khaki-0: #000000;
  --khaki-5: #171000;
  --khaki-10: #241a00;
  --khaki-20: #3d2e00;
  --khaki-30: #584400;
  --khaki-40: #755b00;
  --khaki-50: #917312;
  --khaki-60: #ad8d2d;
  --khaki-70: #caa745;
  --khaki-80: #e8c25d;
  --khaki-90: #ffdf90;
  --khaki-95: #ffefcf;
  --khaki-98: #fff8eb;
  --khaki-99: #fffefb;
  --khaki-100: #ffffff;
  --olive-0: #000000;
  --olive-5: #0b1400;
  --olive-10: #131f00;
  --olive-20: #243600;
  --olive-30: #374e0b;
  --olive-40: #4e6622;
  --olive-50: #667f39;
  --olive-60: #7f9a50;
  --olive-70: #99b567;
  --olive-80: #b4d180;
  --olive-90: #d0ed99;
  --olive-95: #defca6;
  --olive-98: #f1ffd2;
  --olive-99: #f9ffe6;
  --olive-100: #ffffff;
  --teal-0: #000000;
  --teal-5: #00150f;
  --teal-10: #002018;
  --teal-20: #00382c;
  --teal-30: #005140;
  --teal-40: #006b56;
  --teal-50: #00876d;
  --teal-60: #30a286;
  --teal-70: #51bda0;
  --teal-80: #6fd9bb;
  --teal-90: #98f4d7;
  --teal-95: #b9ffe7;
  --teal-98: #e6fff4;
  --teal-99: #f3fff9;
  --teal-100: #ffffff;
  --cobalt-0: #000000;
  --cobalt-5: #000449;
  --cobalt-10: #000767;
  --cobalt-20: #182282;
  --cobalt-30: #323c99;
  --cobalt-40: #323c99;
  --cobalt-50: #646ece;
  --cobalt-60: #7e88ea;
  --cobalt-70: #9ba4ff;
  --cobalt-80: #bdc2ff;
  --cobalt-90: #dfe0ff;
  --cobalt-95: #f1efff;
  --cobalt-98: #fbf8ff;
  --cobalt-99: #fffbff;
  --cobalt-100: #ffffff;
  --berry-pink-0: #000000;
  --berry-pink-5: #2b0010;
  --berry-pink-10: #3f001a;
  --berry-pink-20: #610c2e;
  --berry-pink-30: #7e2544;
  --berry-pink-40: #9d3d5c;
  --berry-pink-50: #bb5574;
  --berry-pink-60: #db6e8e;
  --berry-pink-70: #fa88a8;
  --berry-pink-80: #ffb1c4;
  --berry-pink-90: #ffd9e0;
  --berry-pink-95: #ffecef;
  --berry-pink-98: #fff8f8;
  --berry-pink-99: #fffbff;
  --berry-pink-100: #ffffff;
  --lake-blue-0: #000000;
  --lake-blue-5: #001224;
  --lake-blue-10: #001d35;
  --lake-blue-20: #003256;
  --lake-blue-30: #00497a;
  --lake-blue-40: #266296;
  --lake-blue-50: #447bb0;
  --lake-blue-60: #5f95cc;
  --lake-blue-70: #7aafe8;
  --lake-blue-80: #9ccaff;
  --lake-blue-90: #d0e4ff;
  --lake-blue-95: #e9f1ff;
  --lake-blue-98: #f8f9ff;
  --lake-blue-99: #fdfcff;
  --lake-blue-100: #ffffff;
  --opacity-on-surface-10: #dbd9d729;
  --opacity-on-surface-20: #cccbca33;
  --opacity-on-surface-30: #bab8b633;
  --opacity-on-surface-40: #94928f33;
  --opacity-white-1: #ffffff03;
  --opacity-white-3: #ffffff08;
  --opacity-white-5: #ffffff0d;
  --opacity-white-8: #ffffff14;
  --opacity-white-12: #ffffff1f;
  --opacity-white-16: #ffffff29;
  --opacity-white-20: #ffffff33;
  --opacity-white-30: #ffffff4d;
  --opacity-white-40: #ffffff66;
  --opacity-white-50: #ffffff80;
  --opacity-white-60: #ffffff99;
  --opacity-white-70: #ffffffb2;
  --opacity-white-80: #ffffffcc;
  --opacity-white-90: #ffffffe5;
  --opacity-white-95: #fffffff2;
  --opacity-white-100: #ffffff;
  --opacity-black-1: #00000003;
  --opacity-black-3: #00000008;
  --opacity-black-5: #0000000d;
  --opacity-black-8: #00000014;
  --opacity-black-12: #0000001f;
  --opacity-black-16: #00000029;
  --opacity-black-20: #00000033;
  --opacity-black-30: #0000004d;
  --opacity-black-40: #00000066;
  --opacity-black-50: #00000080;
  --opacity-black-60: #00000099;
  --opacity-black-70: #000000b2;
  --opacity-black-80: #000000cc;
  --opacity-black-90: #000000e5;
  --opacity-black-95: #000000f2;
  --opacity-black-100: #000000;
  --alpha-black-1: #00000003;
  --alpha-black-3: #00000008;
  --alpha-black-5: #0000000d;
  --alpha-black-8: #00000014;
  --alpha-black-10: #0000001a;
  --alpha-black-20: #00000033;
  --alpha-black-30: #0000004d;
  --alpha-black-40: #00000066;
  --alpha-black-50: #00000080;
  --alpha-black-60: #00000099;
  --alpha-black-70: #000000b2;
  --alpha-black-75: #000000bf;
  --alpha-black-80: #000000cc;
  --alpha-black-90: #000000e5;
  --alpha-black-100: #000000;
  --alpha-white-1: #ffffff03;
  --alpha-white-3: #ffffff08;
  --alpha-white-5: #ffffff0d;
  --alpha-white-8: #ffffff14;
  --alpha-white-10: #ffffff1a;
  --alpha-white-20: #ffffff33;
  --alpha-white-30: #ffffff4d;
  --alpha-white-40: #ffffff66;
  --alpha-white-50: #ffffff80;
  --alpha-white-60: #ffffff99;
  --alpha-white-70: #ffffffb2;
  --alpha-white-75: #ffffffbf;
  --alpha-white-80: #ffffffcc;
  --alpha-white-90: #ffffffe5;
  --alpha-white-100: #ffffff;
  --background-normal-primary-default: var(--neutral-100);
  --background-normal-primary-hover: var(--neutral-98);
  --background-normal-primary-active: var(--neutral-95);
  --background-normal-secondary-default: var(--neutral-98);
  --background-normal-secondary-hover: var(--neutral-95);
  --background-normal-secondary-active: var(--neutral-90);
  --background-normal-tertiary-default: var(--neutral-100);
  --background-normal-tertiary-hover: var(--neutral-98);
  --background-normal-tertiary-active: var(--neutral-95);
  --background-neutral-primary-default: var(--neutral-98);
  --background-neutral-primary-hover: var(--neutral-95);
  --background-neutral-primary-active: var(--neutral-90);
  --background-neutral-secondary-default: var(--neutral-100);
  --background-neutral-secondary-hover: var(--neutral-98);
  --background-neutral-secondary-active: var(--neutral-95);
  --background-neutral-tertiary-default: var(--neutral-98);
  --background-neutral-tertiary-hover: var(--neutral-95);
  --background-neutral-tertiary-active: var(--neutral-90);
  --background-neutral-on-surface-default: var(--opacity-on-surface-10);
  --background-neutral-on-surface-hover: var(--opacity-on-surface-20);
  --background-neutral-on-surface-active: var(--opacity-on-surface-30);
  --background-neutral-on-surface-disabled: var(--opacity-on-surface-10);
  --background-neutral-on-surface-alt: var(--opacity-on-surface-40);
  --background-utilities-bolder: var(--neutral-5);
  --background-utilities-none: var(--basic-none);
  --background-utilities-overlay: var(--opacity-black-70);
  --background-utilities-static-white: var(--neutral-99);
  --background-utilities-static-black: var(--neutral-5);
  --background-brand-default: var(--pure-mauve-95);
  --background-brand_alt: var(--pure-mauve-95);
  --background-brand-subtle: var(--pure-mauve-98);
  --background-brand-hover: var(--pure-mauve-90);
  --background-brand-active: var(--pure-mauve-80);
  --background-brand-bolder: var(--pure-mauve-30);
  --background-critical-default: var(--terracotta-95);
  --background-critical-alt: var(--terracotta-95);
  --background-critical-subtle: var(--terracotta-98);
  --background-critical-hover: var(--terracotta-90);
  --background-critical-active: var(--terracotta-80);
  --background-critical-bolder: var(--terracotta-30);
  --background-warning-default: var(--khaki-95);
  --background-warning-alt: var(--khaki-95);
  --background-warning-subtle: var(--khaki-98);
  --background-warning-hover: var(--khaki-90);
  --background-warning-active: var(--khaki-80);
  --background-warning-bolder: var(--khaki-30);
  --background-success-default: var(--teal-98);
  --background-success-alt: var(--teal-98);
  --background-success-subtle: var(--teal-99);
  --background-success-hover: var(--teal-90);
  --background-success-active: var(--teal-80);
  --background-success-bolder: var(--teal-30);
  --background-info-default: var(--lake-blue-95);
  --background-info-alt: var(--lake-blue-95);
  --background-info-subtle: var(--lake-blue-98);
  --background-info-hovered: var(--lake-blue-90);
  --background-info-pressed: var(--lake-blue-80);
  --background-info-bolder: var(--lake-blue-30);
  --text-default: var(--neutral-5);
  --text-subtle: var(--neutral-30);
  --text-subtler: var(--neutral-50);
  --text-subtlest: var(--neutral-70);
  --text-disabled: var(--neutral-90);
  --text-bolder: var(--neutral-100);
  --text-static-white: var(--neutral-100);
  --text-static-black: var(--neutral-5);
  --text-brand-subtle: var(--pure-mauve-70);
  --text-brand-default: var(--pure-mauve-50);
  --text-brand-bolder: var(--pure-mauve-30);
  --text-critical-subtle: var(--terracotta-70);
  --text-critical-default: var(--terracotta-50);
  --text-critical-bolder: var(--terracotta-30);
  --text-warning-subtle: var(--khaki-70);
  --text-warning-default: var(--khaki-50);
  --text-warning-bolder: var(--khaki-30);
  --text-success-subtle: var(--teal-70);
  --text-success-default: var(--teal-50);
  --text-success-bolder: var(--teal-30);
  --foreground-default: var(--neutral-5);
  --foreground-subtle: var(--neutral-30);
  --foreground-subtler: var(--neutral-50);
  --foreground-subtlest: var(--neutral-70);
  --foreground-disabled: var(--neutral-90);
  --foreground-bolder: var(--neutral-100);
  --foreground-static-white: var(--neutral-100);
  --foreground-static-black: var(--neutral-5);
  --foreground-brand-subtle: var(--pure-mauve-70);
  --foreground-brand-default: var(--pure-mauve-50);
  --foreground-brand-bolder: var(--pure-mauve-30);
  --foreground-critical-subtle: var(--terracotta-70);
  --foreground-critical-default: var(--terracotta-50);
  --foreground-critical-bolder: var(--terracotta-30);
  --foreground-warning-subtle: var(--khaki-70);
  --foreground-warning-default: var(--khaki-60);
  --foreground-warning-bolder: var(--khaki-30);
  --foreground-success-subtle: var(--teal-70);
  --foreground-success-default: var(--teal-50);
  --foreground-success-bolder: var(--teal-30);
  --border: var(--neutral-95);
  --border-default: var(--neutral-95);
  --border-alt: var(--neutral-95);
  --border-hover: var(--neutral-90);
  --border-active: var(--neutral-80);
  --border-bolder: var(--neutral-5);
  --border-brand: var(--pure-mauve-50);
  --border-brand_alt: var(--pure-mauve-80);
  --border-critical: var(--terracotta-50);
  --border-success: var(--teal-50);
  --border-warning: var(--khaki-50);
  --border-opaque: var(--opacity-white-1);
  --border-static: var(--neutral-95);
  --beta-white-1: var(--opacity-white-1);
  --beta-white-3: var(--opacity-white-3);
  --beta-white-5: var(--opacity-white-5);
  --beta-white-8: var(--opacity-white-8);
  --beta-white-12: var(--opacity-white-12);
  --beta-white-16: var(--opacity-white-16);
  --beta-white-20: var(--opacity-white-20);
  --beta-white-30: var(--opacity-white-30);
  --beta-white-40: var(--opacity-white-40);
  --beta-white-50: var(--opacity-white-50);
  --beta-white-60: var(--opacity-white-60);
  --beta-white-70: var(--opacity-white-70);
  --beta-white-80: var(--opacity-white-80);
  --beta-white-90: var(--opacity-white-90);
  --beta-white-95: var(--opacity-white-95);
  --beta-white-100: var(--opacity-white-100);
  --beta-black-1: var(--opacity-black-1);
  --beta-black-3: var(--opacity-black-3);
  --beta-black-5: var(--opacity-black-5);
  --beta-black-8: var(--opacity-black-8);
  --beta-black-12: var(--opacity-black-12);
  --beta-black-16: var(--opacity-black-16);
  --beta-black-20: var(--opacity-black-20);
  --beta-black-30: var(--opacity-black-30);
  --beta-black-40: var(--opacity-black-40);
  --beta-black-50: var(--opacity-black-50);
  --beta-black-60: var(--opacity-black-60);
  --beta-black-70: var(--opacity-black-70);
  --beta-black-80: var(--opacity-black-80);
  --beta-black-90: var(--opacity-black-90);
  --beta-black-95: var(--opacity-black-95);
  --beta-black-100: var(--opacity-black-100);
  --utility-gray-5: var(--neutral-variant-98);
  --utility-gray-10: var(--neutral-variant-95);
  --utility-gray-20: var(--neutral-variant-90);
  --utility-gray-30: var(--neutral-variant-80);
  --utility-gray-40: var(--neutral-variant-70);
  --utility-gray-50: var(--neutral-variant-60);
  --utility-gray-60: var(--neutral-variant-50);
  --utility-gray-70: var(--neutral-variant-40);
  --utility-gray-80: var(--neutral-variant-30);
  --utility-olive-5: var(--olive-98);
  --utility-olive-10: var(--olive-95);
  --utility-olive-20: var(--olive-90);
  --utility-olive-30: var(--olive-80);
  --utility-olive-40: var(--olive-70);
  --utility-olive-50: var(--olive-60);
  --utility-olive-60: var(--olive-50);
  --utility-olive-70: var(--olive-40);
  --utility-olive-80: var(--olive-30);
  --utility-teal-5: var(--teal-98);
  --utility-teal-10: var(--teal-95);
  --utility-teal-20: var(--teal-90);
  --utility-teal-30: var(--teal-80);
  --utility-teal-40: var(--teal-70);
  --utility-teal-50: var(--teal-60);
  --utility-teal-60: var(--teal-50);
  --utility-teal-70: var(--teal-40);
  --utility-teal-80: var(--teal-30);
  --utility-lake-blue-5: var(--lake-blue-98);
  --utility-lake-blue-10: var(--lake-blue-95);
  --utility-lake-blue-20: var(--lake-blue-90);
  --utility-lake-blue-30: var(--lake-blue-80);
  --utility-lake-blue-40: var(--lake-blue-70);
  --utility-lake-blue-50: var(--lake-blue-60);
  --utility-lake-blue-60: var(--lake-blue-50);
  --utility-lake-blue-70: var(--lake-blue-40);
  --utility-lake-blue-80: var(--lake-blue-30);
  --utility-cobalt-5: var(--cobalt-98);
  --utility-cobalt-10: var(--cobalt-95);
  --utility-cobalt-20: var(--cobalt-90);
  --utility-cobalt-30: var(--cobalt-80);
  --utility-cobalt-40: var(--cobalt-70);
  --utility-cobalt-50: var(--cobalt-60);
  --utility-cobalt-60: var(--cobalt-50);
  --utility-cobalt-70: var(--cobalt-40);
  --utility-cobalt-80: var(--cobalt-30);
  --utility-berry-pink-5: var(--berry-pink-98);
  --utility-berry-pink-10: var(--berry-pink-95);
  --utility-berry-pink-20: var(--berry-pink-90);
  --utility-berry-pink-30: var(--berry-pink-80);
  --utility-berry-pink-40: var(--berry-pink-70);
  --utility-berry-pink-50: var(--berry-pink-60);
  --utility-berry-pink-60: var(--berry-pink-50);
  --utility-berry-pink-70: var(--berry-pink-40);
  --utility-berry-pink-80: var(--berry-pink-30);
  --utility-terracotta-5: var(--terracotta-98);
  --utility-terracotta-10: var(--terracotta-95);
  --utility-terracotta-20: var(--terracotta-90);
  --utility-terracotta-30: var(--terracotta-80);
  --utility-terracotta-40: var(--terracotta-70);
  --utility-terracotta-50: var(--terracotta-60);
  --utility-terracotta-60: var(--terracotta-50);
  --utility-terracotta-70: var(--terracotta-40);
  --utility-terracotta-80: var(--terracotta-30);
  --utility-ember-5: var(--ember-98);
  --utility-ember-10: var(--ember-95);
  --utility-ember-20: var(--ember-90);
  --utility-ember-30: var(--ember-80);
  --utility-ember-40: var(--ember-70);
  --utility-ember-50: var(--ember-60);
  --utility-ember-60: var(--ember-50);
  --utility-ember-70: var(--ember-40);
  --utility-ember-80: var(--ember-30);
  --utility-khaki-5: var(--khaki-98);
  --utility-khaki-10: var(--khaki-95);
  --utility-khaki-20: var(--khaki-90);
  --utility-khaki-30: var(--khaki-80);
  --utility-khaki-40: var(--khaki-70);
  --utility-khaki-50: var(--khaki-60);
  --utility-khaki-60: var(--khaki-50);
  --utility-khaki-70: var(--khaki-40);
  --utility-khaki-80: var(--khaki-30);
  --utility-purple-5: var(--pure-mauve-99);
  --utility-purple-10: var(--pure-mauve-98);
  --utility-purple-20: var(--pure-mauve-95);
  --utility-purple-30: var(--pure-mauve-90);
  --utility-purple-40: var(--pure-mauve-80);
  --utility-purple-50: var(--pure-mauve-70);
  --utility-purple-60: var(--pure-mauve-60);
  --utility-purple-70: var(--pure-mauve-50);
  --utility-purple-80: var(--pure-mauve-40);
  --icon-featured-icon-fg_info: var(--lake-blue-50);
  --icon-featured-icon-fg_success: var(--teal-50);
  --icon-featured-icon-fg_warning: var(--khaki-60);
  --icon-featured-icon-fg_error: var(--terracotta-50);
  --button-brand-fg_default: var(--pure-mauve-5);
  --button-brand-fg_alt: var(--pure-mauve-80);
  --button-brand-bg_default: var(--pure-mauve-95);
  --button-brand-bg_hover: var(--pure-mauve-80);
  --button-brand-bg_active: var(--pure-mauve-70);
  --button-brand-bg_disabled: var(--pure-mauve-98);
  --button-primary-fg_default: var(--neutral-100);
  --button-primary-fg_alt: var(--opacity-white-90);
  --button-primary-bg_default: var(--neutral-5);
  --button-primary-bg_hover: var(--neutral-30);
  --button-primary-bg_active: var(--neutral-40);
  --button-primary-bg_disabled: var(--opacity-black-30);
  --button-secondary-fg_default: var(--neutral-5);
  --button-secondary-fg_alt: var(--neutral-90);
  --button-secondary-bg_default: var(--basic-none);
  --button-secondary-bg_hover: var(--opacity-on-surface-20);
  --button-secondary-bg_active: var(--opacity-on-surface-30);
  --button-secondary-border_default: var(--neutral-5);
  --button-secondary-border_disabled: var(--opacity-on-surface-40);
  --button-tertiary-fg_default: var(--neutral-5);
  --button-tertiary-fg_alt: var(--neutral-90);
  --button-tertiary-bg_default: var(--opacity-on-surface-10);
  --button-tertiary-bg_hover: var(--opacity-on-surface-20);
  --button-tertiary-bg_active: var(--opacity-on-surface-30);
  --button-tertiary-border: var(--opacity-on-surface-40);
  --button-tertiary-border_alt: var(--opacity-on-surface-40);
  --button-plain-fg_default: var(--neutral-5);
  --button-plain-fg_alt: var(--neutral-90);
  --button-plain-bg_default: var(--basic-none);
  --button-plain-bg_hover: var(--opacity-on-surface-20);
  --button-plain-bg_active: var(--opacity-on-surface-30);
  --button-plain-gray-fg_default: var(--neutral-40);
  --button-plain-gray-fg_alt: var(--neutral-90);
  --button-plain-gray-bg_default: var(--basic-none);
  --button-plain-gray-bg_hover: var(--opacity-on-surface-20);
  --button-plain-gray-bg_active: var(--opacity-on-surface-30);
  --button-error-primary-fg_default: var(--terracotta-100);
  --button-error-primary-fg_alt: var(--neutral-90);
  --button-error-primary-bg_default: var(--terracotta-50);
  --button-error-primary-bg_hover: var(--terracotta-40);
  --button-error-primary-bg_active: var(--terracotta-30);
  --button-error-primary-bg_disabled: var(--neutral-98);
  --button-error-primary-bg_loading: var(--terracotta-90);
  --button-error-secondary-fg_default: var(--terracotta-50);
  --button-error-secondary-fg_alt: var(--neutral-90);
  --button-error-secondary-bg_default: var(--terracotta-98);
  --button-error-secondary-bg_hover: var(--terracotta-90);
  --button-error-secondary-bg_active: var(--terracotta-80);
  --button-error-secondary-bg_disabled: var(--terracotta-100);
  --button-error-secondary-border_default: var(--terracotta-50);
  --button-error-secondary-border_disabled: var(--opacity-on-surface-40);
  --icon-button-brand-fg_default: var(--pure-mauve-5);
  --icon-button-brand-fg_alt: var(--pure-mauve-80);
  --icon-button-brand-bg_default: var(--pure-mauve-95);
  --icon-button-brand-bg_hover: var(--pure-mauve-80);
  --icon-button-brand-bg_active: var(--pure-mauve-70);
  --icon-button-brand-bg_disabled: var(--pure-mauve-98);
  --link-button-primary-fg_default: var(--neutral-variant-5);
  --link-button-primary-fg_hover: var(--neutral-variant-40);
  --link-button-primary-fg_active: var(--neutral-variant-60);
  --link-button-primary-fg_disabled: var(--neutral-variant-80);
  --link-button-primary-bg_default: var(--basic-none);
  --link-button-secondary-fg_default: var(--neutral-variant-30);
  --link-button-secondary-fg_hover: var(--neutral-variant-50);
  --link-button-secondary-fg_active: var(--neutral-variant-70);
  --link-button-secondary-fg_disabled: var(--neutral-variant-80);
  --link-button-secondary-bg_default: var(--basic-none);
  --tooltip-fg_default: var(--neutral-variant-100);
  --tooltip-fg_subtle: var(--neutral-variant-80);
  --tooltip-bg_default: var(--neutral-variant-10);
  --tooltip-border: var(--basic-none);
  --tabbar-fg_default: var(--neutral-60);
  --tabbar-fg_alt: var(--neutral-70);
  --tabbar-fg_bolder: var(--neutral-5);
  --tabbar-fg_disabled: var(--neutral-90);
  --tabbar-bg_default: var(--neutral-99);
  --tabbar-bg_select: var(--neutral-variant-100);
  --tabbar-border: var(--neutral-5);
  --tabbar-border_disabled: var(--neutral-95);
  --energy-fg_default: var(--khaki-40);
  --energy-bg_default: var(--khaki-99);
  --energy-bg_alt: var(--khaki-95);
  --energy-bg_on: var(--khaki-90);
  --energy-border: var(--khaki-80);
  --input-bg_default: var(--opacity-on-surface-10);
  --input-bg_hover: var(--opacity-on-surface-20);
  --input-bg_disabled: var(--opacity-on-surface-10);
  --input-border: var(--opacity-on-surface-40);
  --search-bar-bg_default: var(--opacity-on-surface-10);
  --search-bar-bg_hover: var(--opacity-on-surface-20);
  --search-bar-border: var(--opacity-on-surface-40);
  --shadows-surface-default: var(--opacity-black-12);
  --shadows-surface-bolder: var(--opacity-black-3);
  --shadows-modal-default-bolder: var(--opacity-black-12);
  --focus-ring-brand: var(--pure-mauve-10);
  --focus-rings-brand: var(--pure-mauve-10);
  --focus-ring-error: var(--terracotta-50);
  --focus-rings-error: var(--terracotta-50);
  --chat-tips-fg_info: var(--pure-mauve-50);
  --chat-tips-bg_info: var(--pure-mauve-99);
  --chat-tips-border_info: var(--pure-mauve-90);
  --chat-tips-fg_alert: var(--khaki-70);
  --chat-tips-bg_alert: var(--khaki-98);
  --chat-tips-button_alert: var(--khaki-90);
  --chat-tips-border_alert: var(--khaki-90);
  --chat-tips-fg_error: var(--terracotta-50);
  --chat-tips-bg_error: var(--terracotta-98);
  --chat-tips-border_error: var(--terracotta-90);
  --check-box-fg_default: var(--neutral-100);
  --check-box-fg_alt: var(--neutral-90);
  --check-box-border: var(--neutral-90);
  --check-box-border_hover: var(--neutral-80);
  --check-box-border_disabled: var(--neutral-98);
  --check-box-bg_default: var(--neutral-5);
  --check-box-bg_hover: var(--neutral-30);
  --check-box-bg_disabled: var(--neutral-98);
  --switch-fg_default: var(--neutral-variant-100);
  --switch-fg_on: var(--neutral-variant-100);
  --switch-fg_disabled: var(--opacity-white-60);
  --switch-bg_default: var(--neutral-variant-80);
  --switch-bg_on: var(--neutral-variant-5);
  --switch-bg_disabled: var(--neutral-variant-98);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.pointer-events-none {
  pointer-events: none;
}

.\!absolute {
  position: absolute !important;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.\!-left-\[8px\] {
  left: -8px !important;
}

.\!-right-\[12px\] {
  right: -12px !important;
}

.\!bottom-4 {
  bottom: 1rem !important;
}

.\!left-4 {
  left: 1rem !important;
}

.bottom-4 {
  bottom: 1rem;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.top-0 {
  top: 0px;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[9999\] {
  z-index: 9999;
}

.z-\[9\] {
  z-index: 9;
}

.\!m-0 {
  margin: 0px !important;
}

.mt-1 {
  margin-top: 0.25rem;
}

.flex {
  display: flex;
}

.\!h-5 {
  height: 1.25rem !important;
}

.\!h-\[72px\] {
  height: 72px !important;
}

.h-0 {
  height: 0px;
}

.h-4 {
  height: 1rem;
}

.h-6 {
  height: 1.5rem;
}

.h-full {
  height: 100%;
}

.\!w-5 {
  width: 1.25rem !important;
}

.\!w-\[102px\] {
  width: 102px !important;
}

.w-0 {
  width: 0px;
}

.w-6 {
  width: 1.5rem;
}

.w-\[1px\] {
  width: 1px;
}

.w-full {
  width: 100%;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.gap-2 {
  gap: 0.5rem;
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.overflow-hidden {
  overflow: hidden;
}

.\!rounded-lg {
  border-radius: var(--primitives-2) !important;
}

.\!rounded-none {
  border-radius: var(--primitives-none) !important;
}

.rounded-lg {
  border-radius: var(--primitives-2);
}

.\!border-\[0\.5px\] {
  border-width: 0.5px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.\!border-none {
  border-style: none !important;
}

.border-bolder {
  border-color: var(--border-bolder);
}

.\!bg-transparent {
  background-color: transparent !important;
}

.bg-normal-primary-default {
  background-color: var(--background-normal-primary-default);
}

.bg-transparent {
  background-color: transparent;
}

.p-1\.5 {
  padding: 0.375rem;
}

.text-brand-default {
  color: var(--text-brand-default);
}

.\!shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.react-flow__edges {
  /* z-index: 9000 !important; */
}

/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

:root {
  --surface-default: var(--white);
  --surface-hovered: var(--neutral-98);
  --surface-pressed: var(--neutral-95);
  --text-static: var(--white);
  --surface-critical-default: var(--terracotta-40);
  --shadow-modal-default: var(--alpha-black-10);
  --shadow-button-primary-1: var(--alpha-black-8);
  --shadow-button-primary-2: var(--alpha-black-20);
  --surface-critical-pressed: var(--terracotta-60);
  --surface-critical-hovered: var(--terracotta-50);
  --alpha-mask-desktop: var(--alpha-black-75);
  --surface-primary-default: var(--neutral-5);
  --surface-primary-pressed: var(--neutral-40);
  --surface-primary-hovered: var(--neutral-30);
  --text: var(--neutral-5);
  --surface-accent-yellow-subtler: var(--background-warning-alt);
  --surface-warning-default: #fda500;
  --surface-warning-pressed: #b98900;
  --surface-warning-hovered: #e8a900;
  --ant-color-primary: var(--neutral-5);
  --ant-color-text-disabled: var(--text-disabled);
  --primitives-none: 0;
  --primitives-0-5: 0.125rem;
  --primitives-1: 0.25rem;
  --primitives-1-5: 0.375rem;
  --primitives-2: 0.5rem;
  --primitives-3: 0.75rem;
  --primitives-4: 1rem;
  --primitives-5: 1.25rem;
  --primitives-6: 1.5rem;
  --primitives-7: 1.75rem;
  --primitives-8: 2rem;
  --primitives-9: 2.25rem;
  --primitives-10: 2.5rem;
  --primitives-11: 2.75rem;
  --primitives-12: 3rem;
  --primitives-14: 3.5rem;
  --primitives-16: 4rem;
  --primitives-20: 5rem;
  --primitives-24: 6rem;
  --primitives-32: 8rem;
  --primitives-40: 10rem;
  --primitives-56: 14rem;
  --primitives-64: 16rem;
  --primitives-80: 20rem;
  --primitives-96: 24rem;
  --primitives-120: 30rem;
  --primitives-140: 35rem;
  --primitives-160: 40rem;
  --primitives-180: 45rem;
  --primitives-192: 48rem;
  --primitives-256: 64rem;
  --primitives-320: 80rem;
  --primitives-360: 90rem;
  --primitives-400: 100rem;
  --primitives-480: 120rem;
  --black: #000000;
  --white: #ffffff;
  --none: #ffffff00;
  --flow-color-01: var(--utility-gray-40);
  --flow-color-02: var(--utility-khaki-40);
  --flow-color-03: var(--utility-olive-40);
  --flow-color-04: var(--utility-teal-40);
  --flow-color-05: var(--utility-cobalt-40);
  --flow-color-06: var(--utility-berry-pink-40);
  --flow-color-07: var(--utility-ember-40);
  --flow-color-08: var(--utility-terracotta-40);
  --flow-color-09: var(--utility-lake-blue-40);
  --flow-color-10: var(--utility-purple-40);
  --flow-color-01-selected: var(--utility-gray-60);
  --flow-color-02-selected: var(--utility-khaki-60);
  --flow-color-03-selected: var(--utility-olive-60);
  --flow-color-04-selected: var(--utility-teal-60);
  --flow-color-05-selected: var(--utility-cobalt-60);
  --flow-color-06-selected: var(--utility-berry-pink-60);
  --flow-color-07-selected: var(--utility-ember-60);
  --flow-color-08-selected: var(--utility-terracotta-60);
  --flow-color-09-selected: var(--utility-lake-blue-60);
  --flow-color-10-selected: var(--utility-purple-60);
  --basic-white: #ffffff;
  --basic-black: #000000;
  --basic-none: #ffffff00;
  --pure-mauve-0: #000000;
  --pure-mauve-5: #100f22;
  --pure-mauve-10: #1b192d;
  --pure-mauve-20: #352b4a;
  --pure-mauve-30: #53436f;
  --pure-mauve-40: #655186;
  --pure-mauve-50: #7860a1;
  --pure-mauve-60: #826aaf;
  --pure-mauve-70: #9d8dc5;
  --pure-mauve-80: #b8aed7;
  --pure-mauve-90: #cbc6e6;
  --pure-mauve-95: #dad6f1;
  --pure-mauve-98: #e8e6f7;
  --pure-mauve-99: #f9f7fc;
  --pure-mauve-100: #ffffff;
  --neutral-0: #000000;
  --neutral-5: #121110;
  --neutral-10: #242220;
  --neutral-20: #373430;
  --neutral-30: #3d3a36;
  --neutral-40: #44413f;
  --neutral-50: #55524e;
  --neutral-60: #6e6b67;
  --neutral-70: #787572;
  --neutral-80: #8c8986;
  --neutral-90: #c8c5c2;
  --neutral-95: #e1dfdc;
  --neutral-98: #f5f4f2;
  --neutral-99: #fcfbfa;
  --neutral-100: #ffffff;
  --neutral-variant-0: #000000;
  --neutral-variant-5: #111111;
  --neutral-variant-10: #1c1c1c;
  --neutral-variant-20: #313131;
  --neutral-variant-30: #484848;
  --neutral-variant-40: #606060;
  --neutral-variant-50: #797979;
  --neutral-variant-60: #939393;
  --neutral-variant-70: #a8a8a8;
  --neutral-variant-80: #bfbfbf;
  --neutral-variant-90: #dedede;
  --neutral-variant-95: #e6e6e6;
  --neutral-variant-98: #f2f2f2;
  --neutral-variant-99: #fafafa;
  --neutral-variant-100: #ffffff;
  --terracotta-0: #000000;
  --terracotta-5: #2b0100;
  --terracotta-10: #3f0300;
  --terracotta-20: #660700;
  --terracotta-30: #881f0f;
  --terracotta-40: #a93724;
  --terracotta-50: #ca4f3a;
  --terracotta-60: #ec6750;
  --terracotta-70: #ff8a75;
  --terracotta-80: #ffb4a6;
  --terracotta-90: #ffdad4;
  --terracotta-95: #ffede9;
  --terracotta-98: #fff8f6;
  --terracotta-99: #fffcfb;
  --terracotta-100: #ffffff;
  --ember-0: #000000;
  --ember-5: #230900;
  --ember-10: #341100;
  --ember-20: #552000;
  --ember-30: #793100;
  --ember-40: #9f4200;
  --ember-50: #c55505;
  --ember-60: #e76d24;
  --ember-70: #ff8d4e;
  --ember-80: #ffb692;
  --ember-90: #ffdbcb;
  --ember-95: #ffede6;
  --ember-98: #fff4f0;
  --ember-99: #fffcfb;
  --ember-100: #ffffff;
  --khaki-0: #000000;
  --khaki-5: #171000;
  --khaki-10: #241a00;
  --khaki-20: #3d2e00;
  --khaki-30: #584400;
  --khaki-40: #755b00;
  --khaki-50: #917312;
  --khaki-60: #ad8d2d;
  --khaki-70: #caa745;
  --khaki-80: #e8c25d;
  --khaki-90: #ffdf90;
  --khaki-95: #ffefcf;
  --khaki-98: #fff8eb;
  --khaki-99: #fffefb;
  --khaki-100: #ffffff;
  --olive-0: #000000;
  --olive-5: #0b1400;
  --olive-10: #131f00;
  --olive-20: #243600;
  --olive-30: #374e0b;
  --olive-40: #4e6622;
  --olive-50: #667f39;
  --olive-60: #7f9a50;
  --olive-70: #99b567;
  --olive-80: #b4d180;
  --olive-90: #d0ed99;
  --olive-95: #defca6;
  --olive-98: #f1ffd2;
  --olive-99: #f9ffe6;
  --olive-100: #ffffff;
  --teal-0: #000000;
  --teal-5: #00150f;
  --teal-10: #002018;
  --teal-20: #00382c;
  --teal-30: #005140;
  --teal-40: #006b56;
  --teal-50: #00876d;
  --teal-60: #30a286;
  --teal-70: #51bda0;
  --teal-80: #6fd9bb;
  --teal-90: #98f4d7;
  --teal-95: #b9ffe7;
  --teal-98: #e6fff4;
  --teal-99: #f3fff9;
  --teal-100: #ffffff;
  --cobalt-0: #000000;
  --cobalt-5: #000449;
  --cobalt-10: #000767;
  --cobalt-20: #182282;
  --cobalt-30: #323c99;
  --cobalt-40: #323c99;
  --cobalt-50: #646ece;
  --cobalt-60: #7e88ea;
  --cobalt-70: #9ba4ff;
  --cobalt-80: #bdc2ff;
  --cobalt-90: #dfe0ff;
  --cobalt-95: #f1efff;
  --cobalt-98: #fbf8ff;
  --cobalt-99: #fffbff;
  --cobalt-100: #ffffff;
  --berry-pink-0: #000000;
  --berry-pink-5: #2b0010;
  --berry-pink-10: #3f001a;
  --berry-pink-20: #610c2e;
  --berry-pink-30: #7e2544;
  --berry-pink-40: #9d3d5c;
  --berry-pink-50: #bb5574;
  --berry-pink-60: #db6e8e;
  --berry-pink-70: #fa88a8;
  --berry-pink-80: #ffb1c4;
  --berry-pink-90: #ffd9e0;
  --berry-pink-95: #ffecef;
  --berry-pink-98: #fff8f8;
  --berry-pink-99: #fffbff;
  --berry-pink-100: #ffffff;
  --lake-blue-0: #000000;
  --lake-blue-5: #001224;
  --lake-blue-10: #001d35;
  --lake-blue-20: #003256;
  --lake-blue-30: #00497a;
  --lake-blue-40: #266296;
  --lake-blue-50: #447bb0;
  --lake-blue-60: #5f95cc;
  --lake-blue-70: #7aafe8;
  --lake-blue-80: #9ccaff;
  --lake-blue-90: #d0e4ff;
  --lake-blue-95: #e9f1ff;
  --lake-blue-98: #f8f9ff;
  --lake-blue-99: #fdfcff;
  --lake-blue-100: #ffffff;
  --opacity-on-surface-10: #dbd9d729;
  --opacity-on-surface-20: #cccbca33;
  --opacity-on-surface-30: #bab8b633;
  --opacity-on-surface-40: #94928f33;
  --opacity-white-1: #ffffff03;
  --opacity-white-3: #ffffff08;
  --opacity-white-5: #ffffff0d;
  --opacity-white-8: #ffffff14;
  --opacity-white-12: #ffffff1f;
  --opacity-white-16: #ffffff29;
  --opacity-white-20: #ffffff33;
  --opacity-white-30: #ffffff4d;
  --opacity-white-40: #ffffff66;
  --opacity-white-50: #ffffff80;
  --opacity-white-60: #ffffff99;
  --opacity-white-70: #ffffffb2;
  --opacity-white-80: #ffffffcc;
  --opacity-white-90: #ffffffe5;
  --opacity-white-95: #fffffff2;
  --opacity-white-100: #ffffff;
  --opacity-black-1: #00000003;
  --opacity-black-3: #00000008;
  --opacity-black-5: #0000000d;
  --opacity-black-8: #00000014;
  --opacity-black-12: #0000001f;
  --opacity-black-16: #00000029;
  --opacity-black-20: #00000033;
  --opacity-black-30: #0000004d;
  --opacity-black-40: #00000066;
  --opacity-black-50: #00000080;
  --opacity-black-60: #00000099;
  --opacity-black-70: #000000b2;
  --opacity-black-80: #000000cc;
  --opacity-black-90: #000000e5;
  --opacity-black-95: #000000f2;
  --opacity-black-100: #000000;
  --alpha-black-1: #00000003;
  --alpha-black-3: #00000008;
  --alpha-black-5: #0000000d;
  --alpha-black-8: #00000014;
  --alpha-black-10: #0000001a;
  --alpha-black-20: #00000033;
  --alpha-black-30: #0000004d;
  --alpha-black-40: #00000066;
  --alpha-black-50: #00000080;
  --alpha-black-60: #00000099;
  --alpha-black-70: #000000b2;
  --alpha-black-75: #000000bf;
  --alpha-black-80: #000000cc;
  --alpha-black-90: #000000e5;
  --alpha-black-100: #000000;
  --alpha-white-1: #ffffff03;
  --alpha-white-3: #ffffff08;
  --alpha-white-5: #ffffff0d;
  --alpha-white-8: #ffffff14;
  --alpha-white-10: #ffffff1a;
  --alpha-white-20: #ffffff33;
  --alpha-white-30: #ffffff4d;
  --alpha-white-40: #ffffff66;
  --alpha-white-50: #ffffff80;
  --alpha-white-60: #ffffff99;
  --alpha-white-70: #ffffffb2;
  --alpha-white-75: #ffffffbf;
  --alpha-white-80: #ffffffcc;
  --alpha-white-90: #ffffffe5;
  --alpha-white-100: #ffffff;
  --background-normal-primary-default: var(--neutral-100);
  --background-normal-primary-hover: var(--neutral-98);
  --background-normal-primary-active: var(--neutral-95);
  --background-normal-secondary-default: var(--neutral-98);
  --background-normal-secondary-hover: var(--neutral-95);
  --background-normal-secondary-active: var(--neutral-90);
  --background-normal-tertiary-default: var(--neutral-100);
  --background-normal-tertiary-hover: var(--neutral-98);
  --background-normal-tertiary-active: var(--neutral-95);
  --background-neutral-primary-default: var(--neutral-98);
  --background-neutral-primary-hover: var(--neutral-95);
  --background-neutral-primary-active: var(--neutral-90);
  --background-neutral-secondary-default: var(--neutral-100);
  --background-neutral-secondary-hover: var(--neutral-98);
  --background-neutral-secondary-active: var(--neutral-95);
  --background-neutral-tertiary-default: var(--neutral-98);
  --background-neutral-tertiary-hover: var(--neutral-95);
  --background-neutral-tertiary-active: var(--neutral-90);
  --background-neutral-on-surface-default: var(--opacity-on-surface-10);
  --background-neutral-on-surface-hover: var(--opacity-on-surface-20);
  --background-neutral-on-surface-active: var(--opacity-on-surface-30);
  --background-neutral-on-surface-disabled: var(--opacity-on-surface-10);
  --background-neutral-on-surface-alt: var(--opacity-on-surface-40);
  --background-utilities-bolder: var(--neutral-5);
  --background-utilities-none: var(--basic-none);
  --background-utilities-overlay: var(--opacity-black-70);
  --background-utilities-static-white: var(--neutral-99);
  --background-utilities-static-black: var(--neutral-5);
  --background-brand-default: var(--pure-mauve-95);
  --background-brand_alt: var(--pure-mauve-95);
  --background-brand-subtle: var(--pure-mauve-98);
  --background-brand-hover: var(--pure-mauve-90);
  --background-brand-active: var(--pure-mauve-80);
  --background-brand-bolder: var(--pure-mauve-30);
  --background-critical-default: var(--terracotta-95);
  --background-critical-alt: var(--terracotta-95);
  --background-critical-subtle: var(--terracotta-98);
  --background-critical-hover: var(--terracotta-90);
  --background-critical-active: var(--terracotta-80);
  --background-critical-bolder: var(--terracotta-30);
  --background-warning-default: var(--khaki-95);
  --background-warning-alt: var(--khaki-95);
  --background-warning-subtle: var(--khaki-98);
  --background-warning-hover: var(--khaki-90);
  --background-warning-active: var(--khaki-80);
  --background-warning-bolder: var(--khaki-30);
  --background-success-default: var(--teal-98);
  --background-success-alt: var(--teal-98);
  --background-success-subtle: var(--teal-99);
  --background-success-hover: var(--teal-90);
  --background-success-active: var(--teal-80);
  --background-success-bolder: var(--teal-30);
  --background-info-default: var(--lake-blue-95);
  --background-info-alt: var(--lake-blue-95);
  --background-info-subtle: var(--lake-blue-98);
  --background-info-hovered: var(--lake-blue-90);
  --background-info-pressed: var(--lake-blue-80);
  --background-info-bolder: var(--lake-blue-30);
  --text-default: var(--neutral-5);
  --text-subtle: var(--neutral-30);
  --text-subtler: var(--neutral-50);
  --text-subtlest: var(--neutral-70);
  --text-disabled: var(--neutral-90);
  --text-bolder: var(--neutral-100);
  --text-static-white: var(--neutral-100);
  --text-static-black: var(--neutral-5);
  --text-brand-subtle: var(--pure-mauve-70);
  --text-brand-default: var(--pure-mauve-50);
  --text-brand-bolder: var(--pure-mauve-30);
  --text-critical-subtle: var(--terracotta-70);
  --text-critical-default: var(--terracotta-50);
  --text-critical-bolder: var(--terracotta-30);
  --text-warning-subtle: var(--khaki-70);
  --text-warning-default: var(--khaki-50);
  --text-warning-bolder: var(--khaki-30);
  --text-success-subtle: var(--teal-70);
  --text-success-default: var(--teal-50);
  --text-success-bolder: var(--teal-30);
  --foreground-default: var(--neutral-5);
  --foreground-subtle: var(--neutral-30);
  --foreground-subtler: var(--neutral-50);
  --foreground-subtlest: var(--neutral-70);
  --foreground-disabled: var(--neutral-90);
  --foreground-bolder: var(--neutral-100);
  --foreground-static-white: var(--neutral-100);
  --foreground-static-black: var(--neutral-5);
  --foreground-brand-subtle: var(--pure-mauve-70);
  --foreground-brand-default: var(--pure-mauve-50);
  --foreground-brand-bolder: var(--pure-mauve-30);
  --foreground-critical-subtle: var(--terracotta-70);
  --foreground-critical-default: var(--terracotta-50);
  --foreground-critical-bolder: var(--terracotta-30);
  --foreground-warning-subtle: var(--khaki-70);
  --foreground-warning-default: var(--khaki-60);
  --foreground-warning-bolder: var(--khaki-30);
  --foreground-success-subtle: var(--teal-70);
  --foreground-success-default: var(--teal-50);
  --foreground-success-bolder: var(--teal-30);
  --border: var(--neutral-95);
  --border-default: var(--neutral-95);
  --border-alt: var(--neutral-95);
  --border-hover: var(--neutral-90);
  --border-active: var(--neutral-80);
  --border-bolder: var(--neutral-5);
  --border-brand: var(--pure-mauve-50);
  --border-brand_alt: var(--pure-mauve-80);
  --border-critical: var(--terracotta-50);
  --border-success: var(--teal-50);
  --border-warning: var(--khaki-50);
  --border-opaque: var(--opacity-white-1);
  --border-static: var(--neutral-95);
  --beta-white-1: var(--opacity-white-1);
  --beta-white-3: var(--opacity-white-3);
  --beta-white-5: var(--opacity-white-5);
  --beta-white-8: var(--opacity-white-8);
  --beta-white-12: var(--opacity-white-12);
  --beta-white-16: var(--opacity-white-16);
  --beta-white-20: var(--opacity-white-20);
  --beta-white-30: var(--opacity-white-30);
  --beta-white-40: var(--opacity-white-40);
  --beta-white-50: var(--opacity-white-50);
  --beta-white-60: var(--opacity-white-60);
  --beta-white-70: var(--opacity-white-70);
  --beta-white-80: var(--opacity-white-80);
  --beta-white-90: var(--opacity-white-90);
  --beta-white-95: var(--opacity-white-95);
  --beta-white-100: var(--opacity-white-100);
  --beta-black-1: var(--opacity-black-1);
  --beta-black-3: var(--opacity-black-3);
  --beta-black-5: var(--opacity-black-5);
  --beta-black-8: var(--opacity-black-8);
  --beta-black-12: var(--opacity-black-12);
  --beta-black-16: var(--opacity-black-16);
  --beta-black-20: var(--opacity-black-20);
  --beta-black-30: var(--opacity-black-30);
  --beta-black-40: var(--opacity-black-40);
  --beta-black-50: var(--opacity-black-50);
  --beta-black-60: var(--opacity-black-60);
  --beta-black-70: var(--opacity-black-70);
  --beta-black-80: var(--opacity-black-80);
  --beta-black-90: var(--opacity-black-90);
  --beta-black-95: var(--opacity-black-95);
  --beta-black-100: var(--opacity-black-100);
  --utility-gray-5: var(--neutral-variant-98);
  --utility-gray-10: var(--neutral-variant-95);
  --utility-gray-20: var(--neutral-variant-90);
  --utility-gray-30: var(--neutral-variant-80);
  --utility-gray-40: var(--neutral-variant-70);
  --utility-gray-50: var(--neutral-variant-60);
  --utility-gray-60: var(--neutral-variant-50);
  --utility-gray-70: var(--neutral-variant-40);
  --utility-gray-80: var(--neutral-variant-30);
  --utility-olive-5: var(--olive-98);
  --utility-olive-10: var(--olive-95);
  --utility-olive-20: var(--olive-90);
  --utility-olive-30: var(--olive-80);
  --utility-olive-40: var(--olive-70);
  --utility-olive-50: var(--olive-60);
  --utility-olive-60: var(--olive-50);
  --utility-olive-70: var(--olive-40);
  --utility-olive-80: var(--olive-30);
  --utility-teal-5: var(--teal-98);
  --utility-teal-10: var(--teal-95);
  --utility-teal-20: var(--teal-90);
  --utility-teal-30: var(--teal-80);
  --utility-teal-40: var(--teal-70);
  --utility-teal-50: var(--teal-60);
  --utility-teal-60: var(--teal-50);
  --utility-teal-70: var(--teal-40);
  --utility-teal-80: var(--teal-30);
  --utility-lake-blue-5: var(--lake-blue-98);
  --utility-lake-blue-10: var(--lake-blue-95);
  --utility-lake-blue-20: var(--lake-blue-90);
  --utility-lake-blue-30: var(--lake-blue-80);
  --utility-lake-blue-40: var(--lake-blue-70);
  --utility-lake-blue-50: var(--lake-blue-60);
  --utility-lake-blue-60: var(--lake-blue-50);
  --utility-lake-blue-70: var(--lake-blue-40);
  --utility-lake-blue-80: var(--lake-blue-30);
  --utility-cobalt-5: var(--cobalt-98);
  --utility-cobalt-10: var(--cobalt-95);
  --utility-cobalt-20: var(--cobalt-90);
  --utility-cobalt-30: var(--cobalt-80);
  --utility-cobalt-40: var(--cobalt-70);
  --utility-cobalt-50: var(--cobalt-60);
  --utility-cobalt-60: var(--cobalt-50);
  --utility-cobalt-70: var(--cobalt-40);
  --utility-cobalt-80: var(--cobalt-30);
  --utility-berry-pink-5: var(--berry-pink-98);
  --utility-berry-pink-10: var(--berry-pink-95);
  --utility-berry-pink-20: var(--berry-pink-90);
  --utility-berry-pink-30: var(--berry-pink-80);
  --utility-berry-pink-40: var(--berry-pink-70);
  --utility-berry-pink-50: var(--berry-pink-60);
  --utility-berry-pink-60: var(--berry-pink-50);
  --utility-berry-pink-70: var(--berry-pink-40);
  --utility-berry-pink-80: var(--berry-pink-30);
  --utility-terracotta-5: var(--terracotta-98);
  --utility-terracotta-10: var(--terracotta-95);
  --utility-terracotta-20: var(--terracotta-90);
  --utility-terracotta-30: var(--terracotta-80);
  --utility-terracotta-40: var(--terracotta-70);
  --utility-terracotta-50: var(--terracotta-60);
  --utility-terracotta-60: var(--terracotta-50);
  --utility-terracotta-70: var(--terracotta-40);
  --utility-terracotta-80: var(--terracotta-30);
  --utility-ember-5: var(--ember-98);
  --utility-ember-10: var(--ember-95);
  --utility-ember-20: var(--ember-90);
  --utility-ember-30: var(--ember-80);
  --utility-ember-40: var(--ember-70);
  --utility-ember-50: var(--ember-60);
  --utility-ember-60: var(--ember-50);
  --utility-ember-70: var(--ember-40);
  --utility-ember-80: var(--ember-30);
  --utility-khaki-5: var(--khaki-98);
  --utility-khaki-10: var(--khaki-95);
  --utility-khaki-20: var(--khaki-90);
  --utility-khaki-30: var(--khaki-80);
  --utility-khaki-40: var(--khaki-70);
  --utility-khaki-50: var(--khaki-60);
  --utility-khaki-60: var(--khaki-50);
  --utility-khaki-70: var(--khaki-40);
  --utility-khaki-80: var(--khaki-30);
  --utility-purple-5: var(--pure-mauve-99);
  --utility-purple-10: var(--pure-mauve-98);
  --utility-purple-20: var(--pure-mauve-95);
  --utility-purple-30: var(--pure-mauve-90);
  --utility-purple-40: var(--pure-mauve-80);
  --utility-purple-50: var(--pure-mauve-70);
  --utility-purple-60: var(--pure-mauve-60);
  --utility-purple-70: var(--pure-mauve-50);
  --utility-purple-80: var(--pure-mauve-40);
  --icon-featured-icon-fg_info: var(--lake-blue-50);
  --icon-featured-icon-fg_success: var(--teal-50);
  --icon-featured-icon-fg_warning: var(--khaki-60);
  --icon-featured-icon-fg_error: var(--terracotta-50);
  --button-brand-fg_default: var(--pure-mauve-5);
  --button-brand-fg_alt: var(--pure-mauve-80);
  --button-brand-bg_default: var(--pure-mauve-95);
  --button-brand-bg_hover: var(--pure-mauve-80);
  --button-brand-bg_active: var(--pure-mauve-70);
  --button-brand-bg_disabled: var(--pure-mauve-98);
  --button-primary-fg_default: var(--neutral-100);
  --button-primary-fg_alt: var(--opacity-white-90);
  --button-primary-bg_default: var(--neutral-5);
  --button-primary-bg_hover: var(--neutral-30);
  --button-primary-bg_active: var(--neutral-40);
  --button-primary-bg_disabled: var(--opacity-black-30);
  --button-secondary-fg_default: var(--neutral-5);
  --button-secondary-fg_alt: var(--neutral-90);
  --button-secondary-bg_default: var(--basic-none);
  --button-secondary-bg_hover: var(--opacity-on-surface-20);
  --button-secondary-bg_active: var(--opacity-on-surface-30);
  --button-secondary-border_default: var(--neutral-5);
  --button-secondary-border_disabled: var(--opacity-on-surface-40);
  --button-tertiary-fg_default: var(--neutral-5);
  --button-tertiary-fg_alt: var(--neutral-90);
  --button-tertiary-bg_default: var(--opacity-on-surface-10);
  --button-tertiary-bg_hover: var(--opacity-on-surface-20);
  --button-tertiary-bg_active: var(--opacity-on-surface-30);
  --button-tertiary-border: var(--opacity-on-surface-40);
  --button-tertiary-border_alt: var(--opacity-on-surface-40);
  --button-plain-fg_default: var(--neutral-5);
  --button-plain-fg_alt: var(--neutral-90);
  --button-plain-bg_default: var(--basic-none);
  --button-plain-bg_hover: var(--opacity-on-surface-20);
  --button-plain-bg_active: var(--opacity-on-surface-30);
  --button-plain-gray-fg_default: var(--neutral-40);
  --button-plain-gray-fg_alt: var(--neutral-90);
  --button-plain-gray-bg_default: var(--basic-none);
  --button-plain-gray-bg_hover: var(--opacity-on-surface-20);
  --button-plain-gray-bg_active: var(--opacity-on-surface-30);
  --button-error-primary-fg_default: var(--terracotta-100);
  --button-error-primary-fg_alt: var(--neutral-90);
  --button-error-primary-bg_default: var(--terracotta-50);
  --button-error-primary-bg_hover: var(--terracotta-40);
  --button-error-primary-bg_active: var(--terracotta-30);
  --button-error-primary-bg_disabled: var(--neutral-98);
  --button-error-primary-bg_loading: var(--terracotta-90);
  --button-error-secondary-fg_default: var(--terracotta-50);
  --button-error-secondary-fg_alt: var(--neutral-90);
  --button-error-secondary-bg_default: var(--terracotta-98);
  --button-error-secondary-bg_hover: var(--terracotta-90);
  --button-error-secondary-bg_active: var(--terracotta-80);
  --button-error-secondary-bg_disabled: var(--terracotta-100);
  --button-error-secondary-border_default: var(--terracotta-50);
  --button-error-secondary-border_disabled: var(--opacity-on-surface-40);
  --icon-button-brand-fg_default: var(--pure-mauve-5);
  --icon-button-brand-fg_alt: var(--pure-mauve-80);
  --icon-button-brand-bg_default: var(--pure-mauve-95);
  --icon-button-brand-bg_hover: var(--pure-mauve-80);
  --icon-button-brand-bg_active: var(--pure-mauve-70);
  --icon-button-brand-bg_disabled: var(--pure-mauve-98);
  --link-button-primary-fg_default: var(--neutral-variant-5);
  --link-button-primary-fg_hover: var(--neutral-variant-40);
  --link-button-primary-fg_active: var(--neutral-variant-60);
  --link-button-primary-fg_disabled: var(--neutral-variant-80);
  --link-button-primary-bg_default: var(--basic-none);
  --link-button-secondary-fg_default: var(--neutral-variant-30);
  --link-button-secondary-fg_hover: var(--neutral-variant-50);
  --link-button-secondary-fg_active: var(--neutral-variant-70);
  --link-button-secondary-fg_disabled: var(--neutral-variant-80);
  --link-button-secondary-bg_default: var(--basic-none);
  --tooltip-fg_default: var(--neutral-variant-100);
  --tooltip-fg_subtle: var(--neutral-variant-80);
  --tooltip-bg_default: var(--neutral-variant-10);
  --tooltip-border: var(--basic-none);
  --tabbar-fg_default: var(--neutral-60);
  --tabbar-fg_alt: var(--neutral-70);
  --tabbar-fg_bolder: var(--neutral-5);
  --tabbar-fg_disabled: var(--neutral-90);
  --tabbar-bg_default: var(--neutral-99);
  --tabbar-bg_select: var(--neutral-variant-100);
  --tabbar-border: var(--neutral-5);
  --tabbar-border_disabled: var(--neutral-95);
  --energy-fg_default: var(--khaki-40);
  --energy-bg_default: var(--khaki-99);
  --energy-bg_alt: var(--khaki-95);
  --energy-bg_on: var(--khaki-90);
  --energy-border: var(--khaki-80);
  --input-bg_default: var(--opacity-on-surface-10);
  --input-bg_hover: var(--opacity-on-surface-20);
  --input-bg_disabled: var(--opacity-on-surface-10);
  --input-border: var(--opacity-on-surface-40);
  --search-bar-bg_default: var(--opacity-on-surface-10);
  --search-bar-bg_hover: var(--opacity-on-surface-20);
  --search-bar-border: var(--opacity-on-surface-40);
  --shadows-surface-default: var(--opacity-black-12);
  --shadows-surface-bolder: var(--opacity-black-3);
  --shadows-modal-default-bolder: var(--opacity-black-12);
  --focus-ring-brand: var(--pure-mauve-10);
  --focus-rings-brand: var(--pure-mauve-10);
  --focus-ring-error: var(--terracotta-50);
  --focus-rings-error: var(--terracotta-50);
  --chat-tips-fg_info: var(--pure-mauve-50);
  --chat-tips-bg_info: var(--pure-mauve-99);
  --chat-tips-border_info: var(--pure-mauve-90);
  --chat-tips-fg_alert: var(--khaki-70);
  --chat-tips-bg_alert: var(--khaki-98);
  --chat-tips-button_alert: var(--khaki-90);
  --chat-tips-border_alert: var(--khaki-90);
  --chat-tips-fg_error: var(--terracotta-50);
  --chat-tips-bg_error: var(--terracotta-98);
  --chat-tips-border_error: var(--terracotta-90);
  --check-box-fg_default: var(--neutral-100);
  --check-box-fg_alt: var(--neutral-90);
  --check-box-border: var(--neutral-90);
  --check-box-border_hover: var(--neutral-80);
  --check-box-border_disabled: var(--neutral-98);
  --check-box-bg_default: var(--neutral-5);
  --check-box-bg_hover: var(--neutral-30);
  --check-box-bg_disabled: var(--neutral-98);
  --switch-fg_default: var(--neutral-variant-100);
  --switch-fg_on: var(--neutral-variant-100);
  --switch-fg_disabled: var(--opacity-white-60);
  --switch-bg_default: var(--neutral-variant-80);
  --switch-bg_on: var(--neutral-variant-5);
  --switch-bg_disabled: var(--neutral-variant-98);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.invisible {
  visibility: hidden;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.left-0\.5 {
  left: 0.125rem;
}

.top-3 {
  top: 0.75rem;
}

.float-right {
  float: right;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.h-4\.5 {
  height: 1.125rem;
}

.h-6 {
  height: 1.5rem;
}

.h-\[28px\] {
  height: 28px;
}

.h-\[68px\] {
  height: 68px;
}

.h-\[76px\] {
  height: 76px;
}

.max-h-\[90\%\] {
  max-height: 90%;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-4 {
  width: 1rem;
}

.w-6 {
  width: 1.5rem;
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-\[92px\] {
  min-width: 92px;
}

.max-w-\[90\%\] {
  max-width: 90%;
}

.max-w-full {
  max-width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.break-all {
  word-break: break-all;
}

.\!rounded-none {
  border-radius: var(--primitives-none) !important;
}

.rounded-lg {
  border-radius: var(--primitives-2);
}

.rounded-xl {
  border-radius: var(--primitives-3);
}

.\!border {
  border-width: 1px !important;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-\[0\.3px\] {
  border-bottom-width: 0.3px;
}

.\!border-critical {
  border-color: var(--border-critical) !important;
}

.\!border-warning {
  border-color: var(--border-warning) !important;
}

.border-default {
  border-color: var(--border-default);
}

.\!bg-critical-default {
  background-color: var(--background-critical-default) !important;
}

.\!bg-warning-default {
  background-color: var(--background-warning-default) !important;
}

.bg-button-plain-gray-bg_active {
  background-color: var(--button-plain-gray-bg_active);
}

.bg-normal-primary-default {
  background-color: var(--background-normal-primary-default);
}

.bg-normal-primary-hover {
  background-color: var(--background-normal-primary-hover);
}

.bg-normal-secondary-default {
  background-color: var(--background-normal-secondary-default);
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.text-left {
  text-align: left;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-default {
  color: var(--text-default);
}

.text-subtle {
  color: var(--text-subtle);
}

.text-subtler {
  color: var(--text-subtler);
}

.text-subtlest {
  color: var(--text-subtlest);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.shadow-surface-default {
  --tw-shadow: 0px 0px 4px 0px var(--shadows-surface-default);
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: var(--shadows-surface-default);
  --tw-shadow: var(--tw-shadow-colored);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-brand:focus-visible {
  --tw-ring-color: var(--focus-rings-brand);
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

@media (hover: hover) and (pointer: fine) {
  .group\/title:hover .group-hover\/title\:visible {
    visibility: visible;
  }

  .group\/block:hover .group-hover\/block\:opacity-100 {
    opacity: 1;
  }

  .group\/card:hover .group-hover\/card\:opacity-100 {
    opacity: 1;
  }

  .group\/control:hover .group-hover\/control\:opacity-100 {
    opacity: 1;
  }

  .group\/menu:hover .group-hover\/menu\:opacity-100 {
    opacity: 1;
  }
}

.aria-\[invalid\=true\]\:border-critical[aria-invalid="true"] {
  border-color: var(--border-critical);
}

@media (hover: hover) and (pointer: fine) {
  .aria-\[invalid\=true\]\:hover\:bg-utility-terracotta-5:hover[aria-invalid="true"] {
    background-color: var(--utility-terracotta-5);
  }
}

.aria-\[invalid\=true\]\:focus-visible\:ring-error:focus-visible[aria-invalid="true"] {
  --tw-ring-color: var(--focus-rings-error);
}