/* [next]/internal/font/google/manrope_27cf40ec.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.p.50575af1.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.78d1a7ae.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.247c8473.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.18d7c7dc.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.71e1367e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Manrope Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_27cf40ec-module__vJe1_a__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_27cf40ec-module__vJe1_a__variable {
  --font-manrope: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/space_grotesk_d7b50fc5.module.css [app-client] (css) */
@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Space Grotesk Fallback;
  src: local(Arial);
  ascent-override: 89.71%;
  descent-override: 26.62%;
  line-gap-override: 0.0%;
  size-adjust: 109.69%;
}

.space_grotesk_d7b50fc5-module__qeW00a__className {
  font-family: Space Grotesk, Space Grotesk Fallback;
  font-style: normal;
}

.space_grotesk_d7b50fc5-module__qeW00a__variable {
  --font-space-grotesk: "Space Grotesk", "Space Grotesk Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@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";
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

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

  img {
    border-style: none;
  }

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

  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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

  ::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: #00000080;
    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, #0073ff4d);
  }

  textarea {
    resize: vertical;
  }

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

  summary {
    display: list-item;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  dialog {
    padding: 0;
  }

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

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    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-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }

  progress {
    vertical-align: baseline;
  }

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

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

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

  ::-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: "🐼";
  }

  *, :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;
  }

  * {
    --global-color-border: var(--colors-border);
    --global-color-placeholder: var(--colors-fg-subtle);
    --global-color-selection: var(--colors-color-palette-subtle-bg);
    --global-color-focus-ring: var(--colors-color-palette-solid-bg);
  }

  html {
    --colors-color-palette-50: var(--colors-gray-50);
    --colors-color-palette-100: var(--colors-gray-100);
    --colors-color-palette-200: var(--colors-gray-200);
    --colors-color-palette-300: var(--colors-gray-300);
    --colors-color-palette-400: var(--colors-gray-400);
    --colors-color-palette-500: var(--colors-gray-500);
    --colors-color-palette-600: var(--colors-gray-600);
    --colors-color-palette-700: var(--colors-gray-700);
    --colors-color-palette-800: var(--colors-gray-800);
    --colors-color-palette-900: var(--colors-gray-900);
    --colors-color-palette-950: var(--colors-gray-950);
    --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-solid-bg: var(--colors-gray-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-gray-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-gray-surface-bg);
    --colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);
    --colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-gray-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-gray-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-gray-outline-border);
    --colors-color-palette-outline-fg: var(--colors-gray-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-gray-plain-fg);
  }

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

