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

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

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

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

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

  img {
    border-style: none;
  }

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

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

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

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

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

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

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

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

  ::placeholder {
    opacity: 1;
    --placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);
    color: var(--global-color-placeholder, var(--placeholder-fallback));
  }

  textarea {
    resize: vertical;
  }

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

  summary {
    display: list-item;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  dialog {
    padding: 0;
  }

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

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

  b, strong {
    font-weight: bolder;
  }

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

  progress {
    vertical-align: baseline;
  }

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

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

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

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

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

  :-moz-focusring {
    outline: auto;
  }

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

@layer base {
  :root {
    --made-with-panda: "🐼";
    --full-dvh: 100vh;
    --color-primary-hue: 231;
    --color-primary-saturation: 49%;
    --color-primary-lightness: 40%;
    --color-primary: hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness));
    --color-primary-legible-hue: 231;
    --color-primary-legible-saturation: 49%;
    --color-primary-legible-lightness: 40%;
    --color-primary-legible: hsl(var(--color-primary-legible-hue), var(--color-primary-legible-saturation), var(--color-primary-legible-lightness));
    --color-primary-alt-hue: 230;
    --color-primary-alt-saturation: 33%;
    --color-primary-alt-lightness: 52%;
    --color-primary-alt: hsl(var(--color-primary-alt-hue), var(--color-primary-alt-saturation), var(--color-primary-alt-lightness));
  }

  @supports (height: 100dvh) {
    :root {
      --full-dvh: 100dvh;
    }
  }

  :focus:focus-visible {
    outline: 2px solid hsl(var(--color-primary-hue), var(--color-primary-saturation), var(--color-primary-lightness));
  }

  :focus:not(:focus-visible) {
    outline: var(--borders-none);
  }

  html {
    color: var(--colors-text-body);
  }

  body[data-crisp-visible="true"] {
    --crisp-visibility: visible;
  }

  body {
    --crisp-visibility: hidden;
  }

  .crisp-client, .crisp-client * {
    visibility: var(--crisp-visibility, hidden) !important;
  }

  *, :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(.4, 0, .2, 1);
    --easings-linear: linear;
    --easings-in: cubic-bezier(.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, .2, 1);
    --easings-in-out: cubic-bezier(.4, 0, .2, 1);
    --durations-fastest: 50ms;
    --durations-faster: .1s;
    --durations-fast: .15s;
    --durations-normal: .2s;
    --durations-slow: .3s;
    --durations-slower: .4s;
    --durations-slowest: .5s;
    --radii-xs: .125rem;
    --radii-sm: .25rem;
    --radii-md: .375rem;
    --radii-lg: .5rem;
    --radii-xl: .75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-4xl: 2rem;
    --radii-full: 9999px;
    --font-weights-thin: 100;
    --font-weights-extralight: 200;
    --font-weights-light: 300;
    --font-weights-normal: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --font-weights-black: 900;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-snug: 1.375;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.625;
    --line-heights-loose: 2;
    --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --letter-spacings-tighter: -.05em;
    --letter-spacings-tight: -.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: .025em;
    --letter-spacings-wider: .05em;
    --letter-spacings-widest: .1em;
    --font-sizes-2xs: .5rem;
    --font-sizes-xs: .75rem;
    --font-sizes-sm: .875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 6rem;
    --font-sizes-9xl: 8rem;
    --shadows-xs: 0 1px 2px 0 #0000000d;
    --shadows-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadows-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadows-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadows-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadows-2xl: 0 25px 50px -12px #00000040;
    --shadows-inner: inset 0 2px 4px 0 #0000000d;
    --colors-current: currentColor;
    --colors-black: #000;
    --colors-white: #fff;
    --colors-transparent: #0000;
    --colors-rose-50: #fff1f2;
    --colors-rose-100: #ffe4e6;
    --colors-rose-200: #fecdd3;
    --colors-rose-300: #fda4af;
    --colors-rose-400: #fb7185;
    --colors-rose-500: #f43f5e;
    --colors-rose-600: #e11d48;
    --colors-rose-700: #be123c;
    --colors-rose-800: #9f1239;
    --colors-rose-900: #881337;
    --colors-rose-950: #4c0519;
    --colors-pink-50: #fdf2f8;
    --colors-pink-100: #fce7f3;
    --colors-pink-200: #fbcfe8;
    --colors-pink-300: #f9a8d4;
    --colors-pink-400: #f472b6;
    --colors-pink-500: #ec4899;
    --colors-pink-600: #db2777;
    --colors-pink-700: #be185d;
    --colors-pink-800: #9d174d;
    --colors-pink-900: #831843;
    --colors-pink-950: #500724;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fae8ff;
    --colors-fuchsia-200: #f5d0fe;
    --colors-fuchsia-300: #f0abfc;
    --colors-fuchsia-400: #e879f9;
    --colors-fuchsia-500: #d946ef;
    --colors-fuchsia-600: #c026d3;
    --colors-fuchsia-700: #a21caf;
    --colors-fuchsia-800: #86198f;
    --colors-fuchsia-900: #701a75;
    --colors-fuchsia-950: #4a044e;
    --colors-purple-50: #faf5ff;
    --colors-purple-100: #f3e8ff;
    --colors-purple-200: #e9d5ff;
    --colors-purple-300: #d8b4fe;
    --colors-purple-400: #c084fc;
    --colors-purple-500: #a855f7;
    --colors-purple-600: #9333ea;
    --colors-purple-700: #7e22ce;
    --colors-purple-800: #6b21a8;
    --colors-purple-900: #581c87;
    --colors-purple-950: #3b0764;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ede9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c4b5fd;
    --colors-violet-400: #a78bfa;
    --colors-violet-500: #8b5cf6;
    --colors-violet-600: #7c3aed;
    --colors-violet-700: #6d28d9;
    --colors-violet-800: #5b21b6;
    --colors-violet-900: #4c1d95;
    --colors-violet-950: #2e1065;
    --colors-indigo-50: #eef2ff;
    --colors-indigo-100: #e0e7ff;
    --colors-indigo-200: #c7d2fe;
    --colors-indigo-300: #a5b4fc;
    --colors-indigo-400: #818cf8;
    --colors-indigo-500: #6366f1;
    --colors-indigo-600: #4f46e5;
    --colors-indigo-700: #4338ca;
    --colors-indigo-800: #3730a3;
    --colors-indigo-900: #312e81;
    --colors-indigo-950: #1e1b4b;
    --colors-blue-50: #eff6ff;
    --colors-blue-100: #dbeafe;
    --colors-blue-200: #bfdbfe;
    --colors-blue-300: #93c5fd;
    --colors-blue-400: #60a5fa;
    --colors-blue-500: #3b82f6;
    --colors-blue-600: #2563eb;
    --colors-blue-700: #1d4ed8;
    --colors-blue-800: #1e40af;
    --colors-blue-900: #1e3a8a;
    --colors-blue-950: #172554;
    --colors-sky-50: #f0f9ff;
    --colors-sky-100: #e0f2fe;
    --colors-sky-200: #bae6fd;
    --colors-sky-300: #7dd3fc;
    --colors-sky-400: #38bdf8;
    --colors-sky-500: #0ea5e9;
    --colors-sky-600: #0284c7;
    --colors-sky-700: #0369a1;
    --colors-sky-800: #075985;
    --colors-sky-900: #0c4a6e;
    --colors-sky-950: #082f49;
    --colors-cyan-50: #ecfeff;
    --colors-cyan-100: #cffafe;
    --colors-cyan-200: #a5f3fc;
    --colors-cyan-300: #67e8f9;
    --colors-cyan-400: #22d3ee;
    --colors-cyan-500: #06b6d4;
    --colors-cyan-600: #0891b2;
    --colors-cyan-700: #0e7490;
    --colors-cyan-800: #155e75;
    --colors-cyan-900: #164e63;
    --colors-cyan-950: #083344;
    --colors-teal-50: #f0fdfa;
    --colors-teal-100: #ccfbf1;
    --colors-teal-200: #99f6e4;
    --colors-teal-300: #5eead4;
    --colors-teal-400: #2dd4bf;
    --colors-teal-500: #14b8a6;
    --colors-teal-600: #0d9488;
    --colors-teal-700: #0f766e;
    --colors-teal-800: #115e59;
    --colors-teal-900: #134e4a;
    --colors-teal-950: #042f2e;
    --colors-emerald-50: #ecfdf5;
    --colors-emerald-100: #d1fae5;
    --colors-emerald-200: #a7f3d0;
    --colors-emerald-300: #6ee7b7;
    --colors-emerald-400: #34d399;
    --colors-emerald-500: #10b981;
    --colors-emerald-600: #059669;
    --colors-emerald-700: #047857;
    --colors-emerald-800: #065f46;
    --colors-emerald-900: #064e3b;
    --colors-emerald-950: #022c22;
    --colors-green-50: #f0fdf4;
    --colors-green-100: #dcfce7;
    --colors-green-200: #bbf7d0;
    --colors-green-300: #86efac;
    --colors-green-400: #4ade80;
    --colors-green-500: #22c55e;
    --colors-green-600: #16a34a;
    --colors-green-700: #15803d;
    --colors-green-800: #166534;
    --colors-green-900: #14532d;
    --colors-green-950: #052e16;
    --colors-lime-50: #f7fee7;
    --colors-lime-100: #ecfccb;
    --colors-lime-200: #d9f99d;
    --colors-lime-300: #bef264;
    --colors-lime-400: #a3e635;
    --colors-lime-500: #84cc16;
    --colors-lime-600: #65a30d;
    --colors-lime-700: #4d7c0f;
    --colors-lime-800: #3f6212;
    --colors-lime-900: #365314;
    --colors-lime-950: #1a2e05;
    --colors-yellow-50: #fefce8;
    --colors-yellow-100: #fef9c3;
    --colors-yellow-200: #fef08a;
    --colors-yellow-300: #fde047;
    --colors-yellow-400: #facc15;
    --colors-yellow-500: #eab308;
    --colors-yellow-600: #ca8a04;
    --colors-yellow-700: #a16207;
    --colors-yellow-800: #854d0e;
    --colors-yellow-900: #713f12;
    --colors-yellow-950: #422006;
    --colors-amber-50: #fffbeb;
    --colors-amber-100: #fef3c7;
    --colors-amber-200: #fde68a;
    --colors-amber-300: #fcd34d;
    --colors-amber-400: #fbbf24;
    --colors-amber-500: #f59e0b;
    --colors-amber-600: #d97706;
    --colors-amber-700: #b45309;
    --colors-amber-800: #92400e;
    --colors-amber-900: #78350f;
    --colors-amber-950: #451a03;
    --colors-orange-50: #fff7ed;
    --colors-orange-100: #ffedd5;
    --colors-orange-200: #fed7aa;
    --colors-orange-300: #fdba74;
    --colors-orange-400: #fb923c;
    --colors-orange-500: #f97316;
    --colors-orange-600: #ea580c;
    --colors-orange-700: #c2410c;
    --colors-orange-800: #9a3412;
    --colors-orange-900: #7c2d12;
    --colors-orange-950: #431407;
    --colors-red-50: #fef2f2;
    --colors-red-100: #fee2e2;
    --colors-red-200: #fecaca;
    --colors-red-300: #fca5a5;
    --colors-red-400: #f87171;
    --colors-red-500: #ef4444;
    --colors-red-600: #dc2626;
    --colors-red-700: #b91c1c;
    --colors-red-800: #991b1b;
    --colors-red-900: #7f1d1d;
    --colors-red-950: #450a0a;
    --colors-neutral-50: #fafafa;
    --colors-neutral-100: #f5f5f5;
    --colors-neutral-200: #e5e5e5;
    --colors-neutral-300: #d4d4d4;
    --colors-neutral-400: #a3a3a3;
    --colors-neutral-500: #737373;
    --colors-neutral-600: #525252;
    --colors-neutral-700: #404040;
    --colors-neutral-800: #262626;
    --colors-neutral-900: #171717;
    --colors-neutral-950: #0a0a0a;
    --colors-stone-50: #fafaf9;
    --colors-stone-100: #f5f5f4;
    --colors-stone-200: #e7e5e4;
    --colors-stone-300: #d6d3d1;
    --colors-stone-400: #a8a29e;
    --colors-stone-500: #78716c;
    --colors-stone-600: #57534e;
    --colors-stone-700: #44403c;
    --colors-stone-800: #292524;
    --colors-stone-900: #1c1917;
    --colors-stone-950: #0c0a09;
    --colors-zinc-50: #fafafa;
    --colors-zinc-100: #f4f4f5;
    --colors-zinc-200: #e4e4e7;
    --colors-zinc-300: #d4d4d8;
    --colors-zinc-400: #a1a1aa;
    --colors-zinc-500: #71717a;
    --colors-zinc-600: #52525b;
    --colors-zinc-700: #3f3f46;
    --colors-zinc-800: #27272a;
    --colors-zinc-900: #18181b;
    --colors-zinc-950: #09090b;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d1d5db;
    --colors-gray-400: #9ca3af;
    --colors-gray-500: #6b7280;
    --colors-gray-600: #4b5563;
    --colors-gray-700: #374151;
    --colors-gray-800: #1f2937;
    --colors-gray-900: #111827;
    --colors-gray-950: #030712;
    --colors-slate-50: #f8fafc;
    --colors-slate-100: #f1f5f9;
    --colors-slate-200: #e2e8f0;
    --colors-slate-300: #cbd5e1;
    --colors-slate-400: #94a3b8;
    --colors-slate-500: #64748b;
    --colors-slate-600: #475569;
    --colors-slate-700: #334155;
    --colors-slate-800: #1e293b;
    --colors-slate-900: #0f172a;
    --colors-slate-950: #020617;
    --blurs-sm: 4px;
    --blurs-base: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --animations-spin: spin 1s linear infinite;
    --animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --z-index-scroll-detector: -1000;
    --z-index-calendar-dropdown: 2;
    --z-index-table-sticky-cells: 5;
    --z-index-header-sticky-offset: 10;
    --z-index-header: 20;
    --z-index-sticky-footer: 25;
    --z-index-overlay: 30;
    --z-index-table-reset-button: 40;
    --z-index-side-menu-overlay: 45;
    --z-index-dialog-overlay: 50;
    --z-index-dialog-content: 50;
    --z-index-dropdown-menu: 50;
    --z-index-popover-content: 50;
    --z-index-select-content: 50;
    --z-index-tooltip: 50;
    --z-index-toast: 100;
    --z-index-drop-target: 200;
    --z-index-wopi-host-underlay: 499;
    --z-index-wopi-host: 500;
    --sizes-0: 0rem;
    --sizes-1: .25rem;
    --sizes-2: .5rem;
    --sizes-3: .75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-11: 2.75rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-0\.5: .125rem;
    --sizes-1\.5: .375rem;
    --sizes-2\.5: .625rem;
    --sizes-3\.5: .875rem;
    --sizes-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-root-header-height: var(--root-header-height, 65px);
    --sizes-page-header-height: var(--page-header-height, 44px);
    --sizes-root-scrollbar-width: var(--root-scrollbar-width, 0px);
    --sizes-full-page-width: calc(100vw - var(--root-scrollbar-width, 0px));
    --sizes-root-scrollbar-height: var(--root-scrollbar-height, 0px);
    --sizes-full-page-height: calc(var(--full-dvh, 100vh)  - var(--root-scrollbar-height, 0px));
    --sizes-full-page-height-without-root-header: calc(var(--sizes-full-page-height)  - var(--sizes-root-header-height));
    --sizes-full-page-height-without-root-and-page-header: calc(var(--sizes-full-page-height-without-root-header)  - var(--sizes-page-header-height));
    --sizes-breakpoint-sm: 640px;
    --sizes-breakpoint-md: 768px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1280px;
    --sizes-breakpoint-2xl: 1536px;
    --spacing-0: 0rem;
    --spacing-1: .25rem;
    --spacing-2: .5rem;
    --spacing-3: .75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-0\.5: .125rem;
    --spacing-1\.5: .375rem;
    --spacing-2\.5: .625rem;
    --spacing-3\.5: .875rem;
    --spacing-root-header-height: var(--root-header-height, 65px);
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --spacing-padding-dashboard-card-x: var(--sizes-4);
    --spacing-padding-dashboard-card-y: var(--sizes-4);
    --spacing-padding-messaging-compose_drawer-content-x: var(--sizes-3);
    --spacing-padding-root-nav-header-buttons-container-y: var(--sizes-3);
    --spacing-padding-inbox-page-content-x: var(--sizes-4);
    --spacing-padding-sidebar-x: 8px;
    --spacing-padding-input-x: var(--sizes-3);
    --spacing-padding-input-y: var(--sizes-2);
    --spacing-padding-body-content-x: 12px;
    --spacing-padding-body-content-y: 8px;
    --spacing-padding-dialog-x: var(--sizes-6);
    --spacing-padding-dialog-y: var(--sizes-6);
    --spacing-padding-popover: var(--sizes-4);
    --spacing-padding-table-cell-x-sm: var(--sizes-4);
    --spacing-padding-table-cell-x-sm-down: var(--sizes-2);
    --spacing-padding-table-cell-x-xs: var(--sizes-1);
    --spacing-padding-table-cell-y-sm: var(--sizes-4);
    --spacing-padding-table-cell-y-sm-down: var(--sizes-2);
    --spacing-padding-table-cell-y-xs: var(--sizes-1);
    --sizes-prose-width-max: 120ch;
    --sizes-dashboard-content-width-max: 1800px;
    --sizes-input-min-height: var(--sizes-10);
    --colors-user-type-badge-background-client: #d1fae5;
    --colors-user-type-badge-background-vendor: #e0f2fe;
    --colors-user-type-badge-background-integration: #f1f5f9;
    --colors-user-type-badge-background-worker: #f1f5f9;
    --colors-payroll-inputs-joiner-background-normal: #0284c7;
    --colors-payroll-inputs-joiner-background-highlight: #0369a1;
    --colors-payroll-inputs-joiner-foreground: white;
    --colors-payroll-inputs-leaver-background-normal: #ea580c;
    --colors-payroll-inputs-leaver-background-highlight: #c2410c;
    --colors-payroll-inputs-leaver-foreground: white;
    --colors-dashboard-paycode_type-income: #10b981;
    --colors-dashboard-paycode_type-company_contribution: #0369a1;
    --colors-dashboard-report_status-draft: #94a3b8;
    --colors-dashboard-report_status-action_needed: #fbbf24;
    --colors-dashboard-report_status-done: #059669;
    --colors-dashboard-calendar-cell_highlight-normal: #e6e7ee;
    --colors-dashboard-calendar-cell_highlight-muted: #eff0f7;
    --colors-dashboard-calendar-overdue-normal: #f87171;
    --colors-dashboard-calendar-overdue-hover: #ef4444;
    --colors-dashboard-calendar-completed-normal: #059669;
    --colors-dashboard-calendar-completed-hover: #10b981;
    --colors-dashboard-calendar-action_required-normal: #fb923c;
    --colors-dashboard-calendar-action_required-hover: #f97316;
    --colors-dashboard-calendar-pending_action-normal: #0284c7;
    --colors-dashboard-calendar-pending_action-hover: #0ea5e9;
    --colors-dashboard-calendar-waiting-normal: #94a3b8;
    --colors-dashboard-calendar-waiting-hover: #64748b;
    --colors-dashboard-calendar-not_set-normal: #94a3b8;
    --colors-dashboard-calendar-not_set-hover: #64748b;
    --colors-text-body: #18181b;
    --colors-text-soft: #52525b;
    --colors-text-primary-normal: var(--color-primary-legible);
    --colors-text-primary-highlight: hsl(var(--color-primary-legible-hue), var(--color-primary-legible-saturation), calc(var(--color-primary-legible-lightness) * 1.5));
    --colors-text-warning-normal: #ea580c;
    --colors-text-warning-highlight: #c2410c;
    --colors-text-success-normal: #047857;
    --colors-text-success-highlight: #059669;
    --colors-text-destructive-normal: #ef4444;
    --colors-text-destructive-highlight: #dc2626;
    --colors-text-info-normal: #0284c7;
    --colors-text-info-highlight: #0369a1;
    --colors-text-muted: #71717a;
    --colors-text-primary-bg-normal: white;
    --colors-text-primary-bg-soft: #e4e4e7;
    --colors-bg-page: #fafafa;
    --colors-bg-muted: #f4f4f5;
    --colors-bg-overlay: #fafafacc;
    --colors-bg-primary-normal: var(--color-primary);
    --colors-bg-primary-highlight: var(--color-primary-alt);
    --colors-bg-primary-very-soft-normal: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation)), 93%);
    --colors-bg-primary-very-soft-highlight: hsl(var(--color-primary-hue), calc(var(--color-primary-saturation)), 90%);
    --colors-bg-destructive-soft: #fef2f2;
    --colors-bg-destructive-normal: #ef4444;
    --colors-bg-destructive-highlight: #dc2626;
    --colors-bg-warning-soft: #fde68a;
    --colors-bg-warning-normal: #f59e0b;
    --colors-bg-warning-highlight: #d97706;
    --colors-bg-highlight: hsl(var(--color-primary-hue), calc(.5 * var(--color-primary-saturation)), 90%);
    --colors-bg-disabled: #d4d4d8;
    --colors-bg-remark-type-hr_info: #e4e4e7;
    --colors-bg-remark-type-time_and_attendance: #f1f5f9;
    --colors-bg-paycode-type-income: #ecfdf5;
    --colors-bg-paycode-type-total_income: #ecfdf5;
    --colors-bg-paycode-type-deduction: #f5f3ff;
    --colors-bg-paycode-type-total_deductions: #f5f3ff;
    --colors-bg-paycode-type-company_contribution: #f0f9ff;
    --colors-bg-paycode-type-total_company_contributions: #f0f9ff;
    --colors-bg-paycode-type-total_company_cost: #f0f9ff;
    --colors-bg-paycode-type-non_income_payment: #fff7ed;
    --colors-bg-paycode-type-non_deduction_withholding: #fef2f2;
    --colors-bg-paycode-type-net_income: #f0fdfa;
    --colors-bg-paycode-type-reference_amount: #fffbeb;
    --colors-bg-input-paycode-type-time_and_attendance: #f1f5f9;
    --colors-bg-input-paycode-type-income: #ecfdf5;
    --colors-bg-input-paycode-type-deduction: #f5f3ff;
    --colors-bg-input-paycode-type-company_contribution: #f0f9ff;
    --colors-bg-input-paycode-type-non_income_payment: #fff7ed;
    --colors-bg-input-paycode-type-non_deduction_withholding: #fef2f2;
    --colors-bg-input-paycode-type-reference_amount: #fffbeb;
    --colors-bg-inputs-new-normal: #fde68a;
    --colors-bg-inputs-new-highlight: #fcd34d;
    --colors-bg-worker-type-leaver: #ea580c;
    --colors-bg-worker-type-new-joiner: #0284c7;
    --colors-bg-worker-type-worker: #a1a1aa;
    --colors-border-hard: #a1a1aa;
    --colors-border-soft: #d4d4d8;
    --colors-border-softer: #e4e4e7;
    --colors-border-paycode-type-income: #d1fae5;
    --colors-border-paycode-type-total_income: #d1fae5;
    --colors-border-paycode-type-deduction: #ede9fe;
    --colors-border-paycode-type-total_deductions: #ede9fe;
    --colors-border-paycode-type-company_contribution: #e0f2fe;
    --colors-border-paycode-type-total_company_contributions: #e0f2fe;
    --colors-border-paycode-type-total_company_cost: #e0f2fe;
    --colors-border-paycode-type-non_income_payment: #ffedd5;
    --colors-border-paycode-type-non_deduction_withholding: #fee2e2;
    --colors-border-paycode-type-net_income: #ccfbf1;
    --colors-border-paycode-type-reference_amount: #fef3c7;
    --colors-brand-primary: var(--color-primary);
    --colors-brand-alt: var(--color-primary-alt);
    --colors-table-row-hover: #ececee;
    --colors-table-row-selected: #e4e4e7;
  }

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

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

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

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

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

  @keyframes zoomIn {
    0% {
      transform: scale(0);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes zoomOut {
    0% {
      transform: scale(1);
    }

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

  @keyframes zoomInSlight {
    0% {
      transform: scale(.95);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes zoomOutSlight {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(.95);
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes slideInTop {
    0% {
      transform: translateY(-100%);
    }

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

  @keyframes swipeOut {
    0% {
      transform: translateX(var(--radix-toast-swipe-end-x));
    }

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

  @keyframes slideInBottomSm {
    0% {
      transform: translateY(.5rem);
    }

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

  @keyframes slideInTopSm {
    0% {
      transform: translateY(-.5rem);
    }

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

  @keyframes slideInLeftSm {
    0% {
      transform: translateX(-.5rem);
    }

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

  @keyframes slideInRightSm {
    0% {
      transform: translateX(.5rem);
    }

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

  @keyframes dialogContentSlideIn {
    0% {
      transform: translate(-50%, -48%)scale(.96);
    }

    100% {
      transform: translate(-50%, -50%)scale(1);
    }
  }

  @keyframes dialogContentSlideOut {
    0% {
      transform: translate(-50%, -50%)scale(1);
    }

    100% {
      transform: translate(-50%, -48%)scale(.96);
    }
  }

  @keyframes accordionDown {
    0% {
      height: var(--sizes-0);
      overflow: hidden;
    }

    100% {
      height: var(--radix-accordion-content-height);
      overflow: visible;
    }
  }

  @keyframes accordionUp {
    0% {
      height: var(--radix-accordion-content-height);
      overflow: visible;
    }

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

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

    100% {
      height: var(--radix-collapsible-content-height);
    }
  }

  @keyframes collapsibleUp {
    0% {
      height: var(--radix-collapsible-content-height);
    }

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

  @keyframes fadeBorder {
    0% {
      border-color: var(--colors-brand-primary);
      border-style: solid;
      border-width: 1px;
    }

    100% {
      border-width: 0;
    }
  }

  @media screen and (min-width: 48rem) {
    :where(:root, :host) {
      --spacing-padding-sidebar-x: 10px;
      --spacing-padding-body-content-x: 24px;
      --spacing-padding-body-content-y: 8px;
    }
  }

  @media screen and (max-width: 39.9975rem) {
    :where(:root, :host) {
      --spacing-padding-dashboard-card-x: var(--sizes-2);
    }
  }
}

@layer recipes;

@layer utilities {
  @layer compositions {
    .textStyle_h6 {
      font-size: var(--font-sizes-md);
      line-height: 1.4em;
      font-weight: var(--font-weights-semibold);
    }

    .textStyle_md {
      font-size: 1rem;
      line-height: 1.5rem;
    }

    .textStyle_xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }

    .textStyle_xs {
      font-size: .75rem;
      line-height: 1rem;
    }

    .textStyle_sm {
      font-size: .875rem;
      line-height: 1.25rem;
    }

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

    .textStyle_h5, .textStyle_h3 {
      line-height: 1.3em;
      font-weight: var(--font-weights-semibold);
    }

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

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

    .textStyle_h1, .textStyle_h2 {
      font-size: var(--font-sizes-2xl);
      line-height: 1.2em;
    }

    .textStyle_h2, .textStyle_h4 {
      font-weight: var(--font-weights-normal);
    }

    .textStyle_h4 {
      font-size: var(--font-sizes-xl);
      line-height: 1.3em;
    }

    .\[\&_dt\]\:textStyle_xs dt {
      font-size: .75rem;
      line-height: 1rem;
    }

    .\[\&_dd\]\:textStyle_sm dd, .\[\&_ul\,_\&_ol\]\:textStyle_sm ul, .\[\&_ul\,_\&_ol\]\:textStyle_sm ol {
      font-size: .875rem;
      line-height: 1.25rem;
    }

    .\[\&_p\]\:textStyle_p p {
      font-size: var(--font-sizes-sm);
      line-height: 1.5em;
    }

    .\[\&_h1\]\:textStyle_h1 h1 {
      font-weight: var(--font-weights-semibold);
    }

    .\[\&_h1\]\:textStyle_h1 h1, .\[\&_h2\]\:textStyle_h2 h2 {
      font-size: var(--font-sizes-2xl);
      line-height: 1.2em;
    }

    .\[\&_h2\]\:textStyle_h2 h2 {
      font-weight: var(--font-weights-normal);
    }

    .\[\&_h3\]\:textStyle_h3 h3 {
      font-weight: var(--font-weights-semibold);
    }

    .\[\&_h3\]\:textStyle_h3 h3, .\[\&_h4\]\:textStyle_h4 h4 {
      font-size: var(--font-sizes-xl);
      line-height: 1.3em;
    }

    .\[\&_h4\]\:textStyle_h4 h4 {
      font-weight: var(--font-weights-normal);
    }

    .\[\&_h5\]\:textStyle_h5 h5 {
      font-size: var(--font-sizes-lg);
      line-height: 1.3em;
      font-weight: var(--font-weights-semibold);
    }

    .\[\&_h6\]\:textStyle_h6 h6 {
      font-size: var(--font-sizes-md);
      line-height: 1.4em;
      font-weight: var(--font-weights-semibold);
    }
  }

  .d_flex {
    display: flex;
  }

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

  .px_padding\.bodyContent\.x {
    padding-inline: var(--spacing-padding-body-content-x);
  }

  .py_10 {
    padding-block: var(--spacing-10);
  }

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

  .pos_relative {
    position: relative;
  }

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

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

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

  .trs_background_0\.2s_ease-out {
    transition: background .2s ease-out;
  }

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

  .h_100\% {
    height: 100%;
  }

  .op_0 {
    opacity: 0;
  }

  .ov_hidden {
    overflow: hidden;
  }

  .pos_absolute {
    position: absolute;
  }

  .z_scrollDetector {
    z-index: var(--z-index-scroll-detector);
  }

  .w_100\% {
    width: 100%;
  }

  .h_auto {
    height: auto;
  }

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

  .gap_10px {
    gap: 10px;
  }

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

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

  .h_1em {
    height: 1em;
  }

  .w_auto {
    width: auto;
  }

  .ta_center {
    text-align: center;
  }

  .h_var\(--avatar-height\) {
    height: var(--avatar-height);
  }

  .w_var\(--avatar-height\) {
    width: var(--avatar-height);
  }

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

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

  .c_text\.primaryBg\.soft {
    color: var(--colors-text-primary-bg-soft);
  }

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

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

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

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

  .c_text\.body {
    color: var(--colors-text-body);
  }

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

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

  .tov_ellipsis {
    text-overflow: ellipsis;
  }

  .max-w_30ch {
    max-width: 30ch;
  }

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

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

  .cursor_pointer {
    cursor: pointer;
  }

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

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

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

  .bd_1px_solid {
    border: 1px solid;
  }

  .--accent-color_colors\.text\.info\.normal {
    --accent-color: var(--colors-text-info-normal);
  }

  .--accent-color_colors\.text\.warning\.normal {
    --accent-color: var(--colors-text-warning-normal);
  }

  .--accent-color_colors\.text\.destructive\.normal {
    --accent-color: var(--colors-text-destructive-normal);
  }

  .--accent-color_colors\.text\.success\.normal {
    --accent-color: var(--colors-text-success-normal);
  }

  .ta_start {
    text-align: start;
  }

  .min-w_6ch {
    min-width: 6ch;
  }

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

  .asp_3_\/_2 {
    aspect-ratio: 3 / 2;
  }

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

  .bdr_\.1em {
    border-radius: .1em;
  }

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

  .gap_\.5em {
    gap: .5em;
  }

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

  .d_grid {
    display: grid;
  }

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

  .max-w_120ch {
    max-width: 120ch;
  }

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

  .bd-be_1px_solid {
    border-block-end: 1px solid;
  }

  .bdr_0 {
    border-radius: 0;
  }

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

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

  .va_center {
    vertical-align: center;
  }

  .col-span_3 {
    col-span: 3px;
  }

  .bd-y_1px_solid {
    border-block: 1px solid;
  }

  .mbs_-1px {
    margin-block-start: -1px;
  }

  .w_min-content {
    width: min-content;
  }

  .grid-c_span_3 {
    grid-column: span 3;
  }

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

  .c_text\.soft {
    color: var(--colors-text-soft);
  }

  .c_text\.primary\.normal {
    color: var(--colors-text-primary-normal);
  }

  .w_max-content {
    width: max-content;
  }

  .bd-y_none {
    border-block: var(--borders-none);
  }

  .bd-y_1px_solid_token\(colors\.border\.soft\) {
    border-block: 1px solid var(--colors-border-soft);
  }

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

  .max-w_50ch {
    max-width: 50ch;
  }

  .w_half {
    width: half;
  }

  .bd-l_3px_solid_\#ccc {
    border-left: 3px solid #ccc;
  }

  .min-w_30ch {
    min-width: 30ch;
  }

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

  .min-w_10ch {
    min-width: 10ch;
  }

  .max-w_20ch {
    max-width: 20ch;
  }

  .max-w_16ch {
    max-width: 16ch;
  }

  .td_none {
    text-decoration: none;
  }

  .d_block {
    display: block;
  }

  .ta_end {
    text-align: end;
  }

  .max-w_auto {
    max-width: auto;
  }

  .va_middle {
    vertical-align: middle;
  }

  .c_text\.destructive\.normal {
    color: var(--colors-text-destructive-normal);
  }

  .c_text\.muted {
    color: var(--colors-text-muted);
  }

  .c_text\.success\.normal {
    color: var(--colors-text-success-normal);
  }

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

  .pos_sticky {
    position: sticky;
  }

  .inset-s_padding\.bodyContent\.x {
    inset-inline-start: var(--spacing-padding-body-content-x);
  }

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

  .max-h_var\(--image-height\) {
    max-height: var(--image-height);
  }

  .max-w_var\(--image-width\) {
    max-width: var(--image-width);
  }

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

  .me_-2 {
    margin-inline-end: calc(var(--spacing-2) * -1);
  }

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

  .lc_2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .max-w_calc\(token\(sizes\.fullPageWidth\)_-_2_\*_token\(spacing\.padding\.bodyContent\.x\)\) {
    max-width: calc(var(--sizes-full-page-width)  - 2 * var(--spacing-padding-body-content-x));
  }

  .w_50ch {
    width: 50ch;
  }

  .grid-c_span_2 {
    grid-column: span 2;
  }

  .grid-c_1_\/_-1 {
    grid-column: 1 / -1;
  }

  .fill_brand\.primary {
    fill: var(--colors-brand-primary);
  }

  .fill_brand\.alt {
    fill: var(--colors-brand-alt);
  }

  .px_padding\.input\.x {
    padding-inline: var(--spacing-padding-input-x);
  }

  .pbs_padding\.input\.y {
    padding-block-start: var(--spacing-padding-input-y);
  }

  .pbe_16 {
    padding-block-end: var(--spacing-16);
  }

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

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

  .h_calc\(1em_\+_token\(spacing\.0\.5\)\) {
    height: calc(1em + var(--spacing-0\.5));
  }

  .asp_1\/1 {
    aspect-ratio: 1;
  }

  .h_0\.95em {
    height: .95em;
  }

  .min-w_unset {
    min-width: unset;
  }

  .flex_1 {
    flex: 1;
  }

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

  .trs_all {
    transition-property: var(--transition-prop, all);
    transition-timing-function: var(--transition-easing, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--transition-duration, .15s);
  }

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

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

  .op_var\(--table-cell-loading-content-opacity\,_1\) {
    opacity: var(--table-cell-loading-content-opacity, 1);
  }

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

  .cp-path_inset\(0_-1px_0_0\) {
    clip-path: inset(0 -1px 0 0);
  }

  .d_var\(--table-cell-loading-skeleton-display\,_\"none\"\) {
    display: var(--table-cell-loading-skeleton-display, "none");
  }

  .inset_1 {
    inset: var(--spacing-1);
  }

  .ps_padding\.bodyContent\.x\! {
    padding-inline-start: var(--spacing-padding-body-content-x) !important;
  }

  .pe_padding\.bodyContent\.x\! {
    padding-inline-end: var(--spacing-padding-body-content-x) !important;
  }

  .bd_1px_solid_transparent {
    border: 1px solid #0000;
  }

  .trs_background-color_50ms_ease-out\,_color_50ms_ease-out\,_border-color_50ms_ease-out {
    transition: background-color 50ms ease-out, color 50ms ease-out, border-color 50ms ease-out;
  }

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

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

  .--btn-accent-text-color_colors\.text\.primary\.normal {
    --btn-accent-text-color: var(--colors-text-primary-normal);
  }

  .--btn-accent-color_colors\.bg\.primary\.normal {
    --btn-accent-color: var(--colors-bg-primary-normal);
  }

  .--btn-accent-fg-color_colors\.text\.primaryBg\.normal {
    --btn-accent-fg-color: var(--colors-text-primary-bg-normal);
  }

  .--btn-accent-text-color_colors\.text\.body {
    --btn-accent-text-color: var(--colors-text-body);
  }

  .--btn-accent-color_colors\.text\.body {
    --btn-accent-color: var(--colors-text-body);
  }

  .--btn-accent-fg-color_colors\.bg\.page {
    --btn-accent-fg-color: var(--colors-bg-page);
  }

  .--btn-accent-text-color_colors\.text\.soft {
    --btn-accent-text-color: var(--colors-text-soft);
  }

  .--btn-accent-color_colors\.text\.soft {
    --btn-accent-color: var(--colors-text-soft);
  }

  .--btn-accent-text-color_colors\.text\.destructive\.normal {
    --btn-accent-text-color: var(--colors-text-destructive-normal);
  }

  .--btn-accent-color_colors\.text\.destructive\.normal {
    --btn-accent-color: var(--colors-text-destructive-normal);
  }

  .--btn-accent-fg-color_colors\.white {
    --btn-accent-fg-color: var(--colors-white);
  }

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

  .c_var\(--btn-accent-fg-color\) {
    color: var(--btn-accent-fg-color);
  }

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

  .c_var\(--btn-accent-text-color\) {
    color: var(--btn-accent-text-color);
  }

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

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

  .bd-sy_1 {
    --border-spacing-y: var(--spacing-1);
  }

  .bd-cl_separate {
    border-collapse: separate;
  }

  .ap_none {
    appearance: none;
  }

  .w_1px {
    width: 1px;
  }

  .h_1px {
    height: 1px;
  }

  .z_calendarDropdown {
    z-index: var(--z-index-calendar-dropdown);
  }

  .bg_none {
    background: none;
  }

  .op_50\% {
    opacity: .5;
  }

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

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

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

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

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

  .vis_hidden {
    visibility: hidden;
  }

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

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

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

  .c_currentcolor {
    color: currentColor;
  }

  .bdr-t_sm {
    border-top-left-radius: var(--radii-sm);
    border-top-right-radius: var(--radii-sm);
  }

  .trs_background-color_50ms_ease-out\,_border-color_200ms_ease-out\,_border-radius_200ms_ease-out {
    transition: background-color 50ms ease-out, border-color .2s ease-out, border-radius .2s ease-out;
  }

  .ms_auto {
    margin-inline-start: auto;
  }

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

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

  .min-w_var\(--radix-popover-trigger-width\) {
    min-width: var(--radix-popover-trigger-width);
  }

  .max-w_var\(--radix-popover-content-available-width\) {
    max-width: var(--radix-popover-content-available-width);
  }

  .max-h_var\(--radix-popover-content-available-height\) {
    max-height: var(--radix-popover-content-available-height);
  }

  .cursor_auto {
    cursor: auto;
  }

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

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

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

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

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

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

  .cursor_default {
    cursor: default;
  }

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

  .ls_widest {
    letter-spacing: var(--letter-spacings-widest);
  }

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

  .pos_fixed {
    position: fixed;
  }

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

  .z_dialogOverlay {
    z-index: var(--z-index-dialog-overlay);
  }

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

  .bkdp_auto {
    -webkit-backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
  }

  .bkdp-blur_sm {
    --backdrop-blur: blur(var(--blurs-sm));
  }

  .max-h_95vh {
    max-height: 95vh;
  }

  .ov_auto {
    overflow: auto;
  }

  .z_dialogContent {
    z-index: var(--z-index-dialog-content);
  }

  .w_95vw {
    width: 95vw;
  }

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

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

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

  .px_padding\.dialog\.x {
    padding-inline: var(--spacing-padding-dialog-x);
  }

  .py_padding\.dialog\.y {
    padding-block: var(--spacing-padding-dialog-y);
  }

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

  .trs_opacity {
    transition-property: var(--transition-prop, opacity);
    transition-timing-function: var(--transition-easing, cubic-bezier(.4, 0, .2, 1));
    transition-duration: var(--transition-duration, .15s);
  }

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

  .z_dropdownMenu {
    z-index: var(--z-index-dropdown-menu);
  }

  .min-w_8rem {
    min-width: 8rem;
  }

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

  .max-h_var\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .w_1rem {
    width: 1rem;
  }

  .ps_8 {
    padding-inline-start: var(--spacing-8);
  }

  .w_1em {
    width: 1em;
  }

  .fill_current {
    fill: var(--colors-current);
  }

  .w_6px {
    width: 6px;
  }

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

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

  .lc_var\(--line-clamp\) {
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .white-space_normal {
    white-space: normal;
  }

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

  .max-w_90\% {
    max-width: 90%;
  }

  .c_text\.primaryBg\.normal {
    color: var(--colors-text-primary-bg-normal);
  }

  .z_dropTarget {
    z-index: var(--z-index-drop-target);
  }

  .d_none {
    display: none;
  }

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

  .mbs_auto {
    margin-block-start: auto;
  }

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

  .bd-bs_1px_solid {
    border-block-start: 1px solid;
  }

  .z_stickyFooter {
    z-index: var(--z-index-sticky-footer);
  }

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

  .z_headerStickyOffset {
    z-index: var(--z-index-header-sticky-offset);
  }

  .min-h_input\.minHeight {
    min-height: var(--sizes-input-min-height);
  }

  .py_padding\.input\.y {
    padding-block: var(--spacing-padding-input-y);
  }

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

  .m_auto {
    margin: auto;
  }

  .h_100vh {
    height: 100vh;
  }

  .z_1 {
    z-index: 1;
  }

  .vis_visible {
    visibility: visible;
  }

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

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

  .py_padding\.bodyContent\.y {
    padding-block: var(--spacing-padding-body-content-y);
  }

  .z_popoverContent {
    z-index: var(--z-index-popover-content);
  }

  .p_padding\.popover {
    padding: var(--spacing-padding-popover);
  }

  .td_underline {
    text-decoration: underline;
  }

  .trs_color_0\.1s_linear {
    transition: color .1s linear;
  }

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

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

  .fill_currentcolor {
    fill: currentColor;
  }

  .cursor_grab {
    cursor: grab;
  }

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

  .mx_1 {
    margin-inline: var(--spacing-1);
  }

  .z_selectContent {
    z-index: var(--z-index-select-content);
  }

  .max-h_var\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .w_var\(--radix-select-trigger-width\) {
    width: var(--radix-select-trigger-width);
  }

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

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

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

  .anim_pulse {
    animation: var(--animations-pulse);
  }

  .bg_zinc\.200 {
    background: var(--colors-zinc-200);
  }

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

  .min-w_80px {
    min-width: 80px;
  }

  .h_24px {
    height: 24px;
  }

  .w_44px {
    width: 44px;
  }

  .p_6px_2px {
    padding: 6px 2px;
  }

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

  .h_18px {
    height: 18px;
  }

  .w_18px {
    width: 18px;
  }

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

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

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

  .bx-sh_0_1px_0_0_token\(colors\.border\.soft\) {
    box-shadow: 0 1px 0 0 var(--colors-border-soft);
  }

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

  .p_padding\.table\.cell\.x\.sm {
    padding: var(--spacing-padding-table-cell-x-sm);
  }

  .ta_left {
    text-align: left;
  }

  .p_padding\.table\.cell\.x\.smDown {
    padding: var(--spacing-padding-table-cell-x-sm-down);
  }

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

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

  .z_toast {
    z-index: var(--z-index-toast);
  }

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

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

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

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

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

  .bd-x-c_border\.soft {
    border-inline-color: var(--colors-border-soft);
  }

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

  .z_tooltip {
    z-index: var(--z-index-tooltip);
  }

  .max-w_proseWidth\.max {
    max-width: var(--sizes-prose-width-max);
  }

  .h_20 {
    height: var(--sizes-20);
  }

  .c_brand\.primary {
    color: var(--colors-brand-primary);
  }

  .max-w_100\% {
    max-width: 100%;
  }

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

  .max-h_25rem {
    max-height: 25rem;
  }

  .pbs_padding\.dashboard\.card\.y {
    padding-block-start: var(--spacing-padding-dashboard-card-y);
  }

  .px_padding\.dashboard\.card\.x {
    padding-inline: var(--spacing-padding-dashboard-card-x);
  }

  .tw_balance {
    text-wrap: balance;
  }

  .pbe_padding\.dashboard\.card\.y {
    padding-block-end: var(--spacing-padding-dashboard-card-y);
  }

  .bg_linear-gradient\(token\(colors\.bg\.primary\.normal\)\,_token\(colors\.bg\.primary\.highlight\)\) {
    background: linear-gradient(var(--colors-bg-primary-normal), var(--colors-bg-primary-highlight));
  }

  .max-w_dashboard\.contentWidth\.max {
    max-width: var(--sizes-dashboard-content-width-max);
  }

  .mx_auto {
    margin-inline: auto;
  }

  .mbs_-24 {
    margin-block-start: calc(var(--spacing-24) * -1);
  }

  .ms_-2 {
    margin-inline-start: calc(var(--spacing-2) * -1);
  }

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

  .w_40\% {
    width: 40%;
  }

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

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

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

  .bx-sh_1px_1px_0px_0px_rgba\(0\,_0\,_0\,_0\.1\) {
    box-shadow: 1px 1px #0000001a;
  }

  .z_-1 {
    z-index: -1;
  }

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

  .py_padding\.rootNav\.headerButtonsContainer\.y {
    padding-block: var(--spacing-padding-root-nav-header-buttons-container-y);
  }

  .max-h_350px {
    max-height: 350px;
  }

  .w_400px {
    width: 400px;
  }

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

  .bg_text\.destructive\.normal {
    background: var(--colors-text-destructive-normal);
  }

  .bdr_50\% {
    border-radius: 50%;
  }

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

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

  .w_30ch {
    width: 30ch;
  }

  .bg_linear-gradient\(0deg\,_\#935ca3_0\%\,_token\(colors\.brand\.primary\)_100\%\) {
    background: linear-gradient(0deg, #935ca3 0%, var(--colors-brand-primary) 100%);
  }

  .trs_transform_0\.2s {
    transition: transform .2s;
  }

  .bd-be_2px_solid_transparent {
    border-block-end: 2px solid #0000;
  }

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

  .trs_transform_0\.2s_linear {
    transition: transform .2s linear;
  }

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

  .columns_2 {
    columns: 2;
  }

  .ov_initial {
    overflow: initial;
  }

  .mbe_8 {
    margin-block-end: var(--spacing-8);
  }

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

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

  .fill_text\.primary\.normal {
    fill: var(--colors-text-primary-normal);
  }

  .fill_text\.muted {
    fill: var(--colors-text-muted);
  }

  .h_17\.5px {
    height: 17.5px;
  }

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

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

  .w_70px {
    width: 70px;
  }

  .w_20 {
    width: var(--sizes-20);
  }

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

  .w_100px {
    width: 100px;
  }

  .max-w_fullPageWidth {
    max-width: var(--sizes-full-page-width);
  }

  .w_calc\(token\(sizes\.fullPageWidth\)_-_token\(spacing\.padding\.bodyContent\.x\)_\*_2\) {
    width: calc(var(--sizes-full-page-width)  - var(--spacing-padding-body-content-x) * 2);
  }

  .h_0 {
    height: var(--sizes-0);
  }

  .z_tableResetButton {
    z-index: var(--z-index-table-reset-button);
  }

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

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

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

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

  .pbs_padding\.bodyContent\.y {
    padding-block-start: var(--spacing-padding-body-content-y);
  }

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

  .pbe_20 {
    padding-block-end: var(--spacing-20);
  }

  .z_header {
    z-index: var(--z-index-header);
  }

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

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

  .h_\.5em {
    height: .5em;
  }

  .w_\.5em {
    width: .5em;
  }

  .va_bottom {
    vertical-align: bottom;
  }

  .trs_border-color_0\.2s_linear {
    transition: border-color .2s linear;
  }

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

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

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

  .max-h_none {
    max-height: none;
  }

  .bdr_none {
    border-radius: none;
  }

  .px_none {
    padding-inline: none;
  }

  .py_none {
    padding-block: none;
  }

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

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

  .obj-f_contain {
    object-fit: contain;
  }

  .h_2em {
    height: 2em;
  }

  .bdr_2xl {
    border-radius: var(--radii-2xl);
  }

  .max-w_22ch {
    max-width: 22ch;
  }

  .p_unset {
    padding: unset;
  }

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

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

  .pe_1\! {
    padding-inline-end: var(--spacing-1) !important;
  }

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

  .ov-wrap_break-word {
    overflow-wrap: break-word;
  }

  .w_24ch {
    width: 24ch;
  }

  .min-w_12ch {
    min-width: 12ch;
  }

  .max-w_25ch {
    max-width: 25ch;
  }

  .ps_1\! {
    padding-inline-start: var(--spacing-1) !important;
  }

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

  .py_padding\.popover {
    padding-block: var(--spacing-padding-popover);
  }

  .px_padding\.popover {
    padding-inline: var(--spacing-padding-popover);
  }

  .bd-x_0 {
    border-inline: 0;
  }

  .bd-be_0 {
    border-block-end: 0;
  }

  .z_30 {
    z-index: 30;
  }

  .va_top {
    vertical-align: top;
  }

  .fill_dashboard\.calendar\.completed\.normal {
    fill: var(--colors-dashboard-calendar-completed-normal);
  }

  .c_dashboard\.report_status\.done {
    color: var(--colors-dashboard-report_status-done);
  }

  .c_dashboard\.report_status\.draft {
    color: var(--colors-dashboard-report_status-draft);
  }

  .c_dashboard\.report_status\.action_needed {
    color: var(--colors-dashboard-report_status-action_needed);
  }

  .ps_padding\.messaging\.compose_drawer\.content\.x {
    padding-inline-start: var(--spacing-padding-messaging-compose_drawer-content-x);
  }

  .grid-c_1 {
    grid-column: 1;
  }

  .grid-c_2 {
    grid-column: 2;
  }

  .pe_padding\.messaging\.compose_drawer\.content\.x {
    padding-inline-end: var(--spacing-padding-messaging-compose_drawer-content-x);
  }

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

  .max-w_unset {
    max-width: unset;
  }

  .min-w_20ch {
    min-width: 20ch;
  }

  .bx-db_clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .c_bg\.primary\.normal {
    color: var(--colors-bg-primary-normal);
  }

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

  .px_padding\.messaging\.compose_drawer\.content\.x {
    padding-inline: var(--spacing-padding-messaging-compose_drawer-content-x);
  }

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

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

  .z_overlay {
    z-index: var(--z-index-overlay);
  }

  .bx-sh_0_8px_10px_1px_rgba\(0\,0\,0\,\.1\)\,0_3px_14px_2px_rgba\(0\,0\,0\,\.1\)\,0_5px_5px_-3px_rgba\(0\,0\,0\,\.1\) {
    box-shadow: 0 8px 10px 1px #0000001a, 0 3px 14px 2px #0000001a, 0 5px 5px -3px #0000001a;
  }

  .max-h_calc\(\{sizes\.fullPageHeight\}_-_\{sizes\.pageHeaderHeight\}\) {
    max-height: calc(var(--sizes-full-page-height)  - var(--sizes-page-header-height));
  }

  .bdr-b_sm {
    border-bottom-left-radius: var(--radii-sm);
    border-bottom-right-radius: var(--radii-sm);
  }

  .max-h_90vh {
    max-height: 90vh;
  }

  .max-h_fullPageHeight {
    max-height: var(--sizes-full-page-height);
  }

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

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

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

  .w_100ch {
    width: 100ch;
  }

  .min-w_25ch {
    min-width: 25ch;
  }

  .w_70ch {
    width: 70ch;
  }

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

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

  .w_3ch {
    width: 3ch;
  }

  .ta_right {
    text-align: right;
  }

  .h_calc\(token\(sizes\.fullPageHeight\)_-_token\(sizes\.rootHeaderHeight\)\) {
    height: calc(var(--sizes-full-page-height)  - var(--sizes-root-header-height));
  }

  .w_100vw {
    width: 100vw;
  }

  .bd-l_1px_solid {
    border-left: 1px solid;
  }

  .z_sideMenuOverlay {
    z-index: var(--z-index-side-menu-overlay);
  }

  .bd-r_1px_solid {
    border-right: 1px solid;
  }

  .bx-sh_0_2px_4px_0_rgba\(0\,_0\,_0\,_0\.1\) {
    box-shadow: 0 2px 4px #0000001a;
  }

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

  .w_var\(--avatar-dim\) {
    width: var(--avatar-dim);
  }

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

  .max-w_40ch {
    max-width: 40ch;
  }

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

  .h_var\(--avatar-dim\) {
    height: var(--avatar-dim);
  }

  .bd-s_1px_solid {
    border-inline-start: 1px solid;
  }

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

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

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

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

  .tov_unset {
    text-overflow: unset;
  }

  .bg_bg\.primary\.verySoft\.normal {
    background: var(--colors-bg-primary-very-soft-normal);
  }

  .mbs_4 {
    margin-block-start: var(--spacing-4);
  }

  .bd-e_1px_solid {
    border-inline-end: 1px solid;
  }

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

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

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

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

  .ms_1 {
    margin-inline-start: var(--spacing-1);
  }

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

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

  .w_800px {
    width: 800px;
  }

  .max-w_100vw {
    max-width: 100vw;
  }

  .cp-path_inset\(0_0_0_-15px\) {
    clip-path: inset(0 0 0 -15px);
  }

  .bx-sh_0_-1px_4px_1px_rgba\(0\,_0\,_0\,_0\.1\) {
    box-shadow: 0 -1px 4px 1px #0000001a;
  }

  .max-h_20em {
    max-height: 20em;
  }

  .w_36 {
    width: var(--sizes-36);
  }

  .min-h_0 {
    min-height: var(--sizes-0);
  }

  .max-w_2xl {
    max-width: var(--sizes-2xl);
  }

  .max-w_4xl {
    max-width: var(--sizes-4xl);
  }

  .w_150px {
    width: 150px;
  }

  .w_300px {
    width: 300px;
  }

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

  .max-w_60ch {
    max-width: 60ch;
  }

  .max-w_96 {
    max-width: var(--sizes-96);
  }

  .max-h_38px {
    max-height: 38px;
  }

  .ov_wrap {
    overflow: wrap;
  }

  .tw_nowrap {
    text-wrap: nowrap;
  }

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

  .c_var\(--dash-btn-text\) {
    color: var(--dash-btn-text);
  }

  .stk_dashboard\.calendar\.overdue\.normal {
    stroke: var(--colors-dashboard-calendar-overdue-normal);
  }

  .fill_dashboard\.calendar\.overdue\.normal {
    fill: var(--colors-dashboard-calendar-overdue-normal);
  }

  .stk_dashboard\.calendar\.action_required\.normal {
    stroke: var(--colors-dashboard-calendar-action_required-normal);
  }

  .fill_dashboard\.calendar\.action_required\.normal {
    fill: var(--colors-dashboard-calendar-action_required-normal);
  }

  .stk_dashboard\.calendar\.pending_action\.normal {
    stroke: var(--colors-dashboard-calendar-pending_action-normal);
  }

  .fill_dashboard\.calendar\.pending_action\.normal {
    fill: var(--colors-dashboard-calendar-pending_action-normal);
  }

  .stk_dashboard\.calendar\.completed\.normal {
    stroke: var(--colors-dashboard-calendar-completed-normal);
  }

  .fill_colors\.transparent {
    fill: colors. transparent;
  }

  .max-w_var\(--radix-tooltip-content-available-width\) {
    max-width: var(--radix-tooltip-content-available-width);
  }

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

  .mbe_4 {
    margin-block-end: var(--spacing-4);
  }

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

  .bd_0 {
    border: 0;
  }

  .min-w_40ch {
    min-width: 40ch;
  }

  .c_text\.warning\.normal {
    color: var(--colors-text-warning-normal);
  }

  .w_48 {
    width: var(--sizes-48);
  }

  .min-w_15ch {
    min-width: 15ch;
  }

  .min-w_120px {
    min-width: 120px;
  }

  .max-w_calc\(token\(sizes\.fullPageWidth\)_-_token\(spacing\.padding\.bodyContent\.x\)_\*_2\) {
    max-width: calc(var(--sizes-full-page-width)  - var(--spacing-padding-body-content-x) * 2);
  }

  .min-w_200px {
    min-width: 200px;
  }

  .max-h_70vh {
    max-height: 70vh;
  }

  .min-h_250px {
    min-height: 250px;
  }

  .bg_purple\.100 {
    background: var(--colors-purple-100);
  }

  .bg_orange\.100 {
    background: var(--colors-orange-100);
  }

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

  .bg_sky\.200 {
    background: var(--colors-sky-200);
  }

  .w_200px {
    width: 200px;
  }

  .c_dashboard\.paycode_type\.income {
    color: var(--colors-dashboard-paycode_type-income);
  }

  .c_dashboard\.paycode_type\.company_contribution {
    color: var(--colors-dashboard-paycode_type-company_contribution);
  }

  .text-anchor_end {
    text-anchor: end;
  }

  .stk_none {
    stroke: none;
  }

  .text-anchor_middle {
    text-anchor: middle;
  }

  .min-w_30 {
    min-width: 30px;
  }

  .min-h_10rem {
    min-height: 10rem;
  }

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

  .min-h_20rem {
    min-height: 20rem;
  }

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

  .w_35ch {
    width: 35ch;
  }

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

  .min-h_150px {
    min-height: 150px;
  }

  .max-w_100ch {
    max-width: 100ch;
  }

  .m_auto_0 {
    margin: auto 0;
  }

  .min-w_60ch {
    min-width: 60ch;
  }

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

  .w_80ch {
    width: 80ch;
  }

  .px_7 {
    padding-inline: var(--spacing-7);
  }

  .fv_tabular-nums {
    font-variant: tabular-nums;
  }

  .w_2ch {
    width: 2ch;
  }

  .op_1 {
    opacity: 1;
  }

  .py_padding\.dashboard\.card\.y {
    padding-block: var(--spacing-padding-dashboard-card-y);
  }

  .ring_2px_solid {
    outline: 2px solid;
  }

  .ring-o_-2px {
    outline-offset: -2px;
  }

  .trs_opacity_0\.1s_ease-in-out {
    transition: opacity .1s ease-in-out;
  }

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

  .m_0_auto {
    margin: 0 auto;
  }

  .gap_10 {
    gap: var(--spacing-10);
  }

  .max-w_800px {
    max-width: 800px;
  }

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

  .gap_0\.3ch {
    gap: .3ch;
  }

  .break-inside_avoid {
    break-inside: avoid;
  }

  .bd-x_1px_solid {
    border-inline: 1px solid;
  }

  .mbe_6 {
    margin-block-end: var(--spacing-6);
  }

  .min-w_400px {
    min-width: 400px;
  }

  .min-w_220px {
    min-width: 220px;
  }

  .w_60ch {
    width: 60ch;
  }

  .z_wopiHostUnderlay {
    z-index: var(--z-index-wopi-host-underlay);
  }

  .col-span_2 {
    col-span: 2px;
  }

  .ring_1px_solid {
    outline: 1px solid;
  }

  .z_tableStickyCells {
    z-index: var(--z-index-table-sticky-cells);
  }

  .h_calc\(token\(sizes\.fullPageHeight\)_-_token\(sizes\.rootHeaderHeight\)_-_token\(sizes\.pageHeaderHeight\)_-_token\(spacing\.padding\.bodyContent\.y\)\) {
    height: calc(var(--sizes-full-page-height)  - var(--sizes-root-header-height)  - var(--sizes-page-header-height)  - var(--spacing-padding-body-content-y));
  }

  .bd-be_1px_solid_token\(colors\.border\.softer\) {
    border-block-end: 1px solid var(--colors-border-softer);
  }

  .my_-0\.5 {
    margin-block: calc(var(--spacing-0\.5) * -1);
  }

  .w_500px {
    width: 500px;
  }

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

  .bd-bs_1px_solid_token\(colors\.border\.softer\) {
    border-block-start: 1px solid var(--colors-border-softer);
  }

  .ps_padding\.bodyContent\.x {
    padding-inline-start: var(--spacing-padding-body-content-x);
  }

  .pe_padding\.bodyContent\.x {
    padding-inline-end: var(--spacing-padding-body-content-x);
  }

  .min-w_min-content {
    min-width: min-content;
  }

  .bd-s_1px_solid_token\(colors\.border\.soft\) {
    border-inline-start: 1px solid var(--colors-border-soft);
  }

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

  .c_text\.info\.normal {
    color: var(--colors-text-info-normal);
  }

  .tov_none {
    text-overflow: none;
  }

  .pbe_padding\.bodyContent\.y {
    padding-block-end: var(--spacing-padding-body-content-y);
  }

  .flex_1_1_0 {
    flex: 1 1 0;
  }

  .min-w_35ch {
    min-width: 35ch;
  }

  .h_40px {
    height: 40px;
  }

  .d_contents {
    display: contents;
  }

  .w_50px {
    width: 50px;
  }

  .h_12px {
    height: 12px;
  }

  .max-w_max-content {
    max-width: max-content;
  }

  .w_75ch {
    width: 75ch;
  }

  .min-w_50ch {
    min-width: 50ch;
  }

  .pbs_padding\.dialog\.y {
    padding-block-start: var(--spacing-padding-dialog-y);
  }

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

  .ps_padding\.dialog\.x\! {
    padding-inline-start: var(--spacing-padding-dialog-x) !important;
  }

  .bd-sp_2 {
    border-spacing: var(--spacing-2);
  }

  .bg_text\.info\.normal {
    background: var(--colors-text-info-normal);
  }

  .bg_text\.warning\.normal {
    background: var(--colors-text-warning-normal);
  }

  .tov_initial {
    text-overflow: initial;
  }

  .bd_1px_solid_currentColor {
    border: 1px solid;
  }

  .w_250px {
    width: 250px;
  }

  .w_350px {
    width: 350px;
  }

  .w_80px {
    width: 80px;
  }

  .max-w_500px {
    max-width: 500px;
  }

  .bd-l_1px_solid_token\(colors\.border\.soft\) {
    border-left: 1px solid var(--colors-border-soft);
  }

  .p_none {
    padding: none;
  }

  .max-w_5xl {
    max-width: var(--sizes-5xl);
  }

  .max-w_4\/5 {
    max-width: 80%;
  }

  .w_25ch {
    width: 25ch;
  }

  .w_7ch {
    width: 7ch;
  }

  .max-w_700px {
    max-width: 700px;
  }

  .w_700px {
    width: 700px;
  }

  .min-h_40px {
    min-height: 40px;
  }

  .me_auto {
    margin-inline-end: auto;
  }

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

  .max-w_80ch {
    max-width: 80ch;
  }

  .w_calc\(token\(sizes\.fullPageWidth\)_-_2_\*_token\(spacing\.padding\.bodyContent\.x\)\) {
    width: calc(var(--sizes-full-page-width)  - 2 * var(--spacing-padding-body-content-x));
  }

  .w_450px {
    width: 450px;
  }

  .min-w_350px {
    min-width: 350px;
  }

  .w_32ch {
    width: 32ch;
  }

  .trs_opacity_0\.2s_0\.2s_ease-out {
    transition: opacity .2s ease-out .2s;
  }

  .h_1\.2em {
    height: 1.2em;
  }

  .tbl_fixed {
    table-layout: fixed;
  }

  .m_-4px {
    margin: -4px;
  }

  .p_2px {
    padding: 2px;
  }

  .h_unset {
    height: unset;
  }

  .max-w_52 {
    max-width: var(--sizes-52);
  }

  .ai_start {
    align-items: start;
  }

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

  .ai_stretch {
    align-items: stretch;
  }

  .jc_start {
    justify-content: start;
  }

  .flex-g_1 {
    flex-grow: 1;
  }

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

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

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

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

  .ai_center {
    align-items: center;
  }

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

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

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

  .jc_center {
    justify-content: center;
  }

  .bg-c_brand\.primary {
    background-color: var(--colors-brand-primary);
  }

  .fs_calc\(var\(--avatar-height\)_\/_2\) {
    font-size: calc(var(--avatar-height) / 2);
  }

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

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

  .bg-c_userType\.badgeBackground\.client {
    background-color: var(--colors-user-type-badge-background-client);
  }

  .bg-c_userType\.badgeBackground\.vendor {
    background-color: var(--colors-user-type-badge-background-vendor);
  }

  .bg-c_userType\.badgeBackground\.integration {
    background-color: var(--colors-user-type-badge-background-integration);
  }

  .bg-c_userType\.badgeBackground\.worker {
    background-color: var(--colors-user-type-badge-background-worker);
  }

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

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

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

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

  .bd-s-w_2px\! {
    border-inline-start-width: 2px !important;
  }

  .bd-s-c_var\(--accent-color\)\! {
    border-inline-start-color: var(--accent-color) !important;
  }

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

  .flex-g_0 {
    flex-grow: 0;
  }

  .fv-num_tabular-nums {
    font-variant-numeric: tabular-nums;
  }

  .grid-tc_min-content_20px_1fr {
    grid-template-columns: min-content 20px 1fr;
  }

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

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

  .mb_-1 {
    margin-bottom: calc(var(--spacing-1) * -1);
  }

  .bd-b-w_2 {
    border-bottom-width: 2px;
  }

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

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

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

  .bg-c_bg\.workerType\.leaver {
    background-color: var(--colors-bg-worker-type-leaver);
  }

  .bg-c_bg\.workerType\.newJoiner {
    background-color: var(--colors-bg-worker-type-new-joiner);
  }

  .bg-c_bg\.workerType\.worker {
    background-color: var(--colors-bg-worker-type-worker);
  }

  .ml_auto {
    margin-left: auto;
  }

  .bd-r-w_2 {
    border-right-width: 2px;
  }

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

  .bd-t-c_border\.hard {
    border-top-color: var(--colors-border-hard);
  }

  .jc_end {
    justify-content: end;
  }

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

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

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

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

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

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

  .trs-dur_0\.2s {
    --transition-duration: .2s;
    transition-duration: .2s;
  }

  .bd-c_var\(--btn-accent-color\) {
    border-color: var(--btn-accent-color);
  }

  .bd-c_var\(--btn-accent-text-color\) {
    border-color: var(--btn-accent-text-color);
  }

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

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

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

  .bd-c_text\.primary\.normal {
    border-color: var(--colors-text-primary-normal);
  }

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

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

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

  .bd-c_text\.body {
    border-color: var(--colors-text-body);
  }

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

  .bg-c_border\.soft {
    background-color: var(--colors-border-soft);
  }

  .pr_14 {
    padding-right: var(--spacing-14);
  }

  .pl_11 {
    padding-left: var(--spacing-11);
  }

  .pl_14 {
    padding-left: var(--spacing-14);
  }

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

  .left_50\% {
    left: 50%;
  }

  .top_50\% {
    top: 50%;
  }

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

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

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

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

  .border-style_solid {
    border-style: solid;
  }

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

  .border-image-source_url\(\"data\:image\/svg\+xml\,\<svg_width\=\'40\'_height\=\'42\'_viewBox\=\'0_0_42_44\'_fill\=\'none\'_xmlns\=\'http\:\/\/www\.w3\.org\/2000\/svg\'\>\<rect_x\=\'1\'_y\=\'1\'_width\=\'40\'_height\=\'42\'_rx\=\'3\'_stroke\=\'\%2363607c\'_stroke-opacity\=\'0\.9\'_stroke-width\=\'2\'_stroke-dasharray\=\'12_8\'_stroke-dashoffset\=\'-10\.5\'_\/\>\<\/svg\>\"\) {
    border-image-source: url("data:image/svg+xml,<svg width='40' height='42' viewBox='0 0 42 44' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='40' height='42' rx='3' stroke='%2363607c' stroke-opacity='0.9' stroke-width='2' stroke-dasharray='12 8' stroke-dashoffset='-10.5' /></svg>");
  }

  .border-image-slice_2 {
    border-image-slice: 2;
  }

  .border-image-width_1 {
    border-image-width: 1;
  }

  .border-image-outset_0 {
    border-image-outset: 0;
  }

  .border-image-repeat_round {
    border-image-repeat: round;
  }

  .bd-w_2px {
    border-width: 2px;
  }

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

  .top_calc\(token\(sizes\.rootHeaderHeight\)_\+_token\(sizes\.pageHeaderHeight\)_-_1px\) {
    top: calc(var(--sizes-root-header-height)  + var(--sizes-page-header-height)  - 1px);
  }

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

  .grid-af_column {
    grid-auto-flow: column;
  }

  .grid-tr_max-content_1fr {
    grid-template-rows: max-content 1fr;
  }

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

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

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

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

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

  .bd-c_currentcolor {
    border-color: currentColor;
  }

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

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

  .trs-prop_background-color {
    --transition-prop: background-color;
    transition-property: background-color;
  }

  .trs-tmf_linear {
    --transition-easing: var(--easings-linear);
    transition-timing-function: var(--easings-linear);
  }

  .trs-dur_0\.1s {
    --transition-duration: .1s;
    transition-duration: .1s;
  }

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

  .trs-prop_color\,_background-color\,_border-color\,_text-decoration-color\,_fill\,_stroke {
    --transition-prop: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  }

  .trs-tmf_default {
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
  }

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

  .fs_small {
    font-size: small;
  }

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

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

  .lh_sm {
    line-height: sm;
  }

  .border-block-start-width_3 {
    border-block-start-width: 3px;
  }

  .bd-bs-c_border\.soft {
    border-block-start-color: var(--colors-border-soft);
  }

  .bd-be-c_border\.soft {
    border-block-end-color: var(--colors-border-soft);
  }

  .bd-bs-c_text\.info\.normal {
    border-block-start-color: var(--colors-text-info-normal);
  }

  .bd-bs-c_text\.destructive\.normal {
    border-block-start-color: var(--colors-text-destructive-normal);
  }

  .bd-bs-c_text\.success\.normal {
    border-block-start-color: var(--colors-text-success-normal);
  }

  .bd-bs-c_text\.warning\.normal {
    border-block-start-color: var(--colors-text-warning-normal);
  }

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

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

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

  .fs_large {
    font-size: large;
  }

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

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

  .bg-c_table\.row\.selected {
    background-color: var(--colors-table-row-selected);
  }

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

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

  .content_0 {
    content: 0;
  }

  .top_2px {
    top: 2px;
  }

  .left_2px {
    left: 2px;
  }

  .as_center {
    align-self: center;
  }

  .fs_xx-small {
    font-size: xx-small;
  }

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

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

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

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

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

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

  .grid-tc_1\.25em_1fr {
    grid-template-columns: 1.25em 1fr;
  }

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

  .as_stretch {
    align-self: stretch;
  }

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

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

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

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

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

  .bd-l-w_0 {
    border-left-width: 0;
  }

  .ai_baseline {
    align-items: baseline;
  }

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

  .bd-c_bg\.page {
    border-color: var(--colors-bg-page);
  }

  .top_rootHeaderHeight {
    top: var(--spacing-root-header-height);
  }

  .flex-b_0 {
    flex-basis: var(--sizes-0);
  }

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

  .flex-sh_1 {
    flex-shrink: 1;
  }

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

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

  .justify-self_space-around {
    justify-self: space-around;
  }

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

  .pt_12 {
    padding-top: var(--spacing-12);
  }

  .pb_20 {
    padding-bottom: var(--spacing-20);
  }

  .bd-r-w_1 {
    border-right-width: 1px;
  }

  .as_end {
    align-self: end;
  }

  .bg-c_dashboard\.calendar\.cell_highlight\.muted\! {
    background-color: var(--colors-dashboard-calendar-cell_highlight-muted) !important;
  }

  .bg-c_dashboard\.calendar\.cell_highlight\.normal\! {
    background-color: var(--colors-dashboard-calendar-cell_highlight-normal) !important;
  }

  .pr_2\.5\! {
    padding-right: var(--spacing-2\.5) !important;
  }

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

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

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

  .bg-c_inherit {
    background-color: inherit;
  }

  .grid-tc_subgrid {
    grid-template-columns: subgrid;
  }

  .rg_var\(--row-gap\) {
    row-gap: var(--row-gap);
  }

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

  .bg-c_red\.100 {
    background-color: var(--colors-red-100);
  }

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

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

  .grid-tc_auto_1fr {
    grid-template-columns: auto 1fr;
  }

  .jc_stretch {
    justify-content: stretch;
  }

  .bottom_auto {
    bottom: auto;
  }

  .right_auto {
    right: auto;
  }

  .bd-t-c_border\.soft {
    border-top-color: var(--colors-border-soft);
  }

  .grid-tc_min-content_repeat\(2\,_1fr\) {
    grid-template-columns: min-content repeat(2, 1fr);
  }

  .grid-cs_2 {
    grid-column-start: 2;
  }

  .grid-tc_min-content_1fr {
    grid-template-columns: min-content 1fr;
  }

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

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

  .pr_3ch {
    padding-right: 3ch;
  }

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

  .flex-b_300px {
    flex-basis: 300px;
  }

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

  .mr_auto {
    margin-right: auto;
  }

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

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

  .as_start {
    align-self: start;
  }

  .pt_rootHeaderHeight {
    padding-top: var(--spacing-root-header-height);
  }

  .trs-tmf_ease-in {
    --transition-easing: ease-in;
    transition-timing-function: ease-in;
  }

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

  .bd-e-w_1 {
    border-inline-end-width: 1px;
  }

  .bg-c_amber\.200 {
    background-color: var(--colors-amber-200);
  }

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

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

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

  .fs_20px {
    font-size: 20px;
  }

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

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

  .fs_25px {
    font-size: 25px;
  }

  .bg-c_var\(--dash-btn-bg\) {
    background-color: var(--dash-btn-bg);
  }

  .bd-c_var\(--dash-btn-border\) {
    border-color: var(--dash-btn-border);
  }

  .ai_end {
    align-items: end;
  }

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

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

  .ov-x_hidden {
    overflow-x: hidden;
  }

  .ov-y_hidden {
    overflow-y: hidden;
  }

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

  .fs_s {
    font-size: s;
  }

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

  .pb_padding\.bodyContent\.y {
    padding-bottom: var(--spacing-padding-body-content-y);
  }

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

  .left_1\.5 {
    left: var(--spacing-1\.5);
  }

  .right_1\.5 {
    right: var(--spacing-1\.5);
  }

  .ring-c_text\.primary\.normal {
    outline-color: var(--colors-text-primary-normal);
  }

  .right_50\% {
    right: 50%;
  }

  .ac_center {
    align-content: center;
  }

  .pb_12 {
    padding-bottom: var(--spacing-12);
  }

  .bg-c_bg\.paycodeType\.income {
    background-color: var(--colors-bg-paycode-type-income);
  }

  .bg-c_bg\.paycodeType\.deduction {
    background-color: var(--colors-bg-paycode-type-deduction);
  }

  .bg-c_bg\.paycodeType\.company_contribution {
    background-color: var(--colors-bg-paycode-type-company_contribution);
  }

  .bg-c_bg\.paycodeType\.non_deduction_withholding {
    background-color: var(--colors-bg-paycode-type-non_deduction_withholding);
  }

  .bg-c_bg\.paycodeType\.non_income_payment {
    background-color: var(--colors-bg-paycode-type-non_income_payment);
  }

  .bg-c_bg\.paycodeType\.reference_amount {
    background-color: var(--colors-bg-paycode-type-reference_amount);
  }

  .bg-c_bg\.paycodeType\.other {
    background-color: bg. paycodeType. other;
  }

  .bg-c_bg\.remarkType\.hr_info {
    background-color: var(--colors-bg-remark-type-hr_info);
  }

  .bg-c_bg\.remarkType\.time_and_attendance {
    background-color: var(--colors-bg-remark-type-time_and_attendance);
  }

  .bd-c_text\.destructive\.normal {
    border-color: var(--colors-text-destructive-normal);
  }

  .bg-c_emerald\.50 {
    background-color: var(--colors-emerald-50);
  }

  .bg-c_red\.50 {
    background-color: var(--colors-red-50);
  }

  .lh_0 {
    line-height: 0;
  }

  .mb_8 {
    margin-bottom: var(--spacing-8);
  }

  .ring-c_brand\.primary {
    outline-color: var(--colors-brand-primary);
  }

  .grid-tr_auto_1fr_auto {
    grid-template-rows: auto 1fr auto;
  }

  .mr_-0\.5ch {
    margin-right: -.5ch;
  }

  .bg-c_bg\.inputs\.new\.normal {
    background-color: var(--colors-bg-inputs-new-normal);
  }

  .top_-1px {
    top: -1px;
  }

  .bg-c_table\.row\.hover {
    background-color: var(--colors-table-row-hover);
  }

  .fs_medium {
    font-size: medium;
  }

  .pt_22px {
    padding-top: 22px;
  }

  .pb_14 {
    padding-bottom: var(--spacing-14);
  }

  .grid-tc_minmax\(min-content\,_auto\)_minmax\(min-content\,_auto\)_min-content_min-content {
    grid-template-columns: minmax(min-content, auto) minmax(min-content, auto) min-content min-content;
  }

  .bd-s-w_2px {
    border-inline-start-width: 2px;
  }

  .bd-s-c_border\.soft\! {
    border-inline-start-color: var(--colors-border-soft) !important;
  }

  .bd-s-c_text\.success\.normal\! {
    border-inline-start-color: var(--colors-text-success-normal) !important;
  }

  .bd-s-c_text\.warning\.normal\! {
    border-inline-start-color: var(--colors-text-warning-normal) !important;
  }

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

  .bdr-tr_3px {
    border-top-right-radius: 3px;
  }

  .bdr-br_3px {
    border-bottom-right-radius: 3px;
  }

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

  .flex-b_30ch {
    flex-basis: 30ch;
  }

  .pl_padding\.bodyContent\.x {
    padding-left: var(--spacing-padding-body-content-x);
  }

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

  .pr_padding\.input\.y {
    padding-right: var(--spacing-padding-input-y);
  }

  .grid-tr_repeat\(4\,_auto\) {
    grid-template-rows: repeat(4, auto);
  }

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

  .border-block-start-width_1px {
    border-block-start-width: 1px;
  }

  .left_padding\.bodyContent\.x {
    left: var(--spacing-padding-body-content-x);
  }

  .pt_padding\.dialog\.y {
    padding-top: var(--spacing-padding-dialog-y);
  }

  .bg-c_bg\.highlight\! {
    background-color: var(--colors-bg-highlight) !important;
  }

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

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

  .bd-c_bg\.primary\.highlight {
    border-color: var(--colors-bg-primary-highlight);
  }

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

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

  .bdr-tr_sm {
    border-top-right-radius: var(--radii-sm);
  }

  .bdr-br_sm {
    border-bottom-right-radius: var(--radii-sm);
  }

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

  html:not([style*="--root-header-height"]) .rootHeaderHeightNotYetMeasured\:ov_hidden {
    overflow: hidden;
  }

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

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

  .\[\&_\[aria-hidden\=true\]\]\:pos_fixed\! [aria-hidden="true"] {
    position: fixed !important;
  }

  .\[\&\:disabled\]\:cursor_not-allowed:disabled {
    cursor: not-allowed;
  }

  .\[\&\:disabled\]\:c_text\.muted:disabled {
    color: var(--colors-text-muted);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:px_padding\.input\.x .ProseMirror[contenteditable] {
    padding-inline: var(--spacing-padding-input-x);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:pbs_padding\.input\.y .ProseMirror[contenteditable] {
    padding-block-start: var(--spacing-padding-input-y);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:pbe_16 .ProseMirror[contenteditable] {
    padding-block-end: var(--spacing-16);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:min-h_32 .ProseMirror[contenteditable] {
    min-height: var(--sizes-32);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:bdr_sm .ProseMirror[contenteditable] {
    border-radius: var(--radii-sm);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:pos_relative .ProseMirror[contenteditable] {
    position: relative;
  }

  .\[\&_\.ProseMirror\[contenteditable\=false\]\]\:cursor_not-allowed .ProseMirror[contenteditable="false"] {
    cursor: not-allowed;
  }

  .\[\&\[data-disabled\]\]\:op_0\.5[data-disabled] {
    opacity: .5;
  }

  .\[\&\[data-disabled\]\]\:cursor_not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .\[\&\:not\(\:first-child\)\]\:bd-s_1px_solid:not(:first-child) {
    border-inline-start: 1px solid;
  }

  .\[\&\:not\(\:first-child\)\]\:ps_2:not(:first-child) {
    padding-inline-start: var(--spacing-2);
  }

  .\[\&\:not\(\:disabled\)\]\:cursor_pointer:not(:disabled) {
    cursor: pointer;
  }

  .\[\&\:disabled_\.accordion-chevron\]\:vis_hidden:disabled .accordion-chevron {
    visibility: hidden;
  }

  .\[\&\[data-state\=open\]_\.accordion-chevron\]\:trf_rotate\(180deg\)[data-state="open"] .accordion-chevron {
    transform: rotate(180deg);
  }

  .\[\&\[data-state\=open\]\]\:anim_accordionDown_0\.2s_ease-out[data-state="open"] {
    animation: .2s ease-out accordionDown;
  }

  .\[\&\[data-state\=closed\]\]\:anim_accordionUp_0\.2s_ease-out[data-state="closed"] {
    animation: .2s ease-out accordionUp;
  }

  .\[\&\:disabled\]\:bg_bg\.disabled:disabled {
    background: var(--colors-bg-disabled);
  }

  .\[\&\:disabled\]\:c_text\.body:disabled {
    color: var(--colors-text-body);
  }

  .\[\&\[data-disabled\]\]\:bg_bg\.disabled[data-disabled] {
    background: var(--colors-bg-disabled);
  }

  .\[\&\[data-disabled\]\]\:c_text\.body[data-disabled] {
    color: var(--colors-text-body);
  }

  .\[\&\[data-disabled\]\]\:c_text\.muted[data-disabled] {
    color: var(--colors-text-muted);
  }

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

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

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

  .\[\&\[data-state\=closed\]\]\:bdr-b_sm[data-state="closed"] {
    border-bottom-left-radius: var(--radii-sm);
    border-bottom-right-radius: var(--radii-sm);
  }

  .\[\&\[data-state\=open\]\]\:anim_collapsibleDown_0\.2s_ease-out[data-state="open"] {
    animation: .2s ease-out collapsibleDown;
  }

  .\[\&\[data-state\=closed\]\]\:anim_collapsibleUp_0\.2s_ease-out[data-state="closed"] {
    animation: .2s ease-out collapsibleUp;
  }

  .selected\:op_1:is([aria-selected="true"], [data-selected]) {
    opacity: 1;
  }

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

  .\[\&_\[cmdk-group-heading\]\]\:px_2 [cmdk-group-heading] {
    padding-inline: var(--spacing-2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py_1\.5 [cmdk-group-heading] {
    padding-block: var(--spacing-1\.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:c_text\.muted [cmdk-group-heading] {
    color: var(--colors-text-muted);
  }

  .\[\&\[data-selected\=true\]\]\:bg_bg\.highlight[data-selected="true"] {
    background: var(--colors-bg-highlight);
  }

  .\[\&\[data-disabled\=true\]\]\:pointer-events_none[data-disabled="true"] {
    pointer-events: none;
  }

  .\[\&\[data-disabled\=true\]\]\:op_0\.5[data-disabled="true"] {
    opacity: .5;
  }

  .\[\&_\[cmdk-group\]\]\:px_2 [cmdk-group] {
    padding-inline: var(--spacing-2);
  }

  .\[\&_\[cmdk-input\]\]\:h_12 [cmdk-input] {
    height: var(--sizes-12);
  }

  .\[\&_\[cmdk-item\]\]\:px_2 [cmdk-item] {
    padding-inline: var(--spacing-2);
  }

  .\[\&_\[cmdk-item\]\]\:py_3 [cmdk-item] {
    padding-block: var(--spacing-3);
  }

  .\[\&\[data-state\=open\]\]\:anim_fadeIn_0\.2s_ease-out[data-state="open"] {
    animation: .2s ease-out fadeIn;
  }

  .\[\&\[data-state\=closed\]\]\:anim_fadeOut_0\.2s_ease-in-out[data-state="closed"] {
    animation: .2s ease-in-out fadeOut;
  }

  .\[\&\[data-state\=open\]\]\:anim_zoomInSlight_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out\,_dialogContentSlideIn_0\.2s_ease-out[data-state="open"] {
    animation: .2s ease-out zoomInSlight, .2s ease-out fadeIn, .2s ease-out dialogContentSlideIn;
  }

  .\[\&\[data-state\=closed\]\]\:anim_zoomOutSlight_0\.2s_ease-in-out\,_fadeOut_0\.2s_ease-in-out\,_dialogContentSlideOut_0\.2s_ease-in-out[data-state="closed"] {
    animation: .2s ease-in-out zoomOutSlight, .2s ease-in-out fadeOut, .2s ease-in-out dialogContentSlideOut;
  }

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

  .\[\&\[data-state\=open\]\]\:anim_zoomInSlight_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out[data-state="open"] {
    animation: .2s ease-out zoomInSlight, .2s ease-out fadeIn;
  }

  .\[\&\[data-state\=closed\]\]\:anim_zoomOutSlight_0\.2s_ease-in-out\,_fadeOut_0\.2s_ease-in-out[data-state="closed"] {
    animation: .2s ease-in-out zoomOutSlight, .2s ease-in-out fadeOut;
  }

  .\[\&\[data-disabled\]\]\:pointer-events_none[data-disabled] {
    pointer-events: none;
  }

  .before\:d_block:before {
    display: block;
  }

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

  .before\:ring_2px_solid:before {
    outline: 2px solid;
  }

  .before\:ring-o_-2px:before {
    outline-offset: -2px;
  }

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

  .before\:z_dropTarget:before {
    z-index: var(--z-index-drop-target);
  }

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

  .\[\&\[data-disabled\]\]\:bg_bg\.page[data-disabled] {
    background: var(--colors-bg-page);
  }

  .\[\&\[data-placeholder\]\]\:c_text\.muted[data-placeholder] {
    color: var(--colors-text-muted);
  }

  .file\:bd_0::file-selector-button {
    border: 0;
  }

  .file\:cursor_pointer::file-selector-button {
    cursor: pointer;
  }

  .\[\&_dt\]\:c_text\.soft dt {
    color: var(--colors-text-soft);
  }

  .selected\:c_text\.primaryBg\.normal:is([aria-selected="true"], [data-selected]) {
    color: var(--colors-text-primary-bg-normal);
  }

  .\[\&\[data-side\=bottom\]\]\:anim_slideInTopSm_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out[data-side="bottom"] {
    animation: .2s ease-out slideInTopSm, .2s ease-out fadeIn;
  }

  .\[\&\[data-side\=left\]\]\:anim_slideInRightSm_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out[data-side="left"] {
    animation: .2s ease-out slideInRightSm, .2s ease-out fadeIn;
  }

  .\[\&\[data-side\=right\]\]\:anim_slideInLeftSm_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out[data-side="right"] {
    animation: .2s ease-out slideInLeftSm, .2s ease-out fadeIn;
  }

  .\[\&\[data-side\=top\]\]\:anim_slideInBottomSm_0\.2s_ease-out\,_fadeIn_0\.2s_ease-out[data-side="top"] {
    animation: .2s ease-out slideInBottomSm, .2s ease-out fadeIn;
  }

  .\[\&_ul\,_\&_ol\]\:ms_4 ul, .\[\&_ul\,_\&_ol\]\:ms_4 ol, .\[\&_ul_ul\]\:ms_4 ul ul, .\[\&_ul_ul_ul\]\:ms_4 ul ul ul, .\[\&_ol\]\:ms_4 ol, .\[\&_ol_ol\]\:ms_4 ol ol, .\[\&_ol_ol_ol\]\:ms_4 ol ol ol {
    margin-inline-start: var(--spacing-4);
  }

  .\[\&_a\]\:c_text\.primary\.normal a {
    color: var(--colors-text-primary-normal);
  }

  .\[\&_a\]\:td_underline a {
    text-decoration: underline;
  }

  .\[\&_a\]\:d_inline-block a {
    display: inline-block;
  }

  .\[\&_a\]\:cursor_pointer a {
    cursor: pointer;
  }

  .\[\&_a\]\:bd_none a {
    border: var(--borders-none);
  }

  .\[\&_a\]\:bg_none a {
    background: none;
  }

  .\[\&_a\]\:trs_color_0\.1s_linear a {
    transition: color .1s linear;
  }

  .\[\&_blockquote\]\:bd-s_4px_solid_token\(colors\.border\.soft\) blockquote {
    border-inline-start: 4px solid var(--colors-border-soft);
  }

  .\[\&_blockquote\]\:ps_2 blockquote {
    padding-inline-start: var(--spacing-2);
  }

  .\[\&_\.react-aria-DropIndicator\[data-drop-target\]\]\:ring_1px_solid .react-aria-DropIndicator[data-drop-target] {
    outline: 1px solid;
  }

  .\[\&\[data-drop-target\]\]\:ring_2px_solid[data-drop-target] {
    outline: 2px solid;
  }

  .\[\&\[data-drop-target\]\]\:bdr_md[data-drop-target] {
    border-radius: var(--radii-md);
  }

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

  .disabled\:c_text\.muted:is(:disabled, [disabled], [data-disabled]) {
    color: var(--colors-text-muted);
  }

  .\[\&\[data-selected\]\]\:bg_bg\.highlight[data-selected] {
    background: var(--colors-bg-highlight);
  }

  .\[\&\[data-state\=checked\]\]\:trf_translateX\(20px\)[data-state="checked"] {
    transform: translateX(20px);
  }

  .\[\&\[data-state\=unchecked\]\]\:trf_translateX\(0\)[data-state="unchecked"] {
    transform: translateX(0);
  }

  .\[\&\[data-state\=active\]\]\:c_text\.body[data-state="active"] {
    color: var(--colors-text-body);
  }

  .\[\&\[data-state\=active\]\]\:bx-sh_sm[data-state="active"] {
    box-shadow: var(--shadows-sm);
  }

  .\[\&\[data-state\=open\]\]\:anim_slideInTop_150ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\)[data-state="open"] {
    animation: .15s cubic-bezier(.16, 1, .3, 1) slideInTop;
  }

  .\[\&\[data-state\=closed\]\]\:anim_fadeOut_100ms_ease-in[data-state="closed"] {
    animation: .1s ease-in fadeOut;
  }

  .\[\&\[data-swipe\=cancel\]\]\:trf_translateX\(0\)[data-swipe="cancel"] {
    transform: translateX(0);
  }

  .\[\&\[data-swipe\=cancel\]\]\:trs_transform_200ms_ease-out[data-swipe="cancel"] {
    transition: transform .2s ease-out;
  }

  .\[\&\[data-swipe\=end\]\]\:anim_swipeOut_100ms_ease-out\,_fadeOut_300ms_ease-out[data-swipe="end"] {
    animation: .1s ease-out swipeOut, .3s ease-out fadeOut;
  }

  .\[\&\[data-swipe\=move\]\]\:trf_translateX\(var\(--radix-toast-swipe-move-x\)\)[data-swipe="move"] {
    transform: translateX(var(--radix-toast-swipe-move-x));
  }

  .\[\&\[data-state\=on\]\]\:c_text\.primaryBg\.normal[data-state="on"] {
    color: var(--colors-text-primary-bg-normal);
  }

  .\[\&\:disabled\]\:op_0\.5:disabled {
    opacity: .5;
  }

  .\[\&\:last-child\]\:bd-be_none:last-child {
    border-block-end: var(--borders-none);
  }

  .\[\&\[data-open\]\]\:c_text\.body[data-open] {
    color: var(--colors-text-body);
  }

  .\[\&\[data-state\=checked\]\]\:op_1[data-state="checked"] {
    opacity: 1;
  }

  .\[\&\:disabled\]\:cursor_unset:disabled, .\[\&\[data-disabled\]\]\:cursor_unset[data-disabled] {
    cursor: unset;
  }

  .placeholder\:c_text\.body::placeholder, .placeholder\:c_text\.body[data-placeholder], .\[\&\[data-placeholder\]\]\:c_text\.body[data-placeholder] {
    color: var(--colors-text-body);
  }

  .\[\&\:not\(\[data-embedded-content\]\)\]\:px_padding\.dialog\.x:not([data-embedded-content]) {
    padding-inline: var(--spacing-padding-dialog-x);
  }

  .\[\&\:not\(\[data-embedded-content\]\)\]\:py_padding\.dialog\.y:not([data-embedded-content]) {
    padding-block: var(--spacing-padding-dialog-y);
  }

  .\[\&_\[contenteditable\]\]\:pbs_padding\.input\.y [contenteditable] {
    padding-block-start: var(--spacing-padding-input-y);
  }

  .\[\&_\[contenteditable\]\]\:pbe_padding\.input\.y [contenteditable] {
    padding-block-end: var(--spacing-padding-input-y);
  }

  .\[\&_\[contenteditable\]\]\:w_full [contenteditable] {
    width: var(--sizes-full);
  }

  .\[\&\[data-state\=open\]\]\:trf_rotate\(90deg\)[data-state="open"] {
    transform: rotate(90deg);
  }

  .before\:w_4px:before {
    width: 4px;
  }

  .selected\:anim_fadeBorder_10s_ease-out:is([aria-selected="true"], [data-selected]) {
    animation: 10s ease-out fadeBorder;
  }

  .\[\&_table\]\:w_full\! table {
    width: var(--sizes-full) !important;
  }

  .\[\&_table\]\:max-w_unset\! table {
    max-width: unset !important;
  }

  .selected\:bg_border\.soft:is([aria-selected="true"], [data-selected]) {
    background: var(--colors-border-soft);
  }

  .\[\&_\.selectedCell\:after\]\:z_selectContent .selectedCell:after {
    z-index: var(--z-index-select-content);
  }

  .\[\&_\.selectedCell\:after\]\:pos_absolute .selectedCell:after {
    position: absolute;
  }

  .\[\&_\.selectedCell\:after\]\:bg_table\.row\.selected .selectedCell:after {
    background: var(--colors-table-row-selected);
  }

  .\[\&_\.selectedCell\:after\]\:pointer-events_none .selectedCell:after {
    pointer-events: none;
  }

  .\[\&_\.selectedCell\:after\]\:op_0\.5 .selectedCell:after {
    opacity: .5;
  }

  .\[\&_td\]\:bg_bg\.highlight\! td {
    background: var(--colors-bg-highlight) !important;
  }

  .\[\&_iframe\]\:w_100vw iframe {
    width: 100vw;
  }

  .\[\&_iframe\]\:h_100vh iframe {
    height: 100vh;
  }

  .\[\&_iframe\]\:z_wopiHost iframe {
    z-index: var(--z-index-wopi-host);
  }

  .\[\&_iframe\]\:pos_fixed iframe {
    position: fixed;
  }

  .\[\&_iframe\]\:inset_0 iframe {
    inset: var(--spacing-0);
  }

  .\[\&_th\]\:ta_start th {
    text-align: start;
  }

  .\[\&_p\]\:min-h_1\.5em p {
    min-height: 1.5em;
  }

  .\[\&_\>_div\]\:d_grid > div {
    display: grid;
  }

  .\[\&_\>_div\]\:grid-c_span_1 > div {
    grid-column: span 1;
  }

  .\[\&_\>_div\]\:grid-c_1_\/_-1 > div {
    grid-column: 1 / -1;
  }

  .\[\&_\>_div\]\:gap_2 > div {
    gap: var(--spacing-2);
  }

  .\[\&\[data-state\=active\]\]\:fw_semibold[data-state="active"] {
    font-weight: var(--font-weights-semibold);
  }

  .\[\&\:not\(\[data-state\=active\]\)\]\:bd-b-c_transparent:not([data-state="active"]) {
    border-bottom-color: var(--colors-transparent);
  }

  .\[\&_\.ProseMirror\[contenteditable\]\]\:flex-g_1 .ProseMirror[contenteditable] {
    flex-grow: 1;
  }

  .\[\&\:not\(\:first-child\)\]\:bd-c_border\.soft:not(:first-child) {
    border-color: var(--colors-border-soft);
  }

  .\[\&\:disabled\]\:bd-c_bg\.disabled:disabled, .\[\&\[data-disabled\]\]\:bd-c_bg\.disabled[data-disabled] {
    border-color: var(--colors-bg-disabled);
  }

  .checked\:bg-c_text\.primary\.normal:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background-color: var(--colors-text-primary-normal);
  }

  .\[\&\[data-state\=open\]\]\:bd-c_border\.soft[data-state="open"] {
    border-color: var(--colors-border-soft);
  }

  .checked\:bg-c_text\.body:is(:checked, [data-checked], [aria-checked="true"], [data-state="checked"]) {
    background-color: var(--colors-text-body);
  }

  .\[\&_\[cmdk-group-heading\]\]\:fs_xs [cmdk-group-heading] {
    font-size: var(--font-sizes-xs);
  }

  .\[\&_\[cmdk-group-heading\]\]\:fw_semibold [cmdk-group-heading] {
    font-weight: var(--font-weights-semibold);
  }

  .before\:ring-c_text\.primary\.normal:before {
    outline-color: var(--colors-text-primary-normal);
  }

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

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

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

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

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

  .\[\&\[data-drag-active\]\]\:bd-c_text\.primary\.normal[data-drag-active] {
    border-color: var(--colors-text-primary-normal);
  }

  .file\:bg-c_transparent::file-selector-button {
    background-color: var(--colors-transparent);
  }

  .file\:fw_semibold::file-selector-button {
    font-weight: var(--font-weights-semibold);
  }

  .\[\&_dt\]\:fw_semibold dt {
    font-weight: var(--font-weights-semibold);
  }

  .selected\:bg-c_bg\.primary\.normal:is([aria-selected="true"], [data-selected]) {
    background-color: var(--colors-bg-primary-normal);
  }

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

  .\[\&_ul_ul\]\:li-t_circle ul ul {
    list-style-type: circle;
  }

  .\[\&_ul_ul_ul\]\:li-t_square ul ul ul {
    list-style-type: square;
  }

  .\[\&_ol\]\:li-t_decimal ol {
    list-style-type: decimal;
  }

  .\[\&_ol_ol\]\:li-t_lower-alpha ol ol {
    list-style-type: lower-alpha;
  }

  .\[\&_ol_ol_ol\]\:li-t_lower-roman ol ol ol {
    list-style-type: lower-roman;
  }

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

  .\[\&_\.react-aria-DropIndicator\[data-drop-target\]\]\:ring-c_text\.primary\.normal .react-aria-DropIndicator[data-drop-target] {
    outline-color: var(--colors-text-primary-normal);
  }

  .\[\&_\.react-aria-DropIndicator\[data-drop-target\]\]\:as_stretch .react-aria-DropIndicator[data-drop-target] {
    align-self: stretch;
  }

  .\[\&\[data-drop-target\]\]\:ring-c_text\.primary\.normal[data-drop-target] {
    outline-color: var(--colors-text-primary-normal);
  }

  .\[\&\[data-drop-target\]\]\:as_stretch[data-drop-target] {
    align-self: stretch;
  }

  .\[\&\[data-state\=checked\]\]\:bg-c_bg\.primary\.normal[data-state="checked"] {
    background-color: var(--colors-bg-primary-normal);
  }

  .\[\&\[data-state\=unchecked\]\]\:bg-c_bg\.muted[data-state="unchecked"] {
    background-color: var(--colors-bg-muted);
  }

  .\[\&_tr\]\:bd-b-w_1 tr {
    border-bottom-width: 1px;
  }

  .\[\&_tr\]\:bd-b-w_0 tr, .\[\&_tr\:last-child\]\:bd-b-w_0 tr:last-child {
    border-bottom-width: 0;
  }

  .\[\&_tr\:nth-child\(even\)\]\:bg-c_bg\.muted tr:nth-child(2n) {
    background-color: var(--colors-bg-muted);
  }

  .\[\&_tr\:first-child\]\:bd-t-w_2 tr:first-child {
    border-top-width: 2px;
  }

  .\[\&\[data-state\=\"selected\"\]\]\:bg-c_bg\.highlight[data-state="selected"] {
    background-color: var(--colors-bg-highlight);
  }

  .\[\&\[role\=\"checkbox\"\]\]\:pr_0[role="checkbox"] {
    padding-right: var(--spacing-0);
  }

  .\[\&\[data-state\=active\]\]\:bg-c_bg\.page[data-state="active"] {
    background-color: var(--colors-bg-page);
  }

  .\[\&\[data-state\=on\]\]\:bg-c_bg\.primary\.normal[data-state="on"] {
    background-color: var(--colors-bg-primary-normal);
  }

  .\[\&_td\]\:bg-c_table\.row\.selected td {
    background-color: var(--colors-table-row-selected);
  }

  .selected\:bd-c_border\.hard:is([aria-selected="true"], [data-selected]) {
    border-color: var(--colors-border-hard);
  }

  .selected\:bd-w_2:is([aria-selected="true"], [data-selected]) {
    border-width: 2px;
  }

  .\[\&\[data-open\]\]\:bg-c_bg\.highlight[data-open], .\[\&\[data-state\=active\]\]\:bg-c_bg\.highlight[data-state="active"] {
    background-color: var(--colors-bg-highlight);
  }

  .before\:bg-c_text\.primary\.normal:before {
    background-color: var(--colors-text-primary-normal);
  }

  .selected\:bg-c_bg\.highlight:is([aria-selected="true"], [data-selected]) {
    background-color: var(--colors-bg-highlight);
  }

  .\[\&_\.tableWrapper\]\:ov-x_auto .tableWrapper {
    overflow-x: auto;
  }

  .\[\&_\.selectedCell\:after\]\:content_\"\" .selectedCell:after {
    content: "";
  }

  .\[\&_\.selectedCell\:after\]\:left_0 .selectedCell:after {
    left: var(--spacing-0);
  }

  .\[\&_\.selectedCell\:after\]\:right_0 .selectedCell:after {
    right: var(--spacing-0);
  }

  .\[\&_\.selectedCell\:after\]\:top_0 .selectedCell:after {
    top: var(--spacing-0);
  }

  .\[\&_\.selectedCell\:after\]\:bottom_0 .selectedCell:after {
    bottom: var(--spacing-0);
  }

  .\[\&_td\]\:bg-c_bg\.highlight td {
    background-color: var(--colors-bg-highlight);
  }

  .\[\&_td\]\:bg-c_table\.row\.hover td {
    background-color: var(--colors-table-row-hover);
  }

  .\[\&_\>_div\]\:grid-tc_subgrid > div {
    grid-template-columns: subgrid;
  }

  .\[\&_\>_div\]\:ai_stretch > div {
    align-items: stretch;
  }

  .focusWithin\:ring_none:focus-within {
    outline: var(--borders-none);
  }

  .focusWithin\:bd-c_brand\.primary:focus-within {
    border-color: var(--colors-brand-primary);
  }

  .focusWithin\:bd-c_border\.soft:focus-within {
    border-color: var(--colors-border-soft);
  }

  .focus\:bg_bg\.highlight:is(:focus, [data-focus]) {
    background: var(--colors-bg-highlight);
  }

  .focus\:c_text\.body:is(:focus, [data-focus]) {
    color: var(--colors-text-body);
  }

  .hover\:bg_bg\.highlight:is(:hover, [data-hover]) {
    background: var(--colors-bg-highlight);
  }

  .\[\&\:hover\]\:c_text\.primary\.highlight:hover {
    color: var(--colors-text-primary-highlight);
  }

  .hover\:cursor_pointer:is(:hover, [data-hover]) {
    cursor: pointer;
  }

  .hover\:op_100\%:is(:hover, [data-hover]), .hover\:op_1:is(:hover, [data-hover]) {
    opacity: 1;
  }

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

  .hover\:c_text\.primary\.normal:is(:hover, [data-hover]) {
    color: var(--colors-text-primary-normal);
  }

  .hover\:c_text\.primary\.highlight:is(:hover, [data-hover]) {
    color: var(--colors-text-primary-highlight);
  }

  .hover\:c_text\.body:is(:hover, [data-hover]) {
    color: var(--colors-text-body);
  }

  .\[\&\:not\(\:disabled\)\:hover\]\:bg_bg\.highlight:not(:disabled):hover {
    background: var(--colors-bg-highlight);
  }

  .hover\:bg_bg\.primary\.highlight:is(:hover, [data-hover]) {
    background: var(--colors-bg-primary-highlight);
  }

  .hover\:c_text\.primaryBg\.highlight:is(:hover, [data-hover]) {
    color: text. primaryBg. highlight;
  }

  .hover\:trf_scale\(1\.05\):is(:hover, [data-hover]) {
    transform: scale(1.05);
  }

  .hover\:bg_table\.row\.hover:is(:hover, [data-hover]) {
    background: var(--colors-table-row-hover);
  }

  .hover\:td_underline:is(:hover, [data-hover]) {
    text-decoration: underline;
  }

  .hover\:c_text\.soft:is(:hover, [data-hover]) {
    color: var(--colors-text-soft);
  }

  .hover\:bg_bg\.primary\.verySoft\.highlight:is(:hover, [data-hover]) {
    background: var(--colors-bg-primary-very-soft-highlight);
  }

  .hover\:op_0\.5:is(:hover, [data-hover]) {
    opacity: .5;
  }

  .\[\&\:hover\]\:c_text\.info\.highlight:hover {
    color: var(--colors-text-info-highlight);
  }

  .\[\&\:hover\]\:c_text\.warning\.highlight:hover {
    color: var(--colors-text-warning-highlight);
  }

  .hover\:bg-c_table\.row\.selected:is(:hover, [data-hover]) {
    background-color: var(--colors-table-row-selected);
  }

  .hover\:bg-c_bg\.highlight:is(:hover, [data-hover]) {
    background-color: var(--colors-bg-highlight);
  }

  .hover\:bd-c_border\.highlight:is(:hover, [data-hover]) {
    border-color: border. highlight;
  }

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

  .hover\:bg-c_bg\.inputs\.new\.highlight:is(:hover, [data-hover]) {
    background-color: var(--colors-bg-inputs-new-highlight);
  }

  .active\:bg_bg\.primary\.verySoft\.highlight:is(:active, [data-active]) {
    background: var(--colors-bg-primary-very-soft-highlight);
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:pos_absolute p.is-editor-empty:first-child:before {
    position: absolute;
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:c_text\.soft p.is-editor-empty:first-child:before {
    color: var(--colors-text-soft);
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:pointer-events_none p.is-editor-empty:first-child:before {
    pointer-events: none;
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:\[\&\[data-active\]\]\:bg_bg\.primary\.normal:not([data-disabled])[data-active] {
    background: var(--colors-bg-primary-normal);
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:\[\&\[data-active\]\]\:c_text\.primaryBg\.normal:not([data-disabled])[data-active] {
    color: var(--colors-text-primary-bg-normal);
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:hover\:c_text\.primary\.highlight:not([data-disabled]):is(:hover, [data-hover]) {
    color: var(--colors-text-primary-highlight);
  }

  .\[\&_\[data-cmdk-input-wrapper\]\]\:\[\&_svg\]\:h_5 [data-cmdk-input-wrapper] svg {
    height: var(--sizes-5);
  }

  .\[\&_\[data-cmdk-input-wrapper\]\]\:\[\&_svg\]\:w_5 [data-cmdk-input-wrapper] svg {
    width: var(--sizes-5);
  }

  .\[\&_\[cmdk-item\]\]\:\[\&_svg\]\:h_5 [cmdk-item] svg {
    height: var(--sizes-5);
  }

  .\[\&_\[cmdk-item\]\]\:\[\&_svg\]\:w_5 [cmdk-item] svg {
    width: var(--sizes-5);
  }

  .selected\:hover\:c_text\.primaryBg\.normal:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
    color: var(--colors-text-primary-bg-normal);
  }

  .\[\&_ul_ul\]\:\[\&\:not\(\:first-child\)\]\:mbs_0 ul ul:not(:first-child), .\[\&_ol_ol\]\:\[\&\:not\(\:first-child\)\]\:mbs_0 ol ol:not(:first-child) {
    margin-block-start: var(--spacing-0);
  }

  .\[\&_a\]\:hover\:c_text\.primary\.highlight a:is(:hover, [data-hover]) {
    color: var(--colors-text-primary-highlight);
  }

  .\[\&_p\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em p:not(:first-child), .\[\&_h1\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h1:not(:first-child), .\[\&_h2\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h2:not(:first-child), .\[\&_h3\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h3:not(:first-child), .\[\&_h4\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h4:not(:first-child), .\[\&_h5\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h5:not(:first-child), .\[\&_h6\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em h6:not(:first-child), .\[\&_ul\,_\&_ol\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em ul:not(:first-child), .\[\&_ul\,_\&_ol\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em ol:not(:first-child), .\[\&_blockquote\]\:\[\&\:not\(\:first-child\)\]\:mbs_1em blockquote:not(:first-child) {
    margin-block-start: 1em;
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:pos_absolute .ProseMirror[contenteditable="true"] .column-resize-handle {
    position: absolute;
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:w_2 .ProseMirror[contenteditable="true"] .column-resize-handle {
    width: var(--sizes-2);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:z_selectContent .ProseMirror[contenteditable="true"] .column-resize-handle {
    z-index: var(--z-index-select-content);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:pointer-events_auto .ProseMirror[contenteditable="true"] .column-resize-handle {
    pointer-events: auto;
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&\.resize-cursor\]\:cursor_col-resize .ProseMirror[contenteditable="true"].resize-cursor {
    cursor: col-resize;
  }

  .\[\&_\.ProseMirror\[contenteditable\=false\]\]\:\[\&_\.column-resize-handle\]\:d_none .ProseMirror[contenteditable="false"] .column-resize-handle {
    display: none;
  }

  .\[\&_\.ProseMirror\[contenteditable\=false\]\]\:\[\&_\.resize-cursor\]\:pointer-events_none .ProseMirror[contenteditable="false"] .resize-cursor {
    pointer-events: none;
  }

  .\[\&\:not\(\:disabled\)\]\:hover\:c_text\.destructive\.normal:not(:disabled):is(:hover, [data-hover]), .\[\&\:not\(\:disabled\)\]\:focusVisible\:c_text\.destructive\.normal:not(:disabled):is(:focus-visible, [data-focus-visible]) {
    color: var(--colors-text-destructive-normal);
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:top_padding\.input\.y p.is-editor-empty:first-child:before {
    top: var(--spacing-padding-input-y);
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:left_padding\.input\.x p.is-editor-empty:first-child:before {
    left: var(--spacing-padding-input-x);
  }

  .\[\&_p\.is-editor-empty\:first-child\]\:before\:content_attr\(data-placeholder\) p.is-editor-empty:first-child:before {
    content: attr(data-placeholder);
  }

  .\[\&\:not\(\:disabled\)\]\:hover\:text-decoration-line_underline:not(:disabled):is(:hover, [data-hover]) {
    text-decoration-line: underline;
  }

  .selected\:hover\:bg-c_bg\.primary\.highlight:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
    background-color: var(--colors-bg-primary-highlight);
  }

  .\[\&_tr\:nth-child\(even\)\]\:\[\&_td\]\:bg-c_bg\.muted tr:nth-child(2n) td {
    background-color: var(--colors-bg-muted);
  }

  .\[\&_tr\:nth-child\(even\)\]\:\[\&\[data-state\=\"selected\"\]\]\:bg-c_bg\.highlight tr:nth-child(2n)[data-state="selected"], .\[\&\[data-state\=\"selected\"\]\]\:\[\&_td\]\:bg-c_bg\.highlight[data-state="selected"] td {
    background-color: var(--colors-bg-highlight);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:right_-2 .ProseMirror[contenteditable="true"] .column-resize-handle {
    right: calc(var(--spacing-2) * -1);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:top_-1 .ProseMirror[contenteditable="true"] .column-resize-handle {
    top: calc(var(--spacing-1) * -1);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:bottom_-2 .ProseMirror[contenteditable="true"] .column-resize-handle {
    bottom: calc(var(--spacing-2) * -1);
  }

  .\[\&_\.ProseMirror\[contenteditable\=true\]\]\:\[\&_\.column-resize-handle\]\:bg-c_bg\.primary\.normal .ProseMirror[contenteditable="true"] .column-resize-handle {
    background-color: var(--colors-bg-primary-normal);
  }

  .focusWithin\:\[\&_\[contenteditable\]\]\:ring_none:focus-within [contenteditable] {
    outline: var(--borders-none);
  }

  .focusWithin\:\[\&_input\]\:pos_relative:focus-within input {
    position: relative;
  }

  .focusWithin\:\[\&_input\]\:op_1:focus-within input {
    opacity: 1;
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-text-color_colors\.text\.primary\.highlight:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-text-color: var(--colors-text-primary-highlight);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-color_colors\.bg\.primary\.highlight:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-color: var(--colors-bg-primary-highlight);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-fg-color_colors\.text\.primaryBg\.normal:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-fg-color: var(--colors-text-primary-bg-normal);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-text-color_colors\.text\.primary\.highlight:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-text-color: var(--colors-text-primary-highlight);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-color_colors\.bg\.primary\.highlight:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-color: var(--colors-bg-primary-highlight);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-fg-color_colors\.text\.primaryBg\.normal:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-fg-color: var(--colors-text-primary-bg-normal);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-text-color_colors\.text\.soft:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-text-color: var(--colors-text-soft);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-color_colors\.text\.soft:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-color: var(--colors-text-soft);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-text-color_colors\.text\.soft:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-text-color: var(--colors-text-soft);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-color_colors\.text\.soft:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-color: var(--colors-text-soft);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-text-color_colors\.text\.muted:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-text-color: var(--colors-text-muted);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-color_colors\.text\.muted:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-color: var(--colors-text-muted);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-text-color_colors\.text\.muted:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-text-color: var(--colors-text-muted);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-color_colors\.text\.muted:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-color: var(--colors-text-muted);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-text-color_colors\.text\.destructive\.highlight:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-text-color: var(--colors-text-destructive-highlight);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:--btn-accent-color_colors\.text\.destructive\.highlight:is(:hover, [data-hover]):not(:disabled) {
    --btn-accent-color: var(--colors-text-destructive-highlight);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-text-color_colors\.text\.destructive\.highlight:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-text-color: var(--colors-text-destructive-highlight);
  }

  .hover\:\[\&\:not\(\[data-disabled\]\)\]\:--btn-accent-color_colors\.text\.destructive\.highlight:is(:hover, [data-hover]):not([data-disabled]) {
    --btn-accent-color: var(--colors-text-destructive-highlight);
  }

  .hover\:\[\&_\[data-table-row-checkbox\]\]\:op_1:is(:hover, [data-hover]) [data-table-row-checkbox] {
    opacity: 1;
  }

  .hover\:\[\&_\.reply-button-text\]\:c_text\.primary\.normal:is(:hover, [data-hover]) .reply-button-text {
    color: var(--colors-text-primary-normal);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:c_var\(--dash-btn-text-hover\):is(:hover, [data-hover]):not(:disabled) {
    color: var(--dash-btn-text-hover);
  }

  .\[\&_\:has\(\:hover\)\]\:\[\&_\>_\.hover-overlay\]\:d_block :has(:hover) > .hover-overlay {
    display: block;
  }

  .hover\:\[\&_td\]\:bg-c_table\.row\.hover:is(:hover, [data-hover]) td {
    background-color: var(--colors-table-row-hover);
  }

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

  .hover\:\[\&\:not\(\:disabled\)\]\:bg-c_var\(--dash-btn-bg-hover\):is(:hover, [data-hover]):not(:disabled) {
    background-color: var(--dash-btn-bg-hover);
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:bd-c_var\(--dash-btn-border-hover\):is(:hover, [data-hover]):not(:disabled) {
    border-color: var(--dash-btn-border-hover);
  }

  .hover\:\[\&_td\]\:bg-c_bg\.highlight:is(:hover, [data-hover]) td {
    background-color: var(--colors-bg-highlight);
  }

  .hover\:\[\&_td\]\:bg-c_table\.row\.selected:is(:hover, [data-hover]) td {
    background-color: var(--colors-table-row-selected);
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:hover\:\[\&\[data-active\]\]\:bg_bg\.primary\.highlight:not([data-disabled]):is(:hover, [data-hover])[data-active] {
    background: var(--colors-bg-primary-highlight);
  }

  .\[\&\:not\(\[data-disabled\]\)\]\:hover\:\[\&\[data-active\]\]\:c_text\.primaryBg\.normal:not([data-disabled]):is(:hover, [data-hover])[data-active] {
    color: var(--colors-text-primary-bg-normal);
  }

  .\[\&_tr\:nth-child\(even\)\]\:\[\&\[data-state\=\"selected\"\]\]\:\[\&_td\]\:bg-c_bg\.highlight tr:nth-child(2n)[data-state="selected"] td {
    background-color: var(--colors-bg-highlight);
  }

  .\[\&_tr\:nth-child\(even\)\]\:hover\:\[\&_td\]\:bg-c_table\.row\.hover tr:nth-child(2n):is(:hover, [data-hover]) td {
    background-color: var(--colors-table-row-hover);
  }

  .\[\&\[data-state\=\"selected\"\]\]\:hover\:\[\&_td\]\:bg-c_bg\.highlight[data-state="selected"]:is(:hover, [data-hover]) td {
    background-color: var(--colors-bg-highlight);
  }

  @media screen and (min-width: 40rem) {
    .sm\:min-w_120px {
      min-width: 120px;
    }

    .sm\:d_none {
      display: none;
    }

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

    .sm\:max-w_30ch {
      max-width: 30ch;
    }

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

    .sm\:px_padding\.table\.cell\.x\.sm {
      padding-inline: var(--spacing-padding-table-cell-x-sm);
    }

    .sm\:ps_3\! {
      padding-inline-start: var(--spacing-3) !important;
    }

    .sm\:ta_start {
      text-align: start;
    }

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

    .sm\:ps_padding\.table\.cell\.x\.smDown {
      padding-inline-start: var(--spacing-padding-table-cell-x-sm-down);
    }

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

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

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

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

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

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

    .sm\:pl_padding\.table\.cell\.x\.smDown {
      padding-left: var(--spacing-padding-table-cell-x-sm-down);
    }

    .sm\:pl_4 {
      padding-left: var(--spacing-4);
    }

    .sm\:grid-tc_min-content_1fr {
      grid-template-columns: min-content 1fr;
    }
  }

  @media screen and (min-width: 40rem) and (max-width: 95.9975rem) {
    .smTo2xl\:w_18ch {
      width: 18ch;
    }
  }

  @media screen and (min-width: 48rem) {
    .md\:max-w_proseWidth\.max {
      max-width: var(--sizes-prose-width-max);
    }

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

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

    .md\:min-h_350px {
      min-height: 350px;
    }

    .md\:pbe_12 {
      padding-block-end: var(--spacing-12);
    }

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

    .md\:pbs_12 {
      padding-block-start: var(--spacing-12);
    }

    .md\:pbe_24 {
      padding-block-end: var(--spacing-24);
    }

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

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

    .md\:d_block {
      display: block;
    }

    .md\:d_none {
      display: none;
    }

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

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

    .md\:min-w_12ch {
      min-width: 12ch;
    }

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

    .md\:ta_center {
      text-align: center;
    }

    .md\:w_2xl {
      width: var(--sizes-2xl);
    }

    .md\:w_sm {
      width: var(--sizes-sm);
    }

    .md\:w_95vw {
      width: 95vw;
    }

    .md\:cursor_pointer {
      cursor: pointer;
    }

    .md\:d_grid {
      display: grid;
    }

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

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

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

    .md\:max-h_56px {
      max-height: 56px;
    }

    .md\:w_50\% {
      width: 50%;
    }

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

    .md\:max-w_90ch {
      max-width: 90ch;
    }

    .md\:h_fullPageHeightWithoutRootAndPageHeader {
      height: var(--sizes-full-page-height-without-root-and-page-header);
    }

    .md\:w_fullPageWidth {
      width: var(--sizes-full-page-width);
    }

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

    .md\:min-h_0 {
      min-height: var(--sizes-0);
    }

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

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

    .md\:pos_unset {
      position: unset;
    }

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

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

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

    .md\:border-style_solid {
      border-style: solid;
    }

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

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

    .md\:bd-be-c_brand\.primary {
      border-block-end-color: var(--colors-brand-primary);
    }

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

    .md\:pt_16 {
      padding-top: var(--spacing-16);
    }

    .md\:pb_24 {
      padding-bottom: var(--spacing-24);
    }

    .md\:jc_start {
      justify-content: start;
    }

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

    .md\:jc_center {
      justify-content: center;
    }

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

    .md\:flex-b_450px {
      flex-basis: 450px;
    }

    .md\:grid-tc_max-content_1fr {
      grid-template-columns: max-content 1fr;
    }

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

    .md\:fs_25px {
      font-size: 25px;
    }

    .md\:grid-tr_min-content_auto {
      grid-template-rows: min-content auto;
    }

    .md\:grid-tr_min-content_1fr_min-content {
      grid-template-rows: min-content 1fr min-content;
    }

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

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

    .before\:md\:bg_center_linear-gradient\(180deg\,_\#1E2865_0\%\,_rgba\(0\,_0\,_0\,_0\)_20\%\,_rgba\(0\,_0\,_0\,_0\)_80\%\,_\#1E2865_100\%\)\,_linear-gradient\(140deg\,_\#374488_13\%\,_rgba\(0\,_0\,_0\,_0\)_50\%\,_\#111947_87\%\)\,_repeat-x_center_url\(\"\/static\/logo-background-tile\.svg\"\)\,_\#1E2865:before {
      background: linear-gradient(#1e2865 0%, #0000 20% 80%, #1e2865 100%) center, linear-gradient(140deg, #374488 13%, #0000 50%, #111947 87%), url("/static/logo-background-tile.svg") center repeat-x, #1e2865;
    }

    .md\:\[\&_\>_\*\:before\]\:d_block > :before {
      display: block;
    }

    .md\:\[\&_\>_\*\:before\]\:h_4 > :before {
      height: var(--sizes-4);
    }

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

    .before\:md\:bg-s_100\%_100\%\,_100\%_100\%\,_100px_1162\.4309392300001px\,_100\%_100\%:before {
      background-size: 100% 100%, 100% 100%, 100px 1162.43px, 100% 100%;
    }

    .md\:\[\&_\>_\*\:before\]\:content_\'\' > :before {
      content: "";
    }

    .md\:\[\&_\>_\*\:before\]\:flex-sh_0 > :before {
      flex-shrink: 0;
    }

    .md\:hover\:\[\&_\.thread-meta\]\:d_none:is(:hover, [data-hover]) .thread-meta, .md\:hover\:\[\&_\.thread-avatar\]\:d_none:is(:hover, [data-hover]) .thread-avatar, .md\:\[\&\:not\(\:hover\)\]\:\[\&_\.thread-actions\]\:d_none:not(:hover) .thread-actions, .md\:\[\&\:not\(\:hover\)\]\:\[\&_\.thread-checkbox\]\:d_none:not(:hover) .thread-checkbox {
      display: none;
    }
  }

  @media screen and (min-width: 64rem) {
    .lg\:d_none {
      display: none;
    }

    .lg\:d_flex {
      display: flex;
    }

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

    .lg\:d_block {
      display: block;
    }

    .lg\:w_60 {
      width: var(--sizes-60);
    }

    .lg\:max-w_110ch {
      max-width: 110ch;
    }

    .lg\:max-w_105ch {
      max-width: 105ch;
    }

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

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

  @media screen and (min-width: 80rem) {
    .xl\:d_block {
      display: block;
    }

    .xl\:d_none {
      display: none;
    }

    .xl\:min-w_10ch {
      min-width: 10ch;
    }

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

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

    .before\:xl\:bg-s_100\%_100\%\,_100\%_100\%\,_200px_2324\.8618784600003px\,_100\%_100\%:before {
      background-size: 100% 100%, 100% 100%, 200px 2324.86px, 100% 100%;
    }
  }

  @media screen and (min-width: 96rem) {
    .\32 xl\:flex-b_600px {
      flex-basis: 600px;
    }

    .before\:2xl\:bg-s_100\%_100\%\,_100\%_100\%\,_300px_3487\.29281769px\,_100\%_100\%:before {
      background-size: 100% 100%, 100% 100%, 300px 3487.29px, 100% 100%;
    }
  }

  @media screen and (max-width: 63.9975rem) {
    .lgDown\:d_flex {
      display: flex;
    }

    .lgDown\:d_none {
      display: none;
    }

    .lgDown\:min-w_8ch {
      min-width: 8ch;
    }

    .lgDown\:max-w_15ch {
      max-width: 15ch;
    }

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

  @media screen and (max-width: 47.9975rem) {
    .mdDown\:px_1\.5 {
      padding-inline: var(--spacing-1\.5);
    }

    .mdDown\:me_-1\.5 {
      margin-inline-end: calc(var(--spacing-1\.5) * -1);
    }

    .mdDown\:max-w_calc\(token\(sizes\.fullPageWidth\)_-_token\(spacing\.padding\.bodyContent\.x\)_\*_2\) {
      max-width: calc(var(--sizes-full-page-width)  - var(--spacing-padding-body-content-x) * 2);
    }

    .mdDown\:min-h_150px {
      min-height: 150px;
    }

    .mdDown\:pbe_5 {
      padding-block-end: var(--spacing-5);
    }

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

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

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

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

    .mdDown\:c_text\.body {
      color: var(--colors-text-body);
    }

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

    .mdDown\:w_100\% {
      width: 100%;
    }

    .mdDown\:w_100vw {
      width: 100vw;
    }

    .mdDown\:d_flex {
      display: flex;
    }

    .mdDown\:d_none {
      display: none;
    }

    .mdDown\:pos_absolute {
      position: absolute;
    }

    .mdDown\:z_sideMenuOverlay {
      z-index: var(--z-index-side-menu-overlay);
    }

    .mdDown\:bd-r_none {
      border-right: var(--borders-none);
    }

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

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

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

    .mdDown\:pbe_24 {
      padding-block-end: var(--spacing-24);
    }

    .mdDown\:w_fullPageWidth {
      width: var(--sizes-full-page-width);
    }

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

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

    .mdDown\:jc_center {
      justify-content: center;
    }

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

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

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

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

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

    .mdDown\:flex-b_full {
      flex-basis: 100%;
    }

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

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

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

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

    .mdDown\:\[\&_\.thread-actions\]\:d_none .thread-actions, .mdDown\:\[\&_\.thread-checkbox\]\:d_none .thread-checkbox {
      display: none;
    }
  }

  @media screen and (max-width: 39.9975rem) {
    .smDown\:min-w_80px {
      min-width: 80px;
    }

    .smDown\:d_none {
      display: none;
    }

    .smDown\:max-w_20ch {
      max-width: 20ch;
    }

    .smDown\:p_padding\.table\.cell\.x\.smDown {
      padding: var(--spacing-padding-table-cell-x-sm-down);
    }

    .smDown\:p_padding\.table\.cell\.x\.xs {
      padding: var(--spacing-padding-table-cell-x-xs);
    }

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

    .smDown\:d_block {
      display: block;
    }

    .smDown\:px_padding\.table\.cell\.x\.smDown {
      padding-inline: var(--spacing-padding-table-cell-x-sm-down);
    }

    .smDown\:w_12ch {
      width: 12ch;
    }

    .smDown\:ps_1\! {
      padding-inline-start: var(--spacing-1) !important;
    }

    .smDown\:ta_center {
      text-align: center;
    }

    .smDown\:min-w_8ch {
      min-width: 8ch;
    }

    .smDown\:max-w_12ch {
      max-width: 12ch;
    }

    .smDown\:pos_sticky {
      position: sticky;
    }

    .smDown\:pos_fixed {
      position: fixed;
    }

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

    .smDown\:z_dialogOverlay {
      z-index: var(--z-index-dialog-overlay);
    }

    .smDown\:d_flex {
      display: flex;
    }

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

    .smDown\:bkdp_auto {
      -webkit-backdrop-filter: var(--backdrop-blur, ) var(--backdrop-brightness, ) var(--backdrop-contrast, ) var(--backdrop-grayscale, ) var(--backdrop-hue-rotate, ) var(--backdrop-invert, ) var(--backdrop-opacity, ) var(--backdrop-saturate, ) var(--backdrop-sepia, );
    }

    .smDown\:bkdp-blur_sm {
      --backdrop-blur: blur(var(--blurs-sm));
    }

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

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

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

    .smDown\:tw_nowrap {
      text-wrap: nowrap;
    }

    .smDown\:ps_padding\.table\.cell\.x\.xs {
      padding-inline-start: var(--spacing-padding-table-cell-x-xs);
    }

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

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

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

    .smDown\:fs_16px {
      font-size: 16px;
    }

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

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

    .smDown\:jc_center {
      justify-content: center;
    }

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

    .smDown\:fs_xx-small {
      font-size: xx-small;
    }

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

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

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

    .smDown\:pl_padding\.table\.cell\.x\.xs {
      padding-left: var(--spacing-padding-table-cell-x-xs);
    }

    .smDown\:pl_4 {
      padding-left: var(--spacing-4);
    }

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

  @media print {
    .print\:bg_none {
      background: none;
    }

    .print\:max-w_initial {
      max-width: initial;
    }

    .print\:p_padding\.table\.cell\.x\.xs {
      padding: var(--spacing-padding-table-cell-x-xs);
    }
  }
}

/*# sourceMappingURL=apps_web_src_app_global_3e6e1339.css.map*/