@layer reset, base, tokens, recipes, utilities;

/* oswald-cyrillic-ext-wght-normal */

@font-face {
  font-family: 'Oswald Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url(/assets/oswald-cyrillic-ext-wght-normal-DLWmRmaW.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* oswald-cyrillic-wght-normal */

@font-face {
  font-family: 'Oswald Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url(/assets/oswald-cyrillic-wght-normal-C8sJyxwB.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* oswald-vietnamese-wght-normal */

@font-face {
  font-family: 'Oswald Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url(/assets/oswald-vietnamese-wght-normal-Tdf5mmdl.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* oswald-latin-ext-wght-normal */

@font-face {
  font-family: 'Oswald Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url(/assets/oswald-latin-ext-wght-normal-Dj_1K-Kw.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* oswald-latin-wght-normal */

@font-face {
  font-family: 'Oswald Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url(/assets/oswald-latin-wght-normal-CzS3kehr.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* raleway-cyrillic-ext-wght-normal */

@font-face {
  font-family: 'Raleway Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/raleway-cyrillic-ext-wght-normal-Dc5xu4We.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* raleway-cyrillic-wght-normal */

@font-face {
  font-family: 'Raleway Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/raleway-cyrillic-wght-normal-B0Yo_ULV.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* raleway-vietnamese-wght-normal */

@font-face {
  font-family: 'Raleway Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/raleway-vietnamese-wght-normal-wikBsL6_.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* raleway-latin-ext-wght-normal */

@font-face {
  font-family: 'Raleway Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/raleway-latin-ext-wght-normal-CwtNDoQR.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* raleway-latin-wght-normal */

@font-face {
  font-family: 'Raleway Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/assets/raleway-latin-wght-normal-CSF1BaNN.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* inconsolata-vietnamese-wght-normal */

@font-face {
  font-family: 'Inconsolata Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(/assets/inconsolata-vietnamese-wght-normal-C5Hzp2b_.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inconsolata-latin-ext-wght-normal */

@font-face {
  font-family: 'Inconsolata Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(/assets/inconsolata-latin-ext-wght-normal-C75G6mlG.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* inconsolata-latin-wght-normal */

@font-face {
  font-family: 'Inconsolata Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(/assets/inconsolata-latin-wght-normal-DBskYKbm.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: system;
	font-style: normal;
	font-weight: 300;
	src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

body {
	line-height: 1;
	font-family: "Oswald Variable", sans-serif;
}

#root {
	min-height: 100vh;
	background-color: var(--colors-bg-canvas);
	color: var(--colors-fg-default);
}

option {
	color: black;
}

svg {
	transform: translateZ(0);
}

.expressive-code pre[data-language] {
	width: 0;
	min-width: 100%;
}

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

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

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

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

  img {
    border-style: none;
}

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

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

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

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

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

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

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

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

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

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

  textarea {
    resize: vertical;
}

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

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

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

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

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

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

  b,strong {
    font-weight: bolder;
}

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

  progress {
    vertical-align: baseline;
}

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

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

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

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}

@layer base {
  :root {
    --made-with-panda: '🐼';
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}
}

@layer tokens {
  :where(:root, :host) {
    --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(0.4, 0, 0.2, 1);
    --easings-linear: linear;
    --easings-in: cubic-bezier(0.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, 0.2, 1);
    --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --durations-fastest: 50ms;
    --durations-faster: 100ms;
    --durations-fast: 150ms;
    --durations-normal: 200ms;
    --durations-slow: 300ms;
    --durations-slower: 400ms;
    --durations-slowest: 500ms;
    --radii-xs: 0.125rem;
    --radii-sm: 0.25rem;
    --radii-md: 0.375rem;
    --radii-lg: 0.5rem;
    --radii-xl: 0.75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-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: -0.05em;
    --letter-spacings-tight: -0.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: 0.025em;
    --letter-spacings-wider: 0.05em;
    --letter-spacings-widest: 0.1em;
    --font-sizes-2xs: 0.5rem;
    --font-sizes-xs: 0.75rem;
    --font-sizes-sm: 0.875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 6rem;
    --font-sizes-9xl: 8rem;
    --shadows-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadows-inset-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --blurs-xs: 4px;
    --blurs-sm: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --sizes-0: 0rem;
    --sizes-1: 0.25rem;
    --sizes-2: 0.5rem;
    --sizes-3: 0.75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-11: 2.75rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-0\.5: 0.125rem;
    --sizes-1\.5: 0.375rem;
    --sizes-2\.5: 0.625rem;
    --sizes-3\.5: 0.875rem;
    --sizes-4\.5: 1.125rem;
    --sizes-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, 0.2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --colors-black: #000000;
    --colors-white: #ffffff;
    --colors-gray-100: hsl(0, 0%, 92%);
    --colors-gray-300: hsl(0, 0%, 60%);
    --colors-gray-500: hsl(0, 0%, 28%);
    --colors-gray-700: hsl(0, 0%, 14%);
    --colors-gray-900: hsl(0, 0%, 7%);
    --colors-slate-50: hsl(222, 4%, 96%);
    --colors-slate-100: hsl(222, 4%, 92%);
    --colors-slate-200: hsl(222, 5%, 85%);
    --colors-slate-300: hsl(222, 7%, 60%);
    --colors-slate-400: hsl(222, 8.5%, 42%);
    --colors-slate-500: hsl(222, 10%, 28%);
    --colors-slate-600: hsl(222, 12%, 23%);
    --colors-slate-700: hsl(222, 15%, 18%);
    --colors-slate-800: hsl(222, 25%, 12%);
    --colors-slate-900: hsl(222, 30%, 7%);
    --colors-slate-950: hsl(222, 32%, 4%);
    --colors-pink-100: hsl(310, 100%, 92%);
    --colors-pink-300: hsl(310, 100%, 75%);
    --colors-pink-500: hsl(310, 100%, 50%);
    --colors-pink-700: hsl(302, 100%, 42%);
    --colors-pink-900: hsl(302, 50%, 10%);
    --colors-red-100: hsl(360, 100%, 92%);
    --colors-red-300: hsl(360, 100%, 75%);
    --colors-red-500: hsl(360, 100%, 50%);
    --colors-red-700: hsl(350, 80%, 30%);
    --colors-red-900: hsl(350, 50%, 10%);
    --colors-blue-100: hsl(212, 100%, 92%);
    --colors-blue-300: hsl(212, 100%, 75%);
    --colors-blue-500: hsl(212, 100%, 45%);
    --colors-blue-700: hsl(222, 100%, 40%);
    --colors-blue-900: hsl(222, 50%, 10%);
    --colors-yellow-100: hsl(44, 100%, 92%);
    --colors-yellow-300: hsl(44, 100%, 80%);
    --colors-yellow-500: hsl(48, 100%, 60%);
    --colors-yellow-700: hsl(48, 100%, 30%);
    --colors-yellow-900: hsl(48, 50%, 10%);
    --colors-green-100: hsl(160, 100%, 92%);
    --colors-green-300: hsl(160, 100%, 80%);
    --colors-green-500: hsl(160, 100%, 45%);
    --colors-green-700: hsl(165, 100%, 30%);
    --colors-green-900: hsl(165, 50%, 10%);
    --border-widths-sm: 1px;
    --border-widths-md: 2px;
    --border-widths-lg: 4px;
    --opacity-disabled: 0.35;
    --spacing-0: 0rem;
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 40px;
    --spacing-6: 48px;
    --spacing-7: 56px;
    --spacing-8: 64px;
    --spacing-9: 2.25rem;
    --spacing-10: 80px;
    --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: 288px;
    --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-2\.5: 0.625rem;
    --spacing-3\.5: 0.875rem;
    --spacing-4\.5: 1.125rem;
    --spacing-5\.5: 1.375rem;
    --spacing-0\.25: 2px;
    --spacing-0\.5: 4px;
    --spacing-1\.5: 12px;
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --colors-bg-backdrop: rgba(0, 0, 0, 0.45);
    --fonts-body: 'Oswald Variable', sans-serif;
    --fonts-monospace: 'Inconsolata Variable', monospace;
    --fonts-logo: 'Raleway Variable', sans-serif;
    --sizes-header: 75px;
    --sizes-footer: 100px;
    --sizes-sidebar: 55px;
    --sizes-media-row: 150px;
    --sizes-icon-button: 36px;
    --sizes-status-bar: 30px;
    --sizes-navigation-panel: 150px;
    --sizes-action-panel-full: 110px;
    --sizes-action-panel-half: calc((var(--sizes-action-panel-full) / 2) - var(--spacing-0\.5));
}

  .light {
    --colors-bg-canvas: var(--colors-slate-50);
    --colors-bg-default: white;
    --colors-bg-contrast: white;
    --colors-bg-solid: var(--colors-slate-400);
    --colors-bg-muted: var(--colors-slate-200);
    --colors-bg-subtle: var(--colors-slate-300);
    --colors-bg-ghost: rgba(0, 0, 0, 0.1);
    --colors-bg-disabled: var(--colors-slate-400);
    --colors-bg-translucent: rgba(255, 255, 255, 0.75);
    --colors-fg-default: var(--colors-slate-950);
    --colors-fg-contrast: black;
    --colors-fg-muted: var(--colors-slate-800);
    --colors-fg-subtle: var(--colors-slate-900);
    --colors-fg-disabled: var(--colors-slate-600);
    --colors-fg-error: var(--colors-red-700);
    --colors-border-default: var(--colors-slate-600);
    --colors-border-outline: var(--colors-slate-900);
    --colors-border-muted: var(--colors-slate-400);
    --colors-border-subtle: var(--colors-slate-300);
    --colors-border-disabled: var(--colors-slate-400);
    --colors-border-error: var(--colors-red-500)
}

  .dark {
    --colors-bg-canvas: var(--colors-slate-950);
    --colors-bg-default: var(--colors-slate-900);
    --colors-bg-contrast: black;
    --colors-bg-solid: var(--colors-slate-600);
    --colors-bg-muted: var(--colors-slate-800);
    --colors-bg-subtle: var(--colors-slate-700);
    --colors-bg-ghost: rgba(255, 255, 255, 0.1);
    --colors-bg-disabled: var(--colors-slate-600);
    --colors-bg-translucent: rgba(0, 0, 0, 0.75);
    --colors-fg-default: var(--colors-slate-50);
    --colors-fg-contrast: white;
    --colors-fg-muted: var(--colors-slate-200);
    --colors-fg-subtle: var(--colors-slate-100);
    --colors-fg-disabled: var(--colors-slate-400);
    --colors-fg-error: var(--colors-red-300);
    --colors-border-default: var(--colors-slate-400);
    --colors-border-outline: var(--colors-slate-100);
    --colors-border-muted: var(--colors-slate-600);
    --colors-border-subtle: var(--colors-slate-700);
    --colors-border-disabled: var(--colors-slate-600);
    --colors-border-error: var(--colors-red-500)
}

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

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

  @keyframes pulse {
    50% {
      opacity: 0.5;
}
}

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

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

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

    to {
      opacity: 1;
}
}

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

    to {
      opacity: 0;
}
}

  @keyframes slide-from-top {
    from {
      translate: 0 -1rem;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-bottom {
    from {
      translate: 0 1rem;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-left {
    from {
      translate: -1rem 0;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-right {
    from {
      translate: 1rem 0;
}

    to {
      translate: 0;
}
}

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

    to {
      translate: 0 -1rem;
}
}

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

    to {
      translate: 0 1rem;
}
}

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

    to {
      translate: -1rem 0;
}
}

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

    to {
      translate: 1rem 0;
}
}
}

@layer recipes {
  @layer _base {
    .heading {
      font-weight: 300;
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: clip;
      color: var(--colors-fg-muted);
}

    .spinner {
      animation: var(--animations-spin);
      display: inline-block;
      color: currentcolor;
}

    .link {
      font-weight: 400;
}

    .link:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      text-decoration: underline;
}

    .light .link[target] {
      color: var(--colors-color-palette-700);
}

    .dark .link[target] {
      color: var(--colors-color-palette-300);
}

    .link[target] {
      --colors-color-palette-100: var(--colors-yellow-100);
      --colors-color-palette-300: var(--colors-yellow-300);
      --colors-color-palette-500: var(--colors-yellow-500);
      --colors-color-palette-700: var(--colors-yellow-700);
      --colors-color-palette-900: var(--colors-yellow-900);
}

    .light .link:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-700);
}

    .dark .link:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-300);
}

    .light .link[aria-current=page] {
      color: var(--colors-color-palette-700);
}

    .dark .link[aria-current=page] {
      color: var(--colors-color-palette-300);
}

    .link,.button {
      cursor: pointer;
}

    .button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      opacity: 1;
      -webkit-user-select: none;
      user-select: none;
      --transition-prop: background-color;
      transition-property: background-color;
      --transition-duration: var(--durations-fast);
      transition-duration: var(--durations-fast);
}

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

    .button:is([data-loading], [aria-busy=true]) > :first-child {
      visibility: hidden;
}

    .input {
      padding: var(--spacing-0);
      border-color: var(--colors-border-default);
      outline: var(--borders-none);
      line-height: 1.5;
      margin-block-start: calc(var(--spacing-1) * -1);
      opacity: 1;
      width: 100%;
      border-bottom-width: var(--border-widths-md);
}

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

    .input::placeholder,.input[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: var(--opacity-disabled);
}

    .input:is(:focus, [data-focus]) {
      border-color: var(--colors-color-palette-500);
}

    .kbd {
      margin-inline: 0.25em;
      padding-block: 0.125rem;
      padding-inline: 0.75em;
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-sm);
      display: inline-flex;
      line-height: 1.25em;
      font-size: 0.75em;
      text-transform: uppercase;
      background-color: var(--colors-bg-muted);
      color: var(--colors-fg-muted);
      transform: translateY(-0.125em);
      margin-bottom: -0.25em;
      border-bottom-width: var(--border-widths-lg);
}
}

  .heading--rank_1 {
    font-size: 1.75em;
}

  .heading--rank_3 {
    font-size: 1em;
}

  .heading--rank_2 {
    font-size: 1.5em;
}

  .heading--rank_4 {
    font-size: 0.75em;
}

  .button--variant_subtle {
    border-radius: var(--radii-md);
    --current-color: fg.default;
    border-width: var(--border-widths-sm);
    color: var(--current-color);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 1;
}

  .button--variant_subtle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    --current-color: fg.disabled;
    border-color: var(--colors-border-disabled);
    background-color: var(--colors-bg-disabled);
    opacity: var(--opacity-disabled);
}

  .light .button--variant_subtle {
    border-color: var(--colors-color-palette-300);
    --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-300) 50%, transparent);
    background-color: var(--mix-backgroundColor, var(--colors-color-palette-300));
}

  .dark .button--variant_subtle {
    border-color: var(--colors-color-palette-700);
    --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-700) 50%, transparent);
    background-color: var(--mix-backgroundColor, var(--colors-color-palette-700));
}

  .button--variant_subtle :where(svg) {
    color: var(--current-color);
}

  .light .button--variant_subtle:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-color-palette-300);
}

  .dark .button--variant_subtle:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-color-palette-700);
}

  .button--variant_subtle {
    font-size: 14px;
}

  .button--size_sm {
    padding-block: var(--spacing-0\.5);
    padding-inline: var(--spacing-1\.5);
}

  .button--stretch_true {
    width: 100%;
}

  .button--size_icon {
    width: 36px;
    height: 36px;
}

  .button--size_icon :where(svg) {
    width: 18px;
    height: 18px;
}

  .button--variant_solid {
    border-radius: var(--radii-full);
    --current-color: fg.default;
    color: var(--colors-fg-default);
    opacity: 1;
}

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

  .button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    border-width: 0;
}

  .light .button--variant_solid {
    background-color: var(--colors-color-palette-300);
}

  .dark .button--variant_solid {
    background-color: var(--colors-color-palette-700);
}

  .button--variant_solid :where(svg) {
    color: var(--current-color);
}

  .button--variant_solid::after {
    inset: -6px;
    border-width: var(--border-widths-md);
    border-color: var(--colors-color-palette-500);
    border-radius: var(--radii-full);
    content: '';
    position: absolute;
    opacity: 0;
    --transition-prop: opacity;
    transition-property: opacity;
    --transition-duration: var(--durations-normal);
    transition-duration: var(--durations-normal);
}

  .button--variant_solid:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    opacity: 1;
}

  .button--size_md {
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-6);
}

  .button--variant_ghost {
    border-radius: var(--radii-md);
    --current-color: fg.default;
    background-color: transparent;
    color: var(--current-color);
    opacity: 1;
}

  .button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    --current-color: fg.disabled;
    opacity: var(--opacity-disabled);
}

  .button--variant_ghost:is([aria-pressed=true], [data-pressed]) {
    background-color: var(--colors-bg-ghost);
}

  .button--variant_ghost :where(svg) {
    color: var(--current-color);
}

  .button--variant_ghost:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-bg-ghost);
}

  .input--size_md {
    min-height: 36px;
}
}