@layer tokens {
  :where(:root, :host) {
    --aspect-ratios-square: 1 / 1;
    --aspect-ratios-landscape: 4 / 3;
    --aspect-ratios-portrait: 3 / 4;
    --aspect-ratios-wide: 16 / 9;
    --aspect-ratios-ultrawide: 18 / 5;
    --aspect-ratios-golden: 1.618 / 1;
    --borders-none: none;
    --easings-default: cubic-bezier(.4, 0, .2, 1);
    --easings-linear: linear;
    --easings-in: cubic-bezier(.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, .2, 1);
    --easings-in-out: cubic-bezier(.4, 0, .2, 1);
    --radii-xs: .125rem;
    --radii-sm: .25rem;
    --radii-md: .375rem;
    --radii-lg: .5rem;
    --radii-xl: .75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-4xl: 2rem;
    --radii-full: 9999px;
    --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;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-snug: 1.375;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.625;
    --line-heights-loose: 2;
    --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;
    --letter-spacings-tighter: -.05em;
    --letter-spacings-tight: -.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: .025em;
    --letter-spacings-wider: .05em;
    --letter-spacings-widest: .1em;
    --font-sizes-2xs: .5rem;
    --font-sizes-xs: .75rem;
    --font-sizes-sm: .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;
    --shadows-2xs: 0 1px #0000000d;
    --shadows-xs: 0 1px 2px 0 #0000000d;
    --shadows-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadows-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadows-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadows-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadows-2xl: 0 25px 50px -12px #00000040;
    --shadows-inset-2xs: inset 0 1px #0000000d;
    --shadows-inset-xs: inset 0 1px 1px #0000000d;
    --shadows-inset-sm: inset 0 2px 4px #0000000d;
    --blurs-xs: 4px;
    --blurs-sm: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --spacing-0: 0rem;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .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: .125rem;
    --spacing-1\.5: .375rem;
    --spacing-2\.5: .625rem;
    --spacing-3\.5: .875rem;
    --spacing-4\.5: 1.125rem;
    --spacing-5\.5: 1.375rem;
    --sizes-0: 0rem;
    --sizes-1: .25rem;
    --sizes-2: .5rem;
    --sizes-3: .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: .125rem;
    --sizes-1\.5: .375rem;
    --sizes-2\.5: .625rem;
    --sizes-3\.5: .875rem;
    --sizes-4\.5: 1.125rem;
    --sizes-5\.5: 1.375rem;
    --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-prose: 65ch;
    --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;
    --animations-spin: spin 1s linear infinite;
    --animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --colors-current: currentColor;
    --colors-transparent: #0000;
    --colors-rose-50: #fff1f2;
    --colors-rose-100: #ffe4e6;
    --colors-rose-200: #fecdd3;
    --colors-rose-300: #fda4af;
    --colors-rose-400: #fb7185;
    --colors-rose-500: #f43f5e;
    --colors-rose-600: #e11d48;
    --colors-rose-700: #be123c;
    --colors-rose-800: #9f1239;
    --colors-rose-900: #881337;
    --colors-rose-950: #4c0519;
    --colors-pink-50: #fdf2f8;
    --colors-pink-100: #fce7f3;
    --colors-pink-200: #fbcfe8;
    --colors-pink-300: #f9a8d4;
    --colors-pink-400: #f472b6;
    --colors-pink-500: #ec4899;
    --colors-pink-600: #db2777;
    --colors-pink-700: #be185d;
    --colors-pink-800: #9d174d;
    --colors-pink-900: #831843;
    --colors-pink-950: #500724;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fae8ff;
    --colors-fuchsia-200: #f5d0fe;
    --colors-fuchsia-300: #f0abfc;
    --colors-fuchsia-400: #e879f9;
    --colors-fuchsia-500: #d946ef;
    --colors-fuchsia-600: #c026d3;
    --colors-fuchsia-700: #a21caf;
    --colors-fuchsia-800: #86198f;
    --colors-fuchsia-900: #701a75;
    --colors-fuchsia-950: #4a044e;
    --colors-purple-50: #faf5ff;
    --colors-purple-100: #f3e8ff;
    --colors-purple-200: #e9d5ff;
    --colors-purple-300: #d8b4fe;
    --colors-purple-400: #c084fc;
    --colors-purple-500: #a855f7;
    --colors-purple-600: #9333ea;
    --colors-purple-700: #7e22ce;
    --colors-purple-800: #6b21a8;
    --colors-purple-900: #581c87;
    --colors-purple-950: #3b0764;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ede9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c4b5fd;
    --colors-violet-400: #a78bfa;
    --colors-violet-500: #8b5cf6;
    --colors-violet-600: #7c3aed;
    --colors-violet-700: #6d28d9;
    --colors-violet-800: #5b21b6;
    --colors-violet-900: #4c1d95;
    --colors-violet-950: #2e1065;
    --colors-indigo-50: #eef2ff;
    --colors-indigo-100: #e0e7ff;
    --colors-indigo-200: #c7d2fe;
    --colors-indigo-300: #a5b4fc;
    --colors-indigo-400: #818cf8;
    --colors-indigo-500: #6366f1;
    --colors-indigo-600: #4f46e5;
    --colors-indigo-700: #4338ca;
    --colors-indigo-800: #3730a3;
    --colors-indigo-900: #312e81;
    --colors-indigo-950: #1e1b4b;
    --colors-blue-50: #eff6ff;
    --colors-blue-100: #dbeafe;
    --colors-blue-200: #bfdbfe;
    --colors-blue-300: #93c5fd;
    --colors-blue-400: #60a5fa;
    --colors-blue-500: #3b82f6;
    --colors-blue-600: #2563eb;
    --colors-blue-700: #1d4ed8;
    --colors-blue-800: #1e40af;
    --colors-blue-900: #1e3a8a;
    --colors-blue-950: #172554;
    --colors-sky-50: #f0f9ff;
    --colors-sky-100: #e0f2fe;
    --colors-sky-200: #bae6fd;
    --colors-sky-300: #7dd3fc;
    --colors-sky-400: #38bdf8;
    --colors-sky-500: #0ea5e9;
    --colors-sky-600: #0284c7;
    --colors-sky-700: #0369a1;
    --colors-sky-800: #075985;
    --colors-sky-900: #0c4a6e;
    --colors-sky-950: #082f49;
    --colors-cyan-50: #ecfeff;
    --colors-cyan-100: #cffafe;
    --colors-cyan-200: #a5f3fc;
    --colors-cyan-300: #67e8f9;
    --colors-cyan-400: #22d3ee;
    --colors-cyan-500: #06b6d4;
    --colors-cyan-600: #0891b2;
    --colors-cyan-700: #0e7490;
    --colors-cyan-800: #155e75;
    --colors-cyan-900: #164e63;
    --colors-cyan-950: #083344;
    --colors-teal-50: #f0fdfa;
    --colors-teal-100: #ccfbf1;
    --colors-teal-200: #99f6e4;
    --colors-teal-300: #5eead4;
    --colors-teal-400: #2dd4bf;
    --colors-teal-500: #14b8a6;
    --colors-teal-600: #0d9488;
    --colors-teal-700: #0f766e;
    --colors-teal-800: #115e59;
    --colors-teal-900: #134e4a;
    --colors-teal-950: #042f2e;
    --colors-emerald-50: #ecfdf5;
    --colors-emerald-100: #d1fae5;
    --colors-emerald-200: #a7f3d0;
    --colors-emerald-300: #6ee7b7;
    --colors-emerald-400: #34d399;
    --colors-emerald-500: #10b981;
    --colors-emerald-600: #059669;
    --colors-emerald-700: #047857;
    --colors-emerald-800: #065f46;
    --colors-emerald-900: #064e3b;
    --colors-emerald-950: #022c22;
    --colors-green-50: #f0fdf4;
    --colors-green-100: #dcfce7;
    --colors-green-200: #bbf7d0;
    --colors-green-300: #86efac;
    --colors-green-400: #4ade80;
    --colors-green-500: #22c55e;
    --colors-green-600: #16a34a;
    --colors-green-700: #15803d;
    --colors-green-800: #166534;
    --colors-green-900: #14532d;
    --colors-green-950: #052e16;
    --colors-lime-50: #f7fee7;
    --colors-lime-100: #ecfccb;
    --colors-lime-200: #d9f99d;
    --colors-lime-300: #bef264;
    --colors-lime-400: #a3e635;
    --colors-lime-500: #84cc16;
    --colors-lime-600: #65a30d;
    --colors-lime-700: #4d7c0f;
    --colors-lime-800: #3f6212;
    --colors-lime-900: #365314;
    --colors-lime-950: #1a2e05;
    --colors-yellow-50: #fefce8;
    --colors-yellow-100: #fef9c3;
    --colors-yellow-200: #fef08a;
    --colors-yellow-300: #fde047;
    --colors-yellow-400: #facc15;
    --colors-yellow-500: #eab308;
    --colors-yellow-600: #ca8a04;
    --colors-yellow-700: #a16207;
    --colors-yellow-800: #854d0e;
    --colors-yellow-900: #713f12;
    --colors-yellow-950: #422006;
    --colors-amber-50: #fffbeb;
    --colors-amber-100: #fef3c7;
    --colors-amber-200: #fde68a;
    --colors-amber-300: #fcd34d;
    --colors-amber-400: #fbbf24;
    --colors-amber-500: #f59e0b;
    --colors-amber-600: #d97706;
    --colors-amber-700: #b45309;
    --colors-amber-800: #92400e;
    --colors-amber-900: #78350f;
    --colors-amber-950: #451a03;
    --colors-orange-50: #fff7ed;
    --colors-orange-100: #ffedd5;
    --colors-orange-200: #fed7aa;
    --colors-orange-300: #fdba74;
    --colors-orange-400: #fb923c;
    --colors-orange-500: #f97316;
    --colors-orange-600: #ea580c;
    --colors-orange-700: #c2410c;
    --colors-orange-800: #9a3412;
    --colors-orange-900: #7c2d12;
    --colors-orange-950: #431407;
    --colors-red-50: #fef2f2;
    --colors-red-100: #fee2e2;
    --colors-red-200: #fecaca;
    --colors-red-300: #fca5a5;
    --colors-red-400: #f87171;
    --colors-red-500: #ef4444;
    --colors-red-600: #dc2626;
    --colors-red-700: #b91c1c;
    --colors-red-800: #991b1b;
    --colors-red-900: #7f1d1d;
    --colors-red-950: #450a0a;
    --colors-neutral-50: #fafafa;
    --colors-neutral-100: #f5f5f5;
    --colors-neutral-200: #e5e5e5;
    --colors-neutral-300: #d4d4d4;
    --colors-neutral-400: #a3a3a3;
    --colors-neutral-500: #737373;
    --colors-neutral-600: #525252;
    --colors-neutral-700: #404040;
    --colors-neutral-800: #262626;
    --colors-neutral-900: #171717;
    --colors-neutral-950: #0a0a0a;
    --colors-stone-50: #fafaf9;
    --colors-stone-100: #f5f5f4;
    --colors-stone-200: #e7e5e4;
    --colors-stone-300: #d6d3d1;
    --colors-stone-400: #a8a29e;
    --colors-stone-500: #78716c;
    --colors-stone-600: #57534e;
    --colors-stone-700: #44403c;
    --colors-stone-800: #292524;
    --colors-stone-900: #1c1917;
    --colors-stone-950: #0c0a09;
    --colors-zinc-50: #fafafa;
    --colors-zinc-100: #f4f4f5;
    --colors-zinc-200: #e4e4e7;
    --colors-zinc-300: #d4d4d8;
    --colors-zinc-400: #a1a1aa;
    --colors-zinc-500: #71717a;
    --colors-zinc-600: #52525b;
    --colors-zinc-700: #3f3f46;
    --colors-zinc-800: #27272a;
    --colors-zinc-900: #18181b;
    --colors-zinc-950: #09090b;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d1d5db;
    --colors-gray-400: #9ca3af;
    --colors-gray-500: #6b7280;
    --colors-gray-600: #4b5563;
    --colors-gray-700: #374151;
    --colors-gray-800: #1f2937;
    --colors-gray-900: #111827;
    --colors-gray-950: #030712;
    --colors-slate-50: #f8fafc;
    --colors-slate-100: #f1f5f9;
    --colors-slate-200: #e2e8f0;
    --colors-slate-300: #cbd5e1;
    --colors-slate-400: #94a3b8;
    --colors-slate-500: #64748b;
    --colors-slate-600: #475569;
    --colors-slate-700: #334155;
    --colors-slate-800: #1e293b;
    --colors-slate-900: #0f172a;
    --colors-slate-950: #020617;
    --colors-black: #000;
    --colors-black-a1: #0000000d;
    --colors-black-a2: #0000001a;
    --colors-black-a3: #00000026;
    --colors-black-a4: #0003;
    --colors-black-a5: #0000004d;
    --colors-black-a6: #0006;
    --colors-black-a7: #00000080;
    --colors-black-a8: #0009;
    --colors-black-a9: #000000b3;
    --colors-black-a10: #000c;
    --colors-black-a11: #000000e6;
    --colors-black-a12: #000000f2;
    --colors-white: #fff;
    --colors-white-a1: #ffffff0d;
    --colors-white-a2: #ffffff1a;
    --colors-white-a3: #ffffff26;
    --colors-white-a4: #fff3;
    --colors-white-a5: #ffffff4d;
    --colors-white-a6: #fff6;
    --colors-white-a7: #ffffff80;
    --colors-white-a8: #fff9;
    --colors-white-a9: #ffffffb3;
    --colors-white-a10: #fffc;
    --colors-white-a11: #ffffffe6;
    --colors-white-a12: #fffffff2;
    --durations-fastest: 50ms;
    --durations-faster: .1s;
    --durations-fast: .15s;
    --durations-normal: .2s;
    --durations-slow: .25s;
    --durations-slower: .3s;
    --durations-slowest: .4s;
    --z-index-hide: -1;
    --z-index-base: 0;
    --z-index-docked: 10;
    --z-index-dropdown: 1000;
    --z-index-sticky: 1100;
    --z-index-banner: 1200;
    --z-index-overlay: 1300;
    --z-index-modal: 1400;
    --z-index-popover: 1500;
    --z-index-skip-link: 1600;
    --z-index-toast: 1700;
    --z-index-tooltip: 1800;
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
  }

  :where(:root, .light) {
    --colors-fg-default: var(--colors-gray-12);
    --colors-fg-muted: var(--colors-gray-11);
    --colors-fg-subtle: var(--colors-gray-10);
    --colors-border: var(--colors-gray-4);
    --colors-error: var(--colors-red-9);
    --colors-teal-1: #fafefd;
    --colors-teal-2: #f3fbf9;
    --colors-teal-3: #e0f8f3;
    --colors-teal-4: #ccf3ea;
    --colors-teal-5: #b8eae0;
    --colors-teal-6: #a1ded2;
    --colors-teal-7: #83cdc1;
    --colors-teal-8: #53b9ab;
    --colors-teal-9: #12a594;
    --colors-teal-10: #0d9b8a;
    --colors-teal-11: #008573;
    --colors-teal-12: #0d3d38;
    --colors-teal-a1: #00cc9905;
    --colors-teal-a2: #00aa800c;
    --colors-teal-a3: #00c69d1f;
    --colors-teal-a4: #00c39633;
    --colors-teal-a5: #00b49047;
    --colors-teal-a6: #00a6855e;
    --colors-teal-a7: #0099807c;
    --colors-teal-a8: #009783ac;
    --colors-teal-a9: #009e8ced;
    --colors-teal-a10: #009684f2;
    --colors-teal-a11: #008573;
    --colors-teal-a12: #00332df2;
    --colors-teal-solid-bg: var(--colors-teal-9);
    --colors-teal-solid-bg-hover: var(--colors-teal-10);
    --colors-teal-solid-fg: white;
    --colors-teal-subtle-bg: var(--colors-teal-a3);
    --colors-teal-subtle-bg-hover: var(--colors-teal-a4);
    --colors-teal-subtle-bg-active: var(--colors-teal-a5);
    --colors-teal-subtle-fg: var(--colors-teal-a11);
    --colors-teal-surface-bg: var(--colors-teal-a2);
    --colors-teal-surface-bg-active: var(--colors-teal-a3);
    --colors-teal-surface-border: var(--colors-teal-a6);
    --colors-teal-surface-border-hover: var(--colors-teal-a7);
    --colors-teal-surface-fg: var(--colors-teal-a11);
    --colors-teal-outline-bg-hover: var(--colors-teal-a2);
    --colors-teal-outline-bg-active: var(--colors-teal-a3);
    --colors-teal-outline-border: var(--colors-teal-a7);
    --colors-teal-outline-fg: var(--colors-teal-a11);
    --colors-teal-plain-bg-hover: var(--colors-teal-a3);
    --colors-teal-plain-bg-active: var(--colors-teal-a4);
    --colors-teal-plain-fg: var(--colors-teal-a11);
    --colors-gray-1: #fcfcfd;
    --colors-gray-2: #f9f9fb;
    --colors-gray-3: #f0f0f3;
    --colors-gray-4: #e8e8ec;
    --colors-gray-5: #e0e1e6;
    --colors-gray-6: #d9d9e0;
    --colors-gray-7: #cdced6;
    --colors-gray-8: #b9bbc6;
    --colors-gray-9: #8b8d98;
    --colors-gray-10: #80838d;
    --colors-gray-11: #60646c;
    --colors-gray-12: #1c2024;
    --colors-gray-a1: #00005503;
    --colors-gray-a2: #00005506;
    --colors-gray-a3: #0000330f;
    --colors-gray-a4: #00002d17;
    --colors-gray-a5: #0009321f;
    --colors-gray-a6: #00002f26;
    --colors-gray-a7: #00062e32;
    --colors-gray-a8: #00083046;
    --colors-gray-a9: #00051d74;
    --colors-gray-a10: #00071b7f;
    --colors-gray-a11: #0007149f;
    --colors-gray-a12: #000509e3;
    --colors-gray-solid-bg: var(--colors-black);
    --colors-gray-solid-bg-hover: var(--colors-gray-12);
    --colors-gray-solid-fg: var(--colors-white);
    --colors-gray-subtle-bg: var(--colors-gray-a3);
    --colors-gray-subtle-bg-hover: var(--colors-gray-a4);
    --colors-gray-subtle-bg-active: var(--colors-gray-a5);
    --colors-gray-subtle-fg: var(--colors-gray-12);
    --colors-gray-surface-bg: var(--colors-white);
    --colors-gray-surface-bg-hover: var(--colors-gray-2);
    --colors-gray-surface-bg-active: var(--colors-gray-3);
    --colors-gray-surface-border: var(--colors-gray-6);
    --colors-gray-surface-border-hover: var(--colors-gray-7);
    --colors-gray-surface-fg: var(--colors-gray-12);
    --colors-gray-outline-bg-hover: var(--colors-gray-a2);
    --colors-gray-outline-bg-active: var(--colors-gray-a3);
    --colors-gray-outline-border: var(--colors-gray-6);
    --colors-gray-outline-fg: var(--colors-gray-12);
    --colors-gray-plain-bg-hover: var(--colors-gray-a3);
    --colors-gray-plain-bg-active: var(--colors-gray-a4);
    --colors-gray-plain-fg: var(--colors-gray-12);
    --colors-red-1: #fffcfc;
    --colors-red-2: #fff7f7;
    --colors-red-3: #feebec;
    --colors-red-4: #ffdbdc;
    --colors-red-5: #ffcdce;
    --colors-red-6: #fdbdbe;
    --colors-red-7: #f4a9aa;
    --colors-red-8: #eb8e90;
    --colors-red-9: #e5484d;
    --colors-red-10: #dc3e42;
    --colors-red-11: #ce2c31;
    --colors-red-12: #641723;
    --colors-red-a1: #ff000003;
    --colors-red-a2: #ff000008;
    --colors-red-a3: #f3000d14;
    --colors-red-a4: #ff000824;
    --colors-red-a5: #ff000632;
    --colors-red-a6: #f8000442;
    --colors-red-a7: #df000356;
    --colors-red-a8: #d2000571;
    --colors-red-a9: #db0007b7;
    --colors-red-a10: #d10005c1;
    --colors-red-a11: #c40006d3;
    --colors-red-a12: #55000de8;
    --colors-red-solid-bg: var(--colors-red-9);
    --colors-red-solid-bg-hover: var(--colors-red-10);
    --colors-red-solid-fg: white;
    --colors-red-subtle-bg: var(--colors-red-a3);
    --colors-red-subtle-bg-hover: var(--colors-red-a4);
    --colors-red-subtle-bg-active: var(--colors-red-a5);
    --colors-red-subtle-fg: var(--colors-red-a11);
    --colors-red-surface-bg: var(--colors-red-a2);
    --colors-red-surface-bg-active: var(--colors-red-a3);
    --colors-red-surface-border: var(--colors-red-a6);
    --colors-red-surface-border-hover: var(--colors-red-a7);
    --colors-red-surface-fg: var(--colors-red-a11);
    --colors-red-outline-bg-hover: var(--colors-red-a2);
    --colors-red-outline-bg-active: var(--colors-red-a3);
    --colors-red-outline-border: var(--colors-red-a7);
    --colors-red-outline-fg: var(--colors-red-a11);
    --colors-red-plain-bg-hover: var(--colors-red-a3);
    --colors-red-plain-bg-active: var(--colors-red-a4);
    --colors-red-plain-fg: var(--colors-red-a11);
    --colors-green-1: #fbfefc;
    --colors-green-2: #f4fbf6;
    --colors-green-3: #e6f6eb;
    --colors-green-4: #d6f1df;
    --colors-green-5: #c4e8d1;
    --colors-green-6: #adddc0;
    --colors-green-7: #8eceaa;
    --colors-green-8: #5bb98b;
    --colors-green-9: #30a46c;
    --colors-green-10: #2b9a66;
    --colors-green-11: #218358;
    --colors-green-12: #193b2d;
    --colors-green-a1: #00c04004;
    --colors-green-a2: #00a32f0b;
    --colors-green-a3: #00a43319;
    --colors-green-a4: #00a83829;
    --colors-green-a5: #019c393b;
    --colors-green-a6: #00963c52;
    --colors-green-a7: #00914071;
    --colors-green-a8: #00924ba4;
    --colors-green-a9: #008f4acf;
    --colors-green-a10: #008647d4;
    --colors-green-a11: #00713fde;
    --colors-green-a12: #002616e6;
    --colors-green-solid-bg: var(--colors-green-9);
    --colors-green-solid-bg-hover: var(--colors-green-10);
    --colors-green-solid-fg: white;
    --colors-green-subtle-bg: var(--colors-green-a3);
    --colors-green-subtle-bg-hover: var(--colors-green-a4);
    --colors-green-subtle-bg-active: var(--colors-green-a5);
    --colors-green-subtle-fg: var(--colors-green-a11);
    --colors-green-surface-bg: var(--colors-green-a2);
    --colors-green-surface-bg-active: var(--colors-green-a3);
    --colors-green-surface-border: var(--colors-green-a6);
    --colors-green-surface-border-hover: var(--colors-green-a7);
    --colors-green-surface-fg: var(--colors-green-a11);
    --colors-green-outline-bg-hover: var(--colors-green-a2);
    --colors-green-outline-bg-active: var(--colors-green-a3);
    --colors-green-outline-border: var(--colors-green-a7);
    --colors-green-outline-fg: var(--colors-green-a11);
    --colors-green-plain-bg-hover: var(--colors-green-a3);
    --colors-green-plain-bg-active: var(--colors-green-a4);
    --colors-green-plain-fg: var(--colors-green-a11);
    --colors-amber-1: #fefdfb;
    --colors-amber-2: #fefbe9;
    --colors-amber-3: #fff7c2;
    --colors-amber-4: #ffee9c;
    --colors-amber-5: #fbe577;
    --colors-amber-6: #f3d673;
    --colors-amber-7: #e9c162;
    --colors-amber-8: #e2a336;
    --colors-amber-9: #ffc53d;
    --colors-amber-10: #ffba18;
    --colors-amber-11: #ab6400;
    --colors-amber-12: #4f3422;
    --colors-amber-a1: #c0800004;
    --colors-amber-a2: #f4d10016;
    --colors-amber-a3: #ffde003d;
    --colors-amber-a4: #ffd40063;
    --colors-amber-a5: #f8cf0088;
    --colors-amber-a6: #eab5008c;
    --colors-amber-a7: #dc9b009d;
    --colors-amber-a8: #da8a00c9;
    --colors-amber-a9: #ffb300c2;
    --colors-amber-a10: #ffb300e7;
    --colors-amber-a11: #ab6400;
    --colors-amber-a12: #341500dd;
    --colors-amber-solid-bg: var(--colors-amber-9);
    --colors-amber-solid-bg-hover: var(--colors-amber-10);
    --colors-amber-solid-fg: var(--colors-gray-12);
    --colors-amber-subtle-bg: var(--colors-amber-a3);
    --colors-amber-subtle-bg-hover: var(--colors-amber-a4);
    --colors-amber-subtle-bg-active: var(--colors-amber-a5);
    --colors-amber-subtle-fg: var(--colors-amber-a11);
    --colors-amber-surface-bg: var(--colors-amber-a2);
    --colors-amber-surface-bg-active: var(--colors-amber-a3);
    --colors-amber-surface-border: var(--colors-amber-a6);
    --colors-amber-surface-border-hover: var(--colors-amber-a7);
    --colors-amber-surface-fg: var(--colors-amber-a11);
    --colors-amber-outline-bg-hover: var(--colors-amber-a2);
    --colors-amber-outline-bg-active: var(--colors-amber-a3);
    --colors-amber-outline-border: var(--colors-amber-a7);
    --colors-amber-outline-fg: var(--colors-amber-a11);
    --colors-amber-plain-bg-hover: var(--colors-amber-a3);
    --colors-amber-plain-bg-active: var(--colors-amber-a4);
    --colors-amber-plain-fg: var(--colors-amber-a11);
    --shadows-xs: 0px 1px 2px var(--colors-gray-a6), 0px 0px 1px var(--colors-gray-a7);
    --shadows-sm: 0px 2px 4px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-md: 0px 4px 8px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-lg: 0px 8px 16px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-xl: 0px 16px 24px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-2xl: 0px 24px 40px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-inset: inset 8px 0 12px -8px var(--colors-gray-a4);
  }

  .dark {
    --colors-fg-default: var(--colors-gray-12);
    --colors-fg-muted: var(--colors-gray-11);
    --colors-fg-subtle: var(--colors-gray-10);
    --colors-border: var(--colors-gray-4);
    --colors-error: var(--colors-red-9);
    --colors-teal-1: #0d1514;
    --colors-teal-2: #111c1b;
    --colors-teal-3: #0d2d2a;
    --colors-teal-4: #023b37;
    --colors-teal-5: #084843;
    --colors-teal-6: #145750;
    --colors-teal-7: #1c6961;
    --colors-teal-8: #207e73;
    --colors-teal-9: #12a594;
    --colors-teal-10: #0eb39e;
    --colors-teal-11: #0bd8b6;
    --colors-teal-12: #adf0dd;
    --colors-teal-a1: #00deab05;
    --colors-teal-a2: #12fbe60c;
    --colors-teal-a3: #00ffe61e;
    --colors-teal-a4: #00ffe92d;
    --colors-teal-a5: #00ffea3b;
    --colors-teal-a6: #1cffe84b;
    --colors-teal-a7: #2efde85f;
    --colors-teal-a8: #32ffe775;
    --colors-teal-a9: #13ffe49f;
    --colors-teal-a10: #0dffe0ae;
    --colors-teal-a11: #0afed5d6;
    --colors-teal-a12: #b8ffebef;
    --colors-teal-solid-bg: var(--colors-teal-9);
    --colors-teal-solid-bg-hover: var(--colors-teal-10);
    --colors-teal-solid-fg: white;
    --colors-teal-subtle-bg: var(--colors-teal-a3);
    --colors-teal-subtle-bg-hover: var(--colors-teal-a4);
    --colors-teal-subtle-bg-active: var(--colors-teal-a5);
    --colors-teal-subtle-fg: var(--colors-teal-a11);
    --colors-teal-surface-bg: var(--colors-teal-a2);
    --colors-teal-surface-bg-active: var(--colors-teal-a3);
    --colors-teal-surface-border: var(--colors-teal-a6);
    --colors-teal-surface-border-hover: var(--colors-teal-a7);
    --colors-teal-surface-fg: var(--colors-teal-a11);
    --colors-teal-outline-bg-hover: var(--colors-teal-a2);
    --colors-teal-outline-bg-active: var(--colors-teal-a3);
    --colors-teal-outline-border: var(--colors-teal-a7);
    --colors-teal-outline-fg: var(--colors-teal-a11);
    --colors-teal-plain-bg-hover: var(--colors-teal-a3);
    --colors-teal-plain-bg-active: var(--colors-teal-a4);
    --colors-teal-plain-fg: var(--colors-teal-a11);
    --colors-gray-1: #111113;
    --colors-gray-2: #18191b;
    --colors-gray-3: #212225;
    --colors-gray-4: #272a2d;
    --colors-gray-5: #2e3135;
    --colors-gray-6: #363a3f;
    --colors-gray-7: #43484e;
    --colors-gray-8: #5a6169;
    --colors-gray-9: #696e77;
    --colors-gray-10: #777b84;
    --colors-gray-11: #b0b4ba;
    --colors-gray-12: #edeef0;
    --colors-gray-a1: #0000;
    --colors-gray-a2: #d8f4f609;
    --colors-gray-a3: #ddeaf814;
    --colors-gray-a4: #d3edf81d;
    --colors-gray-a5: #d9edfe25;
    --colors-gray-a6: #d6ebfd30;
    --colors-gray-a7: #d9edff40;
    --colors-gray-a8: #d9edff5d;
    --colors-gray-a9: #dfebfd6d;
    --colors-gray-a10: #e5edfd7b;
    --colors-gray-a11: #f1f7feb5;
    --colors-gray-a12: #fcfdffef;
    --colors-gray-solid-bg: var(--colors-white);
    --colors-gray-solid-bg-hover: var(--colors-gray-12);
    --colors-gray-solid-fg: var(--colors-black);
    --colors-gray-subtle-bg: var(--colors-gray-a3);
    --colors-gray-subtle-bg-hover: var(--colors-gray-a4);
    --colors-gray-subtle-bg-active: var(--colors-gray-a5);
    --colors-gray-subtle-fg: var(--colors-gray-12);
    --colors-gray-surface-bg: var(--colors-gray-1);
    --colors-gray-surface-bg-hover: var(--colors-gray-2);
    --colors-gray-surface-bg-active: var(--colors-gray-3);
    --colors-gray-surface-border: var(--colors-gray-6);
    --colors-gray-surface-border-hover: var(--colors-gray-7);
    --colors-gray-surface-fg: var(--colors-gray-12);
    --colors-gray-outline-bg-hover: var(--colors-gray-a2);
    --colors-gray-outline-bg-active: var(--colors-gray-a3);
    --colors-gray-outline-border: var(--colors-gray-6);
    --colors-gray-outline-fg: var(--colors-gray-12);
    --colors-gray-plain-bg-hover: var(--colors-gray-a3);
    --colors-gray-plain-bg-active: var(--colors-gray-a4);
    --colors-gray-plain-fg: var(--colors-gray-12);
    --colors-red-1: #191111;
    --colors-red-2: #201314;
    --colors-red-3: #3b1219;
    --colors-red-4: #500f1c;
    --colors-red-5: #611623;
    --colors-red-6: #72232d;
    --colors-red-7: #8c333a;
    --colors-red-8: #b54548;
    --colors-red-9: #e5484d;
    --colors-red-10: #ec5d5e;
    --colors-red-11: #ff9592;
    --colors-red-12: #ffd1d9;
    --colors-red-a1: #f4121209;
    --colors-red-a2: #f22f3e11;
    --colors-red-a3: #ff173f2d;
    --colors-red-a4: #fe0a3b44;
    --colors-red-a5: #ff204756;
    --colors-red-a6: #ff3e5668;
    --colors-red-a7: #ff536184;
    --colors-red-a8: #ff5d61b0;
    --colors-red-a9: #fe4e54e4;
    --colors-red-a10: #ff6465eb;
    --colors-red-a11: #ff9592;
    --colors-red-a12: #ffd1d9;
    --colors-red-solid-bg: var(--colors-red-9);
    --colors-red-solid-bg-hover: var(--colors-red-10);
    --colors-red-solid-fg: white;
    --colors-red-subtle-bg: var(--colors-red-a3);
    --colors-red-subtle-bg-hover: var(--colors-red-a4);
    --colors-red-subtle-bg-active: var(--colors-red-a5);
    --colors-red-subtle-fg: var(--colors-red-a11);
    --colors-red-surface-bg: var(--colors-red-a2);
    --colors-red-surface-bg-active: var(--colors-red-a3);
    --colors-red-surface-border: var(--colors-red-a6);
    --colors-red-surface-border-hover: var(--colors-red-a7);
    --colors-red-surface-fg: var(--colors-red-a11);
    --colors-red-outline-bg-hover: var(--colors-red-a2);
    --colors-red-outline-bg-active: var(--colors-red-a3);
    --colors-red-outline-border: var(--colors-red-a7);
    --colors-red-outline-fg: var(--colors-red-a11);
    --colors-red-plain-bg-hover: var(--colors-red-a3);
    --colors-red-plain-bg-active: var(--colors-red-a4);
    --colors-red-plain-fg: var(--colors-red-a11);
    --colors-green-1: #0e1512;
    --colors-green-2: #121b17;
    --colors-green-3: #132d21;
    --colors-green-4: #113b29;
    --colors-green-5: #174933;
    --colors-green-6: #20573e;
    --colors-green-7: #28684a;
    --colors-green-8: #2f7c57;
    --colors-green-9: #30a46c;
    --colors-green-10: #33b074;
    --colors-green-11: #3dd68c;
    --colors-green-12: #b1f1cb;
    --colors-green-a1: #00de4505;
    --colors-green-a2: #29f99d0b;
    --colors-green-a3: #22ff991e;
    --colors-green-a4: #11ff992d;
    --colors-green-a5: #2bffa23c;
    --colors-green-a6: #44ffaa4b;
    --colors-green-a7: #50fdac5e;
    --colors-green-a8: #54ffad73;
    --colors-green-a9: #44ffa49e;
    --colors-green-a10: #43fea4ab;
    --colors-green-a11: #46fea5d4;
    --colors-green-a12: #bbffd7f0;
    --colors-green-solid-bg: var(--colors-green-9);
    --colors-green-solid-bg-hover: var(--colors-green-10);
    --colors-green-solid-fg: white;
    --colors-green-subtle-bg: var(--colors-green-a3);
    --colors-green-subtle-bg-hover: var(--colors-green-a4);
    --colors-green-subtle-bg-active: var(--colors-green-a5);
    --colors-green-subtle-fg: var(--colors-green-a11);
    --colors-green-surface-bg: var(--colors-green-a2);
    --colors-green-surface-bg-active: var(--colors-green-a3);
    --colors-green-surface-border: var(--colors-green-a6);
    --colors-green-surface-border-hover: var(--colors-green-a7);
    --colors-green-surface-fg: var(--colors-green-a11);
    --colors-green-outline-bg-hover: var(--colors-green-a2);
    --colors-green-outline-bg-active: var(--colors-green-a3);
    --colors-green-outline-border: var(--colors-green-a7);
    --colors-green-outline-fg: var(--colors-green-a11);
    --colors-green-plain-bg-hover: var(--colors-green-a3);
    --colors-green-plain-bg-active: var(--colors-green-a4);
    --colors-green-plain-fg: var(--colors-green-a11);
    --colors-amber-1: #16120c;
    --colors-amber-2: #1d180f;
    --colors-amber-3: #302008;
    --colors-amber-4: #3f2700;
    --colors-amber-5: #4d3000;
    --colors-amber-6: #5c3d05;
    --colors-amber-7: #714f19;
    --colors-amber-8: #8f6424;
    --colors-amber-9: #ffc53d;
    --colors-amber-10: #ffd60a;
    --colors-amber-11: #ffca16;
    --colors-amber-12: #ffe7b3;
    --colors-amber-a1: #e63c0006;
    --colors-amber-a2: #fd9b000d;
    --colors-amber-a3: #fa820022;
    --colors-amber-a4: #fc820032;
    --colors-amber-a5: #fd8b0041;
    --colors-amber-a6: #fd9b0051;
    --colors-amber-a7: #ffab2567;
    --colors-amber-a8: #ffae3587;
    --colors-amber-a9: #ffc53d;
    --colors-amber-a10: #ffd60a;
    --colors-amber-a11: #ffca16;
    --colors-amber-a12: #ffe7b3;
    --colors-amber-solid-bg: var(--colors-amber-9);
    --colors-amber-solid-bg-hover: var(--colors-amber-10);
    --colors-amber-solid-fg: var(--colors-gray-1);
    --colors-amber-subtle-bg: var(--colors-amber-a3);
    --colors-amber-subtle-bg-hover: var(--colors-amber-a4);
    --colors-amber-subtle-bg-active: var(--colors-amber-a5);
    --colors-amber-subtle-fg: var(--colors-amber-a11);
    --colors-amber-surface-bg: var(--colors-amber-a2);
    --colors-amber-surface-bg-active: var(--colors-amber-a3);
    --colors-amber-surface-border: var(--colors-amber-a6);
    --colors-amber-surface-border-hover: var(--colors-amber-a7);
    --colors-amber-surface-fg: var(--colors-amber-a11);
    --colors-amber-outline-bg-hover: var(--colors-amber-a2);
    --colors-amber-outline-bg-active: var(--colors-amber-a3);
    --colors-amber-outline-border: var(--colors-amber-a7);
    --colors-amber-outline-fg: var(--colors-amber-a11);
    --colors-amber-plain-bg-hover: var(--colors-amber-a3);
    --colors-amber-plain-bg-active: var(--colors-amber-a4);
    --colors-amber-plain-fg: var(--colors-amber-a11);
    --shadows-xs: 0px 1px 1px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-sm: 0px 2px 4px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-md: 0px 4px 8px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-lg: 0px 8px 16px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-xl: 0px 16px 24px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-2xl: 0px 24px 40px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-inset: inset 8px 0 12px -8px var(--colors-black-a6);
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes ping {
    75%, 100% {
      opacity: 0;
      transform: scale(2);
    }
  }

  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }

  @keyframes bounce {
    0%, 100% {
      animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      transform: translateY(-25%);
    }

    50% {
      animation-timing-function: cubic-bezier(0, 0, .2, 1);
      transform: none;
    }
  }

  @keyframes expand-height {
    from {
      height: var(--sizes-0);
    }

    to {
      height: var(--height);
    }
  }

  @keyframes collapse-height {
    from {
      height: var(--height);
    }

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

  @keyframes expand-width {
    from {
      width: var(--sizes-0);
    }

    to {
      width: var(--width);
    }
  }

  @keyframes collapse-width {
    from {
      width: var(--width);
    }

    to {
      width: var(--sizes-0);
    }
  }

  @keyframes fade-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

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

    to {
      opacity: 0;
    }
  }

  @keyframes slide-from-left-full {
    from {
      translate: -100%;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-right-full {
    from {
      translate: 100%;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-top-full {
    from {
      translate: 0 -100%;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-bottom-full {
    from {
      translate: 0 100%;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-to-left-full {
    from {
      translate: 0;
    }

    to {
      translate: -100%;
    }
  }

  @keyframes slide-to-right-full {
    from {
      translate: 0;
    }

    to {
      translate: 100%;
    }
  }

  @keyframes slide-to-top-full {
    from {
      translate: 0;
    }

    to {
      translate: 0 -100%;
    }
  }

  @keyframes slide-to-bottom-full {
    from {
      translate: 0;
    }

    to {
      translate: 0 100%;
    }
  }

  @keyframes slide-from-top {
    0% {
      translate: 0 -.5rem;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-bottom {
    0% {
      translate: 0 .5rem;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-left {
    0% {
      translate: -.5rem;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-from-right {
    0% {
      translate: .5rem;
    }

    to {
      translate: 0;
    }
  }

  @keyframes slide-to-top {
    0% {
      translate: 0;
    }

    to {
      translate: 0 -.5rem;
    }
  }

  @keyframes slide-to-bottom {
    0% {
      translate: 0;
    }

    to {
      translate: 0 .5rem;
    }
  }

  @keyframes slide-to-left {
    0% {
      translate: 0;
    }

    to {
      translate: -.5rem;
    }
  }

  @keyframes slide-to-right {
    0% {
      translate: 0;
    }

    to {
      translate: .5rem;
    }
  }

  @keyframes scale-in {
    from {
      scale: .95;
    }

    to {
      scale: 1;
    }
  }

  @keyframes scale-out {
    from {
      scale: 1;
    }

    to {
      scale: .95;
    }
  }

  @keyframes bg-position {
    from {
      background-position: var(--animate-from, 1rem) 0;
    }

    to {
      background-position: var(--animate-to, 0) 0;
    }
  }

  @keyframes position {
    from {
      inset-block-start: var(--animate-from-y);
      inset-inline-start: var(--animate-from-x);
    }

    to {
      inset-block-start: var(--animate-to-y);
      inset-inline-start: var(--animate-to-x);
    }
  }
}

@layer recipes {
  @layer _base {
    .button {
      border-radius: l2;
      gap: var(--spacing-2);
      transition-property: background-color, border-color, color, box-shadow;
      transition-timing-function: var(--transition-easing, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--transition-duration, .15s);
      appearance: none;
      cursor: pointer;
      font-weight: var(--font-weights-semibold);
      isolation: isolate;
      --transition-prop: background-color, border-color, color, box-shadow;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005fcc));
      outline: 0;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    .button:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
    }

    .button :where(svg) {
      flex-shrink: 0;
    }

    .button:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
      cursor: not-allowed;
      opacity: .67;
      filter: grayscale();
    }

    .input {
      border-radius: l2;
      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(.4, 0, .2, 1));
      transition-duration: var(--transition-duration, .15s);
      appearance: none;
      text-align: start;
      height: var(--input-height);
      min-height: var(--input-height);
      min-width: var(--input-height);
      outline: 0;
      width: 100%;
      position: relative;
    }

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

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

    .textarea {
      border-radius: l2;
      transition-property: box-shadow, border-color;
      transition-timing-function: var(--transition-easing, cubic-bezier(.4, 0, .2, 1));
      transition-duration: var(--transition-duration, .15s);
      appearance: none;
      --transition-prop: box-shadow, border-color;
      min-width: var(--sizes-0);
      outline: 0;
      width: 100%;
      position: relative;
    }

    .textarea:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
      cursor: not-allowed;
      opacity: .67;
      filter: grayscale();
    }

    .badge {
      border-radius: l2;
      line-height: 1;
      font-weight: var(--font-weights-medium);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
      -webkit-user-select: none;
      user-select: none;
      align-items: center;
    }

    .badge, .group {
      display: inline-flex;
    }

    .group {
      gap: var(--spacing-2);
      position: relative;
    }

    .group > :is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
    }

    .spinner {
      --spinner-track-color: transparent;
      animation: var(--animations-spin);
      border-radius: var(--radii-full);
      animation-duration: var(--durations-slowest);
      border: 2px solid;
      border-inline-start-color: var(--spinner-track-color);
      border-bottom-color: var(--spinner-track-color);
      height: var(--spinner-size);
      width: var(--spinner-size);
      display: inline-block;
    }

    .absolute-center {
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
    }
  }

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

  .button--variant_solid:not(:disabled):hover {
    background: var(--colors-color-palette-solid-bg-hover);
  }

  .button--size_md {
    padding-inline: var(--spacing-3\.5);
    font-size: var(--font-sizes-sm);
    height: var(--sizes-10);
    min-width: var(--sizes-10);
    line-height: 1.25rem;
  }

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

  .button--variant_surface {
    background: var(--colors-color-palette-surface-bg);
    border-width: 1px;
    border-color: var(--colors-color-palette-surface-border);
    color: var(--colors-color-palette-surface-fg);
  }

  .button--variant_surface[data-state="on"] {
    background: var(--colors-color-palette-surface-bg-active);
  }

  .button--variant_surface:not(:disabled):hover {
    border-color: var(--colors-color-palette-surface-border-hover);
  }

  .button--variant_surface:not(:disabled):active {
    background: var(--colors-color-palette-surface-bg-active);
  }

  .button--size_sm {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    height: var(--sizes-9);
    min-width: var(--sizes-9);
    line-height: 1.25rem;
  }

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

  .button--variant_plain {
    color: var(--colors-color-palette-plain-fg);
  }

  .button--variant_plain[data-state="on"] {
    background: var(--colors-color-palette-plain-bg-active);
  }

  .button--variant_plain:not(:disabled):hover {
    background: var(--colors-color-palette-plain-bg-hover);
  }

  .button--variant_plain:not(:disabled):active {
    background: var(--colors-color-palette-plain-bg-active);
  }

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

  .input--variant_outline {
    border-width: 1px;
    border-color: var(--colors-gray-outline-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005fcc));
  }

  .input--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
  }

  .input--variant_outline:is(:user-invalid, [data-invalid], [aria-invalid="true"]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
  }

  .textarea--size_md {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-md);
    padding-block: 7px;
    scroll-padding-bottom: 7px;
    line-height: 1.5rem;
  }

  .textarea--variant_surface {
    background: var(--colors-gray-surface-bg);
    border-width: 1px;
    border-color: var(--colors-gray-surface-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005fcc));
  }

  .textarea--variant_surface:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
  }

  .textarea--variant_surface:is(:user-invalid, [data-invalid], [aria-invalid="true"]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
  }

  .badge--variant_surface {
    background: var(--colors-color-palette-surface-bg);
    border-width: 1px;
    border-color: var(--colors-color-palette-surface-border);
    color: var(--colors-color-palette-surface-fg);
  }

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

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

  .badge--variant_solid {
    background: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
  }

  .group--orientation_horizontal {
    flex-direction: row;
  }

  .spinner--size_inherit {
    --spinner-size: 1em;
  }

  .absolute-center--axis_both {
    inset-inline-start: 50%;
    top: 50%;
    translate: -50% -50%;
  }

  :where([dir="rtl"], :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) .absolute-center--axis_both {
    translate: 50% -50%;
  }
}

@layer utilities {
  @layer compositions {
    .textStyle_lg {
      font-size: var(--font-sizes-lg);
      line-height: 1.75rem;
    }

    .textStyle_xs {
      font-size: var(--font-sizes-xs);
      line-height: 1.125rem;
    }

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

  .bg_gray\.surface\.bg {
    background: var(--colors-gray-surface-bg);
  }

  .bd_1px_solid {
    border: 1px solid;
  }

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

  .bg_linear-gradient\(135deg\,_token\(colors\.teal\.a6\)\,_transparent_58\%\) {
    background: linear-gradient(135deg, var(--colors-teal-a6), transparent 58%);
  }

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

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

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

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

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

  .bg_linear-gradient\(135deg\,_token\(colors\.red\.a5\)\,_transparent_58\%\) {
    background: linear-gradient(135deg, var(--colors-red-a5), transparent 58%);
  }

  .bg_red\.9 {
    background: var(--colors-red-9);
  }

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

  .bg_gray\.surface\.bg\/98 {
    --mix-background: color-mix(in srgb, var(--colors-gray-surface-bg) 98%, transparent);
  }

  .bg_gray\.surface\.bg\/98, .bg_gray\.surface\.bg\/96 {
    background: var(--mix-background, var(--colors-gray-surface-bg));
  }

  .bg_gray\.surface\.bg\/96 {
    --mix-background: color-mix(in srgb, var(--colors-gray-surface-bg) 96%, transparent);
  }

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

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

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

  .bd_1\.5px_dashed {
    border: 1.5px dashed;
  }

  .bg_gray\.surface\.bg\/78 {
    --mix-background: color-mix(in srgb, var(--colors-gray-surface-bg) 78%, transparent);
    background: var(--mix-background, var(--colors-gray-surface-bg));
  }

  .bd_1px_solid_token\(colors\.gray\.a5\) {
    border: 1px solid var(--colors-gray-a5);
  }

  .bd_2px_solid {
    border: 2px solid;
  }

  .bg_teal\.9 {
    background: var(--colors-teal-9);
  }

  .bg_\#111111 {
    background: #111;
  }

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

  .bg_green\.surface\.bg {
    background: var(--colors-green-surface-bg);
  }

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

  .bd_1px_dashed {
    border: 1px dashed;
  }

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

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

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

  .mx_auto {
    margin-inline: auto;
  }

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

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

  .bdr_l3 {
    border-radius: l3;
  }

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

  .ov_hidden {
    overflow: hidden;
  }

  .bdr_9999px {
    border-radius: 9999px;
  }

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

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

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

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

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

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

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

  .bdr_l2 {
    border-radius: l2;
  }

  .gap_5 {
    gap: var(--spacing-5);
  }

  .flex_1 {
    flex: 1;
  }

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

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

  .bd-c_amber\.surface\.border {
    border-color: var(--colors-amber-surface-border);
  }

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

  .bdr_0 {
    border-radius: 0;
  }

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

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

  .bd-c_teal\.6 {
    border-color: var(--colors-teal-6);
  }

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

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

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

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

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

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

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

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

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

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

  .bd-c_teal\.8 {
    border-color: var(--colors-teal-8);
  }

  .place-items_center {
    place-items: center;
  }

  .td_none {
    text-decoration: none;
  }

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

  .bd-c_amber\.7 {
    border-color: var(--colors-amber-7);
  }

  .ov_auto {
    overflow: auto;
  }

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

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

  .columns_Студент {
    columns: Студент;
  }

  .bd-c_gray\.surface\.bg {
    border-color: var(--colors-gray-surface-bg);
  }

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

  .bd-c_teal\.7 {
    border-color: var(--colors-teal-7);
  }

  .bd-c_token\(colors\.gray\.a5\) {
    border-color: var(--colors-gray-a5);
  }

  .bd-c_\#111111 {
    border-color: #111;
  }

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

  .bd-c_green\.surface\.border {
    border-color: var(--colors-green-surface-border);
  }

  .bdr_l1 {
    border-radius: l1;
  }

  .bd-c_gray\.7 {
    border-color: var(--colors-gray-7);
  }

  .py_5 {
    padding-block: var(--spacing-5);
  }

  .bd-w_0\.125em {
    border-width: .125em;
  }

  .d_flex {
    display: flex;
  }

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

  .d_grid {
    display: grid;
  }

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

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

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

  .pos_relative {
    position: relative;
  }

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

  .pos_absolute {
    position: absolute;
  }

  .z_1 {
    z-index: 1;
  }

  .ai_center {
    align-items: center;
  }

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

  .c_red\.10 {
    color: var(--colors-red-10);
  }

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

  .ff_var\(--font-space-grotesk\) {
    font-family: var(--font-space-grotesk);
  }

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

  .fw_700 {
    font-weight: 700;
  }

  .ls_-0\.02em {
    letter-spacing: -.02em;
  }

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

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

  .ls_-0\.04em {
    letter-spacing: -.04em;
  }

  .lh_0\.94 {
    line-height: .94;
  }

  .c_amber\.plain\.fg {
    color: var(--colors-amber-plain-fg);
  }

  .jc_center {
    justify-content: center;
  }

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

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

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

  .c_red\.plain\.fg {
    color: var(--colors-red-plain-fg);
  }

  .color-palette_teal {
    --colors-color-palette-50: var(--colors-teal-50);
    --colors-color-palette-100: var(--colors-teal-100);
    --colors-color-palette-200: var(--colors-teal-200);
    --colors-color-palette-300: var(--colors-teal-300);
    --colors-color-palette-400: var(--colors-teal-400);
    --colors-color-palette-500: var(--colors-teal-500);
    --colors-color-palette-600: var(--colors-teal-600);
    --colors-color-palette-700: var(--colors-teal-700);
    --colors-color-palette-800: var(--colors-teal-800);
    --colors-color-palette-900: var(--colors-teal-900);
    --colors-color-palette-950: var(--colors-teal-950);
    --colors-color-palette-1: var(--colors-teal-1);
    --colors-color-palette-2: var(--colors-teal-2);
    --colors-color-palette-3: var(--colors-teal-3);
    --colors-color-palette-4: var(--colors-teal-4);
    --colors-color-palette-5: var(--colors-teal-5);
    --colors-color-palette-6: var(--colors-teal-6);
    --colors-color-palette-7: var(--colors-teal-7);
    --colors-color-palette-8: var(--colors-teal-8);
    --colors-color-palette-9: var(--colors-teal-9);
    --colors-color-palette-10: var(--colors-teal-10);
    --colors-color-palette-11: var(--colors-teal-11);
    --colors-color-palette-12: var(--colors-teal-12);
    --colors-color-palette-a1: var(--colors-teal-a1);
    --colors-color-palette-a2: var(--colors-teal-a2);
    --colors-color-palette-a3: var(--colors-teal-a3);
    --colors-color-palette-a4: var(--colors-teal-a4);
    --colors-color-palette-a5: var(--colors-teal-a5);
    --colors-color-palette-a6: var(--colors-teal-a6);
    --colors-color-palette-a7: var(--colors-teal-a7);
    --colors-color-palette-a8: var(--colors-teal-a8);
    --colors-color-palette-a9: var(--colors-teal-a9);
    --colors-color-palette-a10: var(--colors-teal-a10);
    --colors-color-palette-a11: var(--colors-teal-a11);
    --colors-color-palette-a12: var(--colors-teal-a12);
    --colors-color-palette-solid-bg: var(--colors-teal-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-teal-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-teal-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-teal-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-teal-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-teal-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-teal-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-teal-surface-bg);
    --colors-color-palette-surface-bg-active: var(--colors-teal-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-teal-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-teal-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-teal-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-teal-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-teal-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-teal-outline-border);
    --colors-color-palette-outline-fg: var(--colors-teal-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-teal-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-teal-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-teal-plain-fg);
  }

  .color-palette_gray {
    --colors-color-palette-50: var(--colors-gray-50);
    --colors-color-palette-100: var(--colors-gray-100);
    --colors-color-palette-200: var(--colors-gray-200);
    --colors-color-palette-300: var(--colors-gray-300);
    --colors-color-palette-400: var(--colors-gray-400);
    --colors-color-palette-500: var(--colors-gray-500);
    --colors-color-palette-600: var(--colors-gray-600);
    --colors-color-palette-700: var(--colors-gray-700);
    --colors-color-palette-800: var(--colors-gray-800);
    --colors-color-palette-900: var(--colors-gray-900);
    --colors-color-palette-950: var(--colors-gray-950);
    --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-solid-bg: var(--colors-gray-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-gray-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-gray-surface-bg);
    --colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);
    --colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-gray-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-gray-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-gray-outline-border);
    --colors-color-palette-outline-fg: var(--colors-gray-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-gray-plain-fg);
  }

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

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

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

  .ap_none {
    appearance: none;
  }

  .ai_flex-start {
    align-items: flex-start;
  }

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

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

  .lh_1 {
    line-height: 1;
  }

  .color-palette_amber {
    --colors-color-palette-50: var(--colors-amber-50);
    --colors-color-palette-100: var(--colors-amber-100);
    --colors-color-palette-200: var(--colors-amber-200);
    --colors-color-palette-300: var(--colors-amber-300);
    --colors-color-palette-400: var(--colors-amber-400);
    --colors-color-palette-500: var(--colors-amber-500);
    --colors-color-palette-600: var(--colors-amber-600);
    --colors-color-palette-700: var(--colors-amber-700);
    --colors-color-palette-800: var(--colors-amber-800);
    --colors-color-palette-900: var(--colors-amber-900);
    --colors-color-palette-950: var(--colors-amber-950);
    --colors-color-palette-1: var(--colors-amber-1);
    --colors-color-palette-2: var(--colors-amber-2);
    --colors-color-palette-3: var(--colors-amber-3);
    --colors-color-palette-4: var(--colors-amber-4);
    --colors-color-palette-5: var(--colors-amber-5);
    --colors-color-palette-6: var(--colors-amber-6);
    --colors-color-palette-7: var(--colors-amber-7);
    --colors-color-palette-8: var(--colors-amber-8);
    --colors-color-palette-9: var(--colors-amber-9);
    --colors-color-palette-10: var(--colors-amber-10);
    --colors-color-palette-11: var(--colors-amber-11);
    --colors-color-palette-12: var(--colors-amber-12);
    --colors-color-palette-a1: var(--colors-amber-a1);
    --colors-color-palette-a2: var(--colors-amber-a2);
    --colors-color-palette-a3: var(--colors-amber-a3);
    --colors-color-palette-a4: var(--colors-amber-a4);
    --colors-color-palette-a5: var(--colors-amber-a5);
    --colors-color-palette-a6: var(--colors-amber-a6);
    --colors-color-palette-a7: var(--colors-amber-a7);
    --colors-color-palette-a8: var(--colors-amber-a8);
    --colors-color-palette-a9: var(--colors-amber-a9);
    --colors-color-palette-a10: var(--colors-amber-a10);
    --colors-color-palette-a11: var(--colors-amber-a11);
    --colors-color-palette-a12: var(--colors-amber-a12);
    --colors-color-palette-solid-bg: var(--colors-amber-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-amber-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-amber-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-amber-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-amber-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-amber-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-amber-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-amber-surface-bg);
    --colors-color-palette-surface-bg-active: var(--colors-amber-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-amber-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-amber-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-amber-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-amber-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-amber-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-amber-outline-border);
    --colors-color-palette-outline-fg: var(--colors-amber-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-amber-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-amber-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-amber-plain-fg);
  }

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

  .bx-sh_xl {
    box-shadow: var(--shadows-xl);
  }

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

  .cursor_pointer {
    cursor: pointer;
  }

  .pos_fixed {
    position: fixed;
  }

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

  .trs-prop_transform\,_opacity {
    --transition-prop: transform, opacity;
    transition-property: transform, opacity;
  }

  .z_30 {
    z-index: 30;
  }

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

  .bx-sh_none {
    box-shadow: none;
  }

  .bx-sh_2xl {
    box-shadow: var(--shadows-2xl);
  }

  .pos_sticky {
    position: sticky;
  }

  .trf_translateX\(100\%\) {
    transform: translateX(100%);
  }

  .trf_translateX\(calc\(100\%_\+_2rem\)\) {
    transform: translateX(calc(100% + 2rem));
  }

  .trf_translateX\(0\) {
    transform: translateX(0);
  }

  .z_auto {
    z-index: auto;
  }

  .z_40 {
    z-index: 40;
  }

  .trs-dur_slow {
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
  }

  .ai_start {
    align-items: start;
  }

  .justify-items_end {
    justify-items: end;
  }

  .justify-items_start {
    justify-items: start;
  }

  .c_teal\.plain\.fg {
    color: var(--colors-teal-plain-fg);
  }

  .lh_1\.7 {
    line-height: 1.7;
  }

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

  .jc_end {
    justify-content: end;
  }

  .lh_1\.4 {
    line-height: 1.4;
  }

  .as_start {
    align-self: start;
  }

  .lh_1\.1 {
    line-height: 1.1;
  }

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

  .lh_1\.5 {
    line-height: 1.5;
  }

  .jc_stretch {
    justify-content: stretch;
  }

  .trf_rotate\(180deg\) {
    transform: rotate(180deg);
  }

  .trf_rotate\(0deg\) {
    transform: rotate(0);
  }

  .trs-prop_transform {
    --transition-prop: transform;
    transition-property: transform;
  }

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

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

  .ta_center {
    text-align: center;
  }

  .trs-prop_border-color\,_background-color\,_transform {
    --transition-prop: border-color, background-color, transform;
    transition-property: border-color, background-color, transform;
  }

  .trs-prop_background-color\,_transform {
    --transition-prop: background-color, transform;
    transition-property: background-color, transform;
  }

  .c_teal\.10 {
    color: var(--colors-teal-10);
  }

  .tov_ellipsis {
    text-overflow: ellipsis;
  }

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

  .bd-cl_collapse {
    border-collapse: collapse;
  }

  .ta_left {
    text-align: left;
  }

  .color-palette_red {
    --colors-color-palette-50: var(--colors-red-50);
    --colors-color-palette-100: var(--colors-red-100);
    --colors-color-palette-200: var(--colors-red-200);
    --colors-color-palette-300: var(--colors-red-300);
    --colors-color-palette-400: var(--colors-red-400);
    --colors-color-palette-500: var(--colors-red-500);
    --colors-color-palette-600: var(--colors-red-600);
    --colors-color-palette-700: var(--colors-red-700);
    --colors-color-palette-800: var(--colors-red-800);
    --colors-color-palette-900: var(--colors-red-900);
    --colors-color-palette-950: var(--colors-red-950);
    --colors-color-palette-1: var(--colors-red-1);
    --colors-color-palette-2: var(--colors-red-2);
    --colors-color-palette-3: var(--colors-red-3);
    --colors-color-palette-4: var(--colors-red-4);
    --colors-color-palette-5: var(--colors-red-5);
    --colors-color-palette-6: var(--colors-red-6);
    --colors-color-palette-7: var(--colors-red-7);
    --colors-color-palette-8: var(--colors-red-8);
    --colors-color-palette-9: var(--colors-red-9);
    --colors-color-palette-10: var(--colors-red-10);
    --colors-color-palette-11: var(--colors-red-11);
    --colors-color-palette-12: var(--colors-red-12);
    --colors-color-palette-a1: var(--colors-red-a1);
    --colors-color-palette-a2: var(--colors-red-a2);
    --colors-color-palette-a3: var(--colors-red-a3);
    --colors-color-palette-a4: var(--colors-red-a4);
    --colors-color-palette-a5: var(--colors-red-a5);
    --colors-color-palette-a6: var(--colors-red-a6);
    --colors-color-palette-a7: var(--colors-red-a7);
    --colors-color-palette-a8: var(--colors-red-a8);
    --colors-color-palette-a9: var(--colors-red-a9);
    --colors-color-palette-a10: var(--colors-red-a10);
    --colors-color-palette-a11: var(--colors-red-a11);
    --colors-color-palette-a12: var(--colors-red-a12);
    --colors-color-palette-solid-bg: var(--colors-red-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-red-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-red-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-red-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-red-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-red-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-red-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-red-surface-bg);
    --colors-color-palette-surface-bg-active: var(--colors-red-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-red-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-red-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-red-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-red-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-red-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-red-outline-border);
    --colors-color-palette-outline-fg: var(--colors-red-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-red-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-red-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-red-plain-fg);
  }

  .d_none {
    display: none;
  }

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

  .ls_-0\.03em {
    letter-spacing: -.03em;
  }

  .lh_1\.05 {
    line-height: 1.05;
  }

  .va_top {
    vertical-align: top;
  }

  .trs-prop_background-color\,_border-color\,_transform {
    --transition-prop: background-color, border-color, transform;
    transition-property: background-color, border-color, transform;
  }

  .fs_10px {
    font-size: 10px;
  }

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

  .lh_1\.55 {
    line-height: 1.55;
  }

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

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

  .ai_stretch {
    align-items: stretch;
  }

  .c_green\.plain\.fg {
    color: var(--colors-green-plain-fg);
  }

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

  .lh_1\.75 {
    line-height: 1.75;
  }

  .grid-tc_repeat\(auto-fit\,_minmax\(180px\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .grid-tc_repeat\(auto-fit\,_minmax\(220px\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }

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

  .lh_1\.3 {
    line-height: 1.3;
  }

  .lh_1\.6 {
    line-height: 1.6;
  }

  .op_0\.84 {
    opacity: .84;
  }

  .trs-prop_background-color\,_border-color {
    --transition-prop: background-color, border-color;
    transition-property: background-color, border-color;
  }

  .d_block {
    display: block;
  }

  .trs-prop_max-width\,_min-width {
    --transition-prop: max-width, min-width;
    transition-property: max-width, min-width;
  }

  .c_inherit {
    color: inherit;
  }

  .d_contents {
    display: contents;
  }

  .vis_hidden {
    visibility: hidden;
  }

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

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

  .max-w_1320px {
    max-width: 1320px;
  }

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

  .h_72 {
    height: var(--sizes-72);
  }

  .right_-12 {
    right: calc(var(--spacing-12) * -1);
  }

  .top_-20 {
    top: calc(var(--spacing-20) * -1);
  }

  .w_72 {
    width: var(--sizes-72);
  }

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

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

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

  .max-w_860px {
    max-width: 860px;
  }

  .max-w_660px {
    max-width: 660px;
  }

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

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

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

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

  .max-w_8xl {
    max-width: var(--sizes-8xl);
  }

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

  .min-h_13\.75rem {
    min-height: 13.75rem;
  }

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

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

  .max-w_460px {
    max-width: 460px;
  }

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

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

  .bottom_6 {
    bottom: var(--spacing-6);
  }

  .h_14 {
    height: var(--sizes-14);
  }

  .right_6 {
    right: var(--spacing-6);
  }

  .w_14 {
    width: var(--sizes-14);
  }

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

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

  .bottom_auto {
    bottom: auto;
  }

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

  .h_100vh {
    height: 100vh;
  }

  .h_auto {
    height: auto;
  }

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

  .max-h_calc\(100vh_-_2rem\) {
    max-height: calc(100vh - 2rem);
  }

  .right_auto {
    right: auto;
  }

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

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

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

  .w_100\% {
    width: 100%;
  }

  .w_calc\(100vw_-_2rem\) {
    width: calc(100vw - 2rem);
  }

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

  .max-w_92\% {
    max-width: 92%;
  }

  .min-h_84px {
    min-height: 84px;
  }

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

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

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

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

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

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

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

  .min-h_220px {
    min-height: 220px;
  }

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

  .max-h_76vh {
    max-height: 76vh;
  }

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

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

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

  .max-w_1360px {
    max-width: 1360px;
  }

  .max-w_900px {
    max-width: 900px;
  }

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

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

  .right_-1 {
    right: calc(var(--spacing-1) * -1);
  }

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

  .max-w_calc\(100vw_-_2rem\) {
    max-width: calc(100vw - 2rem);
  }

  .max-h_420px {
    max-height: 420px;
  }

  .pb_2 {
    padding-bottom: var(--spacing-2);
  }

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

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

  .h_2\.5 {
    height: var(--sizes-2\.5);
  }

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

  .w_2\.5 {
    width: var(--sizes-2\.5);
  }

  .h_1\.5 {
    height: var(--sizes-1\.5);
  }

  .mt_auto {
    margin-top: auto;
  }

  .max-w_760px {
    max-width: 760px;
  }

  .min-w_28 {
    min-width: var(--sizes-28);
  }

  .max-w_720px {
    max-width: 720px;
  }

  .min-h_14 {
    min-height: var(--sizes-14);
  }

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

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

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

  .lc_1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

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

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

  .max-w_420px {
    max-width: 420px;
  }

  .min-h_28 {
    min-height: var(--sizes-28);
  }

  .min-h_180px {
    min-height: 180px;
  }

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

  .max-w_1280px {
    max-width: 1280px;
  }

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

  .max-w_30\% {
    max-width: 30%;
  }

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

  .min-w_30\% {
    min-width: 30%;
  }

  .w_30\% {
    width: 30%;
  }

  .max-w_820px {
    max-width: 820px;
  }

  .disabled\:bg_\#2f2f2f:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
    background: #2f2f2f;
  }

  .disabled\:bd-c_\#2f2f2f:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
    border-color: #2f2f2f;
  }

  .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0 > :not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .disabled\:c_rgba\(255\,255\,255\,0\.72\):is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
    color: #ffffffb8;
  }

  .\[\&_\>_\*\:first-child\]\:bdr-e_0 > :first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .\[\&_\>_\*\:first-child\]\:me_-1px > :first-child {
    margin-inline-end: -1px;
  }

  .\[\&_\>_\*\:last-child\]\:bdr-s_0 > :last-child {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:me_-1px > :not(:first-child):not(:last-child) {
    margin-inline-end: -1px;
  }

  .\[\&_\>_\*\:first-child\]\:bdr-b_0 > :first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&_\>_\*\:last-child\]\:bdr-t_0 > :last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&_\>_\*\:first-child\]\:mb_-1px > :first-child, .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:mb_-1px > :not(:first-child):not(:last-child) {
    margin-bottom: -1px;
  }

  .hover\:bg_gray\.surface\.bg:not(:disabled):hover {
    background: var(--colors-gray-surface-bg);
  }

  .hover\:bg_\#222222:not(:disabled):hover {
    background: #222;
  }

  .hover\:bd-c_teal\.8:not(:disabled):hover {
    border-color: var(--colors-teal-8);
  }

  .hover\:bd-c_gray\.7:not(:disabled):hover {
    border-color: var(--colors-gray-7);
  }

  .hover\:bd-c_\#222222:not(:disabled):hover {
    border-color: #222;
  }

  .hover\:op_0\.92:not(:disabled):hover {
    opacity: .92;
  }

  .hover\:trf_translateY\(-2px\):not(:disabled):hover {
    transform: translateY(-2px);
  }

  .hover\:trf_translateY\(-1px\):not(:disabled):hover {
    transform: translateY(-1px);
  }

  .hover\:op_0\.88:not(:disabled):hover {
    opacity: .88;
  }

  @media screen and (min-width: 40rem) {
    .sm\:columns_Группа {
      columns: Группа;
    }

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

    .sm\:ai_center {
      align-items: center;
    }

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

    .sm\:d_inline {
      display: inline;
    }

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

    .sm\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:max-w_none {
      max-width: none;
    }

    .sm\:min-w_auto {
      min-width: auto;
    }
  }

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

    .md\:p_5 {
      padding: var(--spacing-5);
    }

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

    .md\:px_6 {
      padding-inline: var(--spacing-6);
    }

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

    .md\:px_0 {
      padding-inline: var(--spacing-0);
    }

    .md\:columns_Дата {
      columns: Дата;
    }

    .md\:py_5 {
      padding-block: var(--spacing-5);
    }

    .md\:fs_6xl {
      font-size: var(--font-sizes-6xl);
    }

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

    .md\:grid-tc_repeat\(2\,_minmax\(0\,_280px\)\) {
      grid-template-columns: repeat(2, minmax(0, 280px));
    }

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

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

    .md\:ai_center {
      align-items: center;
    }

    .md\:fs_4xl {
      font-size: var(--font-sizes-4xl);
    }

    .md\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:pt_6 {
      padding-top: var(--spacing-6);
    }

    .md\:max-w_460px {
      max-width: 460px;
    }

    .md\:w_460px {
      width: 460px;
    }
  }

  @media screen and (min-width: 64rem) {
    .lg\:px_8 {
      padding-inline: var(--spacing-8);
    }

    .lg\:columns_Предмет {
      columns: Предмет;
    }

    .lg\:grid-tc_minmax\(0\,_1\.25fr\)_repeat\(3\,_minmax\(0\,_0\.58fr\)\) {
      grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, .58fr));
    }

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

    .lg\:ai_center {
      align-items: center;
    }

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

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

    .lg\:grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:w_auto {
      width: auto;
    }
  }

  @media screen and (min-width: 80rem) {
    .xl\:columns_Преподаватель {
      columns: Преподаватель;
    }

    .xl\:grid-tc_minmax\(0\,_1\.15fr\)_minmax\(420px\,_0\.85fr\) {
      grid-template-columns: minmax(0, 1.15fr) minmax(420px, .85fr);
    }

    .xl\:grid-tc_minmax\(0\,_1\.15fr\)_minmax\(320px\,_0\.85fr\) {
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    }

    .xl\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-tc_minmax\(0\,_1\.35fr\)_minmax\(380px\,_0\.65fr\) {
      grid-template-columns: minmax(0, 1.35fr) minmax(380px, .65fr);
    }

    .xl\:grid-tc_minmax\(0\,_1\.1fr\)_minmax\(320px\,_0\.9fr\) {
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    }

    .xl\:d_flex {
      display: flex;
    }

    .xl\:d_block {
      display: block;
    }

    .xl\:d_none {
      display: none;
    }

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

    .xl\:min-h_720px {
      min-height: 720px;
    }
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  min-height: 100%;
}

