/*
! 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: currentColor; /* 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: Figtree Variable, 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;
}

*, ::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:  ;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 480px) {

  .container {
    max-width: 480px;
  }
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1400px) {

  .container {
    max-width: 1400px;
  }
}
:root {
  --made-with-panda: '🐼';
  --colors-accent-1: var(--colors-teal-1);
  --colors-accent-a1: var(--colors-teal-a1);
  --colors-accent-2: var(--colors-teal-2);
  --colors-accent-a2: var(--colors-teal-a2);
  --colors-accent-3: var(--colors-teal-3);
  --colors-accent-a3: var(--colors-teal-a3);
  --colors-accent-4: var(--colors-teal-4);
  --colors-accent-a4: var(--colors-teal-a4);
  --colors-accent-5: var(--colors-teal-5);
  --colors-accent-a5: var(--colors-teal-a5);
  --colors-accent-6: var(--colors-teal-6);
  --colors-accent-a6: var(--colors-teal-a6);
  --colors-accent-7: var(--colors-teal-7);
  --colors-accent-a7: var(--colors-teal-a7);
  --colors-accent-8: var(--colors-teal-8);
  --colors-accent-a8: var(--colors-teal-a8);
  --colors-accent-9: var(--colors-teal-9);
  --colors-accent-a9: var(--colors-teal-a9);
  --colors-accent-10: var(--colors-teal-10);
  --colors-accent-a10: var(--colors-teal-a10);
  --colors-accent-11: var(--colors-teal-11);
  --colors-accent-a11: var(--colors-teal-a11);
  --colors-accent-12: var(--colors-teal-12);
  --colors-accent-a12: var(--colors-teal-a12);
  --colors-gray-1: var(--colors-slate-1);
  --colors-gray-a1: var(--colors-slate-a1);
  --colors-gray-2: var(--colors-slate-2);
  --colors-gray-a2: var(--colors-slate-a2);
  --colors-gray-3: var(--colors-slate-3);
  --colors-gray-a3: var(--colors-slate-a3);
  --colors-gray-4: var(--colors-slate-4);
  --colors-gray-a4: var(--colors-slate-a4);
  --colors-gray-5: var(--colors-slate-5);
  --colors-gray-a5: var(--colors-slate-a5);
  --colors-gray-6: var(--colors-slate-6);
  --colors-gray-a6: var(--colors-slate-a6);
  --colors-gray-7: var(--colors-slate-7);
  --colors-gray-a7: var(--colors-slate-a7);
  --colors-gray-8: var(--colors-slate-8);
  --colors-gray-a8: var(--colors-slate-a8);
  --colors-gray-9: var(--colors-slate-9);
  --colors-gray-a9: var(--colors-slate-a9);
  --colors-gray-10: var(--colors-slate-10);
  --colors-gray-a10: var(--colors-slate-a10);
  --colors-gray-11: var(--colors-slate-11);
  --colors-gray-a11: var(--colors-slate-a11);
  --colors-gray-12: var(--colors-slate-12);
  --colors-gray-a12: var(--colors-slate-a12);
  --colors-accent-fg: var(--colors-white);
  --colors-accent-default: var(--colors-accent-9);
  --colors-accent-emphasized: var(--colors-accent-10);
  --colors-accent-text: var(--colors-accent-a11);
  --radii-l1: var(--radii-md);
  --radii-l2: var(--radii-lg);
  --radii-l3: var(--radii-xl);
}
*,*::before,*::after,::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:   ;
  --scroll-snap-strictness: proximity;
  --border-spacing-x: 0;
  --border-spacing-y: 0;
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
}
html {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}
body {
  background: var(--colors-bg-canvas);
  color: var(--colors-fg-default);
}
body.dark,.dark body {
  color-scheme: dark;
}
*,*::before,*::after {
  box-sizing: border-box;
  border-color: var(--colors-border-subtle);
  border-style: solid;
}
*::-moz-placeholder {
  opacity: 1;
  color: var(--colors-fg-subtle);
}
*::placeholder {
  opacity: 1;
  color: var(--colors-fg-subtle);
}
*::-moz-selection {
  background: var(--colors-accent-a4);
}
*::selection {
  background: var(--colors-accent-a4);
}
:where(:root, :host) {
  --animations-backdrop-in: fade-in 250ms var(--easings-emphasized-in);
  --animations-backdrop-out: fade-out 200ms var(--easings-emphasized-out);
  --animations-dialog-in: slide-in 400ms var(--easings-emphasized-in);
  --animations-dialog-out: slide-out 200ms var(--easings-emphasized-out);
  --animations-drawer-in-left: slide-in-left 400ms var(--easings-emphasized-in);
  --animations-drawer-out-left: slide-out-left 200ms var(--easings-emphasized-out);
  --animations-drawer-in-right: slide-in-right 400ms var(--easings-emphasized-in);
  --animations-drawer-out-right: slide-out-right 200ms var(--easings-emphasized-out);
  --animations-skeleton-pulse: skeleton-pulse 2s var(--easings-pulse) infinite;
  --animations-fade-in: fade-in 400ms var(--easings-emphasized-in);
  --animations-collapse-in: collapse-in 250ms var(--easings-emphasized-in);
  --animations-collapse-out: collapse-out 200ms var(--easings-emphasized-out);
  --blurs-sm: 4px;
  --blurs-base: 8px;
  --blurs-md: 12px;
  --blurs-lg: 16px;
  --blurs-xl: 24px;
  --blurs-2xl: 40px;
  --blurs-3xl: 64px;
  --borders-none: none;
  --colors-current: currentColor;
  --colors-black: #000000;
  --colors-black-a1: rgba(0, 0, 0, 0.05);
  --colors-black-a2: rgba(0, 0, 0, 0.1);
  --colors-black-a3: rgba(0, 0, 0, 0.15);
  --colors-black-a4: rgba(0, 0, 0, 0.2);
  --colors-black-a5: rgba(0, 0, 0, 0.3);
  --colors-black-a6: rgba(0, 0, 0, 0.4);
  --colors-black-a7: rgba(0, 0, 0, 0.5);
  --colors-black-a8: rgba(0, 0, 0, 0.6);
  --colors-black-a9: rgba(0, 0, 0, 0.7);
  --colors-black-a10: rgba(0, 0, 0, 0.8);
  --colors-black-a11: rgba(0, 0, 0, 0.9);
  --colors-black-a12: rgba(0, 0, 0, 0.95);
  --colors-white: #ffffff;
  --colors-white-a1: rgba(255, 255, 255, 0.05);
  --colors-white-a2: rgba(255, 255, 255, 0.1);
  --colors-white-a3: rgba(255, 255, 255, 0.15);
  --colors-white-a4: rgba(255, 255, 255, 0.2);
  --colors-white-a5: rgba(255, 255, 255, 0.3);
  --colors-white-a6: rgba(255, 255, 255, 0.4);
  --colors-white-a7: rgba(255, 255, 255, 0.5);
  --colors-white-a8: rgba(255, 255, 255, 0.6);
  --colors-white-a9: rgba(255, 255, 255, 0.7);
  --colors-white-a10: rgba(255, 255, 255, 0.8);
  --colors-white-a11: rgba(255, 255, 255, 0.9);
  --colors-white-a12: rgba(255, 255, 255, 0.95);
  --colors-transparent: rgb(0 0 0 / 0);
  --colors-amber-light-1: #fefdfb;
  --colors-amber-light-2: #fefbe9;
  --colors-amber-light-3: #fff7c2;
  --colors-amber-light-4: #ffee9c;
  --colors-amber-light-5: #fbe577;
  --colors-amber-light-6: #f3d673;
  --colors-amber-light-7: #e9c162;
  --colors-amber-light-8: #e2a336;
  --colors-amber-light-9: #ffc53d;
  --colors-amber-light-10: #ffba18;
  --colors-amber-light-11: #ab6400;
  --colors-amber-light-12: #4f3422;
  --colors-amber-light-a1: #c0800004;
  --colors-amber-light-a2: #f4d10016;
  --colors-amber-light-a3: #ffde003d;
  --colors-amber-light-a4: #ffd40063;
  --colors-amber-light-a5: #f8cf0088;
  --colors-amber-light-a6: #eab5008c;
  --colors-amber-light-a7: #dc9b009d;
  --colors-amber-light-a8: #da8a00c9;
  --colors-amber-light-a9: #ffb300c2;
  --colors-amber-light-a10: #ffb300e7;
  --colors-amber-light-a11: #ab6400;
  --colors-amber-light-a12: #341500dd;
  --colors-amber-dark-1: #16120c;
  --colors-amber-dark-2: #1d180f;
  --colors-amber-dark-3: #302008;
  --colors-amber-dark-4: #3f2700;
  --colors-amber-dark-5: #4d3000;
  --colors-amber-dark-6: #5c3d05;
  --colors-amber-dark-7: #714f19;
  --colors-amber-dark-8: #8f6424;
  --colors-amber-dark-9: #ffc53d;
  --colors-amber-dark-10: #ffd60a;
  --colors-amber-dark-11: #ffca16;
  --colors-amber-dark-12: #ffe7b3;
  --colors-amber-dark-a1: #e63c0006;
  --colors-amber-dark-a2: #fd9b000d;
  --colors-amber-dark-a3: #fa820022;
  --colors-amber-dark-a4: #fc820032;
  --colors-amber-dark-a5: #fd8b0041;
  --colors-amber-dark-a6: #fd9b0051;
  --colors-amber-dark-a7: #ffab2567;
  --colors-amber-dark-a8: #ffae3587;
  --colors-amber-dark-a9: #ffc53d;
  --colors-amber-dark-a10: #ffd60a;
  --colors-amber-dark-a11: #ffca16;
  --colors-amber-dark-a12: #ffe7b3;
  --colors-blue-light-1: #fbfdff;
  --colors-blue-light-2: #f4faff;
  --colors-blue-light-3: #e6f4fe;
  --colors-blue-light-4: #d5efff;
  --colors-blue-light-5: #c2e5ff;
  --colors-blue-light-6: #acd8fc;
  --colors-blue-light-7: #8ec8f6;
  --colors-blue-light-8: #5eb1ef;
  --colors-blue-light-9: #0090ff;
  --colors-blue-light-10: #0588f0;
  --colors-blue-light-11: #0d74ce;
  --colors-blue-light-12: #113264;
  --colors-blue-light-a1: #0080ff04;
  --colors-blue-light-a2: #008cff0b;
  --colors-blue-light-a3: #008ff519;
  --colors-blue-light-a4: #009eff2a;
  --colors-blue-light-a5: #0093ff3d;
  --colors-blue-light-a6: #0088f653;
  --colors-blue-light-a7: #0083eb71;
  --colors-blue-light-a8: #0084e6a1;
  --colors-blue-light-a9: #0090ff;
  --colors-blue-light-a10: #0086f0fa;
  --colors-blue-light-a11: #006dcbf2;
  --colors-blue-light-a12: #002359ee;
  --colors-blue-dark-1: #0d1520;
  --colors-blue-dark-2: #111927;
  --colors-blue-dark-3: #0d2847;
  --colors-blue-dark-4: #003362;
  --colors-blue-dark-5: #004074;
  --colors-blue-dark-6: #104d87;
  --colors-blue-dark-7: #205d9e;
  --colors-blue-dark-8: #2870bd;
  --colors-blue-dark-9: #0090ff;
  --colors-blue-dark-10: #3b9eff;
  --colors-blue-dark-11: #70b8ff;
  --colors-blue-dark-12: #c2e6ff;
  --colors-blue-dark-a1: #004df211;
  --colors-blue-dark-a2: #1166fb18;
  --colors-blue-dark-a3: #0077ff3a;
  --colors-blue-dark-a4: #0075ff57;
  --colors-blue-dark-a5: #0081fd6b;
  --colors-blue-dark-a6: #0f89fd7f;
  --colors-blue-dark-a7: #2a91fe98;
  --colors-blue-dark-a8: #3094feb9;
  --colors-blue-dark-a9: #0090ff;
  --colors-blue-dark-a10: #3b9eff;
  --colors-blue-dark-a11: #70b8ff;
  --colors-blue-dark-a12: #c2e6ff;
  --colors-bronze-light-1: #fdfcfc;
  --colors-bronze-light-2: #fdf7f5;
  --colors-bronze-light-3: #f6edea;
  --colors-bronze-light-4: #efe4df;
  --colors-bronze-light-5: #e7d9d3;
  --colors-bronze-light-6: #dfcdc5;
  --colors-bronze-light-7: #d3bcb3;
  --colors-bronze-light-8: #c2a499;
  --colors-bronze-light-9: #a18072;
  --colors-bronze-light-10: #957468;
  --colors-bronze-light-11: #7d5e54;
  --colors-bronze-light-12: #43302b;
  --colors-bronze-light-a1: #55000003;
  --colors-bronze-light-a2: #cc33000a;
  --colors-bronze-light-a3: #92250015;
  --colors-bronze-light-a4: #80280020;
  --colors-bronze-light-a5: #7423002c;
  --colors-bronze-light-a6: #7324003a;
  --colors-bronze-light-a7: #6c1f004c;
  --colors-bronze-light-a8: #671c0066;
  --colors-bronze-light-a9: #551a008d;
  --colors-bronze-light-a10: #4c150097;
  --colors-bronze-light-a11: #3d0f00ab;
  --colors-bronze-light-a12: #1d0600d4;
  --colors-bronze-dark-1: #141110;
  --colors-bronze-dark-2: #1c1917;
  --colors-bronze-dark-3: #262220;
  --colors-bronze-dark-4: #302a27;
  --colors-bronze-dark-5: #3b3330;
  --colors-bronze-dark-6: #493e3a;
  --colors-bronze-dark-7: #5a4c47;
  --colors-bronze-dark-8: #6f5f58;
  --colors-bronze-dark-9: #a18072;
  --colors-bronze-dark-10: #ae8c7e;
  --colors-bronze-dark-11: #d4b3a5;
  --colors-bronze-dark-12: #ede0d9;
  --colors-bronze-dark-a1: #d1110004;
  --colors-bronze-dark-a2: #fbbc910c;
  --colors-bronze-dark-a3: #faceb817;
  --colors-bronze-dark-a4: #facdb622;
  --colors-bronze-dark-a5: #ffd2c12d;
  --colors-bronze-dark-a6: #ffd1c03c;
  --colors-bronze-dark-a7: #fdd0c04f;
  --colors-bronze-dark-a8: #ffd6c565;
  --colors-bronze-dark-a9: #fec7b09b;
  --colors-bronze-dark-a10: #fecab5a9;
  --colors-bronze-dark-a11: #ffd7c6d1;
  --colors-bronze-dark-a12: #fff1e9ec;
  --colors-brown-light-1: #fefdfc;
  --colors-brown-light-2: #fcf9f6;
  --colors-brown-light-3: #f6eee7;
  --colors-brown-light-4: #f0e4d9;
  --colors-brown-light-5: #ebdaca;
  --colors-brown-light-6: #e4cdb7;
  --colors-brown-light-7: #dcbc9f;
  --colors-brown-light-8: #cea37e;
  --colors-brown-light-9: #ad7f58;
  --colors-brown-light-10: #a07553;
  --colors-brown-light-11: #815e46;
  --colors-brown-light-12: #3e332e;
  --colors-brown-light-a1: #aa550003;
  --colors-brown-light-a2: #aa550009;
  --colors-brown-light-a3: #a04b0018;
  --colors-brown-light-a4: #9b4a0026;
  --colors-brown-light-a5: #9f4d0035;
  --colors-brown-light-a6: #a04e0048;
  --colors-brown-light-a7: #a34e0060;
  --colors-brown-light-a8: #9f4a0081;
  --colors-brown-light-a9: #823c00a7;
  --colors-brown-light-a10: #723300ac;
  --colors-brown-light-a11: #522100b9;
  --colors-brown-light-a12: #140600d1;
  --colors-brown-dark-1: #12110f;
  --colors-brown-dark-2: #1c1816;
  --colors-brown-dark-3: #28211d;
  --colors-brown-dark-4: #322922;
  --colors-brown-dark-5: #3e3128;
  --colors-brown-dark-6: #4d3c2f;
  --colors-brown-dark-7: #614a39;
  --colors-brown-dark-8: #7c5f46;
  --colors-brown-dark-9: #ad7f58;
  --colors-brown-dark-10: #b88c67;
  --colors-brown-dark-11: #dbb594;
  --colors-brown-dark-12: #f2e1ca;
  --colors-brown-dark-a1: #91110002;
  --colors-brown-dark-a2: #fba67c0c;
  --colors-brown-dark-a3: #fcb58c19;
  --colors-brown-dark-a4: #fbbb8a24;
  --colors-brown-dark-a5: #fcb88931;
  --colors-brown-dark-a6: #fdba8741;
  --colors-brown-dark-a7: #ffbb8856;
  --colors-brown-dark-a8: #ffbe8773;
  --colors-brown-dark-a9: #feb87da8;
  --colors-brown-dark-a10: #ffc18cb3;
  --colors-brown-dark-a11: #fed1aad9;
  --colors-brown-dark-a12: #feecd4f2;
  --colors-crimson-light-1: #fffcfd;
  --colors-crimson-light-2: #fef7f9;
  --colors-crimson-light-3: #ffe9f0;
  --colors-crimson-light-4: #fedce7;
  --colors-crimson-light-5: #facedd;
  --colors-crimson-light-6: #f3bed1;
  --colors-crimson-light-7: #eaacc3;
  --colors-crimson-light-8: #e093b2;
  --colors-crimson-light-9: #e93d82;
  --colors-crimson-light-10: #df3478;
  --colors-crimson-light-11: #cb1d63;
  --colors-crimson-light-12: #621639;
  --colors-crimson-light-a1: #ff005503;
  --colors-crimson-light-a2: #e0004008;
  --colors-crimson-light-a3: #ff005216;
  --colors-crimson-light-a4: #f8005123;
  --colors-crimson-light-a5: #e5004f31;
  --colors-crimson-light-a6: #d0004b41;
  --colors-crimson-light-a7: #bf004753;
  --colors-crimson-light-a8: #b6004a6c;
  --colors-crimson-light-a9: #e2005bc2;
  --colors-crimson-light-a10: #d70056cb;
  --colors-crimson-light-a11: #c4004fe2;
  --colors-crimson-light-a12: #530026e9;
  --colors-crimson-dark-1: #191114;
  --colors-crimson-dark-2: #201318;
  --colors-crimson-dark-3: #381525;
  --colors-crimson-dark-4: #4d122f;
  --colors-crimson-dark-5: #5c1839;
  --colors-crimson-dark-6: #6d2545;
  --colors-crimson-dark-7: #873356;
  --colors-crimson-dark-8: #b0436e;
  --colors-crimson-dark-9: #e93d82;
  --colors-crimson-dark-10: #ee518a;
  --colors-crimson-dark-11: #ff92ad;
  --colors-crimson-dark-12: #fdd3e8;
  --colors-crimson-dark-a1: #f4126709;
  --colors-crimson-dark-a2: #f22f7a11;
  --colors-crimson-dark-a3: #fe2a8b2a;
  --colors-crimson-dark-a4: #fd158741;
  --colors-crimson-dark-a5: #fd278f51;
  --colors-crimson-dark-a6: #fe459763;
  --colors-crimson-dark-a7: #fd559b7f;
  --colors-crimson-dark-a8: #fe5b9bab;
  --colors-crimson-dark-a9: #fe418de8;
  --colors-crimson-dark-a10: #ff5693ed;
  --colors-crimson-dark-a11: #ff92ad;
  --colors-crimson-dark-a12: #ffd5eafd;
  --colors-cyan-light-1: #fafdfe;
  --colors-cyan-light-2: #f2fafb;
  --colors-cyan-light-3: #def7f9;
  --colors-cyan-light-4: #caf1f6;
  --colors-cyan-light-5: #b5e9f0;
  --colors-cyan-light-6: #9ddde7;
  --colors-cyan-light-7: #7dcedc;
  --colors-cyan-light-8: #3db9cf;
  --colors-cyan-light-9: #00a2c7;
  --colors-cyan-light-10: #0797b9;
  --colors-cyan-light-11: #107d98;
  --colors-cyan-light-12: #0d3c48;
  --colors-cyan-light-a1: #0099cc05;
  --colors-cyan-light-a2: #009db10d;
  --colors-cyan-light-a3: #00c2d121;
  --colors-cyan-light-a4: #00bcd435;
  --colors-cyan-light-a5: #01b4cc4a;
  --colors-cyan-light-a6: #00a7c162;
  --colors-cyan-light-a7: #009fbb82;
  --colors-cyan-light-a8: #00a3c0c2;
  --colors-cyan-light-a9: #00a2c7;
  --colors-cyan-light-a10: #0094b7f8;
  --colors-cyan-light-a11: #007491ef;
  --colors-cyan-light-a12: #00323ef2;
  --colors-cyan-dark-1: #0b161a;
  --colors-cyan-dark-2: #101b20;
  --colors-cyan-dark-3: #082c36;
  --colors-cyan-dark-4: #003848;
  --colors-cyan-dark-5: #004558;
  --colors-cyan-dark-6: #045468;
  --colors-cyan-dark-7: #12677e;
  --colors-cyan-dark-8: #11809c;
  --colors-cyan-dark-9: #00a2c7;
  --colors-cyan-dark-10: #23afd0;
  --colors-cyan-dark-11: #4ccce6;
  --colors-cyan-dark-12: #b6ecf7;
  --colors-cyan-dark-a1: #0091f70a;
  --colors-cyan-dark-a2: #02a7f211;
  --colors-cyan-dark-a3: #00befd28;
  --colors-cyan-dark-a4: #00baff3b;
  --colors-cyan-dark-a5: #00befd4d;
  --colors-cyan-dark-a6: #00c7fd5e;
  --colors-cyan-dark-a7: #14cdff75;
  --colors-cyan-dark-a8: #11cfff95;
  --colors-cyan-dark-a9: #00cfffc3;
  --colors-cyan-dark-a10: #28d6ffcd;
  --colors-cyan-dark-a11: #52e1fee5;
  --colors-cyan-dark-a12: #bbf3fef7;
  --colors-gold-light-1: #fdfdfc;
  --colors-gold-light-2: #faf9f2;
  --colors-gold-light-3: #f2f0e7;
  --colors-gold-light-4: #eae6db;
  --colors-gold-light-5: #e1dccf;
  --colors-gold-light-6: #d8d0bf;
  --colors-gold-light-7: #cbc0aa;
  --colors-gold-light-8: #b9a88d;
  --colors-gold-light-9: #978365;
  --colors-gold-light-10: #8c7a5e;
  --colors-gold-light-11: #71624b;
  --colors-gold-light-12: #3b352b;
  --colors-gold-light-a1: #55550003;
  --colors-gold-light-a2: #9d8a000d;
  --colors-gold-light-a3: #75600018;
  --colors-gold-light-a4: #6b4e0024;
  --colors-gold-light-a5: #60460030;
  --colors-gold-light-a6: #64440040;
  --colors-gold-light-a7: #63420055;
  --colors-gold-light-a8: #633d0072;
  --colors-gold-light-a9: #5332009a;
  --colors-gold-light-a10: #492d00a1;
  --colors-gold-light-a11: #362100b4;
  --colors-gold-light-a12: #130c00d4;
  --colors-gold-dark-1: #121211;
  --colors-gold-dark-2: #1b1a17;
  --colors-gold-dark-3: #24231f;
  --colors-gold-dark-4: #2d2b26;
  --colors-gold-dark-5: #38352e;
  --colors-gold-dark-6: #444039;
  --colors-gold-dark-7: #544f46;
  --colors-gold-dark-8: #696256;
  --colors-gold-dark-9: #978365;
  --colors-gold-dark-10: #a39073;
  --colors-gold-dark-11: #cbb99f;
  --colors-gold-dark-12: #e8e2d9;
  --colors-gold-dark-a1: #91911102;
  --colors-gold-dark-a2: #f9e29d0b;
  --colors-gold-dark-a3: #f8ecbb15;
  --colors-gold-dark-a4: #ffeec41e;
  --colors-gold-dark-a5: #feecc22a;
  --colors-gold-dark-a6: #feebcb37;
  --colors-gold-dark-a7: #ffedcd48;
  --colors-gold-dark-a8: #fdeaca5f;
  --colors-gold-dark-a9: #ffdba690;
  --colors-gold-dark-a10: #fedfb09d;
  --colors-gold-dark-a11: #fee7c6c8;
  --colors-gold-dark-a12: #fef7ede7;
  --colors-grass-light-1: #fbfefb;
  --colors-grass-light-2: #f5fbf5;
  --colors-grass-light-3: #e9f6e9;
  --colors-grass-light-4: #daf1db;
  --colors-grass-light-5: #c9e8ca;
  --colors-grass-light-6: #b2ddb5;
  --colors-grass-light-7: #94ce9a;
  --colors-grass-light-8: #65ba74;
  --colors-grass-light-9: #46a758;
  --colors-grass-light-10: #3e9b4f;
  --colors-grass-light-11: #2a7e3b;
  --colors-grass-light-12: #203c25;
  --colors-grass-light-a1: #00c00004;
  --colors-grass-light-a2: #0099000a;
  --colors-grass-light-a3: #00970016;
  --colors-grass-light-a4: #009f0725;
  --colors-grass-light-a5: #00930536;
  --colors-grass-light-a6: #008f0a4d;
  --colors-grass-light-a7: #018b0f6b;
  --colors-grass-light-a8: #008d199a;
  --colors-grass-light-a9: #008619b9;
  --colors-grass-light-a10: #007b17c1;
  --colors-grass-light-a11: #006514d5;
  --colors-grass-light-a12: #002006df;
  --colors-grass-dark-1: #0e1511;
  --colors-grass-dark-2: #141a15;
  --colors-grass-dark-3: #1b2a1e;
  --colors-grass-dark-4: #1d3a24;
  --colors-grass-dark-5: #25482d;
  --colors-grass-dark-6: #2d5736;
  --colors-grass-dark-7: #366740;
  --colors-grass-dark-8: #3e7949;
  --colors-grass-dark-9: #46a758;
  --colors-grass-dark-10: #53b365;
  --colors-grass-dark-11: #71d083;
  --colors-grass-dark-12: #c2f0c2;
  --colors-grass-dark-a1: #00de1205;
  --colors-grass-dark-a2: #5ef7780a;
  --colors-grass-dark-a3: #70fe8c1b;
  --colors-grass-dark-a4: #57ff802c;
  --colors-grass-dark-a5: #68ff8b3b;
  --colors-grass-dark-a6: #71ff8f4b;
  --colors-grass-dark-a7: #77fd925d;
  --colors-grass-dark-a8: #77fd9070;
  --colors-grass-dark-a9: #65ff82a1;
  --colors-grass-dark-a10: #72ff8dae;
  --colors-grass-dark-a11: #89ff9fcd;
  --colors-grass-dark-a12: #ceffceef;
  --colors-gray-light-1: #fcfcfc;
  --colors-gray-light-2: #f9f9f9;
  --colors-gray-light-3: #f0f0f0;
  --colors-gray-light-4: #e8e8e8;
  --colors-gray-light-5: #e0e0e0;
  --colors-gray-light-6: #d9d9d9;
  --colors-gray-light-7: #cecece;
  --colors-gray-light-8: #bbbbbb;
  --colors-gray-light-9: #8d8d8d;
  --colors-gray-light-10: #838383;
  --colors-gray-light-11: #646464;
  --colors-gray-light-12: #202020;
  --colors-gray-light-a1: #00000003;
  --colors-gray-light-a2: #00000006;
  --colors-gray-light-a3: #0000000f;
  --colors-gray-light-a4: #00000017;
  --colors-gray-light-a5: #0000001f;
  --colors-gray-light-a6: #00000026;
  --colors-gray-light-a7: #00000031;
  --colors-gray-light-a8: #00000044;
  --colors-gray-light-a9: #00000072;
  --colors-gray-light-a10: #0000007c;
  --colors-gray-light-a11: #0000009b;
  --colors-gray-light-a12: #000000df;
  --colors-gray-dark-1: #111111;
  --colors-gray-dark-2: #191919;
  --colors-gray-dark-3: #222222;
  --colors-gray-dark-4: #2a2a2a;
  --colors-gray-dark-5: #313131;
  --colors-gray-dark-6: #3a3a3a;
  --colors-gray-dark-7: #484848;
  --colors-gray-dark-8: #606060;
  --colors-gray-dark-9: #6e6e6e;
  --colors-gray-dark-10: #7b7b7b;
  --colors-gray-dark-11: #b4b4b4;
  --colors-gray-dark-12: #eeeeee;
  --colors-gray-dark-a1: #00000000;
  --colors-gray-dark-a2: #ffffff09;
  --colors-gray-dark-a3: #ffffff12;
  --colors-gray-dark-a4: #ffffff1b;
  --colors-gray-dark-a5: #ffffff22;
  --colors-gray-dark-a6: #ffffff2c;
  --colors-gray-dark-a7: #ffffff3b;
  --colors-gray-dark-a8: #ffffff55;
  --colors-gray-dark-a9: #ffffff64;
  --colors-gray-dark-a10: #ffffff72;
  --colors-gray-dark-a11: #ffffffaf;
  --colors-gray-dark-a12: #ffffffed;
  --colors-green-light-1: #fbfefc;
  --colors-green-light-2: #f4fbf6;
  --colors-green-light-3: #e6f6eb;
  --colors-green-light-4: #d6f1df;
  --colors-green-light-5: #c4e8d1;
  --colors-green-light-6: #adddc0;
  --colors-green-light-7: #8eceaa;
  --colors-green-light-8: #5bb98b;
  --colors-green-light-9: #30a46c;
  --colors-green-light-10: #2b9a66;
  --colors-green-light-11: #218358;
  --colors-green-light-12: #193b2d;
  --colors-green-light-a1: #00c04004;
  --colors-green-light-a2: #00a32f0b;
  --colors-green-light-a3: #00a43319;
  --colors-green-light-a4: #00a83829;
  --colors-green-light-a5: #019c393b;
  --colors-green-light-a6: #00963c52;
  --colors-green-light-a7: #00914071;
  --colors-green-light-a8: #00924ba4;
  --colors-green-light-a9: #008f4acf;
  --colors-green-light-a10: #008647d4;
  --colors-green-light-a11: #00713fde;
  --colors-green-light-a12: #002616e6;
  --colors-green-dark-1: #0e1512;
  --colors-green-dark-2: #121b17;
  --colors-green-dark-3: #132d21;
  --colors-green-dark-4: #113b29;
  --colors-green-dark-5: #174933;
  --colors-green-dark-6: #20573e;
  --colors-green-dark-7: #28684a;
  --colors-green-dark-8: #2f7c57;
  --colors-green-dark-9: #30a46c;
  --colors-green-dark-10: #33b074;
  --colors-green-dark-11: #3dd68c;
  --colors-green-dark-12: #b1f1cb;
  --colors-green-dark-a1: #00de4505;
  --colors-green-dark-a2: #29f99d0b;
  --colors-green-dark-a3: #22ff991e;
  --colors-green-dark-a4: #11ff992d;
  --colors-green-dark-a5: #2bffa23c;
  --colors-green-dark-a6: #44ffaa4b;
  --colors-green-dark-a7: #50fdac5e;
  --colors-green-dark-a8: #54ffad73;
  --colors-green-dark-a9: #44ffa49e;
  --colors-green-dark-a10: #43fea4ab;
  --colors-green-dark-a11: #46fea5d4;
  --colors-green-dark-a12: #bbffd7f0;
  --colors-indigo-light-1: #fdfdfe;
  --colors-indigo-light-2: #f7f9ff;
  --colors-indigo-light-3: #edf2fe;
  --colors-indigo-light-4: #e1e9ff;
  --colors-indigo-light-5: #d2deff;
  --colors-indigo-light-6: #c1d0ff;
  --colors-indigo-light-7: #abbdf9;
  --colors-indigo-light-8: #8da4ef;
  --colors-indigo-light-9: #3e63dd;
  --colors-indigo-light-10: #3358d4;
  --colors-indigo-light-11: #3a5bc7;
  --colors-indigo-light-12: #1f2d5c;
  --colors-indigo-light-a1: #00008002;
  --colors-indigo-light-a2: #0040ff08;
  --colors-indigo-light-a3: #0047f112;
  --colors-indigo-light-a4: #0044ff1e;
  --colors-indigo-light-a5: #0044ff2d;
  --colors-indigo-light-a6: #003eff3e;
  --colors-indigo-light-a7: #0037ed54;
  --colors-indigo-light-a8: #0034dc72;
  --colors-indigo-light-a9: #0031d2c1;
  --colors-indigo-light-a10: #002ec9cc;
  --colors-indigo-light-a11: #002bb7c5;
  --colors-indigo-light-a12: #001046e0;
  --colors-indigo-dark-1: #11131f;
  --colors-indigo-dark-2: #141726;
  --colors-indigo-dark-3: #182449;
  --colors-indigo-dark-4: #1d2e62;
  --colors-indigo-dark-5: #253974;
  --colors-indigo-dark-6: #304384;
  --colors-indigo-dark-7: #3a4f97;
  --colors-indigo-dark-8: #435db1;
  --colors-indigo-dark-9: #3e63dd;
  --colors-indigo-dark-10: #5472e4;
  --colors-indigo-dark-11: #9eb1ff;
  --colors-indigo-dark-12: #d6e1ff;
  --colors-indigo-dark-a1: #1133ff0f;
  --colors-indigo-dark-a2: #3354fa17;
  --colors-indigo-dark-a3: #2f62ff3c;
  --colors-indigo-dark-a4: #3566ff57;
  --colors-indigo-dark-a5: #4171fd6b;
  --colors-indigo-dark-a6: #5178fd7c;
  --colors-indigo-dark-a7: #5a7fff90;
  --colors-indigo-dark-a8: #5b81feac;
  --colors-indigo-dark-a9: #4671ffdb;
  --colors-indigo-dark-a10: #5c7efee3;
  --colors-indigo-dark-a11: #9eb1ff;
  --colors-indigo-dark-a12: #d6e1ff;
  --colors-iris-light-1: #fdfdff;
  --colors-iris-light-2: #f8f8ff;
  --colors-iris-light-3: #f0f1fe;
  --colors-iris-light-4: #e6e7ff;
  --colors-iris-light-5: #dadcff;
  --colors-iris-light-6: #cbcdff;
  --colors-iris-light-7: #b8baf8;
  --colors-iris-light-8: #9b9ef0;
  --colors-iris-light-9: #5b5bd6;
  --colors-iris-light-10: #5151cd;
  --colors-iris-light-11: #5753c6;
  --colors-iris-light-12: #272962;
  --colors-iris-light-a1: #0000ff02;
  --colors-iris-light-a2: #0000ff07;
  --colors-iris-light-a3: #0011ee0f;
  --colors-iris-light-a4: #000bff19;
  --colors-iris-light-a5: #000eff25;
  --colors-iris-light-a6: #000aff34;
  --colors-iris-light-a7: #0008e647;
  --colors-iris-light-a8: #0008d964;
  --colors-iris-light-a9: #0000c0a4;
  --colors-iris-light-a10: #0000b6ae;
  --colors-iris-light-a11: #0600abac;
  --colors-iris-light-a12: #000246d8;
  --colors-iris-dark-1: #13131e;
  --colors-iris-dark-2: #171625;
  --colors-iris-dark-3: #202248;
  --colors-iris-dark-4: #262a65;
  --colors-iris-dark-5: #303374;
  --colors-iris-dark-6: #3d3e82;
  --colors-iris-dark-7: #4a4a95;
  --colors-iris-dark-8: #5958b1;
  --colors-iris-dark-9: #5b5bd6;
  --colors-iris-dark-10: #6e6ade;
  --colors-iris-dark-11: #b1a9ff;
  --colors-iris-dark-12: #e0dffe;
  --colors-iris-dark-a1: #3636fe0e;
  --colors-iris-dark-a2: #564bf916;
  --colors-iris-dark-a3: #525bff3b;
  --colors-iris-dark-a4: #4d58ff5a;
  --colors-iris-dark-a5: #5b62fd6b;
  --colors-iris-dark-a6: #6d6ffd7a;
  --colors-iris-dark-a7: #7777fe8e;
  --colors-iris-dark-a8: #7b7afeac;
  --colors-iris-dark-a9: #6a6afed4;
  --colors-iris-dark-a10: #7d79ffdc;
  --colors-iris-dark-a11: #b1a9ff;
  --colors-iris-dark-a12: #e1e0fffe;
  --colors-jade-light-1: #fbfefd;
  --colors-jade-light-2: #f4fbf7;
  --colors-jade-light-3: #e6f7ed;
  --colors-jade-light-4: #d6f1e3;
  --colors-jade-light-5: #c3e9d7;
  --colors-jade-light-6: #acdec8;
  --colors-jade-light-7: #8bceb6;
  --colors-jade-light-8: #56ba9f;
  --colors-jade-light-9: #29a383;
  --colors-jade-light-10: #26997b;
  --colors-jade-light-11: #208368;
  --colors-jade-light-12: #1d3b31;
  --colors-jade-light-a1: #00c08004;
  --colors-jade-light-a2: #00a3460b;
  --colors-jade-light-a3: #00ae4819;
  --colors-jade-light-a4: #00a85129;
  --colors-jade-light-a5: #00a2553c;
  --colors-jade-light-a6: #009a5753;
  --colors-jade-light-a7: #00945f74;
  --colors-jade-light-a8: #00976ea9;
  --colors-jade-light-a9: #00916bd6;
  --colors-jade-light-a10: #008764d9;
  --colors-jade-light-a11: #007152df;
  --colors-jade-light-a12: #002217e2;
  --colors-jade-dark-1: #0d1512;
  --colors-jade-dark-2: #121c18;
  --colors-jade-dark-3: #0f2e22;
  --colors-jade-dark-4: #0b3b2c;
  --colors-jade-dark-5: #114837;
  --colors-jade-dark-6: #1b5745;
  --colors-jade-dark-7: #246854;
  --colors-jade-dark-8: #2a7e68;
  --colors-jade-dark-9: #29a383;
  --colors-jade-dark-10: #27b08b;
  --colors-jade-dark-11: #1fd8a4;
  --colors-jade-dark-12: #adf0d4;
  --colors-jade-dark-a1: #00de4505;
  --colors-jade-dark-a2: #27fba60c;
  --colors-jade-dark-a3: #02f99920;
  --colors-jade-dark-a4: #00ffaa2d;
  --colors-jade-dark-a5: #11ffb63b;
  --colors-jade-dark-a6: #34ffc24b;
  --colors-jade-dark-a7: #45fdc75e;
  --colors-jade-dark-a8: #48ffcf75;
  --colors-jade-dark-a9: #38feca9d;
  --colors-jade-dark-a10: #31fec7ab;
  --colors-jade-dark-a11: #21fec0d6;
  --colors-jade-dark-a12: #b8ffe1ef;
  --colors-lime-light-1: #fcfdfa;
  --colors-lime-light-2: #f8faf3;
  --colors-lime-light-3: #eef6d6;
  --colors-lime-light-4: #e2f0bd;
  --colors-lime-light-5: #d3e7a6;
  --colors-lime-light-6: #c2da91;
  --colors-lime-light-7: #abc978;
  --colors-lime-light-8: #8db654;
  --colors-lime-light-9: #bdee63;
  --colors-lime-light-10: #b0e64c;
  --colors-lime-light-11: #5c7c2f;
  --colors-lime-light-12: #37401c;
  --colors-lime-light-a1: #66990005;
  --colors-lime-light-a2: #6b95000c;
  --colors-lime-light-a3: #96c80029;
  --colors-lime-light-a4: #8fc60042;
  --colors-lime-light-a5: #81bb0059;
  --colors-lime-light-a6: #72aa006e;
  --colors-lime-light-a7: #61990087;
  --colors-lime-light-a8: #559200ab;
  --colors-lime-light-a9: #93e4009c;
  --colors-lime-light-a10: #8fdc00b3;
  --colors-lime-light-a11: #375f00d0;
  --colors-lime-light-a12: #1e2900e3;
  --colors-lime-dark-1: #11130c;
  --colors-lime-dark-2: #151a10;
  --colors-lime-dark-3: #1f2917;
  --colors-lime-dark-4: #29371d;
  --colors-lime-dark-5: #334423;
  --colors-lime-dark-6: #3d522a;
  --colors-lime-dark-7: #496231;
  --colors-lime-dark-8: #577538;
  --colors-lime-dark-9: #bdee63;
  --colors-lime-dark-10: #d4ff70;
  --colors-lime-dark-11: #bde56c;
  --colors-lime-dark-12: #e3f7ba;
  --colors-lime-dark-a1: #11bb0003;
  --colors-lime-dark-a2: #78f7000a;
  --colors-lime-dark-a3: #9bfd4c1a;
  --colors-lime-dark-a4: #a7fe5c29;
  --colors-lime-dark-a5: #affe6537;
  --colors-lime-dark-a6: #b2fe6d46;
  --colors-lime-dark-a7: #b6ff6f57;
  --colors-lime-dark-a8: #b6fd6d6c;
  --colors-lime-dark-a9: #caff69ed;
  --colors-lime-dark-a10: #d4ff70;
  --colors-lime-dark-a11: #d1fe77e4;
  --colors-lime-dark-a12: #e9febff7;
  --colors-mauve-light-1: #fdfcfd;
  --colors-mauve-light-2: #faf9fb;
  --colors-mauve-light-3: #f2eff3;
  --colors-mauve-light-4: #eae7ec;
  --colors-mauve-light-5: #e3dfe6;
  --colors-mauve-light-6: #dbd8e0;
  --colors-mauve-light-7: #d0cdd7;
  --colors-mauve-light-8: #bcbac7;
  --colors-mauve-light-9: #8e8c99;
  --colors-mauve-light-10: #84828e;
  --colors-mauve-light-11: #65636d;
  --colors-mauve-light-12: #211f26;
  --colors-mauve-light-a1: #55005503;
  --colors-mauve-light-a2: #2b005506;
  --colors-mauve-light-a3: #30004010;
  --colors-mauve-light-a4: #20003618;
  --colors-mauve-light-a5: #20003820;
  --colors-mauve-light-a6: #14003527;
  --colors-mauve-light-a7: #10003332;
  --colors-mauve-light-a8: #08003145;
  --colors-mauve-light-a9: #05001d73;
  --colors-mauve-light-a10: #0500197d;
  --colors-mauve-light-a11: #0400119c;
  --colors-mauve-light-a12: #020008e0;
  --colors-mauve-dark-1: #121113;
  --colors-mauve-dark-2: #1a191b;
  --colors-mauve-dark-3: #232225;
  --colors-mauve-dark-4: #2b292d;
  --colors-mauve-dark-5: #323035;
  --colors-mauve-dark-6: #3c393f;
  --colors-mauve-dark-7: #49474e;
  --colors-mauve-dark-8: #625f69;
  --colors-mauve-dark-9: #6f6d78;
  --colors-mauve-dark-10: #7c7a85;
  --colors-mauve-dark-11: #b5b2bc;
  --colors-mauve-dark-12: #eeeef0;
  --colors-mauve-dark-a1: #00000000;
  --colors-mauve-dark-a2: #f5f4f609;
  --colors-mauve-dark-a3: #ebeaf814;
  --colors-mauve-dark-a4: #eee5f81d;
  --colors-mauve-dark-a5: #efe6fe25;
  --colors-mauve-dark-a6: #f1e6fd30;
  --colors-mauve-dark-a7: #eee9ff40;
  --colors-mauve-dark-a8: #eee7ff5d;
  --colors-mauve-dark-a9: #eae6fd6e;
  --colors-mauve-dark-a10: #ece9fd7c;
  --colors-mauve-dark-a11: #f5f1ffb7;
  --colors-mauve-dark-a12: #fdfdffef;
  --colors-mint-light-1: #f9fefd;
  --colors-mint-light-2: #f2fbf9;
  --colors-mint-light-3: #ddf9f2;
  --colors-mint-light-4: #c8f4e9;
  --colors-mint-light-5: #b3ecde;
  --colors-mint-light-6: #9ce0d0;
  --colors-mint-light-7: #7ecfbd;
  --colors-mint-light-8: #4cbba5;
  --colors-mint-light-9: #86ead4;
  --colors-mint-light-10: #7de0cb;
  --colors-mint-light-11: #027864;
  --colors-mint-light-12: #16433c;
  --colors-mint-light-a1: #00d5aa06;
  --colors-mint-light-a2: #00b18a0d;
  --colors-mint-light-a3: #00d29e22;
  --colors-mint-light-a4: #00cc9937;
  --colors-mint-light-a5: #00c0914c;
  --colors-mint-light-a6: #00b08663;
  --colors-mint-light-a7: #00a17d81;
  --colors-mint-light-a8: #009e7fb3;
  --colors-mint-light-a9: #00d3a579;
  --colors-mint-light-a10: #00c39982;
  --colors-mint-light-a11: #007763fd;
  --colors-mint-light-a12: #00312ae9;
  --colors-mint-dark-1: #0e1515;
  --colors-mint-dark-2: #0f1b1b;
  --colors-mint-dark-3: #092c2b;
  --colors-mint-dark-4: #003a38;
  --colors-mint-dark-5: #004744;
  --colors-mint-dark-6: #105650;
  --colors-mint-dark-7: #1e685f;
  --colors-mint-dark-8: #277f70;
  --colors-mint-dark-9: #86ead4;
  --colors-mint-dark-10: #a8f5e5;
  --colors-mint-dark-11: #58d5ba;
  --colors-mint-dark-12: #c4f5e1;
  --colors-mint-dark-a1: #00dede05;
  --colors-mint-dark-a2: #00f9f90b;
  --colors-mint-dark-a3: #00fff61d;
  --colors-mint-dark-a4: #00fff42c;
  --colors-mint-dark-a5: #00fff23a;
  --colors-mint-dark-a6: #0effeb4a;
  --colors-mint-dark-a7: #34fde55e;
  --colors-mint-dark-a8: #41ffdf76;
  --colors-mint-dark-a9: #92ffe7e9;
  --colors-mint-dark-a10: #aefeedf5;
  --colors-mint-dark-a11: #67ffded2;
  --colors-mint-dark-a12: #cbfee9f5;
  --colors-olive-light-1: #fcfdfc;
  --colors-olive-light-2: #f8faf8;
  --colors-olive-light-3: #eff1ef;
  --colors-olive-light-4: #e7e9e7;
  --colors-olive-light-5: #dfe2df;
  --colors-olive-light-6: #d7dad7;
  --colors-olive-light-7: #cccfcc;
  --colors-olive-light-8: #b9bcb8;
  --colors-olive-light-9: #898e87;
  --colors-olive-light-10: #7f847d;
  --colors-olive-light-11: #60655f;
  --colors-olive-light-12: #1d211c;
  --colors-olive-light-a1: #00550003;
  --colors-olive-light-a2: #00490007;
  --colors-olive-light-a3: #00200010;
  --colors-olive-light-a4: #00160018;
  --colors-olive-light-a5: #00180020;
  --colors-olive-light-a6: #00140028;
  --colors-olive-light-a7: #000f0033;
  --colors-olive-light-a8: #040f0047;
  --colors-olive-light-a9: #050f0078;
  --colors-olive-light-a10: #040e0082;
  --colors-olive-light-a11: #020a00a0;
  --colors-olive-light-a12: #010600e3;
  --colors-olive-dark-1: #111210;
  --colors-olive-dark-2: #181917;
  --colors-olive-dark-3: #212220;
  --colors-olive-dark-4: #282a27;
  --colors-olive-dark-5: #2f312e;
  --colors-olive-dark-6: #383a36;
  --colors-olive-dark-7: #454843;
  --colors-olive-dark-8: #5c625b;
  --colors-olive-dark-9: #687066;
  --colors-olive-dark-10: #767d74;
  --colors-olive-dark-11: #afb5ad;
  --colors-olive-dark-12: #eceeec;
  --colors-olive-dark-a1: #00000000;
  --colors-olive-dark-a2: #f1f2f008;
  --colors-olive-dark-a3: #f4f5f312;
  --colors-olive-dark-a4: #f3fef21a;
  --colors-olive-dark-a5: #f2fbf122;
  --colors-olive-dark-a6: #f4faed2c;
  --colors-olive-dark-a7: #f2fced3b;
  --colors-olive-dark-a8: #edfdeb57;
  --colors-olive-dark-a9: #ebfde766;
  --colors-olive-dark-a10: #f0fdec74;
  --colors-olive-dark-a11: #f6fef4b0;
  --colors-olive-dark-a12: #fdfffded;
  --colors-orange-light-1: #fefcfb;
  --colors-orange-light-2: #fff7ed;
  --colors-orange-light-3: #ffefd6;
  --colors-orange-light-4: #ffdfb5;
  --colors-orange-light-5: #ffd19a;
  --colors-orange-light-6: #ffc182;
  --colors-orange-light-7: #f5ae73;
  --colors-orange-light-8: #ec9455;
  --colors-orange-light-9: #f76b15;
  --colors-orange-light-10: #ef5f00;
  --colors-orange-light-11: #cc4e00;
  --colors-orange-light-12: #582d1d;
  --colors-orange-light-a1: #c0400004;
  --colors-orange-light-a2: #ff8e0012;
  --colors-orange-light-a3: #ff9c0029;
  --colors-orange-light-a4: #ff91014a;
  --colors-orange-light-a5: #ff8b0065;
  --colors-orange-light-a6: #ff81007d;
  --colors-orange-light-a7: #ed6c008c;
  --colors-orange-light-a8: #e35f00aa;
  --colors-orange-light-a9: #f65e00ea;
  --colors-orange-light-a10: #ef5f00;
  --colors-orange-light-a11: #cc4e00;
  --colors-orange-light-a12: #431200e2;
  --colors-orange-dark-1: #17120e;
  --colors-orange-dark-2: #1e160f;
  --colors-orange-dark-3: #331e0b;
  --colors-orange-dark-4: #462100;
  --colors-orange-dark-5: #562800;
  --colors-orange-dark-6: #66350c;
  --colors-orange-dark-7: #7e451d;
  --colors-orange-dark-8: #a35829;
  --colors-orange-dark-9: #f76b15;
  --colors-orange-dark-10: #ff801f;
  --colors-orange-dark-11: #ffa057;
  --colors-orange-dark-12: #ffe0c2;
  --colors-orange-dark-a1: #ec360007;
  --colors-orange-dark-a2: #fe6d000e;
  --colors-orange-dark-a3: #fb6a0025;
  --colors-orange-dark-a4: #ff590039;
  --colors-orange-dark-a5: #ff61004a;
  --colors-orange-dark-a6: #fd75045c;
  --colors-orange-dark-a7: #ff832c75;
  --colors-orange-dark-a8: #fe84389d;
  --colors-orange-dark-a9: #fe6d15f7;
  --colors-orange-dark-a10: #ff801f;
  --colors-orange-dark-a11: #ffa057;
  --colors-orange-dark-a12: #ffe0c2;
  --colors-pink-light-1: #fffcfe;
  --colors-pink-light-2: #fef7fb;
  --colors-pink-light-3: #fee9f5;
  --colors-pink-light-4: #fbdcef;
  --colors-pink-light-5: #f6cee7;
  --colors-pink-light-6: #efbfdd;
  --colors-pink-light-7: #e7acd0;
  --colors-pink-light-8: #dd93c2;
  --colors-pink-light-9: #d6409f;
  --colors-pink-light-10: #cf3897;
  --colors-pink-light-11: #c2298a;
  --colors-pink-light-12: #651249;
  --colors-pink-light-a1: #ff00aa03;
  --colors-pink-light-a2: #e0008008;
  --colors-pink-light-a3: #f4008c16;
  --colors-pink-light-a4: #e2008b23;
  --colors-pink-light-a5: #d1008331;
  --colors-pink-light-a6: #c0007840;
  --colors-pink-light-a7: #b6006f53;
  --colors-pink-light-a8: #af006f6c;
  --colors-pink-light-a9: #c8007fbf;
  --colors-pink-light-a10: #c2007ac7;
  --colors-pink-light-a11: #b60074d6;
  --colors-pink-light-a12: #59003bed;
  --colors-pink-dark-1: #191117;
  --colors-pink-dark-2: #21121d;
  --colors-pink-dark-3: #37172f;
  --colors-pink-dark-4: #4b143d;
  --colors-pink-dark-5: #591c47;
  --colors-pink-dark-6: #692955;
  --colors-pink-dark-7: #833869;
  --colors-pink-dark-8: #a84885;
  --colors-pink-dark-9: #d6409f;
  --colors-pink-dark-10: #de51a8;
  --colors-pink-dark-11: #ff8dcc;
  --colors-pink-dark-12: #fdd1ea;
  --colors-pink-dark-a1: #f412bc09;
  --colors-pink-dark-a2: #f420bb12;
  --colors-pink-dark-a3: #fe37cc29;
  --colors-pink-dark-a4: #fc1ec43f;
  --colors-pink-dark-a5: #fd35c24e;
  --colors-pink-dark-a6: #fd51c75f;
  --colors-pink-dark-a7: #fd62c87b;
  --colors-pink-dark-a8: #ff68c8a2;
  --colors-pink-dark-a9: #fe49bcd4;
  --colors-pink-dark-a10: #ff5cc0dc;
  --colors-pink-dark-a11: #ff8dcc;
  --colors-pink-dark-a12: #ffd3ecfd;
  --colors-plum-light-1: #fefcff;
  --colors-plum-light-2: #fdf7fd;
  --colors-plum-light-3: #fbebfb;
  --colors-plum-light-4: #f7def8;
  --colors-plum-light-5: #f2d1f3;
  --colors-plum-light-6: #e9c2ec;
  --colors-plum-light-7: #deade3;
  --colors-plum-light-8: #cf91d8;
  --colors-plum-light-9: #ab4aba;
  --colors-plum-light-10: #a144af;
  --colors-plum-light-11: #953ea3;
  --colors-plum-light-12: #53195d;
  --colors-plum-light-a1: #aa00ff03;
  --colors-plum-light-a2: #c000c008;
  --colors-plum-light-a3: #cc00cc14;
  --colors-plum-light-a4: #c200c921;
  --colors-plum-light-a5: #b700bd2e;
  --colors-plum-light-a6: #a400b03d;
  --colors-plum-light-a7: #9900a852;
  --colors-plum-light-a8: #9000a56e;
  --colors-plum-light-a9: #89009eb5;
  --colors-plum-light-a10: #7f0092bb;
  --colors-plum-light-a11: #730086c1;
  --colors-plum-light-a12: #40004be6;
  --colors-plum-dark-1: #181118;
  --colors-plum-dark-2: #201320;
  --colors-plum-dark-3: #351a35;
  --colors-plum-dark-4: #451d47;
  --colors-plum-dark-5: #512454;
  --colors-plum-dark-6: #5e3061;
  --colors-plum-dark-7: #734079;
  --colors-plum-dark-8: #92549c;
  --colors-plum-dark-9: #ab4aba;
  --colors-plum-dark-10: #b658c4;
  --colors-plum-dark-11: #e796f3;
  --colors-plum-dark-12: #f4d4f4;
  --colors-plum-dark-a1: #f112f108;
  --colors-plum-dark-a2: #f22ff211;
  --colors-plum-dark-a3: #fd4cfd27;
  --colors-plum-dark-a4: #f646ff3a;
  --colors-plum-dark-a5: #f455ff48;
  --colors-plum-dark-a6: #f66dff56;
  --colors-plum-dark-a7: #f07cfd70;
  --colors-plum-dark-a8: #ee84ff95;
  --colors-plum-dark-a9: #e961feb6;
  --colors-plum-dark-a10: #ed70ffc0;
  --colors-plum-dark-a11: #f19cfef3;
  --colors-plum-dark-a12: #feddfef4;
  --colors-purple-light-1: #fefcfe;
  --colors-purple-light-2: #fbf7fe;
  --colors-purple-light-3: #f7edfe;
  --colors-purple-light-4: #f2e2fc;
  --colors-purple-light-5: #ead5f9;
  --colors-purple-light-6: #e0c4f4;
  --colors-purple-light-7: #d1afec;
  --colors-purple-light-8: #be93e4;
  --colors-purple-light-9: #8e4ec6;
  --colors-purple-light-10: #8347b9;
  --colors-purple-light-11: #8145b5;
  --colors-purple-light-12: #402060;
  --colors-purple-light-a1: #aa00aa03;
  --colors-purple-light-a2: #8000e008;
  --colors-purple-light-a3: #8e00f112;
  --colors-purple-light-a4: #8d00e51d;
  --colors-purple-light-a5: #8000db2a;
  --colors-purple-light-a6: #7a01d03b;
  --colors-purple-light-a7: #6d00c350;
  --colors-purple-light-a8: #6600c06c;
  --colors-purple-light-a9: #5c00adb1;
  --colors-purple-light-a10: #53009eb8;
  --colors-purple-light-a11: #52009aba;
  --colors-purple-light-a12: #250049df;
  --colors-purple-dark-1: #18111b;
  --colors-purple-dark-2: #1e1523;
  --colors-purple-dark-3: #301c3b;
  --colors-purple-dark-4: #3d224e;
  --colors-purple-dark-5: #48295c;
  --colors-purple-dark-6: #54346b;
  --colors-purple-dark-7: #664282;
  --colors-purple-dark-8: #8457aa;
  --colors-purple-dark-9: #8e4ec6;
  --colors-purple-dark-10: #9a5cd0;
  --colors-purple-dark-11: #d19dff;
  --colors-purple-dark-12: #ecd9fa;
  --colors-purple-dark-a1: #b412f90b;
  --colors-purple-dark-a2: #b744f714;
  --colors-purple-dark-a3: #c150ff2d;
  --colors-purple-dark-a4: #bb53fd42;
  --colors-purple-dark-a5: #be5cfd51;
  --colors-purple-dark-a6: #c16dfd61;
  --colors-purple-dark-a7: #c378fd7a;
  --colors-purple-dark-a8: #c47effa4;
  --colors-purple-dark-a9: #b661ffc2;
  --colors-purple-dark-a10: #bc6fffcd;
  --colors-purple-dark-a11: #d19dff;
  --colors-purple-dark-a12: #f1ddfffa;
  --colors-red-light-1: #fffcfc;
  --colors-red-light-2: #fff7f7;
  --colors-red-light-3: #feebec;
  --colors-red-light-4: #ffdbdc;
  --colors-red-light-5: #ffcdce;
  --colors-red-light-6: #fdbdbe;
  --colors-red-light-7: #f4a9aa;
  --colors-red-light-8: #eb8e90;
  --colors-red-light-9: #e5484d;
  --colors-red-light-10: #dc3e42;
  --colors-red-light-11: #ce2c31;
  --colors-red-light-12: #641723;
  --colors-red-light-a1: #ff000003;
  --colors-red-light-a2: #ff000008;
  --colors-red-light-a3: #f3000d14;
  --colors-red-light-a4: #ff000824;
  --colors-red-light-a5: #ff000632;
  --colors-red-light-a6: #f8000442;
  --colors-red-light-a7: #df000356;
  --colors-red-light-a8: #d2000571;
  --colors-red-light-a9: #db0007b7;
  --colors-red-light-a10: #d10005c1;
  --colors-red-light-a11: #c40006d3;
  --colors-red-light-a12: #55000de8;
  --colors-red-dark-1: #191111;
  --colors-red-dark-2: #201314;
  --colors-red-dark-3: #3b1219;
  --colors-red-dark-4: #500f1c;
  --colors-red-dark-5: #611623;
  --colors-red-dark-6: #72232d;
  --colors-red-dark-7: #8c333a;
  --colors-red-dark-8: #b54548;
  --colors-red-dark-9: #e5484d;
  --colors-red-dark-10: #ec5d5e;
  --colors-red-dark-11: #ff9592;
  --colors-red-dark-12: #ffd1d9;
  --colors-red-dark-a1: #f4121209;
  --colors-red-dark-a2: #f22f3e11;
  --colors-red-dark-a3: #ff173f2d;
  --colors-red-dark-a4: #fe0a3b44;
  --colors-red-dark-a5: #ff204756;
  --colors-red-dark-a6: #ff3e5668;
  --colors-red-dark-a7: #ff536184;
  --colors-red-dark-a8: #ff5d61b0;
  --colors-red-dark-a9: #fe4e54e4;
  --colors-red-dark-a10: #ff6465eb;
  --colors-red-dark-a11: #ff9592;
  --colors-red-dark-a12: #ffd1d9;
  --colors-ruby-light-1: #fffcfd;
  --colors-ruby-light-2: #fff7f8;
  --colors-ruby-light-3: #feeaed;
  --colors-ruby-light-4: #ffdce1;
  --colors-ruby-light-5: #ffced6;
  --colors-ruby-light-6: #f8bfc8;
  --colors-ruby-light-7: #efacb8;
  --colors-ruby-light-8: #e592a3;
  --colors-ruby-light-9: #e54666;
  --colors-ruby-light-10: #dc3b5d;
  --colors-ruby-light-11: #ca244d;
  --colors-ruby-light-12: #64172b;
  --colors-ruby-light-a1: #ff005503;
  --colors-ruby-light-a2: #ff002008;
  --colors-ruby-light-a3: #f3002515;
  --colors-ruby-light-a4: #ff002523;
  --colors-ruby-light-a5: #ff002a31;
  --colors-ruby-light-a6: #e4002440;
  --colors-ruby-light-a7: #ce002553;
  --colors-ruby-light-a8: #c300286d;
  --colors-ruby-light-a9: #db002cb9;
  --colors-ruby-light-a10: #d2002cc4;
  --colors-ruby-light-a11: #c10030db;
  --colors-ruby-light-a12: #550016e8;
  --colors-ruby-dark-1: #191113;
  --colors-ruby-dark-2: #1e1517;
  --colors-ruby-dark-3: #3a141e;
  --colors-ruby-dark-4: #4e1325;
  --colors-ruby-dark-5: #5e1a2e;
  --colors-ruby-dark-6: #6f2539;
  --colors-ruby-dark-7: #883447;
  --colors-ruby-dark-8: #b3445a;
  --colors-ruby-dark-9: #e54666;
  --colors-ruby-dark-10: #ec5a72;
  --colors-ruby-dark-11: #ff949d;
  --colors-ruby-dark-12: #fed2e1;
  --colors-ruby-dark-a1: #f4124a09;
  --colors-ruby-dark-a2: #fe5a7f0e;
  --colors-ruby-dark-a3: #ff235d2c;
  --colors-ruby-dark-a4: #fd195e42;
  --colors-ruby-dark-a5: #fe2d6b53;
  --colors-ruby-dark-a6: #ff447665;
  --colors-ruby-dark-a7: #ff577d80;
  --colors-ruby-dark-a8: #ff5c7cae;
  --colors-ruby-dark-a9: #fe4c70e4;
  --colors-ruby-dark-a10: #ff617beb;
  --colors-ruby-dark-a11: #ff949d;
  --colors-ruby-dark-a12: #ffd3e2fe;
  --colors-sage-light-1: #fbfdfc;
  --colors-sage-light-2: #f7f9f8;
  --colors-sage-light-3: #eef1f0;
  --colors-sage-light-4: #e6e9e8;
  --colors-sage-light-5: #dfe2e0;
  --colors-sage-light-6: #d7dad9;
  --colors-sage-light-7: #cbcfcd;
  --colors-sage-light-8: #b8bcba;
  --colors-sage-light-9: #868e8b;
  --colors-sage-light-10: #7c8481;
  --colors-sage-light-11: #5f6563;
  --colors-sage-light-12: #1a211e;
  --colors-sage-light-a1: #00804004;
  --colors-sage-light-a2: #00402008;
  --colors-sage-light-a3: #002d1e11;
  --colors-sage-light-a4: #001f1519;
  --colors-sage-light-a5: #00180820;
  --colors-sage-light-a6: #00140d28;
  --colors-sage-light-a7: #00140a34;
  --colors-sage-light-a8: #000f0847;
  --colors-sage-light-a9: #00110b79;
  --colors-sage-light-a10: #00100a83;
  --colors-sage-light-a11: #000a07a0;
  --colors-sage-light-a12: #000805e5;
  --colors-sage-dark-1: #101211;
  --colors-sage-dark-2: #171918;
  --colors-sage-dark-3: #202221;
  --colors-sage-dark-4: #272a29;
  --colors-sage-dark-5: #2e3130;
  --colors-sage-dark-6: #373b39;
  --colors-sage-dark-7: #444947;
  --colors-sage-dark-8: #5b625f;
  --colors-sage-dark-9: #63706b;
  --colors-sage-dark-10: #717d79;
  --colors-sage-dark-11: #adb5b2;
  --colors-sage-dark-12: #eceeed;
  --colors-sage-dark-a1: #00000000;
  --colors-sage-dark-a2: #f0f2f108;
  --colors-sage-dark-a3: #f3f5f412;
  --colors-sage-dark-a4: #f2fefd1a;
  --colors-sage-dark-a5: #f1fbfa22;
  --colors-sage-dark-a6: #edfbf42d;
  --colors-sage-dark-a7: #edfcf73c;
  --colors-sage-dark-a8: #ebfdf657;
  --colors-sage-dark-a9: #dffdf266;
  --colors-sage-dark-a10: #e5fdf674;
  --colors-sage-dark-a11: #f4fefbb0;
  --colors-sage-dark-a12: #fdfffeed;
  --colors-sand-light-1: #fdfdfc;
  --colors-sand-light-2: #f9f9f8;
  --colors-sand-light-3: #f1f0ef;
  --colors-sand-light-4: #e9e8e6;
  --colors-sand-light-5: #e2e1de;
  --colors-sand-light-6: #dad9d6;
  --colors-sand-light-7: #cfceca;
  --colors-sand-light-8: #bcbbb5;
  --colors-sand-light-9: #8d8d86;
  --colors-sand-light-10: #82827c;
  --colors-sand-light-11: #63635e;
  --colors-sand-light-12: #21201c;
  --colors-sand-light-a1: #55550003;
  --colors-sand-light-a2: #25250007;
  --colors-sand-light-a3: #20100010;
  --colors-sand-light-a4: #1f150019;
  --colors-sand-light-a5: #1f180021;
  --colors-sand-light-a6: #19130029;
  --colors-sand-light-a7: #19140035;
  --colors-sand-light-a8: #1915014a;
  --colors-sand-light-a9: #0f0f0079;
  --colors-sand-light-a10: #0c0c0083;
  --colors-sand-light-a11: #080800a1;
  --colors-sand-light-a12: #060500e3;
  --colors-sand-dark-1: #111110;
  --colors-sand-dark-2: #191918;
  --colors-sand-dark-3: #222221;
  --colors-sand-dark-4: #2a2a28;
  --colors-sand-dark-5: #31312e;
  --colors-sand-dark-6: #3b3a37;
  --colors-sand-dark-7: #494844;
  --colors-sand-dark-8: #62605b;
  --colors-sand-dark-9: #6f6d66;
  --colors-sand-dark-10: #7c7b74;
  --colors-sand-dark-11: #b5b3ad;
  --colors-sand-dark-12: #eeeeec;
  --colors-sand-dark-a1: #00000000;
  --colors-sand-dark-a2: #f4f4f309;
  --colors-sand-dark-a3: #f6f6f513;
  --colors-sand-dark-a4: #fefef31b;
  --colors-sand-dark-a5: #fbfbeb23;
  --colors-sand-dark-a6: #fffaed2d;
  --colors-sand-dark-a7: #fffbed3c;
  --colors-sand-dark-a8: #fff9eb57;
  --colors-sand-dark-a9: #fffae965;
  --colors-sand-dark-a10: #fffdee73;
  --colors-sand-dark-a11: #fffcf4b0;
  --colors-sand-dark-a12: #fffffded;
  --colors-sky-light-1: #f9feff;
  --colors-sky-light-2: #f1fafd;
  --colors-sky-light-3: #e1f6fd;
  --colors-sky-light-4: #d1f0fa;
  --colors-sky-light-5: #bee7f5;
  --colors-sky-light-6: #a9daed;
  --colors-sky-light-7: #8dcae3;
  --colors-sky-light-8: #60b3d7;
  --colors-sky-light-9: #7ce2fe;
  --colors-sky-light-10: #74daf8;
  --colors-sky-light-11: #00749e;
  --colors-sky-light-12: #1d3e56;
  --colors-sky-light-a1: #00d5ff06;
  --colors-sky-light-a2: #00a4db0e;
  --colors-sky-light-a3: #00b3ee1e;
  --colors-sky-light-a4: #00ace42e;
  --colors-sky-light-a5: #00a1d841;
  --colors-sky-light-a6: #0092ca56;
  --colors-sky-light-a7: #0089c172;
  --colors-sky-light-a8: #0085bf9f;
  --colors-sky-light-a9: #00c7fe83;
  --colors-sky-light-a10: #00bcf38b;
  --colors-sky-light-a11: #00749e;
  --colors-sky-light-a12: #002540e2;
  --colors-sky-dark-1: #0d141f;
  --colors-sky-dark-2: #111a27;
  --colors-sky-dark-3: #112840;
  --colors-sky-dark-4: #113555;
  --colors-sky-dark-5: #154467;
  --colors-sky-dark-6: #1b537b;
  --colors-sky-dark-7: #1f6692;
  --colors-sky-dark-8: #197cae;
  --colors-sky-dark-9: #7ce2fe;
  --colors-sky-dark-10: #a8eeff;
  --colors-sky-dark-11: #75c7f0;
  --colors-sky-dark-12: #c2f3ff;
  --colors-sky-dark-a1: #0044ff0f;
  --colors-sky-dark-a2: #1171fb18;
  --colors-sky-dark-a3: #1184fc33;
  --colors-sky-dark-a4: #128fff49;
  --colors-sky-dark-a5: #1c9dfd5d;
  --colors-sky-dark-a6: #28a5ff72;
  --colors-sky-dark-a7: #2badfe8b;
  --colors-sky-dark-a8: #1db2fea9;
  --colors-sky-dark-a9: #7ce3fffe;
  --colors-sky-dark-a10: #a8eeff;
  --colors-sky-dark-a11: #7cd3ffef;
  --colors-sky-dark-a12: #c2f3ff;
  --colors-slate-light-1: #fcfcfd;
  --colors-slate-light-2: #f9f9fb;
  --colors-slate-light-3: #f0f0f3;
  --colors-slate-light-4: #e8e8ec;
  --colors-slate-light-5: #e0e1e6;
  --colors-slate-light-6: #d9d9e0;
  --colors-slate-light-7: #cdced6;
  --colors-slate-light-8: #b9bbc6;
  --colors-slate-light-9: #8b8d98;
  --colors-slate-light-10: #80838d;
  --colors-slate-light-11: #60646c;
  --colors-slate-light-12: #1c2024;
  --colors-slate-light-a1: #00005503;
  --colors-slate-light-a2: #00005506;
  --colors-slate-light-a3: #0000330f;
  --colors-slate-light-a4: #00002d17;
  --colors-slate-light-a5: #0009321f;
  --colors-slate-light-a6: #00002f26;
  --colors-slate-light-a7: #00062e32;
  --colors-slate-light-a8: #00083046;
  --colors-slate-light-a9: #00051d74;
  --colors-slate-light-a10: #00071b7f;
  --colors-slate-light-a11: #0007149f;
  --colors-slate-light-a12: #000509e3;
  --colors-slate-dark-1: #111113;
  --colors-slate-dark-2: #18191b;
  --colors-slate-dark-3: #212225;
  --colors-slate-dark-4: #272a2d;
  --colors-slate-dark-5: #2e3135;
  --colors-slate-dark-6: #363a3f;
  --colors-slate-dark-7: #43484e;
  --colors-slate-dark-8: #5a6169;
  --colors-slate-dark-9: #696e77;
  --colors-slate-dark-10: #777b84;
  --colors-slate-dark-11: #b0b4ba;
  --colors-slate-dark-12: #edeef0;
  --colors-slate-dark-a1: #00000000;
  --colors-slate-dark-a2: #d8f4f609;
  --colors-slate-dark-a3: #ddeaf814;
  --colors-slate-dark-a4: #d3edf81d;
  --colors-slate-dark-a5: #d9edfe25;
  --colors-slate-dark-a6: #d6ebfd30;
  --colors-slate-dark-a7: #d9edff40;
  --colors-slate-dark-a8: #d9edff5d;
  --colors-slate-dark-a9: #dfebfd6d;
  --colors-slate-dark-a10: #e5edfd7b;
  --colors-slate-dark-a11: #f1f7feb5;
  --colors-slate-dark-a12: #fcfdffef;
  --colors-teal-light-1: #fafefd;
  --colors-teal-light-2: #f3fbf9;
  --colors-teal-light-3: #e0f8f3;
  --colors-teal-light-4: #ccf3ea;
  --colors-teal-light-5: #b8eae0;
  --colors-teal-light-6: #a1ded2;
  --colors-teal-light-7: #83cdc1;
  --colors-teal-light-8: #53b9ab;
  --colors-teal-light-9: #12a594;
  --colors-teal-light-10: #0d9b8a;
  --colors-teal-light-11: #008573;
  --colors-teal-light-12: #0d3d38;
  --colors-teal-light-a1: #00cc9905;
  --colors-teal-light-a2: #00aa800c;
  --colors-teal-light-a3: #00c69d1f;
  --colors-teal-light-a4: #00c39633;
  --colors-teal-light-a5: #00b49047;
  --colors-teal-light-a6: #00a6855e;
  --colors-teal-light-a7: #0099807c;
  --colors-teal-light-a8: #009783ac;
  --colors-teal-light-a9: #009e8ced;
  --colors-teal-light-a10: #009684f2;
  --colors-teal-light-a11: #008573;
  --colors-teal-light-a12: #00332df2;
  --colors-teal-dark-1: #0d1514;
  --colors-teal-dark-2: #111c1b;
  --colors-teal-dark-3: #0d2d2a;
  --colors-teal-dark-4: #023b37;
  --colors-teal-dark-5: #084843;
  --colors-teal-dark-6: #145750;
  --colors-teal-dark-7: #1c6961;
  --colors-teal-dark-8: #207e73;
  --colors-teal-dark-9: #12a594;
  --colors-teal-dark-10: #0eb39e;
  --colors-teal-dark-11: #0bd8b6;
  --colors-teal-dark-12: #adf0dd;
  --colors-teal-dark-a1: #00deab05;
  --colors-teal-dark-a2: #12fbe60c;
  --colors-teal-dark-a3: #00ffe61e;
  --colors-teal-dark-a4: #00ffe92d;
  --colors-teal-dark-a5: #00ffea3b;
  --colors-teal-dark-a6: #1cffe84b;
  --colors-teal-dark-a7: #2efde85f;
  --colors-teal-dark-a8: #32ffe775;
  --colors-teal-dark-a9: #13ffe49f;
  --colors-teal-dark-a10: #0dffe0ae;
  --colors-teal-dark-a11: #0afed5d6;
  --colors-teal-dark-a12: #b8ffebef;
  --colors-tomato-light-1: #fffcfc;
  --colors-tomato-light-2: #fff8f7;
  --colors-tomato-light-3: #feebe7;
  --colors-tomato-light-4: #ffdcd3;
  --colors-tomato-light-5: #ffcdc2;
  --colors-tomato-light-6: #fdbdaf;
  --colors-tomato-light-7: #f5a898;
  --colors-tomato-light-8: #ec8e7b;
  --colors-tomato-light-9: #e54d2e;
  --colors-tomato-light-10: #dd4425;
  --colors-tomato-light-11: #d13415;
  --colors-tomato-light-12: #5c271f;
  --colors-tomato-light-a1: #ff000003;
  --colors-tomato-light-a2: #ff200008;
  --colors-tomato-light-a3: #f52b0018;
  --colors-tomato-light-a4: #ff35002c;
  --colors-tomato-light-a5: #ff2e003d;
  --colors-tomato-light-a6: #f92d0050;
  --colors-tomato-light-a7: #e7280067;
  --colors-tomato-light-a8: #db250084;
  --colors-tomato-light-a9: #df2600d1;
  --colors-tomato-light-a10: #d72400da;
  --colors-tomato-light-a11: #cd2200ea;
  --colors-tomato-light-a12: #460900e0;
  --colors-tomato-dark-1: #181111;
  --colors-tomato-dark-2: #1f1513;
  --colors-tomato-dark-3: #391714;
  --colors-tomato-dark-4: #4e1511;
  --colors-tomato-dark-5: #5e1c16;
  --colors-tomato-dark-6: #6e2920;
  --colors-tomato-dark-7: #853a2d;
  --colors-tomato-dark-8: #ac4d39;
  --colors-tomato-dark-9: #e54d2e;
  --colors-tomato-dark-10: #ec6142;
  --colors-tomato-dark-11: #ff977d;
  --colors-tomato-dark-12: #fbd3cb;
  --colors-tomato-dark-a1: #f1121208;
  --colors-tomato-dark-a2: #ff55330f;
  --colors-tomato-dark-a3: #ff35232b;
  --colors-tomato-dark-a4: #fd201142;
  --colors-tomato-dark-a5: #fe332153;
  --colors-tomato-dark-a6: #ff4f3864;
  --colors-tomato-dark-a7: #fd644a7d;
  --colors-tomato-dark-a8: #fe6d4ea7;
  --colors-tomato-dark-a9: #fe5431e4;
  --colors-tomato-dark-a10: #ff6847eb;
  --colors-tomato-dark-a11: #ff977d;
  --colors-tomato-dark-a12: #ffd6cefb;
  --colors-violet-light-1: #fdfcfe;
  --colors-violet-light-2: #faf8ff;
  --colors-violet-light-3: #f4f0fe;
  --colors-violet-light-4: #ebe4ff;
  --colors-violet-light-5: #e1d9ff;
  --colors-violet-light-6: #d4cafe;
  --colors-violet-light-7: #c2b5f5;
  --colors-violet-light-8: #aa99ec;
  --colors-violet-light-9: #6e56cf;
  --colors-violet-light-10: #654dc4;
  --colors-violet-light-11: #6550b9;
  --colors-violet-light-12: #2f265f;
  --colors-violet-light-a1: #5500aa03;
  --colors-violet-light-a2: #4900ff07;
  --colors-violet-light-a3: #4400ee0f;
  --colors-violet-light-a4: #4300ff1b;
  --colors-violet-light-a5: #3600ff26;
  --colors-violet-light-a6: #3100fb35;
  --colors-violet-light-a7: #2d01dd4a;
  --colors-violet-light-a8: #2b00d066;
  --colors-violet-light-a9: #2400b7a9;
  --colors-violet-light-a10: #2300abb2;
  --colors-violet-light-a11: #1f0099af;
  --colors-violet-light-a12: #0b0043d9;
  --colors-violet-dark-1: #14121f;
  --colors-violet-dark-2: #1b1525;
  --colors-violet-dark-3: #291f43;
  --colors-violet-dark-4: #33255b;
  --colors-violet-dark-5: #3c2e69;
  --colors-violet-dark-6: #473876;
  --colors-violet-dark-7: #56468b;
  --colors-violet-dark-8: #6958ad;
  --colors-violet-dark-9: #6e56cf;
  --colors-violet-dark-10: #7d66d9;
  --colors-violet-dark-11: #baa7ff;
  --colors-violet-dark-12: #e2ddfe;
  --colors-violet-dark-a1: #4422ff0f;
  --colors-violet-dark-a2: #853ff916;
  --colors-violet-dark-a3: #8354fe36;
  --colors-violet-dark-a4: #7d51fd50;
  --colors-violet-dark-a5: #845ffd5f;
  --colors-violet-dark-a6: #8f6cfd6d;
  --colors-violet-dark-a7: #9879ff83;
  --colors-violet-dark-a8: #977dfea8;
  --colors-violet-dark-a9: #8668ffcc;
  --colors-violet-dark-a10: #9176fed7;
  --colors-violet-dark-a11: #baa7ff;
  --colors-violet-dark-a12: #e3defffe;
  --colors-yellow-light-1: #fdfdf9;
  --colors-yellow-light-2: #fefce9;
  --colors-yellow-light-3: #fffab8;
  --colors-yellow-light-4: #fff394;
  --colors-yellow-light-5: #ffe770;
  --colors-yellow-light-6: #f3d768;
  --colors-yellow-light-7: #e4c767;
  --colors-yellow-light-8: #d5ae39;
  --colors-yellow-light-9: #ffe629;
  --colors-yellow-light-10: #ffdc00;
  --colors-yellow-light-11: #9e6c00;
  --colors-yellow-light-12: #473b1f;
  --colors-yellow-light-a1: #aaaa0006;
  --colors-yellow-light-a2: #f4dd0016;
  --colors-yellow-light-a3: #ffee0047;
  --colors-yellow-light-a4: #ffe3016b;
  --colors-yellow-light-a5: #ffd5008f;
  --colors-yellow-light-a6: #ebbc0097;
  --colors-yellow-light-a7: #d2a10098;
  --colors-yellow-light-a8: #c99700c6;
  --colors-yellow-light-a9: #ffe100d6;
  --colors-yellow-light-a10: #ffdc00;
  --colors-yellow-light-a11: #9e6c00;
  --colors-yellow-light-a12: #2e2000e0;
  --colors-yellow-dark-1: #14120b;
  --colors-yellow-dark-2: #1b180f;
  --colors-yellow-dark-3: #2d2305;
  --colors-yellow-dark-4: #362b00;
  --colors-yellow-dark-5: #433500;
  --colors-yellow-dark-6: #524202;
  --colors-yellow-dark-7: #665417;
  --colors-yellow-dark-8: #836a21;
  --colors-yellow-dark-9: #ffe629;
  --colors-yellow-dark-10: #ffff57;
  --colors-yellow-dark-11: #f5e147;
  --colors-yellow-dark-12: #f6eeb4;
  --colors-yellow-dark-a1: #d1510004;
  --colors-yellow-dark-a2: #f9b4000b;
  --colors-yellow-dark-a3: #ffaa001e;
  --colors-yellow-dark-a4: #fdb70028;
  --colors-yellow-dark-a5: #febb0036;
  --colors-yellow-dark-a6: #fec40046;
  --colors-yellow-dark-a7: #fdcb225c;
  --colors-yellow-dark-a8: #fdca327b;
  --colors-yellow-dark-a9: #ffe629;
  --colors-yellow-dark-a10: #ffff57;
  --colors-yellow-dark-a11: #fee949f5;
  --colors-yellow-dark-a12: #fef6baf6;
  --colors-neutral-light-1: #fcfcfc;
  --colors-neutral-light-2: #f9f9f9;
  --colors-neutral-light-3: #f0f0f0;
  --colors-neutral-light-4: #e8e8e8;
  --colors-neutral-light-5: #e0e0e0;
  --colors-neutral-light-6: #d9d9d9;
  --colors-neutral-light-7: #cecece;
  --colors-neutral-light-8: #bbbbbb;
  --colors-neutral-light-9: #8d8d8d;
  --colors-neutral-light-10: #838383;
  --colors-neutral-light-11: #646464;
  --colors-neutral-light-12: #202020;
  --colors-neutral-light-a1: #00000003;
  --colors-neutral-light-a2: #00000006;
  --colors-neutral-light-a3: #0000000f;
  --colors-neutral-light-a4: #00000017;
  --colors-neutral-light-a5: #0000001f;
  --colors-neutral-light-a6: #00000026;
  --colors-neutral-light-a7: #00000031;
  --colors-neutral-light-a8: #00000044;
  --colors-neutral-light-a9: #00000072;
  --colors-neutral-light-a10: #0000007c;
  --colors-neutral-light-a11: #0000009b;
  --colors-neutral-light-a12: #000000df;
  --colors-neutral-dark-1: #111111;
  --colors-neutral-dark-2: #191919;
  --colors-neutral-dark-3: #222222;
  --colors-neutral-dark-4: #2a2a2a;
  --colors-neutral-dark-5: #313131;
  --colors-neutral-dark-6: #3a3a3a;
  --colors-neutral-dark-7: #484848;
  --colors-neutral-dark-8: #606060;
  --colors-neutral-dark-9: #6e6e6e;
  --colors-neutral-dark-10: #7b7b7b;
  --colors-neutral-dark-11: #b4b4b4;
  --colors-neutral-dark-12: #eeeeee;
  --colors-neutral-dark-a1: #00000000;
  --colors-neutral-dark-a2: #ffffff09;
  --colors-neutral-dark-a3: #ffffff12;
  --colors-neutral-dark-a4: #ffffff1b;
  --colors-neutral-dark-a5: #ffffff22;
  --colors-neutral-dark-a6: #ffffff2c;
  --colors-neutral-dark-a7: #ffffff3b;
  --colors-neutral-dark-a8: #ffffff55;
  --colors-neutral-dark-a9: #ffffff64;
  --colors-neutral-dark-a10: #ffffff72;
  --colors-neutral-dark-a11: #ffffffaf;
  --colors-neutral-dark-a12: #ffffffed;
  --durations-fastest: 50ms;
  --durations-faster: 100ms;
  --durations-fast: 150ms;
  --durations-normal: 200ms;
  --durations-slow: 300ms;
  --durations-slower: 400ms;
  --durations-slowest: 500ms;
  --easings-pulse: cubic-bezier(0.4, 0.0, 0.6, 1.0);
  --easings-default: cubic-bezier(0.2, 0.0, 0, 1.0);
  --easings-emphasized-in: cubic-bezier(0.05, 0.7, 0.1, 1.0);
  --easings-emphasized-out: cubic-bezier(0.3, 0.0, 0.8, 0.15);
  --fonts-sans: 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";
  --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-sizes-2xs: 0.5rem;
  --font-sizes-xs: 0.75rem;
  --font-sizes-sm: 0.875rem;
  --font-sizes-md: 1rem;
  --font-sizes-lg: 1.125rem;
  --font-sizes-xl: 1.25rem;
  --font-sizes-2xl: 1.5rem;
  --font-sizes-3xl: 1.875rem;
  --font-sizes-4xl: 2.25rem;
  --font-sizes-5xl: 3rem;
  --font-sizes-6xl: 3.75rem;
  --font-sizes-7xl: 4.5rem;
  --font-sizes-8xl: 6rem;
  --font-sizes-9xl: 8rem;
  --font-weights-thin: 100;
  --font-weights-extralight: 200;
  --font-weights-light: 300;
  --font-weights-normal: 400;
  --font-weights-medium: 500;
  --font-weights-semibold: 600;
  --font-weights-bold: 700;
  --font-weights-extrabold: 800;
  --font-weights-black: 900;
  --letter-spacings-tighter: -0.05em;
  --letter-spacings-tight: -0.025em;
  --letter-spacings-normal: 0em;
  --letter-spacings-wide: 0.025em;
  --letter-spacings-wider: 0.05em;
  --letter-spacings-widest: 0.1em;
  --line-heights-none: 1;
  --line-heights-tight: 1.25;
  --line-heights-normal: 1.5;
  --line-heights-relaxed: 1.75;
  --line-heights-loose: 2;
  --radii-none: 0;
  --radii-2xs: 0.0625rem;
  --radii-xs: 0.125rem;
  --radii-sm: 0.25rem;
  --radii-md: 0.375rem;
  --radii-lg: 0.5rem;
  --radii-xl: 0.75rem;
  --radii-2xl: 1rem;
  --radii-3xl: 1.5rem;
  --radii-full: 9999px;
  --sizes-0: 0rem;
  --sizes-1: 0.25rem;
  --sizes-2: 0.5rem;
  --sizes-3: 0.75rem;
  --sizes-4: 1rem;
  --sizes-5: 1.25rem;
  --sizes-6: 1.5rem;
  --sizes-7: 1.75rem;
  --sizes-8: 2rem;
  --sizes-9: 2.25rem;
  --sizes-10: 2.5rem;
  --sizes-11: 2.75rem;
  --sizes-12: 3rem;
  --sizes-14: 3.5rem;
  --sizes-16: 4rem;
  --sizes-20: 5rem;
  --sizes-24: 6rem;
  --sizes-28: 7rem;
  --sizes-32: 8rem;
  --sizes-36: 9rem;
  --sizes-40: 10rem;
  --sizes-44: 11rem;
  --sizes-48: 12rem;
  --sizes-52: 13rem;
  --sizes-56: 14rem;
  --sizes-60: 15rem;
  --sizes-64: 16rem;
  --sizes-72: 18rem;
  --sizes-80: 20rem;
  --sizes-96: 24rem;
  --sizes-0\.5: 0.125rem;
  --sizes-1\.5: 0.375rem;
  --sizes-2\.5: 0.625rem;
  --sizes-3\.5: 0.875rem;
  --sizes-4\.5: 1.125rem;
  --sizes-2xs: 16rem;
  --sizes-xs: 20rem;
  --sizes-sm: 24rem;
  --sizes-md: 28rem;
  --sizes-lg: 32rem;
  --sizes-xl: 36rem;
  --sizes-2xl: 42rem;
  --sizes-3xl: 48rem;
  --sizes-4xl: 56rem;
  --sizes-5xl: 64rem;
  --sizes-6xl: 72rem;
  --sizes-7xl: 80rem;
  --sizes-8xl: 90rem;
  --sizes-full: 100%;
  --sizes-min: min-content;
  --sizes-max: max-content;
  --sizes-fit: fit-content;
  --sizes-breakpoint-sm: 640px;
  --sizes-breakpoint-md: 768px;
  --sizes-breakpoint-lg: 1024px;
  --sizes-breakpoint-xl: 1280px;
  --sizes-breakpoint-2xl: 1536px;
  --spacing-0: 0rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-0\.5: 0.125rem;
  --spacing-1\.5: 0.375rem;
  --spacing-2\.5: 0.625rem;
  --spacing-3\.5: 0.875rem;
  --spacing-4\.5: 1.125rem;
  --z-index-hide: -1;
  --z-index-base: 0;
  --z-index-docked: 10;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1100;
  --z-index-banner: 1200;
  --z-index-overlay: 1300;
  --z-index-modal: 1400;
  --z-index-popover: 1500;
  --z-index-skip-link: 1600;
  --z-index-toast: 1700;
  --z-index-tooltip: 1800;
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --breakpoints-xl: 1280px;
  --breakpoints-2xl: 1536px;
  --colors-amber-1: var(--colors-amber-light-1);
  --colors-amber-2: var(--colors-amber-light-2);
  --colors-amber-3: var(--colors-amber-light-3);
  --colors-amber-4: var(--colors-amber-light-4);
  --colors-amber-5: var(--colors-amber-light-5);
  --colors-amber-6: var(--colors-amber-light-6);
  --colors-amber-7: var(--colors-amber-light-7);
  --colors-amber-8: var(--colors-amber-light-8);
  --colors-amber-9: var(--colors-amber-light-9);
  --colors-amber-10: var(--colors-amber-light-10);
  --colors-amber-11: var(--colors-amber-light-11);
  --colors-amber-12: var(--colors-amber-light-12);
  --colors-amber-a1: var(--colors-amber-light-a1);
  --colors-amber-a2: var(--colors-amber-light-a2);
  --colors-amber-a3: var(--colors-amber-light-a3);
  --colors-amber-a4: var(--colors-amber-light-a4);
  --colors-amber-a5: var(--colors-amber-light-a5);
  --colors-amber-a6: var(--colors-amber-light-a6);
  --colors-amber-a7: var(--colors-amber-light-a7);
  --colors-amber-a8: var(--colors-amber-light-a8);
  --colors-amber-a9: var(--colors-amber-light-a9);
  --colors-amber-a10: var(--colors-amber-light-a10);
  --colors-amber-a11: var(--colors-amber-light-a11);
  --colors-amber-a12: var(--colors-amber-light-a12);
  --colors-amber-default: var(--colors-amber-9);
  --colors-amber-emphasized: var(--colors-amber-10);
  --colors-amber-fg: var(--colors-sand-light-12);
  --colors-amber-text: var(--colors-amber-a11);
  --colors-blue-1: var(--colors-blue-light-1);
  --colors-blue-2: var(--colors-blue-light-2);
  --colors-blue-3: var(--colors-blue-light-3);
  --colors-blue-4: var(--colors-blue-light-4);
  --colors-blue-5: var(--colors-blue-light-5);
  --colors-blue-6: var(--colors-blue-light-6);
  --colors-blue-7: var(--colors-blue-light-7);
  --colors-blue-8: var(--colors-blue-light-8);
  --colors-blue-9: var(--colors-blue-light-9);
  --colors-blue-10: var(--colors-blue-light-10);
  --colors-blue-11: var(--colors-blue-light-11);
  --colors-blue-12: var(--colors-blue-light-12);
  --colors-blue-a1: var(--colors-blue-light-a1);
  --colors-blue-a2: var(--colors-blue-light-a2);
  --colors-blue-a3: var(--colors-blue-light-a3);
  --colors-blue-a4: var(--colors-blue-light-a4);
  --colors-blue-a5: var(--colors-blue-light-a5);
  --colors-blue-a6: var(--colors-blue-light-a6);
  --colors-blue-a7: var(--colors-blue-light-a7);
  --colors-blue-a8: var(--colors-blue-light-a8);
  --colors-blue-a9: var(--colors-blue-light-a9);
  --colors-blue-a10: var(--colors-blue-light-a10);
  --colors-blue-a11: var(--colors-blue-light-a11);
  --colors-blue-a12: var(--colors-blue-light-a12);
  --colors-blue-default: var(--colors-blue-9);
  --colors-blue-emphasized: var(--colors-blue-10);
  --colors-blue-fg: white;
  --colors-blue-text: var(--colors-blue-a11);
  --colors-bronze-1: var(--colors-bronze-light-1);
  --colors-bronze-2: var(--colors-bronze-light-2);
  --colors-bronze-3: var(--colors-bronze-light-3);
  --colors-bronze-4: var(--colors-bronze-light-4);
  --colors-bronze-5: var(--colors-bronze-light-5);
  --colors-bronze-6: var(--colors-bronze-light-6);
  --colors-bronze-7: var(--colors-bronze-light-7);
  --colors-bronze-8: var(--colors-bronze-light-8);
  --colors-bronze-9: var(--colors-bronze-light-9);
  --colors-bronze-10: var(--colors-bronze-light-10);
  --colors-bronze-11: var(--colors-bronze-light-11);
  --colors-bronze-12: var(--colors-bronze-light-12);
  --colors-bronze-a1: var(--colors-bronze-light-a1);
  --colors-bronze-a2: var(--colors-bronze-light-a2);
  --colors-bronze-a3: var(--colors-bronze-light-a3);
  --colors-bronze-a4: var(--colors-bronze-light-a4);
  --colors-bronze-a5: var(--colors-bronze-light-a5);
  --colors-bronze-a6: var(--colors-bronze-light-a6);
  --colors-bronze-a7: var(--colors-bronze-light-a7);
  --colors-bronze-a8: var(--colors-bronze-light-a8);
  --colors-bronze-a9: var(--colors-bronze-light-a9);
  --colors-bronze-a10: var(--colors-bronze-light-a10);
  --colors-bronze-a11: var(--colors-bronze-light-a11);
  --colors-bronze-a12: var(--colors-bronze-light-a12);
  --colors-bronze-default: var(--colors-bronze-9);
  --colors-bronze-emphasized: var(--colors-bronze-10);
  --colors-bronze-fg: white;
  --colors-bronze-text: var(--colors-bronze-a11);
  --colors-brown-1: var(--colors-brown-light-1);
  --colors-brown-2: var(--colors-brown-light-2);
  --colors-brown-3: var(--colors-brown-light-3);
  --colors-brown-4: var(--colors-brown-light-4);
  --colors-brown-5: var(--colors-brown-light-5);
  --colors-brown-6: var(--colors-brown-light-6);
  --colors-brown-7: var(--colors-brown-light-7);
  --colors-brown-8: var(--colors-brown-light-8);
  --colors-brown-9: var(--colors-brown-light-9);
  --colors-brown-10: var(--colors-brown-light-10);
  --colors-brown-11: var(--colors-brown-light-11);
  --colors-brown-12: var(--colors-brown-light-12);
  --colors-brown-a1: var(--colors-brown-light-a1);
  --colors-brown-a2: var(--colors-brown-light-a2);
  --colors-brown-a3: var(--colors-brown-light-a3);
  --colors-brown-a4: var(--colors-brown-light-a4);
  --colors-brown-a5: var(--colors-brown-light-a5);
  --colors-brown-a6: var(--colors-brown-light-a6);
  --colors-brown-a7: var(--colors-brown-light-a7);
  --colors-brown-a8: var(--colors-brown-light-a8);
  --colors-brown-a9: var(--colors-brown-light-a9);
  --colors-brown-a10: var(--colors-brown-light-a10);
  --colors-brown-a11: var(--colors-brown-light-a11);
  --colors-brown-a12: var(--colors-brown-light-a12);
  --colors-brown-default: var(--colors-brown-9);
  --colors-brown-emphasized: var(--colors-brown-10);
  --colors-brown-fg: white;
  --colors-brown-text: var(--colors-brown-a11);
  --colors-crimson-1: var(--colors-crimson-light-1);
  --colors-crimson-2: var(--colors-crimson-light-2);
  --colors-crimson-3: var(--colors-crimson-light-3);
  --colors-crimson-4: var(--colors-crimson-light-4);
  --colors-crimson-5: var(--colors-crimson-light-5);
  --colors-crimson-6: var(--colors-crimson-light-6);
  --colors-crimson-7: var(--colors-crimson-light-7);
  --colors-crimson-8: var(--colors-crimson-light-8);
  --colors-crimson-9: var(--colors-crimson-light-9);
  --colors-crimson-10: var(--colors-crimson-light-10);
  --colors-crimson-11: var(--colors-crimson-light-11);
  --colors-crimson-12: var(--colors-crimson-light-12);
  --colors-crimson-a1: var(--colors-crimson-light-a1);
  --colors-crimson-a2: var(--colors-crimson-light-a2);
  --colors-crimson-a3: var(--colors-crimson-light-a3);
  --colors-crimson-a4: var(--colors-crimson-light-a4);
  --colors-crimson-a5: var(--colors-crimson-light-a5);
  --colors-crimson-a6: var(--colors-crimson-light-a6);
  --colors-crimson-a7: var(--colors-crimson-light-a7);
  --colors-crimson-a8: var(--colors-crimson-light-a8);
  --colors-crimson-a9: var(--colors-crimson-light-a9);
  --colors-crimson-a10: var(--colors-crimson-light-a10);
  --colors-crimson-a11: var(--colors-crimson-light-a11);
  --colors-crimson-a12: var(--colors-crimson-light-a12);
  --colors-crimson-default: var(--colors-crimson-9);
  --colors-crimson-emphasized: var(--colors-crimson-10);
  --colors-crimson-fg: white;
  --colors-crimson-text: var(--colors-crimson-a11);
  --colors-cyan-1: var(--colors-cyan-light-1);
  --colors-cyan-2: var(--colors-cyan-light-2);
  --colors-cyan-3: var(--colors-cyan-light-3);
  --colors-cyan-4: var(--colors-cyan-light-4);
  --colors-cyan-5: var(--colors-cyan-light-5);
  --colors-cyan-6: var(--colors-cyan-light-6);
  --colors-cyan-7: var(--colors-cyan-light-7);
  --colors-cyan-8: var(--colors-cyan-light-8);
  --colors-cyan-9: var(--colors-cyan-light-9);
  --colors-cyan-10: var(--colors-cyan-light-10);
  --colors-cyan-11: var(--colors-cyan-light-11);
  --colors-cyan-12: var(--colors-cyan-light-12);
  --colors-cyan-a1: var(--colors-cyan-light-a1);
  --colors-cyan-a2: var(--colors-cyan-light-a2);
  --colors-cyan-a3: var(--colors-cyan-light-a3);
  --colors-cyan-a4: var(--colors-cyan-light-a4);
  --colors-cyan-a5: var(--colors-cyan-light-a5);
  --colors-cyan-a6: var(--colors-cyan-light-a6);
  --colors-cyan-a7: var(--colors-cyan-light-a7);
  --colors-cyan-a8: var(--colors-cyan-light-a8);
  --colors-cyan-a9: var(--colors-cyan-light-a9);
  --colors-cyan-a10: var(--colors-cyan-light-a10);
  --colors-cyan-a11: var(--colors-cyan-light-a11);
  --colors-cyan-a12: var(--colors-cyan-light-a12);
  --colors-cyan-default: var(--colors-cyan-9);
  --colors-cyan-emphasized: var(--colors-cyan-10);
  --colors-cyan-fg: white;
  --colors-cyan-text: var(--colors-cyan-a11);
  --colors-gold-1: var(--colors-gold-light-1);
  --colors-gold-2: var(--colors-gold-light-2);
  --colors-gold-3: var(--colors-gold-light-3);
  --colors-gold-4: var(--colors-gold-light-4);
  --colors-gold-5: var(--colors-gold-light-5);
  --colors-gold-6: var(--colors-gold-light-6);
  --colors-gold-7: var(--colors-gold-light-7);
  --colors-gold-8: var(--colors-gold-light-8);
  --colors-gold-9: var(--colors-gold-light-9);
  --colors-gold-10: var(--colors-gold-light-10);
  --colors-gold-11: var(--colors-gold-light-11);
  --colors-gold-12: var(--colors-gold-light-12);
  --colors-gold-a1: var(--colors-gold-light-a1);
  --colors-gold-a2: var(--colors-gold-light-a2);
  --colors-gold-a3: var(--colors-gold-light-a3);
  --colors-gold-a4: var(--colors-gold-light-a4);
  --colors-gold-a5: var(--colors-gold-light-a5);
  --colors-gold-a6: var(--colors-gold-light-a6);
  --colors-gold-a7: var(--colors-gold-light-a7);
  --colors-gold-a8: var(--colors-gold-light-a8);
  --colors-gold-a9: var(--colors-gold-light-a9);
  --colors-gold-a10: var(--colors-gold-light-a10);
  --colors-gold-a11: var(--colors-gold-light-a11);
  --colors-gold-a12: var(--colors-gold-light-a12);
  --colors-gold-default: var(--colors-gold-9);
  --colors-gold-emphasized: var(--colors-gold-10);
  --colors-gold-fg: white;
  --colors-gold-text: var(--colors-gold-a11);
  --colors-grass-1: var(--colors-grass-light-1);
  --colors-grass-2: var(--colors-grass-light-2);
  --colors-grass-3: var(--colors-grass-light-3);
  --colors-grass-4: var(--colors-grass-light-4);
  --colors-grass-5: var(--colors-grass-light-5);
  --colors-grass-6: var(--colors-grass-light-6);
  --colors-grass-7: var(--colors-grass-light-7);
  --colors-grass-8: var(--colors-grass-light-8);
  --colors-grass-9: var(--colors-grass-light-9);
  --colors-grass-10: var(--colors-grass-light-10);
  --colors-grass-11: var(--colors-grass-light-11);
  --colors-grass-12: var(--colors-grass-light-12);
  --colors-grass-a1: var(--colors-grass-light-a1);
  --colors-grass-a2: var(--colors-grass-light-a2);
  --colors-grass-a3: var(--colors-grass-light-a3);
  --colors-grass-a4: var(--colors-grass-light-a4);
  --colors-grass-a5: var(--colors-grass-light-a5);
  --colors-grass-a6: var(--colors-grass-light-a6);
  --colors-grass-a7: var(--colors-grass-light-a7);
  --colors-grass-a8: var(--colors-grass-light-a8);
  --colors-grass-a9: var(--colors-grass-light-a9);
  --colors-grass-a10: var(--colors-grass-light-a10);
  --colors-grass-a11: var(--colors-grass-light-a11);
  --colors-grass-a12: var(--colors-grass-light-a12);
  --colors-grass-default: var(--colors-grass-9);
  --colors-grass-emphasized: var(--colors-grass-10);
  --colors-grass-fg: white;
  --colors-grass-text: var(--colors-grass-a11);
  --colors-green-1: var(--colors-green-light-1);
  --colors-green-2: var(--colors-green-light-2);
  --colors-green-3: var(--colors-green-light-3);
  --colors-green-4: var(--colors-green-light-4);
  --colors-green-5: var(--colors-green-light-5);
  --colors-green-6: var(--colors-green-light-6);
  --colors-green-7: var(--colors-green-light-7);
  --colors-green-8: var(--colors-green-light-8);
  --colors-green-9: var(--colors-green-light-9);
  --colors-green-10: var(--colors-green-light-10);
  --colors-green-11: var(--colors-green-light-11);
  --colors-green-12: var(--colors-green-light-12);
  --colors-green-a1: var(--colors-green-light-a1);
  --colors-green-a2: var(--colors-green-light-a2);
  --colors-green-a3: var(--colors-green-light-a3);
  --colors-green-a4: var(--colors-green-light-a4);
  --colors-green-a5: var(--colors-green-light-a5);
  --colors-green-a6: var(--colors-green-light-a6);
  --colors-green-a7: var(--colors-green-light-a7);
  --colors-green-a8: var(--colors-green-light-a8);
  --colors-green-a9: var(--colors-green-light-a9);
  --colors-green-a10: var(--colors-green-light-a10);
  --colors-green-a11: var(--colors-green-light-a11);
  --colors-green-a12: var(--colors-green-light-a12);
  --colors-green-default: var(--colors-green-9);
  --colors-green-emphasized: var(--colors-green-10);
  --colors-green-fg: white;
  --colors-green-text: var(--colors-green-a11);
  --colors-indigo-1: var(--colors-indigo-light-1);
  --colors-indigo-2: var(--colors-indigo-light-2);
  --colors-indigo-3: var(--colors-indigo-light-3);
  --colors-indigo-4: var(--colors-indigo-light-4);
  --colors-indigo-5: var(--colors-indigo-light-5);
  --colors-indigo-6: var(--colors-indigo-light-6);
  --colors-indigo-7: var(--colors-indigo-light-7);
  --colors-indigo-8: var(--colors-indigo-light-8);
  --colors-indigo-9: var(--colors-indigo-light-9);
  --colors-indigo-10: var(--colors-indigo-light-10);
  --colors-indigo-11: var(--colors-indigo-light-11);
  --colors-indigo-12: var(--colors-indigo-light-12);
  --colors-indigo-a1: var(--colors-indigo-light-a1);
  --colors-indigo-a2: var(--colors-indigo-light-a2);
  --colors-indigo-a3: var(--colors-indigo-light-a3);
  --colors-indigo-a4: var(--colors-indigo-light-a4);
  --colors-indigo-a5: var(--colors-indigo-light-a5);
  --colors-indigo-a6: var(--colors-indigo-light-a6);
  --colors-indigo-a7: var(--colors-indigo-light-a7);
  --colors-indigo-a8: var(--colors-indigo-light-a8);
  --colors-indigo-a9: var(--colors-indigo-light-a9);
  --colors-indigo-a10: var(--colors-indigo-light-a10);
  --colors-indigo-a11: var(--colors-indigo-light-a11);
  --colors-indigo-a12: var(--colors-indigo-light-a12);
  --colors-indigo-default: var(--colors-indigo-9);
  --colors-indigo-emphasized: var(--colors-indigo-10);
  --colors-indigo-fg: white;
  --colors-indigo-text: var(--colors-indigo-a11);
  --colors-iris-1: var(--colors-iris-light-1);
  --colors-iris-2: var(--colors-iris-light-2);
  --colors-iris-3: var(--colors-iris-light-3);
  --colors-iris-4: var(--colors-iris-light-4);
  --colors-iris-5: var(--colors-iris-light-5);
  --colors-iris-6: var(--colors-iris-light-6);
  --colors-iris-7: var(--colors-iris-light-7);
  --colors-iris-8: var(--colors-iris-light-8);
  --colors-iris-9: var(--colors-iris-light-9);
  --colors-iris-10: var(--colors-iris-light-10);
  --colors-iris-11: var(--colors-iris-light-11);
  --colors-iris-12: var(--colors-iris-light-12);
  --colors-iris-a1: var(--colors-iris-light-a1);
  --colors-iris-a2: var(--colors-iris-light-a2);
  --colors-iris-a3: var(--colors-iris-light-a3);
  --colors-iris-a4: var(--colors-iris-light-a4);
  --colors-iris-a5: var(--colors-iris-light-a5);
  --colors-iris-a6: var(--colors-iris-light-a6);
  --colors-iris-a7: var(--colors-iris-light-a7);
  --colors-iris-a8: var(--colors-iris-light-a8);
  --colors-iris-a9: var(--colors-iris-light-a9);
  --colors-iris-a10: var(--colors-iris-light-a10);
  --colors-iris-a11: var(--colors-iris-light-a11);
  --colors-iris-a12: var(--colors-iris-light-a12);
  --colors-iris-default: var(--colors-iris-9);
  --colors-iris-emphasized: var(--colors-iris-10);
  --colors-iris-fg: white;
  --colors-iris-text: var(--colors-iris-a11);
  --colors-jade-1: var(--colors-jade-light-1);
  --colors-jade-2: var(--colors-jade-light-2);
  --colors-jade-3: var(--colors-jade-light-3);
  --colors-jade-4: var(--colors-jade-light-4);
  --colors-jade-5: var(--colors-jade-light-5);
  --colors-jade-6: var(--colors-jade-light-6);
  --colors-jade-7: var(--colors-jade-light-7);
  --colors-jade-8: var(--colors-jade-light-8);
  --colors-jade-9: var(--colors-jade-light-9);
  --colors-jade-10: var(--colors-jade-light-10);
  --colors-jade-11: var(--colors-jade-light-11);
  --colors-jade-12: var(--colors-jade-light-12);
  --colors-jade-a1: var(--colors-jade-light-a1);
  --colors-jade-a2: var(--colors-jade-light-a2);
  --colors-jade-a3: var(--colors-jade-light-a3);
  --colors-jade-a4: var(--colors-jade-light-a4);
  --colors-jade-a5: var(--colors-jade-light-a5);
  --colors-jade-a6: var(--colors-jade-light-a6);
  --colors-jade-a7: var(--colors-jade-light-a7);
  --colors-jade-a8: var(--colors-jade-light-a8);
  --colors-jade-a9: var(--colors-jade-light-a9);
  --colors-jade-a10: var(--colors-jade-light-a10);
  --colors-jade-a11: var(--colors-jade-light-a11);
  --colors-jade-a12: var(--colors-jade-light-a12);
  --colors-jade-default: var(--colors-jade-9);
  --colors-jade-emphasized: var(--colors-jade-10);
  --colors-jade-fg: white;
  --colors-jade-text: var(--colors-jade-a11);
  --colors-lime-1: var(--colors-lime-light-1);
  --colors-lime-2: var(--colors-lime-light-2);
  --colors-lime-3: var(--colors-lime-light-3);
  --colors-lime-4: var(--colors-lime-light-4);
  --colors-lime-5: var(--colors-lime-light-5);
  --colors-lime-6: var(--colors-lime-light-6);
  --colors-lime-7: var(--colors-lime-light-7);
  --colors-lime-8: var(--colors-lime-light-8);
  --colors-lime-9: var(--colors-lime-light-9);
  --colors-lime-10: var(--colors-lime-light-10);
  --colors-lime-11: var(--colors-lime-light-11);
  --colors-lime-12: var(--colors-lime-light-12);
  --colors-lime-a1: var(--colors-lime-light-a1);
  --colors-lime-a2: var(--colors-lime-light-a2);
  --colors-lime-a3: var(--colors-lime-light-a3);
  --colors-lime-a4: var(--colors-lime-light-a4);
  --colors-lime-a5: var(--colors-lime-light-a5);
  --colors-lime-a6: var(--colors-lime-light-a6);
  --colors-lime-a7: var(--colors-lime-light-a7);
  --colors-lime-a8: var(--colors-lime-light-a8);
  --colors-lime-a9: var(--colors-lime-light-a9);
  --colors-lime-a10: var(--colors-lime-light-a10);
  --colors-lime-a11: var(--colors-lime-light-a11);
  --colors-lime-a12: var(--colors-lime-light-a12);
  --colors-lime-default: var(--colors-lime-9);
  --colors-lime-emphasized: var(--colors-lime-10);
  --colors-lime-fg: var(--colors-olive-light-12);
  --colors-lime-text: var(--colors-lime-a11);
  --colors-mauve-1: var(--colors-mauve-light-1);
  --colors-mauve-2: var(--colors-mauve-light-2);
  --colors-mauve-3: var(--colors-mauve-light-3);
  --colors-mauve-4: var(--colors-mauve-light-4);
  --colors-mauve-5: var(--colors-mauve-light-5);
  --colors-mauve-6: var(--colors-mauve-light-6);
  --colors-mauve-7: var(--colors-mauve-light-7);
  --colors-mauve-8: var(--colors-mauve-light-8);
  --colors-mauve-9: var(--colors-mauve-light-9);
  --colors-mauve-10: var(--colors-mauve-light-10);
  --colors-mauve-11: var(--colors-mauve-light-11);
  --colors-mauve-12: var(--colors-mauve-light-12);
  --colors-mauve-a1: var(--colors-mauve-light-a1);
  --colors-mauve-a2: var(--colors-mauve-light-a2);
  --colors-mauve-a3: var(--colors-mauve-light-a3);
  --colors-mauve-a4: var(--colors-mauve-light-a4);
  --colors-mauve-a5: var(--colors-mauve-light-a5);
  --colors-mauve-a6: var(--colors-mauve-light-a6);
  --colors-mauve-a7: var(--colors-mauve-light-a7);
  --colors-mauve-a8: var(--colors-mauve-light-a8);
  --colors-mauve-a9: var(--colors-mauve-light-a9);
  --colors-mauve-a10: var(--colors-mauve-light-a10);
  --colors-mauve-a11: var(--colors-mauve-light-a11);
  --colors-mauve-a12: var(--colors-mauve-light-a12);
  --colors-mauve-default: var(--colors-mauve-9);
  --colors-mauve-emphasized: var(--colors-mauve-10);
  --colors-mauve-fg: white;
  --colors-mauve-text: var(--colors-mauve-12);
  --colors-mint-1: var(--colors-mint-light-1);
  --colors-mint-2: var(--colors-mint-light-2);
  --colors-mint-3: var(--colors-mint-light-3);
  --colors-mint-4: var(--colors-mint-light-4);
  --colors-mint-5: var(--colors-mint-light-5);
  --colors-mint-6: var(--colors-mint-light-6);
  --colors-mint-7: var(--colors-mint-light-7);
  --colors-mint-8: var(--colors-mint-light-8);
  --colors-mint-9: var(--colors-mint-light-9);
  --colors-mint-10: var(--colors-mint-light-10);
  --colors-mint-11: var(--colors-mint-light-11);
  --colors-mint-12: var(--colors-mint-light-12);
  --colors-mint-a1: var(--colors-mint-light-a1);
  --colors-mint-a2: var(--colors-mint-light-a2);
  --colors-mint-a3: var(--colors-mint-light-a3);
  --colors-mint-a4: var(--colors-mint-light-a4);
  --colors-mint-a5: var(--colors-mint-light-a5);
  --colors-mint-a6: var(--colors-mint-light-a6);
  --colors-mint-a7: var(--colors-mint-light-a7);
  --colors-mint-a8: var(--colors-mint-light-a8);
  --colors-mint-a9: var(--colors-mint-light-a9);
  --colors-mint-a10: var(--colors-mint-light-a10);
  --colors-mint-a11: var(--colors-mint-light-a11);
  --colors-mint-a12: var(--colors-mint-light-a12);
  --colors-mint-default: var(--colors-mint-9);
  --colors-mint-emphasized: var(--colors-mint-10);
  --colors-mint-fg: var(--colors-sage-light-12);
  --colors-mint-text: var(--colors-mint-a11);
  --colors-neutral-1: var(--colors-neutral-light-1);
  --colors-neutral-2: var(--colors-neutral-light-2);
  --colors-neutral-3: var(--colors-neutral-light-3);
  --colors-neutral-4: var(--colors-neutral-light-4);
  --colors-neutral-5: var(--colors-neutral-light-5);
  --colors-neutral-6: var(--colors-neutral-light-6);
  --colors-neutral-7: var(--colors-neutral-light-7);
  --colors-neutral-8: var(--colors-neutral-light-8);
  --colors-neutral-9: var(--colors-neutral-light-9);
  --colors-neutral-10: var(--colors-neutral-light-10);
  --colors-neutral-11: var(--colors-neutral-light-11);
  --colors-neutral-12: var(--colors-neutral-light-12);
  --colors-neutral-a1: var(--colors-neutral-light-a1);
  --colors-neutral-a2: var(--colors-neutral-light-a2);
  --colors-neutral-a3: var(--colors-neutral-light-a3);
  --colors-neutral-a4: var(--colors-neutral-light-a4);
  --colors-neutral-a5: var(--colors-neutral-light-a5);
  --colors-neutral-a6: var(--colors-neutral-light-a6);
  --colors-neutral-a7: var(--colors-neutral-light-a7);
  --colors-neutral-a8: var(--colors-neutral-light-a8);
  --colors-neutral-a9: var(--colors-neutral-light-a9);
  --colors-neutral-a10: var(--colors-neutral-light-a10);
  --colors-neutral-a11: var(--colors-neutral-light-a11);
  --colors-neutral-a12: var(--colors-neutral-light-a12);
  --colors-neutral-default: black;
  --colors-neutral-emphasized: var(--colors-gray-12);
  --colors-neutral-fg: white;
  --colors-neutral-text: black;
  --colors-olive-1: var(--colors-olive-light-1);
  --colors-olive-2: var(--colors-olive-light-2);
  --colors-olive-3: var(--colors-olive-light-3);
  --colors-olive-4: var(--colors-olive-light-4);
  --colors-olive-5: var(--colors-olive-light-5);
  --colors-olive-6: var(--colors-olive-light-6);
  --colors-olive-7: var(--colors-olive-light-7);
  --colors-olive-8: var(--colors-olive-light-8);
  --colors-olive-9: var(--colors-olive-light-9);
  --colors-olive-10: var(--colors-olive-light-10);
  --colors-olive-11: var(--colors-olive-light-11);
  --colors-olive-12: var(--colors-olive-light-12);
  --colors-olive-a1: var(--colors-olive-light-a1);
  --colors-olive-a2: var(--colors-olive-light-a2);
  --colors-olive-a3: var(--colors-olive-light-a3);
  --colors-olive-a4: var(--colors-olive-light-a4);
  --colors-olive-a5: var(--colors-olive-light-a5);
  --colors-olive-a6: var(--colors-olive-light-a6);
  --colors-olive-a7: var(--colors-olive-light-a7);
  --colors-olive-a8: var(--colors-olive-light-a8);
  --colors-olive-a9: var(--colors-olive-light-a9);
  --colors-olive-a10: var(--colors-olive-light-a10);
  --colors-olive-a11: var(--colors-olive-light-a11);
  --colors-olive-a12: var(--colors-olive-light-a12);
  --colors-olive-default: var(--colors-olive-9);
  --colors-olive-emphasized: var(--colors-olive-10);
  --colors-olive-fg: white;
  --colors-olive-text: var(--colors-olive-12);
  --colors-orange-1: var(--colors-orange-light-1);
  --colors-orange-2: var(--colors-orange-light-2);
  --colors-orange-3: var(--colors-orange-light-3);
  --colors-orange-4: var(--colors-orange-light-4);
  --colors-orange-5: var(--colors-orange-light-5);
  --colors-orange-6: var(--colors-orange-light-6);
  --colors-orange-7: var(--colors-orange-light-7);
  --colors-orange-8: var(--colors-orange-light-8);
  --colors-orange-9: var(--colors-orange-light-9);
  --colors-orange-10: var(--colors-orange-light-10);
  --colors-orange-11: var(--colors-orange-light-11);
  --colors-orange-12: var(--colors-orange-light-12);
  --colors-orange-a1: var(--colors-orange-light-a1);
  --colors-orange-a2: var(--colors-orange-light-a2);
  --colors-orange-a3: var(--colors-orange-light-a3);
  --colors-orange-a4: var(--colors-orange-light-a4);
  --colors-orange-a5: var(--colors-orange-light-a5);
  --colors-orange-a6: var(--colors-orange-light-a6);
  --colors-orange-a7: var(--colors-orange-light-a7);
  --colors-orange-a8: var(--colors-orange-light-a8);
  --colors-orange-a9: var(--colors-orange-light-a9);
  --colors-orange-a10: var(--colors-orange-light-a10);
  --colors-orange-a11: var(--colors-orange-light-a11);
  --colors-orange-a12: var(--colors-orange-light-a12);
  --colors-orange-default: var(--colors-orange-9);
  --colors-orange-emphasized: var(--colors-orange-10);
  --colors-orange-fg: white;
  --colors-orange-text: var(--colors-orange-a11);
  --colors-pink-1: var(--colors-pink-light-1);
  --colors-pink-2: var(--colors-pink-light-2);
  --colors-pink-3: var(--colors-pink-light-3);
  --colors-pink-4: var(--colors-pink-light-4);
  --colors-pink-5: var(--colors-pink-light-5);
  --colors-pink-6: var(--colors-pink-light-6);
  --colors-pink-7: var(--colors-pink-light-7);
  --colors-pink-8: var(--colors-pink-light-8);
  --colors-pink-9: var(--colors-pink-light-9);
  --colors-pink-10: var(--colors-pink-light-10);
  --colors-pink-11: var(--colors-pink-light-11);
  --colors-pink-12: var(--colors-pink-light-12);
  --colors-pink-a1: var(--colors-pink-light-a1);
  --colors-pink-a2: var(--colors-pink-light-a2);
  --colors-pink-a3: var(--colors-pink-light-a3);
  --colors-pink-a4: var(--colors-pink-light-a4);
  --colors-pink-a5: var(--colors-pink-light-a5);
  --colors-pink-a6: var(--colors-pink-light-a6);
  --colors-pink-a7: var(--colors-pink-light-a7);
  --colors-pink-a8: var(--colors-pink-light-a8);
  --colors-pink-a9: var(--colors-pink-light-a9);
  --colors-pink-a10: var(--colors-pink-light-a10);
  --colors-pink-a11: var(--colors-pink-light-a11);
  --colors-pink-a12: var(--colors-pink-light-a12);
  --colors-pink-default: var(--colors-pink-9);
  --colors-pink-emphasized: var(--colors-pink-10);
  --colors-pink-fg: white;
  --colors-pink-text: var(--colors-pink-a11);
  --colors-plum-1: var(--colors-plum-light-1);
  --colors-plum-2: var(--colors-plum-light-2);
  --colors-plum-3: var(--colors-plum-light-3);
  --colors-plum-4: var(--colors-plum-light-4);
  --colors-plum-5: var(--colors-plum-light-5);
  --colors-plum-6: var(--colors-plum-light-6);
  --colors-plum-7: var(--colors-plum-light-7);
  --colors-plum-8: var(--colors-plum-light-8);
  --colors-plum-9: var(--colors-plum-light-9);
  --colors-plum-10: var(--colors-plum-light-10);
  --colors-plum-11: var(--colors-plum-light-11);
  --colors-plum-12: var(--colors-plum-light-12);
  --colors-plum-a1: var(--colors-plum-light-a1);
  --colors-plum-a2: var(--colors-plum-light-a2);
  --colors-plum-a3: var(--colors-plum-light-a3);
  --colors-plum-a4: var(--colors-plum-light-a4);
  --colors-plum-a5: var(--colors-plum-light-a5);
  --colors-plum-a6: var(--colors-plum-light-a6);
  --colors-plum-a7: var(--colors-plum-light-a7);
  --colors-plum-a8: var(--colors-plum-light-a8);
  --colors-plum-a9: var(--colors-plum-light-a9);
  --colors-plum-a10: var(--colors-plum-light-a10);
  --colors-plum-a11: var(--colors-plum-light-a11);
  --colors-plum-a12: var(--colors-plum-light-a12);
  --colors-plum-default: var(--colors-plum-9);
  --colors-plum-emphasized: var(--colors-plum-10);
  --colors-plum-fg: white;
  --colors-plum-text: var(--colors-plum-a11);
  --colors-purple-1: var(--colors-purple-light-1);
  --colors-purple-2: var(--colors-purple-light-2);
  --colors-purple-3: var(--colors-purple-light-3);
  --colors-purple-4: var(--colors-purple-light-4);
  --colors-purple-5: var(--colors-purple-light-5);
  --colors-purple-6: var(--colors-purple-light-6);
  --colors-purple-7: var(--colors-purple-light-7);
  --colors-purple-8: var(--colors-purple-light-8);
  --colors-purple-9: var(--colors-purple-light-9);
  --colors-purple-10: var(--colors-purple-light-10);
  --colors-purple-11: var(--colors-purple-light-11);
  --colors-purple-12: var(--colors-purple-light-12);
  --colors-purple-a1: var(--colors-purple-light-a1);
  --colors-purple-a2: var(--colors-purple-light-a2);
  --colors-purple-a3: var(--colors-purple-light-a3);
  --colors-purple-a4: var(--colors-purple-light-a4);
  --colors-purple-a5: var(--colors-purple-light-a5);
  --colors-purple-a6: var(--colors-purple-light-a6);
  --colors-purple-a7: var(--colors-purple-light-a7);
  --colors-purple-a8: var(--colors-purple-light-a8);
  --colors-purple-a9: var(--colors-purple-light-a9);
  --colors-purple-a10: var(--colors-purple-light-a10);
  --colors-purple-a11: var(--colors-purple-light-a11);
  --colors-purple-a12: var(--colors-purple-light-a12);
  --colors-purple-default: var(--colors-purple-9);
  --colors-purple-emphasized: var(--colors-purple-10);
  --colors-purple-fg: white;
  --colors-purple-text: var(--colors-purple-a11);
  --colors-red-1: var(--colors-red-light-1);
  --colors-red-2: var(--colors-red-light-2);
  --colors-red-3: var(--colors-red-light-3);
  --colors-red-4: var(--colors-red-light-4);
  --colors-red-5: var(--colors-red-light-5);
  --colors-red-6: var(--colors-red-light-6);
  --colors-red-7: var(--colors-red-light-7);
  --colors-red-8: var(--colors-red-light-8);
  --colors-red-9: var(--colors-red-light-9);
  --colors-red-10: var(--colors-red-light-10);
  --colors-red-11: var(--colors-red-light-11);
  --colors-red-12: var(--colors-red-light-12);
  --colors-red-a1: var(--colors-red-light-a1);
  --colors-red-a2: var(--colors-red-light-a2);
  --colors-red-a3: var(--colors-red-light-a3);
  --colors-red-a4: var(--colors-red-light-a4);
  --colors-red-a5: var(--colors-red-light-a5);
  --colors-red-a6: var(--colors-red-light-a6);
  --colors-red-a7: var(--colors-red-light-a7);
  --colors-red-a8: var(--colors-red-light-a8);
  --colors-red-a9: var(--colors-red-light-a9);
  --colors-red-a10: var(--colors-red-light-a10);
  --colors-red-a11: var(--colors-red-light-a11);
  --colors-red-a12: var(--colors-red-light-a12);
  --colors-red-default: var(--colors-red-9);
  --colors-red-emphasized: var(--colors-red-10);
  --colors-red-fg: white;
  --colors-red-text: var(--colors-red-a11);
  --colors-ruby-1: var(--colors-ruby-light-1);
  --colors-ruby-2: var(--colors-ruby-light-2);
  --colors-ruby-3: var(--colors-ruby-light-3);
  --colors-ruby-4: var(--colors-ruby-light-4);
  --colors-ruby-5: var(--colors-ruby-light-5);
  --colors-ruby-6: var(--colors-ruby-light-6);
  --colors-ruby-7: var(--colors-ruby-light-7);
  --colors-ruby-8: var(--colors-ruby-light-8);
  --colors-ruby-9: var(--colors-ruby-light-9);
  --colors-ruby-10: var(--colors-ruby-light-10);
  --colors-ruby-11: var(--colors-ruby-light-11);
  --colors-ruby-12: var(--colors-ruby-light-12);
  --colors-ruby-a1: var(--colors-ruby-light-a1);
  --colors-ruby-a2: var(--colors-ruby-light-a2);
  --colors-ruby-a3: var(--colors-ruby-light-a3);
  --colors-ruby-a4: var(--colors-ruby-light-a4);
  --colors-ruby-a5: var(--colors-ruby-light-a5);
  --colors-ruby-a6: var(--colors-ruby-light-a6);
  --colors-ruby-a7: var(--colors-ruby-light-a7);
  --colors-ruby-a8: var(--colors-ruby-light-a8);
  --colors-ruby-a9: var(--colors-ruby-light-a9);
  --colors-ruby-a10: var(--colors-ruby-light-a10);
  --colors-ruby-a11: var(--colors-ruby-light-a11);
  --colors-ruby-a12: var(--colors-ruby-light-a12);
  --colors-ruby-default: var(--colors-ruby-9);
  --colors-ruby-emphasized: var(--colors-ruby-10);
  --colors-ruby-fg: white;
  --colors-ruby-text: var(--colors-ruby-a11);
  --colors-sage-1: var(--colors-sage-light-1);
  --colors-sage-2: var(--colors-sage-light-2);
  --colors-sage-3: var(--colors-sage-light-3);
  --colors-sage-4: var(--colors-sage-light-4);
  --colors-sage-5: var(--colors-sage-light-5);
  --colors-sage-6: var(--colors-sage-light-6);
  --colors-sage-7: var(--colors-sage-light-7);
  --colors-sage-8: var(--colors-sage-light-8);
  --colors-sage-9: var(--colors-sage-light-9);
  --colors-sage-10: var(--colors-sage-light-10);
  --colors-sage-11: var(--colors-sage-light-11);
  --colors-sage-12: var(--colors-sage-light-12);
  --colors-sage-a1: var(--colors-sage-light-a1);
  --colors-sage-a2: var(--colors-sage-light-a2);
  --colors-sage-a3: var(--colors-sage-light-a3);
  --colors-sage-a4: var(--colors-sage-light-a4);
  --colors-sage-a5: var(--colors-sage-light-a5);
  --colors-sage-a6: var(--colors-sage-light-a6);
  --colors-sage-a7: var(--colors-sage-light-a7);
  --colors-sage-a8: var(--colors-sage-light-a8);
  --colors-sage-a9: var(--colors-sage-light-a9);
  --colors-sage-a10: var(--colors-sage-light-a10);
  --colors-sage-a11: var(--colors-sage-light-a11);
  --colors-sage-a12: var(--colors-sage-light-a12);
  --colors-sage-default: var(--colors-sage-9);
  --colors-sage-emphasized: var(--colors-sage-10);
  --colors-sage-fg: white;
  --colors-sage-text: var(--colors-sage-12);
  --colors-sand-1: var(--colors-sand-light-1);
  --colors-sand-2: var(--colors-sand-light-2);
  --colors-sand-3: var(--colors-sand-light-3);
  --colors-sand-4: var(--colors-sand-light-4);
  --colors-sand-5: var(--colors-sand-light-5);
  --colors-sand-6: var(--colors-sand-light-6);
  --colors-sand-7: var(--colors-sand-light-7);
  --colors-sand-8: var(--colors-sand-light-8);
  --colors-sand-9: var(--colors-sand-light-9);
  --colors-sand-10: var(--colors-sand-light-10);
  --colors-sand-11: var(--colors-sand-light-11);
  --colors-sand-12: var(--colors-sand-light-12);
  --colors-sand-a1: var(--colors-sand-light-a1);
  --colors-sand-a2: var(--colors-sand-light-a2);
  --colors-sand-a3: var(--colors-sand-light-a3);
  --colors-sand-a4: var(--colors-sand-light-a4);
  --colors-sand-a5: var(--colors-sand-light-a5);
  --colors-sand-a6: var(--colors-sand-light-a6);
  --colors-sand-a7: var(--colors-sand-light-a7);
  --colors-sand-a8: var(--colors-sand-light-a8);
  --colors-sand-a9: var(--colors-sand-light-a9);
  --colors-sand-a10: var(--colors-sand-light-a10);
  --colors-sand-a11: var(--colors-sand-light-a11);
  --colors-sand-a12: var(--colors-sand-light-a12);
  --colors-sand-default: var(--colors-sand-9);
  --colors-sand-emphasized: var(--colors-sand-10);
  --colors-sand-fg: white;
  --colors-sand-text: var(--colors-sand-12);
  --colors-sky-1: var(--colors-sky-light-1);
  --colors-sky-2: var(--colors-sky-light-2);
  --colors-sky-3: var(--colors-sky-light-3);
  --colors-sky-4: var(--colors-sky-light-4);
  --colors-sky-5: var(--colors-sky-light-5);
  --colors-sky-6: var(--colors-sky-light-6);
  --colors-sky-7: var(--colors-sky-light-7);
  --colors-sky-8: var(--colors-sky-light-8);
  --colors-sky-9: var(--colors-sky-light-9);
  --colors-sky-10: var(--colors-sky-light-10);
  --colors-sky-11: var(--colors-sky-light-11);
  --colors-sky-12: var(--colors-sky-light-12);
  --colors-sky-a1: var(--colors-sky-light-a1);
  --colors-sky-a2: var(--colors-sky-light-a2);
  --colors-sky-a3: var(--colors-sky-light-a3);
  --colors-sky-a4: var(--colors-sky-light-a4);
  --colors-sky-a5: var(--colors-sky-light-a5);
  --colors-sky-a6: var(--colors-sky-light-a6);
  --colors-sky-a7: var(--colors-sky-light-a7);
  --colors-sky-a8: var(--colors-sky-light-a8);
  --colors-sky-a9: var(--colors-sky-light-a9);
  --colors-sky-a10: var(--colors-sky-light-a10);
  --colors-sky-a11: var(--colors-sky-light-a11);
  --colors-sky-a12: var(--colors-sky-light-a12);
  --colors-sky-default: var(--colors-sky-9);
  --colors-sky-emphasized: var(--colors-sky-10);
  --colors-sky-fg: var(--colors-slate-light-12);
  --colors-sky-text: var(--colors-sky-a11);
  --colors-slate-1: var(--colors-slate-light-1);
  --colors-slate-2: var(--colors-slate-light-2);
  --colors-slate-3: var(--colors-slate-light-3);
  --colors-slate-4: var(--colors-slate-light-4);
  --colors-slate-5: var(--colors-slate-light-5);
  --colors-slate-6: var(--colors-slate-light-6);
  --colors-slate-7: var(--colors-slate-light-7);
  --colors-slate-8: var(--colors-slate-light-8);
  --colors-slate-9: var(--colors-slate-light-9);
  --colors-slate-10: var(--colors-slate-light-10);
  --colors-slate-11: var(--colors-slate-light-11);
  --colors-slate-12: var(--colors-slate-light-12);
  --colors-slate-a1: var(--colors-slate-light-a1);
  --colors-slate-a2: var(--colors-slate-light-a2);
  --colors-slate-a3: var(--colors-slate-light-a3);
  --colors-slate-a4: var(--colors-slate-light-a4);
  --colors-slate-a5: var(--colors-slate-light-a5);
  --colors-slate-a6: var(--colors-slate-light-a6);
  --colors-slate-a7: var(--colors-slate-light-a7);
  --colors-slate-a8: var(--colors-slate-light-a8);
  --colors-slate-a9: var(--colors-slate-light-a9);
  --colors-slate-a10: var(--colors-slate-light-a10);
  --colors-slate-a11: var(--colors-slate-light-a11);
  --colors-slate-a12: var(--colors-slate-light-a12);
  --colors-slate-default: var(--colors-slate-9);
  --colors-slate-emphasized: var(--colors-slate-10);
  --colors-slate-fg: white;
  --colors-slate-text: var(--colors-slate-12);
  --colors-teal-1: var(--colors-teal-light-1);
  --colors-teal-2: var(--colors-teal-light-2);
  --colors-teal-3: var(--colors-teal-light-3);
  --colors-teal-4: var(--colors-teal-light-4);
  --colors-teal-5: var(--colors-teal-light-5);
  --colors-teal-6: var(--colors-teal-light-6);
  --colors-teal-7: var(--colors-teal-light-7);
  --colors-teal-8: var(--colors-teal-light-8);
  --colors-teal-9: var(--colors-teal-light-9);
  --colors-teal-10: var(--colors-teal-light-10);
  --colors-teal-11: var(--colors-teal-light-11);
  --colors-teal-12: var(--colors-teal-light-12);
  --colors-teal-a1: var(--colors-teal-light-a1);
  --colors-teal-a2: var(--colors-teal-light-a2);
  --colors-teal-a3: var(--colors-teal-light-a3);
  --colors-teal-a4: var(--colors-teal-light-a4);
  --colors-teal-a5: var(--colors-teal-light-a5);
  --colors-teal-a6: var(--colors-teal-light-a6);
  --colors-teal-a7: var(--colors-teal-light-a7);
  --colors-teal-a8: var(--colors-teal-light-a8);
  --colors-teal-a9: var(--colors-teal-light-a9);
  --colors-teal-a10: var(--colors-teal-light-a10);
  --colors-teal-a11: var(--colors-teal-light-a11);
  --colors-teal-a12: var(--colors-teal-light-a12);
  --colors-teal-default: var(--colors-teal-9);
  --colors-teal-emphasized: var(--colors-teal-10);
  --colors-teal-fg: white;
  --colors-teal-text: var(--colors-teal-a11);
  --colors-tomato-1: var(--colors-tomato-light-1);
  --colors-tomato-2: var(--colors-tomato-light-2);
  --colors-tomato-3: var(--colors-tomato-light-3);
  --colors-tomato-4: var(--colors-tomato-light-4);
  --colors-tomato-5: var(--colors-tomato-light-5);
  --colors-tomato-6: var(--colors-tomato-light-6);
  --colors-tomato-7: var(--colors-tomato-light-7);
  --colors-tomato-8: var(--colors-tomato-light-8);
  --colors-tomato-9: var(--colors-tomato-light-9);
  --colors-tomato-10: var(--colors-tomato-light-10);
  --colors-tomato-11: var(--colors-tomato-light-11);
  --colors-tomato-12: var(--colors-tomato-light-12);
  --colors-tomato-a1: var(--colors-tomato-light-a1);
  --colors-tomato-a2: var(--colors-tomato-light-a2);
  --colors-tomato-a3: var(--colors-tomato-light-a3);
  --colors-tomato-a4: var(--colors-tomato-light-a4);
  --colors-tomato-a5: var(--colors-tomato-light-a5);
  --colors-tomato-a6: var(--colors-tomato-light-a6);
  --colors-tomato-a7: var(--colors-tomato-light-a7);
  --colors-tomato-a8: var(--colors-tomato-light-a8);
  --colors-tomato-a9: var(--colors-tomato-light-a9);
  --colors-tomato-a10: var(--colors-tomato-light-a10);
  --colors-tomato-a11: var(--colors-tomato-light-a11);
  --colors-tomato-a12: var(--colors-tomato-light-a12);
  --colors-tomato-default: var(--colors-tomato-9);
  --colors-tomato-emphasized: var(--colors-tomato-10);
  --colors-tomato-fg: white;
  --colors-tomato-text: var(--colors-tomato-a11);
  --colors-violet-1: var(--colors-violet-light-1);
  --colors-violet-2: var(--colors-violet-light-2);
  --colors-violet-3: var(--colors-violet-light-3);
  --colors-violet-4: var(--colors-violet-light-4);
  --colors-violet-5: var(--colors-violet-light-5);
  --colors-violet-6: var(--colors-violet-light-6);
  --colors-violet-7: var(--colors-violet-light-7);
  --colors-violet-8: var(--colors-violet-light-8);
  --colors-violet-9: var(--colors-violet-light-9);
  --colors-violet-10: var(--colors-violet-light-10);
  --colors-violet-11: var(--colors-violet-light-11);
  --colors-violet-12: var(--colors-violet-light-12);
  --colors-violet-a1: var(--colors-violet-light-a1);
  --colors-violet-a2: var(--colors-violet-light-a2);
  --colors-violet-a3: var(--colors-violet-light-a3);
  --colors-violet-a4: var(--colors-violet-light-a4);
  --colors-violet-a5: var(--colors-violet-light-a5);
  --colors-violet-a6: var(--colors-violet-light-a6);
  --colors-violet-a7: var(--colors-violet-light-a7);
  --colors-violet-a8: var(--colors-violet-light-a8);
  --colors-violet-a9: var(--colors-violet-light-a9);
  --colors-violet-a10: var(--colors-violet-light-a10);
  --colors-violet-a11: var(--colors-violet-light-a11);
  --colors-violet-a12: var(--colors-violet-light-a12);
  --colors-violet-default: var(--colors-violet-9);
  --colors-violet-emphasized: var(--colors-violet-10);
  --colors-violet-fg: white;
  --colors-violet-text: var(--colors-violet-a11);
  --colors-yellow-1: var(--colors-yellow-light-1);
  --colors-yellow-2: var(--colors-yellow-light-2);
  --colors-yellow-3: var(--colors-yellow-light-3);
  --colors-yellow-4: var(--colors-yellow-light-4);
  --colors-yellow-5: var(--colors-yellow-light-5);
  --colors-yellow-6: var(--colors-yellow-light-6);
  --colors-yellow-7: var(--colors-yellow-light-7);
  --colors-yellow-8: var(--colors-yellow-light-8);
  --colors-yellow-9: var(--colors-yellow-light-9);
  --colors-yellow-10: var(--colors-yellow-light-10);
  --colors-yellow-11: var(--colors-yellow-light-11);
  --colors-yellow-12: var(--colors-yellow-light-12);
  --colors-yellow-a1: var(--colors-yellow-light-a1);
  --colors-yellow-a2: var(--colors-yellow-light-a2);
  --colors-yellow-a3: var(--colors-yellow-light-a3);
  --colors-yellow-a4: var(--colors-yellow-light-a4);
  --colors-yellow-a5: var(--colors-yellow-light-a5);
  --colors-yellow-a6: var(--colors-yellow-light-a6);
  --colors-yellow-a7: var(--colors-yellow-light-a7);
  --colors-yellow-a8: var(--colors-yellow-light-a8);
  --colors-yellow-a9: var(--colors-yellow-light-a9);
  --colors-yellow-a10: var(--colors-yellow-light-a10);
  --colors-yellow-a11: var(--colors-yellow-light-a11);
  --colors-yellow-a12: var(--colors-yellow-light-a12);
  --colors-yellow-default: var(--colors-yellow-9);
  --colors-yellow-emphasized: var(--colors-yellow-10);
  --colors-yellow-fg: var(--colors-sand-light-12);
  --colors-yellow-text: var(--colors-yellow-a11);
  --colors-gray-1: var(--colors-neutral-light-1);
  --colors-gray-2: var(--colors-neutral-light-2);
  --colors-gray-3: var(--colors-neutral-light-3);
  --colors-gray-4: var(--colors-neutral-light-4);
  --colors-gray-5: var(--colors-neutral-light-5);
  --colors-gray-6: var(--colors-neutral-light-6);
  --colors-gray-7: var(--colors-neutral-light-7);
  --colors-gray-8: var(--colors-neutral-light-8);
  --colors-gray-9: var(--colors-neutral-light-9);
  --colors-gray-10: var(--colors-neutral-light-10);
  --colors-gray-11: var(--colors-neutral-light-11);
  --colors-gray-12: var(--colors-neutral-light-12);
  --colors-gray-a1: var(--colors-neutral-light-a1);
  --colors-gray-a2: var(--colors-neutral-light-a2);
  --colors-gray-a3: var(--colors-neutral-light-a3);
  --colors-gray-a4: var(--colors-neutral-light-a4);
  --colors-gray-a5: var(--colors-neutral-light-a5);
  --colors-gray-a6: var(--colors-neutral-light-a6);
  --colors-gray-a7: var(--colors-neutral-light-a7);
  --colors-gray-a8: var(--colors-neutral-light-a8);
  --colors-gray-a9: var(--colors-neutral-light-a9);
  --colors-gray-a10: var(--colors-neutral-light-a10);
  --colors-gray-a11: var(--colors-neutral-light-a11);
  --colors-gray-a12: var(--colors-neutral-light-a12);
  --colors-gray-default: black;
  --colors-gray-emphasized: var(--colors-gray-12);
  --colors-gray-fg: white;
  --colors-gray-text: black;
  --colors-accent-1: var(--colors-neutral-light-1);
  --colors-accent-2: var(--colors-neutral-light-2);
  --colors-accent-3: var(--colors-neutral-light-3);
  --colors-accent-4: var(--colors-neutral-light-4);
  --colors-accent-5: var(--colors-neutral-light-5);
  --colors-accent-6: var(--colors-neutral-light-6);
  --colors-accent-7: var(--colors-neutral-light-7);
  --colors-accent-8: var(--colors-neutral-light-8);
  --colors-accent-9: var(--colors-neutral-light-9);
  --colors-accent-10: var(--colors-neutral-light-10);
  --colors-accent-11: var(--colors-neutral-light-11);
  --colors-accent-12: var(--colors-neutral-light-12);
  --colors-accent-a1: var(--colors-neutral-light-a1);
  --colors-accent-a2: var(--colors-neutral-light-a2);
  --colors-accent-a3: var(--colors-neutral-light-a3);
  --colors-accent-a4: var(--colors-neutral-light-a4);
  --colors-accent-a5: var(--colors-neutral-light-a5);
  --colors-accent-a6: var(--colors-neutral-light-a6);
  --colors-accent-a7: var(--colors-neutral-light-a7);
  --colors-accent-a8: var(--colors-neutral-light-a8);
  --colors-accent-a9: var(--colors-neutral-light-a9);
  --colors-accent-a10: var(--colors-neutral-light-a10);
  --colors-accent-a11: var(--colors-neutral-light-a11);
  --colors-accent-a12: var(--colors-neutral-light-a12);
  --colors-accent-default: black;
  --colors-accent-emphasized: var(--colors-gray-12);
  --colors-accent-fg: white;
  --colors-accent-text: black;
  --colors-bg-canvas: var(--colors-gray-1);
  --colors-bg-default: white;
  --colors-bg-subtle: var(--colors-gray-2);
  --colors-bg-muted: var(--colors-gray-3);
  --colors-bg-emphasized: var(--colors-gray-4);
  --colors-bg-disabled: var(--colors-gray-3);
  --colors-fg-default: var(--colors-gray-12);
  --colors-fg-muted: var(--colors-gray-11);
  --colors-fg-subtle: var(--colors-gray-10);
  --colors-fg-disabled: var(--colors-gray-7);
  --colors-border-default: var(--colors-gray-7);
  --colors-border-muted: var(--colors-gray-6);
  --colors-border-subtle: var(--colors-gray-4);
  --colors-border-disabled: var(--colors-gray-5);
  --colors-border-outline: var(--colors-gray-a9);
  --shadows-xs: 0px 1px 2px var(--colors-gray-a5), 0px 0px 1px var(--colors-gray-a7);
  --shadows-sm: 0px 2px 4px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-md: 0px 4px 8px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-lg: 0px 8px 16px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-xl: 0px 16px 24px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-2xl: 0px 24px 40px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --radii-l1: var(--radii-xs);
  --radii-l2: var(--radii-sm);
  --radii-l3: var(--radii-md);
}
.dark {
  --colors-amber-1: var(--colors-amber-dark-1);
  --colors-amber-2: var(--colors-amber-dark-2);
  --colors-amber-3: var(--colors-amber-dark-3);
  --colors-amber-4: var(--colors-amber-dark-4);
  --colors-amber-5: var(--colors-amber-dark-5);
  --colors-amber-6: var(--colors-amber-dark-6);
  --colors-amber-7: var(--colors-amber-dark-7);
  --colors-amber-8: var(--colors-amber-dark-8);
  --colors-amber-9: var(--colors-amber-dark-9);
  --colors-amber-10: var(--colors-amber-dark-10);
  --colors-amber-11: var(--colors-amber-dark-11);
  --colors-amber-12: var(--colors-amber-dark-12);
  --colors-amber-a1: var(--colors-amber-dark-a1);
  --colors-amber-a2: var(--colors-amber-dark-a2);
  --colors-amber-a3: var(--colors-amber-dark-a3);
  --colors-amber-a4: var(--colors-amber-dark-a4);
  --colors-amber-a5: var(--colors-amber-dark-a5);
  --colors-amber-a6: var(--colors-amber-dark-a6);
  --colors-amber-a7: var(--colors-amber-dark-a7);
  --colors-amber-a8: var(--colors-amber-dark-a8);
  --colors-amber-a9: var(--colors-amber-dark-a9);
  --colors-amber-a10: var(--colors-amber-dark-a10);
  --colors-amber-a11: var(--colors-amber-dark-a11);
  --colors-amber-a12: var(--colors-amber-dark-a12);
  --colors-blue-1: var(--colors-blue-dark-1);
  --colors-blue-2: var(--colors-blue-dark-2);
  --colors-blue-3: var(--colors-blue-dark-3);
  --colors-blue-4: var(--colors-blue-dark-4);
  --colors-blue-5: var(--colors-blue-dark-5);
  --colors-blue-6: var(--colors-blue-dark-6);
  --colors-blue-7: var(--colors-blue-dark-7);
  --colors-blue-8: var(--colors-blue-dark-8);
  --colors-blue-9: var(--colors-blue-dark-9);
  --colors-blue-10: var(--colors-blue-dark-10);
  --colors-blue-11: var(--colors-blue-dark-11);
  --colors-blue-12: var(--colors-blue-dark-12);
  --colors-blue-a1: var(--colors-blue-dark-a1);
  --colors-blue-a2: var(--colors-blue-dark-a2);
  --colors-blue-a3: var(--colors-blue-dark-a3);
  --colors-blue-a4: var(--colors-blue-dark-a4);
  --colors-blue-a5: var(--colors-blue-dark-a5);
  --colors-blue-a6: var(--colors-blue-dark-a6);
  --colors-blue-a7: var(--colors-blue-dark-a7);
  --colors-blue-a8: var(--colors-blue-dark-a8);
  --colors-blue-a9: var(--colors-blue-dark-a9);
  --colors-blue-a10: var(--colors-blue-dark-a10);
  --colors-blue-a11: var(--colors-blue-dark-a11);
  --colors-blue-a12: var(--colors-blue-dark-a12);
  --colors-bronze-1: var(--colors-bronze-dark-1);
  --colors-bronze-2: var(--colors-bronze-dark-2);
  --colors-bronze-3: var(--colors-bronze-dark-3);
  --colors-bronze-4: var(--colors-bronze-dark-4);
  --colors-bronze-5: var(--colors-bronze-dark-5);
  --colors-bronze-6: var(--colors-bronze-dark-6);
  --colors-bronze-7: var(--colors-bronze-dark-7);
  --colors-bronze-8: var(--colors-bronze-dark-8);
  --colors-bronze-9: var(--colors-bronze-dark-9);
  --colors-bronze-10: var(--colors-bronze-dark-10);
  --colors-bronze-11: var(--colors-bronze-dark-11);
  --colors-bronze-12: var(--colors-bronze-dark-12);
  --colors-bronze-a1: var(--colors-bronze-dark-a1);
  --colors-bronze-a2: var(--colors-bronze-dark-a2);
  --colors-bronze-a3: var(--colors-bronze-dark-a3);
  --colors-bronze-a4: var(--colors-bronze-dark-a4);
  --colors-bronze-a5: var(--colors-bronze-dark-a5);
  --colors-bronze-a6: var(--colors-bronze-dark-a6);
  --colors-bronze-a7: var(--colors-bronze-dark-a7);
  --colors-bronze-a8: var(--colors-bronze-dark-a8);
  --colors-bronze-a9: var(--colors-bronze-dark-a9);
  --colors-bronze-a10: var(--colors-bronze-dark-a10);
  --colors-bronze-a11: var(--colors-bronze-dark-a11);
  --colors-bronze-a12: var(--colors-bronze-dark-a12);
  --colors-brown-1: var(--colors-brown-dark-1);
  --colors-brown-2: var(--colors-brown-dark-2);
  --colors-brown-3: var(--colors-brown-dark-3);
  --colors-brown-4: var(--colors-brown-dark-4);
  --colors-brown-5: var(--colors-brown-dark-5);
  --colors-brown-6: var(--colors-brown-dark-6);
  --colors-brown-7: var(--colors-brown-dark-7);
  --colors-brown-8: var(--colors-brown-dark-8);
  --colors-brown-9: var(--colors-brown-dark-9);
  --colors-brown-10: var(--colors-brown-dark-10);
  --colors-brown-11: var(--colors-brown-dark-11);
  --colors-brown-12: var(--colors-brown-dark-12);
  --colors-brown-a1: var(--colors-brown-dark-a1);
  --colors-brown-a2: var(--colors-brown-dark-a2);
  --colors-brown-a3: var(--colors-brown-dark-a3);
  --colors-brown-a4: var(--colors-brown-dark-a4);
  --colors-brown-a5: var(--colors-brown-dark-a5);
  --colors-brown-a6: var(--colors-brown-dark-a6);
  --colors-brown-a7: var(--colors-brown-dark-a7);
  --colors-brown-a8: var(--colors-brown-dark-a8);
  --colors-brown-a9: var(--colors-brown-dark-a9);
  --colors-brown-a10: var(--colors-brown-dark-a10);
  --colors-brown-a11: var(--colors-brown-dark-a11);
  --colors-brown-a12: var(--colors-brown-dark-a12);
  --colors-crimson-1: var(--colors-crimson-dark-1);
  --colors-crimson-2: var(--colors-crimson-dark-2);
  --colors-crimson-3: var(--colors-crimson-dark-3);
  --colors-crimson-4: var(--colors-crimson-dark-4);
  --colors-crimson-5: var(--colors-crimson-dark-5);
  --colors-crimson-6: var(--colors-crimson-dark-6);
  --colors-crimson-7: var(--colors-crimson-dark-7);
  --colors-crimson-8: var(--colors-crimson-dark-8);
  --colors-crimson-9: var(--colors-crimson-dark-9);
  --colors-crimson-10: var(--colors-crimson-dark-10);
  --colors-crimson-11: var(--colors-crimson-dark-11);
  --colors-crimson-12: var(--colors-crimson-dark-12);
  --colors-crimson-a1: var(--colors-crimson-dark-a1);
  --colors-crimson-a2: var(--colors-crimson-dark-a2);
  --colors-crimson-a3: var(--colors-crimson-dark-a3);
  --colors-crimson-a4: var(--colors-crimson-dark-a4);
  --colors-crimson-a5: var(--colors-crimson-dark-a5);
  --colors-crimson-a6: var(--colors-crimson-dark-a6);
  --colors-crimson-a7: var(--colors-crimson-dark-a7);
  --colors-crimson-a8: var(--colors-crimson-dark-a8);
  --colors-crimson-a9: var(--colors-crimson-dark-a9);
  --colors-crimson-a10: var(--colors-crimson-dark-a10);
  --colors-crimson-a11: var(--colors-crimson-dark-a11);
  --colors-crimson-a12: var(--colors-crimson-dark-a12);
  --colors-cyan-1: var(--colors-cyan-dark-1);
  --colors-cyan-2: var(--colors-cyan-dark-2);
  --colors-cyan-3: var(--colors-cyan-dark-3);
  --colors-cyan-4: var(--colors-cyan-dark-4);
  --colors-cyan-5: var(--colors-cyan-dark-5);
  --colors-cyan-6: var(--colors-cyan-dark-6);
  --colors-cyan-7: var(--colors-cyan-dark-7);
  --colors-cyan-8: var(--colors-cyan-dark-8);
  --colors-cyan-9: var(--colors-cyan-dark-9);
  --colors-cyan-10: var(--colors-cyan-dark-10);
  --colors-cyan-11: var(--colors-cyan-dark-11);
  --colors-cyan-12: var(--colors-cyan-dark-12);
  --colors-cyan-a1: var(--colors-cyan-dark-a1);
  --colors-cyan-a2: var(--colors-cyan-dark-a2);
  --colors-cyan-a3: var(--colors-cyan-dark-a3);
  --colors-cyan-a4: var(--colors-cyan-dark-a4);
  --colors-cyan-a5: var(--colors-cyan-dark-a5);
  --colors-cyan-a6: var(--colors-cyan-dark-a6);
  --colors-cyan-a7: var(--colors-cyan-dark-a7);
  --colors-cyan-a8: var(--colors-cyan-dark-a8);
  --colors-cyan-a9: var(--colors-cyan-dark-a9);
  --colors-cyan-a10: var(--colors-cyan-dark-a10);
  --colors-cyan-a11: var(--colors-cyan-dark-a11);
  --colors-cyan-a12: var(--colors-cyan-dark-a12);
  --colors-gold-1: var(--colors-gold-dark-1);
  --colors-gold-2: var(--colors-gold-dark-2);
  --colors-gold-3: var(--colors-gold-dark-3);
  --colors-gold-4: var(--colors-gold-dark-4);
  --colors-gold-5: var(--colors-gold-dark-5);
  --colors-gold-6: var(--colors-gold-dark-6);
  --colors-gold-7: var(--colors-gold-dark-7);
  --colors-gold-8: var(--colors-gold-dark-8);
  --colors-gold-9: var(--colors-gold-dark-9);
  --colors-gold-10: var(--colors-gold-dark-10);
  --colors-gold-11: var(--colors-gold-dark-11);
  --colors-gold-12: var(--colors-gold-dark-12);
  --colors-gold-a1: var(--colors-gold-dark-a1);
  --colors-gold-a2: var(--colors-gold-dark-a2);
  --colors-gold-a3: var(--colors-gold-dark-a3);
  --colors-gold-a4: var(--colors-gold-dark-a4);
  --colors-gold-a5: var(--colors-gold-dark-a5);
  --colors-gold-a6: var(--colors-gold-dark-a6);
  --colors-gold-a7: var(--colors-gold-dark-a7);
  --colors-gold-a8: var(--colors-gold-dark-a8);
  --colors-gold-a9: var(--colors-gold-dark-a9);
  --colors-gold-a10: var(--colors-gold-dark-a10);
  --colors-gold-a11: var(--colors-gold-dark-a11);
  --colors-gold-a12: var(--colors-gold-dark-a12);
  --colors-grass-1: var(--colors-grass-dark-1);
  --colors-grass-2: var(--colors-grass-dark-2);
  --colors-grass-3: var(--colors-grass-dark-3);
  --colors-grass-4: var(--colors-grass-dark-4);
  --colors-grass-5: var(--colors-grass-dark-5);
  --colors-grass-6: var(--colors-grass-dark-6);
  --colors-grass-7: var(--colors-grass-dark-7);
  --colors-grass-8: var(--colors-grass-dark-8);
  --colors-grass-9: var(--colors-grass-dark-9);
  --colors-grass-10: var(--colors-grass-dark-10);
  --colors-grass-11: var(--colors-grass-dark-11);
  --colors-grass-12: var(--colors-grass-dark-12);
  --colors-grass-a1: var(--colors-grass-dark-a1);
  --colors-grass-a2: var(--colors-grass-dark-a2);
  --colors-grass-a3: var(--colors-grass-dark-a3);
  --colors-grass-a4: var(--colors-grass-dark-a4);
  --colors-grass-a5: var(--colors-grass-dark-a5);
  --colors-grass-a6: var(--colors-grass-dark-a6);
  --colors-grass-a7: var(--colors-grass-dark-a7);
  --colors-grass-a8: var(--colors-grass-dark-a8);
  --colors-grass-a9: var(--colors-grass-dark-a9);
  --colors-grass-a10: var(--colors-grass-dark-a10);
  --colors-grass-a11: var(--colors-grass-dark-a11);
  --colors-grass-a12: var(--colors-grass-dark-a12);
  --colors-green-1: var(--colors-green-dark-1);
  --colors-green-2: var(--colors-green-dark-2);
  --colors-green-3: var(--colors-green-dark-3);
  --colors-green-4: var(--colors-green-dark-4);
  --colors-green-5: var(--colors-green-dark-5);
  --colors-green-6: var(--colors-green-dark-6);
  --colors-green-7: var(--colors-green-dark-7);
  --colors-green-8: var(--colors-green-dark-8);
  --colors-green-9: var(--colors-green-dark-9);
  --colors-green-10: var(--colors-green-dark-10);
  --colors-green-11: var(--colors-green-dark-11);
  --colors-green-12: var(--colors-green-dark-12);
  --colors-green-a1: var(--colors-green-dark-a1);
  --colors-green-a2: var(--colors-green-dark-a2);
  --colors-green-a3: var(--colors-green-dark-a3);
  --colors-green-a4: var(--colors-green-dark-a4);
  --colors-green-a5: var(--colors-green-dark-a5);
  --colors-green-a6: var(--colors-green-dark-a6);
  --colors-green-a7: var(--colors-green-dark-a7);
  --colors-green-a8: var(--colors-green-dark-a8);
  --colors-green-a9: var(--colors-green-dark-a9);
  --colors-green-a10: var(--colors-green-dark-a10);
  --colors-green-a11: var(--colors-green-dark-a11);
  --colors-green-a12: var(--colors-green-dark-a12);
  --colors-indigo-1: var(--colors-indigo-dark-1);
  --colors-indigo-2: var(--colors-indigo-dark-2);
  --colors-indigo-3: var(--colors-indigo-dark-3);
  --colors-indigo-4: var(--colors-indigo-dark-4);
  --colors-indigo-5: var(--colors-indigo-dark-5);
  --colors-indigo-6: var(--colors-indigo-dark-6);
  --colors-indigo-7: var(--colors-indigo-dark-7);
  --colors-indigo-8: var(--colors-indigo-dark-8);
  --colors-indigo-9: var(--colors-indigo-dark-9);
  --colors-indigo-10: var(--colors-indigo-dark-10);
  --colors-indigo-11: var(--colors-indigo-dark-11);
  --colors-indigo-12: var(--colors-indigo-dark-12);
  --colors-indigo-a1: var(--colors-indigo-dark-a1);
  --colors-indigo-a2: var(--colors-indigo-dark-a2);
  --colors-indigo-a3: var(--colors-indigo-dark-a3);
  --colors-indigo-a4: var(--colors-indigo-dark-a4);
  --colors-indigo-a5: var(--colors-indigo-dark-a5);
  --colors-indigo-a6: var(--colors-indigo-dark-a6);
  --colors-indigo-a7: var(--colors-indigo-dark-a7);
  --colors-indigo-a8: var(--colors-indigo-dark-a8);
  --colors-indigo-a9: var(--colors-indigo-dark-a9);
  --colors-indigo-a10: var(--colors-indigo-dark-a10);
  --colors-indigo-a11: var(--colors-indigo-dark-a11);
  --colors-indigo-a12: var(--colors-indigo-dark-a12);
  --colors-iris-1: var(--colors-iris-dark-1);
  --colors-iris-2: var(--colors-iris-dark-2);
  --colors-iris-3: var(--colors-iris-dark-3);
  --colors-iris-4: var(--colors-iris-dark-4);
  --colors-iris-5: var(--colors-iris-dark-5);
  --colors-iris-6: var(--colors-iris-dark-6);
  --colors-iris-7: var(--colors-iris-dark-7);
  --colors-iris-8: var(--colors-iris-dark-8);
  --colors-iris-9: var(--colors-iris-dark-9);
  --colors-iris-10: var(--colors-iris-dark-10);
  --colors-iris-11: var(--colors-iris-dark-11);
  --colors-iris-12: var(--colors-iris-dark-12);
  --colors-iris-a1: var(--colors-iris-dark-a1);
  --colors-iris-a2: var(--colors-iris-dark-a2);
  --colors-iris-a3: var(--colors-iris-dark-a3);
  --colors-iris-a4: var(--colors-iris-dark-a4);
  --colors-iris-a5: var(--colors-iris-dark-a5);
  --colors-iris-a6: var(--colors-iris-dark-a6);
  --colors-iris-a7: var(--colors-iris-dark-a7);
  --colors-iris-a8: var(--colors-iris-dark-a8);
  --colors-iris-a9: var(--colors-iris-dark-a9);
  --colors-iris-a10: var(--colors-iris-dark-a10);
  --colors-iris-a11: var(--colors-iris-dark-a11);
  --colors-iris-a12: var(--colors-iris-dark-a12);
  --colors-jade-1: var(--colors-jade-dark-1);
  --colors-jade-2: var(--colors-jade-dark-2);
  --colors-jade-3: var(--colors-jade-dark-3);
  --colors-jade-4: var(--colors-jade-dark-4);
  --colors-jade-5: var(--colors-jade-dark-5);
  --colors-jade-6: var(--colors-jade-dark-6);
  --colors-jade-7: var(--colors-jade-dark-7);
  --colors-jade-8: var(--colors-jade-dark-8);
  --colors-jade-9: var(--colors-jade-dark-9);
  --colors-jade-10: var(--colors-jade-dark-10);
  --colors-jade-11: var(--colors-jade-dark-11);
  --colors-jade-12: var(--colors-jade-dark-12);
  --colors-jade-a1: var(--colors-jade-dark-a1);
  --colors-jade-a2: var(--colors-jade-dark-a2);
  --colors-jade-a3: var(--colors-jade-dark-a3);
  --colors-jade-a4: var(--colors-jade-dark-a4);
  --colors-jade-a5: var(--colors-jade-dark-a5);
  --colors-jade-a6: var(--colors-jade-dark-a6);
  --colors-jade-a7: var(--colors-jade-dark-a7);
  --colors-jade-a8: var(--colors-jade-dark-a8);
  --colors-jade-a9: var(--colors-jade-dark-a9);
  --colors-jade-a10: var(--colors-jade-dark-a10);
  --colors-jade-a11: var(--colors-jade-dark-a11);
  --colors-jade-a12: var(--colors-jade-dark-a12);
  --colors-lime-1: var(--colors-lime-dark-1);
  --colors-lime-2: var(--colors-lime-dark-2);
  --colors-lime-3: var(--colors-lime-dark-3);
  --colors-lime-4: var(--colors-lime-dark-4);
  --colors-lime-5: var(--colors-lime-dark-5);
  --colors-lime-6: var(--colors-lime-dark-6);
  --colors-lime-7: var(--colors-lime-dark-7);
  --colors-lime-8: var(--colors-lime-dark-8);
  --colors-lime-9: var(--colors-lime-dark-9);
  --colors-lime-10: var(--colors-lime-dark-10);
  --colors-lime-11: var(--colors-lime-dark-11);
  --colors-lime-12: var(--colors-lime-dark-12);
  --colors-lime-a1: var(--colors-lime-dark-a1);
  --colors-lime-a2: var(--colors-lime-dark-a2);
  --colors-lime-a3: var(--colors-lime-dark-a3);
  --colors-lime-a4: var(--colors-lime-dark-a4);
  --colors-lime-a5: var(--colors-lime-dark-a5);
  --colors-lime-a6: var(--colors-lime-dark-a6);
  --colors-lime-a7: var(--colors-lime-dark-a7);
  --colors-lime-a8: var(--colors-lime-dark-a8);
  --colors-lime-a9: var(--colors-lime-dark-a9);
  --colors-lime-a10: var(--colors-lime-dark-a10);
  --colors-lime-a11: var(--colors-lime-dark-a11);
  --colors-lime-a12: var(--colors-lime-dark-a12);
  --colors-mauve-1: var(--colors-mauve-dark-1);
  --colors-mauve-2: var(--colors-mauve-dark-2);
  --colors-mauve-3: var(--colors-mauve-dark-3);
  --colors-mauve-4: var(--colors-mauve-dark-4);
  --colors-mauve-5: var(--colors-mauve-dark-5);
  --colors-mauve-6: var(--colors-mauve-dark-6);
  --colors-mauve-7: var(--colors-mauve-dark-7);
  --colors-mauve-8: var(--colors-mauve-dark-8);
  --colors-mauve-9: var(--colors-mauve-dark-9);
  --colors-mauve-10: var(--colors-mauve-dark-10);
  --colors-mauve-11: var(--colors-mauve-dark-11);
  --colors-mauve-12: var(--colors-mauve-dark-12);
  --colors-mauve-a1: var(--colors-mauve-dark-a1);
  --colors-mauve-a2: var(--colors-mauve-dark-a2);
  --colors-mauve-a3: var(--colors-mauve-dark-a3);
  --colors-mauve-a4: var(--colors-mauve-dark-a4);
  --colors-mauve-a5: var(--colors-mauve-dark-a5);
  --colors-mauve-a6: var(--colors-mauve-dark-a6);
  --colors-mauve-a7: var(--colors-mauve-dark-a7);
  --colors-mauve-a8: var(--colors-mauve-dark-a8);
  --colors-mauve-a9: var(--colors-mauve-dark-a9);
  --colors-mauve-a10: var(--colors-mauve-dark-a10);
  --colors-mauve-a11: var(--colors-mauve-dark-a11);
  --colors-mauve-a12: var(--colors-mauve-dark-a12);
  --colors-mint-1: var(--colors-mint-dark-1);
  --colors-mint-2: var(--colors-mint-dark-2);
  --colors-mint-3: var(--colors-mint-dark-3);
  --colors-mint-4: var(--colors-mint-dark-4);
  --colors-mint-5: var(--colors-mint-dark-5);
  --colors-mint-6: var(--colors-mint-dark-6);
  --colors-mint-7: var(--colors-mint-dark-7);
  --colors-mint-8: var(--colors-mint-dark-8);
  --colors-mint-9: var(--colors-mint-dark-9);
  --colors-mint-10: var(--colors-mint-dark-10);
  --colors-mint-11: var(--colors-mint-dark-11);
  --colors-mint-12: var(--colors-mint-dark-12);
  --colors-mint-a1: var(--colors-mint-dark-a1);
  --colors-mint-a2: var(--colors-mint-dark-a2);
  --colors-mint-a3: var(--colors-mint-dark-a3);
  --colors-mint-a4: var(--colors-mint-dark-a4);
  --colors-mint-a5: var(--colors-mint-dark-a5);
  --colors-mint-a6: var(--colors-mint-dark-a6);
  --colors-mint-a7: var(--colors-mint-dark-a7);
  --colors-mint-a8: var(--colors-mint-dark-a8);
  --colors-mint-a9: var(--colors-mint-dark-a9);
  --colors-mint-a10: var(--colors-mint-dark-a10);
  --colors-mint-a11: var(--colors-mint-dark-a11);
  --colors-mint-a12: var(--colors-mint-dark-a12);
  --colors-neutral-1: var(--colors-neutral-dark-1);
  --colors-neutral-2: var(--colors-neutral-dark-2);
  --colors-neutral-3: var(--colors-neutral-dark-3);
  --colors-neutral-4: var(--colors-neutral-dark-4);
  --colors-neutral-5: var(--colors-neutral-dark-5);
  --colors-neutral-6: var(--colors-neutral-dark-6);
  --colors-neutral-7: var(--colors-neutral-dark-7);
  --colors-neutral-8: var(--colors-neutral-dark-8);
  --colors-neutral-9: var(--colors-neutral-dark-9);
  --colors-neutral-10: var(--colors-neutral-dark-10);
  --colors-neutral-11: var(--colors-neutral-dark-11);
  --colors-neutral-12: var(--colors-neutral-dark-12);
  --colors-neutral-a1: var(--colors-neutral-dark-a1);
  --colors-neutral-a2: var(--colors-neutral-dark-a2);
  --colors-neutral-a3: var(--colors-neutral-dark-a3);
  --colors-neutral-a4: var(--colors-neutral-dark-a4);
  --colors-neutral-a5: var(--colors-neutral-dark-a5);
  --colors-neutral-a6: var(--colors-neutral-dark-a6);
  --colors-neutral-a7: var(--colors-neutral-dark-a7);
  --colors-neutral-a8: var(--colors-neutral-dark-a8);
  --colors-neutral-a9: var(--colors-neutral-dark-a9);
  --colors-neutral-a10: var(--colors-neutral-dark-a10);
  --colors-neutral-a11: var(--colors-neutral-dark-a11);
  --colors-neutral-a12: var(--colors-neutral-dark-a12);
  --colors-neutral-default: white;
  --colors-neutral-fg: black;
  --colors-neutral-text: white;
  --colors-olive-1: var(--colors-olive-dark-1);
  --colors-olive-2: var(--colors-olive-dark-2);
  --colors-olive-3: var(--colors-olive-dark-3);
  --colors-olive-4: var(--colors-olive-dark-4);
  --colors-olive-5: var(--colors-olive-dark-5);
  --colors-olive-6: var(--colors-olive-dark-6);
  --colors-olive-7: var(--colors-olive-dark-7);
  --colors-olive-8: var(--colors-olive-dark-8);
  --colors-olive-9: var(--colors-olive-dark-9);
  --colors-olive-10: var(--colors-olive-dark-10);
  --colors-olive-11: var(--colors-olive-dark-11);
  --colors-olive-12: var(--colors-olive-dark-12);
  --colors-olive-a1: var(--colors-olive-dark-a1);
  --colors-olive-a2: var(--colors-olive-dark-a2);
  --colors-olive-a3: var(--colors-olive-dark-a3);
  --colors-olive-a4: var(--colors-olive-dark-a4);
  --colors-olive-a5: var(--colors-olive-dark-a5);
  --colors-olive-a6: var(--colors-olive-dark-a6);
  --colors-olive-a7: var(--colors-olive-dark-a7);
  --colors-olive-a8: var(--colors-olive-dark-a8);
  --colors-olive-a9: var(--colors-olive-dark-a9);
  --colors-olive-a10: var(--colors-olive-dark-a10);
  --colors-olive-a11: var(--colors-olive-dark-a11);
  --colors-olive-a12: var(--colors-olive-dark-a12);
  --colors-orange-1: var(--colors-orange-dark-1);
  --colors-orange-2: var(--colors-orange-dark-2);
  --colors-orange-3: var(--colors-orange-dark-3);
  --colors-orange-4: var(--colors-orange-dark-4);
  --colors-orange-5: var(--colors-orange-dark-5);
  --colors-orange-6: var(--colors-orange-dark-6);
  --colors-orange-7: var(--colors-orange-dark-7);
  --colors-orange-8: var(--colors-orange-dark-8);
  --colors-orange-9: var(--colors-orange-dark-9);
  --colors-orange-10: var(--colors-orange-dark-10);
  --colors-orange-11: var(--colors-orange-dark-11);
  --colors-orange-12: var(--colors-orange-dark-12);
  --colors-orange-a1: var(--colors-orange-dark-a1);
  --colors-orange-a2: var(--colors-orange-dark-a2);
  --colors-orange-a3: var(--colors-orange-dark-a3);
  --colors-orange-a4: var(--colors-orange-dark-a4);
  --colors-orange-a5: var(--colors-orange-dark-a5);
  --colors-orange-a6: var(--colors-orange-dark-a6);
  --colors-orange-a7: var(--colors-orange-dark-a7);
  --colors-orange-a8: var(--colors-orange-dark-a8);
  --colors-orange-a9: var(--colors-orange-dark-a9);
  --colors-orange-a10: var(--colors-orange-dark-a10);
  --colors-orange-a11: var(--colors-orange-dark-a11);
  --colors-orange-a12: var(--colors-orange-dark-a12);
  --colors-pink-1: var(--colors-pink-dark-1);
  --colors-pink-2: var(--colors-pink-dark-2);
  --colors-pink-3: var(--colors-pink-dark-3);
  --colors-pink-4: var(--colors-pink-dark-4);
  --colors-pink-5: var(--colors-pink-dark-5);
  --colors-pink-6: var(--colors-pink-dark-6);
  --colors-pink-7: var(--colors-pink-dark-7);
  --colors-pink-8: var(--colors-pink-dark-8);
  --colors-pink-9: var(--colors-pink-dark-9);
  --colors-pink-10: var(--colors-pink-dark-10);
  --colors-pink-11: var(--colors-pink-dark-11);
  --colors-pink-12: var(--colors-pink-dark-12);
  --colors-pink-a1: var(--colors-pink-dark-a1);
  --colors-pink-a2: var(--colors-pink-dark-a2);
  --colors-pink-a3: var(--colors-pink-dark-a3);
  --colors-pink-a4: var(--colors-pink-dark-a4);
  --colors-pink-a5: var(--colors-pink-dark-a5);
  --colors-pink-a6: var(--colors-pink-dark-a6);
  --colors-pink-a7: var(--colors-pink-dark-a7);
  --colors-pink-a8: var(--colors-pink-dark-a8);
  --colors-pink-a9: var(--colors-pink-dark-a9);
  --colors-pink-a10: var(--colors-pink-dark-a10);
  --colors-pink-a11: var(--colors-pink-dark-a11);
  --colors-pink-a12: var(--colors-pink-dark-a12);
  --colors-plum-1: var(--colors-plum-dark-1);
  --colors-plum-2: var(--colors-plum-dark-2);
  --colors-plum-3: var(--colors-plum-dark-3);
  --colors-plum-4: var(--colors-plum-dark-4);
  --colors-plum-5: var(--colors-plum-dark-5);
  --colors-plum-6: var(--colors-plum-dark-6);
  --colors-plum-7: var(--colors-plum-dark-7);
  --colors-plum-8: var(--colors-plum-dark-8);
  --colors-plum-9: var(--colors-plum-dark-9);
  --colors-plum-10: var(--colors-plum-dark-10);
  --colors-plum-11: var(--colors-plum-dark-11);
  --colors-plum-12: var(--colors-plum-dark-12);
  --colors-plum-a1: var(--colors-plum-dark-a1);
  --colors-plum-a2: var(--colors-plum-dark-a2);
  --colors-plum-a3: var(--colors-plum-dark-a3);
  --colors-plum-a4: var(--colors-plum-dark-a4);
  --colors-plum-a5: var(--colors-plum-dark-a5);
  --colors-plum-a6: var(--colors-plum-dark-a6);
  --colors-plum-a7: var(--colors-plum-dark-a7);
  --colors-plum-a8: var(--colors-plum-dark-a8);
  --colors-plum-a9: var(--colors-plum-dark-a9);
  --colors-plum-a10: var(--colors-plum-dark-a10);
  --colors-plum-a11: var(--colors-plum-dark-a11);
  --colors-plum-a12: var(--colors-plum-dark-a12);
  --colors-purple-1: var(--colors-purple-dark-1);
  --colors-purple-2: var(--colors-purple-dark-2);
  --colors-purple-3: var(--colors-purple-dark-3);
  --colors-purple-4: var(--colors-purple-dark-4);
  --colors-purple-5: var(--colors-purple-dark-5);
  --colors-purple-6: var(--colors-purple-dark-6);
  --colors-purple-7: var(--colors-purple-dark-7);
  --colors-purple-8: var(--colors-purple-dark-8);
  --colors-purple-9: var(--colors-purple-dark-9);
  --colors-purple-10: var(--colors-purple-dark-10);
  --colors-purple-11: var(--colors-purple-dark-11);
  --colors-purple-12: var(--colors-purple-dark-12);
  --colors-purple-a1: var(--colors-purple-dark-a1);
  --colors-purple-a2: var(--colors-purple-dark-a2);
  --colors-purple-a3: var(--colors-purple-dark-a3);
  --colors-purple-a4: var(--colors-purple-dark-a4);
  --colors-purple-a5: var(--colors-purple-dark-a5);
  --colors-purple-a6: var(--colors-purple-dark-a6);
  --colors-purple-a7: var(--colors-purple-dark-a7);
  --colors-purple-a8: var(--colors-purple-dark-a8);
  --colors-purple-a9: var(--colors-purple-dark-a9);
  --colors-purple-a10: var(--colors-purple-dark-a10);
  --colors-purple-a11: var(--colors-purple-dark-a11);
  --colors-purple-a12: var(--colors-purple-dark-a12);
  --colors-red-1: var(--colors-red-dark-1);
  --colors-red-2: var(--colors-red-dark-2);
  --colors-red-3: var(--colors-red-dark-3);
  --colors-red-4: var(--colors-red-dark-4);
  --colors-red-5: var(--colors-red-dark-5);
  --colors-red-6: var(--colors-red-dark-6);
  --colors-red-7: var(--colors-red-dark-7);
  --colors-red-8: var(--colors-red-dark-8);
  --colors-red-9: var(--colors-red-dark-9);
  --colors-red-10: var(--colors-red-dark-10);
  --colors-red-11: var(--colors-red-dark-11);
  --colors-red-12: var(--colors-red-dark-12);
  --colors-red-a1: var(--colors-red-dark-a1);
  --colors-red-a2: var(--colors-red-dark-a2);
  --colors-red-a3: var(--colors-red-dark-a3);
  --colors-red-a4: var(--colors-red-dark-a4);
  --colors-red-a5: var(--colors-red-dark-a5);
  --colors-red-a6: var(--colors-red-dark-a6);
  --colors-red-a7: var(--colors-red-dark-a7);
  --colors-red-a8: var(--colors-red-dark-a8);
  --colors-red-a9: var(--colors-red-dark-a9);
  --colors-red-a10: var(--colors-red-dark-a10);
  --colors-red-a11: var(--colors-red-dark-a11);
  --colors-red-a12: var(--colors-red-dark-a12);
  --colors-ruby-1: var(--colors-ruby-dark-1);
  --colors-ruby-2: var(--colors-ruby-dark-2);
  --colors-ruby-3: var(--colors-ruby-dark-3);
  --colors-ruby-4: var(--colors-ruby-dark-4);
  --colors-ruby-5: var(--colors-ruby-dark-5);
  --colors-ruby-6: var(--colors-ruby-dark-6);
  --colors-ruby-7: var(--colors-ruby-dark-7);
  --colors-ruby-8: var(--colors-ruby-dark-8);
  --colors-ruby-9: var(--colors-ruby-dark-9);
  --colors-ruby-10: var(--colors-ruby-dark-10);
  --colors-ruby-11: var(--colors-ruby-dark-11);
  --colors-ruby-12: var(--colors-ruby-dark-12);
  --colors-ruby-a1: var(--colors-ruby-dark-a1);
  --colors-ruby-a2: var(--colors-ruby-dark-a2);
  --colors-ruby-a3: var(--colors-ruby-dark-a3);
  --colors-ruby-a4: var(--colors-ruby-dark-a4);
  --colors-ruby-a5: var(--colors-ruby-dark-a5);
  --colors-ruby-a6: var(--colors-ruby-dark-a6);
  --colors-ruby-a7: var(--colors-ruby-dark-a7);
  --colors-ruby-a8: var(--colors-ruby-dark-a8);
  --colors-ruby-a9: var(--colors-ruby-dark-a9);
  --colors-ruby-a10: var(--colors-ruby-dark-a10);
  --colors-ruby-a11: var(--colors-ruby-dark-a11);
  --colors-ruby-a12: var(--colors-ruby-dark-a12);
  --colors-sage-1: var(--colors-sage-dark-1);
  --colors-sage-2: var(--colors-sage-dark-2);
  --colors-sage-3: var(--colors-sage-dark-3);
  --colors-sage-4: var(--colors-sage-dark-4);
  --colors-sage-5: var(--colors-sage-dark-5);
  --colors-sage-6: var(--colors-sage-dark-6);
  --colors-sage-7: var(--colors-sage-dark-7);
  --colors-sage-8: var(--colors-sage-dark-8);
  --colors-sage-9: var(--colors-sage-dark-9);
  --colors-sage-10: var(--colors-sage-dark-10);
  --colors-sage-11: var(--colors-sage-dark-11);
  --colors-sage-12: var(--colors-sage-dark-12);
  --colors-sage-a1: var(--colors-sage-dark-a1);
  --colors-sage-a2: var(--colors-sage-dark-a2);
  --colors-sage-a3: var(--colors-sage-dark-a3);
  --colors-sage-a4: var(--colors-sage-dark-a4);
  --colors-sage-a5: var(--colors-sage-dark-a5);
  --colors-sage-a6: var(--colors-sage-dark-a6);
  --colors-sage-a7: var(--colors-sage-dark-a7);
  --colors-sage-a8: var(--colors-sage-dark-a8);
  --colors-sage-a9: var(--colors-sage-dark-a9);
  --colors-sage-a10: var(--colors-sage-dark-a10);
  --colors-sage-a11: var(--colors-sage-dark-a11);
  --colors-sage-a12: var(--colors-sage-dark-a12);
  --colors-sand-1: var(--colors-sand-dark-1);
  --colors-sand-2: var(--colors-sand-dark-2);
  --colors-sand-3: var(--colors-sand-dark-3);
  --colors-sand-4: var(--colors-sand-dark-4);
  --colors-sand-5: var(--colors-sand-dark-5);
  --colors-sand-6: var(--colors-sand-dark-6);
  --colors-sand-7: var(--colors-sand-dark-7);
  --colors-sand-8: var(--colors-sand-dark-8);
  --colors-sand-9: var(--colors-sand-dark-9);
  --colors-sand-10: var(--colors-sand-dark-10);
  --colors-sand-11: var(--colors-sand-dark-11);
  --colors-sand-12: var(--colors-sand-dark-12);
  --colors-sand-a1: var(--colors-sand-dark-a1);
  --colors-sand-a2: var(--colors-sand-dark-a2);
  --colors-sand-a3: var(--colors-sand-dark-a3);
  --colors-sand-a4: var(--colors-sand-dark-a4);
  --colors-sand-a5: var(--colors-sand-dark-a5);
  --colors-sand-a6: var(--colors-sand-dark-a6);
  --colors-sand-a7: var(--colors-sand-dark-a7);
  --colors-sand-a8: var(--colors-sand-dark-a8);
  --colors-sand-a9: var(--colors-sand-dark-a9);
  --colors-sand-a10: var(--colors-sand-dark-a10);
  --colors-sand-a11: var(--colors-sand-dark-a11);
  --colors-sand-a12: var(--colors-sand-dark-a12);
  --colors-sky-1: var(--colors-sky-dark-1);
  --colors-sky-2: var(--colors-sky-dark-2);
  --colors-sky-3: var(--colors-sky-dark-3);
  --colors-sky-4: var(--colors-sky-dark-4);
  --colors-sky-5: var(--colors-sky-dark-5);
  --colors-sky-6: var(--colors-sky-dark-6);
  --colors-sky-7: var(--colors-sky-dark-7);
  --colors-sky-8: var(--colors-sky-dark-8);
  --colors-sky-9: var(--colors-sky-dark-9);
  --colors-sky-10: var(--colors-sky-dark-10);
  --colors-sky-11: var(--colors-sky-dark-11);
  --colors-sky-12: var(--colors-sky-dark-12);
  --colors-sky-a1: var(--colors-sky-dark-a1);
  --colors-sky-a2: var(--colors-sky-dark-a2);
  --colors-sky-a3: var(--colors-sky-dark-a3);
  --colors-sky-a4: var(--colors-sky-dark-a4);
  --colors-sky-a5: var(--colors-sky-dark-a5);
  --colors-sky-a6: var(--colors-sky-dark-a6);
  --colors-sky-a7: var(--colors-sky-dark-a7);
  --colors-sky-a8: var(--colors-sky-dark-a8);
  --colors-sky-a9: var(--colors-sky-dark-a9);
  --colors-sky-a10: var(--colors-sky-dark-a10);
  --colors-sky-a11: var(--colors-sky-dark-a11);
  --colors-sky-a12: var(--colors-sky-dark-a12);
  --colors-slate-1: var(--colors-slate-dark-1);
  --colors-slate-2: var(--colors-slate-dark-2);
  --colors-slate-3: var(--colors-slate-dark-3);
  --colors-slate-4: var(--colors-slate-dark-4);
  --colors-slate-5: var(--colors-slate-dark-5);
  --colors-slate-6: var(--colors-slate-dark-6);
  --colors-slate-7: var(--colors-slate-dark-7);
  --colors-slate-8: var(--colors-slate-dark-8);
  --colors-slate-9: var(--colors-slate-dark-9);
  --colors-slate-10: var(--colors-slate-dark-10);
  --colors-slate-11: var(--colors-slate-dark-11);
  --colors-slate-12: var(--colors-slate-dark-12);
  --colors-slate-a1: var(--colors-slate-dark-a1);
  --colors-slate-a2: var(--colors-slate-dark-a2);
  --colors-slate-a3: var(--colors-slate-dark-a3);
  --colors-slate-a4: var(--colors-slate-dark-a4);
  --colors-slate-a5: var(--colors-slate-dark-a5);
  --colors-slate-a6: var(--colors-slate-dark-a6);
  --colors-slate-a7: var(--colors-slate-dark-a7);
  --colors-slate-a8: var(--colors-slate-dark-a8);
  --colors-slate-a9: var(--colors-slate-dark-a9);
  --colors-slate-a10: var(--colors-slate-dark-a10);
  --colors-slate-a11: var(--colors-slate-dark-a11);
  --colors-slate-a12: var(--colors-slate-dark-a12);
  --colors-teal-1: var(--colors-teal-dark-1);
  --colors-teal-2: var(--colors-teal-dark-2);
  --colors-teal-3: var(--colors-teal-dark-3);
  --colors-teal-4: var(--colors-teal-dark-4);
  --colors-teal-5: var(--colors-teal-dark-5);
  --colors-teal-6: var(--colors-teal-dark-6);
  --colors-teal-7: var(--colors-teal-dark-7);
  --colors-teal-8: var(--colors-teal-dark-8);
  --colors-teal-9: var(--colors-teal-dark-9);
  --colors-teal-10: var(--colors-teal-dark-10);
  --colors-teal-11: var(--colors-teal-dark-11);
  --colors-teal-12: var(--colors-teal-dark-12);
  --colors-teal-a1: var(--colors-teal-dark-a1);
  --colors-teal-a2: var(--colors-teal-dark-a2);
  --colors-teal-a3: var(--colors-teal-dark-a3);
  --colors-teal-a4: var(--colors-teal-dark-a4);
  --colors-teal-a5: var(--colors-teal-dark-a5);
  --colors-teal-a6: var(--colors-teal-dark-a6);
  --colors-teal-a7: var(--colors-teal-dark-a7);
  --colors-teal-a8: var(--colors-teal-dark-a8);
  --colors-teal-a9: var(--colors-teal-dark-a9);
  --colors-teal-a10: var(--colors-teal-dark-a10);
  --colors-teal-a11: var(--colors-teal-dark-a11);
  --colors-teal-a12: var(--colors-teal-dark-a12);
  --colors-tomato-1: var(--colors-tomato-dark-1);
  --colors-tomato-2: var(--colors-tomato-dark-2);
  --colors-tomato-3: var(--colors-tomato-dark-3);
  --colors-tomato-4: var(--colors-tomato-dark-4);
  --colors-tomato-5: var(--colors-tomato-dark-5);
  --colors-tomato-6: var(--colors-tomato-dark-6);
  --colors-tomato-7: var(--colors-tomato-dark-7);
  --colors-tomato-8: var(--colors-tomato-dark-8);
  --colors-tomato-9: var(--colors-tomato-dark-9);
  --colors-tomato-10: var(--colors-tomato-dark-10);
  --colors-tomato-11: var(--colors-tomato-dark-11);
  --colors-tomato-12: var(--colors-tomato-dark-12);
  --colors-tomato-a1: var(--colors-tomato-dark-a1);
  --colors-tomato-a2: var(--colors-tomato-dark-a2);
  --colors-tomato-a3: var(--colors-tomato-dark-a3);
  --colors-tomato-a4: var(--colors-tomato-dark-a4);
  --colors-tomato-a5: var(--colors-tomato-dark-a5);
  --colors-tomato-a6: var(--colors-tomato-dark-a6);
  --colors-tomato-a7: var(--colors-tomato-dark-a7);
  --colors-tomato-a8: var(--colors-tomato-dark-a8);
  --colors-tomato-a9: var(--colors-tomato-dark-a9);
  --colors-tomato-a10: var(--colors-tomato-dark-a10);
  --colors-tomato-a11: var(--colors-tomato-dark-a11);
  --colors-tomato-a12: var(--colors-tomato-dark-a12);
  --colors-violet-1: var(--colors-violet-dark-1);
  --colors-violet-2: var(--colors-violet-dark-2);
  --colors-violet-3: var(--colors-violet-dark-3);
  --colors-violet-4: var(--colors-violet-dark-4);
  --colors-violet-5: var(--colors-violet-dark-5);
  --colors-violet-6: var(--colors-violet-dark-6);
  --colors-violet-7: var(--colors-violet-dark-7);
  --colors-violet-8: var(--colors-violet-dark-8);
  --colors-violet-9: var(--colors-violet-dark-9);
  --colors-violet-10: var(--colors-violet-dark-10);
  --colors-violet-11: var(--colors-violet-dark-11);
  --colors-violet-12: var(--colors-violet-dark-12);
  --colors-violet-a1: var(--colors-violet-dark-a1);
  --colors-violet-a2: var(--colors-violet-dark-a2);
  --colors-violet-a3: var(--colors-violet-dark-a3);
  --colors-violet-a4: var(--colors-violet-dark-a4);
  --colors-violet-a5: var(--colors-violet-dark-a5);
  --colors-violet-a6: var(--colors-violet-dark-a6);
  --colors-violet-a7: var(--colors-violet-dark-a7);
  --colors-violet-a8: var(--colors-violet-dark-a8);
  --colors-violet-a9: var(--colors-violet-dark-a9);
  --colors-violet-a10: var(--colors-violet-dark-a10);
  --colors-violet-a11: var(--colors-violet-dark-a11);
  --colors-violet-a12: var(--colors-violet-dark-a12);
  --colors-yellow-1: var(--colors-yellow-dark-1);
  --colors-yellow-2: var(--colors-yellow-dark-2);
  --colors-yellow-3: var(--colors-yellow-dark-3);
  --colors-yellow-4: var(--colors-yellow-dark-4);
  --colors-yellow-5: var(--colors-yellow-dark-5);
  --colors-yellow-6: var(--colors-yellow-dark-6);
  --colors-yellow-7: var(--colors-yellow-dark-7);
  --colors-yellow-8: var(--colors-yellow-dark-8);
  --colors-yellow-9: var(--colors-yellow-dark-9);
  --colors-yellow-10: var(--colors-yellow-dark-10);
  --colors-yellow-11: var(--colors-yellow-dark-11);
  --colors-yellow-12: var(--colors-yellow-dark-12);
  --colors-yellow-a1: var(--colors-yellow-dark-a1);
  --colors-yellow-a2: var(--colors-yellow-dark-a2);
  --colors-yellow-a3: var(--colors-yellow-dark-a3);
  --colors-yellow-a4: var(--colors-yellow-dark-a4);
  --colors-yellow-a5: var(--colors-yellow-dark-a5);
  --colors-yellow-a6: var(--colors-yellow-dark-a6);
  --colors-yellow-a7: var(--colors-yellow-dark-a7);
  --colors-yellow-a8: var(--colors-yellow-dark-a8);
  --colors-yellow-a9: var(--colors-yellow-dark-a9);
  --colors-yellow-a10: var(--colors-yellow-dark-a10);
  --colors-yellow-a11: var(--colors-yellow-dark-a11);
  --colors-yellow-a12: var(--colors-yellow-dark-a12);
  --colors-gray-1: var(--colors-neutral-dark-1);
  --colors-gray-2: var(--colors-neutral-dark-2);
  --colors-gray-3: var(--colors-neutral-dark-3);
  --colors-gray-4: var(--colors-neutral-dark-4);
  --colors-gray-5: var(--colors-neutral-dark-5);
  --colors-gray-6: var(--colors-neutral-dark-6);
  --colors-gray-7: var(--colors-neutral-dark-7);
  --colors-gray-8: var(--colors-neutral-dark-8);
  --colors-gray-9: var(--colors-neutral-dark-9);
  --colors-gray-10: var(--colors-neutral-dark-10);
  --colors-gray-11: var(--colors-neutral-dark-11);
  --colors-gray-12: var(--colors-neutral-dark-12);
  --colors-gray-a1: var(--colors-neutral-dark-a1);
  --colors-gray-a2: var(--colors-neutral-dark-a2);
  --colors-gray-a3: var(--colors-neutral-dark-a3);
  --colors-gray-a4: var(--colors-neutral-dark-a4);
  --colors-gray-a5: var(--colors-neutral-dark-a5);
  --colors-gray-a6: var(--colors-neutral-dark-a6);
  --colors-gray-a7: var(--colors-neutral-dark-a7);
  --colors-gray-a8: var(--colors-neutral-dark-a8);
  --colors-gray-a9: var(--colors-neutral-dark-a9);
  --colors-gray-a10: var(--colors-neutral-dark-a10);
  --colors-gray-a11: var(--colors-neutral-dark-a11);
  --colors-gray-a12: var(--colors-neutral-dark-a12);
  --colors-gray-default: white;
  --colors-gray-fg: black;
  --colors-gray-text: white;
  --colors-accent-1: var(--colors-neutral-dark-1);
  --colors-accent-2: var(--colors-neutral-dark-2);
  --colors-accent-3: var(--colors-neutral-dark-3);
  --colors-accent-4: var(--colors-neutral-dark-4);
  --colors-accent-5: var(--colors-neutral-dark-5);
  --colors-accent-6: var(--colors-neutral-dark-6);
  --colors-accent-7: var(--colors-neutral-dark-7);
  --colors-accent-8: var(--colors-neutral-dark-8);
  --colors-accent-9: var(--colors-neutral-dark-9);
  --colors-accent-10: var(--colors-neutral-dark-10);
  --colors-accent-11: var(--colors-neutral-dark-11);
  --colors-accent-12: var(--colors-neutral-dark-12);
  --colors-accent-a1: var(--colors-neutral-dark-a1);
  --colors-accent-a2: var(--colors-neutral-dark-a2);
  --colors-accent-a3: var(--colors-neutral-dark-a3);
  --colors-accent-a4: var(--colors-neutral-dark-a4);
  --colors-accent-a5: var(--colors-neutral-dark-a5);
  --colors-accent-a6: var(--colors-neutral-dark-a6);
  --colors-accent-a7: var(--colors-neutral-dark-a7);
  --colors-accent-a8: var(--colors-neutral-dark-a8);
  --colors-accent-a9: var(--colors-neutral-dark-a9);
  --colors-accent-a10: var(--colors-neutral-dark-a10);
  --colors-accent-a11: var(--colors-neutral-dark-a11);
  --colors-accent-a12: var(--colors-neutral-dark-a12);
  --colors-accent-default: white;
  --colors-accent-fg: black;
  --colors-accent-text: white;
  --colors-bg-default: var(--colors-gray-2);
  --colors-bg-subtle: var(--colors-gray-3);
  --colors-bg-muted: var(--colors-gray-4);
  --colors-bg-emphasized: var(--colors-gray-5);
  --colors-bg-disabled: var(--colors-gray-4);
  --shadows-xs: 0px 1px 1px var(--colors-black-a12), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-sm: 0px 2px 4px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-md: 0px 4px 8px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-lg: 0px 8px 16px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-xl: 0px 16px 24px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-2xl: 0px 24px 40px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7)
;
}
@keyframes fade-in {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fade-out {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes slide-in {

  0% {
    opacity: 0;
    transform: translateY(64px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {

  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(64px);
  }
}
@keyframes slide-in-left {

  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-left {

  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-right {

  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-right {

  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}
@keyframes collapse-in {

  0% {
    height: var(--sizes-0);
  }

  100% {
    height: var(--height);
  }
}
@keyframes collapse-out {

  0% {
    height: var(--height);
  }

  100% {
    height: var(--sizes-0);
  }
}
@keyframes fadeIn {

  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {

  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-4px);
  }
}
@keyframes skeleton-pulse {

  50% {
    opacity: 0.5;
  }
}
.badge {
  border-radius: var(--radii-full);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  font-weight: var(--font-weights-medium);
}
.badge,.button {
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
}
.button {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  vertical-align: middle;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.button:is([hidden]) {
  display: none;
}
.\!code {
  background: var(--colors-bg-subtle) !important;
  border-radius: var(--radii-l2) !important;
  display: inline-flex !important;
  align-items: center !important;
  font-weight: var(--font-weights-medium) !important;
  font-family: var(--fonts-code) !important;
}
.code {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-l2);
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weights-medium) !important;
  font-family: var(--fonts-code);
}
.\!code {
  color: var(--colors-fg-default) !important;
}
.code,.formLabel {
  color: var(--colors-fg-default);
}
.formLabel {
  font-weight: var(--font-weights-medium);
}
.icon {
  color: currentcolor;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1em;
}
.icon,.iconButton {
  vertical-align: middle;
}
.iconButton {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.iconButton:is([hidden]) {
  display: none;
}
.input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  border-radius: var(--radii-l2);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  color: var(--colors-fg-default);
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  border-color: var(--colors-border-default);
  border-width: 1px;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: box-shadow, border-color;
  transition-property: box-shadow, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.input:is(:disabled, [disabled], [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
.input:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.kbd {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-l2);
  box-shadow: 0 -2px 0 0 inset var(--colors-border-muted), 0 0 0 1px inset var(--colors-border-muted);
  font-family: var(--fonts-code);
}
.kbd,.link {
  color: var(--colors-fg-default);
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weights-medium);
}
.link {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  cursor: pointer;
  gap: var(--spacing-2);
  -webkit-text-decoration: underline 0.1em transparent;
          text-decoration: underline 0.1em transparent;
  text-underline-offset: 0.125em;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: text-decoration-color;
  transition-property: text-decoration-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.link svg {
  width: 1em;
  height: 1em;
}
.link:is(:hover, [data-hover]) {
  text-decoration-color: var(--colors-color-palette-default);
}
.skeleton {
  animation: var(--animations-skeleton-pulse);
  border-radius: var(--radii-l3);
  color: var(--colors-transparent);
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-color: var(--colors-gray-a4);
}
.skeleton::before,.skeleton::after,.skeleton * {
  visibility: hidden;
}
.textarea {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  border-radius: var(--radii-l2);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  min-width: var(--sizes-0);
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  border-color: var(--colors-border-default);
  border-width: 1px;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: border-color, box-shadow;
  transition-property: border-color, box-shadow;
}
.textarea:is(:disabled, [disabled], [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
.textarea:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
@layer _base {

  .accordion__root > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 1px;
    border-bottom-width: 0px;
  }

  .accordion__root {
    width: var(--sizes-full);
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

  .accordion__itemTrigger {
    color: var(--colors-fg-default);
    cursor: pointer;
    display: flex;
    gap: var(--spacing-3);
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    text-align: left;
    width: var(--sizes-full);
    align-items: center;
    font-weight: var(--font-weights-semibold);
    justify-content: space-between;
  }

  .accordion__itemTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .accordion__itemContent {
    color: var(--colors-fg-muted);
    overflow: hidden;
    --transition-prop: padding-bottom;
    transition-property: padding-bottom;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .accordion__itemContent:is([open], [data-state=open]) {
    animation: var(--animations-collapse-in);
  }

  .accordion__itemContent:is([data-state=closed]) {
    animation: var(--animations-collapse-out);
  }

  .accordion__itemIndicator {
    color: var(--colors-fg-muted);
    transform-origin: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform;
    transition-property: transform;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .accordion__itemIndicator:is([open], [data-state=open]) {
    transform: rotate(-180deg);
  }

  .alert__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    width: var(--sizes-full);
    border-width: 1px;
  }

  .alert__content {
    display: flex;
    gap: var(--spacing-1);
    flex-direction: column;
  }

  .alert__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .alert__icon {
    width: var(--sizes-5);
    height: var(--sizes-5);
    flex-shrink: 0;
  }

  .alert__icon,.alert__title {
    color: var(--colors-fg-default);
  }

  .alert__title {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .avatar__root {
    border-radius: var(--radii-full);
    flex-shrink: 0;
  }

  .avatar__image {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .avatar__fallback {
    background: var(--colors-bg-subtle);
    border-radius: var(--radii-full);
    color: var(--colors-fg-default);
    display: flex;
    height: inherit;
    align-items: center;
    border-width: 1px;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
  }

  .avatar__fallback:is([hidden]) {
    display: none;
  }

  .card__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    overflow: hidden;
    position: relative;
  }

  .card__root,.card__header {
    display: flex;
    flex-direction: column;
  }

  .card__header {
    gap: var(--spacing-1);
    padding: var(--spacing-6);
  }

  .card__body {
    flex: 1 1 0%;
    flex-direction: column;
  }

  .card__body,.card__footer {
    display: flex;
    padding-inline: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .card__footer {
    justify-content: flex-end;
    padding-top: var(--spacing-2);
  }

  .card__title {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    font-weight: var(--font-weights-semibold);
  }

  .card__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .carousel__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
  }

  .carousel__viewport {
    position: relative;
    border-radius: var(--radii-l2);
    overflow-x: hidden;
  }

  .carousel__indicatorGroup {
    display: flex;
  }

  .carousel__indicator {
    border-radius: var(--radii-full);
    background: var(--colors-gray-6);
    cursor: pointer;
  }

  .carousel__indicator:is([data-current]) {
    background: var(--colors-color-palette-default);
  }

  .carousel__indicator:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .carousel__control {
    background: var(--colors-gray-dark-a12);
    border-radius: var(--radii-l2);
    display: flex;
    position: absolute;
    transform: translateX(-50%);
    align-items: center;
    bottom: var(--spacing-4);
    left: 50%;
  }

  .carousel__control.dark,.dark .carousel__control {
    background: var(--colors-gray-light-a12);
  }

  .checkbox__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    align-items: center;
  }

  .checkbox__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .checkbox__control {
    color: var(--colors-color-palette-fg);
    cursor: pointer;
    display: flex;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, background;
    transition-property: border-color, background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .checkbox__control:has(+ :focus-visible) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .checkbox__control:has(+ :focus-visible):is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    outline-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:hover, [data-hover]) {
    background: var(--colors-bg-subtle);
  }

  .clipboard__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .clipboard__control {
    display: flex;
    gap: var(--spacing-3);
  }

  .collapsible__root {
    display: flex;
    width: var(--sizes-full);
    align-items: flex-start;
    flex-direction: column;
  }

  .collapsible__content {
    overflow: hidden;
    width: var(--sizes-full);
  }

  .collapsible__content:is([open], [data-state=open]) {
    animation: var(--animations-collapse-in);
  }

  .collapsible__content:is([data-state=closed]) {
    animation: var(--animations-collapse-out);
  }

  .colorPicker__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .colorPicker__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .colorPicker__control {
    display: flex;
    gap: var(--spacing-2);
    flex-direction: row;
  }

  .colorPicker__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    max-width: var(--sizes-sm);
    padding: var(--spacing-4);
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .colorPicker__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .colorPicker__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .colorPicker__content:is([hidden]) {
    display: none;
  }

  .colorPicker__area {
    height: var(--sizes-36);
    border-radius: var(--radii-l2);
    overflow: hidden;
  }

  .colorPicker__areaThumb {
    border-radius: var(--radii-full);
    height: var(--sizes-2\.5);
    width: var(--sizes-2\.5);
    box-shadow: white 0px 0px 0px 2px, black 0px 0px 2px 1px;
    outline: var(--borders-none);
  }

  .colorPicker__areaBackground {
    height: var(--sizes-full);
  }

  .colorPicker__channelSlider,.colorPicker__channelSliderTrack {
    border-radius: var(--radii-l2);
  }

  .colorPicker__channelSliderTrack {
    height: var(--sizes-3);
  }

  .colorPicker__channelSliderThumb {
    border-radius: var(--radii-full);
    height: var(--sizes-2\.5);
    width: var(--sizes-2\.5);
    box-shadow: white 0px 0px 0px 2px, black 0px 0px 2px 1px;
    transform: translate(-50%, -50%);
    outline: var(--borders-none);
  }

  .colorPicker__transparencyGrid {
    border-radius: var(--radii-l2);
  }

  .colorPicker__swatchGroup {
    display: grid;
    gap: var(--spacing-2);
    background: var(--colors-bg-default);
    grid-template-columns: repeat(7, 1fr);
  }

  .colorPicker__swatch {
    height: var(--sizes-6);
    width: var(--sizes-6);
    border-radius: var(--radii-l2);
    box-shadow: 0 0 0 1px var(--colors-border-emphasized), 0 0 0 2px var(--colors-bg-default) inset;
  }

  .combobox__root {
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    flex-direction: column;
  }

  .combobox__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .combobox__control {
    position: relative;
  }

  .combobox__trigger {
    color: var(--colors-fg-muted);
    position: absolute;
    bottom: var(--spacing-0);
    right: var(--spacing-0);
    top: var(--spacing-0);
  }

  .combobox__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .combobox__content:is([hidden]) {
    display: none;
  }

  .combobox__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .combobox__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .combobox__content:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .combobox__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .combobox__item[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .combobox__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .combobox__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
  }

  .combobox__item:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .combobox__itemIndicator {
    color: var(--colors-color-palette-default);
  }

  .combobox__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .datePicker__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .datePicker__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .datePicker__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    width: 344px;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .datePicker__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .datePicker__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .datePicker__content:is([hidden]) {
    display: none;
  }

  .datePicker__control {
    display: flex;
    gap: var(--spacing-2);
    flex-direction: row;
  }

  .datePicker__table {
    width: var(--sizes-full);
    border-collapse: separate;
    border-spacing: var(--spacing-1);
    margin: calc(var(--spacing-1) * -1);
  }

  .datePicker__tableCell {
    text-align: center;
  }

  .datePicker__tableCellTrigger {
    width: 100%;
  }

  .datePicker__tableCellTrigger[data-in-range] {
    background: var(--colors-bg-muted);
  }

  .datePicker__tableCellTrigger:is([data-today])::before {
    color: var(--colors-color-palette-default);
    position: absolute;
    content: '−';
    margin-top: var(--spacing-6);
  }

  .datePicker__tableCellTrigger:is([aria-selected=true], [data-selected])::before {
    color: var(--colors-color-palette-fg);
  }

  .datePicker__tableHeader {
    color: var(--colors-fg-muted);
    height: var(--sizes-10);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .datePicker__viewControl {
    display: flex;
    gap: var(--spacing-2);
    justify-content: space-between;
  }

  .datePicker__view {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .datePicker__view:is([hidden]) {
    display: none;
  }

  .dialog__backdrop {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: var(--colors-white-a10);
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-overlay);
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .dialog__backdrop.dark,.dark .dialog__backdrop {
    background: var(--colors-black-a10);
  }

  .dialog__backdrop:is([open], [data-state=open]) {
    animation: var(--animations-backdrop-in);
  }

  .dialog__backdrop:is([data-state=closed]) {
    animation: var(--animations-backdrop-out);
  }

  .dialog__positioner {
    display: flex;
    overflow: auto;
    position: fixed;
    width: 100vw;
    height: 100dvh;
    z-index: var(--z-index-modal);
    align-items: center;
    justify-content: center;
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .dialog__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    min-width: var(--sizes-sm);
    position: relative;
  }

  .dialog__content:is([open], [data-state=open]) {
    animation: var(--animations-dialog-in);
  }

  .dialog__content:is([data-state=closed]) {
    animation: var(--animations-dialog-out);
  }

  .dialog__title {
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    font-weight: var(--font-weights-semibold);
  }

  .dialog__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .drawer__backdrop {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: var(--colors-white-a10);
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-overlay);
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .drawer__backdrop.dark,.dark .drawer__backdrop {
    background: var(--colors-black-a10);
  }

  .drawer__backdrop:is([open], [data-state=open]) {
    animation: var(--animations-backdrop-in);
  }

  .drawer__backdrop:is([data-state=closed]) {
    animation: var(--animations-backdrop-out);
  }

  .drawer__positioner {
    display: flex;
    height: 100dvh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-modal);
    align-items: center;
    justify-content: center;
    top: var(--spacing-0);
  }

  .drawer__content {
    background: var(--colors-bg-default);
    box-shadow: var(--shadows-lg);
    display: grid;
    height: var(--sizes-full);
    width: var(--sizes-full);
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header'
        'body'
        'footer';
  }

  .drawer__content > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 1px;
    border-bottom-width: 0px;
  }

  .drawer__content:is([hidden]) {
    display: none;
  }

  .drawer__title {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-xl);
    line-height: 1.875rem;
    font-weight: var(--font-weights-semibold);
  }

  .drawer__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .drawer__header {
    gap: var(--spacing-1);
    grid-area: header;
    padding-inline: var(--spacing-4);
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .drawer__header,.drawer__body {
    display: flex;
    flex-direction: column;
  }

  .drawer__body {
    grid-area: body;
    overflow: auto;
    padding: var(--spacing-4);
  }

  .drawer__footer {
    display: flex;
    grid-area: footer;
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4);
    justify-content: flex-end;
  }

  .editable__root {
    display: flex;
    gap: var(--spacing-1\.5);
    width: 100%;
    flex-direction: column;
  }

  .editable__control {
    display: flex;
    gap: var(--spacing-2);
  }

  .fileUpload__root {
    gap: var(--spacing-4);
    width: 100%;
  }

  .fileUpload__root,.fileUpload__dropzone {
    display: flex;
    flex-direction: column;
  }

  .fileUpload__dropzone {
    gap: var(--spacing-3);
    min-height: var(--sizes-xs);
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-4);
    align-items: center;
    justify-content: center;
  }

  .fileUpload__dropzone,.fileUpload__item {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    border-width: 1px;
  }

  .fileUpload__item {
    animation: fadeIn 0.25s ease-out;
    display: grid;
    padding: var(--spacing-4);
    -moz-column-gap: var(--spacing-3);
         column-gap: var(--spacing-3);
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "preview name delete"
        "preview size delete";
  }

  .fileUpload__itemDeleteTrigger {
    grid-area: delete;
    align-self: flex-start;
  }

  .fileUpload__itemGroup {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .fileUpload__itemName {
    color: var(--colors-fg-default);
    grid-area: name;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .fileUpload__itemPreview {
    grid-area: preview;
  }

  .fileUpload__itemPreviewImage {
    aspect-ratio: 1;
    height: var(--sizes-10);
    -o-object-fit: scale-down;
       object-fit: scale-down;
    width: var(--sizes-10);
  }

  .fileUpload__itemSizeText {
    color: var(--colors-fg-muted);
    grid-area: size;
  }

  .fileUpload__itemSizeText,.fileUpload__label {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .fileUpload__label {
    font-weight: var(--font-weights-medium);
  }

  .hoverCard__arrow {
    --arrow-size: 12px;
    --arrow-background: var(--hover-card-background);
  }

  .hoverCard__arrowTip {
    border-top-width: 1px;
    border-left-width: 1px;
  }

  .hoverCard__content {
    --hover-card-background: var(--colors-bg-default);
    background: var(--hover-card-background);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    max-width: var(--sizes-80);
    padding: var(--spacing-4);
    position: relative;
  }

  .hoverCard__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .hoverCard__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .menu__triggerItem {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__triggerItem[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__triggerItem :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__triggerItem:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__positioner,.menu__content {
    z-index: var(--z-index-dropdown);
  }

  .menu__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    outline: var(--borders-none);
    width: calc(100% + 2rem);
    flex-direction: column;
  }

  .menu__content:is([hidden]) {
    display: none;
  }

  .menu__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .menu__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .menu__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__item[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__item :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__item:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__item:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__optionItem {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__optionItem[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__optionItem :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__optionItem:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__optionItem:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .menu__itemGroup,.numberInput__root {
    display: flex;
    flex-direction: column;
  }

  .numberInput__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    gap: var(--spacing-1\.5);
  }

  .numberInput__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .numberInput__input {
    outline: var(--borders-none);
    background: var(--colors-transparent);
    width: var(--sizes-full);
    grid-row: span 2 / span 2;
  }

  .numberInput__control {
    border-radius: var(--radii-l2);
    display: grid;
    overflow: hidden;
    border-color: var(--colors-border-default);
    border-width: 1px;
    grid-template-columns: 1fr 32px;
    grid-template-rows: 1fr 1fr;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, box-shadow;
    transition-property: border-color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .numberInput__control > :not([hidden]) ~ :not([hidden]) {
    border-inline-start-width: 1px;
    border-inline-end-width: 0px;
  }

  .numberInput__control:focus-within {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .numberInput__incrementTrigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .numberInput__incrementTrigger :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .numberInput__incrementTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .numberInput__incrementTrigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .numberInput__incrementTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .numberInput__decrementTrigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
    border-top-width: 1px;
  }

  .numberInput__decrementTrigger :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .numberInput__decrementTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .numberInput__decrementTrigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .numberInput__decrementTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .pagination__root {
    display: flex;
    gap: var(--spacing-2\.5);
  }

  .pagination__item {
    font-variant-numeric: tabular-nums;
  }

  .pagination__ellipsis {
    color: var(--colors-fg-default);
    display: inline-flex;
    padding-inline: var(--spacing-2);
    align-items: center;
    font-weight: var(--font-weights-semibold);
  }

  .pinInput__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .pinInput__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .pinInput__input {
    padding-inline: var(--spacing-0) !important;
    text-align: center;
  }

  .pinInput__control {
    display: flex;
    gap: var(--spacing-2);
  }

  .popover__arrow {
    --arrow-size: var(--sizes-3);
    --arrow-background: var(--colors-bg-default);
  }

  .popover__arrowTip {
    border-top-width: 1px;
    border-left-width: 1px;
  }

  .popover__positioner {
    position: relative;
  }

  .popover__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    max-width: var(--sizes-sm);
    z-index: var(--z-index-popover);
    padding: var(--spacing-4);
    flex-direction: column;
  }

  .popover__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .popover__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .popover__content:is([hidden]) {
    display: none;
  }

  .popover__title {
    font-weight: var(--font-weights-medium);
  }

  .popover__title,.popover__description {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .popover__description,.popover__closeTrigger {
    color: var(--colors-fg-muted);
  }

  .progress__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    align-items: center;
    flex-direction: column;
  }

  .progress__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .progress__track {
    border-radius: var(--radii-l2);
    overflow: hidden;
    width: 100%;
    background-color: var(--colors-bg-emphasized);
  }

  .progress__range {
    height: 100%;
    transition: width 0.2s ease-in-out;
    --translate-x: -100%;
    background-color: var(--colors-color-palette-default);
  }

  .progress__valueText {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .progress__circleTrack {
    stroke: var(--colors-bg-emphasized);
  }

  .progress__circleRange {
    stroke: var(--colors-color-palette-default);
    --transition-prop: stroke-dasharray, stroke;
    transition-property: stroke-dasharray, stroke;
    --transition-duration: 0.6s;
    transition-duration: 0.6s;
  }

  .radioButtonGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    flex-wrap: wrap;
  }

  .radioButtonGroup__item {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border-radius: var(--radii-l2);
    color: var(--colors-fg-default);
    cursor: pointer;
    display: inline-flex;
    outline: var(--borders-none);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .radioButtonGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    cursor: default;
  }

  .radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
    border-color: var(--colors-border-disabled);
  }

  .radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: initial;
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .radioButtonGroup__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
  }

  .radioButtonGroup__itemText {
    display: inline-flex;
    align-items: center;
  }

  .radioGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
  }

  .radioGroup__root[data-orientation=vertical] {
    flex-direction: column;
  }

  .radioGroup__root[data-orientation=horizontal] {
    flex-direction: row;
  }

  .radioGroup__item {
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .radioGroup__item:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
  }

  .radioGroup__itemText {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .radioGroup__itemText:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
  }

  .radioGroup__itemControl {
    background: var(--colors-transparent);
    border-radius: var(--radii-full);
    border-color: var(--colors-border-default);
    border-width: 1px;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .radioGroup__itemControl:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
    outline-color: var(--colors-bg-default);
    outline-style: solid;
  }

  .radioGroup__itemControl:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .radioGroup__itemControl:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .radioGroup__itemControl:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: initial;
    color: var(--colors-fg-disabled);
  }

  .radioGroup__itemControl:is(:hover, [data-hover]) {
    background: var(--colors-bg-subtle);
  }

  .ratingGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .ratingGroup__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .ratingGroup__item {
    cursor: pointer;
    fill: var(--colors-bg-emphasized);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color, fill;
    transition-property: color, fill;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .ratingGroup__item[data-highlighted] {
    fill: var(--colors-color-palette-default);
  }

  .ratingGroup__item:is(:focus-visible, [data-focus-visible]) {
    outline: var(--borders-none);
  }

  .ratingGroup__control,.segmentGroup__root {
    display: flex;
  }

  .segmentGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    align-items: flex-start;
  }

  .segmentGroup__root[data-orientation=horizontal] {
    gap: var(--spacing-4);
    flex-direction: row;
    border-bottom-width: 1px;
  }

  .segmentGroup__root[data-orientation=vertical] {
    gap: var(--spacing-1);
    flex-direction: column;
    border-left-width: 1px;
  }

  .segmentGroup__item {
    color: var(--colors-fg-muted);
    cursor: pointer;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color;
    transition-property: color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .segmentGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .segmentGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

  .segmentGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .segmentGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    color: var(--colors-fg-disabled);
  }

  .segmentGroup__item[data-orientation=horizontal] {
    padding-inline: var(--spacing-1);
    padding-bottom: var(--spacing-3);
  }

  .segmentGroup__item[data-orientation=vertical] {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-1\.5);
  }

  .segmentGroup__item:is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

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

  .segmentGroup__indicator[data-orientation=horizontal] {
    transform: translateY(1px);
    width: var(--width);
    bottom: var(--spacing-0);
    border-bottom-width: 2px;
  }

  .segmentGroup__indicator[data-orientation=vertical] {
    height: var(--height);
    transform: translateX(-1px);
    border-left-width: 2px;
  }

  .select__label {
    font-weight: var(--font-weights-medium);
  }

  .select__label,.select__trigger {
    color: var(--colors-fg-default);
  }

  .select__trigger {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border-radius: var(--radii-l2);
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    position: relative;
    width: var(--sizes-full);
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: space-between;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, box-shadow, border-color;
    transition-property: background, box-shadow, border-color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .select__trigger:is(:-moz-placeholder-shown, [data-placeholder-shown]) {
    color: var(--colors-fg-subtle);
  }

  .select__trigger:is(:placeholder-shown, [data-placeholder-shown]) {
    color: var(--colors-fg-subtle);
  }

  .select__trigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .select__trigger:is(:disabled, [disabled], [data-disabled]) :where(svg) {
    color: var(--colors-fg-disabled);
  }

  .select__trigger :where(svg) {
    color: var(--colors-fg-subtle);
  }

  .select__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .select__item[data-highlighted] {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .select__item:is([aria-selected=true], [data-selected]) {
    color: var(--colors-fg-default);
  }

  .select__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .select__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .select__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .select__itemIndicator {
    color: var(--colors-color-palette-default);
  }

  .select__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .select__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .select__content:is([hidden]) {
    display: none;
  }

  .select__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .select__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .select__content:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .select__root {
    gap: var(--spacing-1\.5);
  }

  .select__root,.slider__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    width: var(--sizes-full);
    flex-direction: column;
  }

  .slider__root {
    gap: var(--spacing-1);
  }

  .slider__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .slider__thumb {
    background: var(--colors-bg-default);
    border-radius: var(--radii-full);
    box-shadow: var(--shadows-sm);
    outline: var(--borders-none);
    z-index: 1;
    border-color: var(--colors-color-palette-default);
    border-width: 2px;
  }

  .slider__track {
    border-radius: var(--radii-full);
    overflow: hidden;
    flex: 1 1 0%;
    background-color: var(--colors-bg-emphasized);
  }

  .slider__range {
    background: var(--colors-color-palette-default);
  }

  .slider__control {
    position: relative;
    display: flex;
    align-items: center;
  }

  .slider__markerGroup {
    margin-top: calc(var(--spacing-1) * -1);
  }

  .slider__marker {
    --before-background: white;
    color: var(--colors-fg-muted);
  }

  .slider__marker.dark,.dark .slider__marker {
    --before-background: var(--colors-color-palette-fg);
  }

  .slider__marker::before {
    background: var(--colors-white);
    border-radius: var(--radii-full);
    display: block;
    position: relative;
    transform: translateX(-50%);
    content: '';
    left: 50%;
  }

  .slider__marker:is([data-state="under-value"])::before {
    background: var(--before-background);
  }

  .splitter__root {
    display: flex;
    gap: var(--spacing-2);
  }

  .splitter__panel {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    display: flex;
    border-width: 1px;
    align-items: center;
    justify-content: center;
  }

  .splitter__resizeTrigger {
    border-radius: var(--radii-full);
    outline: 0;
    background: var(--colors-gray-7);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .splitter__resizeTrigger[data-orientation=horizontal] {
    min-width: var(--sizes-1\.5);
    margin: min(1rem, 20%) 0;
  }

  .splitter__resizeTrigger[data-orientation=vertical] {
    min-height: var(--sizes-1\.5);
    margin: 0 min(1rem, 20%);
  }

  .splitter__resizeTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-8);
  }

  .splitter__resizeTrigger:is(:active, [data-active]) {
    background: var(--colors-gray-8);
  }

  .switchRecipe__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    position: relative;
    align-items: center;
  }

  .switchRecipe__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .switchRecipe__control {
    background: var(--colors-bg-emphasized);
    border-radius: var(--radii-full);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
  }

  .switchRecipe__thumb {
    background: var(--colors-bg-default);
    border-radius: var(--radii-full);
    box-shadow: var(--shadows-xs);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform, background;
    transition-property: transform, background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    transform: translateX(100%);
    background: var(--colors-bg-default);
  }

  .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]).dark,.dark .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-fg);
  }

  .table__root {
    caption-side: bottom;
    width: var(--sizes-full);
  }

  .table__body tr:last-child {
    border-bottom-width: 0;
  }

  .table__cell {
    vertical-align: middle;
  }

  .table__footer {
    font-weight: var(--font-weights-medium);
    border-top-width: 1px;
  }

  .table__footer tr:last-child {
    border-bottom-width: 0;
  }

  .table__header {
    color: var(--colors-fg-muted);
    text-align: left;
    vertical-align: middle;
    font-weight: var(--font-weights-medium);
  }

  .table__row {
    border-bottom-width: 1px;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .table__caption {
    color: var(--colors-fg-subtle);
  }

  .tabs__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    width: var(--sizes-full);
  }

  .tabs__root[data-orientation=horizontal] {
    flex-direction: column;
  }

  .tabs__root[data-orientation=vertical] {
    flex-direction: row;
  }

  .tabs__list {
    display: flex;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    flex-shrink: 0;
  }

  .tabs__list::-webkit-scrollbar {
    display: none;
  }

  .tabs__list[data-orientation=horizontal] {
    flex-direction: row;
  }

  .tabs__list[data-orientation=vertical] {
    flex-direction: column;
  }

  .tabs__trigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    gap: var(--spacing-2);
    white-space: nowrap;
    z-index: 1;
    align-items: center;
    flex-shrink: 0;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color, background, border-color;
    transition-property: color, background, border-color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .tabs__trigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    color: var(--colors-fg-disabled);
  }

  .tabs__trigger:is([aria-selected=true], [data-selected]) {
    color: var(--colors-fg-default);
  }

  .tabs__trigger:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

  .tabs__trigger[data-orientation=vertical] {
    justify-content: flex-start;
  }

  .tabs__trigger:is(:hover, [data-hover]) {
    color: var(--colors-fg-muted);
  }

  .tagsInput__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    flex-direction: column;
  }

  .tagsInput__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .tagsInput__control {
    border-radius: var(--radii-l2);
    display: flex;
    outline: 0;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    flex-wrap: wrap;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, box-shadow;
    transition-property: border-color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .tagsInput__control:focus-within {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .tagsInput__input {
    background: var(--colors-transparent);
    color: var(--colors-fg-default);
    outline: var(--borders-none);
  }

  .tagsInput__itemPreview {
    border-radius: var(--radii-l1);
    color: var(--colors-fg-default);
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    font-weight: var(--font-weights-medium);
  }

  .tagsInput__itemPreview[data-highlighted] {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .tagsInput__itemPreview:is([hidden]) {
    display: none;
  }

  .tagsInput__itemInput {
    background: var(--colors-transparent);
    color: var(--colors-fg-default);
    outline: var(--borders-none);
  }

  .toast__group,.toast__root {
    padding: var(--spacing-4);
  }

  .toast__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    min-width: var(--sizes-xs);
    position: relative;
  }

  .toast__root:is([open], [data-state=open]) {
    animation: slideInFromBottom 0.2s ease-out;
  }

  .toast__root:is([data-state=closed]) {
    animation: slideOutFromBottom 0.2s ease-out;
  }

  .toast__title {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .toast__title,.toast__description {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .toast__description {
    color: var(--colors-fg-muted);
  }

  .toast__closeTrigger {
    position: absolute;
    top: var(--spacing-3);
    right: var(--spacing-3);
  }

  .toggleGroup__root {
    display: flex;
    overflow: hidden;
    position: relative;
  }

  .toggleGroup__root[data-orientation=vertical] {
    flex-direction: column;
  }

  .toggleGroup__item {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: var(--colors-fg-subtle);
    display: inline-flex;
    min-width: var(--sizes-0);
    outline: var(--borders-none);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    align-items: center;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .toggleGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .toggleGroup__item:is([aria-pressed=true], [data-pressed]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .toggleGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
    border-color: var(--colors-border-disabled);
  }

  .toggleGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .toggleGroup__item:is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
    background: var(--colors-gray-a3);
  }

  .tooltip__content {
    background: var(--colors-gray-a12);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-sm);
    color: var(--colors-bg-default);
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: 1.125rem;
    max-width: var(--sizes-2xs);
    font-weight: var(--font-weights-semibold);
  }

  .tooltip__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .tooltip__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .treeView__root {
    width: var(--sizes-full);
  }

  .treeView__tree {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .treeView__item {
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    cursor: pointer;
    position: relative;
    padding-inline-start: calc(((var(--depth) - 1) * 22px) + 22px);
    padding-block: var(--spacing-1\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__item[data-depth='1'] {
    padding-inline-start: var(--spacing-6);
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .treeView__item[data-depth='1']:is([aria-selected=true], [data-selected])::before {
    background: var(--colors-transparent);
  }

  .treeView__item:is([aria-selected=true], [data-selected]) {
    background: var(--colors-accent-a2);
    color: var(--colors-accent-text);
  }

  .treeView__item:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
    background: var(--colors-accent-a2);
    color: var(--colors-accent-text);
  }

  .treeView__item:is([aria-selected=true], [data-selected])::before {
    position: absolute;
    width: 2px;
    height: var(--sizes-full);
    background: var(--colors-accent-default);
    z-index: 1;
    content: "";
    left: var(--spacing-3);
    top: var(--spacing-0);
  }

  .treeView__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .treeView__branch[data-depth='1'] > [data-part='branch-content']::before {
    background: var(--colors-border-default);
    height: var(--sizes-full);
    position: absolute;
    width: 1px;
    z-index: 1;
    content: "";
    left: var(--spacing-3);
  }

  .treeView__branchControl {
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    display: flex;
    gap: var(--spacing-1\.5);
    padding-inline-start: calc((var(--depth) - 1) * 22px);
    padding-block: var(--spacing-1\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__branchControl[data-depth='1'] {
    padding-inline-start: var(--spacing-1);
  }

  .treeView__branchControl[data-depth='1'] > [data-part='branch-text'] {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .treeView__branchControl:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .treeView__branchContent {
    position: relative;
  }

  .treeView__branchIndicator {
    color: var(--colors-accent-default);
    transform-origin: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform;
    transition-property: transform;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__branchIndicator svg {
    width: var(--sizes-4);
    height: var(--sizes-4);
    font-size: var(--font-sizes-md);
  }

  .treeView__branchIndicator:is([open], [data-state=open]) {
    transform: rotate(90deg);
  }

  @media screen and (min-width: 40rem) {

    .drawer__positioner {
      width: var(--sizes-sm);
    }
  }

  @media screen and (min-width: 48rem) {

    .drawer__header {
      padding-inline: var(--spacing-6);
      padding-top: var(--spacing-6);
    }

    .drawer__body {
      padding: var(--spacing-6);
    }

    .drawer__footer {
      padding-inline: var(--spacing-6);
    }
  }
}
.badge--variant_subtle {
  background: var(--colors-bg-subtle);
  color: var(--colors-fg-default);
  border-color: var(--colors-border-subtle);
  border-width: 1px;
}
.badge--variant_subtle svg {
  color: var(--colors-fg-muted);
}
.badge--size_md {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-6);
  gap: var(--spacing-1\.5);
}
.badge--size_md svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.badge--variant_solid {
  background: var(--colors-color-palette-default);
  color: var(--colors-color-palette-fg);
}
.badge--variant_outline {
  border-width: 2px;
  border-color: var(--colors-border-default);
}
.badge--size_sm {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-5);
  gap: var(--spacing-1);
}
.badge--size_sm svg {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.badge--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-3);
  height: var(--sizes-7);
  gap: var(--spacing-1\.5);
}
.badge--size_lg svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.button--variant_ghost {
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.button--variant_ghost:is([aria-selected=true], [data-selected]) {
  background: var(--colors-color-palette-a3);
}
.button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.button--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
}
.button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.button--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a3);
}
.button--variant_subtle {
  background: var(--colors-color-palette-a3);
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.button--variant_subtle:is(:disabled, [disabled], [data-disabled]) {
  background: var(--colors-bg-disabled);
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.button--variant_subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-bg-disabled);
  color: var(--colors-fg-disabled);
}
.button--variant_subtle:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.button--variant_subtle:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a4);
}
.formLabel--size_md,.formLabel--size_sm,.formLabel--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.formLabel--size_xl {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.icon--size_md {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.icon--size_xs {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.icon--size_sm {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.icon--size_lg {
  width: var(--sizes-6);
  height: var(--sizes-6);
}
.icon--size_xl {
  width: var(--sizes-7);
  height: var(--sizes-7);
}
.icon--size_2xl {
  width: var(--sizes-8);
  height: var(--sizes-8);
}
.iconButton--variant_ghost {
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.iconButton--variant_ghost:is([aria-selected=true], [data-selected]) {
  background: var(--colors-color-palette-a3);
}
.iconButton--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.iconButton--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
}
.iconButton--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.iconButton--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a3);
}
.input--size_md {
  padding-inline: var(--spacing-3);
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-md);
}
.input--size_2xs {
  padding-inline: var(--spacing-1\.5);
  height: var(--sizes-7);
  min-width: var(--sizes-7);
}
.input--size_2xs,.input--size_xs {
  font-size: var(--font-sizes-xs);
}
.input--size_xs {
  padding-inline: var(--spacing-2);
  height: var(--sizes-8);
  min-width: var(--sizes-8);
}
.input--size_sm {
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
}
.input--size_lg {
  padding-inline: var(--spacing-3\.5);
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
}
.input--size_xl {
  padding-inline: var(--spacing-4);
  height: var(--sizes-12);
  min-width: var(--sizes-12);
  font-size: var(--font-sizes-lg);
}
.input--size_2xl {
  padding-inline: var(--spacing-2);
  height: var(--sizes-16);
  min-width: var(--sizes-16);
  font-size: var(--font-sizes-3xl);
  line-height: 2.375rem;
}
.kbd--size_lg,.textarea--size_md {
  font-size: var(--font-sizes-md);
}
.textarea--size_md {
  padding: var(--spacing-3);
}
.textarea--size_sm {
  padding: var(--spacing-2\.5);
  font-size: var(--font-sizes-sm);
}
.textarea--size_lg {
  padding: var(--spacing-3\.5);
  font-size: var(--font-sizes-md);
}
.textarea--size_xl {
  padding: var(--spacing-4);
  font-size: var(--font-sizes-md);
}
.text--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.accordion__root > :not([hidden]) ~ :not([hidden]) {
  border-top-width: 1px;
  border-bottom-width: 0px;
}
.accordion__root {
  width: var(--sizes-full);
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.accordion__itemTrigger {
  color: var(--colors-fg-default);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-3);
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  text-align: left;
  width: var(--sizes-full);
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: space-between;
}
.accordion__itemTrigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.accordion__itemContent {
  color: var(--colors-fg-muted);
  overflow: hidden;
  --transition-prop: padding-bottom;
  transition-property: padding-bottom;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.accordion__itemContent:is([open], [data-state=open]) {
  animation: var(--animations-collapse-in);
}
.accordion__itemContent:is([data-state=closed]) {
  animation: var(--animations-collapse-out);
}
.accordion__itemIndicator {
  color: var(--colors-fg-muted);
  transform-origin: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: transform;
  transition-property: transform;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.accordion__itemIndicator:is([open], [data-state=open]) {
  transform: rotate(-180deg);
}
.avatar__root {
  border-radius: var(--radii-full);
  flex-shrink: 0;
}
.avatar__image {
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar__fallback {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-full);
  color: var(--colors-fg-default);
  display: flex;
  height: inherit;
  align-items: center;
  border-width: 1px;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
}
.avatar__fallback:is([hidden]) {
  display: none;
}
.card__root {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  overflow: hidden;
  position: relative;
}
.card__root,.card__header {
  display: flex;
  flex-direction: column;
}
.card__header {
  gap: var(--spacing-1);
  padding: var(--spacing-6);
}
.card__body {
  flex: 1 1 0%;
  flex-direction: column;
}
.card__body,.card__footer {
  display: flex;
  padding-inline: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}
.card__footer {
  justify-content: flex-end;
  padding-top: var(--spacing-2);
}
.card__title {
  color: var(--colors-fg-default);
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  font-weight: var(--font-weights-semibold);
}
.card__description {
  color: var(--colors-fg-muted);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.carousel__control.dark,.dark .carousel__control {
  background: var(--colors-gray-light-a12);
}
.checkbox__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  align-items: center;
}
.checkbox__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.checkbox__control {
  color: var(--colors-color-palette-fg);
  cursor: pointer;
  display: flex;
  align-items: center;
  border-color: var(--colors-border-default);
  border-width: 1px;
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: border-color, background;
  transition-property: border-color, background;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  background: var(--colors-color-palette-default);
}
.checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]) {
  background: var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:hover, [data-hover]) {
  background: var(--colors-color-palette-default);
}
.checkbox__control:has(+ :focus-visible) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.checkbox__control:has(+ :focus-visible):is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  outline-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:hover, [data-hover]) {
  background: var(--colors-bg-subtle);
}
.clipboard__root {
  display: flex;
  gap: var(--spacing-1\.5);
  flex-direction: column;
}
.clipboard__control {
  display: flex;
  gap: var(--spacing-3);
}
.collapsible__root {
  display: flex;
  width: var(--sizes-full);
  align-items: flex-start;
  flex-direction: column;
}
.collapsible__content {
  overflow: hidden;
  width: var(--sizes-full);
}
.collapsible__content:is([open], [data-state=open]) {
  animation: var(--animations-collapse-in);
}
.collapsible__content:is([data-state=closed]) {
  animation: var(--animations-collapse-out);
}
.combobox__root {
  display: flex;
  gap: var(--spacing-1\.5);
  width: var(--sizes-full);
  flex-direction: column;
}
.combobox__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.combobox__control {
  position: relative;
}
.combobox__trigger {
  color: var(--colors-fg-muted);
  position: absolute;
  bottom: var(--spacing-0);
  right: var(--spacing-0);
  top: var(--spacing-0);
}
.combobox__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  z-index: var(--z-index-dropdown);
  flex-direction: column;
}
.combobox__content:is([hidden]) {
  display: none;
}
.combobox__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.combobox__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.combobox__content:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.combobox__item {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.combobox__item[data-highlighted] {
  background: var(--colors-bg-muted);
}
.combobox__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.combobox__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
}
.combobox__item:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.combobox__itemIndicator {
  color: var(--colors-color-palette-default);
}
.combobox__itemGroupLabel {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-semibold);
}
.dialog__backdrop {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: var(--colors-white-a10);
  height: 100vh;
  position: fixed;
  width: 100vw;
  z-index: var(--z-index-overlay);
  left: var(--spacing-0);
  top: var(--spacing-0);
}
.dialog__backdrop.dark,.dark .dialog__backdrop {
  background: var(--colors-black-a10);
}
.dialog__backdrop:is([open], [data-state=open]) {
  animation: var(--animations-backdrop-in);
}
.dialog__backdrop:is([data-state=closed]) {
  animation: var(--animations-backdrop-out);
}
.dialog__positioner {
  display: flex;
  overflow: auto;
  position: fixed;
  width: 100vw;
  height: 100dvh;
  z-index: var(--z-index-modal);
  align-items: center;
  justify-content: center;
  left: var(--spacing-0);
  top: var(--spacing-0);
}
.dialog__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  min-width: var(--sizes-sm);
  position: relative;
}
.dialog__content:is([open], [data-state=open]) {
  animation: var(--animations-dialog-in);
}
.dialog__content:is([data-state=closed]) {
  animation: var(--animations-dialog-out);
}
.dialog__title {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  font-weight: var(--font-weights-semibold);
}
.dialog__description {
  color: var(--colors-fg-muted);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.drawer__backdrop.dark,.dark .drawer__backdrop {
  background: var(--colors-black-a10);
}
.menu__triggerItem {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__triggerItem[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__triggerItem :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__triggerItem:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__positioner,.menu__content {
  z-index: var(--z-index-dropdown);
}
.menu__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  outline: var(--borders-none);
  width: calc(100% + 2rem);
  flex-direction: column;
}
.menu__content:is([hidden]) {
  display: none;
}
.menu__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.menu__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.menu__item {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__item[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__item :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__item:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__item:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__optionItem {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__optionItem[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__optionItem :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__optionItem:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__optionItem:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__itemGroupLabel {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-semibold);
}
.menu__itemGroup,.numberInput__root {
  display: flex;
  flex-direction: column;
}
.pagination__root {
  display: flex;
  gap: var(--spacing-2\.5);
}
.pagination__item {
  font-variant-numeric: tabular-nums;
}
.pagination__ellipsis {
  color: var(--colors-fg-default);
  display: inline-flex;
  padding-inline: var(--spacing-2);
  align-items: center;
  font-weight: var(--font-weights-semibold);
}
.progress__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  gap: var(--spacing-1\.5);
  width: var(--sizes-full);
  align-items: center;
  flex-direction: column;
}
.progress__label {
  color: var(--colors-fg-default);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-medium);
}
.progress__track {
  border-radius: var(--radii-l2);
  overflow: hidden;
  width: 100%;
  background-color: var(--colors-bg-emphasized);
}
.progress__range {
  height: 100%;
  transition: width 0.2s ease-in-out;
  --translate-x: -100%;
  background-color: var(--colors-color-palette-default);
}
.progress__valueText {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.progress__circleTrack {
  stroke: var(--colors-bg-emphasized);
}
.progress__circleRange {
  stroke: var(--colors-color-palette-default);
  --transition-prop: stroke-dasharray, stroke;
  transition-property: stroke-dasharray, stroke;
  --transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.radioButtonGroup__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  flex-wrap: wrap;
}
.radioButtonGroup__item {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  color: var(--colors-fg-default);
  cursor: pointer;
  display: inline-flex;
  outline: var(--borders-none);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  align-items: center;
  border-color: var(--colors-border-default);
  border-width: 1px;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.radioButtonGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  cursor: default;
}
.radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
  border-color: var(--colors-border-disabled);
}
.radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: initial;
  color: var(--colors-fg-disabled);
  border-color: var(--colors-border-disabled);
}
.radioButtonGroup__item:is(:hover, [data-hover]) {
  background: var(--colors-gray-a2);
}
.radioButtonGroup__itemText {
  display: inline-flex;
  align-items: center;
}
.select__label,.select__trigger {
  color: var(--colors-fg-default);
}
.select__trigger {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  align-items: center;
  border-color: var(--colors-border-default);
  justify-content: space-between;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, box-shadow, border-color;
  transition-property: background, box-shadow, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.select__trigger:is(:-moz-placeholder-shown, [data-placeholder-shown]) {
  color: var(--colors-fg-subtle);
}
.select__trigger:is(:placeholder-shown, [data-placeholder-shown]) {
  color: var(--colors-fg-subtle);
}
.select__trigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.select__trigger:is(:disabled, [disabled], [data-disabled]) :where(svg) {
  color: var(--colors-fg-disabled);
}
.select__trigger :where(svg) {
  color: var(--colors-fg-subtle);
}
.select__itemIndicator {
  color: var(--colors-color-palette-default);
}
.select__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  z-index: var(--z-index-dropdown);
  flex-direction: column;
}
.select__content:is([hidden]) {
  display: none;
}
.select__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.select__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.select__content:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.select__root {
  gap: var(--spacing-1\.5);
}
.select__root,.slider__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  width: var(--sizes-full);
  flex-direction: column;
}
.slider__root {
  gap: var(--spacing-1);
}
.slider__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.slider__thumb {
  background: var(--colors-bg-default);
  border-radius: var(--radii-full);
  box-shadow: var(--shadows-sm);
  outline: var(--borders-none);
  z-index: 1;
  border-color: var(--colors-color-palette-default);
  border-width: 2px;
}
.slider__track {
  border-radius: var(--radii-full);
  overflow: hidden;
  flex: 1 1 0%;
  background-color: var(--colors-bg-emphasized);
}
.slider__range {
  background: var(--colors-color-palette-default);
}
.slider__control {
  position: relative;
  display: flex;
  align-items: center;
}
.slider__markerGroup {
  margin-top: calc(var(--spacing-1) * -1);
}
.slider__marker {
  --before-background: white;
  color: var(--colors-fg-muted);
}
.slider__marker.dark,.dark .slider__marker {
  --before-background: var(--colors-color-palette-fg);
}
.slider__marker::before {
  background: var(--colors-white);
  border-radius: var(--radii-full);
  display: block;
  position: relative;
  transform: translateX(-50%);
  content: '';
  left: 50%;
}
.slider__marker:is([data-state="under-value"])::before {
  background: var(--before-background);
}
.splitter__root {
  display: flex;
  gap: var(--spacing-2);
}
.splitter__panel {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  color: var(--colors-fg-muted);
  display: flex;
  border-width: 1px;
  align-items: center;
  justify-content: center;
}
.splitter__resizeTrigger {
  border-radius: var(--radii-full);
  outline: 0;
  background: var(--colors-gray-7);
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background;
  transition-property: background;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.splitter__resizeTrigger[data-orientation=horizontal] {
  min-width: var(--sizes-1\.5);
  margin: min(1rem, 20%) 0;
}
.splitter__resizeTrigger[data-orientation=vertical] {
  min-height: var(--sizes-1\.5);
  margin: 0 min(1rem, 20%);
}
.splitter__resizeTrigger:is(:hover, [data-hover]) {
  background: var(--colors-gray-8);
}
.splitter__resizeTrigger:is(:active, [data-active]) {
  background: var(--colors-gray-8);
}
.switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]).dark,.dark .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-fg);
}
.tabs__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  width: var(--sizes-full);
}
.tabs__root[data-orientation=horizontal] {
  flex-direction: column;
}
.tabs__root[data-orientation=vertical] {
  flex-direction: row;
}
.tabs__list {
  display: flex;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  flex-shrink: 0;
}
.tabs__list::-webkit-scrollbar {
  display: none;
}
.tabs__list[data-orientation=horizontal] {
  flex-direction: row;
}
.tabs__list[data-orientation=vertical] {
  flex-direction: column;
}
.tabs__trigger {
  color: var(--colors-fg-muted);
  cursor: pointer;
  display: inline-flex;
  gap: var(--spacing-2);
  white-space: nowrap;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: color, background, border-color;
  transition-property: color, background, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.tabs__trigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  color: var(--colors-fg-disabled);
}
.tabs__trigger:is([aria-selected=true], [data-selected]) {
  color: var(--colors-fg-default);
}
.tabs__trigger:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
  color: var(--colors-fg-default);
}
.tabs__trigger[data-orientation=vertical] {
  justify-content: flex-start;
}
.tabs__trigger:is(:hover, [data-hover]) {
  color: var(--colors-fg-muted);
}
.toast__group,.toast__root {
  padding: var(--spacing-4);
}
.toast__root {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  min-width: var(--sizes-xs);
  position: relative;
}
.toast__root:is([open], [data-state=open]) {
  animation: slideInFromBottom 0.2s ease-out;
}
.toast__root:is([data-state=closed]) {
  animation: slideOutFromBottom 0.2s ease-out;
}
.toast__title {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-semibold);
}
.toast__title,.toast__description {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.toast__description {
  color: var(--colors-fg-muted);
}
.toast__closeTrigger {
  position: absolute;
  top: var(--spacing-3);
  right: var(--spacing-3);
}
.toggleGroup__root {
  display: flex;
  overflow: hidden;
  position: relative;
}
.toggleGroup__root[data-orientation=vertical] {
  flex-direction: column;
}
.toggleGroup__item {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  color: var(--colors-fg-subtle);
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.toggleGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-gray-a3);
  color: var(--colors-fg-default);
}
.toggleGroup__item:is([aria-pressed=true], [data-pressed]) {
  background: var(--colors-gray-a3);
  color: var(--colors-fg-default);
}
.toggleGroup__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
  border-color: var(--colors-border-disabled);
}
.toggleGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
  border-color: var(--colors-border-disabled);
}
.toggleGroup__item:is(:hover, [data-hover]) {
  color: var(--colors-fg-default);
  background: var(--colors-gray-a3);
}
.tooltip__content {
  background: var(--colors-gray-a12);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-sm);
  color: var(--colors-bg-default);
  padding-inline: var(--spacing-3);
  padding-block: var(--spacing-2);
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  max-width: var(--sizes-2xs);
  font-weight: var(--font-weights-semibold);
}
.tooltip__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.tooltip__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.accordion__itemTrigger--size_md {
  padding-block: var(--spacing-4);
}
.accordion__itemContent--size_md {
  padding-bottom: var(--spacing-6);
  padding-right: var(--spacing-8);
}
.accordion__itemContent--size_md:is([data-state=closed]) {
  padding-bottom: var(--spacing-0);
}
.avatar__root--size_md,.avatar__image--size_md {
  height: var(--sizes-10);
  width: var(--sizes-10);
}
.avatar__fallback--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.avatar__fallback--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.avatar__root--size_xs,.avatar__image--size_xs {
  height: var(--sizes-8);
  width: var(--sizes-8);
}
.avatar__fallback--size_xs {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
}
.avatar__fallback--size_xs svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.avatar__root--size_sm,.avatar__image--size_sm {
  height: var(--sizes-9);
  width: var(--sizes-9);
}
.avatar__fallback--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.avatar__fallback--size_sm svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.avatar__root--size_lg,.avatar__image--size_lg {
  height: var(--sizes-11);
  width: var(--sizes-11);
}
.avatar__fallback--size_lg {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
}
.avatar__fallback--size_lg svg {
  width: var(--sizes-6);
  height: var(--sizes-6);
}
.avatar__root--size_xl,.avatar__image--size_xl {
  height: var(--sizes-12);
  width: var(--sizes-12);
}
.avatar__fallback--size_xl {
  font-size: var(--font-sizes-xl);
  line-height: 1.875rem;
}
.avatar__fallback--size_xl svg {
  width: var(--sizes-7);
  height: var(--sizes-7);
}
.avatar__root--size_2xl,.avatar__image--size_2xl {
  height: var(--sizes-16);
  width: var(--sizes-16);
}
.avatar__fallback--size_2xl {
  font-size: var(--font-sizes-2xl);
  line-height: 2rem;
}
.avatar__fallback--size_2xl svg {
  width: var(--sizes-8);
  height: var(--sizes-8);
}
.checkbox__root--size_md {
  gap: var(--spacing-3);
}
.checkbox__label--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.checkbox__control--size_md {
  width: var(--sizes-5);
  height: var(--sizes-5);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_md svg {
  width: var(--sizes-3\.5);
  height: var(--sizes-3\.5);
}
.checkbox__root--size_sm {
  gap: var(--spacing-2);
}
.checkbox__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.checkbox__control--size_sm {
  width: var(--sizes-4);
  height: var(--sizes-4);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_sm svg {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.checkbox__root--size_lg {
  gap: var(--spacing-4);
}
.checkbox__label--size_lg {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
}
.checkbox__control--size_lg {
  width: var(--sizes-6);
  height: var(--sizes-6);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_lg svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_md {
  right: var(--spacing-3);
}
.combobox__content--size_md {
  padding: var(--spacing-1);
  gap: var(--spacing-1);
}
.combobox__item--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-10);
}
.combobox__itemIndicator--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__itemGroupLabel--size_md {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.combobox__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_sm {
  right: var(--spacing-2\.5);
}
.combobox__content--size_sm {
  padding: var(--spacing-0\.5);
  gap: var(--spacing-1);
}
.combobox__item--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-9);
}
.combobox__itemIndicator--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__itemGroupLabel--size_sm {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.combobox__label--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_lg {
  right: var(--spacing-3\.5);
}
.combobox__content--size_lg {
  padding: var(--spacing-1\.5);
  gap: var(--spacing-1);
}
.combobox__item--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-11);
}
.combobox__itemIndicator--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.combobox__itemGroupLabel--size_lg {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.menu__triggerItem--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_md {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroup--size_md {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__triggerItem--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_xs {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroupLabel--size_xs {
  padding-block: var(--spacing-1\.5);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_xs {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_sm {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__item--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroupLabel--size_sm {
  padding-block: var(--spacing-2);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_sm {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__content--size_lg {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__optionItem--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__itemGroupLabel--size_lg {
  padding-block: var(--spacing-2\.5);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_lg {
  gap: var(--spacing-1);
}
.progress__track--size_md {
  height: var(--sizes-2);
}
.progress__circle--size_md {
  --size: 40px;
  --thickness: 4px;
}
.progress__track--size_sm {
  height: var(--sizes-1\.5);
}
.progress__circle--size_sm {
  --size: 36px;
  --thickness: 4px;
}
.progress__track--size_lg {
  height: var(--sizes-2\.5);
}
.progress__circle--size_lg {
  --size: 44px;
  --thickness: 4px;
}
.radioButtonGroup__root--size_md {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_md {
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-4);
}
.radioButtonGroup__item--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_md {
  gap: var(--spacing-2);
}
.radioButtonGroup__item--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-default);
  color: var(--colors-color-palette-fg);
  border-color: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  color: var(--colors-color-palette-fg);
  background: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  background: initial;
}
.radioButtonGroup__root--size_sm {
  gap: var(--spacing-2);
}
.radioButtonGroup__item--size_sm {
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-3\.5);
}
.radioButtonGroup__item--size_sm svg {
  width: var(--sizes-4\.5);
  height: var(--sizes-4\.5);
}
.radioButtonGroup__itemText--size_sm {
  gap: var(--spacing-2);
}
.radioButtonGroup__root--size_lg {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_lg {
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-4\.5);
}
.radioButtonGroup__item--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_lg {
  gap: var(--spacing-2);
}
.radioButtonGroup__root--size_xl {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_xl {
  height: var(--sizes-12);
  min-width: var(--sizes-12);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-5);
}
.radioButtonGroup__item--size_xl svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_xl {
  gap: var(--spacing-2\.5);
}
.segmentGroup__item--size_sm,.select__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_md {
  padding-inline: var(--spacing-3);
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-md);
}
.select__trigger--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__item--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-10);
}
.select__itemIndicator--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__itemGroupLabel--size_md {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_md {
  padding: var(--spacing-1);
  gap: var(--spacing-1);
}
.select__trigger--variant_outline {
  border-width: 1px;
}
.select__trigger--variant_outline:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.select__trigger--variant_ghost:is(:focus, [data-focus]) {
  background: var(--colors-gray-a3);
}
.select__trigger--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-gray-a3);
}
.select__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_sm {
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-sm);
}
.select__trigger--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__item--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-9);
}
.select__itemIndicator--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__itemGroupLabel--size_sm {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_sm {
  padding: var(--spacing-0\.5);
  gap: var(--spacing-1);
}
.select__label--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_lg {
  padding-inline: var(--spacing-3\.5);
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-md);
}
.select__trigger--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.select__item--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-11);
}
.select__itemIndicator--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.select__itemGroupLabel--size_lg {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_lg {
  padding: var(--spacing-1\.5);
  gap: var(--spacing-1);
}
.slider__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__thumb--size_md {
  height: var(--sizes-5);
  width: var(--sizes-5);
}
.slider__track--size_md,.slider__range--size_md {
  height: var(--sizes-2);
}
.slider__control--size_md {
  height: var(--sizes-5);
}
.slider__marker--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__marker--size_md::before {
  height: var(--sizes-1);
  width: var(--sizes-1);
  top: calc(var(--spacing-3) * -1);
}
.slider__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__thumb--size_sm {
  height: var(--sizes-4);
  width: var(--sizes-4);
}
.slider__track--size_sm,.slider__range--size_sm {
  height: var(--sizes-1\.5);
}
.slider__control--size_sm {
  height: var(--sizes-4);
}
.slider__marker--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__marker--size_sm::before {
  height: var(--sizes-1);
  width: var(--sizes-1);
  top: calc(var(--spacing-2\.5) * -1);
}
.slider__label--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.slider__thumb--size_lg {
  height: var(--sizes-6);
  width: var(--sizes-6);
}
.slider__track--size_lg,.slider__range--size_lg {
  height: var(--sizes-2\.5);
}
.slider__control--size_lg {
  height: var(--sizes-6);
}
.slider__marker--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.slider__marker--size_lg::before {
  height: var(--sizes-1\.5);
  width: var(--sizes-1\.5);
  top: -15px;
}
.tabs__trigger--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.tabs__list--variant_line[data-orientation=horizontal] {
  box-shadow: 0 -1px 0 0 inset var(--colors-border-default);
  gap: var(--spacing-4);
}
.tabs__list--variant_line[data-orientation=vertical] {
  box-shadow: 1px 0 0 0 inset var(--colors-border-default);
  gap: var(--spacing-1);
}
.tabs__trigger--variant_line[data-orientation=horizontal] {
  padding-bottom: var(--spacing-2\.5);
}
.tabs__content--variant_line {
  padding-top: var(--spacing-4);
}
.tabs__indicator--variant_line {
  background: var(--colors-color-palette-default);
}
.tabs__indicator--variant_line[data-orientation=horizontal] {
  height: 2px;
  width: var(--width);
  bottom: var(--spacing-0);
}
.tabs__indicator--variant_line[data-orientation=vertical] {
  height: var(--height);
  width: 2px;
  left: var(--spacing-0);
}
.tabs__list--variant_enclosed {
  border-radius: var(--radii-l3);
  padding-inline: var(--spacing-1);
  border-width: 1px;
  background-color: var(--colors-gray-a2);
}
.tabs__list--variant_enclosed[data-orientation=vertical] {
  height: -moz-fit-content !important;
  height: fit-content !important;
  padding-block: var(--spacing-1);
}
.tabs__list--variant_enclosed.dark,.dark .tabs__list--variant_enclosed {
  background-color: var(--colors-bg-canvas);
}
.tabs__list--variant_enclosed[data-orientation=horizontal] {
  align-items: center;
}
.tabs__indicator--variant_enclosed {
  box-shadow: var(--shadows-xs);
  border-radius: var(--radii-l2);
  --transition-duration: 200ms !important;
  height: var(--height);
  width: var(--width);
  background-color: var(--colors-bg-default);
}
.tabs__indicator--variant_enclosed.dark,.dark .tabs__indicator--variant_enclosed {
  background-color: var(--colors-bg-subtle);
}
.tabs__list--variant_outline[data-orientation=horizontal] {
  margin-bottom: -1px;
}
.tabs__list--variant_outline[data-orientation=vertical] {
  margin-right: -1px;
}
.tabs__trigger--variant_outline {
  border-color: var(--colors-transparent);
  border-width: 1px;
}
.tabs__trigger--variant_outline[data-orientation=horizontal] {
  border-top-left-radius: var(--radii-l2);
  border-top-right-radius: var(--radii-l2);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected]) {
  background: var(--colors-bg-default);
  border-color: var(--colors-border-subtle);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected])[data-orientation=horizontal] {
  border-bottom-color: var(--colors-transparent);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected])[data-orientation=vertical] {
  border-right-color: var(--colors-transparent);
}
.tabs__trigger--variant_outline[data-orientation=vertical] {
  border-top-left-radius: var(--radii-l2);
  border-bottom-left-radius: var(--radii-l2);
}
.tabs__content--variant_outline {
  background: var(--colors-bg-default);
  width: var(--sizes-full);
  border-width: 1px;
  border-color: var(--colors-border-subtle);
}
.tabs__trigger--size_sm svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.tabs__trigger--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.toggleGroup__item--size_md {
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.toggleGroup__root--variant_outline {
  border-radius: var(--radii-l2);
  border-width: 1px;
  border-color: var(--colors-border-default);
}
.toggleGroup__root--variant_outline[data-orientation=horizontal] > :not([hidden]) ~ :not([hidden]) {
  border-inline-start-width: 1px;
  border-inline-end-width: 0px;
}
.toggleGroup__root--variant_outline[data-orientation=vertical] > :not([hidden]) ~ :not([hidden]) {
  border-top-width: 1px;
  border-bottom-width: 0px;
}
.toggleGroup__item--variant_outline {
  border-color: var(--colors-border-default);
}
.toggleGroup__item--variant_outline:is(:focus-visible, [data-focus-visible]) {
  color: var(--colors-fg-default);
  background: var(--colors-gray-a3);
}
.toggleGroup__root--variant_ghost {
  gap: var(--spacing-1);
}
.toggleGroup__item--variant_ghost {
  border-radius: var(--radii-l2);
}
.toggleGroup__item--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.toggleGroup__item--size_sm {
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_sm svg {
  width: var(--sizes-4\.5);
  height: var(--sizes-4\.5);
}
.toggleGroup__item--size_lg {
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.border-ruby-dim {
  --tw-border-opacity: 1;
  border-color: rgb(248 191 200 / var(--tw-border-opacity));
}
@media (prefers-color-scheme: dark) {

  .border-ruby-dim {
    --tw-border-opacity: 1;
    border-color: rgb(111 37 57 / var(--tw-border-opacity));
  }
}
.text-ruby-normal {
  --tw-text-opacity: 1;
  color: rgb(100 23 43 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {

  .text-ruby-normal {
    --tw-text-opacity: 1;
    color: rgb(254 210 225 / var(--tw-text-opacity));
  }
}
:root {
  --made-with-panda: '🐼';
  --colors-accent-1: var(--colors-teal-1);
  --colors-accent-a1: var(--colors-teal-a1);
  --colors-accent-2: var(--colors-teal-2);
  --colors-accent-a2: var(--colors-teal-a2);
  --colors-accent-3: var(--colors-teal-3);
  --colors-accent-a3: var(--colors-teal-a3);
  --colors-accent-4: var(--colors-teal-4);
  --colors-accent-a4: var(--colors-teal-a4);
  --colors-accent-5: var(--colors-teal-5);
  --colors-accent-a5: var(--colors-teal-a5);
  --colors-accent-6: var(--colors-teal-6);
  --colors-accent-a6: var(--colors-teal-a6);
  --colors-accent-7: var(--colors-teal-7);
  --colors-accent-a7: var(--colors-teal-a7);
  --colors-accent-8: var(--colors-teal-8);
  --colors-accent-a8: var(--colors-teal-a8);
  --colors-accent-9: var(--colors-teal-9);
  --colors-accent-a9: var(--colors-teal-a9);
  --colors-accent-10: var(--colors-teal-10);
  --colors-accent-a10: var(--colors-teal-a10);
  --colors-accent-11: var(--colors-teal-11);
  --colors-accent-a11: var(--colors-teal-a11);
  --colors-accent-12: var(--colors-teal-12);
  --colors-accent-a12: var(--colors-teal-a12);
  --colors-gray-1: var(--colors-slate-1);
  --colors-gray-a1: var(--colors-slate-a1);
  --colors-gray-2: var(--colors-slate-2);
  --colors-gray-a2: var(--colors-slate-a2);
  --colors-gray-3: var(--colors-slate-3);
  --colors-gray-a3: var(--colors-slate-a3);
  --colors-gray-4: var(--colors-slate-4);
  --colors-gray-a4: var(--colors-slate-a4);
  --colors-gray-5: var(--colors-slate-5);
  --colors-gray-a5: var(--colors-slate-a5);
  --colors-gray-6: var(--colors-slate-6);
  --colors-gray-a6: var(--colors-slate-a6);
  --colors-gray-7: var(--colors-slate-7);
  --colors-gray-a7: var(--colors-slate-a7);
  --colors-gray-8: var(--colors-slate-8);
  --colors-gray-a8: var(--colors-slate-a8);
  --colors-gray-9: var(--colors-slate-9);
  --colors-gray-a9: var(--colors-slate-a9);
  --colors-gray-10: var(--colors-slate-10);
  --colors-gray-a10: var(--colors-slate-a10);
  --colors-gray-11: var(--colors-slate-11);
  --colors-gray-a11: var(--colors-slate-a11);
  --colors-gray-12: var(--colors-slate-12);
  --colors-gray-a12: var(--colors-slate-a12);
  --colors-accent-fg: var(--colors-white);
  --colors-accent-default: var(--colors-accent-9);
  --colors-accent-emphasized: var(--colors-accent-10);
  --colors-accent-text: var(--colors-accent-a11);
  --radii-l1: var(--radii-md);
  --radii-l2: var(--radii-lg);
  --radii-l3: var(--radii-xl);
}
*,*::before,*::after,::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:   ;
  --scroll-snap-strictness: proximity;
  --border-spacing-x: 0;
  --border-spacing-y: 0;
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
}
html {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}
body {
  background: var(--colors-bg-canvas);
  color: var(--colors-fg-default);
}
body.dark,.dark body {
  color-scheme: dark;
}
*,*::before,*::after {
  box-sizing: border-box;
  border-color: var(--colors-border-subtle);
  border-style: solid;
}
*::-moz-placeholder {
  opacity: 1;
  color: var(--colors-fg-subtle);
}
*::placeholder {
  opacity: 1;
  color: var(--colors-fg-subtle);
}
*::-moz-selection {
  background: var(--colors-accent-a4);
}
*::selection {
  background: var(--colors-accent-a4);
}
:where(:root, :host) {
  --animations-backdrop-in: fade-in 250ms var(--easings-emphasized-in);
  --animations-backdrop-out: fade-out 200ms var(--easings-emphasized-out);
  --animations-dialog-in: slide-in 400ms var(--easings-emphasized-in);
  --animations-dialog-out: slide-out 200ms var(--easings-emphasized-out);
  --animations-drawer-in-left: slide-in-left 400ms var(--easings-emphasized-in);
  --animations-drawer-out-left: slide-out-left 200ms var(--easings-emphasized-out);
  --animations-drawer-in-right: slide-in-right 400ms var(--easings-emphasized-in);
  --animations-drawer-out-right: slide-out-right 200ms var(--easings-emphasized-out);
  --animations-skeleton-pulse: skeleton-pulse 2s var(--easings-pulse) infinite;
  --animations-fade-in: fade-in 400ms var(--easings-emphasized-in);
  --animations-collapse-in: collapse-in 250ms var(--easings-emphasized-in);
  --animations-collapse-out: collapse-out 200ms var(--easings-emphasized-out);
  --blurs-sm: 4px;
  --blurs-base: 8px;
  --blurs-md: 12px;
  --blurs-lg: 16px;
  --blurs-xl: 24px;
  --blurs-2xl: 40px;
  --blurs-3xl: 64px;
  --borders-none: none;
  --colors-current: currentColor;
  --colors-black: #000000;
  --colors-black-a1: rgba(0, 0, 0, 0.05);
  --colors-black-a2: rgba(0, 0, 0, 0.1);
  --colors-black-a3: rgba(0, 0, 0, 0.15);
  --colors-black-a4: rgba(0, 0, 0, 0.2);
  --colors-black-a5: rgba(0, 0, 0, 0.3);
  --colors-black-a6: rgba(0, 0, 0, 0.4);
  --colors-black-a7: rgba(0, 0, 0, 0.5);
  --colors-black-a8: rgba(0, 0, 0, 0.6);
  --colors-black-a9: rgba(0, 0, 0, 0.7);
  --colors-black-a10: rgba(0, 0, 0, 0.8);
  --colors-black-a11: rgba(0, 0, 0, 0.9);
  --colors-black-a12: rgba(0, 0, 0, 0.95);
  --colors-white: #ffffff;
  --colors-white-a1: rgba(255, 255, 255, 0.05);
  --colors-white-a2: rgba(255, 255, 255, 0.1);
  --colors-white-a3: rgba(255, 255, 255, 0.15);
  --colors-white-a4: rgba(255, 255, 255, 0.2);
  --colors-white-a5: rgba(255, 255, 255, 0.3);
  --colors-white-a6: rgba(255, 255, 255, 0.4);
  --colors-white-a7: rgba(255, 255, 255, 0.5);
  --colors-white-a8: rgba(255, 255, 255, 0.6);
  --colors-white-a9: rgba(255, 255, 255, 0.7);
  --colors-white-a10: rgba(255, 255, 255, 0.8);
  --colors-white-a11: rgba(255, 255, 255, 0.9);
  --colors-white-a12: rgba(255, 255, 255, 0.95);
  --colors-transparent: rgb(0 0 0 / 0);
  --colors-amber-light-1: #fefdfb;
  --colors-amber-light-2: #fefbe9;
  --colors-amber-light-3: #fff7c2;
  --colors-amber-light-4: #ffee9c;
  --colors-amber-light-5: #fbe577;
  --colors-amber-light-6: #f3d673;
  --colors-amber-light-7: #e9c162;
  --colors-amber-light-8: #e2a336;
  --colors-amber-light-9: #ffc53d;
  --colors-amber-light-10: #ffba18;
  --colors-amber-light-11: #ab6400;
  --colors-amber-light-12: #4f3422;
  --colors-amber-light-a1: #c0800004;
  --colors-amber-light-a2: #f4d10016;
  --colors-amber-light-a3: #ffde003d;
  --colors-amber-light-a4: #ffd40063;
  --colors-amber-light-a5: #f8cf0088;
  --colors-amber-light-a6: #eab5008c;
  --colors-amber-light-a7: #dc9b009d;
  --colors-amber-light-a8: #da8a00c9;
  --colors-amber-light-a9: #ffb300c2;
  --colors-amber-light-a10: #ffb300e7;
  --colors-amber-light-a11: #ab6400;
  --colors-amber-light-a12: #341500dd;
  --colors-amber-dark-1: #16120c;
  --colors-amber-dark-2: #1d180f;
  --colors-amber-dark-3: #302008;
  --colors-amber-dark-4: #3f2700;
  --colors-amber-dark-5: #4d3000;
  --colors-amber-dark-6: #5c3d05;
  --colors-amber-dark-7: #714f19;
  --colors-amber-dark-8: #8f6424;
  --colors-amber-dark-9: #ffc53d;
  --colors-amber-dark-10: #ffd60a;
  --colors-amber-dark-11: #ffca16;
  --colors-amber-dark-12: #ffe7b3;
  --colors-amber-dark-a1: #e63c0006;
  --colors-amber-dark-a2: #fd9b000d;
  --colors-amber-dark-a3: #fa820022;
  --colors-amber-dark-a4: #fc820032;
  --colors-amber-dark-a5: #fd8b0041;
  --colors-amber-dark-a6: #fd9b0051;
  --colors-amber-dark-a7: #ffab2567;
  --colors-amber-dark-a8: #ffae3587;
  --colors-amber-dark-a9: #ffc53d;
  --colors-amber-dark-a10: #ffd60a;
  --colors-amber-dark-a11: #ffca16;
  --colors-amber-dark-a12: #ffe7b3;
  --colors-blue-light-1: #fbfdff;
  --colors-blue-light-2: #f4faff;
  --colors-blue-light-3: #e6f4fe;
  --colors-blue-light-4: #d5efff;
  --colors-blue-light-5: #c2e5ff;
  --colors-blue-light-6: #acd8fc;
  --colors-blue-light-7: #8ec8f6;
  --colors-blue-light-8: #5eb1ef;
  --colors-blue-light-9: #0090ff;
  --colors-blue-light-10: #0588f0;
  --colors-blue-light-11: #0d74ce;
  --colors-blue-light-12: #113264;
  --colors-blue-light-a1: #0080ff04;
  --colors-blue-light-a2: #008cff0b;
  --colors-blue-light-a3: #008ff519;
  --colors-blue-light-a4: #009eff2a;
  --colors-blue-light-a5: #0093ff3d;
  --colors-blue-light-a6: #0088f653;
  --colors-blue-light-a7: #0083eb71;
  --colors-blue-light-a8: #0084e6a1;
  --colors-blue-light-a9: #0090ff;
  --colors-blue-light-a10: #0086f0fa;
  --colors-blue-light-a11: #006dcbf2;
  --colors-blue-light-a12: #002359ee;
  --colors-blue-dark-1: #0d1520;
  --colors-blue-dark-2: #111927;
  --colors-blue-dark-3: #0d2847;
  --colors-blue-dark-4: #003362;
  --colors-blue-dark-5: #004074;
  --colors-blue-dark-6: #104d87;
  --colors-blue-dark-7: #205d9e;
  --colors-blue-dark-8: #2870bd;
  --colors-blue-dark-9: #0090ff;
  --colors-blue-dark-10: #3b9eff;
  --colors-blue-dark-11: #70b8ff;
  --colors-blue-dark-12: #c2e6ff;
  --colors-blue-dark-a1: #004df211;
  --colors-blue-dark-a2: #1166fb18;
  --colors-blue-dark-a3: #0077ff3a;
  --colors-blue-dark-a4: #0075ff57;
  --colors-blue-dark-a5: #0081fd6b;
  --colors-blue-dark-a6: #0f89fd7f;
  --colors-blue-dark-a7: #2a91fe98;
  --colors-blue-dark-a8: #3094feb9;
  --colors-blue-dark-a9: #0090ff;
  --colors-blue-dark-a10: #3b9eff;
  --colors-blue-dark-a11: #70b8ff;
  --colors-blue-dark-a12: #c2e6ff;
  --colors-bronze-light-1: #fdfcfc;
  --colors-bronze-light-2: #fdf7f5;
  --colors-bronze-light-3: #f6edea;
  --colors-bronze-light-4: #efe4df;
  --colors-bronze-light-5: #e7d9d3;
  --colors-bronze-light-6: #dfcdc5;
  --colors-bronze-light-7: #d3bcb3;
  --colors-bronze-light-8: #c2a499;
  --colors-bronze-light-9: #a18072;
  --colors-bronze-light-10: #957468;
  --colors-bronze-light-11: #7d5e54;
  --colors-bronze-light-12: #43302b;
  --colors-bronze-light-a1: #55000003;
  --colors-bronze-light-a2: #cc33000a;
  --colors-bronze-light-a3: #92250015;
  --colors-bronze-light-a4: #80280020;
  --colors-bronze-light-a5: #7423002c;
  --colors-bronze-light-a6: #7324003a;
  --colors-bronze-light-a7: #6c1f004c;
  --colors-bronze-light-a8: #671c0066;
  --colors-bronze-light-a9: #551a008d;
  --colors-bronze-light-a10: #4c150097;
  --colors-bronze-light-a11: #3d0f00ab;
  --colors-bronze-light-a12: #1d0600d4;
  --colors-bronze-dark-1: #141110;
  --colors-bronze-dark-2: #1c1917;
  --colors-bronze-dark-3: #262220;
  --colors-bronze-dark-4: #302a27;
  --colors-bronze-dark-5: #3b3330;
  --colors-bronze-dark-6: #493e3a;
  --colors-bronze-dark-7: #5a4c47;
  --colors-bronze-dark-8: #6f5f58;
  --colors-bronze-dark-9: #a18072;
  --colors-bronze-dark-10: #ae8c7e;
  --colors-bronze-dark-11: #d4b3a5;
  --colors-bronze-dark-12: #ede0d9;
  --colors-bronze-dark-a1: #d1110004;
  --colors-bronze-dark-a2: #fbbc910c;
  --colors-bronze-dark-a3: #faceb817;
  --colors-bronze-dark-a4: #facdb622;
  --colors-bronze-dark-a5: #ffd2c12d;
  --colors-bronze-dark-a6: #ffd1c03c;
  --colors-bronze-dark-a7: #fdd0c04f;
  --colors-bronze-dark-a8: #ffd6c565;
  --colors-bronze-dark-a9: #fec7b09b;
  --colors-bronze-dark-a10: #fecab5a9;
  --colors-bronze-dark-a11: #ffd7c6d1;
  --colors-bronze-dark-a12: #fff1e9ec;
  --colors-brown-light-1: #fefdfc;
  --colors-brown-light-2: #fcf9f6;
  --colors-brown-light-3: #f6eee7;
  --colors-brown-light-4: #f0e4d9;
  --colors-brown-light-5: #ebdaca;
  --colors-brown-light-6: #e4cdb7;
  --colors-brown-light-7: #dcbc9f;
  --colors-brown-light-8: #cea37e;
  --colors-brown-light-9: #ad7f58;
  --colors-brown-light-10: #a07553;
  --colors-brown-light-11: #815e46;
  --colors-brown-light-12: #3e332e;
  --colors-brown-light-a1: #aa550003;
  --colors-brown-light-a2: #aa550009;
  --colors-brown-light-a3: #a04b0018;
  --colors-brown-light-a4: #9b4a0026;
  --colors-brown-light-a5: #9f4d0035;
  --colors-brown-light-a6: #a04e0048;
  --colors-brown-light-a7: #a34e0060;
  --colors-brown-light-a8: #9f4a0081;
  --colors-brown-light-a9: #823c00a7;
  --colors-brown-light-a10: #723300ac;
  --colors-brown-light-a11: #522100b9;
  --colors-brown-light-a12: #140600d1;
  --colors-brown-dark-1: #12110f;
  --colors-brown-dark-2: #1c1816;
  --colors-brown-dark-3: #28211d;
  --colors-brown-dark-4: #322922;
  --colors-brown-dark-5: #3e3128;
  --colors-brown-dark-6: #4d3c2f;
  --colors-brown-dark-7: #614a39;
  --colors-brown-dark-8: #7c5f46;
  --colors-brown-dark-9: #ad7f58;
  --colors-brown-dark-10: #b88c67;
  --colors-brown-dark-11: #dbb594;
  --colors-brown-dark-12: #f2e1ca;
  --colors-brown-dark-a1: #91110002;
  --colors-brown-dark-a2: #fba67c0c;
  --colors-brown-dark-a3: #fcb58c19;
  --colors-brown-dark-a4: #fbbb8a24;
  --colors-brown-dark-a5: #fcb88931;
  --colors-brown-dark-a6: #fdba8741;
  --colors-brown-dark-a7: #ffbb8856;
  --colors-brown-dark-a8: #ffbe8773;
  --colors-brown-dark-a9: #feb87da8;
  --colors-brown-dark-a10: #ffc18cb3;
  --colors-brown-dark-a11: #fed1aad9;
  --colors-brown-dark-a12: #feecd4f2;
  --colors-crimson-light-1: #fffcfd;
  --colors-crimson-light-2: #fef7f9;
  --colors-crimson-light-3: #ffe9f0;
  --colors-crimson-light-4: #fedce7;
  --colors-crimson-light-5: #facedd;
  --colors-crimson-light-6: #f3bed1;
  --colors-crimson-light-7: #eaacc3;
  --colors-crimson-light-8: #e093b2;
  --colors-crimson-light-9: #e93d82;
  --colors-crimson-light-10: #df3478;
  --colors-crimson-light-11: #cb1d63;
  --colors-crimson-light-12: #621639;
  --colors-crimson-light-a1: #ff005503;
  --colors-crimson-light-a2: #e0004008;
  --colors-crimson-light-a3: #ff005216;
  --colors-crimson-light-a4: #f8005123;
  --colors-crimson-light-a5: #e5004f31;
  --colors-crimson-light-a6: #d0004b41;
  --colors-crimson-light-a7: #bf004753;
  --colors-crimson-light-a8: #b6004a6c;
  --colors-crimson-light-a9: #e2005bc2;
  --colors-crimson-light-a10: #d70056cb;
  --colors-crimson-light-a11: #c4004fe2;
  --colors-crimson-light-a12: #530026e9;
  --colors-crimson-dark-1: #191114;
  --colors-crimson-dark-2: #201318;
  --colors-crimson-dark-3: #381525;
  --colors-crimson-dark-4: #4d122f;
  --colors-crimson-dark-5: #5c1839;
  --colors-crimson-dark-6: #6d2545;
  --colors-crimson-dark-7: #873356;
  --colors-crimson-dark-8: #b0436e;
  --colors-crimson-dark-9: #e93d82;
  --colors-crimson-dark-10: #ee518a;
  --colors-crimson-dark-11: #ff92ad;
  --colors-crimson-dark-12: #fdd3e8;
  --colors-crimson-dark-a1: #f4126709;
  --colors-crimson-dark-a2: #f22f7a11;
  --colors-crimson-dark-a3: #fe2a8b2a;
  --colors-crimson-dark-a4: #fd158741;
  --colors-crimson-dark-a5: #fd278f51;
  --colors-crimson-dark-a6: #fe459763;
  --colors-crimson-dark-a7: #fd559b7f;
  --colors-crimson-dark-a8: #fe5b9bab;
  --colors-crimson-dark-a9: #fe418de8;
  --colors-crimson-dark-a10: #ff5693ed;
  --colors-crimson-dark-a11: #ff92ad;
  --colors-crimson-dark-a12: #ffd5eafd;
  --colors-cyan-light-1: #fafdfe;
  --colors-cyan-light-2: #f2fafb;
  --colors-cyan-light-3: #def7f9;
  --colors-cyan-light-4: #caf1f6;
  --colors-cyan-light-5: #b5e9f0;
  --colors-cyan-light-6: #9ddde7;
  --colors-cyan-light-7: #7dcedc;
  --colors-cyan-light-8: #3db9cf;
  --colors-cyan-light-9: #00a2c7;
  --colors-cyan-light-10: #0797b9;
  --colors-cyan-light-11: #107d98;
  --colors-cyan-light-12: #0d3c48;
  --colors-cyan-light-a1: #0099cc05;
  --colors-cyan-light-a2: #009db10d;
  --colors-cyan-light-a3: #00c2d121;
  --colors-cyan-light-a4: #00bcd435;
  --colors-cyan-light-a5: #01b4cc4a;
  --colors-cyan-light-a6: #00a7c162;
  --colors-cyan-light-a7: #009fbb82;
  --colors-cyan-light-a8: #00a3c0c2;
  --colors-cyan-light-a9: #00a2c7;
  --colors-cyan-light-a10: #0094b7f8;
  --colors-cyan-light-a11: #007491ef;
  --colors-cyan-light-a12: #00323ef2;
  --colors-cyan-dark-1: #0b161a;
  --colors-cyan-dark-2: #101b20;
  --colors-cyan-dark-3: #082c36;
  --colors-cyan-dark-4: #003848;
  --colors-cyan-dark-5: #004558;
  --colors-cyan-dark-6: #045468;
  --colors-cyan-dark-7: #12677e;
  --colors-cyan-dark-8: #11809c;
  --colors-cyan-dark-9: #00a2c7;
  --colors-cyan-dark-10: #23afd0;
  --colors-cyan-dark-11: #4ccce6;
  --colors-cyan-dark-12: #b6ecf7;
  --colors-cyan-dark-a1: #0091f70a;
  --colors-cyan-dark-a2: #02a7f211;
  --colors-cyan-dark-a3: #00befd28;
  --colors-cyan-dark-a4: #00baff3b;
  --colors-cyan-dark-a5: #00befd4d;
  --colors-cyan-dark-a6: #00c7fd5e;
  --colors-cyan-dark-a7: #14cdff75;
  --colors-cyan-dark-a8: #11cfff95;
  --colors-cyan-dark-a9: #00cfffc3;
  --colors-cyan-dark-a10: #28d6ffcd;
  --colors-cyan-dark-a11: #52e1fee5;
  --colors-cyan-dark-a12: #bbf3fef7;
  --colors-gold-light-1: #fdfdfc;
  --colors-gold-light-2: #faf9f2;
  --colors-gold-light-3: #f2f0e7;
  --colors-gold-light-4: #eae6db;
  --colors-gold-light-5: #e1dccf;
  --colors-gold-light-6: #d8d0bf;
  --colors-gold-light-7: #cbc0aa;
  --colors-gold-light-8: #b9a88d;
  --colors-gold-light-9: #978365;
  --colors-gold-light-10: #8c7a5e;
  --colors-gold-light-11: #71624b;
  --colors-gold-light-12: #3b352b;
  --colors-gold-light-a1: #55550003;
  --colors-gold-light-a2: #9d8a000d;
  --colors-gold-light-a3: #75600018;
  --colors-gold-light-a4: #6b4e0024;
  --colors-gold-light-a5: #60460030;
  --colors-gold-light-a6: #64440040;
  --colors-gold-light-a7: #63420055;
  --colors-gold-light-a8: #633d0072;
  --colors-gold-light-a9: #5332009a;
  --colors-gold-light-a10: #492d00a1;
  --colors-gold-light-a11: #362100b4;
  --colors-gold-light-a12: #130c00d4;
  --colors-gold-dark-1: #121211;
  --colors-gold-dark-2: #1b1a17;
  --colors-gold-dark-3: #24231f;
  --colors-gold-dark-4: #2d2b26;
  --colors-gold-dark-5: #38352e;
  --colors-gold-dark-6: #444039;
  --colors-gold-dark-7: #544f46;
  --colors-gold-dark-8: #696256;
  --colors-gold-dark-9: #978365;
  --colors-gold-dark-10: #a39073;
  --colors-gold-dark-11: #cbb99f;
  --colors-gold-dark-12: #e8e2d9;
  --colors-gold-dark-a1: #91911102;
  --colors-gold-dark-a2: #f9e29d0b;
  --colors-gold-dark-a3: #f8ecbb15;
  --colors-gold-dark-a4: #ffeec41e;
  --colors-gold-dark-a5: #feecc22a;
  --colors-gold-dark-a6: #feebcb37;
  --colors-gold-dark-a7: #ffedcd48;
  --colors-gold-dark-a8: #fdeaca5f;
  --colors-gold-dark-a9: #ffdba690;
  --colors-gold-dark-a10: #fedfb09d;
  --colors-gold-dark-a11: #fee7c6c8;
  --colors-gold-dark-a12: #fef7ede7;
  --colors-grass-light-1: #fbfefb;
  --colors-grass-light-2: #f5fbf5;
  --colors-grass-light-3: #e9f6e9;
  --colors-grass-light-4: #daf1db;
  --colors-grass-light-5: #c9e8ca;
  --colors-grass-light-6: #b2ddb5;
  --colors-grass-light-7: #94ce9a;
  --colors-grass-light-8: #65ba74;
  --colors-grass-light-9: #46a758;
  --colors-grass-light-10: #3e9b4f;
  --colors-grass-light-11: #2a7e3b;
  --colors-grass-light-12: #203c25;
  --colors-grass-light-a1: #00c00004;
  --colors-grass-light-a2: #0099000a;
  --colors-grass-light-a3: #00970016;
  --colors-grass-light-a4: #009f0725;
  --colors-grass-light-a5: #00930536;
  --colors-grass-light-a6: #008f0a4d;
  --colors-grass-light-a7: #018b0f6b;
  --colors-grass-light-a8: #008d199a;
  --colors-grass-light-a9: #008619b9;
  --colors-grass-light-a10: #007b17c1;
  --colors-grass-light-a11: #006514d5;
  --colors-grass-light-a12: #002006df;
  --colors-grass-dark-1: #0e1511;
  --colors-grass-dark-2: #141a15;
  --colors-grass-dark-3: #1b2a1e;
  --colors-grass-dark-4: #1d3a24;
  --colors-grass-dark-5: #25482d;
  --colors-grass-dark-6: #2d5736;
  --colors-grass-dark-7: #366740;
  --colors-grass-dark-8: #3e7949;
  --colors-grass-dark-9: #46a758;
  --colors-grass-dark-10: #53b365;
  --colors-grass-dark-11: #71d083;
  --colors-grass-dark-12: #c2f0c2;
  --colors-grass-dark-a1: #00de1205;
  --colors-grass-dark-a2: #5ef7780a;
  --colors-grass-dark-a3: #70fe8c1b;
  --colors-grass-dark-a4: #57ff802c;
  --colors-grass-dark-a5: #68ff8b3b;
  --colors-grass-dark-a6: #71ff8f4b;
  --colors-grass-dark-a7: #77fd925d;
  --colors-grass-dark-a8: #77fd9070;
  --colors-grass-dark-a9: #65ff82a1;
  --colors-grass-dark-a10: #72ff8dae;
  --colors-grass-dark-a11: #89ff9fcd;
  --colors-grass-dark-a12: #ceffceef;
  --colors-gray-light-1: #fcfcfc;
  --colors-gray-light-2: #f9f9f9;
  --colors-gray-light-3: #f0f0f0;
  --colors-gray-light-4: #e8e8e8;
  --colors-gray-light-5: #e0e0e0;
  --colors-gray-light-6: #d9d9d9;
  --colors-gray-light-7: #cecece;
  --colors-gray-light-8: #bbbbbb;
  --colors-gray-light-9: #8d8d8d;
  --colors-gray-light-10: #838383;
  --colors-gray-light-11: #646464;
  --colors-gray-light-12: #202020;
  --colors-gray-light-a1: #00000003;
  --colors-gray-light-a2: #00000006;
  --colors-gray-light-a3: #0000000f;
  --colors-gray-light-a4: #00000017;
  --colors-gray-light-a5: #0000001f;
  --colors-gray-light-a6: #00000026;
  --colors-gray-light-a7: #00000031;
  --colors-gray-light-a8: #00000044;
  --colors-gray-light-a9: #00000072;
  --colors-gray-light-a10: #0000007c;
  --colors-gray-light-a11: #0000009b;
  --colors-gray-light-a12: #000000df;
  --colors-gray-dark-1: #111111;
  --colors-gray-dark-2: #191919;
  --colors-gray-dark-3: #222222;
  --colors-gray-dark-4: #2a2a2a;
  --colors-gray-dark-5: #313131;
  --colors-gray-dark-6: #3a3a3a;
  --colors-gray-dark-7: #484848;
  --colors-gray-dark-8: #606060;
  --colors-gray-dark-9: #6e6e6e;
  --colors-gray-dark-10: #7b7b7b;
  --colors-gray-dark-11: #b4b4b4;
  --colors-gray-dark-12: #eeeeee;
  --colors-gray-dark-a1: #00000000;
  --colors-gray-dark-a2: #ffffff09;
  --colors-gray-dark-a3: #ffffff12;
  --colors-gray-dark-a4: #ffffff1b;
  --colors-gray-dark-a5: #ffffff22;
  --colors-gray-dark-a6: #ffffff2c;
  --colors-gray-dark-a7: #ffffff3b;
  --colors-gray-dark-a8: #ffffff55;
  --colors-gray-dark-a9: #ffffff64;
  --colors-gray-dark-a10: #ffffff72;
  --colors-gray-dark-a11: #ffffffaf;
  --colors-gray-dark-a12: #ffffffed;
  --colors-green-light-1: #fbfefc;
  --colors-green-light-2: #f4fbf6;
  --colors-green-light-3: #e6f6eb;
  --colors-green-light-4: #d6f1df;
  --colors-green-light-5: #c4e8d1;
  --colors-green-light-6: #adddc0;
  --colors-green-light-7: #8eceaa;
  --colors-green-light-8: #5bb98b;
  --colors-green-light-9: #30a46c;
  --colors-green-light-10: #2b9a66;
  --colors-green-light-11: #218358;
  --colors-green-light-12: #193b2d;
  --colors-green-light-a1: #00c04004;
  --colors-green-light-a2: #00a32f0b;
  --colors-green-light-a3: #00a43319;
  --colors-green-light-a4: #00a83829;
  --colors-green-light-a5: #019c393b;
  --colors-green-light-a6: #00963c52;
  --colors-green-light-a7: #00914071;
  --colors-green-light-a8: #00924ba4;
  --colors-green-light-a9: #008f4acf;
  --colors-green-light-a10: #008647d4;
  --colors-green-light-a11: #00713fde;
  --colors-green-light-a12: #002616e6;
  --colors-green-dark-1: #0e1512;
  --colors-green-dark-2: #121b17;
  --colors-green-dark-3: #132d21;
  --colors-green-dark-4: #113b29;
  --colors-green-dark-5: #174933;
  --colors-green-dark-6: #20573e;
  --colors-green-dark-7: #28684a;
  --colors-green-dark-8: #2f7c57;
  --colors-green-dark-9: #30a46c;
  --colors-green-dark-10: #33b074;
  --colors-green-dark-11: #3dd68c;
  --colors-green-dark-12: #b1f1cb;
  --colors-green-dark-a1: #00de4505;
  --colors-green-dark-a2: #29f99d0b;
  --colors-green-dark-a3: #22ff991e;
  --colors-green-dark-a4: #11ff992d;
  --colors-green-dark-a5: #2bffa23c;
  --colors-green-dark-a6: #44ffaa4b;
  --colors-green-dark-a7: #50fdac5e;
  --colors-green-dark-a8: #54ffad73;
  --colors-green-dark-a9: #44ffa49e;
  --colors-green-dark-a10: #43fea4ab;
  --colors-green-dark-a11: #46fea5d4;
  --colors-green-dark-a12: #bbffd7f0;
  --colors-indigo-light-1: #fdfdfe;
  --colors-indigo-light-2: #f7f9ff;
  --colors-indigo-light-3: #edf2fe;
  --colors-indigo-light-4: #e1e9ff;
  --colors-indigo-light-5: #d2deff;
  --colors-indigo-light-6: #c1d0ff;
  --colors-indigo-light-7: #abbdf9;
  --colors-indigo-light-8: #8da4ef;
  --colors-indigo-light-9: #3e63dd;
  --colors-indigo-light-10: #3358d4;
  --colors-indigo-light-11: #3a5bc7;
  --colors-indigo-light-12: #1f2d5c;
  --colors-indigo-light-a1: #00008002;
  --colors-indigo-light-a2: #0040ff08;
  --colors-indigo-light-a3: #0047f112;
  --colors-indigo-light-a4: #0044ff1e;
  --colors-indigo-light-a5: #0044ff2d;
  --colors-indigo-light-a6: #003eff3e;
  --colors-indigo-light-a7: #0037ed54;
  --colors-indigo-light-a8: #0034dc72;
  --colors-indigo-light-a9: #0031d2c1;
  --colors-indigo-light-a10: #002ec9cc;
  --colors-indigo-light-a11: #002bb7c5;
  --colors-indigo-light-a12: #001046e0;
  --colors-indigo-dark-1: #11131f;
  --colors-indigo-dark-2: #141726;
  --colors-indigo-dark-3: #182449;
  --colors-indigo-dark-4: #1d2e62;
  --colors-indigo-dark-5: #253974;
  --colors-indigo-dark-6: #304384;
  --colors-indigo-dark-7: #3a4f97;
  --colors-indigo-dark-8: #435db1;
  --colors-indigo-dark-9: #3e63dd;
  --colors-indigo-dark-10: #5472e4;
  --colors-indigo-dark-11: #9eb1ff;
  --colors-indigo-dark-12: #d6e1ff;
  --colors-indigo-dark-a1: #1133ff0f;
  --colors-indigo-dark-a2: #3354fa17;
  --colors-indigo-dark-a3: #2f62ff3c;
  --colors-indigo-dark-a4: #3566ff57;
  --colors-indigo-dark-a5: #4171fd6b;
  --colors-indigo-dark-a6: #5178fd7c;
  --colors-indigo-dark-a7: #5a7fff90;
  --colors-indigo-dark-a8: #5b81feac;
  --colors-indigo-dark-a9: #4671ffdb;
  --colors-indigo-dark-a10: #5c7efee3;
  --colors-indigo-dark-a11: #9eb1ff;
  --colors-indigo-dark-a12: #d6e1ff;
  --colors-iris-light-1: #fdfdff;
  --colors-iris-light-2: #f8f8ff;
  --colors-iris-light-3: #f0f1fe;
  --colors-iris-light-4: #e6e7ff;
  --colors-iris-light-5: #dadcff;
  --colors-iris-light-6: #cbcdff;
  --colors-iris-light-7: #b8baf8;
  --colors-iris-light-8: #9b9ef0;
  --colors-iris-light-9: #5b5bd6;
  --colors-iris-light-10: #5151cd;
  --colors-iris-light-11: #5753c6;
  --colors-iris-light-12: #272962;
  --colors-iris-light-a1: #0000ff02;
  --colors-iris-light-a2: #0000ff07;
  --colors-iris-light-a3: #0011ee0f;
  --colors-iris-light-a4: #000bff19;
  --colors-iris-light-a5: #000eff25;
  --colors-iris-light-a6: #000aff34;
  --colors-iris-light-a7: #0008e647;
  --colors-iris-light-a8: #0008d964;
  --colors-iris-light-a9: #0000c0a4;
  --colors-iris-light-a10: #0000b6ae;
  --colors-iris-light-a11: #0600abac;
  --colors-iris-light-a12: #000246d8;
  --colors-iris-dark-1: #13131e;
  --colors-iris-dark-2: #171625;
  --colors-iris-dark-3: #202248;
  --colors-iris-dark-4: #262a65;
  --colors-iris-dark-5: #303374;
  --colors-iris-dark-6: #3d3e82;
  --colors-iris-dark-7: #4a4a95;
  --colors-iris-dark-8: #5958b1;
  --colors-iris-dark-9: #5b5bd6;
  --colors-iris-dark-10: #6e6ade;
  --colors-iris-dark-11: #b1a9ff;
  --colors-iris-dark-12: #e0dffe;
  --colors-iris-dark-a1: #3636fe0e;
  --colors-iris-dark-a2: #564bf916;
  --colors-iris-dark-a3: #525bff3b;
  --colors-iris-dark-a4: #4d58ff5a;
  --colors-iris-dark-a5: #5b62fd6b;
  --colors-iris-dark-a6: #6d6ffd7a;
  --colors-iris-dark-a7: #7777fe8e;
  --colors-iris-dark-a8: #7b7afeac;
  --colors-iris-dark-a9: #6a6afed4;
  --colors-iris-dark-a10: #7d79ffdc;
  --colors-iris-dark-a11: #b1a9ff;
  --colors-iris-dark-a12: #e1e0fffe;
  --colors-jade-light-1: #fbfefd;
  --colors-jade-light-2: #f4fbf7;
  --colors-jade-light-3: #e6f7ed;
  --colors-jade-light-4: #d6f1e3;
  --colors-jade-light-5: #c3e9d7;
  --colors-jade-light-6: #acdec8;
  --colors-jade-light-7: #8bceb6;
  --colors-jade-light-8: #56ba9f;
  --colors-jade-light-9: #29a383;
  --colors-jade-light-10: #26997b;
  --colors-jade-light-11: #208368;
  --colors-jade-light-12: #1d3b31;
  --colors-jade-light-a1: #00c08004;
  --colors-jade-light-a2: #00a3460b;
  --colors-jade-light-a3: #00ae4819;
  --colors-jade-light-a4: #00a85129;
  --colors-jade-light-a5: #00a2553c;
  --colors-jade-light-a6: #009a5753;
  --colors-jade-light-a7: #00945f74;
  --colors-jade-light-a8: #00976ea9;
  --colors-jade-light-a9: #00916bd6;
  --colors-jade-light-a10: #008764d9;
  --colors-jade-light-a11: #007152df;
  --colors-jade-light-a12: #002217e2;
  --colors-jade-dark-1: #0d1512;
  --colors-jade-dark-2: #121c18;
  --colors-jade-dark-3: #0f2e22;
  --colors-jade-dark-4: #0b3b2c;
  --colors-jade-dark-5: #114837;
  --colors-jade-dark-6: #1b5745;
  --colors-jade-dark-7: #246854;
  --colors-jade-dark-8: #2a7e68;
  --colors-jade-dark-9: #29a383;
  --colors-jade-dark-10: #27b08b;
  --colors-jade-dark-11: #1fd8a4;
  --colors-jade-dark-12: #adf0d4;
  --colors-jade-dark-a1: #00de4505;
  --colors-jade-dark-a2: #27fba60c;
  --colors-jade-dark-a3: #02f99920;
  --colors-jade-dark-a4: #00ffaa2d;
  --colors-jade-dark-a5: #11ffb63b;
  --colors-jade-dark-a6: #34ffc24b;
  --colors-jade-dark-a7: #45fdc75e;
  --colors-jade-dark-a8: #48ffcf75;
  --colors-jade-dark-a9: #38feca9d;
  --colors-jade-dark-a10: #31fec7ab;
  --colors-jade-dark-a11: #21fec0d6;
  --colors-jade-dark-a12: #b8ffe1ef;
  --colors-lime-light-1: #fcfdfa;
  --colors-lime-light-2: #f8faf3;
  --colors-lime-light-3: #eef6d6;
  --colors-lime-light-4: #e2f0bd;
  --colors-lime-light-5: #d3e7a6;
  --colors-lime-light-6: #c2da91;
  --colors-lime-light-7: #abc978;
  --colors-lime-light-8: #8db654;
  --colors-lime-light-9: #bdee63;
  --colors-lime-light-10: #b0e64c;
  --colors-lime-light-11: #5c7c2f;
  --colors-lime-light-12: #37401c;
  --colors-lime-light-a1: #66990005;
  --colors-lime-light-a2: #6b95000c;
  --colors-lime-light-a3: #96c80029;
  --colors-lime-light-a4: #8fc60042;
  --colors-lime-light-a5: #81bb0059;
  --colors-lime-light-a6: #72aa006e;
  --colors-lime-light-a7: #61990087;
  --colors-lime-light-a8: #559200ab;
  --colors-lime-light-a9: #93e4009c;
  --colors-lime-light-a10: #8fdc00b3;
  --colors-lime-light-a11: #375f00d0;
  --colors-lime-light-a12: #1e2900e3;
  --colors-lime-dark-1: #11130c;
  --colors-lime-dark-2: #151a10;
  --colors-lime-dark-3: #1f2917;
  --colors-lime-dark-4: #29371d;
  --colors-lime-dark-5: #334423;
  --colors-lime-dark-6: #3d522a;
  --colors-lime-dark-7: #496231;
  --colors-lime-dark-8: #577538;
  --colors-lime-dark-9: #bdee63;
  --colors-lime-dark-10: #d4ff70;
  --colors-lime-dark-11: #bde56c;
  --colors-lime-dark-12: #e3f7ba;
  --colors-lime-dark-a1: #11bb0003;
  --colors-lime-dark-a2: #78f7000a;
  --colors-lime-dark-a3: #9bfd4c1a;
  --colors-lime-dark-a4: #a7fe5c29;
  --colors-lime-dark-a5: #affe6537;
  --colors-lime-dark-a6: #b2fe6d46;
  --colors-lime-dark-a7: #b6ff6f57;
  --colors-lime-dark-a8: #b6fd6d6c;
  --colors-lime-dark-a9: #caff69ed;
  --colors-lime-dark-a10: #d4ff70;
  --colors-lime-dark-a11: #d1fe77e4;
  --colors-lime-dark-a12: #e9febff7;
  --colors-mauve-light-1: #fdfcfd;
  --colors-mauve-light-2: #faf9fb;
  --colors-mauve-light-3: #f2eff3;
  --colors-mauve-light-4: #eae7ec;
  --colors-mauve-light-5: #e3dfe6;
  --colors-mauve-light-6: #dbd8e0;
  --colors-mauve-light-7: #d0cdd7;
  --colors-mauve-light-8: #bcbac7;
  --colors-mauve-light-9: #8e8c99;
  --colors-mauve-light-10: #84828e;
  --colors-mauve-light-11: #65636d;
  --colors-mauve-light-12: #211f26;
  --colors-mauve-light-a1: #55005503;
  --colors-mauve-light-a2: #2b005506;
  --colors-mauve-light-a3: #30004010;
  --colors-mauve-light-a4: #20003618;
  --colors-mauve-light-a5: #20003820;
  --colors-mauve-light-a6: #14003527;
  --colors-mauve-light-a7: #10003332;
  --colors-mauve-light-a8: #08003145;
  --colors-mauve-light-a9: #05001d73;
  --colors-mauve-light-a10: #0500197d;
  --colors-mauve-light-a11: #0400119c;
  --colors-mauve-light-a12: #020008e0;
  --colors-mauve-dark-1: #121113;
  --colors-mauve-dark-2: #1a191b;
  --colors-mauve-dark-3: #232225;
  --colors-mauve-dark-4: #2b292d;
  --colors-mauve-dark-5: #323035;
  --colors-mauve-dark-6: #3c393f;
  --colors-mauve-dark-7: #49474e;
  --colors-mauve-dark-8: #625f69;
  --colors-mauve-dark-9: #6f6d78;
  --colors-mauve-dark-10: #7c7a85;
  --colors-mauve-dark-11: #b5b2bc;
  --colors-mauve-dark-12: #eeeef0;
  --colors-mauve-dark-a1: #00000000;
  --colors-mauve-dark-a2: #f5f4f609;
  --colors-mauve-dark-a3: #ebeaf814;
  --colors-mauve-dark-a4: #eee5f81d;
  --colors-mauve-dark-a5: #efe6fe25;
  --colors-mauve-dark-a6: #f1e6fd30;
  --colors-mauve-dark-a7: #eee9ff40;
  --colors-mauve-dark-a8: #eee7ff5d;
  --colors-mauve-dark-a9: #eae6fd6e;
  --colors-mauve-dark-a10: #ece9fd7c;
  --colors-mauve-dark-a11: #f5f1ffb7;
  --colors-mauve-dark-a12: #fdfdffef;
  --colors-mint-light-1: #f9fefd;
  --colors-mint-light-2: #f2fbf9;
  --colors-mint-light-3: #ddf9f2;
  --colors-mint-light-4: #c8f4e9;
  --colors-mint-light-5: #b3ecde;
  --colors-mint-light-6: #9ce0d0;
  --colors-mint-light-7: #7ecfbd;
  --colors-mint-light-8: #4cbba5;
  --colors-mint-light-9: #86ead4;
  --colors-mint-light-10: #7de0cb;
  --colors-mint-light-11: #027864;
  --colors-mint-light-12: #16433c;
  --colors-mint-light-a1: #00d5aa06;
  --colors-mint-light-a2: #00b18a0d;
  --colors-mint-light-a3: #00d29e22;
  --colors-mint-light-a4: #00cc9937;
  --colors-mint-light-a5: #00c0914c;
  --colors-mint-light-a6: #00b08663;
  --colors-mint-light-a7: #00a17d81;
  --colors-mint-light-a8: #009e7fb3;
  --colors-mint-light-a9: #00d3a579;
  --colors-mint-light-a10: #00c39982;
  --colors-mint-light-a11: #007763fd;
  --colors-mint-light-a12: #00312ae9;
  --colors-mint-dark-1: #0e1515;
  --colors-mint-dark-2: #0f1b1b;
  --colors-mint-dark-3: #092c2b;
  --colors-mint-dark-4: #003a38;
  --colors-mint-dark-5: #004744;
  --colors-mint-dark-6: #105650;
  --colors-mint-dark-7: #1e685f;
  --colors-mint-dark-8: #277f70;
  --colors-mint-dark-9: #86ead4;
  --colors-mint-dark-10: #a8f5e5;
  --colors-mint-dark-11: #58d5ba;
  --colors-mint-dark-12: #c4f5e1;
  --colors-mint-dark-a1: #00dede05;
  --colors-mint-dark-a2: #00f9f90b;
  --colors-mint-dark-a3: #00fff61d;
  --colors-mint-dark-a4: #00fff42c;
  --colors-mint-dark-a5: #00fff23a;
  --colors-mint-dark-a6: #0effeb4a;
  --colors-mint-dark-a7: #34fde55e;
  --colors-mint-dark-a8: #41ffdf76;
  --colors-mint-dark-a9: #92ffe7e9;
  --colors-mint-dark-a10: #aefeedf5;
  --colors-mint-dark-a11: #67ffded2;
  --colors-mint-dark-a12: #cbfee9f5;
  --colors-olive-light-1: #fcfdfc;
  --colors-olive-light-2: #f8faf8;
  --colors-olive-light-3: #eff1ef;
  --colors-olive-light-4: #e7e9e7;
  --colors-olive-light-5: #dfe2df;
  --colors-olive-light-6: #d7dad7;
  --colors-olive-light-7: #cccfcc;
  --colors-olive-light-8: #b9bcb8;
  --colors-olive-light-9: #898e87;
  --colors-olive-light-10: #7f847d;
  --colors-olive-light-11: #60655f;
  --colors-olive-light-12: #1d211c;
  --colors-olive-light-a1: #00550003;
  --colors-olive-light-a2: #00490007;
  --colors-olive-light-a3: #00200010;
  --colors-olive-light-a4: #00160018;
  --colors-olive-light-a5: #00180020;
  --colors-olive-light-a6: #00140028;
  --colors-olive-light-a7: #000f0033;
  --colors-olive-light-a8: #040f0047;
  --colors-olive-light-a9: #050f0078;
  --colors-olive-light-a10: #040e0082;
  --colors-olive-light-a11: #020a00a0;
  --colors-olive-light-a12: #010600e3;
  --colors-olive-dark-1: #111210;
  --colors-olive-dark-2: #181917;
  --colors-olive-dark-3: #212220;
  --colors-olive-dark-4: #282a27;
  --colors-olive-dark-5: #2f312e;
  --colors-olive-dark-6: #383a36;
  --colors-olive-dark-7: #454843;
  --colors-olive-dark-8: #5c625b;
  --colors-olive-dark-9: #687066;
  --colors-olive-dark-10: #767d74;
  --colors-olive-dark-11: #afb5ad;
  --colors-olive-dark-12: #eceeec;
  --colors-olive-dark-a1: #00000000;
  --colors-olive-dark-a2: #f1f2f008;
  --colors-olive-dark-a3: #f4f5f312;
  --colors-olive-dark-a4: #f3fef21a;
  --colors-olive-dark-a5: #f2fbf122;
  --colors-olive-dark-a6: #f4faed2c;
  --colors-olive-dark-a7: #f2fced3b;
  --colors-olive-dark-a8: #edfdeb57;
  --colors-olive-dark-a9: #ebfde766;
  --colors-olive-dark-a10: #f0fdec74;
  --colors-olive-dark-a11: #f6fef4b0;
  --colors-olive-dark-a12: #fdfffded;
  --colors-orange-light-1: #fefcfb;
  --colors-orange-light-2: #fff7ed;
  --colors-orange-light-3: #ffefd6;
  --colors-orange-light-4: #ffdfb5;
  --colors-orange-light-5: #ffd19a;
  --colors-orange-light-6: #ffc182;
  --colors-orange-light-7: #f5ae73;
  --colors-orange-light-8: #ec9455;
  --colors-orange-light-9: #f76b15;
  --colors-orange-light-10: #ef5f00;
  --colors-orange-light-11: #cc4e00;
  --colors-orange-light-12: #582d1d;
  --colors-orange-light-a1: #c0400004;
  --colors-orange-light-a2: #ff8e0012;
  --colors-orange-light-a3: #ff9c0029;
  --colors-orange-light-a4: #ff91014a;
  --colors-orange-light-a5: #ff8b0065;
  --colors-orange-light-a6: #ff81007d;
  --colors-orange-light-a7: #ed6c008c;
  --colors-orange-light-a8: #e35f00aa;
  --colors-orange-light-a9: #f65e00ea;
  --colors-orange-light-a10: #ef5f00;
  --colors-orange-light-a11: #cc4e00;
  --colors-orange-light-a12: #431200e2;
  --colors-orange-dark-1: #17120e;
  --colors-orange-dark-2: #1e160f;
  --colors-orange-dark-3: #331e0b;
  --colors-orange-dark-4: #462100;
  --colors-orange-dark-5: #562800;
  --colors-orange-dark-6: #66350c;
  --colors-orange-dark-7: #7e451d;
  --colors-orange-dark-8: #a35829;
  --colors-orange-dark-9: #f76b15;
  --colors-orange-dark-10: #ff801f;
  --colors-orange-dark-11: #ffa057;
  --colors-orange-dark-12: #ffe0c2;
  --colors-orange-dark-a1: #ec360007;
  --colors-orange-dark-a2: #fe6d000e;
  --colors-orange-dark-a3: #fb6a0025;
  --colors-orange-dark-a4: #ff590039;
  --colors-orange-dark-a5: #ff61004a;
  --colors-orange-dark-a6: #fd75045c;
  --colors-orange-dark-a7: #ff832c75;
  --colors-orange-dark-a8: #fe84389d;
  --colors-orange-dark-a9: #fe6d15f7;
  --colors-orange-dark-a10: #ff801f;
  --colors-orange-dark-a11: #ffa057;
  --colors-orange-dark-a12: #ffe0c2;
  --colors-pink-light-1: #fffcfe;
  --colors-pink-light-2: #fef7fb;
  --colors-pink-light-3: #fee9f5;
  --colors-pink-light-4: #fbdcef;
  --colors-pink-light-5: #f6cee7;
  --colors-pink-light-6: #efbfdd;
  --colors-pink-light-7: #e7acd0;
  --colors-pink-light-8: #dd93c2;
  --colors-pink-light-9: #d6409f;
  --colors-pink-light-10: #cf3897;
  --colors-pink-light-11: #c2298a;
  --colors-pink-light-12: #651249;
  --colors-pink-light-a1: #ff00aa03;
  --colors-pink-light-a2: #e0008008;
  --colors-pink-light-a3: #f4008c16;
  --colors-pink-light-a4: #e2008b23;
  --colors-pink-light-a5: #d1008331;
  --colors-pink-light-a6: #c0007840;
  --colors-pink-light-a7: #b6006f53;
  --colors-pink-light-a8: #af006f6c;
  --colors-pink-light-a9: #c8007fbf;
  --colors-pink-light-a10: #c2007ac7;
  --colors-pink-light-a11: #b60074d6;
  --colors-pink-light-a12: #59003bed;
  --colors-pink-dark-1: #191117;
  --colors-pink-dark-2: #21121d;
  --colors-pink-dark-3: #37172f;
  --colors-pink-dark-4: #4b143d;
  --colors-pink-dark-5: #591c47;
  --colors-pink-dark-6: #692955;
  --colors-pink-dark-7: #833869;
  --colors-pink-dark-8: #a84885;
  --colors-pink-dark-9: #d6409f;
  --colors-pink-dark-10: #de51a8;
  --colors-pink-dark-11: #ff8dcc;
  --colors-pink-dark-12: #fdd1ea;
  --colors-pink-dark-a1: #f412bc09;
  --colors-pink-dark-a2: #f420bb12;
  --colors-pink-dark-a3: #fe37cc29;
  --colors-pink-dark-a4: #fc1ec43f;
  --colors-pink-dark-a5: #fd35c24e;
  --colors-pink-dark-a6: #fd51c75f;
  --colors-pink-dark-a7: #fd62c87b;
  --colors-pink-dark-a8: #ff68c8a2;
  --colors-pink-dark-a9: #fe49bcd4;
  --colors-pink-dark-a10: #ff5cc0dc;
  --colors-pink-dark-a11: #ff8dcc;
  --colors-pink-dark-a12: #ffd3ecfd;
  --colors-plum-light-1: #fefcff;
  --colors-plum-light-2: #fdf7fd;
  --colors-plum-light-3: #fbebfb;
  --colors-plum-light-4: #f7def8;
  --colors-plum-light-5: #f2d1f3;
  --colors-plum-light-6: #e9c2ec;
  --colors-plum-light-7: #deade3;
  --colors-plum-light-8: #cf91d8;
  --colors-plum-light-9: #ab4aba;
  --colors-plum-light-10: #a144af;
  --colors-plum-light-11: #953ea3;
  --colors-plum-light-12: #53195d;
  --colors-plum-light-a1: #aa00ff03;
  --colors-plum-light-a2: #c000c008;
  --colors-plum-light-a3: #cc00cc14;
  --colors-plum-light-a4: #c200c921;
  --colors-plum-light-a5: #b700bd2e;
  --colors-plum-light-a6: #a400b03d;
  --colors-plum-light-a7: #9900a852;
  --colors-plum-light-a8: #9000a56e;
  --colors-plum-light-a9: #89009eb5;
  --colors-plum-light-a10: #7f0092bb;
  --colors-plum-light-a11: #730086c1;
  --colors-plum-light-a12: #40004be6;
  --colors-plum-dark-1: #181118;
  --colors-plum-dark-2: #201320;
  --colors-plum-dark-3: #351a35;
  --colors-plum-dark-4: #451d47;
  --colors-plum-dark-5: #512454;
  --colors-plum-dark-6: #5e3061;
  --colors-plum-dark-7: #734079;
  --colors-plum-dark-8: #92549c;
  --colors-plum-dark-9: #ab4aba;
  --colors-plum-dark-10: #b658c4;
  --colors-plum-dark-11: #e796f3;
  --colors-plum-dark-12: #f4d4f4;
  --colors-plum-dark-a1: #f112f108;
  --colors-plum-dark-a2: #f22ff211;
  --colors-plum-dark-a3: #fd4cfd27;
  --colors-plum-dark-a4: #f646ff3a;
  --colors-plum-dark-a5: #f455ff48;
  --colors-plum-dark-a6: #f66dff56;
  --colors-plum-dark-a7: #f07cfd70;
  --colors-plum-dark-a8: #ee84ff95;
  --colors-plum-dark-a9: #e961feb6;
  --colors-plum-dark-a10: #ed70ffc0;
  --colors-plum-dark-a11: #f19cfef3;
  --colors-plum-dark-a12: #feddfef4;
  --colors-purple-light-1: #fefcfe;
  --colors-purple-light-2: #fbf7fe;
  --colors-purple-light-3: #f7edfe;
  --colors-purple-light-4: #f2e2fc;
  --colors-purple-light-5: #ead5f9;
  --colors-purple-light-6: #e0c4f4;
  --colors-purple-light-7: #d1afec;
  --colors-purple-light-8: #be93e4;
  --colors-purple-light-9: #8e4ec6;
  --colors-purple-light-10: #8347b9;
  --colors-purple-light-11: #8145b5;
  --colors-purple-light-12: #402060;
  --colors-purple-light-a1: #aa00aa03;
  --colors-purple-light-a2: #8000e008;
  --colors-purple-light-a3: #8e00f112;
  --colors-purple-light-a4: #8d00e51d;
  --colors-purple-light-a5: #8000db2a;
  --colors-purple-light-a6: #7a01d03b;
  --colors-purple-light-a7: #6d00c350;
  --colors-purple-light-a8: #6600c06c;
  --colors-purple-light-a9: #5c00adb1;
  --colors-purple-light-a10: #53009eb8;
  --colors-purple-light-a11: #52009aba;
  --colors-purple-light-a12: #250049df;
  --colors-purple-dark-1: #18111b;
  --colors-purple-dark-2: #1e1523;
  --colors-purple-dark-3: #301c3b;
  --colors-purple-dark-4: #3d224e;
  --colors-purple-dark-5: #48295c;
  --colors-purple-dark-6: #54346b;
  --colors-purple-dark-7: #664282;
  --colors-purple-dark-8: #8457aa;
  --colors-purple-dark-9: #8e4ec6;
  --colors-purple-dark-10: #9a5cd0;
  --colors-purple-dark-11: #d19dff;
  --colors-purple-dark-12: #ecd9fa;
  --colors-purple-dark-a1: #b412f90b;
  --colors-purple-dark-a2: #b744f714;
  --colors-purple-dark-a3: #c150ff2d;
  --colors-purple-dark-a4: #bb53fd42;
  --colors-purple-dark-a5: #be5cfd51;
  --colors-purple-dark-a6: #c16dfd61;
  --colors-purple-dark-a7: #c378fd7a;
  --colors-purple-dark-a8: #c47effa4;
  --colors-purple-dark-a9: #b661ffc2;
  --colors-purple-dark-a10: #bc6fffcd;
  --colors-purple-dark-a11: #d19dff;
  --colors-purple-dark-a12: #f1ddfffa;
  --colors-red-light-1: #fffcfc;
  --colors-red-light-2: #fff7f7;
  --colors-red-light-3: #feebec;
  --colors-red-light-4: #ffdbdc;
  --colors-red-light-5: #ffcdce;
  --colors-red-light-6: #fdbdbe;
  --colors-red-light-7: #f4a9aa;
  --colors-red-light-8: #eb8e90;
  --colors-red-light-9: #e5484d;
  --colors-red-light-10: #dc3e42;
  --colors-red-light-11: #ce2c31;
  --colors-red-light-12: #641723;
  --colors-red-light-a1: #ff000003;
  --colors-red-light-a2: #ff000008;
  --colors-red-light-a3: #f3000d14;
  --colors-red-light-a4: #ff000824;
  --colors-red-light-a5: #ff000632;
  --colors-red-light-a6: #f8000442;
  --colors-red-light-a7: #df000356;
  --colors-red-light-a8: #d2000571;
  --colors-red-light-a9: #db0007b7;
  --colors-red-light-a10: #d10005c1;
  --colors-red-light-a11: #c40006d3;
  --colors-red-light-a12: #55000de8;
  --colors-red-dark-1: #191111;
  --colors-red-dark-2: #201314;
  --colors-red-dark-3: #3b1219;
  --colors-red-dark-4: #500f1c;
  --colors-red-dark-5: #611623;
  --colors-red-dark-6: #72232d;
  --colors-red-dark-7: #8c333a;
  --colors-red-dark-8: #b54548;
  --colors-red-dark-9: #e5484d;
  --colors-red-dark-10: #ec5d5e;
  --colors-red-dark-11: #ff9592;
  --colors-red-dark-12: #ffd1d9;
  --colors-red-dark-a1: #f4121209;
  --colors-red-dark-a2: #f22f3e11;
  --colors-red-dark-a3: #ff173f2d;
  --colors-red-dark-a4: #fe0a3b44;
  --colors-red-dark-a5: #ff204756;
  --colors-red-dark-a6: #ff3e5668;
  --colors-red-dark-a7: #ff536184;
  --colors-red-dark-a8: #ff5d61b0;
  --colors-red-dark-a9: #fe4e54e4;
  --colors-red-dark-a10: #ff6465eb;
  --colors-red-dark-a11: #ff9592;
  --colors-red-dark-a12: #ffd1d9;
  --colors-ruby-light-1: #fffcfd;
  --colors-ruby-light-2: #fff7f8;
  --colors-ruby-light-3: #feeaed;
  --colors-ruby-light-4: #ffdce1;
  --colors-ruby-light-5: #ffced6;
  --colors-ruby-light-6: #f8bfc8;
  --colors-ruby-light-7: #efacb8;
  --colors-ruby-light-8: #e592a3;
  --colors-ruby-light-9: #e54666;
  --colors-ruby-light-10: #dc3b5d;
  --colors-ruby-light-11: #ca244d;
  --colors-ruby-light-12: #64172b;
  --colors-ruby-light-a1: #ff005503;
  --colors-ruby-light-a2: #ff002008;
  --colors-ruby-light-a3: #f3002515;
  --colors-ruby-light-a4: #ff002523;
  --colors-ruby-light-a5: #ff002a31;
  --colors-ruby-light-a6: #e4002440;
  --colors-ruby-light-a7: #ce002553;
  --colors-ruby-light-a8: #c300286d;
  --colors-ruby-light-a9: #db002cb9;
  --colors-ruby-light-a10: #d2002cc4;
  --colors-ruby-light-a11: #c10030db;
  --colors-ruby-light-a12: #550016e8;
  --colors-ruby-dark-1: #191113;
  --colors-ruby-dark-2: #1e1517;
  --colors-ruby-dark-3: #3a141e;
  --colors-ruby-dark-4: #4e1325;
  --colors-ruby-dark-5: #5e1a2e;
  --colors-ruby-dark-6: #6f2539;
  --colors-ruby-dark-7: #883447;
  --colors-ruby-dark-8: #b3445a;
  --colors-ruby-dark-9: #e54666;
  --colors-ruby-dark-10: #ec5a72;
  --colors-ruby-dark-11: #ff949d;
  --colors-ruby-dark-12: #fed2e1;
  --colors-ruby-dark-a1: #f4124a09;
  --colors-ruby-dark-a2: #fe5a7f0e;
  --colors-ruby-dark-a3: #ff235d2c;
  --colors-ruby-dark-a4: #fd195e42;
  --colors-ruby-dark-a5: #fe2d6b53;
  --colors-ruby-dark-a6: #ff447665;
  --colors-ruby-dark-a7: #ff577d80;
  --colors-ruby-dark-a8: #ff5c7cae;
  --colors-ruby-dark-a9: #fe4c70e4;
  --colors-ruby-dark-a10: #ff617beb;
  --colors-ruby-dark-a11: #ff949d;
  --colors-ruby-dark-a12: #ffd3e2fe;
  --colors-sage-light-1: #fbfdfc;
  --colors-sage-light-2: #f7f9f8;
  --colors-sage-light-3: #eef1f0;
  --colors-sage-light-4: #e6e9e8;
  --colors-sage-light-5: #dfe2e0;
  --colors-sage-light-6: #d7dad9;
  --colors-sage-light-7: #cbcfcd;
  --colors-sage-light-8: #b8bcba;
  --colors-sage-light-9: #868e8b;
  --colors-sage-light-10: #7c8481;
  --colors-sage-light-11: #5f6563;
  --colors-sage-light-12: #1a211e;
  --colors-sage-light-a1: #00804004;
  --colors-sage-light-a2: #00402008;
  --colors-sage-light-a3: #002d1e11;
  --colors-sage-light-a4: #001f1519;
  --colors-sage-light-a5: #00180820;
  --colors-sage-light-a6: #00140d28;
  --colors-sage-light-a7: #00140a34;
  --colors-sage-light-a8: #000f0847;
  --colors-sage-light-a9: #00110b79;
  --colors-sage-light-a10: #00100a83;
  --colors-sage-light-a11: #000a07a0;
  --colors-sage-light-a12: #000805e5;
  --colors-sage-dark-1: #101211;
  --colors-sage-dark-2: #171918;
  --colors-sage-dark-3: #202221;
  --colors-sage-dark-4: #272a29;
  --colors-sage-dark-5: #2e3130;
  --colors-sage-dark-6: #373b39;
  --colors-sage-dark-7: #444947;
  --colors-sage-dark-8: #5b625f;
  --colors-sage-dark-9: #63706b;
  --colors-sage-dark-10: #717d79;
  --colors-sage-dark-11: #adb5b2;
  --colors-sage-dark-12: #eceeed;
  --colors-sage-dark-a1: #00000000;
  --colors-sage-dark-a2: #f0f2f108;
  --colors-sage-dark-a3: #f3f5f412;
  --colors-sage-dark-a4: #f2fefd1a;
  --colors-sage-dark-a5: #f1fbfa22;
  --colors-sage-dark-a6: #edfbf42d;
  --colors-sage-dark-a7: #edfcf73c;
  --colors-sage-dark-a8: #ebfdf657;
  --colors-sage-dark-a9: #dffdf266;
  --colors-sage-dark-a10: #e5fdf674;
  --colors-sage-dark-a11: #f4fefbb0;
  --colors-sage-dark-a12: #fdfffeed;
  --colors-sand-light-1: #fdfdfc;
  --colors-sand-light-2: #f9f9f8;
  --colors-sand-light-3: #f1f0ef;
  --colors-sand-light-4: #e9e8e6;
  --colors-sand-light-5: #e2e1de;
  --colors-sand-light-6: #dad9d6;
  --colors-sand-light-7: #cfceca;
  --colors-sand-light-8: #bcbbb5;
  --colors-sand-light-9: #8d8d86;
  --colors-sand-light-10: #82827c;
  --colors-sand-light-11: #63635e;
  --colors-sand-light-12: #21201c;
  --colors-sand-light-a1: #55550003;
  --colors-sand-light-a2: #25250007;
  --colors-sand-light-a3: #20100010;
  --colors-sand-light-a4: #1f150019;
  --colors-sand-light-a5: #1f180021;
  --colors-sand-light-a6: #19130029;
  --colors-sand-light-a7: #19140035;
  --colors-sand-light-a8: #1915014a;
  --colors-sand-light-a9: #0f0f0079;
  --colors-sand-light-a10: #0c0c0083;
  --colors-sand-light-a11: #080800a1;
  --colors-sand-light-a12: #060500e3;
  --colors-sand-dark-1: #111110;
  --colors-sand-dark-2: #191918;
  --colors-sand-dark-3: #222221;
  --colors-sand-dark-4: #2a2a28;
  --colors-sand-dark-5: #31312e;
  --colors-sand-dark-6: #3b3a37;
  --colors-sand-dark-7: #494844;
  --colors-sand-dark-8: #62605b;
  --colors-sand-dark-9: #6f6d66;
  --colors-sand-dark-10: #7c7b74;
  --colors-sand-dark-11: #b5b3ad;
  --colors-sand-dark-12: #eeeeec;
  --colors-sand-dark-a1: #00000000;
  --colors-sand-dark-a2: #f4f4f309;
  --colors-sand-dark-a3: #f6f6f513;
  --colors-sand-dark-a4: #fefef31b;
  --colors-sand-dark-a5: #fbfbeb23;
  --colors-sand-dark-a6: #fffaed2d;
  --colors-sand-dark-a7: #fffbed3c;
  --colors-sand-dark-a8: #fff9eb57;
  --colors-sand-dark-a9: #fffae965;
  --colors-sand-dark-a10: #fffdee73;
  --colors-sand-dark-a11: #fffcf4b0;
  --colors-sand-dark-a12: #fffffded;
  --colors-sky-light-1: #f9feff;
  --colors-sky-light-2: #f1fafd;
  --colors-sky-light-3: #e1f6fd;
  --colors-sky-light-4: #d1f0fa;
  --colors-sky-light-5: #bee7f5;
  --colors-sky-light-6: #a9daed;
  --colors-sky-light-7: #8dcae3;
  --colors-sky-light-8: #60b3d7;
  --colors-sky-light-9: #7ce2fe;
  --colors-sky-light-10: #74daf8;
  --colors-sky-light-11: #00749e;
  --colors-sky-light-12: #1d3e56;
  --colors-sky-light-a1: #00d5ff06;
  --colors-sky-light-a2: #00a4db0e;
  --colors-sky-light-a3: #00b3ee1e;
  --colors-sky-light-a4: #00ace42e;
  --colors-sky-light-a5: #00a1d841;
  --colors-sky-light-a6: #0092ca56;
  --colors-sky-light-a7: #0089c172;
  --colors-sky-light-a8: #0085bf9f;
  --colors-sky-light-a9: #00c7fe83;
  --colors-sky-light-a10: #00bcf38b;
  --colors-sky-light-a11: #00749e;
  --colors-sky-light-a12: #002540e2;
  --colors-sky-dark-1: #0d141f;
  --colors-sky-dark-2: #111a27;
  --colors-sky-dark-3: #112840;
  --colors-sky-dark-4: #113555;
  --colors-sky-dark-5: #154467;
  --colors-sky-dark-6: #1b537b;
  --colors-sky-dark-7: #1f6692;
  --colors-sky-dark-8: #197cae;
  --colors-sky-dark-9: #7ce2fe;
  --colors-sky-dark-10: #a8eeff;
  --colors-sky-dark-11: #75c7f0;
  --colors-sky-dark-12: #c2f3ff;
  --colors-sky-dark-a1: #0044ff0f;
  --colors-sky-dark-a2: #1171fb18;
  --colors-sky-dark-a3: #1184fc33;
  --colors-sky-dark-a4: #128fff49;
  --colors-sky-dark-a5: #1c9dfd5d;
  --colors-sky-dark-a6: #28a5ff72;
  --colors-sky-dark-a7: #2badfe8b;
  --colors-sky-dark-a8: #1db2fea9;
  --colors-sky-dark-a9: #7ce3fffe;
  --colors-sky-dark-a10: #a8eeff;
  --colors-sky-dark-a11: #7cd3ffef;
  --colors-sky-dark-a12: #c2f3ff;
  --colors-slate-light-1: #fcfcfd;
  --colors-slate-light-2: #f9f9fb;
  --colors-slate-light-3: #f0f0f3;
  --colors-slate-light-4: #e8e8ec;
  --colors-slate-light-5: #e0e1e6;
  --colors-slate-light-6: #d9d9e0;
  --colors-slate-light-7: #cdced6;
  --colors-slate-light-8: #b9bbc6;
  --colors-slate-light-9: #8b8d98;
  --colors-slate-light-10: #80838d;
  --colors-slate-light-11: #60646c;
  --colors-slate-light-12: #1c2024;
  --colors-slate-light-a1: #00005503;
  --colors-slate-light-a2: #00005506;
  --colors-slate-light-a3: #0000330f;
  --colors-slate-light-a4: #00002d17;
  --colors-slate-light-a5: #0009321f;
  --colors-slate-light-a6: #00002f26;
  --colors-slate-light-a7: #00062e32;
  --colors-slate-light-a8: #00083046;
  --colors-slate-light-a9: #00051d74;
  --colors-slate-light-a10: #00071b7f;
  --colors-slate-light-a11: #0007149f;
  --colors-slate-light-a12: #000509e3;
  --colors-slate-dark-1: #111113;
  --colors-slate-dark-2: #18191b;
  --colors-slate-dark-3: #212225;
  --colors-slate-dark-4: #272a2d;
  --colors-slate-dark-5: #2e3135;
  --colors-slate-dark-6: #363a3f;
  --colors-slate-dark-7: #43484e;
  --colors-slate-dark-8: #5a6169;
  --colors-slate-dark-9: #696e77;
  --colors-slate-dark-10: #777b84;
  --colors-slate-dark-11: #b0b4ba;
  --colors-slate-dark-12: #edeef0;
  --colors-slate-dark-a1: #00000000;
  --colors-slate-dark-a2: #d8f4f609;
  --colors-slate-dark-a3: #ddeaf814;
  --colors-slate-dark-a4: #d3edf81d;
  --colors-slate-dark-a5: #d9edfe25;
  --colors-slate-dark-a6: #d6ebfd30;
  --colors-slate-dark-a7: #d9edff40;
  --colors-slate-dark-a8: #d9edff5d;
  --colors-slate-dark-a9: #dfebfd6d;
  --colors-slate-dark-a10: #e5edfd7b;
  --colors-slate-dark-a11: #f1f7feb5;
  --colors-slate-dark-a12: #fcfdffef;
  --colors-teal-light-1: #fafefd;
  --colors-teal-light-2: #f3fbf9;
  --colors-teal-light-3: #e0f8f3;
  --colors-teal-light-4: #ccf3ea;
  --colors-teal-light-5: #b8eae0;
  --colors-teal-light-6: #a1ded2;
  --colors-teal-light-7: #83cdc1;
  --colors-teal-light-8: #53b9ab;
  --colors-teal-light-9: #12a594;
  --colors-teal-light-10: #0d9b8a;
  --colors-teal-light-11: #008573;
  --colors-teal-light-12: #0d3d38;
  --colors-teal-light-a1: #00cc9905;
  --colors-teal-light-a2: #00aa800c;
  --colors-teal-light-a3: #00c69d1f;
  --colors-teal-light-a4: #00c39633;
  --colors-teal-light-a5: #00b49047;
  --colors-teal-light-a6: #00a6855e;
  --colors-teal-light-a7: #0099807c;
  --colors-teal-light-a8: #009783ac;
  --colors-teal-light-a9: #009e8ced;
  --colors-teal-light-a10: #009684f2;
  --colors-teal-light-a11: #008573;
  --colors-teal-light-a12: #00332df2;
  --colors-teal-dark-1: #0d1514;
  --colors-teal-dark-2: #111c1b;
  --colors-teal-dark-3: #0d2d2a;
  --colors-teal-dark-4: #023b37;
  --colors-teal-dark-5: #084843;
  --colors-teal-dark-6: #145750;
  --colors-teal-dark-7: #1c6961;
  --colors-teal-dark-8: #207e73;
  --colors-teal-dark-9: #12a594;
  --colors-teal-dark-10: #0eb39e;
  --colors-teal-dark-11: #0bd8b6;
  --colors-teal-dark-12: #adf0dd;
  --colors-teal-dark-a1: #00deab05;
  --colors-teal-dark-a2: #12fbe60c;
  --colors-teal-dark-a3: #00ffe61e;
  --colors-teal-dark-a4: #00ffe92d;
  --colors-teal-dark-a5: #00ffea3b;
  --colors-teal-dark-a6: #1cffe84b;
  --colors-teal-dark-a7: #2efde85f;
  --colors-teal-dark-a8: #32ffe775;
  --colors-teal-dark-a9: #13ffe49f;
  --colors-teal-dark-a10: #0dffe0ae;
  --colors-teal-dark-a11: #0afed5d6;
  --colors-teal-dark-a12: #b8ffebef;
  --colors-tomato-light-1: #fffcfc;
  --colors-tomato-light-2: #fff8f7;
  --colors-tomato-light-3: #feebe7;
  --colors-tomato-light-4: #ffdcd3;
  --colors-tomato-light-5: #ffcdc2;
  --colors-tomato-light-6: #fdbdaf;
  --colors-tomato-light-7: #f5a898;
  --colors-tomato-light-8: #ec8e7b;
  --colors-tomato-light-9: #e54d2e;
  --colors-tomato-light-10: #dd4425;
  --colors-tomato-light-11: #d13415;
  --colors-tomato-light-12: #5c271f;
  --colors-tomato-light-a1: #ff000003;
  --colors-tomato-light-a2: #ff200008;
  --colors-tomato-light-a3: #f52b0018;
  --colors-tomato-light-a4: #ff35002c;
  --colors-tomato-light-a5: #ff2e003d;
  --colors-tomato-light-a6: #f92d0050;
  --colors-tomato-light-a7: #e7280067;
  --colors-tomato-light-a8: #db250084;
  --colors-tomato-light-a9: #df2600d1;
  --colors-tomato-light-a10: #d72400da;
  --colors-tomato-light-a11: #cd2200ea;
  --colors-tomato-light-a12: #460900e0;
  --colors-tomato-dark-1: #181111;
  --colors-tomato-dark-2: #1f1513;
  --colors-tomato-dark-3: #391714;
  --colors-tomato-dark-4: #4e1511;
  --colors-tomato-dark-5: #5e1c16;
  --colors-tomato-dark-6: #6e2920;
  --colors-tomato-dark-7: #853a2d;
  --colors-tomato-dark-8: #ac4d39;
  --colors-tomato-dark-9: #e54d2e;
  --colors-tomato-dark-10: #ec6142;
  --colors-tomato-dark-11: #ff977d;
  --colors-tomato-dark-12: #fbd3cb;
  --colors-tomato-dark-a1: #f1121208;
  --colors-tomato-dark-a2: #ff55330f;
  --colors-tomato-dark-a3: #ff35232b;
  --colors-tomato-dark-a4: #fd201142;
  --colors-tomato-dark-a5: #fe332153;
  --colors-tomato-dark-a6: #ff4f3864;
  --colors-tomato-dark-a7: #fd644a7d;
  --colors-tomato-dark-a8: #fe6d4ea7;
  --colors-tomato-dark-a9: #fe5431e4;
  --colors-tomato-dark-a10: #ff6847eb;
  --colors-tomato-dark-a11: #ff977d;
  --colors-tomato-dark-a12: #ffd6cefb;
  --colors-violet-light-1: #fdfcfe;
  --colors-violet-light-2: #faf8ff;
  --colors-violet-light-3: #f4f0fe;
  --colors-violet-light-4: #ebe4ff;
  --colors-violet-light-5: #e1d9ff;
  --colors-violet-light-6: #d4cafe;
  --colors-violet-light-7: #c2b5f5;
  --colors-violet-light-8: #aa99ec;
  --colors-violet-light-9: #6e56cf;
  --colors-violet-light-10: #654dc4;
  --colors-violet-light-11: #6550b9;
  --colors-violet-light-12: #2f265f;
  --colors-violet-light-a1: #5500aa03;
  --colors-violet-light-a2: #4900ff07;
  --colors-violet-light-a3: #4400ee0f;
  --colors-violet-light-a4: #4300ff1b;
  --colors-violet-light-a5: #3600ff26;
  --colors-violet-light-a6: #3100fb35;
  --colors-violet-light-a7: #2d01dd4a;
  --colors-violet-light-a8: #2b00d066;
  --colors-violet-light-a9: #2400b7a9;
  --colors-violet-light-a10: #2300abb2;
  --colors-violet-light-a11: #1f0099af;
  --colors-violet-light-a12: #0b0043d9;
  --colors-violet-dark-1: #14121f;
  --colors-violet-dark-2: #1b1525;
  --colors-violet-dark-3: #291f43;
  --colors-violet-dark-4: #33255b;
  --colors-violet-dark-5: #3c2e69;
  --colors-violet-dark-6: #473876;
  --colors-violet-dark-7: #56468b;
  --colors-violet-dark-8: #6958ad;
  --colors-violet-dark-9: #6e56cf;
  --colors-violet-dark-10: #7d66d9;
  --colors-violet-dark-11: #baa7ff;
  --colors-violet-dark-12: #e2ddfe;
  --colors-violet-dark-a1: #4422ff0f;
  --colors-violet-dark-a2: #853ff916;
  --colors-violet-dark-a3: #8354fe36;
  --colors-violet-dark-a4: #7d51fd50;
  --colors-violet-dark-a5: #845ffd5f;
  --colors-violet-dark-a6: #8f6cfd6d;
  --colors-violet-dark-a7: #9879ff83;
  --colors-violet-dark-a8: #977dfea8;
  --colors-violet-dark-a9: #8668ffcc;
  --colors-violet-dark-a10: #9176fed7;
  --colors-violet-dark-a11: #baa7ff;
  --colors-violet-dark-a12: #e3defffe;
  --colors-yellow-light-1: #fdfdf9;
  --colors-yellow-light-2: #fefce9;
  --colors-yellow-light-3: #fffab8;
  --colors-yellow-light-4: #fff394;
  --colors-yellow-light-5: #ffe770;
  --colors-yellow-light-6: #f3d768;
  --colors-yellow-light-7: #e4c767;
  --colors-yellow-light-8: #d5ae39;
  --colors-yellow-light-9: #ffe629;
  --colors-yellow-light-10: #ffdc00;
  --colors-yellow-light-11: #9e6c00;
  --colors-yellow-light-12: #473b1f;
  --colors-yellow-light-a1: #aaaa0006;
  --colors-yellow-light-a2: #f4dd0016;
  --colors-yellow-light-a3: #ffee0047;
  --colors-yellow-light-a4: #ffe3016b;
  --colors-yellow-light-a5: #ffd5008f;
  --colors-yellow-light-a6: #ebbc0097;
  --colors-yellow-light-a7: #d2a10098;
  --colors-yellow-light-a8: #c99700c6;
  --colors-yellow-light-a9: #ffe100d6;
  --colors-yellow-light-a10: #ffdc00;
  --colors-yellow-light-a11: #9e6c00;
  --colors-yellow-light-a12: #2e2000e0;
  --colors-yellow-dark-1: #14120b;
  --colors-yellow-dark-2: #1b180f;
  --colors-yellow-dark-3: #2d2305;
  --colors-yellow-dark-4: #362b00;
  --colors-yellow-dark-5: #433500;
  --colors-yellow-dark-6: #524202;
  --colors-yellow-dark-7: #665417;
  --colors-yellow-dark-8: #836a21;
  --colors-yellow-dark-9: #ffe629;
  --colors-yellow-dark-10: #ffff57;
  --colors-yellow-dark-11: #f5e147;
  --colors-yellow-dark-12: #f6eeb4;
  --colors-yellow-dark-a1: #d1510004;
  --colors-yellow-dark-a2: #f9b4000b;
  --colors-yellow-dark-a3: #ffaa001e;
  --colors-yellow-dark-a4: #fdb70028;
  --colors-yellow-dark-a5: #febb0036;
  --colors-yellow-dark-a6: #fec40046;
  --colors-yellow-dark-a7: #fdcb225c;
  --colors-yellow-dark-a8: #fdca327b;
  --colors-yellow-dark-a9: #ffe629;
  --colors-yellow-dark-a10: #ffff57;
  --colors-yellow-dark-a11: #fee949f5;
  --colors-yellow-dark-a12: #fef6baf6;
  --colors-neutral-light-1: #fcfcfc;
  --colors-neutral-light-2: #f9f9f9;
  --colors-neutral-light-3: #f0f0f0;
  --colors-neutral-light-4: #e8e8e8;
  --colors-neutral-light-5: #e0e0e0;
  --colors-neutral-light-6: #d9d9d9;
  --colors-neutral-light-7: #cecece;
  --colors-neutral-light-8: #bbbbbb;
  --colors-neutral-light-9: #8d8d8d;
  --colors-neutral-light-10: #838383;
  --colors-neutral-light-11: #646464;
  --colors-neutral-light-12: #202020;
  --colors-neutral-light-a1: #00000003;
  --colors-neutral-light-a2: #00000006;
  --colors-neutral-light-a3: #0000000f;
  --colors-neutral-light-a4: #00000017;
  --colors-neutral-light-a5: #0000001f;
  --colors-neutral-light-a6: #00000026;
  --colors-neutral-light-a7: #00000031;
  --colors-neutral-light-a8: #00000044;
  --colors-neutral-light-a9: #00000072;
  --colors-neutral-light-a10: #0000007c;
  --colors-neutral-light-a11: #0000009b;
  --colors-neutral-light-a12: #000000df;
  --colors-neutral-dark-1: #111111;
  --colors-neutral-dark-2: #191919;
  --colors-neutral-dark-3: #222222;
  --colors-neutral-dark-4: #2a2a2a;
  --colors-neutral-dark-5: #313131;
  --colors-neutral-dark-6: #3a3a3a;
  --colors-neutral-dark-7: #484848;
  --colors-neutral-dark-8: #606060;
  --colors-neutral-dark-9: #6e6e6e;
  --colors-neutral-dark-10: #7b7b7b;
  --colors-neutral-dark-11: #b4b4b4;
  --colors-neutral-dark-12: #eeeeee;
  --colors-neutral-dark-a1: #00000000;
  --colors-neutral-dark-a2: #ffffff09;
  --colors-neutral-dark-a3: #ffffff12;
  --colors-neutral-dark-a4: #ffffff1b;
  --colors-neutral-dark-a5: #ffffff22;
  --colors-neutral-dark-a6: #ffffff2c;
  --colors-neutral-dark-a7: #ffffff3b;
  --colors-neutral-dark-a8: #ffffff55;
  --colors-neutral-dark-a9: #ffffff64;
  --colors-neutral-dark-a10: #ffffff72;
  --colors-neutral-dark-a11: #ffffffaf;
  --colors-neutral-dark-a12: #ffffffed;
  --durations-fastest: 50ms;
  --durations-faster: 100ms;
  --durations-fast: 150ms;
  --durations-normal: 200ms;
  --durations-slow: 300ms;
  --durations-slower: 400ms;
  --durations-slowest: 500ms;
  --easings-pulse: cubic-bezier(0.4, 0.0, 0.6, 1.0);
  --easings-default: cubic-bezier(0.2, 0.0, 0, 1.0);
  --easings-emphasized-in: cubic-bezier(0.05, 0.7, 0.1, 1.0);
  --easings-emphasized-out: cubic-bezier(0.3, 0.0, 0.8, 0.15);
  --fonts-sans: 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";
  --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-sizes-2xs: 0.5rem;
  --font-sizes-xs: 0.75rem;
  --font-sizes-sm: 0.875rem;
  --font-sizes-md: 1rem;
  --font-sizes-lg: 1.125rem;
  --font-sizes-xl: 1.25rem;
  --font-sizes-2xl: 1.5rem;
  --font-sizes-3xl: 1.875rem;
  --font-sizes-4xl: 2.25rem;
  --font-sizes-5xl: 3rem;
  --font-sizes-6xl: 3.75rem;
  --font-sizes-7xl: 4.5rem;
  --font-sizes-8xl: 6rem;
  --font-sizes-9xl: 8rem;
  --font-weights-thin: 100;
  --font-weights-extralight: 200;
  --font-weights-light: 300;
  --font-weights-normal: 400;
  --font-weights-medium: 500;
  --font-weights-semibold: 600;
  --font-weights-bold: 700;
  --font-weights-extrabold: 800;
  --font-weights-black: 900;
  --letter-spacings-tighter: -0.05em;
  --letter-spacings-tight: -0.025em;
  --letter-spacings-normal: 0em;
  --letter-spacings-wide: 0.025em;
  --letter-spacings-wider: 0.05em;
  --letter-spacings-widest: 0.1em;
  --line-heights-none: 1;
  --line-heights-tight: 1.25;
  --line-heights-normal: 1.5;
  --line-heights-relaxed: 1.75;
  --line-heights-loose: 2;
  --radii-none: 0;
  --radii-2xs: 0.0625rem;
  --radii-xs: 0.125rem;
  --radii-sm: 0.25rem;
  --radii-md: 0.375rem;
  --radii-lg: 0.5rem;
  --radii-xl: 0.75rem;
  --radii-2xl: 1rem;
  --radii-3xl: 1.5rem;
  --radii-full: 9999px;
  --sizes-0: 0rem;
  --sizes-1: 0.25rem;
  --sizes-2: 0.5rem;
  --sizes-3: 0.75rem;
  --sizes-4: 1rem;
  --sizes-5: 1.25rem;
  --sizes-6: 1.5rem;
  --sizes-7: 1.75rem;
  --sizes-8: 2rem;
  --sizes-9: 2.25rem;
  --sizes-10: 2.5rem;
  --sizes-11: 2.75rem;
  --sizes-12: 3rem;
  --sizes-14: 3.5rem;
  --sizes-16: 4rem;
  --sizes-20: 5rem;
  --sizes-24: 6rem;
  --sizes-28: 7rem;
  --sizes-32: 8rem;
  --sizes-36: 9rem;
  --sizes-40: 10rem;
  --sizes-44: 11rem;
  --sizes-48: 12rem;
  --sizes-52: 13rem;
  --sizes-56: 14rem;
  --sizes-60: 15rem;
  --sizes-64: 16rem;
  --sizes-72: 18rem;
  --sizes-80: 20rem;
  --sizes-96: 24rem;
  --sizes-0\.5: 0.125rem;
  --sizes-1\.5: 0.375rem;
  --sizes-2\.5: 0.625rem;
  --sizes-3\.5: 0.875rem;
  --sizes-4\.5: 1.125rem;
  --sizes-2xs: 16rem;
  --sizes-xs: 20rem;
  --sizes-sm: 24rem;
  --sizes-md: 28rem;
  --sizes-lg: 32rem;
  --sizes-xl: 36rem;
  --sizes-2xl: 42rem;
  --sizes-3xl: 48rem;
  --sizes-4xl: 56rem;
  --sizes-5xl: 64rem;
  --sizes-6xl: 72rem;
  --sizes-7xl: 80rem;
  --sizes-8xl: 90rem;
  --sizes-full: 100%;
  --sizes-min: min-content;
  --sizes-max: max-content;
  --sizes-fit: fit-content;
  --sizes-breakpoint-sm: 640px;
  --sizes-breakpoint-md: 768px;
  --sizes-breakpoint-lg: 1024px;
  --sizes-breakpoint-xl: 1280px;
  --sizes-breakpoint-2xl: 1536px;
  --spacing-0: 0rem;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-0\.5: 0.125rem;
  --spacing-1\.5: 0.375rem;
  --spacing-2\.5: 0.625rem;
  --spacing-3\.5: 0.875rem;
  --spacing-4\.5: 1.125rem;
  --z-index-hide: -1;
  --z-index-base: 0;
  --z-index-docked: 10;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1100;
  --z-index-banner: 1200;
  --z-index-overlay: 1300;
  --z-index-modal: 1400;
  --z-index-popover: 1500;
  --z-index-skip-link: 1600;
  --z-index-toast: 1700;
  --z-index-tooltip: 1800;
  --breakpoints-sm: 640px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --breakpoints-xl: 1280px;
  --breakpoints-2xl: 1536px;
  --colors-amber-1: var(--colors-amber-light-1);
  --colors-amber-2: var(--colors-amber-light-2);
  --colors-amber-3: var(--colors-amber-light-3);
  --colors-amber-4: var(--colors-amber-light-4);
  --colors-amber-5: var(--colors-amber-light-5);
  --colors-amber-6: var(--colors-amber-light-6);
  --colors-amber-7: var(--colors-amber-light-7);
  --colors-amber-8: var(--colors-amber-light-8);
  --colors-amber-9: var(--colors-amber-light-9);
  --colors-amber-10: var(--colors-amber-light-10);
  --colors-amber-11: var(--colors-amber-light-11);
  --colors-amber-12: var(--colors-amber-light-12);
  --colors-amber-a1: var(--colors-amber-light-a1);
  --colors-amber-a2: var(--colors-amber-light-a2);
  --colors-amber-a3: var(--colors-amber-light-a3);
  --colors-amber-a4: var(--colors-amber-light-a4);
  --colors-amber-a5: var(--colors-amber-light-a5);
  --colors-amber-a6: var(--colors-amber-light-a6);
  --colors-amber-a7: var(--colors-amber-light-a7);
  --colors-amber-a8: var(--colors-amber-light-a8);
  --colors-amber-a9: var(--colors-amber-light-a9);
  --colors-amber-a10: var(--colors-amber-light-a10);
  --colors-amber-a11: var(--colors-amber-light-a11);
  --colors-amber-a12: var(--colors-amber-light-a12);
  --colors-amber-default: var(--colors-amber-9);
  --colors-amber-emphasized: var(--colors-amber-10);
  --colors-amber-fg: var(--colors-sand-light-12);
  --colors-amber-text: var(--colors-amber-a11);
  --colors-blue-1: var(--colors-blue-light-1);
  --colors-blue-2: var(--colors-blue-light-2);
  --colors-blue-3: var(--colors-blue-light-3);
  --colors-blue-4: var(--colors-blue-light-4);
  --colors-blue-5: var(--colors-blue-light-5);
  --colors-blue-6: var(--colors-blue-light-6);
  --colors-blue-7: var(--colors-blue-light-7);
  --colors-blue-8: var(--colors-blue-light-8);
  --colors-blue-9: var(--colors-blue-light-9);
  --colors-blue-10: var(--colors-blue-light-10);
  --colors-blue-11: var(--colors-blue-light-11);
  --colors-blue-12: var(--colors-blue-light-12);
  --colors-blue-a1: var(--colors-blue-light-a1);
  --colors-blue-a2: var(--colors-blue-light-a2);
  --colors-blue-a3: var(--colors-blue-light-a3);
  --colors-blue-a4: var(--colors-blue-light-a4);
  --colors-blue-a5: var(--colors-blue-light-a5);
  --colors-blue-a6: var(--colors-blue-light-a6);
  --colors-blue-a7: var(--colors-blue-light-a7);
  --colors-blue-a8: var(--colors-blue-light-a8);
  --colors-blue-a9: var(--colors-blue-light-a9);
  --colors-blue-a10: var(--colors-blue-light-a10);
  --colors-blue-a11: var(--colors-blue-light-a11);
  --colors-blue-a12: var(--colors-blue-light-a12);
  --colors-blue-default: var(--colors-blue-9);
  --colors-blue-emphasized: var(--colors-blue-10);
  --colors-blue-fg: white;
  --colors-blue-text: var(--colors-blue-a11);
  --colors-bronze-1: var(--colors-bronze-light-1);
  --colors-bronze-2: var(--colors-bronze-light-2);
  --colors-bronze-3: var(--colors-bronze-light-3);
  --colors-bronze-4: var(--colors-bronze-light-4);
  --colors-bronze-5: var(--colors-bronze-light-5);
  --colors-bronze-6: var(--colors-bronze-light-6);
  --colors-bronze-7: var(--colors-bronze-light-7);
  --colors-bronze-8: var(--colors-bronze-light-8);
  --colors-bronze-9: var(--colors-bronze-light-9);
  --colors-bronze-10: var(--colors-bronze-light-10);
  --colors-bronze-11: var(--colors-bronze-light-11);
  --colors-bronze-12: var(--colors-bronze-light-12);
  --colors-bronze-a1: var(--colors-bronze-light-a1);
  --colors-bronze-a2: var(--colors-bronze-light-a2);
  --colors-bronze-a3: var(--colors-bronze-light-a3);
  --colors-bronze-a4: var(--colors-bronze-light-a4);
  --colors-bronze-a5: var(--colors-bronze-light-a5);
  --colors-bronze-a6: var(--colors-bronze-light-a6);
  --colors-bronze-a7: var(--colors-bronze-light-a7);
  --colors-bronze-a8: var(--colors-bronze-light-a8);
  --colors-bronze-a9: var(--colors-bronze-light-a9);
  --colors-bronze-a10: var(--colors-bronze-light-a10);
  --colors-bronze-a11: var(--colors-bronze-light-a11);
  --colors-bronze-a12: var(--colors-bronze-light-a12);
  --colors-bronze-default: var(--colors-bronze-9);
  --colors-bronze-emphasized: var(--colors-bronze-10);
  --colors-bronze-fg: white;
  --colors-bronze-text: var(--colors-bronze-a11);
  --colors-brown-1: var(--colors-brown-light-1);
  --colors-brown-2: var(--colors-brown-light-2);
  --colors-brown-3: var(--colors-brown-light-3);
  --colors-brown-4: var(--colors-brown-light-4);
  --colors-brown-5: var(--colors-brown-light-5);
  --colors-brown-6: var(--colors-brown-light-6);
  --colors-brown-7: var(--colors-brown-light-7);
  --colors-brown-8: var(--colors-brown-light-8);
  --colors-brown-9: var(--colors-brown-light-9);
  --colors-brown-10: var(--colors-brown-light-10);
  --colors-brown-11: var(--colors-brown-light-11);
  --colors-brown-12: var(--colors-brown-light-12);
  --colors-brown-a1: var(--colors-brown-light-a1);
  --colors-brown-a2: var(--colors-brown-light-a2);
  --colors-brown-a3: var(--colors-brown-light-a3);
  --colors-brown-a4: var(--colors-brown-light-a4);
  --colors-brown-a5: var(--colors-brown-light-a5);
  --colors-brown-a6: var(--colors-brown-light-a6);
  --colors-brown-a7: var(--colors-brown-light-a7);
  --colors-brown-a8: var(--colors-brown-light-a8);
  --colors-brown-a9: var(--colors-brown-light-a9);
  --colors-brown-a10: var(--colors-brown-light-a10);
  --colors-brown-a11: var(--colors-brown-light-a11);
  --colors-brown-a12: var(--colors-brown-light-a12);
  --colors-brown-default: var(--colors-brown-9);
  --colors-brown-emphasized: var(--colors-brown-10);
  --colors-brown-fg: white;
  --colors-brown-text: var(--colors-brown-a11);
  --colors-crimson-1: var(--colors-crimson-light-1);
  --colors-crimson-2: var(--colors-crimson-light-2);
  --colors-crimson-3: var(--colors-crimson-light-3);
  --colors-crimson-4: var(--colors-crimson-light-4);
  --colors-crimson-5: var(--colors-crimson-light-5);
  --colors-crimson-6: var(--colors-crimson-light-6);
  --colors-crimson-7: var(--colors-crimson-light-7);
  --colors-crimson-8: var(--colors-crimson-light-8);
  --colors-crimson-9: var(--colors-crimson-light-9);
  --colors-crimson-10: var(--colors-crimson-light-10);
  --colors-crimson-11: var(--colors-crimson-light-11);
  --colors-crimson-12: var(--colors-crimson-light-12);
  --colors-crimson-a1: var(--colors-crimson-light-a1);
  --colors-crimson-a2: var(--colors-crimson-light-a2);
  --colors-crimson-a3: var(--colors-crimson-light-a3);
  --colors-crimson-a4: var(--colors-crimson-light-a4);
  --colors-crimson-a5: var(--colors-crimson-light-a5);
  --colors-crimson-a6: var(--colors-crimson-light-a6);
  --colors-crimson-a7: var(--colors-crimson-light-a7);
  --colors-crimson-a8: var(--colors-crimson-light-a8);
  --colors-crimson-a9: var(--colors-crimson-light-a9);
  --colors-crimson-a10: var(--colors-crimson-light-a10);
  --colors-crimson-a11: var(--colors-crimson-light-a11);
  --colors-crimson-a12: var(--colors-crimson-light-a12);
  --colors-crimson-default: var(--colors-crimson-9);
  --colors-crimson-emphasized: var(--colors-crimson-10);
  --colors-crimson-fg: white;
  --colors-crimson-text: var(--colors-crimson-a11);
  --colors-cyan-1: var(--colors-cyan-light-1);
  --colors-cyan-2: var(--colors-cyan-light-2);
  --colors-cyan-3: var(--colors-cyan-light-3);
  --colors-cyan-4: var(--colors-cyan-light-4);
  --colors-cyan-5: var(--colors-cyan-light-5);
  --colors-cyan-6: var(--colors-cyan-light-6);
  --colors-cyan-7: var(--colors-cyan-light-7);
  --colors-cyan-8: var(--colors-cyan-light-8);
  --colors-cyan-9: var(--colors-cyan-light-9);
  --colors-cyan-10: var(--colors-cyan-light-10);
  --colors-cyan-11: var(--colors-cyan-light-11);
  --colors-cyan-12: var(--colors-cyan-light-12);
  --colors-cyan-a1: var(--colors-cyan-light-a1);
  --colors-cyan-a2: var(--colors-cyan-light-a2);
  --colors-cyan-a3: var(--colors-cyan-light-a3);
  --colors-cyan-a4: var(--colors-cyan-light-a4);
  --colors-cyan-a5: var(--colors-cyan-light-a5);
  --colors-cyan-a6: var(--colors-cyan-light-a6);
  --colors-cyan-a7: var(--colors-cyan-light-a7);
  --colors-cyan-a8: var(--colors-cyan-light-a8);
  --colors-cyan-a9: var(--colors-cyan-light-a9);
  --colors-cyan-a10: var(--colors-cyan-light-a10);
  --colors-cyan-a11: var(--colors-cyan-light-a11);
  --colors-cyan-a12: var(--colors-cyan-light-a12);
  --colors-cyan-default: var(--colors-cyan-9);
  --colors-cyan-emphasized: var(--colors-cyan-10);
  --colors-cyan-fg: white;
  --colors-cyan-text: var(--colors-cyan-a11);
  --colors-gold-1: var(--colors-gold-light-1);
  --colors-gold-2: var(--colors-gold-light-2);
  --colors-gold-3: var(--colors-gold-light-3);
  --colors-gold-4: var(--colors-gold-light-4);
  --colors-gold-5: var(--colors-gold-light-5);
  --colors-gold-6: var(--colors-gold-light-6);
  --colors-gold-7: var(--colors-gold-light-7);
  --colors-gold-8: var(--colors-gold-light-8);
  --colors-gold-9: var(--colors-gold-light-9);
  --colors-gold-10: var(--colors-gold-light-10);
  --colors-gold-11: var(--colors-gold-light-11);
  --colors-gold-12: var(--colors-gold-light-12);
  --colors-gold-a1: var(--colors-gold-light-a1);
  --colors-gold-a2: var(--colors-gold-light-a2);
  --colors-gold-a3: var(--colors-gold-light-a3);
  --colors-gold-a4: var(--colors-gold-light-a4);
  --colors-gold-a5: var(--colors-gold-light-a5);
  --colors-gold-a6: var(--colors-gold-light-a6);
  --colors-gold-a7: var(--colors-gold-light-a7);
  --colors-gold-a8: var(--colors-gold-light-a8);
  --colors-gold-a9: var(--colors-gold-light-a9);
  --colors-gold-a10: var(--colors-gold-light-a10);
  --colors-gold-a11: var(--colors-gold-light-a11);
  --colors-gold-a12: var(--colors-gold-light-a12);
  --colors-gold-default: var(--colors-gold-9);
  --colors-gold-emphasized: var(--colors-gold-10);
  --colors-gold-fg: white;
  --colors-gold-text: var(--colors-gold-a11);
  --colors-grass-1: var(--colors-grass-light-1);
  --colors-grass-2: var(--colors-grass-light-2);
  --colors-grass-3: var(--colors-grass-light-3);
  --colors-grass-4: var(--colors-grass-light-4);
  --colors-grass-5: var(--colors-grass-light-5);
  --colors-grass-6: var(--colors-grass-light-6);
  --colors-grass-7: var(--colors-grass-light-7);
  --colors-grass-8: var(--colors-grass-light-8);
  --colors-grass-9: var(--colors-grass-light-9);
  --colors-grass-10: var(--colors-grass-light-10);
  --colors-grass-11: var(--colors-grass-light-11);
  --colors-grass-12: var(--colors-grass-light-12);
  --colors-grass-a1: var(--colors-grass-light-a1);
  --colors-grass-a2: var(--colors-grass-light-a2);
  --colors-grass-a3: var(--colors-grass-light-a3);
  --colors-grass-a4: var(--colors-grass-light-a4);
  --colors-grass-a5: var(--colors-grass-light-a5);
  --colors-grass-a6: var(--colors-grass-light-a6);
  --colors-grass-a7: var(--colors-grass-light-a7);
  --colors-grass-a8: var(--colors-grass-light-a8);
  --colors-grass-a9: var(--colors-grass-light-a9);
  --colors-grass-a10: var(--colors-grass-light-a10);
  --colors-grass-a11: var(--colors-grass-light-a11);
  --colors-grass-a12: var(--colors-grass-light-a12);
  --colors-grass-default: var(--colors-grass-9);
  --colors-grass-emphasized: var(--colors-grass-10);
  --colors-grass-fg: white;
  --colors-grass-text: var(--colors-grass-a11);
  --colors-green-1: var(--colors-green-light-1);
  --colors-green-2: var(--colors-green-light-2);
  --colors-green-3: var(--colors-green-light-3);
  --colors-green-4: var(--colors-green-light-4);
  --colors-green-5: var(--colors-green-light-5);
  --colors-green-6: var(--colors-green-light-6);
  --colors-green-7: var(--colors-green-light-7);
  --colors-green-8: var(--colors-green-light-8);
  --colors-green-9: var(--colors-green-light-9);
  --colors-green-10: var(--colors-green-light-10);
  --colors-green-11: var(--colors-green-light-11);
  --colors-green-12: var(--colors-green-light-12);
  --colors-green-a1: var(--colors-green-light-a1);
  --colors-green-a2: var(--colors-green-light-a2);
  --colors-green-a3: var(--colors-green-light-a3);
  --colors-green-a4: var(--colors-green-light-a4);
  --colors-green-a5: var(--colors-green-light-a5);
  --colors-green-a6: var(--colors-green-light-a6);
  --colors-green-a7: var(--colors-green-light-a7);
  --colors-green-a8: var(--colors-green-light-a8);
  --colors-green-a9: var(--colors-green-light-a9);
  --colors-green-a10: var(--colors-green-light-a10);
  --colors-green-a11: var(--colors-green-light-a11);
  --colors-green-a12: var(--colors-green-light-a12);
  --colors-green-default: var(--colors-green-9);
  --colors-green-emphasized: var(--colors-green-10);
  --colors-green-fg: white;
  --colors-green-text: var(--colors-green-a11);
  --colors-indigo-1: var(--colors-indigo-light-1);
  --colors-indigo-2: var(--colors-indigo-light-2);
  --colors-indigo-3: var(--colors-indigo-light-3);
  --colors-indigo-4: var(--colors-indigo-light-4);
  --colors-indigo-5: var(--colors-indigo-light-5);
  --colors-indigo-6: var(--colors-indigo-light-6);
  --colors-indigo-7: var(--colors-indigo-light-7);
  --colors-indigo-8: var(--colors-indigo-light-8);
  --colors-indigo-9: var(--colors-indigo-light-9);
  --colors-indigo-10: var(--colors-indigo-light-10);
  --colors-indigo-11: var(--colors-indigo-light-11);
  --colors-indigo-12: var(--colors-indigo-light-12);
  --colors-indigo-a1: var(--colors-indigo-light-a1);
  --colors-indigo-a2: var(--colors-indigo-light-a2);
  --colors-indigo-a3: var(--colors-indigo-light-a3);
  --colors-indigo-a4: var(--colors-indigo-light-a4);
  --colors-indigo-a5: var(--colors-indigo-light-a5);
  --colors-indigo-a6: var(--colors-indigo-light-a6);
  --colors-indigo-a7: var(--colors-indigo-light-a7);
  --colors-indigo-a8: var(--colors-indigo-light-a8);
  --colors-indigo-a9: var(--colors-indigo-light-a9);
  --colors-indigo-a10: var(--colors-indigo-light-a10);
  --colors-indigo-a11: var(--colors-indigo-light-a11);
  --colors-indigo-a12: var(--colors-indigo-light-a12);
  --colors-indigo-default: var(--colors-indigo-9);
  --colors-indigo-emphasized: var(--colors-indigo-10);
  --colors-indigo-fg: white;
  --colors-indigo-text: var(--colors-indigo-a11);
  --colors-iris-1: var(--colors-iris-light-1);
  --colors-iris-2: var(--colors-iris-light-2);
  --colors-iris-3: var(--colors-iris-light-3);
  --colors-iris-4: var(--colors-iris-light-4);
  --colors-iris-5: var(--colors-iris-light-5);
  --colors-iris-6: var(--colors-iris-light-6);
  --colors-iris-7: var(--colors-iris-light-7);
  --colors-iris-8: var(--colors-iris-light-8);
  --colors-iris-9: var(--colors-iris-light-9);
  --colors-iris-10: var(--colors-iris-light-10);
  --colors-iris-11: var(--colors-iris-light-11);
  --colors-iris-12: var(--colors-iris-light-12);
  --colors-iris-a1: var(--colors-iris-light-a1);
  --colors-iris-a2: var(--colors-iris-light-a2);
  --colors-iris-a3: var(--colors-iris-light-a3);
  --colors-iris-a4: var(--colors-iris-light-a4);
  --colors-iris-a5: var(--colors-iris-light-a5);
  --colors-iris-a6: var(--colors-iris-light-a6);
  --colors-iris-a7: var(--colors-iris-light-a7);
  --colors-iris-a8: var(--colors-iris-light-a8);
  --colors-iris-a9: var(--colors-iris-light-a9);
  --colors-iris-a10: var(--colors-iris-light-a10);
  --colors-iris-a11: var(--colors-iris-light-a11);
  --colors-iris-a12: var(--colors-iris-light-a12);
  --colors-iris-default: var(--colors-iris-9);
  --colors-iris-emphasized: var(--colors-iris-10);
  --colors-iris-fg: white;
  --colors-iris-text: var(--colors-iris-a11);
  --colors-jade-1: var(--colors-jade-light-1);
  --colors-jade-2: var(--colors-jade-light-2);
  --colors-jade-3: var(--colors-jade-light-3);
  --colors-jade-4: var(--colors-jade-light-4);
  --colors-jade-5: var(--colors-jade-light-5);
  --colors-jade-6: var(--colors-jade-light-6);
  --colors-jade-7: var(--colors-jade-light-7);
  --colors-jade-8: var(--colors-jade-light-8);
  --colors-jade-9: var(--colors-jade-light-9);
  --colors-jade-10: var(--colors-jade-light-10);
  --colors-jade-11: var(--colors-jade-light-11);
  --colors-jade-12: var(--colors-jade-light-12);
  --colors-jade-a1: var(--colors-jade-light-a1);
  --colors-jade-a2: var(--colors-jade-light-a2);
  --colors-jade-a3: var(--colors-jade-light-a3);
  --colors-jade-a4: var(--colors-jade-light-a4);
  --colors-jade-a5: var(--colors-jade-light-a5);
  --colors-jade-a6: var(--colors-jade-light-a6);
  --colors-jade-a7: var(--colors-jade-light-a7);
  --colors-jade-a8: var(--colors-jade-light-a8);
  --colors-jade-a9: var(--colors-jade-light-a9);
  --colors-jade-a10: var(--colors-jade-light-a10);
  --colors-jade-a11: var(--colors-jade-light-a11);
  --colors-jade-a12: var(--colors-jade-light-a12);
  --colors-jade-default: var(--colors-jade-9);
  --colors-jade-emphasized: var(--colors-jade-10);
  --colors-jade-fg: white;
  --colors-jade-text: var(--colors-jade-a11);
  --colors-lime-1: var(--colors-lime-light-1);
  --colors-lime-2: var(--colors-lime-light-2);
  --colors-lime-3: var(--colors-lime-light-3);
  --colors-lime-4: var(--colors-lime-light-4);
  --colors-lime-5: var(--colors-lime-light-5);
  --colors-lime-6: var(--colors-lime-light-6);
  --colors-lime-7: var(--colors-lime-light-7);
  --colors-lime-8: var(--colors-lime-light-8);
  --colors-lime-9: var(--colors-lime-light-9);
  --colors-lime-10: var(--colors-lime-light-10);
  --colors-lime-11: var(--colors-lime-light-11);
  --colors-lime-12: var(--colors-lime-light-12);
  --colors-lime-a1: var(--colors-lime-light-a1);
  --colors-lime-a2: var(--colors-lime-light-a2);
  --colors-lime-a3: var(--colors-lime-light-a3);
  --colors-lime-a4: var(--colors-lime-light-a4);
  --colors-lime-a5: var(--colors-lime-light-a5);
  --colors-lime-a6: var(--colors-lime-light-a6);
  --colors-lime-a7: var(--colors-lime-light-a7);
  --colors-lime-a8: var(--colors-lime-light-a8);
  --colors-lime-a9: var(--colors-lime-light-a9);
  --colors-lime-a10: var(--colors-lime-light-a10);
  --colors-lime-a11: var(--colors-lime-light-a11);
  --colors-lime-a12: var(--colors-lime-light-a12);
  --colors-lime-default: var(--colors-lime-9);
  --colors-lime-emphasized: var(--colors-lime-10);
  --colors-lime-fg: var(--colors-olive-light-12);
  --colors-lime-text: var(--colors-lime-a11);
  --colors-mauve-1: var(--colors-mauve-light-1);
  --colors-mauve-2: var(--colors-mauve-light-2);
  --colors-mauve-3: var(--colors-mauve-light-3);
  --colors-mauve-4: var(--colors-mauve-light-4);
  --colors-mauve-5: var(--colors-mauve-light-5);
  --colors-mauve-6: var(--colors-mauve-light-6);
  --colors-mauve-7: var(--colors-mauve-light-7);
  --colors-mauve-8: var(--colors-mauve-light-8);
  --colors-mauve-9: var(--colors-mauve-light-9);
  --colors-mauve-10: var(--colors-mauve-light-10);
  --colors-mauve-11: var(--colors-mauve-light-11);
  --colors-mauve-12: var(--colors-mauve-light-12);
  --colors-mauve-a1: var(--colors-mauve-light-a1);
  --colors-mauve-a2: var(--colors-mauve-light-a2);
  --colors-mauve-a3: var(--colors-mauve-light-a3);
  --colors-mauve-a4: var(--colors-mauve-light-a4);
  --colors-mauve-a5: var(--colors-mauve-light-a5);
  --colors-mauve-a6: var(--colors-mauve-light-a6);
  --colors-mauve-a7: var(--colors-mauve-light-a7);
  --colors-mauve-a8: var(--colors-mauve-light-a8);
  --colors-mauve-a9: var(--colors-mauve-light-a9);
  --colors-mauve-a10: var(--colors-mauve-light-a10);
  --colors-mauve-a11: var(--colors-mauve-light-a11);
  --colors-mauve-a12: var(--colors-mauve-light-a12);
  --colors-mauve-default: var(--colors-mauve-9);
  --colors-mauve-emphasized: var(--colors-mauve-10);
  --colors-mauve-fg: white;
  --colors-mauve-text: var(--colors-mauve-12);
  --colors-mint-1: var(--colors-mint-light-1);
  --colors-mint-2: var(--colors-mint-light-2);
  --colors-mint-3: var(--colors-mint-light-3);
  --colors-mint-4: var(--colors-mint-light-4);
  --colors-mint-5: var(--colors-mint-light-5);
  --colors-mint-6: var(--colors-mint-light-6);
  --colors-mint-7: var(--colors-mint-light-7);
  --colors-mint-8: var(--colors-mint-light-8);
  --colors-mint-9: var(--colors-mint-light-9);
  --colors-mint-10: var(--colors-mint-light-10);
  --colors-mint-11: var(--colors-mint-light-11);
  --colors-mint-12: var(--colors-mint-light-12);
  --colors-mint-a1: var(--colors-mint-light-a1);
  --colors-mint-a2: var(--colors-mint-light-a2);
  --colors-mint-a3: var(--colors-mint-light-a3);
  --colors-mint-a4: var(--colors-mint-light-a4);
  --colors-mint-a5: var(--colors-mint-light-a5);
  --colors-mint-a6: var(--colors-mint-light-a6);
  --colors-mint-a7: var(--colors-mint-light-a7);
  --colors-mint-a8: var(--colors-mint-light-a8);
  --colors-mint-a9: var(--colors-mint-light-a9);
  --colors-mint-a10: var(--colors-mint-light-a10);
  --colors-mint-a11: var(--colors-mint-light-a11);
  --colors-mint-a12: var(--colors-mint-light-a12);
  --colors-mint-default: var(--colors-mint-9);
  --colors-mint-emphasized: var(--colors-mint-10);
  --colors-mint-fg: var(--colors-sage-light-12);
  --colors-mint-text: var(--colors-mint-a11);
  --colors-neutral-1: var(--colors-neutral-light-1);
  --colors-neutral-2: var(--colors-neutral-light-2);
  --colors-neutral-3: var(--colors-neutral-light-3);
  --colors-neutral-4: var(--colors-neutral-light-4);
  --colors-neutral-5: var(--colors-neutral-light-5);
  --colors-neutral-6: var(--colors-neutral-light-6);
  --colors-neutral-7: var(--colors-neutral-light-7);
  --colors-neutral-8: var(--colors-neutral-light-8);
  --colors-neutral-9: var(--colors-neutral-light-9);
  --colors-neutral-10: var(--colors-neutral-light-10);
  --colors-neutral-11: var(--colors-neutral-light-11);
  --colors-neutral-12: var(--colors-neutral-light-12);
  --colors-neutral-a1: var(--colors-neutral-light-a1);
  --colors-neutral-a2: var(--colors-neutral-light-a2);
  --colors-neutral-a3: var(--colors-neutral-light-a3);
  --colors-neutral-a4: var(--colors-neutral-light-a4);
  --colors-neutral-a5: var(--colors-neutral-light-a5);
  --colors-neutral-a6: var(--colors-neutral-light-a6);
  --colors-neutral-a7: var(--colors-neutral-light-a7);
  --colors-neutral-a8: var(--colors-neutral-light-a8);
  --colors-neutral-a9: var(--colors-neutral-light-a9);
  --colors-neutral-a10: var(--colors-neutral-light-a10);
  --colors-neutral-a11: var(--colors-neutral-light-a11);
  --colors-neutral-a12: var(--colors-neutral-light-a12);
  --colors-neutral-default: black;
  --colors-neutral-emphasized: var(--colors-gray-12);
  --colors-neutral-fg: white;
  --colors-neutral-text: black;
  --colors-olive-1: var(--colors-olive-light-1);
  --colors-olive-2: var(--colors-olive-light-2);
  --colors-olive-3: var(--colors-olive-light-3);
  --colors-olive-4: var(--colors-olive-light-4);
  --colors-olive-5: var(--colors-olive-light-5);
  --colors-olive-6: var(--colors-olive-light-6);
  --colors-olive-7: var(--colors-olive-light-7);
  --colors-olive-8: var(--colors-olive-light-8);
  --colors-olive-9: var(--colors-olive-light-9);
  --colors-olive-10: var(--colors-olive-light-10);
  --colors-olive-11: var(--colors-olive-light-11);
  --colors-olive-12: var(--colors-olive-light-12);
  --colors-olive-a1: var(--colors-olive-light-a1);
  --colors-olive-a2: var(--colors-olive-light-a2);
  --colors-olive-a3: var(--colors-olive-light-a3);
  --colors-olive-a4: var(--colors-olive-light-a4);
  --colors-olive-a5: var(--colors-olive-light-a5);
  --colors-olive-a6: var(--colors-olive-light-a6);
  --colors-olive-a7: var(--colors-olive-light-a7);
  --colors-olive-a8: var(--colors-olive-light-a8);
  --colors-olive-a9: var(--colors-olive-light-a9);
  --colors-olive-a10: var(--colors-olive-light-a10);
  --colors-olive-a11: var(--colors-olive-light-a11);
  --colors-olive-a12: var(--colors-olive-light-a12);
  --colors-olive-default: var(--colors-olive-9);
  --colors-olive-emphasized: var(--colors-olive-10);
  --colors-olive-fg: white;
  --colors-olive-text: var(--colors-olive-12);
  --colors-orange-1: var(--colors-orange-light-1);
  --colors-orange-2: var(--colors-orange-light-2);
  --colors-orange-3: var(--colors-orange-light-3);
  --colors-orange-4: var(--colors-orange-light-4);
  --colors-orange-5: var(--colors-orange-light-5);
  --colors-orange-6: var(--colors-orange-light-6);
  --colors-orange-7: var(--colors-orange-light-7);
  --colors-orange-8: var(--colors-orange-light-8);
  --colors-orange-9: var(--colors-orange-light-9);
  --colors-orange-10: var(--colors-orange-light-10);
  --colors-orange-11: var(--colors-orange-light-11);
  --colors-orange-12: var(--colors-orange-light-12);
  --colors-orange-a1: var(--colors-orange-light-a1);
  --colors-orange-a2: var(--colors-orange-light-a2);
  --colors-orange-a3: var(--colors-orange-light-a3);
  --colors-orange-a4: var(--colors-orange-light-a4);
  --colors-orange-a5: var(--colors-orange-light-a5);
  --colors-orange-a6: var(--colors-orange-light-a6);
  --colors-orange-a7: var(--colors-orange-light-a7);
  --colors-orange-a8: var(--colors-orange-light-a8);
  --colors-orange-a9: var(--colors-orange-light-a9);
  --colors-orange-a10: var(--colors-orange-light-a10);
  --colors-orange-a11: var(--colors-orange-light-a11);
  --colors-orange-a12: var(--colors-orange-light-a12);
  --colors-orange-default: var(--colors-orange-9);
  --colors-orange-emphasized: var(--colors-orange-10);
  --colors-orange-fg: white;
  --colors-orange-text: var(--colors-orange-a11);
  --colors-pink-1: var(--colors-pink-light-1);
  --colors-pink-2: var(--colors-pink-light-2);
  --colors-pink-3: var(--colors-pink-light-3);
  --colors-pink-4: var(--colors-pink-light-4);
  --colors-pink-5: var(--colors-pink-light-5);
  --colors-pink-6: var(--colors-pink-light-6);
  --colors-pink-7: var(--colors-pink-light-7);
  --colors-pink-8: var(--colors-pink-light-8);
  --colors-pink-9: var(--colors-pink-light-9);
  --colors-pink-10: var(--colors-pink-light-10);
  --colors-pink-11: var(--colors-pink-light-11);
  --colors-pink-12: var(--colors-pink-light-12);
  --colors-pink-a1: var(--colors-pink-light-a1);
  --colors-pink-a2: var(--colors-pink-light-a2);
  --colors-pink-a3: var(--colors-pink-light-a3);
  --colors-pink-a4: var(--colors-pink-light-a4);
  --colors-pink-a5: var(--colors-pink-light-a5);
  --colors-pink-a6: var(--colors-pink-light-a6);
  --colors-pink-a7: var(--colors-pink-light-a7);
  --colors-pink-a8: var(--colors-pink-light-a8);
  --colors-pink-a9: var(--colors-pink-light-a9);
  --colors-pink-a10: var(--colors-pink-light-a10);
  --colors-pink-a11: var(--colors-pink-light-a11);
  --colors-pink-a12: var(--colors-pink-light-a12);
  --colors-pink-default: var(--colors-pink-9);
  --colors-pink-emphasized: var(--colors-pink-10);
  --colors-pink-fg: white;
  --colors-pink-text: var(--colors-pink-a11);
  --colors-plum-1: var(--colors-plum-light-1);
  --colors-plum-2: var(--colors-plum-light-2);
  --colors-plum-3: var(--colors-plum-light-3);
  --colors-plum-4: var(--colors-plum-light-4);
  --colors-plum-5: var(--colors-plum-light-5);
  --colors-plum-6: var(--colors-plum-light-6);
  --colors-plum-7: var(--colors-plum-light-7);
  --colors-plum-8: var(--colors-plum-light-8);
  --colors-plum-9: var(--colors-plum-light-9);
  --colors-plum-10: var(--colors-plum-light-10);
  --colors-plum-11: var(--colors-plum-light-11);
  --colors-plum-12: var(--colors-plum-light-12);
  --colors-plum-a1: var(--colors-plum-light-a1);
  --colors-plum-a2: var(--colors-plum-light-a2);
  --colors-plum-a3: var(--colors-plum-light-a3);
  --colors-plum-a4: var(--colors-plum-light-a4);
  --colors-plum-a5: var(--colors-plum-light-a5);
  --colors-plum-a6: var(--colors-plum-light-a6);
  --colors-plum-a7: var(--colors-plum-light-a7);
  --colors-plum-a8: var(--colors-plum-light-a8);
  --colors-plum-a9: var(--colors-plum-light-a9);
  --colors-plum-a10: var(--colors-plum-light-a10);
  --colors-plum-a11: var(--colors-plum-light-a11);
  --colors-plum-a12: var(--colors-plum-light-a12);
  --colors-plum-default: var(--colors-plum-9);
  --colors-plum-emphasized: var(--colors-plum-10);
  --colors-plum-fg: white;
  --colors-plum-text: var(--colors-plum-a11);
  --colors-purple-1: var(--colors-purple-light-1);
  --colors-purple-2: var(--colors-purple-light-2);
  --colors-purple-3: var(--colors-purple-light-3);
  --colors-purple-4: var(--colors-purple-light-4);
  --colors-purple-5: var(--colors-purple-light-5);
  --colors-purple-6: var(--colors-purple-light-6);
  --colors-purple-7: var(--colors-purple-light-7);
  --colors-purple-8: var(--colors-purple-light-8);
  --colors-purple-9: var(--colors-purple-light-9);
  --colors-purple-10: var(--colors-purple-light-10);
  --colors-purple-11: var(--colors-purple-light-11);
  --colors-purple-12: var(--colors-purple-light-12);
  --colors-purple-a1: var(--colors-purple-light-a1);
  --colors-purple-a2: var(--colors-purple-light-a2);
  --colors-purple-a3: var(--colors-purple-light-a3);
  --colors-purple-a4: var(--colors-purple-light-a4);
  --colors-purple-a5: var(--colors-purple-light-a5);
  --colors-purple-a6: var(--colors-purple-light-a6);
  --colors-purple-a7: var(--colors-purple-light-a7);
  --colors-purple-a8: var(--colors-purple-light-a8);
  --colors-purple-a9: var(--colors-purple-light-a9);
  --colors-purple-a10: var(--colors-purple-light-a10);
  --colors-purple-a11: var(--colors-purple-light-a11);
  --colors-purple-a12: var(--colors-purple-light-a12);
  --colors-purple-default: var(--colors-purple-9);
  --colors-purple-emphasized: var(--colors-purple-10);
  --colors-purple-fg: white;
  --colors-purple-text: var(--colors-purple-a11);
  --colors-red-1: var(--colors-red-light-1);
  --colors-red-2: var(--colors-red-light-2);
  --colors-red-3: var(--colors-red-light-3);
  --colors-red-4: var(--colors-red-light-4);
  --colors-red-5: var(--colors-red-light-5);
  --colors-red-6: var(--colors-red-light-6);
  --colors-red-7: var(--colors-red-light-7);
  --colors-red-8: var(--colors-red-light-8);
  --colors-red-9: var(--colors-red-light-9);
  --colors-red-10: var(--colors-red-light-10);
  --colors-red-11: var(--colors-red-light-11);
  --colors-red-12: var(--colors-red-light-12);
  --colors-red-a1: var(--colors-red-light-a1);
  --colors-red-a2: var(--colors-red-light-a2);
  --colors-red-a3: var(--colors-red-light-a3);
  --colors-red-a4: var(--colors-red-light-a4);
  --colors-red-a5: var(--colors-red-light-a5);
  --colors-red-a6: var(--colors-red-light-a6);
  --colors-red-a7: var(--colors-red-light-a7);
  --colors-red-a8: var(--colors-red-light-a8);
  --colors-red-a9: var(--colors-red-light-a9);
  --colors-red-a10: var(--colors-red-light-a10);
  --colors-red-a11: var(--colors-red-light-a11);
  --colors-red-a12: var(--colors-red-light-a12);
  --colors-red-default: var(--colors-red-9);
  --colors-red-emphasized: var(--colors-red-10);
  --colors-red-fg: white;
  --colors-red-text: var(--colors-red-a11);
  --colors-ruby-1: var(--colors-ruby-light-1);
  --colors-ruby-2: var(--colors-ruby-light-2);
  --colors-ruby-3: var(--colors-ruby-light-3);
  --colors-ruby-4: var(--colors-ruby-light-4);
  --colors-ruby-5: var(--colors-ruby-light-5);
  --colors-ruby-6: var(--colors-ruby-light-6);
  --colors-ruby-7: var(--colors-ruby-light-7);
  --colors-ruby-8: var(--colors-ruby-light-8);
  --colors-ruby-9: var(--colors-ruby-light-9);
  --colors-ruby-10: var(--colors-ruby-light-10);
  --colors-ruby-11: var(--colors-ruby-light-11);
  --colors-ruby-12: var(--colors-ruby-light-12);
  --colors-ruby-a1: var(--colors-ruby-light-a1);
  --colors-ruby-a2: var(--colors-ruby-light-a2);
  --colors-ruby-a3: var(--colors-ruby-light-a3);
  --colors-ruby-a4: var(--colors-ruby-light-a4);
  --colors-ruby-a5: var(--colors-ruby-light-a5);
  --colors-ruby-a6: var(--colors-ruby-light-a6);
  --colors-ruby-a7: var(--colors-ruby-light-a7);
  --colors-ruby-a8: var(--colors-ruby-light-a8);
  --colors-ruby-a9: var(--colors-ruby-light-a9);
  --colors-ruby-a10: var(--colors-ruby-light-a10);
  --colors-ruby-a11: var(--colors-ruby-light-a11);
  --colors-ruby-a12: var(--colors-ruby-light-a12);
  --colors-ruby-default: var(--colors-ruby-9);
  --colors-ruby-emphasized: var(--colors-ruby-10);
  --colors-ruby-fg: white;
  --colors-ruby-text: var(--colors-ruby-a11);
  --colors-sage-1: var(--colors-sage-light-1);
  --colors-sage-2: var(--colors-sage-light-2);
  --colors-sage-3: var(--colors-sage-light-3);
  --colors-sage-4: var(--colors-sage-light-4);
  --colors-sage-5: var(--colors-sage-light-5);
  --colors-sage-6: var(--colors-sage-light-6);
  --colors-sage-7: var(--colors-sage-light-7);
  --colors-sage-8: var(--colors-sage-light-8);
  --colors-sage-9: var(--colors-sage-light-9);
  --colors-sage-10: var(--colors-sage-light-10);
  --colors-sage-11: var(--colors-sage-light-11);
  --colors-sage-12: var(--colors-sage-light-12);
  --colors-sage-a1: var(--colors-sage-light-a1);
  --colors-sage-a2: var(--colors-sage-light-a2);
  --colors-sage-a3: var(--colors-sage-light-a3);
  --colors-sage-a4: var(--colors-sage-light-a4);
  --colors-sage-a5: var(--colors-sage-light-a5);
  --colors-sage-a6: var(--colors-sage-light-a6);
  --colors-sage-a7: var(--colors-sage-light-a7);
  --colors-sage-a8: var(--colors-sage-light-a8);
  --colors-sage-a9: var(--colors-sage-light-a9);
  --colors-sage-a10: var(--colors-sage-light-a10);
  --colors-sage-a11: var(--colors-sage-light-a11);
  --colors-sage-a12: var(--colors-sage-light-a12);
  --colors-sage-default: var(--colors-sage-9);
  --colors-sage-emphasized: var(--colors-sage-10);
  --colors-sage-fg: white;
  --colors-sage-text: var(--colors-sage-12);
  --colors-sand-1: var(--colors-sand-light-1);
  --colors-sand-2: var(--colors-sand-light-2);
  --colors-sand-3: var(--colors-sand-light-3);
  --colors-sand-4: var(--colors-sand-light-4);
  --colors-sand-5: var(--colors-sand-light-5);
  --colors-sand-6: var(--colors-sand-light-6);
  --colors-sand-7: var(--colors-sand-light-7);
  --colors-sand-8: var(--colors-sand-light-8);
  --colors-sand-9: var(--colors-sand-light-9);
  --colors-sand-10: var(--colors-sand-light-10);
  --colors-sand-11: var(--colors-sand-light-11);
  --colors-sand-12: var(--colors-sand-light-12);
  --colors-sand-a1: var(--colors-sand-light-a1);
  --colors-sand-a2: var(--colors-sand-light-a2);
  --colors-sand-a3: var(--colors-sand-light-a3);
  --colors-sand-a4: var(--colors-sand-light-a4);
  --colors-sand-a5: var(--colors-sand-light-a5);
  --colors-sand-a6: var(--colors-sand-light-a6);
  --colors-sand-a7: var(--colors-sand-light-a7);
  --colors-sand-a8: var(--colors-sand-light-a8);
  --colors-sand-a9: var(--colors-sand-light-a9);
  --colors-sand-a10: var(--colors-sand-light-a10);
  --colors-sand-a11: var(--colors-sand-light-a11);
  --colors-sand-a12: var(--colors-sand-light-a12);
  --colors-sand-default: var(--colors-sand-9);
  --colors-sand-emphasized: var(--colors-sand-10);
  --colors-sand-fg: white;
  --colors-sand-text: var(--colors-sand-12);
  --colors-sky-1: var(--colors-sky-light-1);
  --colors-sky-2: var(--colors-sky-light-2);
  --colors-sky-3: var(--colors-sky-light-3);
  --colors-sky-4: var(--colors-sky-light-4);
  --colors-sky-5: var(--colors-sky-light-5);
  --colors-sky-6: var(--colors-sky-light-6);
  --colors-sky-7: var(--colors-sky-light-7);
  --colors-sky-8: var(--colors-sky-light-8);
  --colors-sky-9: var(--colors-sky-light-9);
  --colors-sky-10: var(--colors-sky-light-10);
  --colors-sky-11: var(--colors-sky-light-11);
  --colors-sky-12: var(--colors-sky-light-12);
  --colors-sky-a1: var(--colors-sky-light-a1);
  --colors-sky-a2: var(--colors-sky-light-a2);
  --colors-sky-a3: var(--colors-sky-light-a3);
  --colors-sky-a4: var(--colors-sky-light-a4);
  --colors-sky-a5: var(--colors-sky-light-a5);
  --colors-sky-a6: var(--colors-sky-light-a6);
  --colors-sky-a7: var(--colors-sky-light-a7);
  --colors-sky-a8: var(--colors-sky-light-a8);
  --colors-sky-a9: var(--colors-sky-light-a9);
  --colors-sky-a10: var(--colors-sky-light-a10);
  --colors-sky-a11: var(--colors-sky-light-a11);
  --colors-sky-a12: var(--colors-sky-light-a12);
  --colors-sky-default: var(--colors-sky-9);
  --colors-sky-emphasized: var(--colors-sky-10);
  --colors-sky-fg: var(--colors-slate-light-12);
  --colors-sky-text: var(--colors-sky-a11);
  --colors-slate-1: var(--colors-slate-light-1);
  --colors-slate-2: var(--colors-slate-light-2);
  --colors-slate-3: var(--colors-slate-light-3);
  --colors-slate-4: var(--colors-slate-light-4);
  --colors-slate-5: var(--colors-slate-light-5);
  --colors-slate-6: var(--colors-slate-light-6);
  --colors-slate-7: var(--colors-slate-light-7);
  --colors-slate-8: var(--colors-slate-light-8);
  --colors-slate-9: var(--colors-slate-light-9);
  --colors-slate-10: var(--colors-slate-light-10);
  --colors-slate-11: var(--colors-slate-light-11);
  --colors-slate-12: var(--colors-slate-light-12);
  --colors-slate-a1: var(--colors-slate-light-a1);
  --colors-slate-a2: var(--colors-slate-light-a2);
  --colors-slate-a3: var(--colors-slate-light-a3);
  --colors-slate-a4: var(--colors-slate-light-a4);
  --colors-slate-a5: var(--colors-slate-light-a5);
  --colors-slate-a6: var(--colors-slate-light-a6);
  --colors-slate-a7: var(--colors-slate-light-a7);
  --colors-slate-a8: var(--colors-slate-light-a8);
  --colors-slate-a9: var(--colors-slate-light-a9);
  --colors-slate-a10: var(--colors-slate-light-a10);
  --colors-slate-a11: var(--colors-slate-light-a11);
  --colors-slate-a12: var(--colors-slate-light-a12);
  --colors-slate-default: var(--colors-slate-9);
  --colors-slate-emphasized: var(--colors-slate-10);
  --colors-slate-fg: white;
  --colors-slate-text: var(--colors-slate-12);
  --colors-teal-1: var(--colors-teal-light-1);
  --colors-teal-2: var(--colors-teal-light-2);
  --colors-teal-3: var(--colors-teal-light-3);
  --colors-teal-4: var(--colors-teal-light-4);
  --colors-teal-5: var(--colors-teal-light-5);
  --colors-teal-6: var(--colors-teal-light-6);
  --colors-teal-7: var(--colors-teal-light-7);
  --colors-teal-8: var(--colors-teal-light-8);
  --colors-teal-9: var(--colors-teal-light-9);
  --colors-teal-10: var(--colors-teal-light-10);
  --colors-teal-11: var(--colors-teal-light-11);
  --colors-teal-12: var(--colors-teal-light-12);
  --colors-teal-a1: var(--colors-teal-light-a1);
  --colors-teal-a2: var(--colors-teal-light-a2);
  --colors-teal-a3: var(--colors-teal-light-a3);
  --colors-teal-a4: var(--colors-teal-light-a4);
  --colors-teal-a5: var(--colors-teal-light-a5);
  --colors-teal-a6: var(--colors-teal-light-a6);
  --colors-teal-a7: var(--colors-teal-light-a7);
  --colors-teal-a8: var(--colors-teal-light-a8);
  --colors-teal-a9: var(--colors-teal-light-a9);
  --colors-teal-a10: var(--colors-teal-light-a10);
  --colors-teal-a11: var(--colors-teal-light-a11);
  --colors-teal-a12: var(--colors-teal-light-a12);
  --colors-teal-default: var(--colors-teal-9);
  --colors-teal-emphasized: var(--colors-teal-10);
  --colors-teal-fg: white;
  --colors-teal-text: var(--colors-teal-a11);
  --colors-tomato-1: var(--colors-tomato-light-1);
  --colors-tomato-2: var(--colors-tomato-light-2);
  --colors-tomato-3: var(--colors-tomato-light-3);
  --colors-tomato-4: var(--colors-tomato-light-4);
  --colors-tomato-5: var(--colors-tomato-light-5);
  --colors-tomato-6: var(--colors-tomato-light-6);
  --colors-tomato-7: var(--colors-tomato-light-7);
  --colors-tomato-8: var(--colors-tomato-light-8);
  --colors-tomato-9: var(--colors-tomato-light-9);
  --colors-tomato-10: var(--colors-tomato-light-10);
  --colors-tomato-11: var(--colors-tomato-light-11);
  --colors-tomato-12: var(--colors-tomato-light-12);
  --colors-tomato-a1: var(--colors-tomato-light-a1);
  --colors-tomato-a2: var(--colors-tomato-light-a2);
  --colors-tomato-a3: var(--colors-tomato-light-a3);
  --colors-tomato-a4: var(--colors-tomato-light-a4);
  --colors-tomato-a5: var(--colors-tomato-light-a5);
  --colors-tomato-a6: var(--colors-tomato-light-a6);
  --colors-tomato-a7: var(--colors-tomato-light-a7);
  --colors-tomato-a8: var(--colors-tomato-light-a8);
  --colors-tomato-a9: var(--colors-tomato-light-a9);
  --colors-tomato-a10: var(--colors-tomato-light-a10);
  --colors-tomato-a11: var(--colors-tomato-light-a11);
  --colors-tomato-a12: var(--colors-tomato-light-a12);
  --colors-tomato-default: var(--colors-tomato-9);
  --colors-tomato-emphasized: var(--colors-tomato-10);
  --colors-tomato-fg: white;
  --colors-tomato-text: var(--colors-tomato-a11);
  --colors-violet-1: var(--colors-violet-light-1);
  --colors-violet-2: var(--colors-violet-light-2);
  --colors-violet-3: var(--colors-violet-light-3);
  --colors-violet-4: var(--colors-violet-light-4);
  --colors-violet-5: var(--colors-violet-light-5);
  --colors-violet-6: var(--colors-violet-light-6);
  --colors-violet-7: var(--colors-violet-light-7);
  --colors-violet-8: var(--colors-violet-light-8);
  --colors-violet-9: var(--colors-violet-light-9);
  --colors-violet-10: var(--colors-violet-light-10);
  --colors-violet-11: var(--colors-violet-light-11);
  --colors-violet-12: var(--colors-violet-light-12);
  --colors-violet-a1: var(--colors-violet-light-a1);
  --colors-violet-a2: var(--colors-violet-light-a2);
  --colors-violet-a3: var(--colors-violet-light-a3);
  --colors-violet-a4: var(--colors-violet-light-a4);
  --colors-violet-a5: var(--colors-violet-light-a5);
  --colors-violet-a6: var(--colors-violet-light-a6);
  --colors-violet-a7: var(--colors-violet-light-a7);
  --colors-violet-a8: var(--colors-violet-light-a8);
  --colors-violet-a9: var(--colors-violet-light-a9);
  --colors-violet-a10: var(--colors-violet-light-a10);
  --colors-violet-a11: var(--colors-violet-light-a11);
  --colors-violet-a12: var(--colors-violet-light-a12);
  --colors-violet-default: var(--colors-violet-9);
  --colors-violet-emphasized: var(--colors-violet-10);
  --colors-violet-fg: white;
  --colors-violet-text: var(--colors-violet-a11);
  --colors-yellow-1: var(--colors-yellow-light-1);
  --colors-yellow-2: var(--colors-yellow-light-2);
  --colors-yellow-3: var(--colors-yellow-light-3);
  --colors-yellow-4: var(--colors-yellow-light-4);
  --colors-yellow-5: var(--colors-yellow-light-5);
  --colors-yellow-6: var(--colors-yellow-light-6);
  --colors-yellow-7: var(--colors-yellow-light-7);
  --colors-yellow-8: var(--colors-yellow-light-8);
  --colors-yellow-9: var(--colors-yellow-light-9);
  --colors-yellow-10: var(--colors-yellow-light-10);
  --colors-yellow-11: var(--colors-yellow-light-11);
  --colors-yellow-12: var(--colors-yellow-light-12);
  --colors-yellow-a1: var(--colors-yellow-light-a1);
  --colors-yellow-a2: var(--colors-yellow-light-a2);
  --colors-yellow-a3: var(--colors-yellow-light-a3);
  --colors-yellow-a4: var(--colors-yellow-light-a4);
  --colors-yellow-a5: var(--colors-yellow-light-a5);
  --colors-yellow-a6: var(--colors-yellow-light-a6);
  --colors-yellow-a7: var(--colors-yellow-light-a7);
  --colors-yellow-a8: var(--colors-yellow-light-a8);
  --colors-yellow-a9: var(--colors-yellow-light-a9);
  --colors-yellow-a10: var(--colors-yellow-light-a10);
  --colors-yellow-a11: var(--colors-yellow-light-a11);
  --colors-yellow-a12: var(--colors-yellow-light-a12);
  --colors-yellow-default: var(--colors-yellow-9);
  --colors-yellow-emphasized: var(--colors-yellow-10);
  --colors-yellow-fg: var(--colors-sand-light-12);
  --colors-yellow-text: var(--colors-yellow-a11);
  --colors-gray-1: var(--colors-neutral-light-1);
  --colors-gray-2: var(--colors-neutral-light-2);
  --colors-gray-3: var(--colors-neutral-light-3);
  --colors-gray-4: var(--colors-neutral-light-4);
  --colors-gray-5: var(--colors-neutral-light-5);
  --colors-gray-6: var(--colors-neutral-light-6);
  --colors-gray-7: var(--colors-neutral-light-7);
  --colors-gray-8: var(--colors-neutral-light-8);
  --colors-gray-9: var(--colors-neutral-light-9);
  --colors-gray-10: var(--colors-neutral-light-10);
  --colors-gray-11: var(--colors-neutral-light-11);
  --colors-gray-12: var(--colors-neutral-light-12);
  --colors-gray-a1: var(--colors-neutral-light-a1);
  --colors-gray-a2: var(--colors-neutral-light-a2);
  --colors-gray-a3: var(--colors-neutral-light-a3);
  --colors-gray-a4: var(--colors-neutral-light-a4);
  --colors-gray-a5: var(--colors-neutral-light-a5);
  --colors-gray-a6: var(--colors-neutral-light-a6);
  --colors-gray-a7: var(--colors-neutral-light-a7);
  --colors-gray-a8: var(--colors-neutral-light-a8);
  --colors-gray-a9: var(--colors-neutral-light-a9);
  --colors-gray-a10: var(--colors-neutral-light-a10);
  --colors-gray-a11: var(--colors-neutral-light-a11);
  --colors-gray-a12: var(--colors-neutral-light-a12);
  --colors-gray-default: black;
  --colors-gray-emphasized: var(--colors-gray-12);
  --colors-gray-fg: white;
  --colors-gray-text: black;
  --colors-accent-1: var(--colors-neutral-light-1);
  --colors-accent-2: var(--colors-neutral-light-2);
  --colors-accent-3: var(--colors-neutral-light-3);
  --colors-accent-4: var(--colors-neutral-light-4);
  --colors-accent-5: var(--colors-neutral-light-5);
  --colors-accent-6: var(--colors-neutral-light-6);
  --colors-accent-7: var(--colors-neutral-light-7);
  --colors-accent-8: var(--colors-neutral-light-8);
  --colors-accent-9: var(--colors-neutral-light-9);
  --colors-accent-10: var(--colors-neutral-light-10);
  --colors-accent-11: var(--colors-neutral-light-11);
  --colors-accent-12: var(--colors-neutral-light-12);
  --colors-accent-a1: var(--colors-neutral-light-a1);
  --colors-accent-a2: var(--colors-neutral-light-a2);
  --colors-accent-a3: var(--colors-neutral-light-a3);
  --colors-accent-a4: var(--colors-neutral-light-a4);
  --colors-accent-a5: var(--colors-neutral-light-a5);
  --colors-accent-a6: var(--colors-neutral-light-a6);
  --colors-accent-a7: var(--colors-neutral-light-a7);
  --colors-accent-a8: var(--colors-neutral-light-a8);
  --colors-accent-a9: var(--colors-neutral-light-a9);
  --colors-accent-a10: var(--colors-neutral-light-a10);
  --colors-accent-a11: var(--colors-neutral-light-a11);
  --colors-accent-a12: var(--colors-neutral-light-a12);
  --colors-accent-default: black;
  --colors-accent-emphasized: var(--colors-gray-12);
  --colors-accent-fg: white;
  --colors-accent-text: black;
  --colors-bg-canvas: var(--colors-gray-1);
  --colors-bg-default: white;
  --colors-bg-subtle: var(--colors-gray-2);
  --colors-bg-muted: var(--colors-gray-3);
  --colors-bg-emphasized: var(--colors-gray-4);
  --colors-bg-disabled: var(--colors-gray-3);
  --colors-fg-default: var(--colors-gray-12);
  --colors-fg-muted: var(--colors-gray-11);
  --colors-fg-subtle: var(--colors-gray-10);
  --colors-fg-disabled: var(--colors-gray-7);
  --colors-border-default: var(--colors-gray-7);
  --colors-border-muted: var(--colors-gray-6);
  --colors-border-subtle: var(--colors-gray-4);
  --colors-border-disabled: var(--colors-gray-5);
  --colors-border-outline: var(--colors-gray-a9);
  --shadows-xs: 0px 1px 2px var(--colors-gray-a5), 0px 0px 1px var(--colors-gray-a7);
  --shadows-sm: 0px 2px 4px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-md: 0px 4px 8px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-lg: 0px 8px 16px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-xl: 0px 16px 24px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --shadows-2xl: 0px 24px 40px var(--colors-gray-a3), 0px 0px 1px var(--colors-gray-a7);
  --radii-l1: var(--radii-xs);
  --radii-l2: var(--radii-sm);
  --radii-l3: var(--radii-md);
}
.dark {
  --colors-amber-1: var(--colors-amber-dark-1);
  --colors-amber-2: var(--colors-amber-dark-2);
  --colors-amber-3: var(--colors-amber-dark-3);
  --colors-amber-4: var(--colors-amber-dark-4);
  --colors-amber-5: var(--colors-amber-dark-5);
  --colors-amber-6: var(--colors-amber-dark-6);
  --colors-amber-7: var(--colors-amber-dark-7);
  --colors-amber-8: var(--colors-amber-dark-8);
  --colors-amber-9: var(--colors-amber-dark-9);
  --colors-amber-10: var(--colors-amber-dark-10);
  --colors-amber-11: var(--colors-amber-dark-11);
  --colors-amber-12: var(--colors-amber-dark-12);
  --colors-amber-a1: var(--colors-amber-dark-a1);
  --colors-amber-a2: var(--colors-amber-dark-a2);
  --colors-amber-a3: var(--colors-amber-dark-a3);
  --colors-amber-a4: var(--colors-amber-dark-a4);
  --colors-amber-a5: var(--colors-amber-dark-a5);
  --colors-amber-a6: var(--colors-amber-dark-a6);
  --colors-amber-a7: var(--colors-amber-dark-a7);
  --colors-amber-a8: var(--colors-amber-dark-a8);
  --colors-amber-a9: var(--colors-amber-dark-a9);
  --colors-amber-a10: var(--colors-amber-dark-a10);
  --colors-amber-a11: var(--colors-amber-dark-a11);
  --colors-amber-a12: var(--colors-amber-dark-a12);
  --colors-blue-1: var(--colors-blue-dark-1);
  --colors-blue-2: var(--colors-blue-dark-2);
  --colors-blue-3: var(--colors-blue-dark-3);
  --colors-blue-4: var(--colors-blue-dark-4);
  --colors-blue-5: var(--colors-blue-dark-5);
  --colors-blue-6: var(--colors-blue-dark-6);
  --colors-blue-7: var(--colors-blue-dark-7);
  --colors-blue-8: var(--colors-blue-dark-8);
  --colors-blue-9: var(--colors-blue-dark-9);
  --colors-blue-10: var(--colors-blue-dark-10);
  --colors-blue-11: var(--colors-blue-dark-11);
  --colors-blue-12: var(--colors-blue-dark-12);
  --colors-blue-a1: var(--colors-blue-dark-a1);
  --colors-blue-a2: var(--colors-blue-dark-a2);
  --colors-blue-a3: var(--colors-blue-dark-a3);
  --colors-blue-a4: var(--colors-blue-dark-a4);
  --colors-blue-a5: var(--colors-blue-dark-a5);
  --colors-blue-a6: var(--colors-blue-dark-a6);
  --colors-blue-a7: var(--colors-blue-dark-a7);
  --colors-blue-a8: var(--colors-blue-dark-a8);
  --colors-blue-a9: var(--colors-blue-dark-a9);
  --colors-blue-a10: var(--colors-blue-dark-a10);
  --colors-blue-a11: var(--colors-blue-dark-a11);
  --colors-blue-a12: var(--colors-blue-dark-a12);
  --colors-bronze-1: var(--colors-bronze-dark-1);
  --colors-bronze-2: var(--colors-bronze-dark-2);
  --colors-bronze-3: var(--colors-bronze-dark-3);
  --colors-bronze-4: var(--colors-bronze-dark-4);
  --colors-bronze-5: var(--colors-bronze-dark-5);
  --colors-bronze-6: var(--colors-bronze-dark-6);
  --colors-bronze-7: var(--colors-bronze-dark-7);
  --colors-bronze-8: var(--colors-bronze-dark-8);
  --colors-bronze-9: var(--colors-bronze-dark-9);
  --colors-bronze-10: var(--colors-bronze-dark-10);
  --colors-bronze-11: var(--colors-bronze-dark-11);
  --colors-bronze-12: var(--colors-bronze-dark-12);
  --colors-bronze-a1: var(--colors-bronze-dark-a1);
  --colors-bronze-a2: var(--colors-bronze-dark-a2);
  --colors-bronze-a3: var(--colors-bronze-dark-a3);
  --colors-bronze-a4: var(--colors-bronze-dark-a4);
  --colors-bronze-a5: var(--colors-bronze-dark-a5);
  --colors-bronze-a6: var(--colors-bronze-dark-a6);
  --colors-bronze-a7: var(--colors-bronze-dark-a7);
  --colors-bronze-a8: var(--colors-bronze-dark-a8);
  --colors-bronze-a9: var(--colors-bronze-dark-a9);
  --colors-bronze-a10: var(--colors-bronze-dark-a10);
  --colors-bronze-a11: var(--colors-bronze-dark-a11);
  --colors-bronze-a12: var(--colors-bronze-dark-a12);
  --colors-brown-1: var(--colors-brown-dark-1);
  --colors-brown-2: var(--colors-brown-dark-2);
  --colors-brown-3: var(--colors-brown-dark-3);
  --colors-brown-4: var(--colors-brown-dark-4);
  --colors-brown-5: var(--colors-brown-dark-5);
  --colors-brown-6: var(--colors-brown-dark-6);
  --colors-brown-7: var(--colors-brown-dark-7);
  --colors-brown-8: var(--colors-brown-dark-8);
  --colors-brown-9: var(--colors-brown-dark-9);
  --colors-brown-10: var(--colors-brown-dark-10);
  --colors-brown-11: var(--colors-brown-dark-11);
  --colors-brown-12: var(--colors-brown-dark-12);
  --colors-brown-a1: var(--colors-brown-dark-a1);
  --colors-brown-a2: var(--colors-brown-dark-a2);
  --colors-brown-a3: var(--colors-brown-dark-a3);
  --colors-brown-a4: var(--colors-brown-dark-a4);
  --colors-brown-a5: var(--colors-brown-dark-a5);
  --colors-brown-a6: var(--colors-brown-dark-a6);
  --colors-brown-a7: var(--colors-brown-dark-a7);
  --colors-brown-a8: var(--colors-brown-dark-a8);
  --colors-brown-a9: var(--colors-brown-dark-a9);
  --colors-brown-a10: var(--colors-brown-dark-a10);
  --colors-brown-a11: var(--colors-brown-dark-a11);
  --colors-brown-a12: var(--colors-brown-dark-a12);
  --colors-crimson-1: var(--colors-crimson-dark-1);
  --colors-crimson-2: var(--colors-crimson-dark-2);
  --colors-crimson-3: var(--colors-crimson-dark-3);
  --colors-crimson-4: var(--colors-crimson-dark-4);
  --colors-crimson-5: var(--colors-crimson-dark-5);
  --colors-crimson-6: var(--colors-crimson-dark-6);
  --colors-crimson-7: var(--colors-crimson-dark-7);
  --colors-crimson-8: var(--colors-crimson-dark-8);
  --colors-crimson-9: var(--colors-crimson-dark-9);
  --colors-crimson-10: var(--colors-crimson-dark-10);
  --colors-crimson-11: var(--colors-crimson-dark-11);
  --colors-crimson-12: var(--colors-crimson-dark-12);
  --colors-crimson-a1: var(--colors-crimson-dark-a1);
  --colors-crimson-a2: var(--colors-crimson-dark-a2);
  --colors-crimson-a3: var(--colors-crimson-dark-a3);
  --colors-crimson-a4: var(--colors-crimson-dark-a4);
  --colors-crimson-a5: var(--colors-crimson-dark-a5);
  --colors-crimson-a6: var(--colors-crimson-dark-a6);
  --colors-crimson-a7: var(--colors-crimson-dark-a7);
  --colors-crimson-a8: var(--colors-crimson-dark-a8);
  --colors-crimson-a9: var(--colors-crimson-dark-a9);
  --colors-crimson-a10: var(--colors-crimson-dark-a10);
  --colors-crimson-a11: var(--colors-crimson-dark-a11);
  --colors-crimson-a12: var(--colors-crimson-dark-a12);
  --colors-cyan-1: var(--colors-cyan-dark-1);
  --colors-cyan-2: var(--colors-cyan-dark-2);
  --colors-cyan-3: var(--colors-cyan-dark-3);
  --colors-cyan-4: var(--colors-cyan-dark-4);
  --colors-cyan-5: var(--colors-cyan-dark-5);
  --colors-cyan-6: var(--colors-cyan-dark-6);
  --colors-cyan-7: var(--colors-cyan-dark-7);
  --colors-cyan-8: var(--colors-cyan-dark-8);
  --colors-cyan-9: var(--colors-cyan-dark-9);
  --colors-cyan-10: var(--colors-cyan-dark-10);
  --colors-cyan-11: var(--colors-cyan-dark-11);
  --colors-cyan-12: var(--colors-cyan-dark-12);
  --colors-cyan-a1: var(--colors-cyan-dark-a1);
  --colors-cyan-a2: var(--colors-cyan-dark-a2);
  --colors-cyan-a3: var(--colors-cyan-dark-a3);
  --colors-cyan-a4: var(--colors-cyan-dark-a4);
  --colors-cyan-a5: var(--colors-cyan-dark-a5);
  --colors-cyan-a6: var(--colors-cyan-dark-a6);
  --colors-cyan-a7: var(--colors-cyan-dark-a7);
  --colors-cyan-a8: var(--colors-cyan-dark-a8);
  --colors-cyan-a9: var(--colors-cyan-dark-a9);
  --colors-cyan-a10: var(--colors-cyan-dark-a10);
  --colors-cyan-a11: var(--colors-cyan-dark-a11);
  --colors-cyan-a12: var(--colors-cyan-dark-a12);
  --colors-gold-1: var(--colors-gold-dark-1);
  --colors-gold-2: var(--colors-gold-dark-2);
  --colors-gold-3: var(--colors-gold-dark-3);
  --colors-gold-4: var(--colors-gold-dark-4);
  --colors-gold-5: var(--colors-gold-dark-5);
  --colors-gold-6: var(--colors-gold-dark-6);
  --colors-gold-7: var(--colors-gold-dark-7);
  --colors-gold-8: var(--colors-gold-dark-8);
  --colors-gold-9: var(--colors-gold-dark-9);
  --colors-gold-10: var(--colors-gold-dark-10);
  --colors-gold-11: var(--colors-gold-dark-11);
  --colors-gold-12: var(--colors-gold-dark-12);
  --colors-gold-a1: var(--colors-gold-dark-a1);
  --colors-gold-a2: var(--colors-gold-dark-a2);
  --colors-gold-a3: var(--colors-gold-dark-a3);
  --colors-gold-a4: var(--colors-gold-dark-a4);
  --colors-gold-a5: var(--colors-gold-dark-a5);
  --colors-gold-a6: var(--colors-gold-dark-a6);
  --colors-gold-a7: var(--colors-gold-dark-a7);
  --colors-gold-a8: var(--colors-gold-dark-a8);
  --colors-gold-a9: var(--colors-gold-dark-a9);
  --colors-gold-a10: var(--colors-gold-dark-a10);
  --colors-gold-a11: var(--colors-gold-dark-a11);
  --colors-gold-a12: var(--colors-gold-dark-a12);
  --colors-grass-1: var(--colors-grass-dark-1);
  --colors-grass-2: var(--colors-grass-dark-2);
  --colors-grass-3: var(--colors-grass-dark-3);
  --colors-grass-4: var(--colors-grass-dark-4);
  --colors-grass-5: var(--colors-grass-dark-5);
  --colors-grass-6: var(--colors-grass-dark-6);
  --colors-grass-7: var(--colors-grass-dark-7);
  --colors-grass-8: var(--colors-grass-dark-8);
  --colors-grass-9: var(--colors-grass-dark-9);
  --colors-grass-10: var(--colors-grass-dark-10);
  --colors-grass-11: var(--colors-grass-dark-11);
  --colors-grass-12: var(--colors-grass-dark-12);
  --colors-grass-a1: var(--colors-grass-dark-a1);
  --colors-grass-a2: var(--colors-grass-dark-a2);
  --colors-grass-a3: var(--colors-grass-dark-a3);
  --colors-grass-a4: var(--colors-grass-dark-a4);
  --colors-grass-a5: var(--colors-grass-dark-a5);
  --colors-grass-a6: var(--colors-grass-dark-a6);
  --colors-grass-a7: var(--colors-grass-dark-a7);
  --colors-grass-a8: var(--colors-grass-dark-a8);
  --colors-grass-a9: var(--colors-grass-dark-a9);
  --colors-grass-a10: var(--colors-grass-dark-a10);
  --colors-grass-a11: var(--colors-grass-dark-a11);
  --colors-grass-a12: var(--colors-grass-dark-a12);
  --colors-green-1: var(--colors-green-dark-1);
  --colors-green-2: var(--colors-green-dark-2);
  --colors-green-3: var(--colors-green-dark-3);
  --colors-green-4: var(--colors-green-dark-4);
  --colors-green-5: var(--colors-green-dark-5);
  --colors-green-6: var(--colors-green-dark-6);
  --colors-green-7: var(--colors-green-dark-7);
  --colors-green-8: var(--colors-green-dark-8);
  --colors-green-9: var(--colors-green-dark-9);
  --colors-green-10: var(--colors-green-dark-10);
  --colors-green-11: var(--colors-green-dark-11);
  --colors-green-12: var(--colors-green-dark-12);
  --colors-green-a1: var(--colors-green-dark-a1);
  --colors-green-a2: var(--colors-green-dark-a2);
  --colors-green-a3: var(--colors-green-dark-a3);
  --colors-green-a4: var(--colors-green-dark-a4);
  --colors-green-a5: var(--colors-green-dark-a5);
  --colors-green-a6: var(--colors-green-dark-a6);
  --colors-green-a7: var(--colors-green-dark-a7);
  --colors-green-a8: var(--colors-green-dark-a8);
  --colors-green-a9: var(--colors-green-dark-a9);
  --colors-green-a10: var(--colors-green-dark-a10);
  --colors-green-a11: var(--colors-green-dark-a11);
  --colors-green-a12: var(--colors-green-dark-a12);
  --colors-indigo-1: var(--colors-indigo-dark-1);
  --colors-indigo-2: var(--colors-indigo-dark-2);
  --colors-indigo-3: var(--colors-indigo-dark-3);
  --colors-indigo-4: var(--colors-indigo-dark-4);
  --colors-indigo-5: var(--colors-indigo-dark-5);
  --colors-indigo-6: var(--colors-indigo-dark-6);
  --colors-indigo-7: var(--colors-indigo-dark-7);
  --colors-indigo-8: var(--colors-indigo-dark-8);
  --colors-indigo-9: var(--colors-indigo-dark-9);
  --colors-indigo-10: var(--colors-indigo-dark-10);
  --colors-indigo-11: var(--colors-indigo-dark-11);
  --colors-indigo-12: var(--colors-indigo-dark-12);
  --colors-indigo-a1: var(--colors-indigo-dark-a1);
  --colors-indigo-a2: var(--colors-indigo-dark-a2);
  --colors-indigo-a3: var(--colors-indigo-dark-a3);
  --colors-indigo-a4: var(--colors-indigo-dark-a4);
  --colors-indigo-a5: var(--colors-indigo-dark-a5);
  --colors-indigo-a6: var(--colors-indigo-dark-a6);
  --colors-indigo-a7: var(--colors-indigo-dark-a7);
  --colors-indigo-a8: var(--colors-indigo-dark-a8);
  --colors-indigo-a9: var(--colors-indigo-dark-a9);
  --colors-indigo-a10: var(--colors-indigo-dark-a10);
  --colors-indigo-a11: var(--colors-indigo-dark-a11);
  --colors-indigo-a12: var(--colors-indigo-dark-a12);
  --colors-iris-1: var(--colors-iris-dark-1);
  --colors-iris-2: var(--colors-iris-dark-2);
  --colors-iris-3: var(--colors-iris-dark-3);
  --colors-iris-4: var(--colors-iris-dark-4);
  --colors-iris-5: var(--colors-iris-dark-5);
  --colors-iris-6: var(--colors-iris-dark-6);
  --colors-iris-7: var(--colors-iris-dark-7);
  --colors-iris-8: var(--colors-iris-dark-8);
  --colors-iris-9: var(--colors-iris-dark-9);
  --colors-iris-10: var(--colors-iris-dark-10);
  --colors-iris-11: var(--colors-iris-dark-11);
  --colors-iris-12: var(--colors-iris-dark-12);
  --colors-iris-a1: var(--colors-iris-dark-a1);
  --colors-iris-a2: var(--colors-iris-dark-a2);
  --colors-iris-a3: var(--colors-iris-dark-a3);
  --colors-iris-a4: var(--colors-iris-dark-a4);
  --colors-iris-a5: var(--colors-iris-dark-a5);
  --colors-iris-a6: var(--colors-iris-dark-a6);
  --colors-iris-a7: var(--colors-iris-dark-a7);
  --colors-iris-a8: var(--colors-iris-dark-a8);
  --colors-iris-a9: var(--colors-iris-dark-a9);
  --colors-iris-a10: var(--colors-iris-dark-a10);
  --colors-iris-a11: var(--colors-iris-dark-a11);
  --colors-iris-a12: var(--colors-iris-dark-a12);
  --colors-jade-1: var(--colors-jade-dark-1);
  --colors-jade-2: var(--colors-jade-dark-2);
  --colors-jade-3: var(--colors-jade-dark-3);
  --colors-jade-4: var(--colors-jade-dark-4);
  --colors-jade-5: var(--colors-jade-dark-5);
  --colors-jade-6: var(--colors-jade-dark-6);
  --colors-jade-7: var(--colors-jade-dark-7);
  --colors-jade-8: var(--colors-jade-dark-8);
  --colors-jade-9: var(--colors-jade-dark-9);
  --colors-jade-10: var(--colors-jade-dark-10);
  --colors-jade-11: var(--colors-jade-dark-11);
  --colors-jade-12: var(--colors-jade-dark-12);
  --colors-jade-a1: var(--colors-jade-dark-a1);
  --colors-jade-a2: var(--colors-jade-dark-a2);
  --colors-jade-a3: var(--colors-jade-dark-a3);
  --colors-jade-a4: var(--colors-jade-dark-a4);
  --colors-jade-a5: var(--colors-jade-dark-a5);
  --colors-jade-a6: var(--colors-jade-dark-a6);
  --colors-jade-a7: var(--colors-jade-dark-a7);
  --colors-jade-a8: var(--colors-jade-dark-a8);
  --colors-jade-a9: var(--colors-jade-dark-a9);
  --colors-jade-a10: var(--colors-jade-dark-a10);
  --colors-jade-a11: var(--colors-jade-dark-a11);
  --colors-jade-a12: var(--colors-jade-dark-a12);
  --colors-lime-1: var(--colors-lime-dark-1);
  --colors-lime-2: var(--colors-lime-dark-2);
  --colors-lime-3: var(--colors-lime-dark-3);
  --colors-lime-4: var(--colors-lime-dark-4);
  --colors-lime-5: var(--colors-lime-dark-5);
  --colors-lime-6: var(--colors-lime-dark-6);
  --colors-lime-7: var(--colors-lime-dark-7);
  --colors-lime-8: var(--colors-lime-dark-8);
  --colors-lime-9: var(--colors-lime-dark-9);
  --colors-lime-10: var(--colors-lime-dark-10);
  --colors-lime-11: var(--colors-lime-dark-11);
  --colors-lime-12: var(--colors-lime-dark-12);
  --colors-lime-a1: var(--colors-lime-dark-a1);
  --colors-lime-a2: var(--colors-lime-dark-a2);
  --colors-lime-a3: var(--colors-lime-dark-a3);
  --colors-lime-a4: var(--colors-lime-dark-a4);
  --colors-lime-a5: var(--colors-lime-dark-a5);
  --colors-lime-a6: var(--colors-lime-dark-a6);
  --colors-lime-a7: var(--colors-lime-dark-a7);
  --colors-lime-a8: var(--colors-lime-dark-a8);
  --colors-lime-a9: var(--colors-lime-dark-a9);
  --colors-lime-a10: var(--colors-lime-dark-a10);
  --colors-lime-a11: var(--colors-lime-dark-a11);
  --colors-lime-a12: var(--colors-lime-dark-a12);
  --colors-mauve-1: var(--colors-mauve-dark-1);
  --colors-mauve-2: var(--colors-mauve-dark-2);
  --colors-mauve-3: var(--colors-mauve-dark-3);
  --colors-mauve-4: var(--colors-mauve-dark-4);
  --colors-mauve-5: var(--colors-mauve-dark-5);
  --colors-mauve-6: var(--colors-mauve-dark-6);
  --colors-mauve-7: var(--colors-mauve-dark-7);
  --colors-mauve-8: var(--colors-mauve-dark-8);
  --colors-mauve-9: var(--colors-mauve-dark-9);
  --colors-mauve-10: var(--colors-mauve-dark-10);
  --colors-mauve-11: var(--colors-mauve-dark-11);
  --colors-mauve-12: var(--colors-mauve-dark-12);
  --colors-mauve-a1: var(--colors-mauve-dark-a1);
  --colors-mauve-a2: var(--colors-mauve-dark-a2);
  --colors-mauve-a3: var(--colors-mauve-dark-a3);
  --colors-mauve-a4: var(--colors-mauve-dark-a4);
  --colors-mauve-a5: var(--colors-mauve-dark-a5);
  --colors-mauve-a6: var(--colors-mauve-dark-a6);
  --colors-mauve-a7: var(--colors-mauve-dark-a7);
  --colors-mauve-a8: var(--colors-mauve-dark-a8);
  --colors-mauve-a9: var(--colors-mauve-dark-a9);
  --colors-mauve-a10: var(--colors-mauve-dark-a10);
  --colors-mauve-a11: var(--colors-mauve-dark-a11);
  --colors-mauve-a12: var(--colors-mauve-dark-a12);
  --colors-mint-1: var(--colors-mint-dark-1);
  --colors-mint-2: var(--colors-mint-dark-2);
  --colors-mint-3: var(--colors-mint-dark-3);
  --colors-mint-4: var(--colors-mint-dark-4);
  --colors-mint-5: var(--colors-mint-dark-5);
  --colors-mint-6: var(--colors-mint-dark-6);
  --colors-mint-7: var(--colors-mint-dark-7);
  --colors-mint-8: var(--colors-mint-dark-8);
  --colors-mint-9: var(--colors-mint-dark-9);
  --colors-mint-10: var(--colors-mint-dark-10);
  --colors-mint-11: var(--colors-mint-dark-11);
  --colors-mint-12: var(--colors-mint-dark-12);
  --colors-mint-a1: var(--colors-mint-dark-a1);
  --colors-mint-a2: var(--colors-mint-dark-a2);
  --colors-mint-a3: var(--colors-mint-dark-a3);
  --colors-mint-a4: var(--colors-mint-dark-a4);
  --colors-mint-a5: var(--colors-mint-dark-a5);
  --colors-mint-a6: var(--colors-mint-dark-a6);
  --colors-mint-a7: var(--colors-mint-dark-a7);
  --colors-mint-a8: var(--colors-mint-dark-a8);
  --colors-mint-a9: var(--colors-mint-dark-a9);
  --colors-mint-a10: var(--colors-mint-dark-a10);
  --colors-mint-a11: var(--colors-mint-dark-a11);
  --colors-mint-a12: var(--colors-mint-dark-a12);
  --colors-neutral-1: var(--colors-neutral-dark-1);
  --colors-neutral-2: var(--colors-neutral-dark-2);
  --colors-neutral-3: var(--colors-neutral-dark-3);
  --colors-neutral-4: var(--colors-neutral-dark-4);
  --colors-neutral-5: var(--colors-neutral-dark-5);
  --colors-neutral-6: var(--colors-neutral-dark-6);
  --colors-neutral-7: var(--colors-neutral-dark-7);
  --colors-neutral-8: var(--colors-neutral-dark-8);
  --colors-neutral-9: var(--colors-neutral-dark-9);
  --colors-neutral-10: var(--colors-neutral-dark-10);
  --colors-neutral-11: var(--colors-neutral-dark-11);
  --colors-neutral-12: var(--colors-neutral-dark-12);
  --colors-neutral-a1: var(--colors-neutral-dark-a1);
  --colors-neutral-a2: var(--colors-neutral-dark-a2);
  --colors-neutral-a3: var(--colors-neutral-dark-a3);
  --colors-neutral-a4: var(--colors-neutral-dark-a4);
  --colors-neutral-a5: var(--colors-neutral-dark-a5);
  --colors-neutral-a6: var(--colors-neutral-dark-a6);
  --colors-neutral-a7: var(--colors-neutral-dark-a7);
  --colors-neutral-a8: var(--colors-neutral-dark-a8);
  --colors-neutral-a9: var(--colors-neutral-dark-a9);
  --colors-neutral-a10: var(--colors-neutral-dark-a10);
  --colors-neutral-a11: var(--colors-neutral-dark-a11);
  --colors-neutral-a12: var(--colors-neutral-dark-a12);
  --colors-neutral-default: white;
  --colors-neutral-fg: black;
  --colors-neutral-text: white;
  --colors-olive-1: var(--colors-olive-dark-1);
  --colors-olive-2: var(--colors-olive-dark-2);
  --colors-olive-3: var(--colors-olive-dark-3);
  --colors-olive-4: var(--colors-olive-dark-4);
  --colors-olive-5: var(--colors-olive-dark-5);
  --colors-olive-6: var(--colors-olive-dark-6);
  --colors-olive-7: var(--colors-olive-dark-7);
  --colors-olive-8: var(--colors-olive-dark-8);
  --colors-olive-9: var(--colors-olive-dark-9);
  --colors-olive-10: var(--colors-olive-dark-10);
  --colors-olive-11: var(--colors-olive-dark-11);
  --colors-olive-12: var(--colors-olive-dark-12);
  --colors-olive-a1: var(--colors-olive-dark-a1);
  --colors-olive-a2: var(--colors-olive-dark-a2);
  --colors-olive-a3: var(--colors-olive-dark-a3);
  --colors-olive-a4: var(--colors-olive-dark-a4);
  --colors-olive-a5: var(--colors-olive-dark-a5);
  --colors-olive-a6: var(--colors-olive-dark-a6);
  --colors-olive-a7: var(--colors-olive-dark-a7);
  --colors-olive-a8: var(--colors-olive-dark-a8);
  --colors-olive-a9: var(--colors-olive-dark-a9);
  --colors-olive-a10: var(--colors-olive-dark-a10);
  --colors-olive-a11: var(--colors-olive-dark-a11);
  --colors-olive-a12: var(--colors-olive-dark-a12);
  --colors-orange-1: var(--colors-orange-dark-1);
  --colors-orange-2: var(--colors-orange-dark-2);
  --colors-orange-3: var(--colors-orange-dark-3);
  --colors-orange-4: var(--colors-orange-dark-4);
  --colors-orange-5: var(--colors-orange-dark-5);
  --colors-orange-6: var(--colors-orange-dark-6);
  --colors-orange-7: var(--colors-orange-dark-7);
  --colors-orange-8: var(--colors-orange-dark-8);
  --colors-orange-9: var(--colors-orange-dark-9);
  --colors-orange-10: var(--colors-orange-dark-10);
  --colors-orange-11: var(--colors-orange-dark-11);
  --colors-orange-12: var(--colors-orange-dark-12);
  --colors-orange-a1: var(--colors-orange-dark-a1);
  --colors-orange-a2: var(--colors-orange-dark-a2);
  --colors-orange-a3: var(--colors-orange-dark-a3);
  --colors-orange-a4: var(--colors-orange-dark-a4);
  --colors-orange-a5: var(--colors-orange-dark-a5);
  --colors-orange-a6: var(--colors-orange-dark-a6);
  --colors-orange-a7: var(--colors-orange-dark-a7);
  --colors-orange-a8: var(--colors-orange-dark-a8);
  --colors-orange-a9: var(--colors-orange-dark-a9);
  --colors-orange-a10: var(--colors-orange-dark-a10);
  --colors-orange-a11: var(--colors-orange-dark-a11);
  --colors-orange-a12: var(--colors-orange-dark-a12);
  --colors-pink-1: var(--colors-pink-dark-1);
  --colors-pink-2: var(--colors-pink-dark-2);
  --colors-pink-3: var(--colors-pink-dark-3);
  --colors-pink-4: var(--colors-pink-dark-4);
  --colors-pink-5: var(--colors-pink-dark-5);
  --colors-pink-6: var(--colors-pink-dark-6);
  --colors-pink-7: var(--colors-pink-dark-7);
  --colors-pink-8: var(--colors-pink-dark-8);
  --colors-pink-9: var(--colors-pink-dark-9);
  --colors-pink-10: var(--colors-pink-dark-10);
  --colors-pink-11: var(--colors-pink-dark-11);
  --colors-pink-12: var(--colors-pink-dark-12);
  --colors-pink-a1: var(--colors-pink-dark-a1);
  --colors-pink-a2: var(--colors-pink-dark-a2);
  --colors-pink-a3: var(--colors-pink-dark-a3);
  --colors-pink-a4: var(--colors-pink-dark-a4);
  --colors-pink-a5: var(--colors-pink-dark-a5);
  --colors-pink-a6: var(--colors-pink-dark-a6);
  --colors-pink-a7: var(--colors-pink-dark-a7);
  --colors-pink-a8: var(--colors-pink-dark-a8);
  --colors-pink-a9: var(--colors-pink-dark-a9);
  --colors-pink-a10: var(--colors-pink-dark-a10);
  --colors-pink-a11: var(--colors-pink-dark-a11);
  --colors-pink-a12: var(--colors-pink-dark-a12);
  --colors-plum-1: var(--colors-plum-dark-1);
  --colors-plum-2: var(--colors-plum-dark-2);
  --colors-plum-3: var(--colors-plum-dark-3);
  --colors-plum-4: var(--colors-plum-dark-4);
  --colors-plum-5: var(--colors-plum-dark-5);
  --colors-plum-6: var(--colors-plum-dark-6);
  --colors-plum-7: var(--colors-plum-dark-7);
  --colors-plum-8: var(--colors-plum-dark-8);
  --colors-plum-9: var(--colors-plum-dark-9);
  --colors-plum-10: var(--colors-plum-dark-10);
  --colors-plum-11: var(--colors-plum-dark-11);
  --colors-plum-12: var(--colors-plum-dark-12);
  --colors-plum-a1: var(--colors-plum-dark-a1);
  --colors-plum-a2: var(--colors-plum-dark-a2);
  --colors-plum-a3: var(--colors-plum-dark-a3);
  --colors-plum-a4: var(--colors-plum-dark-a4);
  --colors-plum-a5: var(--colors-plum-dark-a5);
  --colors-plum-a6: var(--colors-plum-dark-a6);
  --colors-plum-a7: var(--colors-plum-dark-a7);
  --colors-plum-a8: var(--colors-plum-dark-a8);
  --colors-plum-a9: var(--colors-plum-dark-a9);
  --colors-plum-a10: var(--colors-plum-dark-a10);
  --colors-plum-a11: var(--colors-plum-dark-a11);
  --colors-plum-a12: var(--colors-plum-dark-a12);
  --colors-purple-1: var(--colors-purple-dark-1);
  --colors-purple-2: var(--colors-purple-dark-2);
  --colors-purple-3: var(--colors-purple-dark-3);
  --colors-purple-4: var(--colors-purple-dark-4);
  --colors-purple-5: var(--colors-purple-dark-5);
  --colors-purple-6: var(--colors-purple-dark-6);
  --colors-purple-7: var(--colors-purple-dark-7);
  --colors-purple-8: var(--colors-purple-dark-8);
  --colors-purple-9: var(--colors-purple-dark-9);
  --colors-purple-10: var(--colors-purple-dark-10);
  --colors-purple-11: var(--colors-purple-dark-11);
  --colors-purple-12: var(--colors-purple-dark-12);
  --colors-purple-a1: var(--colors-purple-dark-a1);
  --colors-purple-a2: var(--colors-purple-dark-a2);
  --colors-purple-a3: var(--colors-purple-dark-a3);
  --colors-purple-a4: var(--colors-purple-dark-a4);
  --colors-purple-a5: var(--colors-purple-dark-a5);
  --colors-purple-a6: var(--colors-purple-dark-a6);
  --colors-purple-a7: var(--colors-purple-dark-a7);
  --colors-purple-a8: var(--colors-purple-dark-a8);
  --colors-purple-a9: var(--colors-purple-dark-a9);
  --colors-purple-a10: var(--colors-purple-dark-a10);
  --colors-purple-a11: var(--colors-purple-dark-a11);
  --colors-purple-a12: var(--colors-purple-dark-a12);
  --colors-red-1: var(--colors-red-dark-1);
  --colors-red-2: var(--colors-red-dark-2);
  --colors-red-3: var(--colors-red-dark-3);
  --colors-red-4: var(--colors-red-dark-4);
  --colors-red-5: var(--colors-red-dark-5);
  --colors-red-6: var(--colors-red-dark-6);
  --colors-red-7: var(--colors-red-dark-7);
  --colors-red-8: var(--colors-red-dark-8);
  --colors-red-9: var(--colors-red-dark-9);
  --colors-red-10: var(--colors-red-dark-10);
  --colors-red-11: var(--colors-red-dark-11);
  --colors-red-12: var(--colors-red-dark-12);
  --colors-red-a1: var(--colors-red-dark-a1);
  --colors-red-a2: var(--colors-red-dark-a2);
  --colors-red-a3: var(--colors-red-dark-a3);
  --colors-red-a4: var(--colors-red-dark-a4);
  --colors-red-a5: var(--colors-red-dark-a5);
  --colors-red-a6: var(--colors-red-dark-a6);
  --colors-red-a7: var(--colors-red-dark-a7);
  --colors-red-a8: var(--colors-red-dark-a8);
  --colors-red-a9: var(--colors-red-dark-a9);
  --colors-red-a10: var(--colors-red-dark-a10);
  --colors-red-a11: var(--colors-red-dark-a11);
  --colors-red-a12: var(--colors-red-dark-a12);
  --colors-ruby-1: var(--colors-ruby-dark-1);
  --colors-ruby-2: var(--colors-ruby-dark-2);
  --colors-ruby-3: var(--colors-ruby-dark-3);
  --colors-ruby-4: var(--colors-ruby-dark-4);
  --colors-ruby-5: var(--colors-ruby-dark-5);
  --colors-ruby-6: var(--colors-ruby-dark-6);
  --colors-ruby-7: var(--colors-ruby-dark-7);
  --colors-ruby-8: var(--colors-ruby-dark-8);
  --colors-ruby-9: var(--colors-ruby-dark-9);
  --colors-ruby-10: var(--colors-ruby-dark-10);
  --colors-ruby-11: var(--colors-ruby-dark-11);
  --colors-ruby-12: var(--colors-ruby-dark-12);
  --colors-ruby-a1: var(--colors-ruby-dark-a1);
  --colors-ruby-a2: var(--colors-ruby-dark-a2);
  --colors-ruby-a3: var(--colors-ruby-dark-a3);
  --colors-ruby-a4: var(--colors-ruby-dark-a4);
  --colors-ruby-a5: var(--colors-ruby-dark-a5);
  --colors-ruby-a6: var(--colors-ruby-dark-a6);
  --colors-ruby-a7: var(--colors-ruby-dark-a7);
  --colors-ruby-a8: var(--colors-ruby-dark-a8);
  --colors-ruby-a9: var(--colors-ruby-dark-a9);
  --colors-ruby-a10: var(--colors-ruby-dark-a10);
  --colors-ruby-a11: var(--colors-ruby-dark-a11);
  --colors-ruby-a12: var(--colors-ruby-dark-a12);
  --colors-sage-1: var(--colors-sage-dark-1);
  --colors-sage-2: var(--colors-sage-dark-2);
  --colors-sage-3: var(--colors-sage-dark-3);
  --colors-sage-4: var(--colors-sage-dark-4);
  --colors-sage-5: var(--colors-sage-dark-5);
  --colors-sage-6: var(--colors-sage-dark-6);
  --colors-sage-7: var(--colors-sage-dark-7);
  --colors-sage-8: var(--colors-sage-dark-8);
  --colors-sage-9: var(--colors-sage-dark-9);
  --colors-sage-10: var(--colors-sage-dark-10);
  --colors-sage-11: var(--colors-sage-dark-11);
  --colors-sage-12: var(--colors-sage-dark-12);
  --colors-sage-a1: var(--colors-sage-dark-a1);
  --colors-sage-a2: var(--colors-sage-dark-a2);
  --colors-sage-a3: var(--colors-sage-dark-a3);
  --colors-sage-a4: var(--colors-sage-dark-a4);
  --colors-sage-a5: var(--colors-sage-dark-a5);
  --colors-sage-a6: var(--colors-sage-dark-a6);
  --colors-sage-a7: var(--colors-sage-dark-a7);
  --colors-sage-a8: var(--colors-sage-dark-a8);
  --colors-sage-a9: var(--colors-sage-dark-a9);
  --colors-sage-a10: var(--colors-sage-dark-a10);
  --colors-sage-a11: var(--colors-sage-dark-a11);
  --colors-sage-a12: var(--colors-sage-dark-a12);
  --colors-sand-1: var(--colors-sand-dark-1);
  --colors-sand-2: var(--colors-sand-dark-2);
  --colors-sand-3: var(--colors-sand-dark-3);
  --colors-sand-4: var(--colors-sand-dark-4);
  --colors-sand-5: var(--colors-sand-dark-5);
  --colors-sand-6: var(--colors-sand-dark-6);
  --colors-sand-7: var(--colors-sand-dark-7);
  --colors-sand-8: var(--colors-sand-dark-8);
  --colors-sand-9: var(--colors-sand-dark-9);
  --colors-sand-10: var(--colors-sand-dark-10);
  --colors-sand-11: var(--colors-sand-dark-11);
  --colors-sand-12: var(--colors-sand-dark-12);
  --colors-sand-a1: var(--colors-sand-dark-a1);
  --colors-sand-a2: var(--colors-sand-dark-a2);
  --colors-sand-a3: var(--colors-sand-dark-a3);
  --colors-sand-a4: var(--colors-sand-dark-a4);
  --colors-sand-a5: var(--colors-sand-dark-a5);
  --colors-sand-a6: var(--colors-sand-dark-a6);
  --colors-sand-a7: var(--colors-sand-dark-a7);
  --colors-sand-a8: var(--colors-sand-dark-a8);
  --colors-sand-a9: var(--colors-sand-dark-a9);
  --colors-sand-a10: var(--colors-sand-dark-a10);
  --colors-sand-a11: var(--colors-sand-dark-a11);
  --colors-sand-a12: var(--colors-sand-dark-a12);
  --colors-sky-1: var(--colors-sky-dark-1);
  --colors-sky-2: var(--colors-sky-dark-2);
  --colors-sky-3: var(--colors-sky-dark-3);
  --colors-sky-4: var(--colors-sky-dark-4);
  --colors-sky-5: var(--colors-sky-dark-5);
  --colors-sky-6: var(--colors-sky-dark-6);
  --colors-sky-7: var(--colors-sky-dark-7);
  --colors-sky-8: var(--colors-sky-dark-8);
  --colors-sky-9: var(--colors-sky-dark-9);
  --colors-sky-10: var(--colors-sky-dark-10);
  --colors-sky-11: var(--colors-sky-dark-11);
  --colors-sky-12: var(--colors-sky-dark-12);
  --colors-sky-a1: var(--colors-sky-dark-a1);
  --colors-sky-a2: var(--colors-sky-dark-a2);
  --colors-sky-a3: var(--colors-sky-dark-a3);
  --colors-sky-a4: var(--colors-sky-dark-a4);
  --colors-sky-a5: var(--colors-sky-dark-a5);
  --colors-sky-a6: var(--colors-sky-dark-a6);
  --colors-sky-a7: var(--colors-sky-dark-a7);
  --colors-sky-a8: var(--colors-sky-dark-a8);
  --colors-sky-a9: var(--colors-sky-dark-a9);
  --colors-sky-a10: var(--colors-sky-dark-a10);
  --colors-sky-a11: var(--colors-sky-dark-a11);
  --colors-sky-a12: var(--colors-sky-dark-a12);
  --colors-slate-1: var(--colors-slate-dark-1);
  --colors-slate-2: var(--colors-slate-dark-2);
  --colors-slate-3: var(--colors-slate-dark-3);
  --colors-slate-4: var(--colors-slate-dark-4);
  --colors-slate-5: var(--colors-slate-dark-5);
  --colors-slate-6: var(--colors-slate-dark-6);
  --colors-slate-7: var(--colors-slate-dark-7);
  --colors-slate-8: var(--colors-slate-dark-8);
  --colors-slate-9: var(--colors-slate-dark-9);
  --colors-slate-10: var(--colors-slate-dark-10);
  --colors-slate-11: var(--colors-slate-dark-11);
  --colors-slate-12: var(--colors-slate-dark-12);
  --colors-slate-a1: var(--colors-slate-dark-a1);
  --colors-slate-a2: var(--colors-slate-dark-a2);
  --colors-slate-a3: var(--colors-slate-dark-a3);
  --colors-slate-a4: var(--colors-slate-dark-a4);
  --colors-slate-a5: var(--colors-slate-dark-a5);
  --colors-slate-a6: var(--colors-slate-dark-a6);
  --colors-slate-a7: var(--colors-slate-dark-a7);
  --colors-slate-a8: var(--colors-slate-dark-a8);
  --colors-slate-a9: var(--colors-slate-dark-a9);
  --colors-slate-a10: var(--colors-slate-dark-a10);
  --colors-slate-a11: var(--colors-slate-dark-a11);
  --colors-slate-a12: var(--colors-slate-dark-a12);
  --colors-teal-1: var(--colors-teal-dark-1);
  --colors-teal-2: var(--colors-teal-dark-2);
  --colors-teal-3: var(--colors-teal-dark-3);
  --colors-teal-4: var(--colors-teal-dark-4);
  --colors-teal-5: var(--colors-teal-dark-5);
  --colors-teal-6: var(--colors-teal-dark-6);
  --colors-teal-7: var(--colors-teal-dark-7);
  --colors-teal-8: var(--colors-teal-dark-8);
  --colors-teal-9: var(--colors-teal-dark-9);
  --colors-teal-10: var(--colors-teal-dark-10);
  --colors-teal-11: var(--colors-teal-dark-11);
  --colors-teal-12: var(--colors-teal-dark-12);
  --colors-teal-a1: var(--colors-teal-dark-a1);
  --colors-teal-a2: var(--colors-teal-dark-a2);
  --colors-teal-a3: var(--colors-teal-dark-a3);
  --colors-teal-a4: var(--colors-teal-dark-a4);
  --colors-teal-a5: var(--colors-teal-dark-a5);
  --colors-teal-a6: var(--colors-teal-dark-a6);
  --colors-teal-a7: var(--colors-teal-dark-a7);
  --colors-teal-a8: var(--colors-teal-dark-a8);
  --colors-teal-a9: var(--colors-teal-dark-a9);
  --colors-teal-a10: var(--colors-teal-dark-a10);
  --colors-teal-a11: var(--colors-teal-dark-a11);
  --colors-teal-a12: var(--colors-teal-dark-a12);
  --colors-tomato-1: var(--colors-tomato-dark-1);
  --colors-tomato-2: var(--colors-tomato-dark-2);
  --colors-tomato-3: var(--colors-tomato-dark-3);
  --colors-tomato-4: var(--colors-tomato-dark-4);
  --colors-tomato-5: var(--colors-tomato-dark-5);
  --colors-tomato-6: var(--colors-tomato-dark-6);
  --colors-tomato-7: var(--colors-tomato-dark-7);
  --colors-tomato-8: var(--colors-tomato-dark-8);
  --colors-tomato-9: var(--colors-tomato-dark-9);
  --colors-tomato-10: var(--colors-tomato-dark-10);
  --colors-tomato-11: var(--colors-tomato-dark-11);
  --colors-tomato-12: var(--colors-tomato-dark-12);
  --colors-tomato-a1: var(--colors-tomato-dark-a1);
  --colors-tomato-a2: var(--colors-tomato-dark-a2);
  --colors-tomato-a3: var(--colors-tomato-dark-a3);
  --colors-tomato-a4: var(--colors-tomato-dark-a4);
  --colors-tomato-a5: var(--colors-tomato-dark-a5);
  --colors-tomato-a6: var(--colors-tomato-dark-a6);
  --colors-tomato-a7: var(--colors-tomato-dark-a7);
  --colors-tomato-a8: var(--colors-tomato-dark-a8);
  --colors-tomato-a9: var(--colors-tomato-dark-a9);
  --colors-tomato-a10: var(--colors-tomato-dark-a10);
  --colors-tomato-a11: var(--colors-tomato-dark-a11);
  --colors-tomato-a12: var(--colors-tomato-dark-a12);
  --colors-violet-1: var(--colors-violet-dark-1);
  --colors-violet-2: var(--colors-violet-dark-2);
  --colors-violet-3: var(--colors-violet-dark-3);
  --colors-violet-4: var(--colors-violet-dark-4);
  --colors-violet-5: var(--colors-violet-dark-5);
  --colors-violet-6: var(--colors-violet-dark-6);
  --colors-violet-7: var(--colors-violet-dark-7);
  --colors-violet-8: var(--colors-violet-dark-8);
  --colors-violet-9: var(--colors-violet-dark-9);
  --colors-violet-10: var(--colors-violet-dark-10);
  --colors-violet-11: var(--colors-violet-dark-11);
  --colors-violet-12: var(--colors-violet-dark-12);
  --colors-violet-a1: var(--colors-violet-dark-a1);
  --colors-violet-a2: var(--colors-violet-dark-a2);
  --colors-violet-a3: var(--colors-violet-dark-a3);
  --colors-violet-a4: var(--colors-violet-dark-a4);
  --colors-violet-a5: var(--colors-violet-dark-a5);
  --colors-violet-a6: var(--colors-violet-dark-a6);
  --colors-violet-a7: var(--colors-violet-dark-a7);
  --colors-violet-a8: var(--colors-violet-dark-a8);
  --colors-violet-a9: var(--colors-violet-dark-a9);
  --colors-violet-a10: var(--colors-violet-dark-a10);
  --colors-violet-a11: var(--colors-violet-dark-a11);
  --colors-violet-a12: var(--colors-violet-dark-a12);
  --colors-yellow-1: var(--colors-yellow-dark-1);
  --colors-yellow-2: var(--colors-yellow-dark-2);
  --colors-yellow-3: var(--colors-yellow-dark-3);
  --colors-yellow-4: var(--colors-yellow-dark-4);
  --colors-yellow-5: var(--colors-yellow-dark-5);
  --colors-yellow-6: var(--colors-yellow-dark-6);
  --colors-yellow-7: var(--colors-yellow-dark-7);
  --colors-yellow-8: var(--colors-yellow-dark-8);
  --colors-yellow-9: var(--colors-yellow-dark-9);
  --colors-yellow-10: var(--colors-yellow-dark-10);
  --colors-yellow-11: var(--colors-yellow-dark-11);
  --colors-yellow-12: var(--colors-yellow-dark-12);
  --colors-yellow-a1: var(--colors-yellow-dark-a1);
  --colors-yellow-a2: var(--colors-yellow-dark-a2);
  --colors-yellow-a3: var(--colors-yellow-dark-a3);
  --colors-yellow-a4: var(--colors-yellow-dark-a4);
  --colors-yellow-a5: var(--colors-yellow-dark-a5);
  --colors-yellow-a6: var(--colors-yellow-dark-a6);
  --colors-yellow-a7: var(--colors-yellow-dark-a7);
  --colors-yellow-a8: var(--colors-yellow-dark-a8);
  --colors-yellow-a9: var(--colors-yellow-dark-a9);
  --colors-yellow-a10: var(--colors-yellow-dark-a10);
  --colors-yellow-a11: var(--colors-yellow-dark-a11);
  --colors-yellow-a12: var(--colors-yellow-dark-a12);
  --colors-gray-1: var(--colors-neutral-dark-1);
  --colors-gray-2: var(--colors-neutral-dark-2);
  --colors-gray-3: var(--colors-neutral-dark-3);
  --colors-gray-4: var(--colors-neutral-dark-4);
  --colors-gray-5: var(--colors-neutral-dark-5);
  --colors-gray-6: var(--colors-neutral-dark-6);
  --colors-gray-7: var(--colors-neutral-dark-7);
  --colors-gray-8: var(--colors-neutral-dark-8);
  --colors-gray-9: var(--colors-neutral-dark-9);
  --colors-gray-10: var(--colors-neutral-dark-10);
  --colors-gray-11: var(--colors-neutral-dark-11);
  --colors-gray-12: var(--colors-neutral-dark-12);
  --colors-gray-a1: var(--colors-neutral-dark-a1);
  --colors-gray-a2: var(--colors-neutral-dark-a2);
  --colors-gray-a3: var(--colors-neutral-dark-a3);
  --colors-gray-a4: var(--colors-neutral-dark-a4);
  --colors-gray-a5: var(--colors-neutral-dark-a5);
  --colors-gray-a6: var(--colors-neutral-dark-a6);
  --colors-gray-a7: var(--colors-neutral-dark-a7);
  --colors-gray-a8: var(--colors-neutral-dark-a8);
  --colors-gray-a9: var(--colors-neutral-dark-a9);
  --colors-gray-a10: var(--colors-neutral-dark-a10);
  --colors-gray-a11: var(--colors-neutral-dark-a11);
  --colors-gray-a12: var(--colors-neutral-dark-a12);
  --colors-gray-default: white;
  --colors-gray-fg: black;
  --colors-gray-text: white;
  --colors-accent-1: var(--colors-neutral-dark-1);
  --colors-accent-2: var(--colors-neutral-dark-2);
  --colors-accent-3: var(--colors-neutral-dark-3);
  --colors-accent-4: var(--colors-neutral-dark-4);
  --colors-accent-5: var(--colors-neutral-dark-5);
  --colors-accent-6: var(--colors-neutral-dark-6);
  --colors-accent-7: var(--colors-neutral-dark-7);
  --colors-accent-8: var(--colors-neutral-dark-8);
  --colors-accent-9: var(--colors-neutral-dark-9);
  --colors-accent-10: var(--colors-neutral-dark-10);
  --colors-accent-11: var(--colors-neutral-dark-11);
  --colors-accent-12: var(--colors-neutral-dark-12);
  --colors-accent-a1: var(--colors-neutral-dark-a1);
  --colors-accent-a2: var(--colors-neutral-dark-a2);
  --colors-accent-a3: var(--colors-neutral-dark-a3);
  --colors-accent-a4: var(--colors-neutral-dark-a4);
  --colors-accent-a5: var(--colors-neutral-dark-a5);
  --colors-accent-a6: var(--colors-neutral-dark-a6);
  --colors-accent-a7: var(--colors-neutral-dark-a7);
  --colors-accent-a8: var(--colors-neutral-dark-a8);
  --colors-accent-a9: var(--colors-neutral-dark-a9);
  --colors-accent-a10: var(--colors-neutral-dark-a10);
  --colors-accent-a11: var(--colors-neutral-dark-a11);
  --colors-accent-a12: var(--colors-neutral-dark-a12);
  --colors-accent-default: white;
  --colors-accent-fg: black;
  --colors-accent-text: white;
  --colors-bg-default: var(--colors-gray-2);
  --colors-bg-subtle: var(--colors-gray-3);
  --colors-bg-muted: var(--colors-gray-4);
  --colors-bg-emphasized: var(--colors-gray-5);
  --colors-bg-disabled: var(--colors-gray-4);
  --shadows-xs: 0px 1px 1px var(--colors-black-a12), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-sm: 0px 2px 4px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-md: 0px 4px 8px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-lg: 0px 8px 16px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-xl: 0px 16px 24px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7);
  --shadows-2xl: 0px 24px 40px var(--colors-black-a10), 0px 0px 1px inset var(--colors-gray-a7)
;
}
@keyframes fade-in {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fade-out {

  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes slide-in {

  0% {
    opacity: 0;
    transform: translateY(64px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {

  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(64px);
  }
}
@keyframes slide-in-left {

  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-left {

  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-right {

  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-out-right {

  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}
@keyframes collapse-in {

  0% {
    height: var(--sizes-0);
  }

  100% {
    height: var(--height);
  }
}
@keyframes collapse-out {

  0% {
    height: var(--height);
  }

  100% {
    height: var(--sizes-0);
  }
}
@keyframes fadeIn {

  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {

  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-4px);
  }
}
@keyframes skeleton-pulse {

  50% {
    opacity: 0.5;
  }
}
.badge {
  border-radius: var(--radii-full);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  font-weight: var(--font-weights-medium);
}
.badge,.button {
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
}
.button {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  vertical-align: middle;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.button:is([hidden]) {
  display: none;
}
.\!code {
  background: var(--colors-bg-subtle) !important;
  border-radius: var(--radii-l2) !important;
  display: inline-flex !important;
  align-items: center !important;
  font-weight: var(--font-weights-medium) !important;
  font-family: var(--fonts-code) !important;
}
.code {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-l2);
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weights-medium) !important;
  font-family: var(--fonts-code);
}
.\!code {
  color: var(--colors-fg-default) !important;
}
.code,.formLabel {
  color: var(--colors-fg-default);
}
.formLabel {
  font-weight: var(--font-weights-medium);
}
.icon {
  color: currentcolor;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1em;
}
.icon,.iconButton {
  vertical-align: middle;
}
.iconButton {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.iconButton:is([hidden]) {
  display: none;
}
.input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  border-radius: var(--radii-l2);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  color: var(--colors-fg-default);
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  border-color: var(--colors-border-default);
  border-width: 1px;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: box-shadow, border-color;
  transition-property: box-shadow, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.input:is(:disabled, [disabled], [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
.input:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.kbd {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-l2);
  box-shadow: 0 -2px 0 0 inset var(--colors-border-muted), 0 0 0 1px inset var(--colors-border-muted);
  font-family: var(--fonts-code);
}
.kbd,.link {
  color: var(--colors-fg-default);
  display: inline-flex;
  align-items: center;
  font-weight: var(--font-weights-medium);
}
.link {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  cursor: pointer;
  gap: var(--spacing-2);
  -webkit-text-decoration: underline 0.1em transparent;
          text-decoration: underline 0.1em transparent;
  text-underline-offset: 0.125em;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: text-decoration-color;
  transition-property: text-decoration-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.link svg {
  width: 1em;
  height: 1em;
}
.link:is(:hover, [data-hover]) {
  text-decoration-color: var(--colors-color-palette-default);
}
.skeleton {
  animation: var(--animations-skeleton-pulse);
  border-radius: var(--radii-l3);
  color: var(--colors-transparent);
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-color: var(--colors-gray-a4);
}
.skeleton::before,.skeleton::after,.skeleton * {
  visibility: hidden;
}
.textarea {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  border-radius: var(--radii-l2);
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  min-width: var(--sizes-0);
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  border-color: var(--colors-border-default);
  border-width: 1px;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: border-color, box-shadow;
  transition-property: border-color, box-shadow;
}
.textarea:is(:disabled, [disabled], [data-disabled]) {
  opacity: 0.4;
  cursor: not-allowed;
}
.textarea:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
@layer _base {

  .accordion__root > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 1px;
    border-bottom-width: 0px;
  }

  .accordion__root {
    width: var(--sizes-full);
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

  .accordion__itemTrigger {
    color: var(--colors-fg-default);
    cursor: pointer;
    display: flex;
    gap: var(--spacing-3);
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    text-align: left;
    width: var(--sizes-full);
    align-items: center;
    font-weight: var(--font-weights-semibold);
    justify-content: space-between;
  }

  .accordion__itemTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .accordion__itemContent {
    color: var(--colors-fg-muted);
    overflow: hidden;
    --transition-prop: padding-bottom;
    transition-property: padding-bottom;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .accordion__itemContent:is([open], [data-state=open]) {
    animation: var(--animations-collapse-in);
  }

  .accordion__itemContent:is([data-state=closed]) {
    animation: var(--animations-collapse-out);
  }

  .accordion__itemIndicator {
    color: var(--colors-fg-muted);
    transform-origin: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform;
    transition-property: transform;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .accordion__itemIndicator:is([open], [data-state=open]) {
    transform: rotate(-180deg);
  }

  .alert__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    width: var(--sizes-full);
    border-width: 1px;
  }

  .alert__content {
    display: flex;
    gap: var(--spacing-1);
    flex-direction: column;
  }

  .alert__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .alert__icon {
    width: var(--sizes-5);
    height: var(--sizes-5);
    flex-shrink: 0;
  }

  .alert__icon,.alert__title {
    color: var(--colors-fg-default);
  }

  .alert__title {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .avatar__root {
    border-radius: var(--radii-full);
    flex-shrink: 0;
  }

  .avatar__image {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .avatar__fallback {
    background: var(--colors-bg-subtle);
    border-radius: var(--radii-full);
    color: var(--colors-fg-default);
    display: flex;
    height: inherit;
    align-items: center;
    border-width: 1px;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
  }

  .avatar__fallback:is([hidden]) {
    display: none;
  }

  .card__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    overflow: hidden;
    position: relative;
  }

  .card__root,.card__header {
    display: flex;
    flex-direction: column;
  }

  .card__header {
    gap: var(--spacing-1);
    padding: var(--spacing-6);
  }

  .card__body {
    flex: 1 1 0%;
    flex-direction: column;
  }

  .card__body,.card__footer {
    display: flex;
    padding-inline: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }

  .card__footer {
    justify-content: flex-end;
    padding-top: var(--spacing-2);
  }

  .card__title {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    font-weight: var(--font-weights-semibold);
  }

  .card__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .carousel__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
  }

  .carousel__viewport {
    position: relative;
    border-radius: var(--radii-l2);
    overflow-x: hidden;
  }

  .carousel__indicatorGroup {
    display: flex;
  }

  .carousel__indicator {
    border-radius: var(--radii-full);
    background: var(--colors-gray-6);
    cursor: pointer;
  }

  .carousel__indicator:is([data-current]) {
    background: var(--colors-color-palette-default);
  }

  .carousel__indicator:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .carousel__control {
    background: var(--colors-gray-dark-a12);
    border-radius: var(--radii-l2);
    display: flex;
    position: absolute;
    transform: translateX(-50%);
    align-items: center;
    bottom: var(--spacing-4);
    left: 50%;
  }

  .carousel__control.dark,.dark .carousel__control {
    background: var(--colors-gray-light-a12);
  }

  .checkbox__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    align-items: center;
  }

  .checkbox__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .checkbox__control {
    color: var(--colors-color-palette-fg);
    cursor: pointer;
    display: flex;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, background;
    transition-property: border-color, background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .checkbox__control:has(+ :focus-visible) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .checkbox__control:has(+ :focus-visible):is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    outline-color: var(--colors-color-palette-default);
  }

  .checkbox__control:is(:hover, [data-hover]) {
    background: var(--colors-bg-subtle);
  }

  .clipboard__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .clipboard__control {
    display: flex;
    gap: var(--spacing-3);
  }

  .collapsible__root {
    display: flex;
    width: var(--sizes-full);
    align-items: flex-start;
    flex-direction: column;
  }

  .collapsible__content {
    overflow: hidden;
    width: var(--sizes-full);
  }

  .collapsible__content:is([open], [data-state=open]) {
    animation: var(--animations-collapse-in);
  }

  .collapsible__content:is([data-state=closed]) {
    animation: var(--animations-collapse-out);
  }

  .colorPicker__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .colorPicker__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .colorPicker__control {
    display: flex;
    gap: var(--spacing-2);
    flex-direction: row;
  }

  .colorPicker__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    max-width: var(--sizes-sm);
    padding: var(--spacing-4);
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .colorPicker__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .colorPicker__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .colorPicker__content:is([hidden]) {
    display: none;
  }

  .colorPicker__area {
    height: var(--sizes-36);
    border-radius: var(--radii-l2);
    overflow: hidden;
  }

  .colorPicker__areaThumb {
    border-radius: var(--radii-full);
    height: var(--sizes-2\.5);
    width: var(--sizes-2\.5);
    box-shadow: white 0px 0px 0px 2px, black 0px 0px 2px 1px;
    outline: var(--borders-none);
  }

  .colorPicker__areaBackground {
    height: var(--sizes-full);
  }

  .colorPicker__channelSlider,.colorPicker__channelSliderTrack {
    border-radius: var(--radii-l2);
  }

  .colorPicker__channelSliderTrack {
    height: var(--sizes-3);
  }

  .colorPicker__channelSliderThumb {
    border-radius: var(--radii-full);
    height: var(--sizes-2\.5);
    width: var(--sizes-2\.5);
    box-shadow: white 0px 0px 0px 2px, black 0px 0px 2px 1px;
    transform: translate(-50%, -50%);
    outline: var(--borders-none);
  }

  .colorPicker__transparencyGrid {
    border-radius: var(--radii-l2);
  }

  .colorPicker__swatchGroup {
    display: grid;
    gap: var(--spacing-2);
    background: var(--colors-bg-default);
    grid-template-columns: repeat(7, 1fr);
  }

  .colorPicker__swatch {
    height: var(--sizes-6);
    width: var(--sizes-6);
    border-radius: var(--radii-l2);
    box-shadow: 0 0 0 1px var(--colors-border-emphasized), 0 0 0 2px var(--colors-bg-default) inset;
  }

  .combobox__root {
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    flex-direction: column;
  }

  .combobox__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .combobox__control {
    position: relative;
  }

  .combobox__trigger {
    color: var(--colors-fg-muted);
    position: absolute;
    bottom: var(--spacing-0);
    right: var(--spacing-0);
    top: var(--spacing-0);
  }

  .combobox__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .combobox__content:is([hidden]) {
    display: none;
  }

  .combobox__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .combobox__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .combobox__content:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .combobox__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .combobox__item[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .combobox__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .combobox__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
  }

  .combobox__item:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .combobox__itemIndicator {
    color: var(--colors-color-palette-default);
  }

  .combobox__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .datePicker__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .datePicker__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .datePicker__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
    width: 344px;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .datePicker__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .datePicker__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .datePicker__content:is([hidden]) {
    display: none;
  }

  .datePicker__control {
    display: flex;
    gap: var(--spacing-2);
    flex-direction: row;
  }

  .datePicker__table {
    width: var(--sizes-full);
    border-collapse: separate;
    border-spacing: var(--spacing-1);
    margin: calc(var(--spacing-1) * -1);
  }

  .datePicker__tableCell {
    text-align: center;
  }

  .datePicker__tableCellTrigger {
    width: 100%;
  }

  .datePicker__tableCellTrigger[data-in-range] {
    background: var(--colors-bg-muted);
  }

  .datePicker__tableCellTrigger:is([data-today])::before {
    color: var(--colors-color-palette-default);
    position: absolute;
    content: '−';
    margin-top: var(--spacing-6);
  }

  .datePicker__tableCellTrigger:is([aria-selected=true], [data-selected])::before {
    color: var(--colors-color-palette-fg);
  }

  .datePicker__tableHeader {
    color: var(--colors-fg-muted);
    height: var(--sizes-10);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .datePicker__viewControl {
    display: flex;
    gap: var(--spacing-2);
    justify-content: space-between;
  }

  .datePicker__view {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .datePicker__view:is([hidden]) {
    display: none;
  }

  .dialog__backdrop {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: var(--colors-white-a10);
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-overlay);
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .dialog__backdrop.dark,.dark .dialog__backdrop {
    background: var(--colors-black-a10);
  }

  .dialog__backdrop:is([open], [data-state=open]) {
    animation: var(--animations-backdrop-in);
  }

  .dialog__backdrop:is([data-state=closed]) {
    animation: var(--animations-backdrop-out);
  }

  .dialog__positioner {
    display: flex;
    overflow: auto;
    position: fixed;
    width: 100vw;
    height: 100dvh;
    z-index: var(--z-index-modal);
    align-items: center;
    justify-content: center;
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .dialog__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    min-width: var(--sizes-sm);
    position: relative;
  }

  .dialog__content:is([open], [data-state=open]) {
    animation: var(--animations-dialog-in);
  }

  .dialog__content:is([data-state=closed]) {
    animation: var(--animations-dialog-out);
  }

  .dialog__title {
    font-size: var(--font-sizes-lg);
    line-height: 1.75rem;
    font-weight: var(--font-weights-semibold);
  }

  .dialog__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .drawer__backdrop {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: var(--colors-white-a10);
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-overlay);
    left: var(--spacing-0);
    top: var(--spacing-0);
  }

  .drawer__backdrop.dark,.dark .drawer__backdrop {
    background: var(--colors-black-a10);
  }

  .drawer__backdrop:is([open], [data-state=open]) {
    animation: var(--animations-backdrop-in);
  }

  .drawer__backdrop:is([data-state=closed]) {
    animation: var(--animations-backdrop-out);
  }

  .drawer__positioner {
    display: flex;
    height: 100dvh;
    position: fixed;
    width: 100vw;
    z-index: var(--z-index-modal);
    align-items: center;
    justify-content: center;
    top: var(--spacing-0);
  }

  .drawer__content {
    background: var(--colors-bg-default);
    box-shadow: var(--shadows-lg);
    display: grid;
    height: var(--sizes-full);
    width: var(--sizes-full);
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'header'
        'body'
        'footer';
  }

  .drawer__content > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 1px;
    border-bottom-width: 0px;
  }

  .drawer__content:is([hidden]) {
    display: none;
  }

  .drawer__title {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-xl);
    line-height: 1.875rem;
    font-weight: var(--font-weights-semibold);
  }

  .drawer__description {
    color: var(--colors-fg-muted);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .drawer__header {
    gap: var(--spacing-1);
    grid-area: header;
    padding-inline: var(--spacing-4);
    padding-top: var(--spacing-4);
    padding-bottom: var(--spacing-4);
  }

  .drawer__header,.drawer__body {
    display: flex;
    flex-direction: column;
  }

  .drawer__body {
    grid-area: body;
    overflow: auto;
    padding: var(--spacing-4);
  }

  .drawer__footer {
    display: flex;
    grid-area: footer;
    padding-block: var(--spacing-4);
    padding-inline: var(--spacing-4);
    justify-content: flex-end;
  }

  .editable__root {
    display: flex;
    gap: var(--spacing-1\.5);
    width: 100%;
    flex-direction: column;
  }

  .editable__control {
    display: flex;
    gap: var(--spacing-2);
  }

  .fileUpload__root {
    gap: var(--spacing-4);
    width: 100%;
  }

  .fileUpload__root,.fileUpload__dropzone {
    display: flex;
    flex-direction: column;
  }

  .fileUpload__dropzone {
    gap: var(--spacing-3);
    min-height: var(--sizes-xs);
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-4);
    align-items: center;
    justify-content: center;
  }

  .fileUpload__dropzone,.fileUpload__item {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    border-width: 1px;
  }

  .fileUpload__item {
    animation: fadeIn 0.25s ease-out;
    display: grid;
    padding: var(--spacing-4);
    -moz-column-gap: var(--spacing-3);
         column-gap: var(--spacing-3);
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "preview name delete"
        "preview size delete";
  }

  .fileUpload__itemDeleteTrigger {
    grid-area: delete;
    align-self: flex-start;
  }

  .fileUpload__itemGroup {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .fileUpload__itemName {
    color: var(--colors-fg-default);
    grid-area: name;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .fileUpload__itemPreview {
    grid-area: preview;
  }

  .fileUpload__itemPreviewImage {
    aspect-ratio: 1;
    height: var(--sizes-10);
    -o-object-fit: scale-down;
       object-fit: scale-down;
    width: var(--sizes-10);
  }

  .fileUpload__itemSizeText {
    color: var(--colors-fg-muted);
    grid-area: size;
  }

  .fileUpload__itemSizeText,.fileUpload__label {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .fileUpload__label {
    font-weight: var(--font-weights-medium);
  }

  .hoverCard__arrow {
    --arrow-size: 12px;
    --arrow-background: var(--hover-card-background);
  }

  .hoverCard__arrowTip {
    border-top-width: 1px;
    border-left-width: 1px;
  }

  .hoverCard__content {
    --hover-card-background: var(--colors-bg-default);
    background: var(--hover-card-background);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    max-width: var(--sizes-80);
    padding: var(--spacing-4);
    position: relative;
  }

  .hoverCard__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .hoverCard__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .menu__triggerItem {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__triggerItem[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__triggerItem :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__triggerItem:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__positioner,.menu__content {
    z-index: var(--z-index-dropdown);
  }

  .menu__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    outline: var(--borders-none);
    width: calc(100% + 2rem);
    flex-direction: column;
  }

  .menu__content:is([hidden]) {
    display: none;
  }

  .menu__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .menu__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .menu__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__item[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__item :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__item:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__item:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__optionItem {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .menu__optionItem[data-highlighted] {
    background: var(--colors-bg-muted);
  }

  .menu__optionItem :where(svg) {
    color: var(--colors-fg-muted);
  }

  .menu__optionItem:is(:hover, [data-hover]) {
    background: var(--colors-bg-muted);
  }

  .menu__optionItem:is(:hover, [data-hover]) :where(svg) {
    color: var(--colors-fg-default);
  }

  .menu__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .menu__itemGroup,.numberInput__root {
    display: flex;
    flex-direction: column;
  }

  .numberInput__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    gap: var(--spacing-1\.5);
  }

  .numberInput__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .numberInput__input {
    outline: var(--borders-none);
    background: var(--colors-transparent);
    width: var(--sizes-full);
    grid-row: span 2 / span 2;
  }

  .numberInput__control {
    border-radius: var(--radii-l2);
    display: grid;
    overflow: hidden;
    border-color: var(--colors-border-default);
    border-width: 1px;
    grid-template-columns: 1fr 32px;
    grid-template-rows: 1fr 1fr;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, box-shadow;
    transition-property: border-color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .numberInput__control > :not([hidden]) ~ :not([hidden]) {
    border-inline-start-width: 1px;
    border-inline-end-width: 0px;
  }

  .numberInput__control:focus-within {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .numberInput__incrementTrigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .numberInput__incrementTrigger :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .numberInput__incrementTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .numberInput__incrementTrigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .numberInput__incrementTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .numberInput__decrementTrigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
    border-top-width: 1px;
  }

  .numberInput__decrementTrigger :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
  }

  .numberInput__decrementTrigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .numberInput__decrementTrigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .numberInput__decrementTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .pagination__root {
    display: flex;
    gap: var(--spacing-2\.5);
  }

  .pagination__item {
    font-variant-numeric: tabular-nums;
  }

  .pagination__ellipsis {
    color: var(--colors-fg-default);
    display: inline-flex;
    padding-inline: var(--spacing-2);
    align-items: center;
    font-weight: var(--font-weights-semibold);
  }

  .pinInput__root {
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .pinInput__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .pinInput__input {
    padding-inline: var(--spacing-0) !important;
    text-align: center;
  }

  .pinInput__control {
    display: flex;
    gap: var(--spacing-2);
  }

  .popover__arrow {
    --arrow-size: var(--sizes-3);
    --arrow-background: var(--colors-bg-default);
  }

  .popover__arrowTip {
    border-top-width: 1px;
    border-left-width: 1px;
  }

  .popover__positioner {
    position: relative;
  }

  .popover__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    display: flex;
    max-width: var(--sizes-sm);
    z-index: var(--z-index-popover);
    padding: var(--spacing-4);
    flex-direction: column;
  }

  .popover__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .popover__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .popover__content:is([hidden]) {
    display: none;
  }

  .popover__title {
    font-weight: var(--font-weights-medium);
  }

  .popover__title,.popover__description {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .popover__description,.popover__closeTrigger {
    color: var(--colors-fg-muted);
  }

  .progress__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    align-items: center;
    flex-direction: column;
  }

  .progress__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .progress__track {
    border-radius: var(--radii-l2);
    overflow: hidden;
    width: 100%;
    background-color: var(--colors-bg-emphasized);
  }

  .progress__range {
    height: 100%;
    transition: width 0.2s ease-in-out;
    --translate-x: -100%;
    background-color: var(--colors-color-palette-default);
  }

  .progress__valueText {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .progress__circleTrack {
    stroke: var(--colors-bg-emphasized);
  }

  .progress__circleRange {
    stroke: var(--colors-color-palette-default);
    --transition-prop: stroke-dasharray, stroke;
    transition-property: stroke-dasharray, stroke;
    --transition-duration: 0.6s;
    transition-duration: 0.6s;
  }

  .radioButtonGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    flex-wrap: wrap;
  }

  .radioButtonGroup__item {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border-radius: var(--radii-l2);
    color: var(--colors-fg-default);
    cursor: pointer;
    display: inline-flex;
    outline: var(--borders-none);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .radioButtonGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    cursor: default;
  }

  .radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
    border-color: var(--colors-border-disabled);
  }

  .radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: initial;
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .radioButtonGroup__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
  }

  .radioButtonGroup__itemText {
    display: inline-flex;
    align-items: center;
  }

  .radioGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
  }

  .radioGroup__root[data-orientation=vertical] {
    flex-direction: column;
  }

  .radioGroup__root[data-orientation=horizontal] {
    flex-direction: row;
  }

  .radioGroup__item {
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .radioGroup__item:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
  }

  .radioGroup__itemText {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .radioGroup__itemText:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
  }

  .radioGroup__itemControl {
    background: var(--colors-transparent);
    border-radius: var(--radii-full);
    border-color: var(--colors-border-default);
    border-width: 1px;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .radioGroup__itemControl:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
    outline-color: var(--colors-bg-default);
    outline-style: solid;
  }

  .radioGroup__itemControl:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-default);
  }

  .radioGroup__itemControl:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .radioGroup__itemControl:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: initial;
    color: var(--colors-fg-disabled);
  }

  .radioGroup__itemControl:is(:hover, [data-hover]) {
    background: var(--colors-bg-subtle);
  }

  .ratingGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    flex-direction: column;
  }

  .ratingGroup__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .ratingGroup__item {
    cursor: pointer;
    fill: var(--colors-bg-emphasized);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color, fill;
    transition-property: color, fill;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .ratingGroup__item[data-highlighted] {
    fill: var(--colors-color-palette-default);
  }

  .ratingGroup__item:is(:focus-visible, [data-focus-visible]) {
    outline: var(--borders-none);
  }

  .ratingGroup__control,.segmentGroup__root {
    display: flex;
  }

  .segmentGroup__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    align-items: flex-start;
  }

  .segmentGroup__root[data-orientation=horizontal] {
    gap: var(--spacing-4);
    flex-direction: row;
    border-bottom-width: 1px;
  }

  .segmentGroup__root[data-orientation=vertical] {
    gap: var(--spacing-1);
    flex-direction: column;
    border-left-width: 1px;
  }

  .segmentGroup__item {
    color: var(--colors-fg-muted);
    cursor: pointer;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color;
    transition-property: color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .segmentGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .segmentGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

  .segmentGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .segmentGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    color: var(--colors-fg-disabled);
  }

  .segmentGroup__item[data-orientation=horizontal] {
    padding-inline: var(--spacing-1);
    padding-bottom: var(--spacing-3);
  }

  .segmentGroup__item[data-orientation=vertical] {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-1\.5);
  }

  .segmentGroup__item:is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

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

  .segmentGroup__indicator[data-orientation=horizontal] {
    transform: translateY(1px);
    width: var(--width);
    bottom: var(--spacing-0);
    border-bottom-width: 2px;
  }

  .segmentGroup__indicator[data-orientation=vertical] {
    height: var(--height);
    transform: translateX(-1px);
    border-left-width: 2px;
  }

  .select__label {
    font-weight: var(--font-weights-medium);
  }

  .select__label,.select__trigger {
    color: var(--colors-fg-default);
  }

  .select__trigger {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border-radius: var(--radii-l2);
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    position: relative;
    width: var(--sizes-full);
    align-items: center;
    border-color: var(--colors-border-default);
    justify-content: space-between;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, box-shadow, border-color;
    transition-property: background, box-shadow, border-color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .select__trigger:is(:-moz-placeholder-shown, [data-placeholder-shown]) {
    color: var(--colors-fg-subtle);
  }

  .select__trigger:is(:placeholder-shown, [data-placeholder-shown]) {
    color: var(--colors-fg-subtle);
  }

  .select__trigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .select__trigger:is(:disabled, [disabled], [data-disabled]) :where(svg) {
    color: var(--colors-fg-disabled);
  }

  .select__trigger :where(svg) {
    color: var(--colors-fg-subtle);
  }

  .select__item {
    border-radius: var(--radii-l1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .select__item[data-highlighted] {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .select__item:is([aria-selected=true], [data-selected]) {
    color: var(--colors-fg-default);
  }

  .select__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .select__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
  }

  .select__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .select__itemIndicator {
    color: var(--colors-color-palette-default);
  }

  .select__itemGroupLabel {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-semibold);
  }

  .select__content {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-lg);
    display: flex;
    z-index: var(--z-index-dropdown);
    flex-direction: column;
  }

  .select__content:is([hidden]) {
    display: none;
  }

  .select__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .select__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .select__content:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
    outline: 2px solid;
    outline-color: var(--colors-border-outline);
  }

  .select__root {
    gap: var(--spacing-1\.5);
  }

  .select__root,.slider__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    width: var(--sizes-full);
    flex-direction: column;
  }

  .slider__root {
    gap: var(--spacing-1);
  }

  .slider__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .slider__thumb {
    background: var(--colors-bg-default);
    border-radius: var(--radii-full);
    box-shadow: var(--shadows-sm);
    outline: var(--borders-none);
    z-index: 1;
    border-color: var(--colors-color-palette-default);
    border-width: 2px;
  }

  .slider__track {
    border-radius: var(--radii-full);
    overflow: hidden;
    flex: 1 1 0%;
    background-color: var(--colors-bg-emphasized);
  }

  .slider__range {
    background: var(--colors-color-palette-default);
  }

  .slider__control {
    position: relative;
    display: flex;
    align-items: center;
  }

  .slider__markerGroup {
    margin-top: calc(var(--spacing-1) * -1);
  }

  .slider__marker {
    --before-background: white;
    color: var(--colors-fg-muted);
  }

  .slider__marker.dark,.dark .slider__marker {
    --before-background: var(--colors-color-palette-fg);
  }

  .slider__marker::before {
    background: var(--colors-white);
    border-radius: var(--radii-full);
    display: block;
    position: relative;
    transform: translateX(-50%);
    content: '';
    left: 50%;
  }

  .slider__marker:is([data-state="under-value"])::before {
    background: var(--before-background);
  }

  .splitter__root {
    display: flex;
    gap: var(--spacing-2);
  }

  .splitter__panel {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    display: flex;
    border-width: 1px;
    align-items: center;
    justify-content: center;
  }

  .splitter__resizeTrigger {
    border-radius: var(--radii-full);
    outline: 0;
    background: var(--colors-gray-7);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .splitter__resizeTrigger[data-orientation=horizontal] {
    min-width: var(--sizes-1\.5);
    margin: min(1rem, 20%) 0;
  }

  .splitter__resizeTrigger[data-orientation=vertical] {
    min-height: var(--sizes-1\.5);
    margin: 0 min(1rem, 20%);
  }

  .splitter__resizeTrigger:is(:hover, [data-hover]) {
    background: var(--colors-gray-8);
  }

  .splitter__resizeTrigger:is(:active, [data-active]) {
    background: var(--colors-gray-8);
  }

  .switchRecipe__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    position: relative;
    align-items: center;
  }

  .switchRecipe__label {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-medium);
  }

  .switchRecipe__control {
    background: var(--colors-bg-emphasized);
    border-radius: var(--radii-full);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background;
    transition-property: background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-default);
  }

  .switchRecipe__thumb {
    background: var(--colors-bg-default);
    border-radius: var(--radii-full);
    box-shadow: var(--shadows-xs);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform, background;
    transition-property: transform, background;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    transform: translateX(100%);
    background: var(--colors-bg-default);
  }

  .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]).dark,.dark .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-color-palette-fg);
  }

  .table__root {
    caption-side: bottom;
    width: var(--sizes-full);
  }

  .table__body tr:last-child {
    border-bottom-width: 0;
  }

  .table__cell {
    vertical-align: middle;
  }

  .table__footer {
    font-weight: var(--font-weights-medium);
    border-top-width: 1px;
  }

  .table__footer tr:last-child {
    border-bottom-width: 0;
  }

  .table__header {
    color: var(--colors-fg-muted);
    text-align: left;
    vertical-align: middle;
    font-weight: var(--font-weights-medium);
  }

  .table__row {
    border-bottom-width: 1px;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .table__caption {
    color: var(--colors-fg-subtle);
  }

  .tabs__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    width: var(--sizes-full);
  }

  .tabs__root[data-orientation=horizontal] {
    flex-direction: column;
  }

  .tabs__root[data-orientation=vertical] {
    flex-direction: row;
  }

  .tabs__list {
    display: flex;
    overflow: auto;
    position: relative;
    scrollbar-width: none;
    flex-shrink: 0;
  }

  .tabs__list::-webkit-scrollbar {
    display: none;
  }

  .tabs__list[data-orientation=horizontal] {
    flex-direction: row;
  }

  .tabs__list[data-orientation=vertical] {
    flex-direction: column;
  }

  .tabs__trigger {
    color: var(--colors-fg-muted);
    cursor: pointer;
    display: inline-flex;
    gap: var(--spacing-2);
    white-space: nowrap;
    z-index: 1;
    align-items: center;
    flex-shrink: 0;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: color, background, border-color;
    transition-property: color, background, border-color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
  }

  .tabs__trigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    color: var(--colors-fg-disabled);
  }

  .tabs__trigger:is([aria-selected=true], [data-selected]) {
    color: var(--colors-fg-default);
  }

  .tabs__trigger:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
  }

  .tabs__trigger[data-orientation=vertical] {
    justify-content: flex-start;
  }

  .tabs__trigger:is(:hover, [data-hover]) {
    color: var(--colors-fg-muted);
  }

  .tagsInput__root {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-default: var(--colors-accent-default);
    --colors-color-palette-emphasized: var(--colors-accent-emphasized);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-text: var(--colors-accent-text);
    display: flex;
    gap: var(--spacing-1\.5);
    width: var(--sizes-full);
    flex-direction: column;
  }

  .tagsInput__label {
    color: var(--colors-fg-default);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
  }

  .tagsInput__control {
    border-radius: var(--radii-l2);
    display: flex;
    outline: 0;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    flex-wrap: wrap;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: border-color, box-shadow;
    transition-property: border-color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .tagsInput__control:focus-within {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .tagsInput__input {
    background: var(--colors-transparent);
    color: var(--colors-fg-default);
    outline: var(--borders-none);
  }

  .tagsInput__itemPreview {
    border-radius: var(--radii-l1);
    color: var(--colors-fg-default);
    display: inline-flex;
    align-items: center;
    border-color: var(--colors-border-default);
    border-width: 1px;
    font-weight: var(--font-weights-medium);
  }

  .tagsInput__itemPreview[data-highlighted] {
    box-shadow: 0 0 0 1px var(--colors-color-palette-default);
    border-color: var(--colors-color-palette-default);
  }

  .tagsInput__itemPreview:is([hidden]) {
    display: none;
  }

  .tagsInput__itemInput {
    background: var(--colors-transparent);
    color: var(--colors-fg-default);
    outline: var(--borders-none);
  }

  .toast__group,.toast__root {
    padding: var(--spacing-4);
  }

  .toast__root {
    background: var(--colors-bg-default);
    border-radius: var(--radii-l3);
    box-shadow: var(--shadows-lg);
    min-width: var(--sizes-xs);
    position: relative;
  }

  .toast__root:is([open], [data-state=open]) {
    animation: slideInFromBottom 0.2s ease-out;
  }

  .toast__root:is([data-state=closed]) {
    animation: slideOutFromBottom 0.2s ease-out;
  }

  .toast__title {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .toast__title,.toast__description {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
  }

  .toast__description {
    color: var(--colors-fg-muted);
  }

  .toast__closeTrigger {
    position: absolute;
    top: var(--spacing-3);
    right: var(--spacing-3);
  }

  .toggleGroup__root {
    display: flex;
    overflow: hidden;
    position: relative;
  }

  .toggleGroup__root[data-orientation=vertical] {
    flex-direction: column;
  }

  .toggleGroup__item {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: var(--colors-fg-subtle);
    display: inline-flex;
    min-width: var(--sizes-0);
    outline: var(--borders-none);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    align-items: center;
    font-weight: var(--font-weights-semibold);
    justify-content: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, border-color, color, box-shadow;
    transition-property: background, border-color, color, box-shadow;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .toggleGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .toggleGroup__item:is([aria-pressed=true], [data-pressed]) {
    background: var(--colors-gray-a3);
    color: var(--colors-fg-default);
  }

  .toggleGroup__item:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
    border-color: var(--colors-border-disabled);
  }

  .toggleGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
    background: var(--colors-transparent);
    color: var(--colors-fg-disabled);
    border-color: var(--colors-border-disabled);
  }

  .toggleGroup__item:is(:hover, [data-hover]) {
    color: var(--colors-fg-default);
    background: var(--colors-gray-a3);
  }

  .tooltip__content {
    background: var(--colors-gray-a12);
    border-radius: var(--radii-l2);
    box-shadow: var(--shadows-sm);
    color: var(--colors-bg-default);
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: 1.125rem;
    max-width: var(--sizes-2xs);
    font-weight: var(--font-weights-semibold);
  }

  .tooltip__content:is([open], [data-state=open]) {
    animation: fadeIn 0.25s ease-out;
  }

  .tooltip__content:is([data-state=closed]) {
    animation: fadeOut 0.2s ease-out;
  }

  .treeView__root {
    width: var(--sizes-full);
  }

  .treeView__tree {
    display: flex;
    gap: var(--spacing-3);
    flex-direction: column;
  }

  .treeView__item {
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    cursor: pointer;
    position: relative;
    padding-inline-start: calc(((var(--depth) - 1) * 22px) + 22px);
    padding-block: var(--spacing-1\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__item[data-depth='1'] {
    padding-inline-start: var(--spacing-6);
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .treeView__item[data-depth='1']:is([aria-selected=true], [data-selected])::before {
    background: var(--colors-transparent);
  }

  .treeView__item:is([aria-selected=true], [data-selected]) {
    background: var(--colors-accent-a2);
    color: var(--colors-accent-text);
  }

  .treeView__item:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
    background: var(--colors-accent-a2);
    color: var(--colors-accent-text);
  }

  .treeView__item:is([aria-selected=true], [data-selected])::before {
    position: absolute;
    width: 2px;
    height: var(--sizes-full);
    background: var(--colors-accent-default);
    z-index: 1;
    content: "";
    left: var(--spacing-3);
    top: var(--spacing-0);
  }

  .treeView__item:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .treeView__branch[data-depth='1'] > [data-part='branch-content']::before {
    background: var(--colors-border-default);
    height: var(--sizes-full);
    position: absolute;
    width: 1px;
    z-index: 1;
    content: "";
    left: var(--spacing-3);
  }

  .treeView__branchControl {
    border-radius: var(--radii-l2);
    color: var(--colors-fg-muted);
    display: flex;
    gap: var(--spacing-1\.5);
    padding-inline-start: calc((var(--depth) - 1) * 22px);
    padding-block: var(--spacing-1\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    align-items: center;
    font-weight: var(--font-weights-medium);
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: background, color;
    transition-property: background, color;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__branchControl[data-depth='1'] {
    padding-inline-start: var(--spacing-1);
  }

  .treeView__branchControl[data-depth='1'] > [data-part='branch-text'] {
    color: var(--colors-fg-default);
    font-weight: var(--font-weights-semibold);
  }

  .treeView__branchControl:is(:hover, [data-hover]) {
    background: var(--colors-gray-a2);
    color: var(--colors-fg-default);
  }

  .treeView__branchContent {
    position: relative;
  }

  .treeView__branchIndicator {
    color: var(--colors-accent-default);
    transform-origin: center;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
    --transition-prop: transform;
    transition-property: transform;
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

  .treeView__branchIndicator svg {
    width: var(--sizes-4);
    height: var(--sizes-4);
    font-size: var(--font-sizes-md);
  }

  .treeView__branchIndicator:is([open], [data-state=open]) {
    transform: rotate(90deg);
  }

  @media screen and (min-width: 40rem) {

    .drawer__positioner {
      width: var(--sizes-sm);
    }
  }

  @media screen and (min-width: 48rem) {

    .drawer__header {
      padding-inline: var(--spacing-6);
      padding-top: var(--spacing-6);
    }

    .drawer__body {
      padding: var(--spacing-6);
    }

    .drawer__footer {
      padding-inline: var(--spacing-6);
    }
  }
}
.badge--variant_subtle {
  background: var(--colors-bg-subtle);
  color: var(--colors-fg-default);
  border-color: var(--colors-border-subtle);
  border-width: 1px;
}
.badge--variant_subtle svg {
  color: var(--colors-fg-muted);
}
.badge--size_md {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-6);
  gap: var(--spacing-1\.5);
}
.badge--size_md svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.badge--variant_solid {
  background: var(--colors-color-palette-default);
  color: var(--colors-color-palette-fg);
}
.badge--variant_outline {
  border-width: 2px;
  border-color: var(--colors-border-default);
}
.badge--size_sm {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-5);
  gap: var(--spacing-1);
}
.badge--size_sm svg {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.badge--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-3);
  height: var(--sizes-7);
  gap: var(--spacing-1\.5);
}
.badge--size_lg svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.button--variant_ghost {
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.button--variant_ghost:is([aria-selected=true], [data-selected]) {
  background: var(--colors-color-palette-a3);
}
.button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.button--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
}
.button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.button--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a3);
}
.button--variant_subtle {
  background: var(--colors-color-palette-a3);
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.button--variant_subtle:is(:disabled, [disabled], [data-disabled]) {
  background: var(--colors-bg-disabled);
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.button--variant_subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-bg-disabled);
  color: var(--colors-fg-disabled);
}
.button--variant_subtle:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.button--variant_subtle:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a4);
}
.formLabel--size_md,.formLabel--size_sm,.formLabel--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.formLabel--size_xl {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.icon--size_md {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.icon--size_xs {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.icon--size_sm {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.icon--size_lg {
  width: var(--sizes-6);
  height: var(--sizes-6);
}
.icon--size_xl {
  width: var(--sizes-7);
  height: var(--sizes-7);
}
.icon--size_2xl {
  width: var(--sizes-8);
  height: var(--sizes-8);
}
.iconButton--variant_ghost {
  color: var(--colors-color-palette-text);
  --colors-color-palette-light-1: var(--colors-gray-light-1);
  --colors-color-palette-light-2: var(--colors-gray-light-2);
  --colors-color-palette-light-3: var(--colors-gray-light-3);
  --colors-color-palette-light-4: var(--colors-gray-light-4);
  --colors-color-palette-light-5: var(--colors-gray-light-5);
  --colors-color-palette-light-6: var(--colors-gray-light-6);
  --colors-color-palette-light-7: var(--colors-gray-light-7);
  --colors-color-palette-light-8: var(--colors-gray-light-8);
  --colors-color-palette-light-9: var(--colors-gray-light-9);
  --colors-color-palette-light-10: var(--colors-gray-light-10);
  --colors-color-palette-light-11: var(--colors-gray-light-11);
  --colors-color-palette-light-12: var(--colors-gray-light-12);
  --colors-color-palette-light-a1: var(--colors-gray-light-a1);
  --colors-color-palette-light-a2: var(--colors-gray-light-a2);
  --colors-color-palette-light-a3: var(--colors-gray-light-a3);
  --colors-color-palette-light-a4: var(--colors-gray-light-a4);
  --colors-color-palette-light-a5: var(--colors-gray-light-a5);
  --colors-color-palette-light-a6: var(--colors-gray-light-a6);
  --colors-color-palette-light-a7: var(--colors-gray-light-a7);
  --colors-color-palette-light-a8: var(--colors-gray-light-a8);
  --colors-color-palette-light-a9: var(--colors-gray-light-a9);
  --colors-color-palette-light-a10: var(--colors-gray-light-a10);
  --colors-color-palette-light-a11: var(--colors-gray-light-a11);
  --colors-color-palette-light-a12: var(--colors-gray-light-a12);
  --colors-color-palette-dark-1: var(--colors-gray-dark-1);
  --colors-color-palette-dark-2: var(--colors-gray-dark-2);
  --colors-color-palette-dark-3: var(--colors-gray-dark-3);
  --colors-color-palette-dark-4: var(--colors-gray-dark-4);
  --colors-color-palette-dark-5: var(--colors-gray-dark-5);
  --colors-color-palette-dark-6: var(--colors-gray-dark-6);
  --colors-color-palette-dark-7: var(--colors-gray-dark-7);
  --colors-color-palette-dark-8: var(--colors-gray-dark-8);
  --colors-color-palette-dark-9: var(--colors-gray-dark-9);
  --colors-color-palette-dark-10: var(--colors-gray-dark-10);
  --colors-color-palette-dark-11: var(--colors-gray-dark-11);
  --colors-color-palette-dark-12: var(--colors-gray-dark-12);
  --colors-color-palette-dark-a1: var(--colors-gray-dark-a1);
  --colors-color-palette-dark-a2: var(--colors-gray-dark-a2);
  --colors-color-palette-dark-a3: var(--colors-gray-dark-a3);
  --colors-color-palette-dark-a4: var(--colors-gray-dark-a4);
  --colors-color-palette-dark-a5: var(--colors-gray-dark-a5);
  --colors-color-palette-dark-a6: var(--colors-gray-dark-a6);
  --colors-color-palette-dark-a7: var(--colors-gray-dark-a7);
  --colors-color-palette-dark-a8: var(--colors-gray-dark-a8);
  --colors-color-palette-dark-a9: var(--colors-gray-dark-a9);
  --colors-color-palette-dark-a10: var(--colors-gray-dark-a10);
  --colors-color-palette-dark-a11: var(--colors-gray-dark-a11);
  --colors-color-palette-dark-a12: var(--colors-gray-dark-a12);
  --colors-color-palette-1: var(--colors-gray-1);
  --colors-color-palette-2: var(--colors-gray-2);
  --colors-color-palette-3: var(--colors-gray-3);
  --colors-color-palette-4: var(--colors-gray-4);
  --colors-color-palette-5: var(--colors-gray-5);
  --colors-color-palette-6: var(--colors-gray-6);
  --colors-color-palette-7: var(--colors-gray-7);
  --colors-color-palette-8: var(--colors-gray-8);
  --colors-color-palette-9: var(--colors-gray-9);
  --colors-color-palette-10: var(--colors-gray-10);
  --colors-color-palette-11: var(--colors-gray-11);
  --colors-color-palette-12: var(--colors-gray-12);
  --colors-color-palette-a1: var(--colors-gray-a1);
  --colors-color-palette-a2: var(--colors-gray-a2);
  --colors-color-palette-a3: var(--colors-gray-a3);
  --colors-color-palette-a4: var(--colors-gray-a4);
  --colors-color-palette-a5: var(--colors-gray-a5);
  --colors-color-palette-a6: var(--colors-gray-a6);
  --colors-color-palette-a7: var(--colors-gray-a7);
  --colors-color-palette-a8: var(--colors-gray-a8);
  --colors-color-palette-a9: var(--colors-gray-a9);
  --colors-color-palette-a10: var(--colors-gray-a10);
  --colors-color-palette-a11: var(--colors-gray-a11);
  --colors-color-palette-a12: var(--colors-gray-a12);
  --colors-color-palette-default: var(--colors-gray-default);
  --colors-color-palette-emphasized: var(--colors-gray-emphasized);
  --colors-color-palette-fg: var(--colors-gray-fg);
  --colors-color-palette-text: var(--colors-gray-text);
}
.iconButton--variant_ghost:is([aria-selected=true], [data-selected]) {
  background: var(--colors-color-palette-a3);
}
.iconButton--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.iconButton--variant_ghost:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
}
.iconButton--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: var(--colors-color-palette-default);
}
.iconButton--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-color-palette-a3);
}
.input--size_md {
  padding-inline: var(--spacing-3);
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-md);
}
.input--size_2xs {
  padding-inline: var(--spacing-1\.5);
  height: var(--sizes-7);
  min-width: var(--sizes-7);
}
.input--size_2xs,.input--size_xs {
  font-size: var(--font-sizes-xs);
}
.input--size_xs {
  padding-inline: var(--spacing-2);
  height: var(--sizes-8);
  min-width: var(--sizes-8);
}
.input--size_sm {
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
}
.input--size_lg {
  padding-inline: var(--spacing-3\.5);
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
}
.input--size_xl {
  padding-inline: var(--spacing-4);
  height: var(--sizes-12);
  min-width: var(--sizes-12);
  font-size: var(--font-sizes-lg);
}
.input--size_2xl {
  padding-inline: var(--spacing-2);
  height: var(--sizes-16);
  min-width: var(--sizes-16);
  font-size: var(--font-sizes-3xl);
  line-height: 2.375rem;
}
.kbd--size_lg,.textarea--size_md {
  font-size: var(--font-sizes-md);
}
.textarea--size_md {
  padding: var(--spacing-3);
}
.textarea--size_sm {
  padding: var(--spacing-2\.5);
  font-size: var(--font-sizes-sm);
}
.textarea--size_lg {
  padding: var(--spacing-3\.5);
  font-size: var(--font-sizes-md);
}
.textarea--size_xl {
  padding: var(--spacing-4);
  font-size: var(--font-sizes-md);
}
.text--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.accordion__root > :not([hidden]) ~ :not([hidden]) {
  border-top-width: 1px;
  border-bottom-width: 0px;
}
.accordion__root {
  width: var(--sizes-full);
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.accordion__itemTrigger {
  color: var(--colors-fg-default);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-3);
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  text-align: left;
  width: var(--sizes-full);
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: space-between;
}
.accordion__itemTrigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.accordion__itemContent {
  color: var(--colors-fg-muted);
  overflow: hidden;
  --transition-prop: padding-bottom;
  transition-property: padding-bottom;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.accordion__itemContent:is([open], [data-state=open]) {
  animation: var(--animations-collapse-in);
}
.accordion__itemContent:is([data-state=closed]) {
  animation: var(--animations-collapse-out);
}
.accordion__itemIndicator {
  color: var(--colors-fg-muted);
  transform-origin: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: transform;
  transition-property: transform;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.accordion__itemIndicator:is([open], [data-state=open]) {
  transform: rotate(-180deg);
}
.avatar__root {
  border-radius: var(--radii-full);
  flex-shrink: 0;
}
.avatar__image {
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar__fallback {
  background: var(--colors-bg-subtle);
  border-radius: var(--radii-full);
  color: var(--colors-fg-default);
  display: flex;
  height: inherit;
  align-items: center;
  border-width: 1px;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
}
.avatar__fallback:is([hidden]) {
  display: none;
}
.card__root {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  overflow: hidden;
  position: relative;
}
.card__root,.card__header {
  display: flex;
  flex-direction: column;
}
.card__header {
  gap: var(--spacing-1);
  padding: var(--spacing-6);
}
.card__body {
  flex: 1 1 0%;
  flex-direction: column;
}
.card__body,.card__footer {
  display: flex;
  padding-inline: var(--spacing-6);
  padding-bottom: var(--spacing-6);
}
.card__footer {
  justify-content: flex-end;
  padding-top: var(--spacing-2);
}
.card__title {
  color: var(--colors-fg-default);
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  font-weight: var(--font-weights-semibold);
}
.card__description {
  color: var(--colors-fg-muted);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.carousel__control.dark,.dark .carousel__control {
  background: var(--colors-gray-light-a12);
}
.checkbox__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  align-items: center;
}
.checkbox__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.checkbox__control {
  color: var(--colors-color-palette-fg);
  cursor: pointer;
  display: flex;
  align-items: center;
  border-color: var(--colors-border-default);
  border-width: 1px;
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: border-color, background;
  transition-property: border-color, background;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  background: var(--colors-color-palette-default);
}
.checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]) {
  background: var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:hover, [data-hover]) {
  background: var(--colors-color-palette-default);
}
.checkbox__control:has(+ :focus-visible) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.checkbox__control:has(+ :focus-visible):is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  outline-color: var(--colors-color-palette-default);
}
.checkbox__control:is(:hover, [data-hover]) {
  background: var(--colors-bg-subtle);
}
.clipboard__root {
  display: flex;
  gap: var(--spacing-1\.5);
  flex-direction: column;
}
.clipboard__control {
  display: flex;
  gap: var(--spacing-3);
}
.collapsible__root {
  display: flex;
  width: var(--sizes-full);
  align-items: flex-start;
  flex-direction: column;
}
.collapsible__content {
  overflow: hidden;
  width: var(--sizes-full);
}
.collapsible__content:is([open], [data-state=open]) {
  animation: var(--animations-collapse-in);
}
.collapsible__content:is([data-state=closed]) {
  animation: var(--animations-collapse-out);
}
.combobox__root {
  display: flex;
  gap: var(--spacing-1\.5);
  width: var(--sizes-full);
  flex-direction: column;
}
.combobox__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.combobox__control {
  position: relative;
}
.combobox__trigger {
  color: var(--colors-fg-muted);
  position: absolute;
  bottom: var(--spacing-0);
  right: var(--spacing-0);
  top: var(--spacing-0);
}
.combobox__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  z-index: var(--z-index-dropdown);
  flex-direction: column;
}
.combobox__content:is([hidden]) {
  display: none;
}
.combobox__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.combobox__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.combobox__content:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.combobox__item {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.combobox__item[data-highlighted] {
  background: var(--colors-bg-muted);
}
.combobox__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.combobox__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
}
.combobox__item:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.combobox__itemIndicator {
  color: var(--colors-color-palette-default);
}
.combobox__itemGroupLabel {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-semibold);
}
.dialog__backdrop {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: var(--colors-white-a10);
  height: 100vh;
  position: fixed;
  width: 100vw;
  z-index: var(--z-index-overlay);
  left: var(--spacing-0);
  top: var(--spacing-0);
}
.dialog__backdrop.dark,.dark .dialog__backdrop {
  background: var(--colors-black-a10);
}
.dialog__backdrop:is([open], [data-state=open]) {
  animation: var(--animations-backdrop-in);
}
.dialog__backdrop:is([data-state=closed]) {
  animation: var(--animations-backdrop-out);
}
.dialog__positioner {
  display: flex;
  overflow: auto;
  position: fixed;
  width: 100vw;
  height: 100dvh;
  z-index: var(--z-index-modal);
  align-items: center;
  justify-content: center;
  left: var(--spacing-0);
  top: var(--spacing-0);
}
.dialog__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  min-width: var(--sizes-sm);
  position: relative;
}
.dialog__content:is([open], [data-state=open]) {
  animation: var(--animations-dialog-in);
}
.dialog__content:is([data-state=closed]) {
  animation: var(--animations-dialog-out);
}
.dialog__title {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
  font-weight: var(--font-weights-semibold);
}
.dialog__description {
  color: var(--colors-fg-muted);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.drawer__backdrop.dark,.dark .drawer__backdrop {
  background: var(--colors-black-a10);
}
.menu__triggerItem {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__triggerItem[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__triggerItem :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__triggerItem:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__positioner,.menu__content {
  z-index: var(--z-index-dropdown);
}
.menu__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  outline: var(--borders-none);
  width: calc(100% + 2rem);
  flex-direction: column;
}
.menu__content:is([hidden]) {
  display: none;
}
.menu__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.menu__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.menu__item {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__item[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__item :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__item:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__item:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__optionItem {
  border-radius: var(--radii-l1);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  align-items: center;
  font-weight: var(--font-weights-medium);
  --transition-duration: var(--durations-fast);
  transition-duration: var(--durations-fast);
  --transition-prop: background, color;
  transition-property: background, color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.menu__optionItem[data-highlighted] {
  background: var(--colors-bg-muted);
}
.menu__optionItem :where(svg) {
  color: var(--colors-fg-muted);
}
.menu__optionItem:is(:hover, [data-hover]) {
  background: var(--colors-bg-muted);
}
.menu__optionItem:is(:hover, [data-hover]) :where(svg) {
  color: var(--colors-fg-default);
}
.menu__itemGroupLabel {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-semibold);
}
.menu__itemGroup,.numberInput__root {
  display: flex;
  flex-direction: column;
}
.pagination__root {
  display: flex;
  gap: var(--spacing-2\.5);
}
.pagination__item {
  font-variant-numeric: tabular-nums;
}
.pagination__ellipsis {
  color: var(--colors-fg-default);
  display: inline-flex;
  padding-inline: var(--spacing-2);
  align-items: center;
  font-weight: var(--font-weights-semibold);
}
.progress__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  gap: var(--spacing-1\.5);
  width: var(--sizes-full);
  align-items: center;
  flex-direction: column;
}
.progress__label {
  color: var(--colors-fg-default);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  font-weight: var(--font-weights-medium);
}
.progress__track {
  border-radius: var(--radii-l2);
  overflow: hidden;
  width: 100%;
  background-color: var(--colors-bg-emphasized);
}
.progress__range {
  height: 100%;
  transition: width 0.2s ease-in-out;
  --translate-x: -100%;
  background-color: var(--colors-color-palette-default);
}
.progress__valueText {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.progress__circleTrack {
  stroke: var(--colors-bg-emphasized);
}
.progress__circleRange {
  stroke: var(--colors-color-palette-default);
  --transition-prop: stroke-dasharray, stroke;
  transition-property: stroke-dasharray, stroke;
  --transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.radioButtonGroup__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  flex-wrap: wrap;
}
.radioButtonGroup__item {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  color: var(--colors-fg-default);
  cursor: pointer;
  display: inline-flex;
  outline: var(--borders-none);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  align-items: center;
  border-color: var(--colors-border-default);
  border-width: 1px;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.radioButtonGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  cursor: default;
}
.radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
  border-color: var(--colors-border-disabled);
}
.radioButtonGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: initial;
  color: var(--colors-fg-disabled);
  border-color: var(--colors-border-disabled);
}
.radioButtonGroup__item:is(:hover, [data-hover]) {
  background: var(--colors-gray-a2);
}
.radioButtonGroup__itemText {
  display: inline-flex;
  align-items: center;
}
.select__label,.select__trigger {
  color: var(--colors-fg-default);
}
.select__trigger {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  outline: 0;
  position: relative;
  width: var(--sizes-full);
  align-items: center;
  border-color: var(--colors-border-default);
  justify-content: space-between;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, box-shadow, border-color;
  transition-property: background, box-shadow, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.select__trigger:is(:-moz-placeholder-shown, [data-placeholder-shown]) {
  color: var(--colors-fg-subtle);
}
.select__trigger:is(:placeholder-shown, [data-placeholder-shown]) {
  color: var(--colors-fg-subtle);
}
.select__trigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.select__trigger:is(:disabled, [disabled], [data-disabled]) :where(svg) {
  color: var(--colors-fg-disabled);
}
.select__trigger :where(svg) {
  color: var(--colors-fg-subtle);
}
.select__itemIndicator {
  color: var(--colors-color-palette-default);
}
.select__content {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-lg);
  display: flex;
  z-index: var(--z-index-dropdown);
  flex-direction: column;
}
.select__content:is([hidden]) {
  display: none;
}
.select__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.select__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.select__content:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.select__root {
  gap: var(--spacing-1\.5);
}
.select__root,.slider__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  width: var(--sizes-full);
  flex-direction: column;
}
.slider__root {
  gap: var(--spacing-1);
}
.slider__label {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-medium);
}
.slider__thumb {
  background: var(--colors-bg-default);
  border-radius: var(--radii-full);
  box-shadow: var(--shadows-sm);
  outline: var(--borders-none);
  z-index: 1;
  border-color: var(--colors-color-palette-default);
  border-width: 2px;
}
.slider__track {
  border-radius: var(--radii-full);
  overflow: hidden;
  flex: 1 1 0%;
  background-color: var(--colors-bg-emphasized);
}
.slider__range {
  background: var(--colors-color-palette-default);
}
.slider__control {
  position: relative;
  display: flex;
  align-items: center;
}
.slider__markerGroup {
  margin-top: calc(var(--spacing-1) * -1);
}
.slider__marker {
  --before-background: white;
  color: var(--colors-fg-muted);
}
.slider__marker.dark,.dark .slider__marker {
  --before-background: var(--colors-color-palette-fg);
}
.slider__marker::before {
  background: var(--colors-white);
  border-radius: var(--radii-full);
  display: block;
  position: relative;
  transform: translateX(-50%);
  content: '';
  left: 50%;
}
.slider__marker:is([data-state="under-value"])::before {
  background: var(--before-background);
}
.splitter__root {
  display: flex;
  gap: var(--spacing-2);
}
.splitter__panel {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l2);
  color: var(--colors-fg-muted);
  display: flex;
  border-width: 1px;
  align-items: center;
  justify-content: center;
}
.splitter__resizeTrigger {
  border-radius: var(--radii-full);
  outline: 0;
  background: var(--colors-gray-7);
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background;
  transition-property: background;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.splitter__resizeTrigger[data-orientation=horizontal] {
  min-width: var(--sizes-1\.5);
  margin: min(1rem, 20%) 0;
}
.splitter__resizeTrigger[data-orientation=vertical] {
  min-height: var(--sizes-1\.5);
  margin: 0 min(1rem, 20%);
}
.splitter__resizeTrigger:is(:hover, [data-hover]) {
  background: var(--colors-gray-8);
}
.splitter__resizeTrigger:is(:active, [data-active]) {
  background: var(--colors-gray-8);
}
.switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]).dark,.dark .switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-fg);
}
.tabs__root {
  --colors-color-palette-1: var(--colors-accent-1);
  --colors-color-palette-2: var(--colors-accent-2);
  --colors-color-palette-3: var(--colors-accent-3);
  --colors-color-palette-4: var(--colors-accent-4);
  --colors-color-palette-5: var(--colors-accent-5);
  --colors-color-palette-6: var(--colors-accent-6);
  --colors-color-palette-7: var(--colors-accent-7);
  --colors-color-palette-8: var(--colors-accent-8);
  --colors-color-palette-9: var(--colors-accent-9);
  --colors-color-palette-10: var(--colors-accent-10);
  --colors-color-palette-11: var(--colors-accent-11);
  --colors-color-palette-12: var(--colors-accent-12);
  --colors-color-palette-a1: var(--colors-accent-a1);
  --colors-color-palette-a2: var(--colors-accent-a2);
  --colors-color-palette-a3: var(--colors-accent-a3);
  --colors-color-palette-a4: var(--colors-accent-a4);
  --colors-color-palette-a5: var(--colors-accent-a5);
  --colors-color-palette-a6: var(--colors-accent-a6);
  --colors-color-palette-a7: var(--colors-accent-a7);
  --colors-color-palette-a8: var(--colors-accent-a8);
  --colors-color-palette-a9: var(--colors-accent-a9);
  --colors-color-palette-a10: var(--colors-accent-a10);
  --colors-color-palette-a11: var(--colors-accent-a11);
  --colors-color-palette-a12: var(--colors-accent-a12);
  --colors-color-palette-default: var(--colors-accent-default);
  --colors-color-palette-emphasized: var(--colors-accent-emphasized);
  --colors-color-palette-fg: var(--colors-accent-fg);
  --colors-color-palette-text: var(--colors-accent-text);
  display: flex;
  width: var(--sizes-full);
}
.tabs__root[data-orientation=horizontal] {
  flex-direction: column;
}
.tabs__root[data-orientation=vertical] {
  flex-direction: row;
}
.tabs__list {
  display: flex;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  flex-shrink: 0;
}
.tabs__list::-webkit-scrollbar {
  display: none;
}
.tabs__list[data-orientation=horizontal] {
  flex-direction: row;
}
.tabs__list[data-orientation=vertical] {
  flex-direction: column;
}
.tabs__trigger {
  color: var(--colors-fg-muted);
  cursor: pointer;
  display: inline-flex;
  gap: var(--spacing-2);
  white-space: nowrap;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: color, background, border-color;
  transition-property: color, background, border-color;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.tabs__trigger:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
}
.tabs__trigger:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  color: var(--colors-fg-disabled);
}
.tabs__trigger:is([aria-selected=true], [data-selected]) {
  color: var(--colors-fg-default);
}
.tabs__trigger:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
  color: var(--colors-fg-default);
}
.tabs__trigger[data-orientation=vertical] {
  justify-content: flex-start;
}
.tabs__trigger:is(:hover, [data-hover]) {
  color: var(--colors-fg-muted);
}
.toast__group,.toast__root {
  padding: var(--spacing-4);
}
.toast__root {
  background: var(--colors-bg-default);
  border-radius: var(--radii-l3);
  box-shadow: var(--shadows-lg);
  min-width: var(--sizes-xs);
  position: relative;
}
.toast__root:is([open], [data-state=open]) {
  animation: slideInFromBottom 0.2s ease-out;
}
.toast__root:is([data-state=closed]) {
  animation: slideOutFromBottom 0.2s ease-out;
}
.toast__title {
  color: var(--colors-fg-default);
  font-weight: var(--font-weights-semibold);
}
.toast__title,.toast__description {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.toast__description {
  color: var(--colors-fg-muted);
}
.toast__closeTrigger {
  position: absolute;
  top: var(--spacing-3);
  right: var(--spacing-3);
}
.toggleGroup__root {
  display: flex;
  overflow: hidden;
  position: relative;
}
.toggleGroup__root[data-orientation=vertical] {
  flex-direction: column;
}
.toggleGroup__item {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  color: var(--colors-fg-subtle);
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.toggleGroup__item:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-gray-a3);
  color: var(--colors-fg-default);
}
.toggleGroup__item:is([aria-pressed=true], [data-pressed]) {
  background: var(--colors-gray-a3);
  color: var(--colors-fg-default);
}
.toggleGroup__item:is(:disabled, [disabled], [data-disabled]) {
  color: var(--colors-fg-disabled);
  cursor: not-allowed;
  border-color: var(--colors-border-disabled);
}
.toggleGroup__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
  background: var(--colors-transparent);
  color: var(--colors-fg-disabled);
  border-color: var(--colors-border-disabled);
}
.toggleGroup__item:is(:hover, [data-hover]) {
  color: var(--colors-fg-default);
  background: var(--colors-gray-a3);
}
.tooltip__content {
  background: var(--colors-gray-a12);
  border-radius: var(--radii-l2);
  box-shadow: var(--shadows-sm);
  color: var(--colors-bg-default);
  padding-inline: var(--spacing-3);
  padding-block: var(--spacing-2);
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
  max-width: var(--sizes-2xs);
  font-weight: var(--font-weights-semibold);
}
.tooltip__content:is([open], [data-state=open]) {
  animation: fadeIn 0.25s ease-out;
}
.tooltip__content:is([data-state=closed]) {
  animation: fadeOut 0.2s ease-out;
}
.accordion__itemTrigger--size_md {
  padding-block: var(--spacing-4);
}
.accordion__itemContent--size_md {
  padding-bottom: var(--spacing-6);
  padding-right: var(--spacing-8);
}
.accordion__itemContent--size_md:is([data-state=closed]) {
  padding-bottom: var(--spacing-0);
}
.avatar__root--size_md,.avatar__image--size_md {
  height: var(--sizes-10);
  width: var(--sizes-10);
}
.avatar__fallback--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.avatar__fallback--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.avatar__root--size_xs,.avatar__image--size_xs {
  height: var(--sizes-8);
  width: var(--sizes-8);
}
.avatar__fallback--size_xs {
  font-size: var(--font-sizes-xs);
  line-height: 1.125rem;
}
.avatar__fallback--size_xs svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.avatar__root--size_sm,.avatar__image--size_sm {
  height: var(--sizes-9);
  width: var(--sizes-9);
}
.avatar__fallback--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.avatar__fallback--size_sm svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.avatar__root--size_lg,.avatar__image--size_lg {
  height: var(--sizes-11);
  width: var(--sizes-11);
}
.avatar__fallback--size_lg {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
}
.avatar__fallback--size_lg svg {
  width: var(--sizes-6);
  height: var(--sizes-6);
}
.avatar__root--size_xl,.avatar__image--size_xl {
  height: var(--sizes-12);
  width: var(--sizes-12);
}
.avatar__fallback--size_xl {
  font-size: var(--font-sizes-xl);
  line-height: 1.875rem;
}
.avatar__fallback--size_xl svg {
  width: var(--sizes-7);
  height: var(--sizes-7);
}
.avatar__root--size_2xl,.avatar__image--size_2xl {
  height: var(--sizes-16);
  width: var(--sizes-16);
}
.avatar__fallback--size_2xl {
  font-size: var(--font-sizes-2xl);
  line-height: 2rem;
}
.avatar__fallback--size_2xl svg {
  width: var(--sizes-8);
  height: var(--sizes-8);
}
.checkbox__root--size_md {
  gap: var(--spacing-3);
}
.checkbox__label--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.checkbox__control--size_md {
  width: var(--sizes-5);
  height: var(--sizes-5);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_md svg {
  width: var(--sizes-3\.5);
  height: var(--sizes-3\.5);
}
.checkbox__root--size_sm {
  gap: var(--spacing-2);
}
.checkbox__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.checkbox__control--size_sm {
  width: var(--sizes-4);
  height: var(--sizes-4);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_sm svg {
  width: var(--sizes-3);
  height: var(--sizes-3);
}
.checkbox__root--size_lg {
  gap: var(--spacing-4);
}
.checkbox__label--size_lg {
  font-size: var(--font-sizes-lg);
  line-height: 1.75rem;
}
.checkbox__control--size_lg {
  width: var(--sizes-6);
  height: var(--sizes-6);
  border-radius: var(--radii-l1);
}
.checkbox__control--size_lg svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_md {
  right: var(--spacing-3);
}
.combobox__content--size_md {
  padding: var(--spacing-1);
  gap: var(--spacing-1);
}
.combobox__item--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-10);
}
.combobox__itemIndicator--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__itemGroupLabel--size_md {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.combobox__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_sm {
  right: var(--spacing-2\.5);
}
.combobox__content--size_sm {
  padding: var(--spacing-0\.5);
  gap: var(--spacing-1);
}
.combobox__item--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-9);
}
.combobox__itemIndicator--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.combobox__itemGroupLabel--size_sm {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.combobox__label--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.combobox__trigger--size_lg {
  right: var(--spacing-3\.5);
}
.combobox__content--size_lg {
  padding: var(--spacing-1\.5);
  gap: var(--spacing-1);
}
.combobox__item--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-11);
}
.combobox__itemIndicator--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.combobox__itemGroupLabel--size_lg {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.menu__triggerItem--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_md {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_md {
  height: var(--sizes-10);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroup--size_md {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__triggerItem--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_xs {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_xs {
  height: var(--sizes-8);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_xs :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroupLabel--size_xs {
  padding-block: var(--spacing-1\.5);
  padding-inline: var(--spacing-1\.5);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_xs {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__content--size_sm {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__item--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__optionItem--size_sm {
  height: var(--sizes-9);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.menu__itemGroupLabel--size_sm {
  padding-block: var(--spacing-2);
  padding-inline: var(--spacing-2);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_sm {
  gap: var(--spacing-1);
}
.menu__triggerItem--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1\.5);
}
.menu__triggerItem--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__content--size_lg {
  padding-block: var(--spacing-1);
  gap: var(--spacing-1);
}
.menu__item--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__item--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__optionItem--size_lg {
  height: var(--sizes-11);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__optionItem--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.menu__itemGroupLabel--size_lg {
  padding-block: var(--spacing-2\.5);
  padding-inline: var(--spacing-2\.5);
  margin-inline: var(--spacing-1);
}
.menu__itemGroup--size_lg {
  gap: var(--spacing-1);
}
.progress__track--size_md {
  height: var(--sizes-2);
}
.progress__circle--size_md {
  --size: 40px;
  --thickness: 4px;
}
.progress__track--size_sm {
  height: var(--sizes-1\.5);
}
.progress__circle--size_sm {
  --size: 36px;
  --thickness: 4px;
}
.progress__track--size_lg {
  height: var(--sizes-2\.5);
}
.progress__circle--size_lg {
  --size: 44px;
  --thickness: 4px;
}
.radioButtonGroup__root--size_md {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_md {
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-4);
}
.radioButtonGroup__item--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_md {
  gap: var(--spacing-2);
}
.radioButtonGroup__item--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  background: var(--colors-color-palette-default);
  color: var(--colors-color-palette-fg);
  border-color: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  color: var(--colors-color-palette-fg);
  background: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.radioButtonGroup__item--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]):is(:hover, [data-hover]) {
  background: initial;
}
.radioButtonGroup__root--size_sm {
  gap: var(--spacing-2);
}
.radioButtonGroup__item--size_sm {
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-3\.5);
}
.radioButtonGroup__item--size_sm svg {
  width: var(--sizes-4\.5);
  height: var(--sizes-4\.5);
}
.radioButtonGroup__itemText--size_sm {
  gap: var(--spacing-2);
}
.radioButtonGroup__root--size_lg {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_lg {
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-4\.5);
}
.radioButtonGroup__item--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_lg {
  gap: var(--spacing-2);
}
.radioButtonGroup__root--size_xl {
  gap: var(--spacing-3);
}
.radioButtonGroup__item--size_xl {
  height: var(--sizes-12);
  min-width: var(--sizes-12);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-5);
}
.radioButtonGroup__item--size_xl svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.radioButtonGroup__itemText--size_xl {
  gap: var(--spacing-2\.5);
}
.segmentGroup__item--size_sm,.select__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_md {
  padding-inline: var(--spacing-3);
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-md);
}
.select__trigger--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__item--size_md {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-10);
}
.select__itemIndicator--size_md :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__itemGroupLabel--size_md {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_md {
  padding: var(--spacing-1);
  gap: var(--spacing-1);
}
.select__trigger--variant_outline {
  border-width: 1px;
}
.select__trigger--variant_outline:is(:focus, [data-focus]) {
  box-shadow: 0 0 0 1px var(--colors-color-palette-default);
  border-color: var(--colors-color-palette-default);
}
.select__trigger--variant_ghost:is(:focus, [data-focus]) {
  background: var(--colors-gray-a3);
}
.select__trigger--variant_ghost:is(:hover, [data-hover]) {
  background: var(--colors-gray-a3);
}
.select__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_sm {
  padding-inline: var(--spacing-2\.5);
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-sm);
}
.select__trigger--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__item--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-9);
}
.select__itemIndicator--size_sm :where(svg) {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.select__itemGroupLabel--size_sm {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_sm {
  padding: var(--spacing-0\.5);
  gap: var(--spacing-1);
}
.select__label--size_lg {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.select__trigger--size_lg {
  padding-inline: var(--spacing-3\.5);
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  gap: var(--spacing-2);
  font-size: var(--font-sizes-md);
}
.select__trigger--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.select__item--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  padding-inline: var(--spacing-2);
  height: var(--sizes-11);
}
.select__itemIndicator--size_lg :where(svg) {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.select__itemGroupLabel--size_lg {
  padding-inline: var(--spacing-2);
  padding-block: var(--spacing-1\.5);
}
.select__content--size_lg {
  padding: var(--spacing-1\.5);
  gap: var(--spacing-1);
}
.slider__label--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__thumb--size_md {
  height: var(--sizes-5);
  width: var(--sizes-5);
}
.slider__track--size_md,.slider__range--size_md {
  height: var(--sizes-2);
}
.slider__control--size_md {
  height: var(--sizes-5);
}
.slider__marker--size_md {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__marker--size_md::before {
  height: var(--sizes-1);
  width: var(--sizes-1);
  top: calc(var(--spacing-3) * -1);
}
.slider__label--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__thumb--size_sm {
  height: var(--sizes-4);
  width: var(--sizes-4);
}
.slider__track--size_sm,.slider__range--size_sm {
  height: var(--sizes-1\.5);
}
.slider__control--size_sm {
  height: var(--sizes-4);
}
.slider__marker--size_sm {
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
}
.slider__marker--size_sm::before {
  height: var(--sizes-1);
  width: var(--sizes-1);
  top: calc(var(--spacing-2\.5) * -1);
}
.slider__label--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.slider__thumb--size_lg {
  height: var(--sizes-6);
  width: var(--sizes-6);
}
.slider__track--size_lg,.slider__range--size_lg {
  height: var(--sizes-2\.5);
}
.slider__control--size_lg {
  height: var(--sizes-6);
}
.slider__marker--size_lg {
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
}
.slider__marker--size_lg::before {
  height: var(--sizes-1\.5);
  width: var(--sizes-1\.5);
  top: -15px;
}
.tabs__trigger--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.tabs__list--variant_line[data-orientation=horizontal] {
  box-shadow: 0 -1px 0 0 inset var(--colors-border-default);
  gap: var(--spacing-4);
}
.tabs__list--variant_line[data-orientation=vertical] {
  box-shadow: 1px 0 0 0 inset var(--colors-border-default);
  gap: var(--spacing-1);
}
.tabs__trigger--variant_line[data-orientation=horizontal] {
  padding-bottom: var(--spacing-2\.5);
}
.tabs__content--variant_line {
  padding-top: var(--spacing-4);
}
.tabs__indicator--variant_line {
  background: var(--colors-color-palette-default);
}
.tabs__indicator--variant_line[data-orientation=horizontal] {
  height: 2px;
  width: var(--width);
  bottom: var(--spacing-0);
}
.tabs__indicator--variant_line[data-orientation=vertical] {
  height: var(--height);
  width: 2px;
  left: var(--spacing-0);
}
.tabs__list--variant_enclosed {
  border-radius: var(--radii-l3);
  padding-inline: var(--spacing-1);
  border-width: 1px;
  background-color: var(--colors-gray-a2);
}
.tabs__list--variant_enclosed[data-orientation=vertical] {
  height: -moz-fit-content !important;
  height: fit-content !important;
  padding-block: var(--spacing-1);
}
.tabs__list--variant_enclosed.dark,.dark .tabs__list--variant_enclosed {
  background-color: var(--colors-bg-canvas);
}
.tabs__list--variant_enclosed[data-orientation=horizontal] {
  align-items: center;
}
.tabs__indicator--variant_enclosed {
  box-shadow: var(--shadows-xs);
  border-radius: var(--radii-l2);
  --transition-duration: 200ms !important;
  height: var(--height);
  width: var(--width);
  background-color: var(--colors-bg-default);
}
.tabs__indicator--variant_enclosed.dark,.dark .tabs__indicator--variant_enclosed {
  background-color: var(--colors-bg-subtle);
}
.tabs__list--variant_outline[data-orientation=horizontal] {
  margin-bottom: -1px;
}
.tabs__list--variant_outline[data-orientation=vertical] {
  margin-right: -1px;
}
.tabs__trigger--variant_outline {
  border-color: var(--colors-transparent);
  border-width: 1px;
}
.tabs__trigger--variant_outline[data-orientation=horizontal] {
  border-top-left-radius: var(--radii-l2);
  border-top-right-radius: var(--radii-l2);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected]) {
  background: var(--colors-bg-default);
  border-color: var(--colors-border-subtle);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected])[data-orientation=horizontal] {
  border-bottom-color: var(--colors-transparent);
}
.tabs__trigger--variant_outline:is([aria-selected=true], [data-selected])[data-orientation=vertical] {
  border-right-color: var(--colors-transparent);
}
.tabs__trigger--variant_outline[data-orientation=vertical] {
  border-top-left-radius: var(--radii-l2);
  border-bottom-left-radius: var(--radii-l2);
}
.tabs__content--variant_outline {
  background: var(--colors-bg-default);
  width: var(--sizes-full);
  border-width: 1px;
  border-color: var(--colors-border-subtle);
}
.tabs__trigger--size_sm svg {
  width: var(--sizes-4);
  height: var(--sizes-4);
}
.tabs__trigger--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.toggleGroup__item--size_md {
  height: var(--sizes-10);
  min-width: var(--sizes-10);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_md svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.toggleGroup__root--variant_outline {
  border-radius: var(--radii-l2);
  border-width: 1px;
  border-color: var(--colors-border-default);
}
.toggleGroup__root--variant_outline[data-orientation=horizontal] > :not([hidden]) ~ :not([hidden]) {
  border-inline-start-width: 1px;
  border-inline-end-width: 0px;
}
.toggleGroup__root--variant_outline[data-orientation=vertical] > :not([hidden]) ~ :not([hidden]) {
  border-top-width: 1px;
  border-bottom-width: 0px;
}
.toggleGroup__item--variant_outline {
  border-color: var(--colors-border-default);
}
.toggleGroup__item--variant_outline:is(:focus-visible, [data-focus-visible]) {
  color: var(--colors-fg-default);
  background: var(--colors-gray-a3);
}
.toggleGroup__root--variant_ghost {
  gap: var(--spacing-1);
}
.toggleGroup__item--variant_ghost {
  border-radius: var(--radii-l2);
}
.toggleGroup__item--variant_ghost:is(:focus-visible, [data-focus-visible]) {
  outline-offset: 2px;
  outline: 2px solid;
  outline-color: var(--colors-border-outline);
}
.toggleGroup__item--size_sm {
  height: var(--sizes-9);
  min-width: var(--sizes-9);
  font-size: var(--font-sizes-sm);
  line-height: 1.25rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_sm svg {
  width: var(--sizes-4\.5);
  height: var(--sizes-4\.5);
}
.toggleGroup__item--size_lg {
  height: var(--sizes-11);
  min-width: var(--sizes-11);
  font-size: var(--font-sizes-md);
  line-height: 1.5rem;
  gap: var(--spacing-2);
}
.toggleGroup__item--size_lg svg {
  width: var(--sizes-5);
  height: var(--sizes-5);
}
.border-ruby-dim {
  --tw-border-opacity: 1;
  border-color: rgb(248 191 200 / var(--tw-border-opacity));
}
@media (prefers-color-scheme: dark) {

  .border-ruby-dim {
    --tw-border-opacity: 1;
    border-color: rgb(111 37 57 / var(--tw-border-opacity));
  }
}
.text-ruby-normal {
  --tw-text-opacity: 1;
  color: rgb(100 23 43 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {

  .text-ruby-normal {
    --tw-text-opacity: 1;
    color: rgb(254 210 225 / var(--tw-text-opacity));
  }
}
.main-layout {
		display: grid;
		padding: var(--panels-gutter-width);
		grid-template-rows: [top-panel] var(--top-panel-height) [bottom-panel] var(
				--media-player-height
			);
		gap: var(--panels-gutter-width);
		height: 100dvh;
		grid-template-areas:
			"top-panel"
			"bottom-panel";
	}
.main-panel {
		grid-area: main-panel;
	}
.right-sidebar-panel {
		grid-area: right-sidebar-panel;
	}
/* Hide columns in the BucketTable that have hidden children */
th.th-control:has(.hidden),
	td.td-control:has(.hidden) {
		display: none;
	}
@media (min-width: 1024px) {
		th.th-control:has(.lg\:block),
		td.td-control:has(.lg\:block) {
			display: table-cell;
		}
	}
@media (min-width: 768px) {
		th.th-control:has(.md\:block),
		td.td-control:has(.md\:block) {
			display: table-cell;
		}
	}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-top-6 {
  top: -1.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-8 {
  bottom: 2rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-\[4px\] {
  left: 4px;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-8 {
  right: 2rem;
}
.right-\[4px\] {
  right: 4px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[36px\] {
  top: 36px;
}
.top-\[4px\] {
  top: 4px;
}
.-z-10 {
  z-index: -10;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-10 {
  grid-row: span 10 / span 10;
}
.row-span-11 {
  grid-row: span 11 / span 11;
}
.row-span-12 {
  grid-row: span 12 / span 12;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.row-span-4 {
  grid-row: span 4 / span 4;
}
.row-span-5 {
  grid-row: span 5 / span 5;
}
.row-span-6 {
  grid-row: span 6 / span 6;
}
.row-span-7 {
  grid-row: span 7 / span 7;
}
.row-span-8 {
  grid-row: span 8 / span 8;
}
.row-span-9 {
  grid-row: span 9 / span 9;
}
.m-0 {
  margin: 0px;
}
.m-8 {
  margin: 2rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-mt-48 {
  margin-top: -12rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-\[calc\(-3504\/2\/16\*1rem\)\] {
  margin-left: calc(-3504 / 2 / 16 * 1rem);
}
.ml-auto {
  margin-left: auto;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[clamp\(0rem\2c 4cqw\2c 1rem\)\] {
  margin-top: clamp(0rem,4cqw,1rem);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-golden {
  aspect-ratio: 1.618;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-\[10px\] {
  width: 10px;
  height: 10px;
}
.size-\[12px\] {
  width: 12px;
  height: 12px;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-24 {
  height: 6rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.75rem\] {
  height: 2.75rem;
}
.h-\[3\.5rem\] {
  height: 3.5rem;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[5px\] {
  height: 5px;
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-table-height {
  height: var(--table-height);
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-28 {
  min-height: 7rem;
}
.min-h-dvh {
  min-height: 100dvh;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-48 {
  width: 12rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-\[--kb-toast-progress-fill-width\] {
  width: var(--kb-toast-progress-fill-width);
}
.w-\[1px\] {
  width: 1px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[calc\(100\%\+1rem\)\] {
  width: calc(100% + 1rem);
}
.w-\[calc\(3504\/16\*1rem\)\] {
  width: calc(3504 / 16 * 1rem);
}
.w-\[var\(--kb-progress-fill-width\)\] {
  width: var(--kb-progress-fill-width);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-panels-gutter {
  width: var(--panels-gutter-width);
}
.w-px {
  width: 1px;
}
.w-sidebar-logo {
  width: var(--sidebar-logo-width);
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-36 {
  min-width: 9rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[2\.75rem\] {
  min-width: 2.75rem;
}
.min-w-\[3\.5rem\] {
  min-width: 3.5rem;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[75cqw\] {
  max-width: 75cqw;
}
.max-w-\[var\(--kb-popper-content-available-width\)\] {
  max-width: var(--kb-popper-content-available-width);
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.caption-bottom {
  caption-side: bottom;
}
.origin-\[var\(--kb-menu-content-transform-origin\)\] {
  transform-origin: var(--kb-menu-content-transform-origin);
}
.origin-\[var\(--kb-popover-content-transform-origin\)\] {
  transform-origin: var(--kb-popover-content-transform-origin);
}
.origin-center {
  transform-origin: center;
}
.origin-left {
  transform-origin: left;
}
.origin-right {
  transform-origin: right;
}
.-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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -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));
}
.rotate-0 {
  --tw-rotate: 0deg;
  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));
}
.scale-\[110\%\] {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  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));
}
.scale-\[50\%\] {
  --tw-scale-x: 50%;
  --tw-scale-y: 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));
}
.scale-\[60\%\] {
  --tw-scale-x: 60%;
  --tw-scale-y: 60%;
  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));
}
.scale-\[70\%\] {
  --tw-scale-x: 70%;
  --tw-scale-y: 70%;
  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));
}
.scale-\[90\%\] {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  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));
}
.transform {
  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));
}
@keyframes content-hide {

  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
.animate-content-hide {
  animation: content-hide 0.2s ease-out;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scroll-m-10 {
  scroll-margin: 2.5rem;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-items-start {
  place-items: start;
}
.place-items-end {
  place-items: end;
}
.place-items-center {
  place-items: center;
}
.place-items-stretch {
  place-items: stretch;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-24 {
  gap: 6rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-32 {
  gap: 8rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-40 {
  gap: 10rem;
}
.gap-48 {
  gap: 12rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-56 {
  gap: 14rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-64 {
  gap: 16rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * 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-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * 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));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.self-stretch {
  align-self: stretch;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-none {
  overscroll-behavior: none;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-l1 {
  border-radius: var(--radii-l1);
}
.rounded-l2 {
  border-radius: var(--radii-l2);
}
.rounded-l3 {
  border-radius: var(--radii-l3);
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[none\] {
  border-color: none;
}
.border-accent-default {
  border-color: var(--colors-accent-default);
}
.border-border-default {
  border-color: var(--colors-border-default);
}
.border-border-destructive {
  border-color: var(--colors-ruby-6);
}
.border-border-outline {
  border-color: var(--colors-border-outline);
}
.border-border-subtle {
  border-color: var(--colors-border-subtle);
}
.border-fg-muted {
  border-color: var(--colors-fg-muted);
}
.bg-accent-default {
  background-color: var(--colors-accent-default);
}
.bg-accent-emphasized {
  background-color: var(--colors-accent-emphasized);
}
.bg-accent-light {
  background-color: var(--colors-accent-a2);;
}
.bg-bg-canvas {
  background-color: var(--colors-bg-canvas);
}
.bg-bg-default {
  background-color: var(--colors-bg-default);
}
.bg-bg-emphasized {
  background-color: var(--colors-bg-emphasized);
}
.bg-bg-muted {
  background-color: var(--colors-bg-muted);
}
.bg-bg-subtle {
  background-color: var(--colors-bg-subtle);
}
.bg-border-default {
  background-color: var(--colors-border-default);
}
.bg-border-disabled {
  background-color: var(--colors-border-disabled);
}
.bg-border-muted {
  background-color: var(--colors-border-muted);
}
.bg-border-outline {
  background-color: var(--colors-border-outline);
}
.bg-border-subtle {
  background-color: var(--colors-border-subtle);
}
.bg-destructive-default {
  background-color: var(--colors-ruby-9);
}
.bg-destructive-soft {
  background-color: var(--colors-ruby-a3);
}
.bg-fg-default {
  background-color: var(--colors-fg-default);
}
.bg-fg-muted {
  background-color: var(--colors-fg-muted);
}
.bg-ruby-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 248 / var(--tw-bg-opacity));
}
.bg-slatedark-2\/80 {
  background-color: rgb(24 25 27 / 0.8);
}
.bg-transparent {
  background-color: transparent;
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-slate-1\/90 {
  --tw-gradient-from: rgb(252 252 253 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 252 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-slate-3\/90 {
  --tw-gradient-to: rgb(240 240 243 / 0.9) var(--tw-gradient-to-position);
}
.fill-accent-default {
  fill: var(--colors-accent-default);
}
.fill-current {
  fill: currentColor;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.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-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-baseline {
  vertical-align: baseline;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[2px\] {
  font-size: 2px;
}
.text-\[clamp\(0\.75rem\2c 4cqw\2c 1rem\)\] {
  font-size: clamp(0.75rem,4cqw,1rem);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-fluid-hero {
  font-size: var(--hero-font-size);
}
.text-fluid-sidebar {
  font-size: var(--fluid-font-size-sidebar);
}
.text-fluid-xs {
  font-size: var(--fluid-font-size-xs);
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.capitalize {
  text-transform: capitalize;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[1\.875rem\] {
  line-height: 1.875rem;
}
.leading-\[2\.375rem\] {
  line-height: 2.375rem;
}
.leading-\[2\.75rem\] {
  line-height: 2.75rem;
}
.leading-\[3\.75rem\] {
  line-height: 3.75rem;
}
.leading-\[4\.5rem\] {
  line-height: 4.5rem;
}
.leading-\[5\.75rem\] {
  line-height: 5.75rem;
}
.leading-hero {
  line-height: var(--hero-line-height);
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-accent-default {
  color: var(--colors-accent-default);
}
.text-accent-fg {
  color: var(--colors-accent-fg);
}
.text-accent-text {
  color: var(--colors-accent-text);
}
.text-border-default {
  color: var(--colors-border-default);
}
.text-current {
  color: currentColor;
}
.text-destructive-fg {
  color: var(--colors-ruby-11);
}
.text-destructive-text {
  color: var(--colors-ruby-12);
}
.text-fg-default {
  color: var(--colors-fg-default);
}
.text-fg-muted {
  color: var(--colors-fg-muted);
}
.text-fg-subtle {
  color: var(--colors-fg-subtle);
}
.text-fg-success {
  color: var(--colors-green-11);
}
.text-ruby-11 {
  --tw-text-opacity: 1;
  color: rgb(202 36 77 / var(--tw-text-opacity));
}
.text-success-text {
  color: var(--colors-green-12);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.mix-blend-color-burn {
  mix-blend-mode: color-burn;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cta-inset {
  --tw-shadow: var(--shadows-cta-primary);
  --tw-shadow-colored: var(--shadows-cta-primary);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: var(--shadows-lg);
  --tw-shadow-colored: var(--shadows-lg);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: var(--shadows-md);
  --tw-shadow-colored: var(--shadows-md);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: var(--shadows-sm);
  --tw-shadow-colored: var(--shadows-sm);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: var(--shadows-xl);
  --tw-shadow-colored: var(--shadows-xl);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-offset-bg-canvas {
  --tw-ring-offset-color: var(--colors-bg-canvas);
}
.ring-offset-border-default {
  --tw-ring-offset-color: var(--colors-border-default);
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.blur-lg {
  --tw-blur: blur(16px);
  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);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  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);
}
.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
.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);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c box-shadow\2c transform\] {
  transition-property: color,background-color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c background-color\2c box-shadow\] {
  transition-property: color,background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\] {
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-75 {
  transition-duration: 75ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
@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));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-in-80 {
  --tw-enter-opacity: 0.8;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-100 {
  animation-duration: 100ms;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-75 {
  animation-duration: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.running {
  animation-play-state: running;
}
.rotate-y-90 {
  rotate: y 90deg;
}
.rotate-y-180 {
  rotate: y 180deg;
}
.\@container\/dialog {
  container-type: inline-size;
  container-name: dialog;
}
.\@container\/leftSidebar {
  container-type: inline-size;
  container-name: leftSidebar;
}
.\@container\/mainPanel {
  container-type: inline-size;
  container-name: mainPanel;
}
.\@container\/mediaPlayer {
  container-type: inline-size;
  container-name: mediaPlayer;
}
.\@container\/mobileNav {
  container-type: inline-size;
  container-name: mobileNav;
}
.\@container\/tableBody {
  container-type: inline-size;
  container-name: tableBody;
}
@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));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-in-80 {
  --tw-enter-opacity: 0.8;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-100 {
  animation-duration: 100ms;
}
.duration-150 {
  animation-duration: 150ms;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-75 {
  animation-duration: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  animation-timing-function: linear;
}
.running {
  animation-play-state: running;
}
.\@container\/dialog {
  container-type: inline-size;
  container-name: dialog;
}
.\@container\/leftSidebar {
  container-type: inline-size;
  container-name: leftSidebar;
}
.\@container\/mainPanel {
  container-type: inline-size;
  container-name: mainPanel;
}
.\@container\/mediaPlayer {
  container-type: inline-size;
  container-name: mediaPlayer;
}
.\@container\/mobileNav {
  container-type: inline-size;
  container-name: mobileNav;
}
.\@container\/tableBody {
  container-type: inline-size;
  container-name: tableBody;
}
.\[after\:swap\] {
  after: swap;
}
@media (max-width: 640px) {
	.container {
		padding-inline: 1rem;
	}
}
html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}
p {
	text-wrap: pretty;
}
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}
::-webkit-scrollbar {
	width: 16px;
}
::-webkit-scrollbar-thumb {
	border-radius: 9999px;
	border: 4px solid transparent;
	background-clip: content-box;
	background-color: var(--colors-gray-4);
}
::-webkit-scrollbar-track {
	background-color: var(--colors-gray-2);
	border-radius: 0.5rem;
}
/* Color Theme Swatches in HSLA */
.molecules-1-hsla {
	color: hsla(250, 88, 58, 1);
}
.molecules-2-hsla {
	color: hsla(221, 100, 2, 1);
}
.molecules-3-hsla {
	color: hsla(201, 100, 12, 1);
}
.molecules-4-hsla {
	color: hsla(180, 89, 51, 1);
}
.molecules-5-hsla {
	color: hsla(162, 88, 45, 1);
}
:root {
	--hero-font-size: clamp(1.5rem, 1rem + 7cqw, 4.5rem);
	--hero-margin: clamp(1rem, 1rem + 10cqw, 2rem);
	--hero-line-height: clamp(2.75rem, 1rem + 10cqw, 5.75rem);

	/* color palette - light */
	--colors-accent-1: var(--colors-teal-1);
	--colors-accent-a1: var(--colors-teal-a1);
	--colors-accent-2: var(--colors-teal-2);
	--colors-accent-a2: var(--colors-teal-a2);
	--colors-accent-3: var(--colors-teal-3);
	--colors-accent-a3: var(--colors-teal-a3);
	--colors-accent-4: var(--colors-teal-4);
	--colors-accent-a4: var(--colors-teal-a4);
	--colors-accent-5: var(--colors-teal-5);
	--colors-accent-a5: var(--colors-teal-a5);
	--colors-accent-6: var(--colors-teal-6);
	--colors-accent-a6: var(--colors-teal-a6);
	--colors-accent-7: var(--colors-teal-7);
	--colors-accent-a7: var(--colors-teal-a7);
	--colors-accent-8: var(--colors-teal-8);
	--colors-accent-a8: var(--colors-teal-a8);
	--colors-accent-9: var(--colors-teal-9);
	--colors-accent-a9: var(--colors-teal-a9);
	--colors-accent-10: var(--colors-teal-10);
	--colors-accent-a10: var(--colors-teal-a10);
	--colors-accent-11: var(--colors-teal-11);
	--colors-accent-a11: var(--colors-teal-a11);
	--colors-accent-12: var(--colors-teal-12);
	--colors-accent-a12: var(--colors-teal-a12);
	--colors-accent-fg: var(--colors-white);
	--colors-accent-default: var(--colors-accent-9);
	--colors-accent-emphasized: var(--colors-accent-10);
	--colors-accent-text: var(--colors-accent-a11);

	/* need to use numbers for tailwind */
	--accent-secondary: 227.39 100% 62.24%;
	--accent-secondary-emphasized: 227.39 100% 68.24%;
	--offeragents-indigo: #2b48e8;
	--logo-fill: #011724;

	/* These variables are used by Park UI */
	--colors-gray-1: var(--colors-slate-1);
	--colors-gray-a1: var(--colors-slate-a1);
	--colors-gray-2: var(--colors-slate-2);
	--colors-gray-a2: var(--colors-slate-a2);
	--colors-gray-3: var(--colors-slate-3);
	--colors-gray-a3: var(--colors-slate-a3);
	--colors-gray-4: var(--colors-slate-4);
	--colors-gray-a4: var(--colors-slate-a4);
	--colors-gray-5: var(--colors-slate-5);
	--colors-gray-a5: var(--colors-slate-a5);
	--colors-gray-6: var(--colors-slate-6);
	--colors-gray-a6: var(--colors-slate-a6);
	--colors-gray-7: var(--colors-slate-7);
	--colors-gray-a7: var(--colors-slate-a7);
	--colors-gray-8: var(--colors-slate-8);
	--colors-gray-a8: var(--colors-slate-a8);
	--colors-gray-9: var(--colors-slate-9);
	--colors-gray-a9: var(--colors-slate-a9);
	--colors-gray-10: var(--colors-slate-10);
	--colors-gray-a10: var(--colors-slate-a10);
	--colors-gray-11: var(--colors-slate-11);
	--colors-gray-a11: var(--colors-slate-a11);
	--colors-gray-12: var(--colors-slate-12);
	--colors-gray-a12: var(--colors-slate-a12);

	/* scrollbar */
	--scrollbar-width: 16px;

	/* radii */
	--radii-l1: var(--radii-md);
	--radii-l2: var(--radii-lg);
	--radii-l3: var(--radii-xl);

	/* shadows */
	--shadows-xs: 0px 1px 2px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-sm: 0px 2px 4px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-md: 0px 4px 8px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-lg: 0px 8px 16px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-xl: 0px 16px 24px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-2xl: 0px 24px 40px var(--colors-black-a3), 0px 0px 1px
		var(--colors-slate-a7);
	--shadows-cta-primary: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
	/* inset shadow raises on hover */
	--shadows-inset-hover: inset 0 0px 0 0 rgba(0, 0, 0, 0.35);
}
.dark {
	--colors-accent-1: var(--colors-teal-1);
	--colors-accent-a1: var(--colors-teal-a1);
	--colors-accent-2: var(--colors-teal-2);
	--colors-accent-a2: var(--colors-teal-a2);
	--colors-accent-3: var(--colors-teal-3);
	--colors-accent-a3: var(--colors-teal-a3);
	--colors-accent-4: var(--colors-teal-4);
	--colors-accent-a4: var(--colors-teal-a4);
	--colors-accent-5: var(--colors-teal-5);
	--colors-accent-a5: var(--colors-teal-a5);
	--colors-accent-6: var(--colors-teal-6);
	--colors-accent-a6: var(--colors-teal-a6);
	--colors-accent-7: var(--colors-teal-7);
	--colors-accent-a7: var(--colors-teal-a7);
	--colors-accent-8: var(--colors-teal-8);
	--colors-accent-a8: var(--colors-teal-a8);
	--colors-accent-9: var(--colors-teal-9);
	--colors-accent-a9: var(--colors-teal-a9);
	--colors-accent-10: var(--colors-teal-10);
	--colors-accent-a10: var(--colors-teal-a10);
	--colors-accent-11: var(--colors-teal-11);
	--colors-accent-a11: var(--colors-teal-a11);
	--colors-accent-12: var(--colors-teal-12);
	--colors-accent-a12: var(--colors-teal-a12);
	--colors-accent-fg: var(--colors-white);
	--colors-accent-default: var(--colors-accent-9);
	--colors-accent-emphasized: var(--colors-accent-10);
	--colors-accent-text: var(--colors-accent-a11);
	--colors-gray-1: var(--colors-slate-1);
	--colors-gray-a1: var(--colors-slate-a1);
	--colors-gray-2: var(--colors-slate-2);
	--colors-gray-a2: var(--colors-slate-a2);
	--colors-gray-3: var(--colors-slate-3);
	--colors-gray-a3: var(--colors-slate-a3);
	--colors-gray-4: var(--colors-slate-4);
	--colors-gray-a4: var(--colors-slate-a4);
	--colors-gray-5: var(--colors-slate-5);
	--colors-gray-a5: var(--colors-slate-a5);
	--colors-gray-6: var(--colors-slate-6);
	--colors-gray-a6: var(--colors-slate-a6);
	--colors-gray-7: var(--colors-slate-7);
	--colors-gray-a7: var(--colors-slate-a7);
	--colors-gray-8: var(--colors-slate-8);
	--colors-gray-a8: var(--colors-slate-a8);
	--colors-gray-9: var(--colors-slate-9);
	--colors-gray-a9: var(--colors-slate-a9);
	--colors-gray-10: var(--colors-slate-10);
	--colors-gray-a10: var(--colors-slate-a10);
	--colors-gray-11: var(--colors-slate-11);
	--colors-gray-a11: var(--colors-slate-a11);
	--colors-gray-12: var(--colors-slate-12);
	--colors-gray-a12: var(--colors-slate-a12);

	--logo-fill: #b4becf;
}
@media (min-width: 768px) {
	.inset-button {
		padding: 0 2rem;
	}
}
:root {
	/* custom properties */
	--media-player-height: 96px;
	--panels-gutter-width: 8px;
	--sidebar-logo-width: clamp(1.5cqi, 80cqi, 2rem);
	--top-panel-height: calc(
		100dvh -
		(var(--media-player-height)) -
		(var(--panels-gutter-width) * 2)
	);
	--table-height: calc(var(--top-panel-height) - 30cqh);
	--fluid-font-size-sidebar: clamp(0.75rem, 0.75rem + 2cqi, 1.25rem);
}
.header-root {
	--header-height: 48px;
	--header-bg: var(--colors-gray-a2);
	--header-logo-width: clamp(1rem, 1.5rem, 2rem);
}
.header-mask {
	inset: 0 0 auto 0;
	height: calc(var(--header-height) + 24px);
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	-webkit-mask-image: linear-gradient(
		to bottom,
		var(--colors-gray-a2) 20%,
		transparent calc(100% - 20%)
	);
	mask-image: linear-gradient(
		to bottom,
		var(--colors-gray-a2) 20%,
		transparent calc(100% - 20%)
	);
}
@media (min-width: 768px) {
	th.th-control:has(.md\:hidden),
	td.td-control:has(.md\:hidden) {
		display: none;
	}
}
@media (min-width: 1024px) {
	th.th-control:has(.lg\:hidden),
	td.td-control:has(.lg\:hidden) {
		display: none;
	}
}
.\[\&\>svg\]\:icon>svg {
  color: currentcolor;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1em;
  vertical-align: middle;
}
.\[\&\>svg\]\:iconButton>svg {
  vertical-align: middle;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.\[\&\>svg\]\:iconButton>svg:is([hidden]) {
  display: none;
}
.\[\&\>svg\]\:icon>svg {
  color: currentcolor;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1em;
  vertical-align: middle;
}
.\[\&\>svg\]\:iconButton>svg {
  vertical-align: middle;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radii-l2);
  cursor: pointer;
  display: inline-flex;
  min-width: var(--sizes-0);
  outline: var(--borders-none);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap;
  align-items: center;
  font-weight: var(--font-weights-semibold);
  justify-content: center;
  --transition-duration: var(--durations-normal);
  transition-duration: var(--durations-normal);
  --transition-prop: background, border-color, color, box-shadow;
  transition-property: background, border-color, color, box-shadow;
  --transition-easing: var(--easings-default);
  transition-timing-function: var(--easings-default);
}
.\[\&\>svg\]\:iconButton>svg:is([hidden]) {
  display: none;
}
.\*\:mt-2 > * {
  margin-top: 0.5rem;
}
.\*\:shrink-0 > * {
  flex-shrink: 0;
}
.\*\:truncate > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-fg-muted::-moz-placeholder {
  color: var(--colors-fg-muted);
}
.placeholder\:text-fg-muted::placeholder {
  color: var(--colors-fg-muted);
}
.placeholder\:text-fg-subtle::-moz-placeholder {
  color: var(--colors-fg-subtle);
}
.placeholder\:text-fg-subtle::placeholder {
  color: var(--colors-fg-subtle);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}
.after\:left-\[calc\(100\%-1px\)\]::after {
  content: var(--tw-content);
  left: calc(100% - 1px);
}
.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}
.after\:w-1::after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}
.after\:w-8::after {
  content: var(--tw-content);
  width: 2rem;
}
.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --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));
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.first\:mt-2:first-child {
  margin-top: 0.5rem;
}
.first\:rounded-t:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.last\:rounded-b:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.focus-within\:bg-accent-light:focus-within {
  background-color: var(--colors-accent-a2);;
}
.focus-within\:bg-bg-default:focus-within {
  background-color: var(--colors-bg-default);
}
.focus-within\:text-accent-text:focus-within {
  color: var(--colors-accent-text);
}
.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring-\[1\.5px\]:focus-within {
  --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(1.5px + 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-within\:ring-accent-fg:focus-within {
  --tw-ring-color: var(--colors-accent-fg);
}
.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}
.focus-within\:ring-offset-bg-subtle:focus-within {
  --tw-ring-offset-color: var(--colors-bg-subtle);
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  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));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}
.hover\:bg-\[var\(--colors-accent-a4\)\]:hover {
  background-color: var(--colors-accent-a4);
}
.hover\:bg-accent-emphasized:hover {
  background-color: var(--colors-accent-emphasized);
}
.hover\:bg-accent-light:hover {
  background-color: var(--colors-accent-a2);;
}
.hover\:bg-bg-default:hover {
  background-color: var(--colors-bg-default);
}
.hover\:bg-bg-subtle:hover {
  background-color: var(--colors-bg-subtle);
}
.hover\:bg-destructive-emphasized:hover {
  background-color: var(--colors-ruby-10);
}
.hover\:bg-destructive-soft:hover {
  background-color: var(--colors-ruby-a3);
}
.hover\:bg-none:hover {
  background-image: none;
}
.hover\:text-accent-default:hover {
  color: var(--colors-accent-default);
}
.hover\:text-accent-emphasized:hover {
  color: var(--colors-accent-emphasized);
}
.hover\:text-accent-text:hover {
  color: var(--colors-accent-text);
}
.hover\:text-destructive-fg:hover {
  color: var(--colors-ruby-11);
}
.hover\:text-fg-default:hover {
  color: var(--colors-fg-default);
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:underline-offset-4:hover {
  text-underline-offset: 4px;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.focus\:border-accent-default:focus {
  border-color: var(--colors-accent-default);
}
.focus\:bg-accent-default:focus {
  background-color: var(--colors-accent-default);
}
.focus\:bg-accent-light:focus {
  background-color: var(--colors-accent-a2);;
}
.focus\:bg-bg-subtle:focus {
  background-color: var(--colors-bg-subtle);
}
.focus\:text-accent-text:focus {
  color: var(--colors-accent-text);
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --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\:ring-\[1\.5px\]:focus {
  --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(1.5px + 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\:ring-accent-fg:focus {
  --tw-ring-color: var(--colors-accent-fg);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus\:ring-offset-bg-subtle:focus {
  --tw-ring-offset-color: var(--colors-bg-subtle);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1: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(1px + 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-\[1\.5px\]: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(1.5px + 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-fg-default:focus-visible {
  --tw-ring-color: var(--colors-fg-default);
}
.focus-visible\:ring-fg-muted:focus-visible {
  --tw-ring-color: var(--colors-fg-muted);
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-bg-canvas:focus-visible {
  --tw-ring-offset-color: var(--colors-bg-canvas);
}
.focus-visible\:ring-offset-bg-default:focus-visible {
  --tw-ring-offset-color: var(--colors-bg-default);
}
.focus-visible\:ring-offset-fg-default:focus-visible {
  --tw-ring-offset-color: var(--colors-fg-default);
}
.active\:translate-y-0:active {
  --tw-translate-y: 0px;
  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));
}
.active\:translate-y-0\.5:active {
  --tw-translate-y: 0.125rem;
  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));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-border-disabled:disabled {
  border-color: var(--colors-border-disabled);
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:text-destructive-fg {
  color: var(--colors-ruby-11);
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:active .group-active\:bg-bg-default {
  background-color: var(--colors-bg-default);
}
.group\/time_slider:hover .group-\[\:hover\]\/time_slider\:block {
  display: block;
}
.group.destructive .group-\[\.destructive\]\:bg-destructive-fg {
  background-color: var(--colors-ruby-11);
}
.group.destructive .group-\[\.destructive\]\:bg-destructive-soft {
  background-color: var(--colors-ruby-a3);
}
.group.destructive .group-\[\.destructive\]\:text-destructive-fg {
  color: var(--colors-ruby-11);
}
.group.success .group-\[\.success\]\:text-fg-success {
  color: var(--colors-green-11);
}
.peer:checked ~ .peer-checked\:opacity-0 {
  opacity: 0;
}
.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}
.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.peer\/time_slider:hover ~ .peer-hover\/time_slider\:block {
  display: block;
}
.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:ring-\[1\.5px\] {
  --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(1.5px + 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);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-fg-default {
  --tw-ring-color: var(--colors-fg-default);
}
.peer:focus-visible ~ .peer-focus-visible\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.peer:focus-visible ~ .peer-focus-visible\:ring-offset-bg-default {
  --tw-ring-offset-color: var(--colors-bg-default);
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.has-\[svg\:only-child\]\:aspect-square:has(svg:only-child) {
  aspect-ratio: 1 / 1;
}
.has-\[svg\:only-child\]\:w-10:has(svg:only-child) {
  width: 2.5rem;
}
.has-\[svg\:only-child\]\:w-5:has(svg:only-child) {
  width: 1.25rem;
}
.has-\[svg\:only-child\]\:w-8:has(svg:only-child) {
  width: 2rem;
}
.has-\[svg\:only-child\]\:w-9:has(svg:only-child) {
  width: 2.25rem;
}
.has-\[svg\:only-of-type\]\:w-\[2\.75rem\]:has(svg:only-of-type) {
  width: 2.75rem;
}
.has-\[svg\:only-of-type\]\:w-\[3\.5rem\]:has(svg:only-of-type) {
  width: 3.5rem;
}
.has-\[svg\:only-of-type\]\:w-\[4\.5rem\]:has(svg:only-of-type) {
  width: 4.5rem;
}
.has-\[svg\:only-child\]\:p-0:has(svg:only-child) {
  padding: 0px;
}
.has-\[svg\:only-of-type\]\:p-0:has(svg:only-of-type) {
  padding: 0px;
}
.has-\[role\=checkbox\]\:pr-0:has(role=checkbox) {
  padding-right: 0px;
}
.aria-selected\:bg-accent-light[aria-selected="true"] {
  background-color: var(--colors-accent-a2);;
}
.aria-selected\:text-accent-text[aria-selected="true"] {
  color: var(--colors-accent-text);
}
.group[aria-expanded="true"] .group-aria-expanded\:left-\[8px\] {
  left: 8px;
}
.group[aria-expanded="true"] .group-aria-expanded\:top-\[-3px\] {
  top: -3px;
}
.group[aria-expanded="true"] .group-aria-expanded\:top-\[39px\] {
  top: 39px;
}
.group[aria-expanded="true"] .group-aria-expanded\:w-0 {
  width: 0px;
}
.group[aria-expanded="true"] .group-aria-expanded\:w-1\/2 {
  width: 50%;
}
.group[aria-expanded="true"] .group-aria-expanded\:w-full {
  width: 100%;
}
.group[aria-expanded="true"] .group-aria-expanded\:translate-x-2 {
  --tw-translate-x: 0.5rem;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:translate-y-3 {
  --tw-translate-y: 0.75rem;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:-rotate-45 {
  --tw-rotate: -45deg;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:rotate-45 {
  --tw-rotate: 45deg;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:rotate-\[-45deg\] {
  --tw-rotate: -45deg;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:scale-x-\[1\.05\] {
  --tw-scale-x: 1.05;
  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));
}
.group[aria-expanded="true"] .group-aria-expanded\:rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.group[aria-expanded="true"] .group-aria-expanded\:rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.group[aria-expanded="true"] .group-aria-expanded\:opacity-0 {
  opacity: 0;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[orientation\=horizontal\]\:-bottom-\[1px\][data-orientation="horizontal"] {
  bottom: -1px;
}
.data-\[orientation\=horizontal\]\:-top-\[3px\][data-orientation="horizontal"] {
  top: -3px;
}
.data-\[orientation\=horizontal\]\:-top-\[4\.5px\][data-orientation="horizontal"] {
  top: -4.5px;
}
.data-\[orientation\=horizontal\]\:bottom-1[data-orientation="horizontal"] {
  bottom: 0.25rem;
}
.data-\[orientation\=horizontal\]\:left-0[data-orientation="horizontal"] {
  left: 0px;
}
.data-\[orientation\=vertical\]\:-left-\[3px\][data-orientation="vertical"] {
  left: -3px;
}
.data-\[orientation\=vertical\]\:-left-\[4\.5px\][data-orientation="vertical"] {
  left: -4.5px;
}
.data-\[orientation\=vertical\]\:-right-\[1px\][data-orientation="vertical"] {
  right: -1px;
}
.data-\[orientation\=vertical\]\:right-1[data-orientation="vertical"] {
  right: 0.25rem;
}
.data-\[orientation\=vertical\]\:top-0[data-orientation="vertical"] {
  top: 0px;
}
.data-\[orientation\=horizontal\]\:mt-2[data-orientation="horizontal"] {
  margin-top: 0.5rem;
}
.data-\[orientation\=vertical\]\:ml-2[data-orientation="vertical"] {
  margin-left: 0.5rem;
}
.data-\[orientation\=vertical\]\:flex[data-orientation="vertical"] {
  display: flex;
}
.data-\[orientation\=horizontal\]\:h-\[2px\][data-orientation="horizontal"] {
  height: 2px;
}
.data-\[orientation\=horizontal\]\:h-\[4px\][data-orientation="horizontal"] {
  height: 4px;
}
.data-\[orientation\=horizontal\]\:h-\[6px\][data-orientation="horizontal"] {
  height: 6px;
}
.data-\[orientation\=horizontal\]\:h-\[9px\][data-orientation="horizontal"] {
  height: 9px;
}
.data-\[orientation\=horizontal\]\:h-\[calc\(100\%-0\.5rem\)\][data-orientation="horizontal"] {
  height: calc(100% - 0.5rem);
}
.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
  height: 100%;
}
.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
  height: 100%;
}
.data-\[orientation\=vertical\]\:h-px[data-orientation="vertical"] {
  height: 1px;
}
.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
  width: 100%;
}
.data-\[orientation\=vertical\]\:w-2[data-orientation="vertical"] {
  width: 0.5rem;
}
.data-\[orientation\=vertical\]\:w-\[2px\][data-orientation="vertical"] {
  width: 2px;
}
.data-\[orientation\=vertical\]\:w-\[4px\][data-orientation="vertical"] {
  width: 4px;
}
.data-\[orientation\=vertical\]\:w-\[6px\][data-orientation="vertical"] {
  width: 6px;
}
.data-\[orientation\=vertical\]\:w-\[9px\][data-orientation="vertical"] {
  width: 9px;
}
.data-\[orientation\=vertical\]\:w-\[calc\(100\%-0\.5rem\)\][data-orientation="vertical"] {
  width: calc(100% - 0.5rem);
}
.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
  width: 100%;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
  --tw-translate-x: 0px;
  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));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--kb-toast-swipe-end-x\)\][data-swipe="end"] {
  --tw-translate-x: var(--kb-toast-swipe-end-x);
  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));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--kb-toast-swipe-move-x\)\][data-swipe="move"] {
  --tw-translate-x: var(--kb-toast-swipe-move-x);
  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));
}
@keyframes content-show {

  from {
    opacity: 0;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.data-\[expanded\]\:animate-content-show[data-expanded] {
  animation: content-show 0.2s ease-out;
}
.data-\[disabled\]\:cursor-default[data-disabled] {
  cursor: default;
}
.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
  cursor: not-allowed;
}
.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
  flex-direction: column;
}
.data-\[collapsed\]\:items-center[data-collapsed] {
  align-items: center;
}
.data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
  align-items: center;
}
.data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
  align-items: stretch;
}
.data-\[expanded\]\:bg-bg-emphasized[data-expanded] {
  background-color: var(--colors-bg-emphasized);
}
.data-\[highlighted\]\:bg-accent-light[data-highlighted] {
  background-color: var(--colors-accent-a2);;
}
.data-\[selected\=true\]\:bg-bg-subtle[data-selected="true"] {
  background-color: var(--colors-bg-subtle);
}
.data-\[state\=open\]\:bg-bg-canvas[data-state="open"] {
  background-color: var(--colors-bg-canvas);
}
.data-\[state\=open\]\:bg-bg-default[data-state="open"] {
  background-color: var(--colors-bg-default);
}
.data-\[state\=selected\]\:bg-bg-muted[data-state="selected"] {
  background-color: var(--colors-bg-muted);
}
.data-\[collapsed\]\:px-1[data-collapsed] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.data-\[expanded\]\:text-fg-default[data-expanded] {
  color: var(--colors-fg-default);
}
.data-\[expanded\]\:text-fg-muted[data-expanded] {
  color: var(--colors-fg-muted);
}
.data-\[highlighted\]\:text-accent-text[data-highlighted] {
  color: var(--colors-accent-text);
}
.data-\[invalid\]\:text-ruby-11[data-invalid] {
  --tw-text-opacity: 1;
  color: rgb(202 36 77 / var(--tw-text-opacity));
}
.data-\[selected\]\:text-accent-text[data-selected] {
  color: var(--colors-accent-text);
}
.data-\[selected\]\:text-fg-default[data-selected] {
  color: var(--colors-fg-default);
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-70[data-disabled] {
  opacity: 0.7;
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
  transition-property: none;
}
.data-\[closed\=\]\:duration-300[data-closed=""] {
  transition-duration: 300ms;
}
.data-\[expanded\=\]\:duration-500[data-expanded=""] {
  transition-duration: 500ms;
}
.data-\[expanded\=\]\:animate-in[data-expanded=""] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[expanded\]\:animate-in[data-expanded] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[opened\]\:animate-in[data-opened] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[closed\=\]\:animate-out[data-closed=""] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[closed\]\:animate-out[data-closed] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[closed\=\]\:fade-out-0[data-closed=""] {
  --tw-exit-opacity: 0;
}
.data-\[closed\]\:fade-out-0[data-closed] {
  --tw-exit-opacity: 0;
}
.data-\[closed\]\:fade-out-80[data-closed] {
  --tw-exit-opacity: 0.8;
}
.data-\[expanded\=\]\:fade-in-0[data-expanded=""] {
  --tw-enter-opacity: 0;
}
.data-\[expanded\]\:fade-in-0[data-expanded] {
  --tw-enter-opacity: 0;
}
.data-\[closed\]\:zoom-out-95[data-closed] {
  --tw-exit-scale: .95;
}
.data-\[expanded\]\:zoom-in-95[data-expanded] {
  --tw-enter-scale: .95;
}
.data-\[closed\=\]\:slide-out-to-bottom[data-closed=""] {
  --tw-exit-translate-y: 100%;
}
.data-\[closed\=\]\:slide-out-to-left[data-closed=""] {
  --tw-exit-translate-x: -100%;
}
.data-\[closed\=\]\:slide-out-to-right[data-closed=""] {
  --tw-exit-translate-x: 100%;
}
.data-\[closed\=\]\:slide-out-to-top[data-closed=""] {
  --tw-exit-translate-y: -100%;
}
.data-\[closed\]\:slide-out-to-left-1\/2[data-closed] {
  --tw-exit-translate-x: -50%;
}
.data-\[closed\]\:slide-out-to-right-full[data-closed] {
  --tw-exit-translate-x: 100%;
}
.data-\[expanded\=\]\:slide-in-from-bottom[data-expanded=""] {
  --tw-enter-translate-y: 100%;
}
.data-\[expanded\=\]\:slide-in-from-right[data-expanded=""] {
  --tw-enter-translate-x: 100%;
}
.data-\[expanded\=\]\:slide-in-from-top[data-expanded=""] {
  --tw-enter-translate-y: -100%;
}
.data-\[expanded\]\:slide-in-from-left[data-expanded] {
  --tw-enter-translate-x: -100%;
}
.data-\[expanded\]\:slide-in-from-left-1\/2[data-expanded] {
  --tw-enter-translate-x: -50%;
}
.data-\[opened\]\:slide-in-from-top-full[data-opened] {
  --tw-enter-translate-y: -100%;
}
.data-\[closed\=\]\:duration-300[data-closed=""] {
  animation-duration: 300ms;
}
.data-\[expanded\=\]\:duration-500[data-expanded=""] {
  animation-duration: 500ms;
}
.data-\[expanded\=\]\:animate-in[data-expanded=""] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[expanded\]\:animate-in[data-expanded] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[opened\]\:animate-in[data-opened] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[closed\=\]\:animate-out[data-closed=""] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[closed\]\:animate-out[data-closed] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[closed\=\]\:fade-out-0[data-closed=""] {
  --tw-exit-opacity: 0;
}
.data-\[closed\]\:fade-out-0[data-closed] {
  --tw-exit-opacity: 0;
}
.data-\[closed\]\:fade-out-80[data-closed] {
  --tw-exit-opacity: 0.8;
}
.data-\[expanded\=\]\:fade-in-0[data-expanded=""] {
  --tw-enter-opacity: 0;
}
.data-\[expanded\]\:fade-in-0[data-expanded] {
  --tw-enter-opacity: 0;
}
.data-\[closed\]\:zoom-out-95[data-closed] {
  --tw-exit-scale: .95;
}
.data-\[expanded\]\:zoom-in-95[data-expanded] {
  --tw-enter-scale: .95;
}
.data-\[closed\=\]\:slide-out-to-bottom[data-closed=""] {
  --tw-exit-translate-y: 100%;
}
.data-\[closed\=\]\:slide-out-to-left[data-closed=""] {
  --tw-exit-translate-x: -100%;
}
.data-\[closed\=\]\:slide-out-to-right[data-closed=""] {
  --tw-exit-translate-x: 100%;
}
.data-\[closed\=\]\:slide-out-to-top[data-closed=""] {
  --tw-exit-translate-y: -100%;
}
.data-\[closed\]\:slide-out-to-left-1\/2[data-closed] {
  --tw-exit-translate-x: -50%;
}
.data-\[closed\]\:slide-out-to-right-full[data-closed] {
  --tw-exit-translate-x: 100%;
}
.data-\[expanded\=\]\:slide-in-from-bottom[data-expanded=""] {
  --tw-enter-translate-y: 100%;
}
.data-\[expanded\=\]\:slide-in-from-right[data-expanded=""] {
  --tw-enter-translate-x: 100%;
}
.data-\[expanded\=\]\:slide-in-from-top[data-expanded=""] {
  --tw-enter-translate-y: -100%;
}
.data-\[expanded\]\:slide-in-from-left[data-expanded] {
  --tw-enter-translate-x: -100%;
}
.data-\[expanded\]\:slide-in-from-left-1\/2[data-expanded] {
  --tw-enter-translate-x: -50%;
}
.data-\[opened\]\:slide-in-from-top-full[data-opened] {
  --tw-enter-translate-y: -100%;
}
.data-\[closed\=\]\:duration-300[data-closed=""] {
  animation-duration: 300ms;
}
.data-\[expanded\=\]\:duration-500[data-expanded=""] {
  animation-duration: 500ms;
}
.data-\[orientation\=vertical\]\:after\:left-0[data-orientation="vertical"]::after {
  content: var(--tw-content);
  left: 0px;
}
.data-\[orientation\=vertical\]\:after\:h-1[data-orientation="vertical"]::after {
  content: var(--tw-content);
  height: 0.25rem;
}
.data-\[orientation\=vertical\]\:after\:w-full[data-orientation="vertical"]::after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[orientation\=vertical\]\:after\:-translate-y-1\/2[data-orientation="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-y: -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));
}
.data-\[orientation\=vertical\]\:after\:translate-x-0[data-orientation="vertical"]::after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  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));
}
.group[data-collapsed] .group-data-\[collapsed\]\:hidden {
  display: none;
}
.group\/collapse[data-state="open"] .group-data-\[state\=open\]\/collapse\:-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));
}
.group[data-dragging] .group-data-\[dragging\]\:bg-bg-emphasized {
  background-color: var(--colors-bg-emphasized);
}
.corvu-transitioning\:transition-all[data-transitioning] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.corvu-transitioning\:transition-transform[data-transitioning] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.corvu-transitioning\:duration-500[data-transitioning] {
  transition-duration: 500ms;
}
.corvu-transitioning\:ease-in-out-cubic[data-transitioning] {
  transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
.corvu-transitioning\:duration-500[data-transitioning] {
  animation-duration: 500ms;
}
.corvu-transitioning\:ease-in-out-cubic[data-transitioning] {
  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
.corvu-transitioning\:duration-500[data-transitioning] {
  animation-duration: 500ms;
}
.corvu-transitioning\:ease-in-out-cubic[data-transitioning] {
  animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
@container mediaPlayer (min-width: 32rem) {

  .\@lg\/mediaPlayer\:max-w-screen-sm {
    max-width: 640px;
  }
}
@media (min-width: 640px) {

  .sm\:bottom-0 {
    bottom: 0px;
  }

  .sm\:right-0 {
    right: 0px;
  }

  .sm\:top-auto {
    top: auto;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:block {
    display: block;
  }

  .sm\:aspect-auto {
    aspect-ratio: auto;
  }

  .sm\:min-h-16 {
    min-height: 4rem;
  }

  .sm\:w-52 {
    width: 13rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:grow-0 {
    flex-grow: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:grid-cols-none {
    grid-template-columns: none;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

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

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

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

  .sm\:gap-8 {
    gap: 2rem;
  }

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

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

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

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

  .data-\[opened\]\:sm\:slide-in-from-bottom-full[data-opened] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 768px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:bottom-24 {
    bottom: 6rem;
  }

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

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-auto {
    aspect-ratio: auto;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:w-auto {
    width: auto;
  }

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

  .md\:max-w-\[420px\] {
    max-width: 420px;
  }

  .md\:max-w-\[50cqw\] {
    max-width: 50cqw;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:grid-cols-none {
    grid-template-columns: none;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

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

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

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

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .md\:hover\:bg-bg-subtle:hover {
    background-color: var(--colors-bg-subtle);
  }
}
@media (min-width: 1024px) {

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:min-h-36 {
    min-height: 9rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:grid-cols-none {
    grid-template-columns: none;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

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

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (prefers-color-scheme: dark) {

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

  .dark\:bg-rubydark-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 21 23 / var(--tw-bg-opacity));
  }

  .dark\:from-slatedark-3\/90 {
    --tw-gradient-from: rgb(33 34 37 / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(33 34 37 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:to-slatedark-1\/90 {
    --tw-gradient-to: rgb(17 17 19 / 0.9) var(--tw-gradient-to-position);
  }

  .dark\:text-rubydark-11 {
    --tw-text-opacity: 1;
    color: rgb(255 148 157 / var(--tw-text-opacity));
  }

  .dark\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:data-\[invalid\]\:text-rubydark-11[data-invalid] {
    --tw-text-opacity: 1;
    color: rgb(255 148 157 / var(--tw-text-opacity));
  }

  @media (min-width: 768px) {

    .dark\:md\:bg-bg-default {
      background-color: var(--colors-bg-default);
    }
  }
}
.\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) {
  margin-top: 1rem;
}
.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child) {
  margin-top: 1.5rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:size-5>svg {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>svg\]\:size-6>svg {
  width: 1.5rem;
  height: 1.5rem;
}
.\[\&\>svg\]\:size-7>svg {
  width: 1.75rem;
  height: 1.75rem;
}
.\[\&\>svg\]\:size-8>svg {
  width: 2rem;
  height: 2rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:leading-none>svg {
  line-height: 1;
}
.\[\&\>svg\]\:text-accent-default>svg {
  color: var(--colors-accent-default);
}
.\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation=vertical]>div {
  --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));
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-fg-muted [cmdk-group-heading] {
  color: var(--colors-fg-muted);
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:size-4 [cmdk-input-wrapper] svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:size-4 [cmdk-item] svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
/* figtree-latin-ext-wght-normal */
@font-face {
  font-family: 'Figtree Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(/_astro/figtree-latin-ext-wght-normal.Bptc-cl5.woff2) format('woff2-variations');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* figtree-latin-wght-normal */
@font-face {
  font-family: 'Figtree Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(/_astro/figtree-latin-wght-normal.tyJnQ6lj.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* Route announcer */
	.astro-route-announcer {
		position: absolute;
		left: 0;
		top: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		white-space: nowrap;
		width: 1px;
		height: 1px;
	}