@layer recipes.slots {
  @layer _base {
    .toast__root {
      padding: var(--spacing-2);
      gap: var(--spacing-1);
      display: flex;
      flex-direction: column;
      position: relative;
      font-size: 1rem;
      font-weight: 300;
      line-height: var(--line-heights-normal);
      word-wrap: break-word;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .toast__root {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .toast__root {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .toast__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .toast__root {
      scale: var(--scale);
      translate: var(--x) var(--y) 0;
      will-change: translate, opacity, scale;
      z-index: var(--z-index);
      --transition-duration: var(--durations-fast);
      transition-duration: var(--durations-fast);
      --transition-prop: translate, scale, opacity, height;
      transition-property: translate, scale, opacity, height;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
      width: 400px;
}

    .toast__root[data-type="success"] {
      --colors-color-palette-100: var(--colors-green-100);
      --colors-color-palette-300: var(--colors-green-300);
      --colors-color-palette-500: var(--colors-green-500);
      --colors-color-palette-700: var(--colors-green-700);
      --colors-color-palette-900: var(--colors-green-900);
}

    .toast__root[data-type="error"] {
      --colors-color-palette-100: var(--colors-red-100);
      --colors-color-palette-300: var(--colors-red-300);
      --colors-color-palette-500: var(--colors-red-500);
      --colors-color-palette-700: var(--colors-red-700);
      --colors-color-palette-900: var(--colors-red-900);
}

    .toast__root[data-type="info"] {
      --colors-color-palette-100: var(--colors-blue-100);
      --colors-color-palette-300: var(--colors-blue-300);
      --colors-color-palette-500: var(--colors-blue-500);
      --colors-color-palette-700: var(--colors-blue-700);
      --colors-color-palette-900: var(--colors-blue-900);
}

    .toast__root > *:nth-child(2) {
      margin-right: var(--spacing-6);
}

    .toast__description {
      margin-block-end: var(--spacing-0\.5);
}

    .toast__closeTrigger {
      padding: var(--spacing-1);
      border-radius: var(--radii-sm);
      position: absolute;
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .toast__closeTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .toast__closeTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .toast__closeTrigger :where(svg) {
      color: var(--current-color);
}

    .toast__closeTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .toast__closeTrigger {
      cursor: pointer;
      top: var(--spacing-1);
      right: var(--spacing-1);
}

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

    .list__root :where(ul, ol) {
      margin-top: var(--spacing-1);
}

    .list__item {
      line-height: 1.5;
      color: var(--colors-fg-default);
      list-style-position: inside;
}

    .list__item::marker,.list__item::-webkit-details-marker {
      margin: var(--spacing-0);
}

    .list__indicator {
      flex-shrink: 0;
      display: inline-block;
      vertical-align: middle;
      color: var(--colors-color-palette-500);
}

    .color-picker__root {
      gap: var(--spacing-1);
      display: flex;
}

    .color-picker__label {
      -webkit-user-select: none;
      user-select: none;
}

    .color-picker__control {
      padding: var(--spacing-0);
      border-color: var(--colors-border-default);
      outline: var(--borders-none);
      flex: 1 1 0%;
      line-height: 1.5;
      margin-block-start: calc(var(--spacing-1) * -1);
      opacity: 1;
      display: flex;
      flex-wrap: wrap;
      column-gap: var(--spacing-1);
      align-items: center;
      width: 100%;
      border-bottom-width: var(--border-widths-md);
      min-height: 36px;
}

    .color-picker__control:is(:invalid, [data-invalid], [aria-invalid=true]) {
      border-color: var(--colors-fg-error);
}

    .color-picker__control::placeholder,.color-picker__control[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .color-picker__control:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: var(--opacity-disabled);
}

    .color-picker__control:is(:focus, [data-focus]) {
      border-color: var(--colors-color-palette-500);
}

    .color-picker__content {
      padding: var(--spacing-1);
      gap: var(--spacing-1);
      display: flex;
      flex-direction: column;
      font-size: 14px;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .color-picker__content {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .color-picker__content {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .color-picker__content:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .color-picker__content {
      z-index: 3;
      min-width: 200px;
}

    .color-picker__content:is([open], [data-open], [data-state="open"], :popover-open) {
      transform-origin: var(--transform-origin);
      animation-duration: var(--durations-fast);
}

    .color-picker__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=top] {
      animation-name: slide-from-bottom, fade-in;
}

    .color-picker__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=bottom] {
      animation-name: slide-from-top, fade-in;
}

    .color-picker__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=left] {
      animation-name: slide-from-right, fade-in;
}

    .color-picker__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=right] {
      animation-name: slide-from-left, fade-in;
}

    .color-picker__content:is([closed], [data-closed], [data-state="closed"]) {
      transform-origin: var(--transform-origin);
      animation-duration: var(--durations-fast);
}

    .color-picker__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=top] {
      animation-name: slide-to-bottom, fade-out;
}

    .color-picker__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=bottom] {
      animation-name: slide-to-top, fade-out;
}

    .color-picker__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=left] {
      animation-name: slide-to-right, fade-out;
}

    .color-picker__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=right] {
      animation-name: slide-to-left, fade-out;
}

    .color-picker__area {
      border-radius: var(--radii-sm);
      overflow: hidden;
      height: 120px;
}

    .color-picker__areaThumb {
      border-width: var(--border-widths-md);
      border-radius: var(--radii-full);
      width: 12px;
      height: 12px;
}

    .color-picker__areaBackground {
      height: 100%;
}

    .color-picker__channelSliderTrack {
      border-radius: var(--radii-full);
      height: 8px;
}

    .color-picker__channelSliderThumb {
      border-width: var(--border-widths-md);
      border-radius: var(--radii-full);
      width: 12px;
      height: 12px;
      transform: translate(-6px, -6px);
}

    .color-picker__channelInput {
      flex: 1 1 0%;
      outline: var(--borders-none);
      -webkit-user-select: none;
      user-select: none;
      width: var(--sizes-0);
      min-width: 48px;
}

    .color-picker__channelInput::placeholder,.color-picker__channelInput[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .color-picker__transparencyGrid {
      border-radius: var(--radii-full);
      background-color: transparent;
}

    .color-picker__swatch {
      border-radius: var(--radii-full);
      width: 1.25em;
      height: 1.25em;
      box-shadow: var(--shadows-xl);
      outline-width: var(--border-widths-md);
      outline-style: outset;
      outline-color: var(--colors-border-default);
      cursor: pointer;
}

    .color-picker__eyeDropperTrigger {
      padding-block: var(--spacing-0\.5);
      padding-inline: var(--spacing-1);
      border-radius: var(--radii-sm);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .color-picker__eyeDropperTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .color-picker__eyeDropperTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .color-picker__eyeDropperTrigger :where(svg) {
      color: var(--current-color);
}

    .color-picker__eyeDropperTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .color-picker__eyeDropperTrigger {
      cursor: pointer;
}

    .color-picker__formatTrigger {
      flex: 1 1 0%;
      padding-block: var(--spacing-0\.5);
      padding-inline: var(--spacing-1);
      border-radius: var(--radii-sm);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .color-picker__formatTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .color-picker__formatTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .color-picker__formatTrigger :where(svg) {
      color: var(--current-color);
}

    .color-picker__formatTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .color-picker__formatTrigger {
      cursor: pointer;
}

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

    .switch__root {
      gap: var(--spacing-1);
      display: flex;
      align-items: center;
}

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

    .switch__control {
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      border-radius: var(--radii-full);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: start;
      outline-width: var(--border-widths-sm);
      outline-style: none;
      outline-color: var(--colors-border-outline);
      outline-offset: var(--spacing-0\.25);
      cursor: pointer;
}

    .switch__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      justify-content: end;
}

    .switch__control:is(:focus, [data-focus]) {
      outline-style: solid;
}

    .switch__thumb {
      border-width: var(--border-widths-md);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-full);
      background-color: var(--colors-white);
}

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

    .tooltip__content {
      padding-block: var(--spacing-0\.5);
      padding-inline: var(--spacing-1);
      border-radius: var(--radii-sm);
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.25;
      letter-spacing: var(--letter-spacings-normal);
      white-space: wrap;
      text-align: center;
      text-transform: none;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .tooltip__content {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .tooltip__content {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .tooltip__content:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .tooltip__content {
      background-color: var(--colors-bg-canvas);
      -webkit-user-select: none;
      user-select: none;
      z-index: 3;
      max-width: 200px;
}

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

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

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

    .file-upload__root,.file-upload__dropzone {
      display: flex;
      flex-direction: column;
}

    .file-upload__dropzone {
      padding: var(--spacing-4);
      gap: var(--spacing-2);
      border-width: var(--border-widths-md);
      border-style: dashed;
      border-color: var(--colors-border-default);
      border-radius: var(--radii-sm);
      align-items: center;
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .file-upload__dropzone:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .file-upload__dropzone:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .file-upload__dropzone :where(svg) {
      color: var(--current-color);
}

    .file-upload__dropzone:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .file-upload__dropzone {
      cursor: pointer;
      width: 100%;
      min-width: 150px;
      min-height: 100px;
}

    .file-upload__dropzone[data-dragging] {
      border-color: var(--colors-color-palette-500);
}

    .file-upload__dropzone:is(:invalid, [data-invalid], [aria-invalid=true]) {
      border-color: var(--colors-fg-error);
}

    .file-upload__item {
      padding: var(--spacing-2);
      grid-template-areas: "preview name delete" "preview size delete";
      border-radius: var(--radii-sm);
      display: grid;
      grid-template-columns: auto 1fr auto;
      column-gap: var(--spacing-2);
      row-gap: var(--spacing-1);
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .file-upload__item {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .file-upload__item {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .file-upload__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .file-upload__item {
      width: 100%;
}

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

    .file-upload__itemGroup {
      gap: var(--spacing-2);
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
}

    .file-upload__itemName {
      grid-area: name;
      overflow: hidden;
      padding-block: 0.2em;
      margin-block: -0.2em;
      white-space: nowrap;
      text-overflow: ellipsis;
      min-width: var(--sizes-0);
}

    .file-upload__itemPreview {
      grid-area: preview;
      display: flex;
      align-items: center;
      justify-content: center;
}

    .file-upload__itemPreviewImage {
      overflow: hidden;
      object-fit: cover;
      aspect-ratio: var(--aspect-ratios-square);
      flex-shrink: 0;
      display: block;
      width: 32px;
}

    .file-upload__itemSizeText {
      grid-area: size;
      font-size: small;
      color: var(--colors-fg-muted);
}

    .file-upload__label {
      font-size: 20px;
      color: var(--colors-fg-default);
      pointer-events: none;
      -webkit-user-select: none;
      user-select: none;
}

    .file-upload__trigger {
      border-radius: var(--radii-md);
      font-size: 0.875em;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      --current-color: fg.default;
      border-width: var(--border-widths-sm);
      color: var(--current-color);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      opacity: 1;
}

    .file-upload__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .light .file-upload__trigger {
      border-color: var(--colors-color-palette-300);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-300) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-300));
}

    .dark .file-upload__trigger {
      border-color: var(--colors-color-palette-700);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-700) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-700));
}

    .file-upload__trigger :where(svg) {
      color: var(--current-color);
}

    .light .file-upload__trigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-300);
}

    .dark .file-upload__trigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-700);
}

    .stat__root {
      gap: var(--spacing-0);
      display: flex;
      flex-direction: column;
      align-items: center;
}

    .stat__label {
      font-weight: 300;
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: clip;
      color: var(--colors-fg-muted);
}

    .stat__valueText {
      font-size: 1rem;
      font-weight: 300;
      line-height: var(--line-heights-normal);
      font-family: var(--fonts-monospace);
      color: var(--colors-fg-default);
}

    .dialog__trigger {
      cursor: pointer;
}

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

    .dialog__backdrop {
      position: fixed;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      background-color: var(--colors-bg-backdrop);
      left: var(--spacing-0);
      top: var(--spacing-0);
      width: 100vw;
      height: 100dvh;
}

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

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

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

    .dialog__content {
      margin: var(--spacing-4);
      padding: var(--spacing-4);
      gap: var(--spacing-2);
      display: flex;
      flex-direction: column;
      position: relative;
      word-wrap: break-word;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .dialog__content {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .dialog__content {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .dialog__content:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .dialog__content {
      z-index: 5;
      max-width: 100vw;
      max-height: calc(100vh - var(--spacing-8));
      overflow-y: auto;
}

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

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=top] {
      animation-name: slide-from-bottom, fade-in;
}

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=bottom] {
      animation-name: slide-from-top, fade-in;
}

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=left] {
      animation-name: slide-from-right, fade-in;
}

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=right] {
      animation-name: slide-from-left, fade-in;
}

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

    .dialog__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=top] {
      animation-name: slide-to-bottom, fade-out;
}

    .dialog__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=bottom] {
      animation-name: slide-to-top, fade-out;
}

    .dialog__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=left] {
      animation-name: slide-to-right, fade-out;
}

    .dialog__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=right] {
      animation-name: slide-to-left, fade-out;
}

    .dialog__title {
      font-weight: 300;
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: clip;
      color: var(--colors-fg-muted);
      font-size: 1.75em;
}

    .dialog__description {
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: var(--line-heights-normal);
}

    .dialog__closeTrigger {
      padding: var(--spacing-1);
      border-radius: var(--radii-sm);
      position: absolute;
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .dialog__closeTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .dialog__closeTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .dialog__closeTrigger :where(svg) {
      color: var(--current-color);
}

    .dialog__closeTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .dialog__closeTrigger {
      cursor: pointer;
      top: var(--spacing-3);
      right: var(--spacing-3);
}

    .field__root {
      flex: 1 1 0%;
      display: flex;
}

    .field__errorText {
      font-size: 0.875em;
      line-height: 1.25;
      white-space: wrap;
      text-overflow: ellipsis;
}

    .light .field__errorText {
      color: var(--colors-red-700);
}

    .dark .field__errorText {
      color: var(--colors-red-300);
}

    .field__helperText {
      font-weight: 300;
}

    .field__helperText :where(svg) {
      color: var(--colors-fg-muted);
      width: 1em;
      height: 1em;
      cursor: help;
}

    .field__label {
      gap: var(--spacing-1);
      display: flex;
      flex-direction: row;
      align-items: center;
      font-weight: 300;
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: clip;
      font-size: 15px;
      color: var(--colors-fg-default);
      cursor: default;
}

    .field__label:is(:required, [data-required], [aria-required=true])::after {
      content: '*';
      color: var(--colors-fg-error);
}

    .clipboard__root {
      position: relative;
}

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

    .accordion__item {
      width: 100%;
}

    .accordion__itemTrigger {
      padding-inline: 12px;
      border-radius: var(--radii-sm);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin-inline-end: var(--spacing-2);
      font-family: var(--fonts-body);
      font-size: 15px;
      font-weight: 400;
      text-transform: uppercase;
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

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

    .accordion__itemTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .accordion__itemTrigger :where(svg) {
      color: var(--current-color);
}

    .accordion__itemTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .accordion__itemTrigger {
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
      width: 100%;
      height: 40px;
}

    .accordion__itemContent {
      margin-block: var(--spacing-0\.5);
}

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

    .checkbox__root {
      gap: var(--spacing-1);
      display: flex;
      align-items: center;
}

    .checkbox__label {
      gap: var(--spacing-0);
      display: flex;
      flex-wrap: wrap;
      align: center;
      -webkit-user-select: none;
      user-select: none;
}

    .checkbox__control {
      border-radius: var(--radii-sm);
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1.125em;
      height: 1.125em;
      background-color: var(--colors-white);
      outline-width: var(--border-widths-sm);
      outline-style: none;
      outline-color: var(--colors-border-outline);
      outline-offset: var(--spacing-0\.25);
      cursor: pointer;
}

    .checkbox__control:is(:focus, [data-focus]) {
      outline-style: solid;
}

    .checkbox__indicator {
      color: var(--colors-black);
}

    .checkbox__indicator :where(svg) {
      width: 1em;
      height: 1em;
}

    .combobox__root {
      gap: var(--spacing-1);
      display: flex;
}

    .combobox__clearTrigger {
      padding: var(--spacing-0\.5);
      margin-block: var(--spacing-0\.5);
      border-radius: var(--radii-md);
      --colors-color-palette-100: var(--colors-red-100);
      --colors-color-palette-300: var(--colors-red-300);
      --colors-color-palette-500: var(--colors-red-500);
      --colors-color-palette-700: var(--colors-red-700);
      --colors-color-palette-900: var(--colors-red-900);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .combobox__clearTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .combobox__clearTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .combobox__clearTrigger :where(svg) {
      color: var(--current-color);
}

    .combobox__clearTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .combobox__clearTrigger {
      cursor: pointer;
}

    .combobox__content {
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      border-radius: var(--radii-md);
      background-color: var(--colors-white);
      color: var(--colors-black);
      z-index: 1;
      width: 100%;
      min-width: fit-content;
      max-width: var(--available-width);
      max-height: var(--available-height);
      overflow-y: auto;
}

    .combobox__control {
      padding: var(--spacing-0);
      border-color: var(--colors-border-default);
      outline: var(--borders-none);
      flex: 1 1 0%;
      line-height: 1.5;
      margin-block-start: calc(var(--spacing-1) * -1);
      opacity: 1;
      display: flex;
      flex-wrap: wrap;
      column-gap: var(--spacing-1);
      align: center;
      width: 100%;
      border-bottom-width: var(--border-widths-md);
      min-height: 36px;
}

    .combobox__control:is(:invalid, [data-invalid], [aria-invalid=true]) {
      border-color: var(--colors-fg-error);
}

    .combobox__control::placeholder,.combobox__control[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .combobox__control:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: var(--opacity-disabled);
}

    .combobox__control:is(:focus, [data-focus]) {
      border-color: var(--colors-color-palette-500);
}

    .combobox__input {
      flex: 1 1 0%;
      outline: var(--borders-none);
      -webkit-user-select: none;
      user-select: none;
      width: var(--sizes-0);
      min-width: 48px;
}

    .combobox__input::placeholder,.combobox__input[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .combobox__item {
      padding: var(--spacing-1);
      gap: var(--spacing-1);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      --colors-color-palette-100: var(--colors-blue-100);
      --colors-color-palette-300: var(--colors-blue-300);
      --colors-color-palette-500: var(--colors-blue-500);
      --colors-color-palette-700: var(--colors-blue-700);
      --colors-color-palette-900: var(--colors-blue-900);
      background-color: var(--colors-white);
      color: var(--colors-black);
}

    .combobox__item[data-highlighted] {
      background-color: var(--colors-color-palette-500);
      color: var(--colors-white);
}

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

    .combobox__item:first-child {
      border-top-left-radius: var(--radii-sm);
      border-top-right-radius: var(--radii-sm);
}

    .combobox__item:last-child {
      border-bottom-left-radius: var(--radii-sm);
      border-bottom-right-radius: var(--radii-sm);
}

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

    .combobox__itemText {
      gap: var(--spacing-0\.5);
      display: flex;
      flex-direction: row;
      align-items: baseline;
      white-space: nowrap;
}

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

    .combobox__trigger {
      padding: var(--spacing-0\.5);
      margin-block: var(--spacing-0\.5);
      border-radius: var(--radii-md);
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .combobox__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .combobox__trigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .combobox__trigger :where(svg) {
      color: var(--current-color);
}

    .combobox__trigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .combobox__trigger {
      cursor: pointer;
}

    .radio-button-group__root {
      gap: var(--spacing-1);
      display: flex;
      flex-wrap: wrap;
}

    .radio-button-group__label,.radio-button-group__item {
      -webkit-user-select: none;
      user-select: none;
}

    .radio-button-group__item {
      padding-block: var(--spacing-0\.5);
      padding-inline: var(--spacing-2);
      border-width: var(--border-widths-md);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-full);
      text-align: center;
      font-size: 14px;
      outline-width: var(--border-widths-sm);
      outline-style: none;
      outline-color: var(--colors-border-outline);
      outline-offset: var(--spacing-0\.25);
      opacity: 1;
      cursor: pointer;
}

    .radio-button-group__item:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.radio-button-group__item:is([aria-pressed=true], [data-pressed]) {
      border-color: var(--current-color);
}

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

    .radio-button-group__item:is(:focus, [data-focus]) {
      outline-style: solid;
}

    .radio-group__root {
      gap: var(--spacing-2);
      display: flex;
      flex-wrap: wrap;
}

    .radio-group__label {
      -webkit-user-select: none;
      user-select: none;
}

    .radio-group__item {
      gap: var(--spacing-1);
      display: flex;
      flex-direction: row;
      align-items: center;
      color: var(--colors-fg-default);
      opacity: 1;
}

    .radio-group__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: var(--opacity-disabled);
}

    .radio-group__itemText {
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
}

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

    .radio-group__itemControl {
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      border-radius: var(--radii-full);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1em;
      height: 1em;
      background-color: var(--colors-white);
      color: var(--colors-white);
      outline-width: var(--border-widths-sm);
      outline-style: none;
      outline-color: var(--colors-border-outline);
      outline-offset: var(--spacing-0\.25);
      cursor: pointer;
}

    .radio-group__itemControl:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background-color: var(--colors-black);
}

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

    .radio-group__itemControl:is(:focus, [data-focus]) {
      outline-style: solid;
}

    .slider__root {
      gap: var(--spacing-1);
      display: flex;
      align-items: center;
}

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

    .slider__thumb {
      border-width: var(--border-widths-md);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-full);
      background-color: var(--colors-white);
      outline-width: var(--border-widths-sm);
      outline-style: none;
      outline-color: var(--colors-border-outline);
      outline-offset: var(--spacing-0\.25);
      cursor: pointer;
}

    .slider__thumb:is(:focus, [data-focus]) {
      outline-style: solid;
}

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

    .slider__control {
      cursor: pointer;
}

    .slider__markerGroup {
      flex: 1 1 0%;
}

    .slider__marker {
      margin-inline: -1px;
      font-size: 12px;
      color: var(--colors-fg-muted);
}

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

    .tags-input__root {
      gap: var(--spacing-1);
      display: flex;
}

    .tags-input__label {
      -webkit-user-select: none;
      user-select: none;
}

    .tags-input__control {
      padding: var(--spacing-0);
      border-color: var(--colors-border-default);
      outline: var(--borders-none);
      flex: 1 1 0%;
      line-height: 1.5;
      margin-block-start: calc(var(--spacing-1) * -1);
      opacity: 1;
      display: flex;
      flex-wrap: wrap;
      column-gap: var(--spacing-1);
      align: center;
      width: 100%;
      border-bottom-width: var(--border-widths-md);
      min-height: 36px;
}

    .tags-input__control:is(:invalid, [data-invalid], [aria-invalid=true]) {
      border-color: var(--colors-fg-error);
}

    .tags-input__control::placeholder,.tags-input__control[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .tags-input__control:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: var(--opacity-disabled);
}

    .tags-input__control:is(:focus, [data-focus]) {
      border-color: var(--colors-color-palette-500);
}

    .tags-input__input {
      flex: 1 1 0%;
      outline: var(--borders-none);
      -webkit-user-select: none;
      user-select: none;
      width: var(--sizes-0);
      min-width: 48px;
}

    .tags-input__input::placeholder,.tags-input__input[data-placeholder] {
      --mix-color: color-mix(in srgb, var(--colors-fg-muted) 75%, transparent);
      color: var(--mix-color, var(--colors-fg-muted));
}

    .tags-input__clearTrigger {
      padding: var(--spacing-0\.5);
      margin-block: var(--spacing-0\.5);
      border-radius: var(--radii-md);
      --colors-color-palette-100: var(--colors-red-100);
      --colors-color-palette-300: var(--colors-red-300);
      --colors-color-palette-500: var(--colors-red-500);
      --colors-color-palette-700: var(--colors-red-700);
      --colors-color-palette-900: var(--colors-red-900);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .tags-input__clearTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .tags-input__clearTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .tags-input__clearTrigger :where(svg) {
      color: var(--current-color);
}

    .tags-input__clearTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .tags-input__clearTrigger {
      cursor: pointer;
}

    .tags-input__item {
      margin-block: var(--spacing-0\.5);
      font-size: 14px;
      --colors-color-palette-50: var(--colors-slate-50);
      --colors-color-palette-100: var(--colors-slate-100);
      --colors-color-palette-200: var(--colors-slate-200);
      --colors-color-palette-300: var(--colors-slate-300);
      --colors-color-palette-400: var(--colors-slate-400);
      --colors-color-palette-500: var(--colors-slate-500);
      --colors-color-palette-600: var(--colors-slate-600);
      --colors-color-palette-700: var(--colors-slate-700);
      --colors-color-palette-800: var(--colors-slate-800);
      --colors-color-palette-900: var(--colors-slate-900);
      --colors-color-palette-950: var(--colors-slate-950);
      width: fit-content;
}

    .tags-input__item,.tags-input__itemPreview {
      display: flex;
      flex-direction: row;
      align-items: center;
}

    .tags-input__itemPreview {
      border-radius: var(--radii-md);
      padding-inline-start: var(--spacing-1);
      --current-color: fg.default;
      border-width: var(--border-widths-sm);
      color: var(--current-color);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      opacity: 1;
}

    .tags-input__itemPreview:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .light .tags-input__itemPreview {
      border-color: var(--colors-color-palette-300);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-300) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-300));
}

    .dark .tags-input__itemPreview {
      border-color: var(--colors-color-palette-700);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-700) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-700));
}

    .tags-input__itemPreview :where(svg) {
      color: var(--current-color);
}

    .light .tags-input__itemPreview:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-300);
}

    .dark .tags-input__itemPreview:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-700);
}

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

    .tags-input__itemInput {
      padding-inline: var(--spacing-1);
      border-radius: var(--radii-md);
      --current-color: fg.default;
      border-width: var(--border-widths-sm);
      color: var(--current-color);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      opacity: 1;
}

    .tags-input__itemInput:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .light .tags-input__itemInput {
      border-color: var(--colors-color-palette-300);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-300) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-300));
}

    .dark .tags-input__itemInput {
      border-color: var(--colors-color-palette-700);
      --mix-backgroundColor: color-mix(in srgb, var(--colors-color-palette-700) 50%, transparent);
      background-color: var(--mix-backgroundColor, var(--colors-color-palette-700));
}

    .tags-input__itemInput :where(svg) {
      color: var(--current-color);
}

    .light .tags-input__itemInput:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-300);
}

    .dark .tags-input__itemInput:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-color-palette-700);
}

    .tags-input__itemDeleteTrigger {
      padding: var(--spacing-0\.5);
      border-radius: var(--radii-md);
      margin-inline-start: var(--spacing-1);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .tags-input__itemDeleteTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .tags-input__itemDeleteTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .tags-input__itemDeleteTrigger :where(svg) {
      color: var(--current-color);
}

    .tags-input__itemDeleteTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .tags-input__itemDeleteTrigger {
      cursor: pointer;
}

    .tabs__root {
      width: 100%;
}

    .tabs__list {
      gap: var(--spacing-1);
      padding-inline: var(--spacing-0\.25);
      padding-block: var(--spacing-0\.5);
      display: flex;
      flex-direction: row;
      align-items: center;
      white-space: nowrap;
      overflow-x: auto;
}

    .tabs__trigger {
      flex: 1 1 0%;
      padding-block: var(--spacing-1);
      padding-inline: var(--spacing-2);
      border-color: var(--colors-border-default);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

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

    .tabs__trigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .tabs__trigger :where(svg) {
      color: var(--current-color);
}

    .tabs__trigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .tabs__trigger {
      border-top-left-radius: var(--radii-md);
      border-top-right-radius: var(--radii-md);
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
      border-bottom-width: var(--border-widths-md);
}

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

    .tabs__content {
      margin-block: var(--spacing-2);
}

    .select__label {
      color: var(--colors-fg-muted);
      pointer-events: none;
      white-space: nowrap;
      font-size: 0.875rem;
}

    .select__label,.select__trigger {
      -webkit-user-select: none;
      user-select: none;
}

    .select__trigger {
      gap: var(--spacing-1);
      padding-inline: var(--spacing-1);
      overflow: hidden;
      display: flex;
      align-items: center;
      font-size: 14px;
      cursor: pointer;
      width: 100%;
}

    .select__indicator {
      color: var(--colors-fg-muted);
      pointer-events: none;
}

    .select__indicator,.select__clearTrigger {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .select__clearTrigger {
      padding: var(--spacing-0\.5);
      border-radius: var(--radii-sm);
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .select__clearTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .select__clearTrigger:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .select__clearTrigger :where(svg) {
      color: var(--current-color);
}

    .select__clearTrigger:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .select__item {
      padding: var(--spacing-1);
      gap: var(--spacing-1);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      --colors-color-palette-100: var(--colors-blue-100);
      --colors-color-palette-300: var(--colors-blue-300);
      --colors-color-palette-500: var(--colors-blue-500);
      --colors-color-palette-700: var(--colors-blue-700);
      --colors-color-palette-900: var(--colors-blue-900);
      background-color: var(--colors-white);
      color: var(--colors-black);
}

    .select__item[data-highlighted] {
      background-color: var(--colors-color-palette-500);
      color: var(--colors-white);
}

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

    .select__item:first-child {
      border-top-left-radius: var(--radii-sm);
      border-top-right-radius: var(--radii-sm);
}

    .select__item:last-child {
      border-bottom-left-radius: var(--radii-sm);
      border-bottom-right-radius: var(--radii-sm);
}

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

    .select__content {
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      border-radius: var(--radii-md);
      background-color: var(--colors-white);
      color: var(--colors-black);
      z-index: 1;
      width: 100%;
      max-height: var(--available-height);
      overflow-y: auto;
}

    .select__root {
      gap: var(--spacing-1);
      justify-content: space-between;
}

    .select__root,.select__control {
      display: flex;
      align-items: center;
}

    .select__control {
      border-radius: var(--radii-md);
      position: relative;
      flex-direction: row;
      justify-content: center;
      width: 100%;
}

    .select__control:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .select__valueText {
      flex: 1 1 0%;
      color: var(--colors-fg-default);
      position: relative;
      display: flex;
      justify-content: space-between;
}

    .toggle-group__root {
      gap: var(--spacing-1);
      display: flex;
}

    .toggle-group__item {
      padding: var(--spacing-0\.5);
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-muted);
      opacity: 1;
}

    .toggle-group__item:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.toggle-group__item:is([aria-pressed=true], [data-pressed]) {
      border-color: var(--current-color);
      color: var(--colors-fg-default);
}

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

    .toggle-group__item {
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
}

    .toggle__root {
      padding: var(--spacing-0\.5);
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-muted);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-muted);
      opacity: 1;
}

    .toggle__root:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.toggle__root:is([aria-pressed=true], [data-pressed]) {
      border-color: var(--current-color);
      color: var(--colors-fg-default);
}

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

    .toggle__root {
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer;
      width: fit-content;
}

    .table__root {
      width: 100%;
}

    .table__cell {
      padding: var(--spacing-1);
      line-height: var(--line-heights-tight);
      vertical-align: top;
}

    .table__footer {
      border-color: var(--colors-border-default);
      border-top-width: var(--border-widths-sm);
}

    .table__head {
      padding: var(--spacing-1);
      text-align: left;
      font-size: 13px;
      font-weight: 300;
      color: var(--colors-fg-muted);
}

    .table__header {
      border-color: var(--colors-border-default);
      border-bottom-width: var(--border-widths-sm);
}

    .table__row {
      border-color: var(--colors-border-muted);
      border-top-width: var(--border-widths-sm);
      border-bottom-width: var(--border-widths-sm);
}

    .table__row:first-child {
      border-top-width: 0;
}

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

    .menu__content {
      border-width: var(--border-widths-sm);
      border-color: var(--colors-border-default);
      border-radius: var(--radii-md);
      z-index: 1;
      width: 100%;
      max-height: var(--available-height);
      overflow-y: auto;
}

    .menu__content,.menu__item {
      background-color: var(--colors-white);
      color: var(--colors-black);
}

    .menu__item {
      padding: var(--spacing-1);
      gap: var(--spacing-1);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      --colors-color-palette-100: var(--colors-blue-100);
      --colors-color-palette-300: var(--colors-blue-300);
      --colors-color-palette-500: var(--colors-blue-500);
      --colors-color-palette-700: var(--colors-blue-700);
      --colors-color-palette-900: var(--colors-blue-900);
}

    .menu__item[data-highlighted] {
      background-color: var(--colors-color-palette-500);
      color: var(--colors-white);
}

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

    .menu__item:first-child {
      border-top-left-radius: var(--radii-sm);
      border-top-right-radius: var(--radii-sm);
}

    .menu__item:last-child {
      border-bottom-left-radius: var(--radii-sm);
      border-bottom-right-radius: var(--radii-sm);
}

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

    .menu__trigger {
      cursor: pointer;
}

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

  .list__root--variant_marker {
    list-style: revert;
}

  .list__item--variant_marker::marker,.list__item--variant_marker::-webkit-details-marker {
    color: var(--colors-color-palette-500);
}

  .list__indicator--variant_marker {
    margin-inline-end: var(--spacing-2);
}

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

  .color-picker__root--size_lg {
    font-size: 20px;
}

  .color-picker__label--size_lg {
    font-size: 0.75em;
}

  .color-picker__root--orientation_vertical {
    flex-direction: column-reverse;
    align-items: center;
}

  .color-picker__root--size_md {
    font-size: 16px;
}

  .color-picker__label--size_md {
    font-size: 0.75em;
}

  .color-picker__root--orientation_horizontal {
    flex-direction: row;
}

  .switch__control--size_md {
    width: 36px;
    height: 20px;
}

  .switch__thumb--size_md {
    margin-inline: 2px;
    width: 16px;
    height: 16px;
}

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

  .switch__label--size_sm {
    font-size: 0.75rem;
}

  .switch__control--size_sm {
    width: 28px;
    height: 16px;
}

  .switch__thumb--size_sm {
    margin-inline: 2px;
    width: 12px;
    height: 12px;
}

  .stat__label--size_sm {
    font-size: 0.75rem;
}

  .dialog__content--size_md {
    width: 600px;
}

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

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

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

  .field__label--size_md {
    font-size: 15px;
}

  .field__root--orientation_vertical {
    flex-direction: column;
}

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

  .field__label--size_sm {
    font-size: 12px;
}

  .field__root--align_end {
    align-items: flex-end;
}

  .checkbox__root--size_md {
    font-size: 16px;
}

  .checkbox__root--orientation_horizontal,.radio-button-group__root--orientation_horizontal {
    flex-direction: row;
}

  .radio-group__root--size_md {
    font-size: 16px;
}

  .radio-group__itemControl--size_md {
    box-shadow: inset 0 0 0 3px;
}

  .radio-group__root--orientation_horizontal {
    gap: var(--spacing-2);
    flex-direction: row;
}

  .slider__root--size_md {
    height: 20px;
}

  .slider__thumb--size_md {
    width: 16px;
    height: 16px;
    margin-block-start: -3px;
}

  .slider__track--size_md {
    margin-block-start: 6px;
    height: 4px;
}

  .slider__range--size_md {
    height: 4px;
}

  .slider__control--size_md {
    margin-inline: 8px;
    height: 16px;
}

  .slider__markerGroup--size_md {
    margin-block-start: -8px;
}

  .slider__marker--size_md::before {
    height: 12px;
}

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

  .slider__root--stretch_true,.slider__control--stretch_true {
    width: 100%;
}

  .slider__root--size_sm {
    height: 16px;
}

  .slider__label--size_sm {
    font-size: 0.75rem;
}

  .slider__thumb--size_sm {
    width: 12px;
    height: 12px;
    margin-block-start: -2px;
}

  .slider__track--size_sm {
    margin-block-start: 5px;
    height: 2px;
}

  .slider__range--size_sm {
    height: 2px;
}

  .slider__control--size_sm {
    margin-inline: 6px;
    height: 12px;
}

  .slider__markerGroup--size_sm {
    margin-block-start: -5px;
}

  .slider__marker--size_sm::before {
    height: 8px;
}

  .select__trigger--size_md {
    height: var(--sizes-icon-button);
}

  .select__clearTrigger--size_md {
    margin-right: var(--spacing-0\.5);
}

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

  .select__trigger--size_sm {
    height: 24px;
}

  .toggle-group__root--orientation_horizontal {
    flex-direction: row;
}
}