body {
  min-height: 100vh;
  font-family: var(--font-manrope), sans-serif;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: radial-gradient(circle at 12% 16%, #12a5942e, #0000 28%), radial-gradient(circle at 88% 10%, #f59e0b26, #0000 24%), linear-gradient(#f7f4ec 0%, #edf5f1 46%, #f4f7fb 100%);
  margin: 0;
  transition: background-color .22s, color .22s;
  position: relative;
}

.dark body {
  background: radial-gradient(circle at 12% 16%, #12a5942e, #0000 26%), radial-gradient(circle at 88% 10%, #f59e0b29, #0000 22%), linear-gradient(#111417 0%, #151b20 52%, #171a1d 100%);
}

body:before {
  content: "";
  opacity: .5;
  pointer-events: none;
  z-index: -1;
  background-image: linear-gradient(#141c200f 1px, #0000 1px), linear-gradient(90deg, #141c200f 1px, #0000 1px);
  background-size: 120px 120px;
  position: fixed;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle, #000 42%, #0000 100%);
  mask-image: radial-gradient(circle, #000 42%, #0000 100%);
}

.dark body:before {
  opacity: .3;
  background-image: linear-gradient(#ffffff0b 1px, #0000 1px), linear-gradient(90deg, #ffffff0b 1px, #0000 1px);
}

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

button, input, select, textarea {
  font: inherit;
}

::selection {
  background: #12a5943d;
}

.reveal {
  opacity: 0;
  animation: .64s cubic-bezier(.2, .8, .2, 1) forwards reveal-up;
  animation-delay: var(--reveal-delay, 0s);
}

@keyframes reveal-up {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

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

@layer recipes.slots {
  @layer _base {
    .card__root {
      border-radius: l3;
      position: relative;
      overflow: hidden;
    }

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

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

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

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

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

    .card__title {
      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;
    }

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

    .field__errorText {
      color: var(--colors-error);
    }

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

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

    .field__helperText:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
      cursor: not-allowed;
      opacity: .67;
      filter: grayscale();
    }

    .field__label {
      gap: var(--spacing-0\.5);
      color: var(--colors-fg-default);
      text-align: start;
      -webkit-user-select: none;
      user-select: none;
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      font-weight: var(--font-weights-medium);
      align-items: center;
      display: flex;
    }

    .field__label:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) {
      cursor: not-allowed;
      opacity: .67;
      filter: grayscale();
    }

    .field__requiredIndicator {
      color: colorPalette. solid;
    }

    .dialog__backdrop {
      background: var(--colors-black-a7);
      z-index: var(--z-index);
      height: 100dvh;
      left: var(--spacing-0);
      top: var(--spacing-0);
      width: 100dvw;
      position: fixed;
    }

    .dialog__backdrop:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: fade-in;
      animation-timing-function: emphasized-in;
      animation-duration: var(--durations-normal);
    }

    .dialog__backdrop:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: fade-out;
      animation-timing-function: emphasized-out;
      animation-duration: var(--durations-fast);
    }

    .dialog__positioner {
      height: 100dvh;
      left: var(--spacing-0);
      overscroll-behavior-y: none;
      top: var(--spacing-0);
      justify-content: center;
      width: 100dvw;
      position: fixed;
    }

    .dialog__positioner, .dialog__content {
      --dialog-z-index: var(--z-index-modal);
      z-index: calc(var(--dialog-z-index)  + var(--layer-index, 0));
      display: flex;
    }

    .dialog__content {
      background: var(--colors-gray-surface-bg);
      border-radius: l3;
      margin-block: var(--dialog-margin, var(--dialog-base-margin));
      padding-block: var(--spacing-4);
      gap: var(--spacing-4);
      box-shadow: var(--shadows-lg);
      font-size: var(--font-sizes-sm);
      outline: 0;
      flex-direction: column;
      width: 100%;
      line-height: 1.25rem;
      position: relative;
    }

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-duration: var(--durations-slowest);
    }

    .dialog__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-duration: var(--durations-normal);
    }

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

    .dialog__closeTrigger {
      inset-inline-end: var(--spacing-3);
      top: var(--spacing-3);
      position: absolute;
    }

    .dialog__header {
      gap: var(--spacing-0\.5);
      flex-direction: column;
      flex: 0;
    }

    .dialog__header, .dialog__body {
      padding-inline: var(--spacing-4);
      display: flex;
    }

    .dialog__body {
      flex-direction: column;
      flex: 1;
      align-items: flex-start;
    }

    .dialog__footer {
      gap: var(--spacing-3);
      padding-inline: var(--spacing-4);
      flex: 0;
      justify-content: flex-end;
      align-items: center;
      display: flex;
    }

    .avatar__root {
      font-weight: var(--font-weights-medium);
      vertical-align: top;
      -webkit-user-select: none;
      user-select: none;
      font-size: var(--avatar-font-size);
      width: var(--avatar-size);
      height: var(--avatar-size);
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    .avatar__root, .avatar__image {
      border-radius: var(--avatar-radius);
    }

    .avatar__image {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .avatar__fallback {
      border-radius: var(--avatar-radius);
      text-transform: uppercase;
      line-height: 1;
      font-weight: var(--font-weights-medium);
      font-size: var(--avatar-font-size);
    }

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

    .popover__arrowTip {
      border-inline-start-width: .5px;
      border-top-width: .5px;
    }

    .popover__content {
      --popover-bg: var(--colors-gray-surface-bg);
      --popover-padding: var(--spacing-4);
      background: var(--popover-bg);
      border-radius: l3;
      box-shadow: var(--shadows-lg);
      font-size: var(--font-sizes-sm);
      transform-origin: var(--transform-origin);
      z-index: calc(var(--z-index-popover)  + var(--layer-index, 0));
      max-height: var(--available-height);
      width: var(--sizes-xs);
      outline: 0;
      flex-direction: column;
      line-height: 1.25rem;
      display: flex;
      position: relative;
    }

    .popover__content:is([open], [data-open], [data-state="open"], :popover-open) {
      transform-origin: var(--transform-origin);
      animation-name: scale-in, fade-in;
      animation-duration: var(--durations-fast);
    }

    .popover__content:is([closed], [data-closed], [data-state="closed"]) {
      transform-origin: var(--transform-origin);
      animation-name: scale-out, fade-out;
      animation-duration: var(--durations-faster);
    }

    .popover__title {
      color: var(--colors-fg-default);
      font-weight: var(--font-weights-medium);
      font-size: var(--font-sizes-md);
      line-height: 1.5rem;
    }

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

    .popover__closeTrigger {
      top: var(--spacing-1);
      right: var(--spacing-1);
      position: absolute;
    }

    .popover__header {
      padding-inline: var(--popover-padding);
      padding-top: var(--popover-padding);
      flex-direction: column;
      display: flex;
    }

    .popover__body {
      padding: var(--popover-padding);
      flex-direction: column;
      flex: 1;
      display: flex;
    }

    .popover__footer {
      gap: var(--spacing-3);
      padding-inline: var(--popover-padding);
      padding-bottom: var(--popover-padding);
      justify-content: flex-end;
      align-items: center;
      display: flex;
    }

    @media screen and (min-width: 48rem) {
      .dialog__content {
        padding-block: var(--spacing-6);
        gap: var(--spacing-6);
      }

      .dialog__header, .dialog__body, .dialog__footer {
        padding-inline: var(--spacing-6);
      }
    }
  }

  .card__root--variant_outline {
    background: var(--colors-gray-surface-bg);
    border-width: 1px;
  }

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

  .dialog__positioner--scrollBehavior_outside {
    pointer-events: auto;
    overflow: auto;
  }

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

  .dialog__content--placement_center {
    --dialog-base-margin: auto;
    margin-inline: auto;
  }

  .dialog__content--motionPreset_scale:is([open], [data-open], [data-state="open"], :popover-open) {
    animation-name: scale-in, fade-in;
  }

  .dialog__content--motionPreset_scale:is([closed], [data-closed], [data-state="closed"]) {
    animation-name: scale-out, fade-out;
  }

  .avatar__root--size_sm {
    --avatar-font-size: var(--font-sizes-sm);
    --avatar-size: var(--sizes-9);
  }

  .avatar__fallback--size_sm :where(svg) {
    width: var(--sizes-4\.5);
    height: var(--sizes-4\.5);
  }

  .avatar__root--shape_full {
    --avatar-radius: var(--radii-full);
  }

  .avatar__root--variant_subtle {
    background: var(--colors-color-palette-subtle-bg);
    color: var(--colors-color-palette-subtle-fg);
  }

  .avatar__root--size_lg {
    --avatar-font-size: var(--font-sizes-md);
    --avatar-size: var(--sizes-11);
  }

  .avatar__fallback--size_lg :where(svg) {
    width: var(--sizes-5\.5);
    height: var(--sizes-5\.5);
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__528c45a2._.css.map*/