@layer reset, base, tokens, recipes, utilities;@layer reset {
  html,:host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

  *,::before,::after,::backdrop,::file-selector-button {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
}

  hr {
    color: inherit;
    height: 0px;
    border-top-width: 1px;
}

  body {
    line-height: inherit;
    height: 100%;
}

  img {
    border-style: none;
}

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

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

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

  p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word;
}

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

  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  button,input,optgroup,select,textarea,::file-selector-button {
    font: inherit;
    background: var(--colors-transparent);
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
}

  ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
}
}

  ::selection {
    background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
}

  textarea {
    resize: vertical;
}

  table {
    border-color: inherit;
    text-indent: 0px;
    border-collapse: collapse;
}

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

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

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

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

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

  b,strong {
    font-weight: bolder;
}

  code,kbd,samp,pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  progress {
    vertical-align: baseline;
}

  ::-webkit-search-decoration,::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

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

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

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}@layer base {
  :root {
    --made-with-panda: '🐼';
}

  body {
    background: var(--colors-bg-canvas);
    color: var(--colors-fg-default);
}

  .dark body {
    color-scheme: dark;
}

  *,*::before,*::after {
    border-color: var(--colors-border-subtle);
    border-style: solid;
    box-sizing: border-box;
}

  *::placeholder {
    opacity: 1;
    color: var(--colors-fg-subtle);
}

  *::selection {
    background: accent.a4;
}

  html {
    --colors-color-palette-light-1: var(--colors-republic-green-light-1);
    --colors-color-palette-light-2: var(--colors-republic-green-light-2);
    --colors-color-palette-light-3: var(--colors-republic-green-light-3);
    --colors-color-palette-light-4: var(--colors-republic-green-light-4);
    --colors-color-palette-light-5: var(--colors-republic-green-light-5);
    --colors-color-palette-light-6: var(--colors-republic-green-light-6);
    --colors-color-palette-light-7: var(--colors-republic-green-light-7);
    --colors-color-palette-light-8: var(--colors-republic-green-light-8);
    --colors-color-palette-light-9: var(--colors-republic-green-light-9);
    --colors-color-palette-light-10: var(--colors-republic-green-light-10);
    --colors-color-palette-light-11: var(--colors-republic-green-light-11);
    --colors-color-palette-light-12: var(--colors-republic-green-light-12);
    --colors-color-palette-dark-1: var(--colors-republic-green-dark-1);
    --colors-color-palette-dark-2: var(--colors-republic-green-dark-2);
    --colors-color-palette-dark-3: var(--colors-republic-green-dark-3);
    --colors-color-palette-dark-4: var(--colors-republic-green-dark-4);
    --colors-color-palette-dark-5: var(--colors-republic-green-dark-5);
    --colors-color-palette-dark-6: var(--colors-republic-green-dark-6);
    --colors-color-palette-dark-7: var(--colors-republic-green-dark-7);
    --colors-color-palette-dark-8: var(--colors-republic-green-dark-8);
    --colors-color-palette-dark-9: var(--colors-republic-green-dark-9);
    --colors-color-palette-dark-10: var(--colors-republic-green-dark-10);
    --colors-color-palette-dark-11: var(--colors-republic-green-dark-11);
    --colors-color-palette-dark-12: var(--colors-republic-green-dark-12);
    --colors-color-palette-1: var(--colors-republic-green-1);
    --colors-color-palette-2: var(--colors-republic-green-2);
    --colors-color-palette-3: var(--colors-republic-green-3);
    --colors-color-palette-4: var(--colors-republic-green-4);
    --colors-color-palette-5: var(--colors-republic-green-5);
    --colors-color-palette-6: var(--colors-republic-green-6);
    --colors-color-palette-7: var(--colors-republic-green-7);
    --colors-color-palette-8: var(--colors-republic-green-8);
    --colors-color-palette-9: var(--colors-republic-green-9);
    --colors-color-palette-10: var(--colors-republic-green-10);
    --colors-color-palette-11: var(--colors-republic-green-11);
    --colors-color-palette-12: var(--colors-republic-green-12);
    --colors-color-palette-default: var(--colors-republic-green-default);
    --colors-color-palette-emphasized: var(--colors-republic-green-emphasized);
    --colors-color-palette-fg: var(--colors-republic-green-fg);
    --colors-color-palette-text: var(--colors-republic-green-text);
}

  *,::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: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}
}@layer tokens {
  :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);
    --animations-spin: spin 1s linear infinite;
    --blurs-sm: 4px;
    --blurs-base: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --borders-none: none;
    --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;
    --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-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-gray-light-1: #050607;
    --colors-gray-light-2: #0A0C0C;
    --colors-gray-light-3: #0D0F0F;
    --colors-gray-light-4: #0D1A0F;
    --colors-gray-light-5: #121212;
    --colors-gray-light-6: #1A1B1F;
    --colors-gray-light-7: #26272B;
    --colors-gray-light-8: #323338;
    --colors-gray-light-9: #3E3F45;
    --colors-gray-light-10: #4A4B52;
    --colors-gray-light-11: #626C71;
    --colors-gray-light-12: #DDF4FF;
    --colors-gray-light-a1: rgba(5, 6, 7, 0.05);
    --colors-gray-light-a2: rgba(5, 6, 7, 0.1);
    --colors-gray-light-a3: rgba(5, 6, 7, 0.15);
    --colors-gray-light-a4: rgba(5, 6, 7, 0.2);
    --colors-gray-light-a5: rgba(5, 6, 7, 0.3);
    --colors-gray-light-a6: rgba(5, 6, 7, 0.4);
    --colors-gray-light-a7: rgba(5, 6, 7, 0.5);
    --colors-gray-light-a8: rgba(5, 6, 7, 0.6);
    --colors-gray-light-a9: rgba(5, 6, 7, 0.7);
    --colors-gray-light-a10: rgba(5, 6, 7, 0.8);
    --colors-gray-light-a11: rgba(5, 6, 7, 0.9);
    --colors-gray-light-a12: rgba(5, 6, 7, 0.95);
    --colors-gray-dark-1: #050607;
    --colors-gray-dark-2: #0A0C0C;
    --colors-gray-dark-3: #0D0F0F;
    --colors-gray-dark-4: #0D1A0F;
    --colors-gray-dark-5: #121212;
    --colors-gray-dark-6: #1A1B1F;
    --colors-gray-dark-7: #26272B;
    --colors-gray-dark-8: #323338;
    --colors-gray-dark-9: #3E3F45;
    --colors-gray-dark-10: #4A4B52;
    --colors-gray-dark-11: #626C71;
    --colors-gray-dark-12: #DDF4FF;
    --colors-gray-dark-a1: rgba(5, 6, 7, 0.05);
    --colors-gray-dark-a2: rgba(5, 6, 7, 0.1);
    --colors-gray-dark-a3: rgba(5, 6, 7, 0.15);
    --colors-gray-dark-a4: rgba(5, 6, 7, 0.2);
    --colors-gray-dark-a5: rgba(5, 6, 7, 0.3);
    --colors-gray-dark-a6: rgba(5, 6, 7, 0.4);
    --colors-gray-dark-a7: rgba(5, 6, 7, 0.5);
    --colors-gray-dark-a8: rgba(5, 6, 7, 0.6);
    --colors-gray-dark-a9: rgba(5, 6, 7, 0.7);
    --colors-gray-dark-a10: rgba(5, 6, 7, 0.8);
    --colors-gray-dark-a11: rgba(5, 6, 7, 0.9);
    --colors-gray-dark-a12: rgba(5, 6, 7, 0.95);
    --colors-republic-green-light-1: #C8FFD8;
    --colors-republic-green-light-2: #B3FFCC;
    --colors-republic-green-light-3: #9EFFBF;
    --colors-republic-green-light-4: #89FFB3;
    --colors-republic-green-light-5: #7CFFB5;
    --colors-republic-green-light-6: #5FFF99;
    --colors-republic-green-light-7: #30FF6E;
    --colors-republic-green-light-8: #1FE65C;
    --colors-republic-green-light-9: #0FCC4A;
    --colors-republic-green-light-10: #0AB33F;
    --colors-republic-green-light-11: #089933;
    --colors-republic-green-light-12: #068028;
    --colors-republic-green-dark-1: #C8FFD8;
    --colors-republic-green-dark-2: #B3FFCC;
    --colors-republic-green-dark-3: #9EFFBF;
    --colors-republic-green-dark-4: #89FFB3;
    --colors-republic-green-dark-5: #7CFFB5;
    --colors-republic-green-dark-6: #5FFF99;
    --colors-republic-green-dark-7: #30FF6E;
    --colors-republic-green-dark-8: #1FE65C;
    --colors-republic-green-dark-9: #0FCC4A;
    --colors-republic-green-dark-10: #0AB33F;
    --colors-republic-green-dark-11: #089933;
    --colors-republic-green-dark-12: #068028;
    --colors-republic-green-primary: #30FF6E;
    --colors-republic-green-light: #7CFFB5;
    --colors-republic-green-pale: #C8FFD8;
    --colors-republic-green-dark-bg-tint: #0D1A0F;
    --colors-republic-bg-page: #050607;
    --colors-republic-bg-card: #0D0F0F;
    --colors-republic-bg-card-gradient-end: #0A0C0C;
    --colors-republic-bg-elevated: #1A1B1F;
    --colors-republic-bg-drawer: #121212;
    --colors-republic-text-primary: #FFFFFF;
    --colors-republic-text-muted: rgba(221, 244, 255, 0.75);
    --colors-republic-text-subtle: rgba(221, 244, 255, 0.5);
    --colors-republic-text-placeholder: #626C71;
    --colors-republic-border-default: rgba(94, 94, 94, 0.25);
    --colors-republic-border-accent: rgba(48, 255, 110, 0.25);
    --colors-republic-border-divider: rgba(84, 97, 99, 0.25);
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --radii-l1: var(--radii-sm);
    --radii-l2: var(--radii-md);
    --radii-l3: var(--radii-lg);
    --colors-accent-default: #30FF6E;
    --colors-accent-emphasized: #1FE65C;
    --colors-accent-fg: #050607;
    --colors-accent-text: #30FF6E;
    --colors-bg-default: #050607;
    --colors-bg-subtle: #0A0C0C;
    --colors-bg-muted: #0D0F0F;
    --colors-bg-emphasized: #1A1B1F;
    --colors-bg-accent: #0D1A0F;
    --colors-bg-canvas: #050607;
    --colors-fg-default: #FFFFFF;
    --colors-fg-muted: rgba(221, 244, 255, 0.75);
    --colors-fg-subtle: rgba(221, 244, 255, 0.5);
    --colors-fg-accent: #30FF6E;
    --colors-border-default: rgba(94, 94, 94, 0.25);
    --colors-border-muted: rgba(84, 97, 99, 0.25);
    --colors-border-subtle: rgba(84, 97, 99, 0.25);
    --colors-border-accent: rgba(48, 255, 110, 0.25);
    --colors-chart-transactions: #30FF6E;
    --colors-chart-gas: #7CFFB5;
    --colors-chart-grid: rgba(94, 94, 94, 0.25);
    --colors-chart-axis: rgba(221, 244, 255, 0.5);
    --colors-glow-subtle: 0px 0px 15px rgba(48, 255, 110, 0.08);
    --colors-glow-medium: 0px 0px 20px rgba(48, 255, 110, 0.2);
    --colors-glow-strong: 0px 0px 20px rgba(48, 255, 110, 0.4);
}

  :where(:root, .light) {
    --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);
    --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-light-9);
    --colors-red-emphasized: var(--colors-red-light-10);
    --colors-red-fg: white;
    --colors-red-text: var(--colors-red-light-a11);
    --colors-gray-1: var(--colors-gray-light-1);
    --colors-gray-2: var(--colors-gray-light-2);
    --colors-gray-3: var(--colors-gray-light-3);
    --colors-gray-4: var(--colors-gray-light-4);
    --colors-gray-5: var(--colors-gray-light-5);
    --colors-gray-6: var(--colors-gray-light-6);
    --colors-gray-7: var(--colors-gray-light-7);
    --colors-gray-8: var(--colors-gray-light-8);
    --colors-gray-9: var(--colors-gray-light-9);
    --colors-gray-10: var(--colors-gray-light-10);
    --colors-gray-11: var(--colors-gray-light-11);
    --colors-gray-12: var(--colors-gray-light-12);
    --colors-gray-a1: var(--colors-gray-light-a1);
    --colors-gray-a2: var(--colors-gray-light-a2);
    --colors-gray-a3: var(--colors-gray-light-a3);
    --colors-gray-a4: var(--colors-gray-light-a4);
    --colors-gray-a5: var(--colors-gray-light-a5);
    --colors-gray-a6: var(--colors-gray-light-a6);
    --colors-gray-a7: var(--colors-gray-light-a7);
    --colors-gray-a8: var(--colors-gray-light-a8);
    --colors-gray-a9: var(--colors-gray-light-a9);
    --colors-gray-a10: var(--colors-gray-light-a10);
    --colors-gray-a11: var(--colors-gray-light-a11);
    --colors-gray-a12: var(--colors-gray-light-a12);
    --colors-gray-default: var(--colors-gray-light-1);
    --colors-gray-emphasized: var(--colors-gray-light-12);
    --colors-gray-fg: white;
    --colors-gray-text: var(--colors-gray-light-12);
    --colors-republic-green-1: var(--colors-republic-green-light-1);
    --colors-republic-green-2: var(--colors-republic-green-light-2);
    --colors-republic-green-3: var(--colors-republic-green-light-3);
    --colors-republic-green-4: var(--colors-republic-green-light-4);
    --colors-republic-green-5: var(--colors-republic-green-light-5);
    --colors-republic-green-6: var(--colors-republic-green-light-6);
    --colors-republic-green-7: var(--colors-republic-green-light-7);
    --colors-republic-green-8: var(--colors-republic-green-light-8);
    --colors-republic-green-9: var(--colors-republic-green-light-9);
    --colors-republic-green-10: var(--colors-republic-green-light-10);
    --colors-republic-green-11: var(--colors-republic-green-light-11);
    --colors-republic-green-12: var(--colors-republic-green-light-12);
    --colors-republic-green-default: var(--colors-republic-green-light-7);
    --colors-republic-green-emphasized: var(--colors-republic-green-light-8);
    --colors-republic-green-fg: #050607;
    --colors-republic-green-text: var(--colors-republic-green-light-7);
    --colors-bg-disabled: var(--colors-gray-5);
    --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-canvas: var(--colors-gray-1);
    --colors-fg-disabled: var(--colors-gray-9);
    --colors-fg-error: var(--colors-red-9);
    --colors-fg-default: var(--colors-gray-12);
    --colors-fg-muted: var(--colors-gray-11);
    --colors-fg-subtle: var(--colors-gray-10);
    --colors-border-disabled: var(--colors-gray-5);
    --colors-border-outline: var(--colors-gray-a9);
    --colors-border-error: var(--colors-red-9);
    --colors-border-default: var(--colors-gray-7);
    --colors-border-muted: var(--colors-gray-6);
    --colors-border-subtle: var(--colors-gray-4)
}

  .dark {
    --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);
    --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-red-default: var(--colors-red-dark-9);
    --colors-red-emphasized: var(--colors-red-dark-10);
    --colors-red-fg: white;
    --colors-red-text: var(--colors-red-dark-a11);
    --colors-gray-1: var(--colors-gray-dark-1);
    --colors-gray-2: var(--colors-gray-dark-2);
    --colors-gray-3: var(--colors-gray-dark-3);
    --colors-gray-4: var(--colors-gray-dark-4);
    --colors-gray-5: var(--colors-gray-dark-5);
    --colors-gray-6: var(--colors-gray-dark-6);
    --colors-gray-7: var(--colors-gray-dark-7);
    --colors-gray-8: var(--colors-gray-dark-8);
    --colors-gray-9: var(--colors-gray-dark-9);
    --colors-gray-10: var(--colors-gray-dark-10);
    --colors-gray-11: var(--colors-gray-dark-11);
    --colors-gray-12: var(--colors-gray-dark-12);
    --colors-gray-a1: var(--colors-gray-dark-a1);
    --colors-gray-a2: var(--colors-gray-dark-a2);
    --colors-gray-a3: var(--colors-gray-dark-a3);
    --colors-gray-a4: var(--colors-gray-dark-a4);
    --colors-gray-a5: var(--colors-gray-dark-a5);
    --colors-gray-a6: var(--colors-gray-dark-a6);
    --colors-gray-a7: var(--colors-gray-dark-a7);
    --colors-gray-a8: var(--colors-gray-dark-a8);
    --colors-gray-a9: var(--colors-gray-dark-a9);
    --colors-gray-a10: var(--colors-gray-dark-a10);
    --colors-gray-a11: var(--colors-gray-dark-a11);
    --colors-gray-a12: var(--colors-gray-dark-a12);
    --colors-gray-default: var(--colors-gray-dark-1);
    --colors-gray-emphasized: var(--colors-gray-dark-12);
    --colors-gray-fg: white;
    --colors-gray-text: var(--colors-gray-dark-12);
    --colors-republic-green-1: var(--colors-republic-green-dark-1);
    --colors-republic-green-2: var(--colors-republic-green-dark-2);
    --colors-republic-green-3: var(--colors-republic-green-dark-3);
    --colors-republic-green-4: var(--colors-republic-green-dark-4);
    --colors-republic-green-5: var(--colors-republic-green-dark-5);
    --colors-republic-green-6: var(--colors-republic-green-dark-6);
    --colors-republic-green-7: var(--colors-republic-green-dark-7);
    --colors-republic-green-8: var(--colors-republic-green-dark-8);
    --colors-republic-green-9: var(--colors-republic-green-dark-9);
    --colors-republic-green-10: var(--colors-republic-green-dark-10);
    --colors-republic-green-11: var(--colors-republic-green-dark-11);
    --colors-republic-green-12: var(--colors-republic-green-dark-12);
    --colors-republic-green-default: var(--colors-republic-green-dark-7);
    --colors-republic-green-emphasized: var(--colors-republic-green-dark-8);
    --colors-republic-green-fg: #050607;
    --colors-republic-green-text: var(--colors-republic-green-dark-7);
    --colors-accent-default: #30FF6E;
    --colors-accent-emphasized: #1FE65C;
    --colors-accent-fg: #050607;
    --colors-accent-text: #30FF6E;
    --colors-bg-disabled: var(--colors-gray-6);
    --colors-bg-default: #050607;
    --colors-bg-subtle: #0A0C0C;
    --colors-bg-muted: #0D0F0F;
    --colors-bg-emphasized: #1A1B1F;
    --colors-bg-accent: #0D1A0F;
    --colors-bg-canvas: #050607;
    --colors-fg-disabled: var(--colors-gray-9);
    --colors-fg-error: var(--colors-red-9);
    --colors-fg-default: #FFFFFF;
    --colors-fg-muted: rgba(221, 244, 255, 0.75);
    --colors-fg-subtle: rgba(221, 244, 255, 0.5);
    --colors-fg-accent: #30FF6E;
    --colors-border-disabled: var(--colors-gray-5);
    --colors-border-outline: var(--colors-gray-a9);
    --colors-border-error: var(--colors-red-9);
    --colors-border-default: rgba(94, 94, 94, 0.25);
    --colors-border-muted: rgba(84, 97, 99, 0.25);
    --colors-border-subtle: rgba(84, 97, 99, 0.25);
    --colors-border-accent: rgba(48, 255, 110, 0.25);
    --colors-chart-transactions: #30FF6E;
    --colors-chart-gas: #7CFFB5;
    --colors-chart-grid: rgba(94, 94, 94, 0.25);
    --colors-chart-axis: rgba(221, 244, 255, 0.5);
    --colors-glow-subtle: 0px 0px 15px rgba(48, 255, 110, 0.08);
    --colors-glow-medium: 0px 0px 20px rgba(48, 255, 110, 0.2);
    --colors-glow-strong: 0px 0px 20px rgba(48, 255, 110, 0.4)
}

  @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;
}
}

  @keyframes spin {
    0% {
      transform: rotate(0deg);
}

    100% {
      transform: rotate(360deg);
}
}
}@layer recipes {
  @layer _base {
    .button {
      border-radius: var(--radii-l2);
      outline: var(--borders-none);
      align-items: center;
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      display: inline-flex;
      flex-shrink: 0;
      font-weight: var(--font-weights-semibold);
      isolation: isolate;
      justify-content: center;
      position: relative;
      --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);
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      min-width: var(--sizes-0);
}

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

    .button :where(svg) {
      font-size: 1.1em;
      width: 1.1em;
      height: 1.1em;
}

    .badge {
      border-radius: var(--radii-full);
      -webkit-user-select: none;
      user-select: none;
      white-space: nowrap;
}

    .badge,.link {
      align-items: center;
      display: inline-flex;
      font-weight: var(--font-weights-medium);
}

    .link {
      gap: var(--spacing-2);
      text-decoration: underline 0.1em transparent;
      color: var(--colors-fg-default);
      cursor: pointer;
      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;
}

    .icon {
      color: currentcolor;
      display: inline-block;
      flex-shrink: 0;
      vertical-align: middle;
      line-height: 1em;
}

    .code {
      background: var(--colors-bg-subtle);
      border-radius: var(--radii-l2);
      align-items: center;
      color: var(--colors-fg-default);
      display: inline-flex;
      font-weight: var(--font-weights-medium) !important;
      font-family: var(--fonts-code);
      white-space: pre;
}

    .skeleton {
      animation: var(--animations-skeleton-pulse);
      border-radius: var(--radii-l3);
      background-clip: padding-box;
      -webkit-background-clip: padding-box;
      background-color: var(--colors-gray-a4);
      color: var(--colors-transparent);
      cursor: default;
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none;
}

    .skeleton::before,.skeleton::after,.skeleton * {
      visibility: hidden;
}

    .input {
      background: none;
      border-color: var(--colors-border-default);
      border-radius: var(--radii-l2);
      border-width: 1px;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      color: var(--colors-fg-default);
      position: relative;
      --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);
      width: var(--sizes-full);
}

    .input:is([aria-invalid]) {
      border-color: var(--colors-fg-error);
}

    .input:is([aria-invalid]):is(:focus, [data-focus]) {
      border-color: var(--colors-fg-error);
      box-shadow: 0 0 0 1px var(--colors-border-error);
}

    .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: 0.4;
      cursor: not-allowed;
}

    .input:is(:focus, [data-focus]) {
      border-color: var(--colors-color-palette-default);
      box-shadow: 0 0 0 1px var(--colors-color-palette-default);
}

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

    @media (hover: hover) and (pointer: fine) {
      .link:is(:hover, [data-hover]) {
        text-decoration-color: var(--colors-color-palette-default);
}
}
}

  .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], [aria-disabled=true]) {
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
}

  .button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid;
    outline-color: var(--colors-color-palette-default);
    outline-offset: 2px;
}

  .button--variant_outline {
    border-width: 1px;
    border-color: var(--colors-color-palette-a7);
    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_outline:is([aria-selected=true], [data-selected]) {
    background: var(--colors-accent-default);
    border-color: var(--colors-accent-default);
    color: var(--colors-accent-fg);
}

  .button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    border-color: var(--colors-border-disabled);
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
}

  .button--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid;
    outline-color: var(--colors-color-palette-default);
    outline-offset: 2px;
}

  .button--size_md {
    padding-inline: var(--spacing-4);
    height: var(--sizes-10);
    min-width: var(--sizes-10);
}

  .button--size_md,.button--size_sm {
    gap: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .button--size_sm {
    padding-inline: var(--spacing-3\.5);
    height: var(--sizes-9);
    min-width: var(--sizes-9);
}

  .button--variant_solid {
    background: var(--colors-color-palette-default);
    color: var(--colors-color-palette-fg);
}

  .button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: var(--colors-bg-disabled);
    color: var(--colors-fg-disabled);
    cursor: not-allowed;
}

  .button--variant_solid:is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid;
    outline-color: var(--colors-color-palette-default);
    outline-offset: 2px;
}

  .badge--variant_outline {
    border-width: 2px;
    border-color: var(--colors-border-default);
    color: var(--colors-fg-default);
}

  .badge--size_md {
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-1\.5);
    font-size: var(--font-sizes-xs);
    line-height: 1.125rem;
    height: var(--sizes-6);
}

  .badge--size_md svg {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .badge--variant_subtle {
    background: var(--colors-bg-subtle);
    border-color: var(--colors-border-subtle);
    border-width: 1px;
    color: var(--colors-fg-default);
}

  .badge--variant_subtle svg {
    color: var(--colors-fg-muted);
}

  .icon--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .code--size_md {
    padding-inline: var(--spacing-1);
    padding-block: 1px;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    min-height: var(--sizes-6);
}

  .code--variant_outline {
    border-width: 1px;
}

  .input--size_md {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-md);
    height: var(--sizes-10);
    min-width: var(--sizes-10);
}

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

  @media (hover: hover) and (pointer: fine) {
    .button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
      background: var(--colors-transparent);
      color: var(--colors-fg-disabled);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_ghost:is(:hover, [data-hover]) {
      background: var(--colors-color-palette-a3);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_outline:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
      background: var(--colors-accent-emphasized);
      border-color: var(--colors-accent-emphasized);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
      background: var(--colors-transparent);
      border-color: var(--colors-border-disabled);
      color: var(--colors-fg-disabled);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_outline:is(:hover, [data-hover]) {
      background: var(--colors-color-palette-a2);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
      background: var(--colors-bg-disabled);
      color: var(--colors-fg-disabled);
}
}

  @media (hover: hover) and (pointer: fine) {
    .button--variant_solid:is(:hover, [data-hover]) {
      background: var(--colors-color-palette-emphasized);
}
}
}@layer recipes.slots {
  @layer _base {
    .card__root {
      background: var(--colors-bg-default);
      border-radius: var(--radii-l3);
      overflow: hidden;
      box-shadow: var(--shadows-lg);
      position: relative;
}

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

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

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

    .card__body,.card__footer {
      padding-inline: var(--spacing-6);
      display: flex;
      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;
}

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

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

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

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

    .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);
      font-weight: var(--font-weights-medium);
      text-align: left;
      vertical-align: middle;
}

    .table__row {
      --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);
      border-bottom-width: 1px;
}

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

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

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

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

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

    :root .dialog__backdrop,.light .dialog__backdrop {
      background: var(--colors-white-a10);
}

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

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

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

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

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

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

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

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

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

    .checkbox__root {
      align-items: center;
      display: flex;
}

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

    .checkbox__control {
      border-color: var(--colors-border-default);
      border-width: 1px;
      align-items: center;
      color: var(--colors-color-palette-fg);
      cursor: pointer;
      display: flex;
      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(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]) {
      background: var(--colors-color-palette-default);
      border-color: var(--colors-color-palette-default);
}

    .checkbox__control:has(+ :focus-visible) {
      outline: 2px solid;
      outline-offset: 2px;
      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);
}

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

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

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

    .tabs__root {
      display: flex;
      width: var(--sizes-full);
}

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

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

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

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

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

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

    .tabs__trigger {
      gap: var(--spacing-2);
      align-items: center;
      color: var(--colors-fg-muted);
      cursor: pointer;
      display: inline-flex;
      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);
      white-space: nowrap;
      z-index: 1;
}

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

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

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

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

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

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

    @media (hover: hover) and (pointer: fine) {
      .tabs__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
        color: var(--colors-fg-disabled);
}
}

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

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

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

  .table__cell--size_md {
    padding-inline: var(--spacing-4);
    height: var(--sizes-14);
}

  .table__header--size_md {
    padding-inline: var(--spacing-4);
    height: var(--sizes-11);
}

  .table__caption--size_md {
    margin-top: var(--spacing-4);
}

  .table__row--variant_plain:is([aria-selected=true], [data-selected]) {
    background: var(--colors-bg-muted);
}

  .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 {
    border-radius: var(--radii-l1);
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .checkbox__control--size_md svg {
    width: var(--sizes-3\.5);
    height: var(--sizes-3\.5);
}

  .tabs__trigger--size_md svg {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .tabs__list--variant_line[data-orientation=horizontal] {
    gap: var(--spacing-4);
    box-shadow: 0 -1px 0 0 inset var(--colors-border-default);
}

  .tabs__list--variant_line[data-orientation=vertical] {
    gap: var(--spacing-1);
    box-shadow: 1px 0 0 0 inset var(--colors-border-default);
}

  .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] {
    bottom: var(--spacing-0);
    height: 2px;
    width: var(--width);
}

  .tabs__indicator--variant_line[data-orientation=vertical] {
    height: var(--height);
    left: var(--spacing-0);
    width: 2px;
}

  @media (hover: hover) and (pointer: fine) {
    .table__row--variant_plain:is(:hover, [data-hover]) {
      background: var(--colors-bg-subtle);
}
}
}@layer utilities {
  @layer compositions {
    .textStyle_sm {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .textStyle_md {
      font-size: var(--font-sizes-md);
      line-height: 1.5rem;
}
}

  .bg_bg\.subtle {
    background: var(--colors-bg-subtle);
}

  .bg_transparent {
    background: var(--colors-transparent);
}

  .bd_none {
    border: var(--borders-none);
}

  .bg_bg\.muted\/30 {
    --mix-background: color-mix(in srgb, var(--colors-bg-muted) 30%, transparent);
    background: var(--mix-background, var(--colors-bg-muted));
}

  .p_3 {
    padding: var(--spacing-3);
}

  .bd_1px_solid {
    border: 1px solid;
}

  .bg_bg\.muted {
    background: var(--colors-bg-muted);
}

  .p_4 {
    padding: var(--spacing-4);
}

  .bg_bg\.muted\/50 {
    --mix-background: color-mix(in srgb, var(--colors-bg-muted) 50%, transparent);
    background: var(--mix-background, var(--colors-bg-muted));
}

  .bg_colorPalette\.a2 {
    background: var(--colors-color-palette-a2);
}

  .bg_green\.500\/10 {
    --mix-background: color-mix(in srgb, green.500 10%, transparent);
    background: var(--mix-background, green.500);
}

  .bg_orange\.500\/10 {
    --mix-background: color-mix(in srgb, orange.500 10%, transparent);
    background: var(--mix-background, orange.500);
}

  .bg_blue\.500\/10 {
    --mix-background: color-mix(in srgb, blue.500 10%, transparent);
    background: var(--mix-background, blue.500);
}

  .bg_purple\.500\/10 {
    --mix-background: color-mix(in srgb, purple.500 10%, transparent);
    background: var(--mix-background, purple.500);
}

  .bg_indigo\.500\/10 {
    --mix-background: color-mix(in srgb, indigo.500 10%, transparent);
    background: var(--mix-background, indigo.500);
}

  .bg_cyan\.500\/10 {
    --mix-background: color-mix(in srgb, cyan.500 10%, transparent);
    background: var(--mix-background, cyan.500);
}

  .bg_teal\.500\/10 {
    --mix-background: color-mix(in srgb, teal.500 10%, transparent);
    background: var(--mix-background, teal.500);
}

  .bg_pink\.500\/10 {
    --mix-background: color-mix(in srgb, pink.500 10%, transparent);
    background: var(--mix-background, pink.500);
}

  .p_0\.75rem {
    padding: 0.75rem;
}

  .m_0_auto {
    margin: 0 auto;
}

  .bg_bg\.accentSubtle {
    background: bg.accentSubtle;
}

  .p_1rem {
    padding: 1rem;
}

  .bd_1px_solid_rgba\(124\,_207\,_255\,_0\.3\) {
    border: 1px solid rgba(124, 207, 255, 0.3);
}

  .anim_spin {
    animation: var(--animations-spin);
}

  .bg_linear-gradient\(135deg\,_rgba\(48\,_255\,_110\,_0\.02\)_0\%\,_rgba\(0\,_0\,_0\,_0\.3\)_100\%\) {
    background: linear-gradient(135deg, rgba(48, 255, 110, 0.02) 0%, rgba(0, 0, 0, 0.3) 100%);
}

  .anim_pulse {
    animation: pulse;
}

  .bg_muted {
    background: muted;
}

  .bg_bg\.default\/95 {
    --mix-background: color-mix(in srgb, var(--colors-bg-default) 95%, transparent);
    background: var(--mix-background, var(--colors-bg-default));
}

  .bg_accent\.default {
    background: var(--colors-accent-default);
}

  .bg_bg\.default {
    background: var(--colors-bg-default);
}

  .p_1 {
    padding: var(--spacing-1);
}

  .bg_amber\.50 {
    background: amber.50;
}

  .bg_white {
    background: var(--colors-white);
}

  .p_0\.5rem {
    padding: 0.5rem;
}

  .p_0\.375rem {
    padding: 0.375rem;
}

  .inset_0 {
    inset: var(--spacing-0);
}

  .bg_black\/80 {
    --mix-background: color-mix(in srgb, var(--colors-black) 80%, transparent);
    background: var(--mix-background, var(--colors-black));
}

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

  .bg_gradients\.card {
    background: gradients.card;
}

  .bg_gradients\.glowLine {
    background: gradients.glowLine;
}

  .bg_error\.bgStrong {
    background: error.bgStrong;
}

  .p_0 {
    padding: var(--spacing-0);
}

  .p_3\.5 {
    padding: var(--spacing-3\.5);
}

  .p_4\.5 {
    padding: var(--spacing-4\.5);
}

  .bg_success\.bg {
    background: success.bg;
}

  .bg_warning\.bg {
    background: warning.bg;
}

  .bg_error\.bg {
    background: error.bg;
}

  .bg_border\.default {
    background: var(--colors-border-default);
}

  .flex_1 {
    flex: 1 1 0%;
}

  .mx_auto {
    margin-inline: auto;
}

  .px_4 {
    padding-inline: var(--spacing-4);
}

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

  .gap_2 {
    gap: var(--spacing-2);
}

  .py_0\.5 {
    padding-block: var(--spacing-0\.5);
}

  .bdr_md {
    border-radius: var(--radii-md);
}

  .ov_auto {
    overflow: auto;
}

  .bd-c_border\.default {
    border-color: var(--colors-border-default);
}

  .bdr_lg {
    border-radius: var(--radii-lg);
}

  .ov_hidden {
    overflow: hidden;
}

  .trs_colors {
    transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
    transition-duration: var(--transition-duration, 150ms);
}

  .gap_3 {
    gap: var(--spacing-3);
}

  .px_3 {
    padding-inline: var(--spacing-3);
}

  .bd-t_1px_solid {
    border-top: 1px solid;
}

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

  .px_2 {
    padding-inline: var(--spacing-2);
}

  .py_1 {
    padding-block: var(--spacing-1);
}

  .gap_4 {
    gap: var(--spacing-4);
}

  .bd-w_1px {
    border-width: 1px;
}

  .bd-c_colorPalette\.a5 {
    border-color: var(--colors-color-palette-a5);
}

  .bd-b_1px_solid {
    border-bottom: 1px solid;
}

  .bd-b_none {
    border-bottom: var(--borders-none);
}

  .bd-c_green\.500\/20 {
    --mix-borderColor: color-mix(in srgb, green.500 20%, transparent);
    border-color: var(--mix-borderColor, green.500);
}

  .bd-c_orange\.500\/20 {
    --mix-borderColor: color-mix(in srgb, orange.500 20%, transparent);
    border-color: var(--mix-borderColor, orange.500);
}

  .bd-c_blue\.500\/20 {
    --mix-borderColor: color-mix(in srgb, blue.500 20%, transparent);
    border-color: var(--mix-borderColor, blue.500);
}

  .bd-c_purple\.500\/20 {
    --mix-borderColor: color-mix(in srgb, purple.500 20%, transparent);
    border-color: var(--mix-borderColor, purple.500);
}

  .bd-c_indigo\.500\/20 {
    --mix-borderColor: color-mix(in srgb, indigo.500 20%, transparent);
    border-color: var(--mix-borderColor, indigo.500);
}

  .bd-c_cyan\.500\/20 {
    --mix-borderColor: color-mix(in srgb, cyan.500 20%, transparent);
    border-color: var(--mix-borderColor, cyan.500);
}

  .bd-c_teal\.500\/20 {
    --mix-borderColor: color-mix(in srgb, teal.500 20%, transparent);
    border-color: var(--mix-borderColor, teal.500);
}

  .bd-c_pink\.500\/20 {
    --mix-borderColor: color-mix(in srgb, pink.500 20%, transparent);
    border-color: var(--mix-borderColor, pink.500);
}

  .gap_1rem {
    gap: 1rem;
}

  .gap_0\.5rem {
    gap: 0.5rem;
}

  .py_3rem {
    padding-block: 3rem;
}

  .gap_1\.5rem {
    gap: 1.5rem;
}

  .gap_0\.75rem {
    gap: 0.75rem;
}

  .grid-c_span_1 {
    grid-column: span 1;
}

  .bd-c_amber\.200 {
    border-color: amber.200;
}

  .py_0\.75rem {
    padding-block: 0.75rem;
}

  .trs_all_0\.2s {
    transition: all 0.2s;
}

  .bdr_full {
    border-radius: var(--radii-full);
}

  .py_2rem {
    padding-block: 2rem;
}

  .gap_6 {
    gap: var(--spacing-6);
}

  .py_12 {
    padding-block: var(--spacing-12);
}

  .trs_color_0\.2s {
    transition: color 0.2s;
}

  .bd-c_border\.accent {
    border-color: var(--colors-border-accent);
}

  .gap_0\.5 {
    gap: var(--spacing-0\.5);
}

  .trs_background-color_0\.2s_ease {
    transition: background-color 0.2s ease;
}

  .trs_color_0\.2s_ease {
    transition: color 0.2s ease;
}

  .gap_0\.25rem {
    gap: 0.25rem;
}

  .bd-l_3px_solid {
    border-left: 3px solid;
}

  .bd-l_3px_solid_rgb\(239\,_68\,_68\) {
    border-left: 3px solid rgb(239, 68, 68);
}

  .grid-c_auto {
    grid-column: auto;
}

  .my_1rem {
    margin-block: 1rem;
}

  .px_1rem {
    padding-inline: 1rem;
}

  .py_0\.5rem {
    padding-block: 0.5rem;
}

  .gap_8 {
    gap: var(--spacing-8);
}

  .py_3 {
    padding-block: var(--spacing-3);
}

  .bd-b_1px_solid_transparent {
    border-bottom: 1px solid transparent;
}

  .bd-t_1px_solid_transparent {
    border-top: 1px solid transparent;
}

  .gap_12 {
    gap: var(--spacing-12);
}

  .trs_all_0\.2s_ease {
    transition: all 0.2s ease;
}

  .py_2 {
    padding-block: var(--spacing-2);
}

  .trs_all {
    transition-property: var(--transition-prop, all);
    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
    transition-duration: var(--transition-duration, 150ms);
}

  .bd-c_amber\.300 {
    border-color: amber.300;
}

  .py_1\.5 {
    padding-block: var(--spacing-1\.5);
}

  .bd-c_input {
    border-color: input;
}

  .bdr_sm {
    border-radius: var(--radii-sm);
}

  .trs_opacity {
    transition-property: var(--transition-prop, opacity);
    transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
    transition-duration: var(--transition-duration, 150ms);
}

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

  .bd-c_accent\.default {
    border-color: var(--colors-accent-default);
}

  .ring_none {
    outline: var(--borders-none);
}

  .mx_-1 {
    margin-inline: calc(var(--spacing-1) * -1);
}

  .my_1 {
    margin-block: var(--spacing-1);
}

  .bd-c_error\.borderStrong {
    border-color: error.borderStrong;
}

  .px_3\.5 {
    padding-inline: var(--spacing-3\.5);
}

  .px_4\.5 {
    padding-inline: var(--spacing-4\.5);
}

  .px_2\.5 {
    padding-inline: var(--spacing-2\.5);
}

  .bd-c_success\.border {
    border-color: success.border;
}

  .bd-c_warning\.border {
    border-color: warning.border;
}

  .bd-c_error\.border {
    border-color: error.border;
}

  .d_flex {
    display: flex;
}

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

  .c_fg\.default {
    color: var(--colors-fg-default);
}

  .c_blue\.600 {
    color: blue.600;
}

  .c_green\.600 {
    color: green.600;
}

  .c_purple\.600 {
    color: purple.600;
}

  .c_orange\.600 {
    color: orange.600;
}

  .c_gray\.500 {
    color: gray.500;
}

  .cursor_pointer {
    cursor: pointer;
}

  .ta_left {
    text-align: left;
}

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

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

  .c_gray\.600 {
    color: gray.600;
}

  .fs_xs {
    font-size: var(--font-sizes-xs);
}

  .ff_mono {
    font-family: var(--fonts-mono);
}

  .white-space_pre-wrap {
    white-space: pre-wrap;
}

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

  .c_green\.500 {
    color: green.500;
}

  .fs_lg {
    font-size: var(--font-sizes-lg);
}

  .ai_center {
    align-items: center;
}

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

  .fs_sm {
    font-size: var(--font-sizes-sm);
}

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

  .ai_start {
    align-items: start;
}

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

  .op_0\.5 {
    opacity: 0.5;
}

  .ta_right {
    text-align: right;
}

  .d_grid {
    display: grid;
}

  .grid-tc_120px_1fr {
    grid-template-columns: 120px 1fr;
}

  .c_accent\.default {
    color: var(--colors-accent-default);
}

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

  .font-style_italic {
    font-style: italic;
}

  .d_inline-flex {
    display: inline-flex;
}

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

  .d_inline-block {
    display: inline-block;
}

  .tt_uppercase {
    text-transform: uppercase;
}

  .ls_wider {
    letter-spacing: var(--letter-spacings-wider);
}

  .d_block {
    display: block;
}

  .fw_semibold {
    font-weight: var(--font-weights-semibold);
}

  .jc_center {
    justify-content: center;
}

  .fw_bold {
    font-weight: var(--font-weights-bold);
}

  .c_indigo\.600 {
    color: indigo.600;
}

  .fs_2xl {
    font-size: var(--font-sizes-2xl);
}

  .fs_base {
    font-size: base;
}

  .c_cyan\.600 {
    color: cyan.600;
}

  .c_teal\.600 {
    color: teal.600;
}

  .c_pink\.600 {
    color: pink.600;
}

  .ta_center {
    text-align: center;
}

  .c_red\.500 {
    color: red.500;
}

  .fs_1\.5rem {
    font-size: 1.5rem;
}

  .c_red\.600 {
    color: red.600;
}

  .fs_1\.875rem {
    font-size: 1.875rem;
}

  .grid-tc_1fr {
    grid-template-columns: 1fr;
}

  .c_fg\.accent {
    color: var(--colors-fg-accent);
}

  .bg-c_amber\.50 {
    background-color: amber.50;
}

  .c_amber\.900 {
    color: amber.900;
}

  .bg-c_colorPalette\.10 {
    background-color: var(--colors-color-palette-10);
}

  .jc_flex-start {
    justify-content: flex-start;
}

  .rotate_180deg {
    rotate: 180deg;
}

  .fs_3xl {
    font-size: var(--font-sizes-3xl);
}

  .fw_normal {
    font-weight: var(--font-weights-normal);
}

  .bx-sh_0_0_20px_rgba\(48\,_255\,_110\,_0\.1\) {
    box-shadow: 0 0 20px rgba(48, 255, 110, 0.1);
}

  .flex-d_row {
    flex-direction: row;
}

  .sy_0 > :not([hidden]) ~ :not([hidden]) {
    margin-top: var(--spacing-0);
    margin-bottom: 0px;
}

  .c_blue\.500 {
    color: blue.500;
}

  .fs_2rem {
    font-size: 2rem;
}

  .fs_1\.25rem {
    font-size: 1.25rem;
}

  .bg-c_rgba\(124\,_207\,_255\,_0\.2\) {
    background-color: rgba(124, 207, 255, 0.2);
}

  .c_\#7CCFFF {
    color: #7CCFFF;
}

  .bg-c_bg\.accentMuted {
    background-color: bg.accentMuted;
}

  .c_chart\.secondary {
    color: chart.secondary;
}

  .fs_1rem {
    font-size: 1rem;
}

  .fs_0\.875rem {
    font-size: 0.875rem;
}

  .lh_1 {
    line-height: 1;
}

  .grid-tc_repeat\(2\,_1fr\) {
    grid-template-columns: repeat(2, 1fr);
}

  .ff_monospace {
    font-family: monospace;
}

  .fs_0\.75rem {
    font-size: 0.75rem;
}

  .c_white {
    color: var(--colors-white);
}

  .bg-c_bg\.accentEmph {
    background-color: bg.accentEmph;
}

  .bg-c_rgba\(239\,_68\,_68\,_0\.1\) {
    background-color: rgba(239, 68, 68, 0.1);
}

  .bg-c_bg\.muted {
    background-color: var(--colors-bg-muted);
}

  .bg-c_red\.50 {
    background-color: red.50;
}

  .c_red\.900 {
    color: red.900;
}

  .bg-c_bg\.muted\/30 {
    --mix-backgroundColor: color-mix(in srgb, var(--colors-bg-muted) 30%, transparent);
    background-color: var(--mix-backgroundColor, var(--colors-bg-muted));
}

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

  .pos_sticky {
    position: sticky;
}

  .z_50 {
    z-index: 50;
}

  .bkdp_blur\(8px\) {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

  .bg-i_linear-gradient\(bg\.default\/95\,_bg\.default\/95\)\,_linear-gradient\(90deg\,_rgba\(204\,204\,204\,0\)_0\%\,_\#707B92_20\%\,_\#707B92_80\%\,_rgba\(153\,153\,153\,0\)_100\%\) {
    background-image: linear-gradient(bg.default/95, bg.default/95), linear-gradient(90deg, rgba(204,204,204,0) 0%, #707B92 20%, #707B92 80%, rgba(153,153,153,0) 100%);
}

  .bg-o_border-box {
    background-origin: border-box;
}

  .bg-cp_padding-box\,_border-box {
    background-clip: padding-box, border-box;
    -webkit-background-clip: padding-box, border-box;
}

  .fs_xl {
    font-size: var(--font-sizes-xl);
}

  .d_none {
    display: none;
}

  .d_inline {
    display: inline;
}

  .c_\#FFFFFF {
    color: #FFFFFF;
}

  .pos_relative {
    position: relative;
}

  .c_rgba\(221\,_244\,_255\,_0\.75\) {
    color: rgba(221, 244, 255, 0.75);
}

  .bg-i_linear-gradient\(bg\.default\,_bg\.default\)\,_linear-gradient\(90deg\,_rgba\(204\,204\,204\,0\)_0\%\,_\#707B92_20\%\,_\#707B92_80\%\,_rgba\(153\,153\,153\,0\)_100\%\) {
    background-image: linear-gradient(bg.default, bg.default), linear-gradient(90deg, rgba(204,204,204,0) 0%, #707B92 20%, #707B92 80%, rgba(153,153,153,0) 100%);
}

  .ls_wide {
    letter-spacing: var(--letter-spacings-wide);
}

  .bx-sh_sm {
    box-shadow: var(--shadows-sm);
}

  .c_amber\.600 {
    color: amber.600;
}

  .c_amber\.700 {
    color: amber.700;
}

  .c_amber\.800 {
    color: amber.800;
}

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

  .trs-prop_colors {
    --transition-prop: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
}

  .trs-dur_normal {
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
}

  .pos_absolute {
    position: absolute;
}

  .c_muted\.foreground {
    color: muted.foreground;
}

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

  .us_none {
    -webkit-user-select: none;
    user-select: none;
}

  .bg-c_muted {
    background-color: muted;
}

  .fs_10px {
    font-size: 10px;
}

  .bg-c_popover {
    background-color: popover;
}

  .bx-sh_md {
    box-shadow: var(--shadows-md);
}

  .bg-c_transparent {
    background-color: var(--colors-transparent);
}

  .c_foreground {
    color: foreground;
}

  .pos_fixed {
    position: fixed;
}

  .trf_translate\(-50\%\,_-50\%\) {
    transform: translate(-50%, -50%);
}

  .bx-sh_lg {
    box-shadow: var(--shadows-lg);
}

  .op_0\.7 {
    opacity: 0.7;
}

  .sr_true {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

  .flex-d_column-reverse {
    flex-direction: column-reverse;
}

  .lh_none {
    line-height: var(--line-heights-none);
}

  .ls_tight {
    letter-spacing: var(--letter-spacings-tight);
}

  .caption-side_bottom {
    caption-side: bottom;
}

  .va_middle {
    vertical-align: middle;
}

  .lh_tight {
    line-height: var(--line-heights-tight);
}

  .cursor_help {
    cursor: help;
}

  .c_accent\.fg {
    color: var(--colors-accent-fg);
}

  .fw_600 {
    font-weight: 600;
}

  .c_error\.default {
    color: error.default;
}

  .fs_md {
    font-size: var(--font-sizes-md);
}

  .white-space_nowrap {
    white-space: nowrap;
}

  .c_success\.default {
    color: success.default;
}

  .c_warning\.default {
    color: warning.default;
}

  .min-h_100vh {
    min-height: 100vh;
}

  .max-w_6xl {
    max-width: var(--sizes-6xl);
}

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

  .h_4 {
    height: var(--sizes-4);
}

  .w_4 {
    width: var(--sizes-4);
}

  .mt_0\.5 {
    margin-top: var(--spacing-0\.5);
}

  .ml_1 {
    margin-left: var(--spacing-1);
}

  .h_5 {
    height: var(--sizes-5);
}

  .w_5 {
    width: var(--sizes-5);
}

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

  .w_3 {
    width: var(--sizes-3);
}

  .mt_1 {
    margin-top: var(--spacing-1);
}

  .pb_3 {
    padding-bottom: var(--spacing-3);
}

  .pt_3 {
    padding-top: var(--spacing-3);
}

  .min-w_60px {
    min-width: 60px;
}

  .w_fit {
    width: var(--sizes-fit);
}

  .w_16 {
    width: var(--sizes-16);
}

  .mt_2 {
    margin-top: var(--spacing-2);
}

  .ov-x_auto {
    overflow-x: auto;
}

  .max-h_32 {
    max-height: var(--sizes-32);
}

  .mr_1 {
    margin-right: var(--spacing-1);
}

  .min-w_0 {
    min-width: var(--sizes-0);
}

  .h_6 {
    height: var(--sizes-6);
}

  .w_6 {
    width: var(--sizes-6);
}

  .mb_3 {
    margin-bottom: var(--spacing-3);
}

  .mb_2 {
    margin-bottom: var(--spacing-2);
}

  .mb_0 {
    margin-bottom: var(--spacing-0);
}

  .pb_0 {
    padding-bottom: var(--spacing-0);
}

  .mb_1 {
    margin-bottom: var(--spacing-1);
}

  .mr_2 {
    margin-right: var(--spacing-2);
}

  .h_1rem {
    height: 1rem;
}

  .w_1rem {
    width: 1rem;
}

  .pt_1\.5rem {
    padding-top: 1.5rem;
}

  .h_3rem {
    height: 3rem;
}

  .w_3rem {
    width: 3rem;
}

  .mb_1rem {
    margin-bottom: 1rem;
}

  .mb_0\.5rem {
    margin-bottom: 0.5rem;
}

  .h_2rem {
    height: 2rem;
}

  .w_12rem {
    width: 12rem;
}

  .h_16rem {
    height: 16rem;
}

  .w_100\% {
    width: 100%;
}

  .h_24rem {
    height: 24rem;
}

  .h_0\.75rem {
    height: 0.75rem;
}

  .w_0\.75rem {
    width: 0.75rem;
}

  .mr_0\.25rem {
    margin-right: 0.25rem;
}

  .mt_0\.25rem {
    margin-top: 0.25rem;
}

  .h_1\.25rem {
    height: 1.25rem;
}

  .w_1\.25rem {
    width: 1.25rem;
}

  .h_4rem {
    height: 4rem;
}

  .h_2\.5rem {
    height: 2.5rem;
}

  .w_2\.5rem {
    width: 2.5rem;
}

  .mb_0\.25rem {
    margin-bottom: 0.25rem;
}

  .mr_0\.5rem {
    margin-right: 0.5rem;
}

  .ml_0\.5rem {
    margin-left: 0.5rem;
}

  .h_12 {
    height: var(--sizes-12);
}

  .w_12 {
    width: var(--sizes-12);
}

  .mb_4 {
    margin-bottom: var(--spacing-4);
}

  .max-w_md {
    max-width: var(--sizes-md);
}

  .mt_4 {
    margin-top: var(--spacing-4);
}

  .ml_2 {
    margin-left: var(--spacing-2);
}

  .min-w_3\.5rem {
    min-width: 3.5rem;
}

  .h_8rem {
    height: 8rem;
}

  .mt_0\.5rem {
    margin-top: 0.5rem;
}

  .w_2rem {
    width: 2rem;
}

  .pb_0\.5rem {
    padding-bottom: 0.5rem;
}

  .ml_0\.25rem {
    margin-left: 0.25rem;
}

  .max-w_42rem {
    max-width: 42rem;
}

  .max-h_80vh {
    max-height: 80vh;
}

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

  .pt_1rem {
    padding-top: 1rem;
}

  .pb_1rem {
    padding-bottom: 1rem;
}

  .max-h_15rem {
    max-height: 15rem;
}

  .pt_2rem {
    padding-top: 2rem;
}

  .pb_2rem {
    padding-bottom: 2rem;
}

  .w_fit-content {
    width: fit-content;
}

  .bd-l-c_accent\.default {
    border-left-color: var(--colors-accent-default);
}

  .h_1\.5rem {
    height: 1.5rem;
}

  .w_1\.5rem {
    width: 1.5rem;
}

  .mt_1rem {
    margin-top: 1rem;
}

  .mt_1\.5rem {
    margin-top: 1.5rem;
}

  .mb_0\.75rem {
    margin-bottom: 0.75rem;
}

  .h_1\.75rem {
    height: 1.75rem;
}

  .w_10rem {
    width: 10rem;
}

  .w_33\.333333\% {
    width: 33.333333%;
}

  .pt_0\.5rem {
    padding-top: 0.5rem;
}

  .max-h_12rem {
    max-height: 12rem;
}

  .max-h_200 {
    max-height: 200px;
}

  .h_16 {
    height: var(--sizes-16);
}

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

  .h_300px {
    height: 300px;
}

  .h_400px {
    height: 400px;
}

  .h_8 {
    height: var(--sizes-8);
}

  .w_2\/3 {
    width: 66.666667%;
}

  .top_0 {
    top: var(--spacing-0);
}

  .max-w_7xl {
    max-width: var(--sizes-7xl);
}

  .w_8 {
    width: var(--sizes-8);
}

  .mt_auto {
    margin-top: auto;
}

  .pb_8 {
    padding-bottom: var(--spacing-8);
}

  .h_10 {
    height: var(--sizes-10);
}

  .w_auto {
    width: auto;
}

  .w_10 {
    width: var(--sizes-10);
}

  .pt_8 {
    padding-top: var(--spacing-8);
}

  .w_6rem {
    width: 6rem;
}

  .h_2\.25rem {
    height: 2.25rem;
}

  .w_200px {
    width: 200px;
}

  .pl_0\.75rem {
    padding-left: 0.75rem;
}

  .pr_5rem {
    padding-right: 5rem;
}

  .pt_0\.25rem {
    padding-top: 0.25rem;
}

  .pb_0\.25rem {
    padding-bottom: 0.25rem;
}

  .right_0 {
    right: var(--spacing-0);
}

  .pr_0\.75rem {
    padding-right: 0.75rem;
}

  .pl_0\.375rem {
    padding-left: 0.375rem;
}

  .pr_0\.375rem {
    padding-right: 0.375rem;
}

  .top_2\.5rem {
    top: 2.5rem;
}

  .h_0\.875rem {
    height: 0.875rem;
}

  .w_0\.875rem {
    width: 0.875rem;
}

  .ml_auto {
    margin-left: auto;
}

  .left_50\% {
    left: 50%;
}

  .top_50\% {
    top: 50%;
}

  .max-w_lg {
    max-width: var(--sizes-lg);
}

  .right_4 {
    right: var(--spacing-4);
}

  .top_4 {
    top: var(--spacing-4);
}

  .bd-t-w_1px {
    border-top-width: 1px;
}

  .left_0 {
    left: var(--spacing-0);
}

  .h_1px {
    height: 1px;
}

  .pt_0 {
    padding-top: var(--spacing-0);
}

  .top_full {
    top: full;
}

  .max-h_96 {
    max-height: var(--sizes-96);
}

  .min-w_32 {
    min-width: var(--sizes-32);
}

  .pl_8 {
    padding-left: var(--spacing-8);
}

  .pr_2 {
    padding-right: var(--spacing-2);
}

  .left_2 {
    left: var(--spacing-2);
}

  .h_3\.5 {
    height: var(--sizes-3\.5);
}

  .w_3\.5 {
    width: var(--sizes-3\.5);
}

  .max-w_xs {
    max-width: var(--sizes-xs);
}

  .bdr-tl_md {
    border-top-left-radius: var(--radii-md);
}

  .bdr-br_md {
    border-bottom-right-radius: var(--radii-md);
}

  .bdr-tr_0 {
    border-top-right-radius: 0;
}

  .bdr-bl_0 {
    border-bottom-left-radius: 0;
}

  .min-w_10 {
    min-width: var(--sizes-10);
}

  .min-w_8 {
    min-width: var(--sizes-8);
}

  .h_11 {
    height: var(--sizes-11);
}

  .h_9 {
    height: var(--sizes-9);
}

  .min-w_9 {
    min-width: var(--sizes-9);
}

  .min-w_11 {
    min-width: var(--sizes-11);
}

  .pt_4 {
    padding-top: var(--spacing-4);
}

  .pt_5 {
    padding-top: var(--spacing-5);
}

  .mt_6 {
    margin-top: var(--spacing-6);
}

  .w_24 {
    width: var(--sizes-24);
}

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

  .w_1px {
    width: 1px;
}

  .after\:bg_accent\.default::after {
    background: var(--colors-accent-default);
}

  .checked\:bg_accent\.default:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
    background: var(--colors-accent-default);
}

  .selected\:bg_bg\.default:is([aria-selected=true], [data-selected]) {
    background: var(--colors-bg-default);
}

  .last\:bd-b_0:last-child {
    border-bottom: 0;
}

  .last\:bd-b_none:last-child {
    border-bottom: var(--borders-none);
}

  .dark .dark\:c_blue\.400 {
    color: blue.400;
}

  .dark .dark\:c_green\.400 {
    color: green.400;
}

  .dark .dark\:c_purple\.400 {
    color: purple.400;
}

  .dark .dark\:c_orange\.400 {
    color: orange.400;
}

  .dark .dark\:c_gray\.400 {
    color: gray.400;
}

  .peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ .peerDisabled\:cursor_not-allowed {
    cursor: not-allowed;
}

  .peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ .peerDisabled\:op_0\.7 {
    opacity: 0.7;
}

  .after\:content_\"\"::after {
    content: "";
}

  .after\:pos_absolute::after {
    position: absolute;
}

  .after\:op_0\.5::after {
    opacity: 0.5;
}

  .placeholder\:c_muted\.foreground::placeholder,.placeholder\:c_muted\.foreground[data-placeholder] {
    color: muted.foreground;
}

  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
}

  .disabled\:op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    opacity: 0.5;
}

  .checked\:c_white:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
    color: var(--colors-white);
}

  .placeholder\:c_fg\.muted::placeholder,.placeholder\:c_fg\.muted[data-placeholder] {
    color: var(--colors-fg-muted);
}

  .disabled\:pointer-events_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    pointer-events: none;
}

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

  .selected\:bx-sh_sm:is([aria-selected=true], [data-selected]) {
    box-shadow: var(--shadows-sm);
}

  .placeholder\:c_fg\.placeholder::placeholder,.placeholder\:c_fg\.placeholder[data-placeholder] {
    color: fg.placeholder;
}

  .last\:bd-b-w_0:last-child {
    border-bottom-width: 0;
}

  .after\:bottom_-2px::after {
    bottom: -2px;
}

  .after\:left_0::after {
    left: var(--spacing-0);
}

  .after\:right_0::after {
    right: var(--spacing-0);
}

  .after\:h_2px::after {
    height: 2px;
}

  .focusVisible\:ring_1px:is(:focus-visible, [data-focus-visible]) {
    outline: 1px;
}

  .focus\:ring_2:is(:focus, [data-focus]) {
    outline: 2px;
}

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

  .focus\:bd-c_accent\.default:is(:focus, [data-focus]) {
    border-color: var(--colors-accent-default);
}

  .focusVisible\:ring-c_ring:is(:focus-visible, [data-focus-visible]) {
    outline-color: ring;
}

  .focus\:ring-c_accent\.default:is(:focus, [data-focus]) {
    outline-color: var(--colors-accent-default);
}

  .focus\:ring-o_2:is(:focus, [data-focus]) {
    outline-offset: var(--spacing-2);
}

  .focus\:bx-sh_glow\.accent:is(:focus, [data-focus]) {
    box-shadow: glow.accent;
}

  @media screen and (min-width: 40rem) {
    .sm\:d_inline {
      display: inline;
}

    .sm\:d_none {
      display: none;
}

    .sm\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
}

    .sm\:ta_left {
      text-align: left;
}

    .sm\:flex-d_row {
      flex-direction: row;
}

    .sm\:jc_flex-end {
      justify-content: flex-end;
}
}

  @media screen and (min-width: 48rem) {
    .md\:px_6 {
      padding-inline: var(--spacing-6);
}

    .md\:py_8 {
      padding-block: var(--spacing-8);
}

    .md\:grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}

    .md\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}

    .md\:d_flex {
      display: flex;
}
}

  @media screen and (min-width: 64rem) {
    .lg\:grid-c_span_2 {
      grid-column: span 2;
}

    .lg\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}

    .lg\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
}

    .lg\:grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}

    .lg\:flex-d_row {
      flex-direction: row;
}

    .lg\:max-w_280px {
      max-width: 280px;
}

    .lg\:w_300px {
      width: 300px;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_bg\.muted\/50:is(:hover, [data-hover]) {
      --mix-background: color-mix(in srgb, var(--colors-bg-muted) 50%, transparent);
      background: var(--mix-background, var(--colors-bg-muted));
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_bg\.muted:is(:hover, [data-hover]) {
      background: var(--colors-bg-muted);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_bg\.accentEmph:is(:hover, [data-hover]) {
      background: bg.accentEmph;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_accent\.default:is(:hover, [data-hover]) {
      background: var(--colors-accent-default);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_bg\.subtle:is(:hover, [data-hover]) {
      background: var(--colors-bg-subtle);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_amber\.100:is(:hover, [data-hover]) {
      background: amber.100;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg_error\.border:is(:hover, [data-hover]) {
      background: error.border;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:td_underline:is(:hover, [data-hover]) {
      text-decoration: underline;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bd-c_border\.accent:is(:hover, [data-hover]) {
      border-color: var(--colors-border-accent);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_fg\.default:is(:hover, [data-hover]) {
      color: var(--colors-fg-default);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_accent\.default:is(:hover, [data-hover]) {
      color: var(--colors-accent-default);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg-c_bg\.accentSubtle:is(:hover, [data-hover]) {
      background-color: bg.accentSubtle;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_colorPalette:is(:hover, [data-hover]) {
      color: var(--colors-color-palette);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg-c_rgba\(124\,_207\,_255\,_0\.3\):is(:hover, [data-hover]) {
      background-color: rgba(124, 207, 255, 0.3);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg-c_bg\.accentEmph:is(:hover, [data-hover]) {
      background-color: bg.accentEmph;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:tsh_0_0_8px_rgba\(48\,_255\,_110\,_0\.5\):is(:hover, [data-hover]) {
      text-shadow: 0 0 8px rgba(48, 255, 110, 0.5);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_\#FFFFFF:is(:hover, [data-hover]) {
      color: #FFFFFF;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_\#050607:is(:hover, [data-hover]) {
      color: #050607;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bx-sh_0px_0px_20px_rgba\(48\,_255\,_110\,_0\.3\):is(:hover, [data-hover]) {
      box-shadow: 0px 0px 20px rgba(48, 255, 110, 0.3);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:c_amber\.900:is(:hover, [data-hover]) {
      color: amber.900;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bg-c_muted:is(:hover, [data-hover]) {
      background-color: muted;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:op_1:is(:hover, [data-hover]) {
      opacity: 1;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bx-sh_glow\.medium:is(:hover, [data-hover]) {
      box-shadow: glow.medium;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bx-sh_0px_0px_20px_rgba\(220\,_38\,_38\,_0\.2\):is(:hover, [data-hover]) {
      box-shadow: 0px 0px 20px rgba(220, 38, 38, 0.2);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bx-sh_glow\.subtle:is(:hover, [data-hover]) {
      box-shadow: glow.subtle;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bd-l-w_2px:is(:hover, [data-hover]) {
      border-left-width: 2px;
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:bd-l-c_accent\.default:is(:hover, [data-hover]) {
      border-left-color: var(--colors-accent-default);
}
}

  @media (hover: hover) and (pointer: fine) {
    .hover\:pl_2:is(:hover, [data-hover]) {
      padding-left: var(--spacing-2);
}
}
}