@layer utilities {
  @layer compositions {
    .textStyle_paragraph {
      font-size: 1rem;
      font-weight: 300;
      line-height: var(--line-heights-normal);
}

    .layerStyle_fill\.surface {
      border-width: var(--border-widths-sm);
      border-color: color-mix(in srgb, var(--current-border-color), var(--colors-border-default) 75%);
      border-radius: var(--radii-sm);
      color: var(--colors-fg-default);
      box-shadow: var(--shadows-xl);
      opacity: 1;
}

    .light .layerStyle_fill\.surface {
      --current-border-color: var(--colors-color-palette-300);
      background-color: var(--colors-color-palette-100);
}

    .dark .layerStyle_fill\.surface {
      --current-border-color: var(--colors-color-palette-700);
      background-color: var(--colors-color-palette-900);
}

    .layerStyle_fill\.surface:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      border-color: var(--colors-border-disabled);
      background-color: var(--colors-bg-disabled);
      opacity: var(--opacity-disabled);
}

    .textStyle_heading {
      font-weight: 300;
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: clip;
}

    .textStyle_link {
      font-weight: 400;
}

    .textStyle_link:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      text-decoration: underline;
}

    .light .textStyle_link[target] {
      color: var(--colors-color-palette-700);
}

    .dark .textStyle_link[target] {
      color: var(--colors-color-palette-300);
}

    .light .textStyle_link:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-700);
}

    .dark .textStyle_link:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-300);
}

    .light .textStyle_link[aria-current=page] {
      color: var(--colors-color-palette-700);
}

    .dark .textStyle_link[aria-current=page] {
      color: var(--colors-color-palette-300);
}

    .layerStyle_fill\.ghost {
      --current-color: fg.default;
      background-color: transparent;
      color: var(--current-color);
      opacity: 1;
}

    .layerStyle_fill\.ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      --current-color: fg.disabled;
      opacity: var(--opacity-disabled);
}

    .layerStyle_fill\.ghost:is([aria-pressed=true], [data-pressed]) {
      background-color: var(--colors-bg-ghost);
}

    .layerStyle_fill\.ghost :where(svg) {
      color: var(--current-color);
}

    .layerStyle_fill\.ghost:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background-color: var(--colors-bg-ghost);
}

    .\[\&_a\]\:textStyle_link a {
      font-weight: 400;
}

    .\[\&_a\]\:textStyle_link a:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      text-decoration: underline;
}

    .light .\[\&_a\]\:textStyle_link a[target] {
      color: var(--colors-color-palette-700);
}

    .dark .\[\&_a\]\:textStyle_link a[target] {
      color: var(--colors-color-palette-300);
}

    .light .\[\&_a\]\:textStyle_link a:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-700);
}

    .dark .\[\&_a\]\:textStyle_link a:is([aria-current=true], [data-current]) {
      color: var(--colors-color-palette-300);
}

    .light .\[\&_a\]\:textStyle_link a[aria-current=page] {
      color: var(--colors-color-palette-700);
}

    .dark .\[\&_a\]\:textStyle_link a[aria-current=page] {
      color: var(--colors-color-palette-300);
}
}

  .\--thickness_1px {
    --thickness: 1px;
}

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

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

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

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

  .bg_conic-gradient\(\{colors\.blue\.500\}_var\(--progress\)\,_\{colors\.border\.muted\}_0deg\) {
    background: conic-gradient(var(--colors-blue-500) var(--progress), var(--colors-border-muted) 0deg);
}

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

  .bg_var\(--event-color\) {
    background: var(--event-color);
}

  .bg_fg\.default {
    background: var(--colors-fg-default);
}

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

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

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

  .mx_0\.25rem {
    margin-inline: 0.25rem;
}

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

  .flex_1 {
    flex: 1 1 0%;
}

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

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

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

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

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

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

  .gap_8px {
    gap: 8px;
}

  .mx_auto {
    margin-inline: auto;
}

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

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

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

  .my_8px {
    margin-block: 8px;
}

  .columns_1 {
    columns: 1;
}

  .bd-w_sm {
    border-width: var(--border-widths-sm);
}

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

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

  .ov_auto {
    overflow: auto;
}

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

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

  .trs_unset {
    transition: unset;
}

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

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

  .bd-w_md {
    border-width: var(--border-widths-md);
}

  .border-style_dashed {
    border-style: dashed;
}

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

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

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

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

  .mx_2 {
    margin-inline: var(--spacing-2);
}

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

  .border-style_dotted {
    border-style: dotted;
}

  .inset-y_4px {
    inset-block: 4px;
}

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

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

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

  .px_4px {
    padding-inline: 4px;
}

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

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

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

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

  .d_flex {
    display: flex;
}

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

  .pos_relative {
    position: relative;
}

  .as_center {
    align-self: center;
}

  .direction_column-reverse {
    direction: column-reverse;
}

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

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

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

  .mbs_1\.5 {
    margin-block-start: var(--spacing-1\.5);
}

  .mbe_1\.5 {
    margin-block-end: var(--spacing-1\.5);
}

  .pos_fixed {
    position: fixed;
}

  .ai_center {
    align-items: center;
}

  .jc_center {
    justify-content: center;
}

  .obj-f_cover {
    object-fit: cover;
}

  .asp_square {
    aspect-ratio: var(--aspect-ratios-square);
}

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

  .ff_logo {
    font-family: var(--fonts-logo);
}

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

  .fs_18px {
    font-size: 18px;
}

  .fs_24px {
    font-size: 24px;
}

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

  .ff_body {
    font-family: var(--fonts-body);
}

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

  .d_none {
    display: none;
}

  .fs_12px {
    font-size: 12px;
}

  .cursor_help {
    cursor: help;
}

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

  .color-palette_slate {
    --colors-color-palette-50: var(--colors-slate-50);
    --colors-color-palette-100: var(--colors-slate-100);
    --colors-color-palette-200: var(--colors-slate-200);
    --colors-color-palette-300: var(--colors-slate-300);
    --colors-color-palette-400: var(--colors-slate-400);
    --colors-color-palette-500: var(--colors-slate-500);
    --colors-color-palette-600: var(--colors-slate-600);
    --colors-color-palette-700: var(--colors-slate-700);
    --colors-color-palette-800: var(--colors-slate-800);
    --colors-color-palette-900: var(--colors-slate-900);
    --colors-color-palette-950: var(--colors-slate-950);
}

  .ta_center {
    text-align: center;
}

  .fw_400 {
    font-weight: 400;
}

  .fw_300 {
    font-weight: 300;
}

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

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

  .pos_absolute {
    position: absolute;
}

  .inset-bs_2 {
    inset-block-start: var(--spacing-2);
}

  .inset-be_auto {
    inset-block-end: auto;
}

  .inset-s_auto {
    inset-inline-start: auto;
}

  .inset-e_2 {
    inset-inline-end: var(--spacing-2);
}

  .translate_50\%_-50\% {
    translate: 50% -50%;
}

  .pos_sticky {
    position: sticky;
}

  .as_flex-start {
    align-self: flex-start;
}

  .color-palette_red {
    --colors-color-palette-100: var(--colors-red-100);
    --colors-color-palette-300: var(--colors-red-300);
    --colors-color-palette-500: var(--colors-red-500);
    --colors-color-palette-700: var(--colors-red-700);
    --colors-color-palette-900: var(--colors-red-900);
}

  .ff_monospace {
    font-family: var(--fonts-monospace);
}

  .fs_15px {
    font-size: 15px;
}

  .align_center {
    align: center;
}

  .justify_center {
    justify: center;
}

  .tt_uppercase {
    text-transform: uppercase;
}

  .fs_14px {
    font-size: 14px;
}

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

  .column-span_1fr {
    column-span: 1fr;
}

  .direction_column {
    direction: column;
}

  .align_start {
    align: start;
}

  .fw_700 {
    font-weight: 700;
}

  .d_grid {
    display: grid;
}

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

  .ai_start {
    align-items: start;
}

  .z_1 {
    z-index: 1;
}

  .size_32px {
    width: 32px;
    height: 32px;
}

  .inset-bs_50\% {
    inset-block-start: 50%;
}

  .inset-be_50\% {
    inset-block-end: 50%;
}

  .inset-s_50\% {
    inset-inline-start: 50%;
}

  .inset-e_50\% {
    inset-inline-end: 50%;
}

  .translate_-50\%_-50\% {
    translate: -50% -50%;
}

  .color-palette_pink {
    --colors-color-palette-100: var(--colors-pink-100);
    --colors-color-palette-300: var(--colors-pink-300);
    --colors-color-palette-500: var(--colors-pink-500);
    --colors-color-palette-700: var(--colors-pink-700);
    --colors-color-palette-900: var(--colors-pink-900);
}

  .color-palette_blue {
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-900: var(--colors-blue-900);
}

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

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

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

  .size_100\% {
    width: 100%;
    height: 100%;
}

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

  .justify_start {
    justify: start;
}

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

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

  .bd-y-w_sm {
    border-block-width: var(--border-widths-sm);
}

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

  .pointer-events_auto {
    pointer-events: auto;
}

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

  .jc_start {
    justify-content: start;
}

  .color-palette_yellow {
    --colors-color-palette-100: var(--colors-yellow-100);
    --colors-color-palette-300: var(--colors-yellow-300);
    --colors-color-palette-500: var(--colors-yellow-500);
    --colors-color-palette-700: var(--colors-yellow-700);
    --colors-color-palette-900: var(--colors-yellow-900);
}

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

  .op_0\.5 {
    opacity: 0.5;
}

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

  .z_2 {
    z-index: 2;
}

  .ta_end {
    text-align: end;
}

  .op_1 {
    opacity: 1;
}

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

  .tov_ellipsis {
    text-overflow: ellipsis;
}

  .cursor_pointer {
    cursor: pointer;
}

  .cursor_crosshair {
    cursor: crosshair;
}

  .op_0\.2 {
    opacity: 0.2;
}

  .z_10 {
    z-index: 10;
}

  .trf_translateX\(-2px\) {
    transform: translateX(-2px);
}

  .cursor_col-resize {
    cursor: col-resize;
}

  .align_flex-end {
    align: flex-end;
}

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

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

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

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

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

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

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

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

  .size_40px {
    width: 40px;
    height: 40px;
}

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

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

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

  .trs-dur_fast {
    --transition-duration: var(--durations-fast);
    transition-duration: var(--durations-fast);
}

  .trf_translateX\(-4px\) {
    transform: translateX(-4px);
}

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

  .justify_flex-start {
    justify: flex-start;
}

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

  .inset-bs_-1 {
    inset-block-start: calc(var(--spacing-1) * -1);
}

  .inset-be_-1 {
    inset-block-end: calc(var(--spacing-1) * -1);
}

  .trf_translateX\(-1px\) {
    transform: translateX(-1px);
}

  .lh_20px {
    line-height: 20px;
}

  .fs_11px {
    font-size: 11px;
}

  .op_0\.25 {
    opacity: 0.25;
}

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

  .fs_20px {
    font-size: 20px;
}

  .lh_1 {
    line-height: 1;
}

  .fs_16px {
    font-size: 16px;
}

  .size_16px {
    width: 16px;
    height: 16px;
}

  .bg-linear_to-t {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient-position: to top;
    background-image: linear-gradient(var(--gradient-stops));
}

  .grad-from_color-mix\(in_srgb\,_var\(--color\)\,_black_15\%\) {
    --gradient-from: color-mix(in srgb, var(--color), black 15%);
}

  .grad-to_color-mix\(in_srgb\,_var\(--color\)\,_white_15\%\) {
    --gradient-to: color-mix(in srgb, var(--color), white 15%);
}

  .white-space_wrap {
    white-space: wrap;
}

  .ff_\'system\' {
    font-family: 'system';
}

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

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .fs_38px {
    font-size: 38px;
}

  .fs_28px {
    font-size: 28px;
}

  .ta_start {
    text-align: start;
}

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

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

  .c_yellow\.500 {
    color: var(--colors-yellow-500);
}

  .bg-c_color-mix\(in_srgb\,_\{colors\.bg\.canvas\}\,_transparent\) {
    background-color: color-mix(in srgb, var(--colors-bg-canvas), transparent);
}

  .fs_0\.8em {
    font-size: 0.8em;
}

  .color-palette_gray {
    --colors-color-palette-100: var(--colors-gray-100);
    --colors-color-palette-300: var(--colors-gray-300);
    --colors-color-palette-500: var(--colors-gray-500);
    --colors-color-palette-700: var(--colors-gray-700);
    --colors-color-palette-900: var(--colors-gray-900);
}

  .color-palette_green {
    --colors-color-palette-100: var(--colors-green-100);
    --colors-color-palette-300: var(--colors-green-300);
    --colors-color-palette-500: var(--colors-green-500);
    --colors-color-palette-700: var(--colors-green-700);
    --colors-color-palette-900: var(--colors-green-900);
}

  .h_100dvh {
    height: 100dvh;
}

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

  .left_\{sizes\.sidebar\} {
    left: var(--sizes-sidebar);
}

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

  .max-w_1000px {
    max-width: 1000px;
}

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

  .mt_8px {
    margin-top: 8px;
}

  .w_100\% {
    width: 100%;
}

  .min-w_50px {
    min-width: 50px;
}

  .min-w_100px {
    min-width: 100px;
}

  .max-h_100dvh {
    max-height: 100dvh;
}

  .top_82px {
    top: 82px;
}

  .bottom_calc\(\{sizes\.statusBar\}_\+_\{sizes\.navigationPanel\}_-_6px\) {
    bottom: calc(var(--sizes-status-bar) + var(--sizes-navigation-panel) - 6px);
}

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

  .bottom_calc\(\{sizes\.navigationPanel\}_\+_\{sizes\.statusBar\}\) {
    bottom: calc(var(--sizes-navigation-panel) + var(--sizes-status-bar));
}

  .w_200px {
    width: 200px;
}

  .h_fit-content {
    height: fit-content;
}

  .max-h_100\% {
    max-height: 100%;
}

  .bd-l-w_sm {
    border-left-width: var(--border-widths-sm);
}

  .w_8px {
    width: 8px;
}

  .h_100\% {
    height: 100%;
}

  .h_32px {
    height: 32px;
}

  .bd-b-w_sm {
    border-bottom-width: var(--border-widths-sm);
}

  .min-w_170px {
    min-width: 170px;
}

  .w_170px {
    width: 170px;
}

  .bd-r-w_md {
    border-right-width: var(--border-widths-md);
}

  .w_4px {
    width: 4px;
}

  .w_3px {
    width: 3px;
}

  .ov-x_clip {
    overflow-x: clip;
}

  .bottom_\{sizes\.statusBar\} {
    bottom: var(--sizes-status-bar);
}

  .bd-t-w_sm {
    border-top-width: var(--border-widths-sm);
}

  .min-h_footer {
    min-height: var(--sizes-footer);
}

  .min-h_header {
    min-height: var(--sizes-header);
}

  .min-h_calc\(100vh_-_\{sizes\.header\}_-_\{sizes\.footer\}\) {
    min-height: calc(100vh - var(--sizes-header) - var(--sizes-footer));
}

  .w_sidebar {
    width: var(--sizes-sidebar);
}

  .bd-r-w_sm {
    border-right-width: var(--border-widths-sm);
}

  .left_-1 {
    left: calc(var(--spacing-1) * -1);
}

  .h_statusBar {
    height: var(--sizes-status-bar);
}

  .w_2px {
    width: 2px;
}

  .h_20px {
    height: 20px;
}

  .right_-10px {
    right: -10px;
}

  .h_60px {
    height: 60px;
}

  .w_250px {
    width: 250px;
}

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

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

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

  .min-h_80px {
    min-height: 80px;
}

  .min-w_250px {
    min-width: 250px;
}

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

  .h_35px {
    height: 35px;
}

  .min-w_300px {
    min-width: 300px;
}

  .bd-r-w_0 {
    border-right-width: 0;
}

  .ov-y_visible {
    overflow-y: visible;
}

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

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

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

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

  .min-w_180px {
    min-width: 180px;
}

  .max-w_1250px {
    max-width: 1250px;
}

  .max-w_calc\(100vw_-_120px\)\! {
    max-width: calc(100vw - 120px) !important;
}

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

  .before\:inset_3px::before {
    inset: 3px;
}

  .highlighted\:bg_linear-gradient\(var\(--track-color\)_0\%\,_transparent_25\%\,_transparent_75\%\,_var\(--track-color\)_100\%\)[data-highlighted] {
    background: linear-gradient(var(--track-color) 0%, transparent 25%, transparent 75%, var(--track-color) 100%);
}

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

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

  .\[\&_blockquote\]\:p_20px blockquote {
    padding: 20px;
}

  .\[\&_\>_\*\]\:py_1 > * {
    padding-block: var(--spacing-1);
}

  .\[\&_\>_\*\]\:flex_1 > * {
    flex: 1 1 0%;
}

  .\[\&_p\]\:my_0\! p {
    margin-block: var(--spacing-0) !important;
}

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

  .first\:gap_4:first-child,.last\:gap_4:last-child {
    gap: var(--spacing-4);
}

  .\[\&_img\]\:bdr_sm img {
    border-radius: var(--radii-sm);
}

  .\[\&_ul\,_\&_ol\]\:my_20px ul,.\[\&_ul\,_\&_ol\]\:my_20px ol {
    margin-block: 20px;
}

  .\[\&_li\]\:my_8px li {
    margin-block: 8px;
}

  .\[\&_code\]\:py_1px code {
    padding-block: 1px;
}

  .\[\&_code\]\:px_6px code {
    padding-inline: 6px;
}

  .\[\&_code\]\:bdr_sm code {
    border-radius: var(--radii-sm);
}

  .\[\&_table\]\:my_25px table {
    margin-block: 25px;
}

  .\[\&_th\,_\&_td\]\:py_5px th,.\[\&_th\,_\&_td\]\:py_5px td {
    padding-block: 5px;
}

  .\[\&_th\,_\&_td\]\:px_10px th,.\[\&_th\,_\&_td\]\:px_10px td {
    padding-inline: 10px;
}

  .\[\&_th\]\:bd-c_border\.default th {
    border-color: var(--colors-border-default);
}

  .\[\&_td\]\:bd-c_border\.muted td {
    border-color: var(--colors-border-muted);
}

  .\[\&_tr\:last-of-type_td\]\:bd-b_none tr:last-of-type td {
    border-bottom: var(--borders-none);
}

  .\[\&_blockquote\]\:bdr_md blockquote {
    border-radius: var(--radii-md);
}

  .\[\&_blockquote\]\:my_30px blockquote {
    margin-block: 30px;
}

  .first\:mbs_0:first-child {
    margin-block-start: var(--spacing-0);
}

  .last\:mbe_0:last-child {
    margin-block-end: var(--spacing-0);
}

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

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

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

  .before\:z_0::before {
    z-index: 0;
}

  .scrollbar\:d_none::-webkit-scrollbar {
    display: none;
}

  .lastOfType\:bd-y-w_0:last-of-type {
    border-block-width: 0;
}

  .disabled\:op_disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    opacity: var(--opacity-disabled);
}

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

  .loading\:op_0\.25:is([data-loading], [aria-busy=true]) {
    opacity: 0.25;
}

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

  .first\:justify_flex-start:first-child {
    justify: flex-start;
}

  .last\:justify_flex-end:last-child {
    justify: flex-end;
}

  .first\:jc_flex-start:first-child {
    justify-content: flex-start;
}

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

  .last\:justify_end:last-child {
    justify: end;
}

  .last\:jc_end:last-child {
    justify-content: end;
}

  .current\:trf_translateX\(0\):is([aria-current=true], [data-current]) {
    transform: translateX(0);
}

  .icon\:cursor_pointer :where(svg) {
    cursor: pointer;
}

  .\[\&_p\]\:mbs_18px p {
    margin-block-start: 18px;
}

  .\[\&_p\]\:mbe_18px p {
    margin-block-end: 18px;
}

  .\[\&_a\]\:fw_bold a {
    font-weight: var(--font-weights-bold);
}

  .\[\&_a\]\:color-palette_blue a {
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-900: var(--colors-blue-900);
}

  .\[\&_strong\]\:fw_bold strong {
    font-weight: var(--font-weights-bold);
}

  .\[\&_em\]\:font-style_italic em {
    font-style: italic;
}

  .\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:c_fg\.default h1,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:c_fg\.default h2,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:c_fg\.default h3,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:c_fg\.default h4 {
    color: var(--colors-fg-default);
}

  .\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:fw_bold h1,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:fw_bold h2,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:fw_bold h3,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:fw_bold h4 {
    font-weight: var(--font-weights-bold);
}

  .\[\&_h1\]\:fs_32px h1 {
    font-size: 32px;
}

  .\[\&_h2\]\:fs_28px h2 {
    font-size: 28px;
}

  .\[\&_h3\]\:fs_21px h3 {
    font-size: 21px;
}

  .\[\&_h4\]\:fs_18px h4 {
    font-size: 18px;
}

  .\[\&_li\]\:li-t_disc li {
    list-style-type: disc;
}

  .\[\&_code\]\:d_inline-block code {
    display: inline-block;
}

  .\[\&_code\]\:ff_monospace code {
    font-family: var(--fonts-monospace);
}

  .\[\&_code\]\:fs_0\.875em code {
    font-size: 0.875em;
}

  .\[\&_code\]\:wb_break-all code {
    word-break: break-all;
}

  .\[\&_code\]\:word-wrap_break-word code {
    word-wrap: break-word;
}

  .\[\&_code\]\:bg-c_bg\.muted code {
    background-color: var(--colors-bg-muted);
}

  .\[\&_th\]\:ta_left th {
    text-align: left;
}

  .\[\&_th\]\:fw_bold th {
    font-weight: var(--font-weights-bold);
}

  .\[\&_td\]\:fs_15px td {
    font-size: 15px;
}

  .\[\&_blockquote\]\:color-palette_slate blockquote {
    --colors-color-palette-50: var(--colors-slate-50);
    --colors-color-palette-100: var(--colors-slate-100);
    --colors-color-palette-200: var(--colors-slate-200);
    --colors-color-palette-300: var(--colors-slate-300);
    --colors-color-palette-400: var(--colors-slate-400);
    --colors-color-palette-500: var(--colors-slate-500);
    --colors-color-palette-600: var(--colors-slate-600);
    --colors-color-palette-700: var(--colors-slate-700);
    --colors-color-palette-800: var(--colors-slate-800);
    --colors-color-palette-900: var(--colors-slate-900);
    --colors-color-palette-950: var(--colors-slate-950);
}

  .\[\&_blockquote\]\:fs_0\.9em blockquote {
    font-size: 0.9em;
}

  .\[\&_th\:nth-child\(3\)\]\:d_none th:nth-child(3),.\[\&_td\:nth-child\(3\)\]\:d_none td:nth-child(3) {
    display: none;
}

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

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

  .\[\&_\>_\*\]\:w_100\% > * {
    width: 100%;
}

  .\[\&_\>_\*\]\:min-w_72px > * {
    min-width: 72px;
}

  .\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mt_36px h1,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mt_36px h2,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mt_36px h3,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mt_36px h4 {
    margin-top: 36px;
}

  .\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mb_16px h1,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mb_16px h2,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mb_16px h3,.\[\&_h1\,_\&_h2\,_\&_h3\,_\&_h4\]\:mb_16px h4 {
    margin-bottom: 16px;
}

  .\[\&_li\]\:ml_20px li {
    margin-left: 20px;
}

  .\[\&_code\]\:max-w_100\% code {
    max-width: 100%;
}

  .\[\&_table\]\:min-w_300px table {
    min-width: 300px;
}

  .\[\&_th\]\:bd-b-w_sm th,.\[\&_td\]\:bd-b-w_sm td {
    border-bottom-width: var(--border-widths-sm);
}

  .\[\&_blockquote\]\:bd-l-w_4px blockquote {
    border-left-width: 4px;
}

  .hover\:bg-c_bg\.ghost:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-bg-ghost);
}

  .hover\:d_block:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    display: block;
}

  .light .\[\&_blockquote\]\:light\:bd-c_colorPalette\.300 blockquote {
    border-color: var(--colors-color-palette-300);
}

  .dark .\[\&_blockquote\]\:dark\:bd-c_colorPalette\.700 blockquote {
    border-color: var(--colors-color-palette-700);
}

  .\[\&_blockquote\]\:lastOfType\:my_0 blockquote:last-of-type,.\[\&_blockquote\]\:\[\&_ul\]\:my_0 blockquote ul {
    margin-block: var(--spacing-0);
}

  .\[\&_p\]\:first\:mbs_0 p:first-child {
    margin-block-start: var(--spacing-0);
}

  .\[\&_p\]\:last\:mbe_0 p:last-child {
    margin-block-end: var(--spacing-0);
}

  .light .\[\&_blockquote\]\:light\:bg-c_colorPalette\.100 blockquote {
    background-color: var(--colors-color-palette-100);
}

  .dark .\[\&_blockquote\]\:dark\:bg-c_colorPalette\.900 blockquote {
    background-color: var(--colors-color-palette-900);
}

  .\[\&_blockquote\]\:\[\&\.alert-note\]\:color-palette_blue blockquote.alert-note {
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-900: var(--colors-blue-900);
}

  .\[\&_blockquote\]\:\[\&\.alert-tip\]\:color-palette_green blockquote.alert-tip {
    --colors-color-palette-100: var(--colors-green-100);
    --colors-color-palette-300: var(--colors-green-300);
    --colors-color-palette-500: var(--colors-green-500);
    --colors-color-palette-700: var(--colors-green-700);
    --colors-color-palette-900: var(--colors-green-900);
}

  .\[\&_blockquote\]\:\[\&\.alert-important\]\:color-palette_pink blockquote.alert-important {
    --colors-color-palette-100: var(--colors-pink-100);
    --colors-color-palette-300: var(--colors-pink-300);
    --colors-color-palette-500: var(--colors-pink-500);
    --colors-color-palette-700: var(--colors-pink-700);
    --colors-color-palette-900: var(--colors-pink-900);
}

  .\[\&_blockquote\]\:\[\&\.alert-warning\]\:color-palette_yellow blockquote.alert-warning {
    --colors-color-palette-100: var(--colors-yellow-100);
    --colors-color-palette-300: var(--colors-yellow-300);
    --colors-color-palette-500: var(--colors-yellow-500);
    --colors-color-palette-700: var(--colors-yellow-700);
    --colors-color-palette-900: var(--colors-yellow-900);
}

  .\[\&_blockquote\]\:\[\&\.alert-caution\]\:color-palette_red blockquote.alert-caution {
    --colors-color-palette-100: var(--colors-red-100);
    --colors-color-palette-300: var(--colors-red-300);
    --colors-color-palette-500: var(--colors-red-500);
    --colors-color-palette-700: var(--colors-red-700);
    --colors-color-palette-900: var(--colors-red-900);
}

  .hover\:after\:inset-x_-2px:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    inset-inline: -2px;
}

  .hover\:after\:bd-w_sm:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    border-width: var(--border-widths-sm);
}

  .hover\:after\:bd-c_red\.500:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    border-color: var(--colors-red-500);
}

  .hover\:after\:bdr_sm:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    border-radius: var(--radii-sm);
}

  .hover\:after\:content_\'\':is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    content: '';
}

  .hover\:after\:pos_absolute:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    position: absolute;
}

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

  .hover\:after\:top_50\%:is(:hover, [data-hover]):not(:disabled, [disabled], [data-disabled], [aria-disabled=true])::after {
    top: 50%;
}

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

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

    .md\:px_8 {
      padding-inline: var(--spacing-8);
}

    .md\:direction_row {
      direction: row;
}

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

    .md\:align_start {
      align: start;
}

    .md\:ai_start {
      align-items: start;
}

    .md\:align_flex-start {
      align: flex-start;
}

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

    .md\:max-h_100dvh {
      max-height: 100dvh;
}

    .md\:bd-t-w_0 {
      border-top-width: 0;
}

    .md\:bd-r-w_sm {
      border-right-width: var(--border-widths-sm);
}

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

    .md\:max-w_calc\(100vw_-_420px\)\! {
      max-width: calc(100vw - 420px) !important;
}

    .md\:last\:align_end:last-child {
      align: end;
}

    .md\:last\:ai_end:last-child {
      align-items: end;
}

    .\[\&_th\:nth-child\(3\)\]\:md\:d_block th:nth-child(3),.\[\&_td\:nth-child\(3\)\]\:md\:d_block td:nth-child(3) {
      display: block;
}
}

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

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

    .lg\:direction_row {
      direction: row;
}

    .lg\:align_center {
      align: center;
}

    .lg\:align_start {
      align: start;
}

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

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

    .lg\:ai_start {
      align-items: start;
}

    .lg\:pos_sticky {
      position: sticky;
}

    .lg\:flex-b_180px {
      flex-basis: 180px;
}

    .lg\:w_150px {
      width: 150px;
}
}

  @media screen and (min-width: 80rem) {
    .xl\:columns_2 {
      columns: 2;
}

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

  @media screen and (max-width: 47.9975rem) {
    .mdDown\:pbe_3 {
      padding-block-end: var(--spacing-3);
}
}
}