@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
:root,
:host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-red-50: #ffe8e8;
  --color-red-100: #ffd1d1;
  --color-red-200: #ffb2b2;
  --color-red-300: #ff9494;
  --color-red-400: #ff7474;
  --color-red-500: #ff5656;
  --color-red-600: #fa4949;
  --color-red-700: #e63939;
  --color-red-800: #c52727;
  --color-red-900: #941818;
  --color-red-950: #600f0f;
  --color-orange-50: oklch(0.98 0.016 73.684);
  --color-orange-100: oklch(0.954 0.038 75.164);
  --color-orange-200: oklch(0.901 0.076 70.697);
  --color-orange-300: oklch(0.837 0.128 66.29);
  --color-orange-400: oklch(0.75 0.183 55.934);
  --color-orange-500: oklch(0.705 0.213 47.604);
  --color-orange-600: oklch(0.646 0.222 41.116);
  --color-orange-700: oklch(0.553 0.195 38.402);
  --color-orange-800: oklch(0.47 0.157 37.304);
  --color-orange-900: oklch(0.408 0.123 38.172);
  --color-orange-950: oklch(0.266 0.079 36.259);
  --color-amber-50: oklch(0.987 0.022 95.277);
  --color-amber-100: oklch(0.962 0.059 95.617);
  --color-amber-200: oklch(0.924 0.12 95.746);
  --color-amber-300: oklch(0.879 0.169 91.605);
  --color-amber-400: oklch(0.828 0.189 84.429);
  --color-amber-500: oklch(0.769 0.188 70.08);
  --color-amber-600: oklch(0.666 0.179 58.318);
  --color-amber-700: oklch(0.555 0.163 48.998);
  --color-amber-800: oklch(0.473 0.137 46.201);
  --color-amber-900: oklch(0.414 0.112 45.904);
  --color-amber-950: oklch(0.279 0.077 45.635);
  --color-yellow-50: #fff2c9;
  --color-yellow-100: #ffe7a0;
  --color-yellow-200: #ffe081;
  --color-yellow-300: #ffd968;
  --color-yellow-400: #f7cd4c;
  --color-yellow-500: #f0bb33;
  --color-yellow-600: #dfad2b;
  --color-yellow-700: #bc9021;
  --color-yellow-800: #816316;
  --color-yellow-900: #4f3d0e;
  --color-yellow-950: #342809;
  --color-lime-50: oklch(0.986 0.031 120.757);
  --color-lime-100: oklch(0.967 0.067 122.328);
  --color-lime-200: oklch(0.938 0.127 124.321);
  --color-lime-300: oklch(0.897 0.196 126.665);
  --color-lime-400: oklch(0.841 0.238 128.85);
  --color-lime-500: oklch(0.768 0.233 130.85);
  --color-lime-600: oklch(0.648 0.2 131.684);
  --color-lime-700: oklch(0.532 0.157 131.589);
  --color-lime-800: oklch(0.453 0.124 130.933);
  --color-lime-900: oklch(0.405 0.101 131.063);
  --color-lime-950: oklch(0.274 0.072 132.109);
  --color-green-50: #d2ffe2;
  --color-green-100: #b1fdcd;
  --color-green-200: #8bf0b0;
  --color-green-300: #67e294;
  --color-green-400: #4bd37d;
  --color-green-500: #3ec972;
  --color-green-600: #34bd68;
  --color-green-700: #239f52;
  --color-green-800: #15773a;
  --color-green-900: #0f5429;
  --color-green-950: #0a3f1e;
  --color-emerald-50: oklch(0.979 0.021 166.113);
  --color-emerald-100: oklch(0.95 0.052 163.051);
  --color-emerald-200: oklch(0.905 0.093 164.15);
  --color-emerald-300: oklch(0.845 0.143 164.978);
  --color-emerald-400: oklch(0.765 0.177 163.223);
  --color-emerald-500: oklch(0.696 0.17 162.48);
  --color-emerald-600: oklch(0.596 0.145 163.225);
  --color-emerald-700: oklch(0.508 0.118 165.612);
  --color-emerald-800: oklch(0.432 0.095 166.913);
  --color-emerald-900: oklch(0.378 0.077 168.94);
  --color-emerald-950: oklch(0.262 0.051 172.552);
  --color-teal-50: oklch(0.984 0.014 180.72);
  --color-teal-100: oklch(0.953 0.051 180.801);
  --color-teal-200: oklch(0.91 0.096 180.426);
  --color-teal-300: oklch(0.855 0.138 181.071);
  --color-teal-400: oklch(0.777 0.152 181.912);
  --color-teal-500: oklch(0.704 0.14 182.503);
  --color-teal-600: oklch(0.6 0.118 184.704);
  --color-teal-700: oklch(0.511 0.096 186.391);
  --color-teal-800: oklch(0.437 0.078 188.216);
  --color-teal-900: oklch(0.386 0.063 188.416);
  --color-teal-950: oklch(0.277 0.046 192.524);
  --color-cyan-50: oklch(0.984 0.019 200.873);
  --color-cyan-100: oklch(0.956 0.045 203.388);
  --color-cyan-200: oklch(0.917 0.08 205.041);
  --color-cyan-300: oklch(0.865 0.127 207.078);
  --color-cyan-400: oklch(0.789 0.154 211.53);
  --color-cyan-500: oklch(0.715 0.143 215.221);
  --color-cyan-600: oklch(0.609 0.126 221.723);
  --color-cyan-700: oklch(0.52 0.105 223.128);
  --color-cyan-800: oklch(0.45 0.085 224.283);
  --color-cyan-900: oklch(0.398 0.07 227.392);
  --color-cyan-950: oklch(0.302 0.056 229.695);
  --color-sky-50: #e3f3ff;
  --color-sky-100: #d1ecff;
  --color-sky-200: #b6e1ff;
  --color-sky-300: #a0d7ff;
  --color-sky-400: #7bc8ff;
  --color-sky-500: #67bfff;
  --color-sky-600: #56b1f3;
  --color-sky-700: #3193da;
  --color-sky-800: #1c71ae;
  --color-sky-900: #124d79;
  --color-sky-950: #0b324f;
  --color-blue-50: oklch(0.97 0.014 254.604);
  --color-blue-100: oklch(0.932 0.032 255.585);
  --color-blue-200: oklch(0.882 0.059 254.128);
  --color-blue-300: oklch(0.809 0.105 251.813);
  --color-blue-400: oklch(0.707 0.165 254.624);
  --color-blue-500: oklch(0.623 0.214 259.815);
  --color-blue-600: oklch(0.546 0.245 262.881);
  --color-blue-700: oklch(0.488 0.243 264.376);
  --color-blue-800: oklch(0.424 0.199 265.638);
  --color-blue-900: oklch(0.379 0.146 265.522);
  --color-blue-950: oklch(0.282 0.091 267.935);
  --color-indigo-50: oklch(0.962 0.018 272.314);
  --color-indigo-100: oklch(0.93 0.034 272.788);
  --color-indigo-200: oklch(0.87 0.065 274.039);
  --color-indigo-300: oklch(0.785 0.115 274.713);
  --color-indigo-400: oklch(0.673 0.182 276.935);
  --color-indigo-500: oklch(0.585 0.233 277.117);
  --color-indigo-600: oklch(0.511 0.262 276.966);
  --color-indigo-700: oklch(0.457 0.24 277.023);
  --color-indigo-800: oklch(0.398 0.195 277.366);
  --color-indigo-900: oklch(0.359 0.144 278.697);
  --color-indigo-950: oklch(0.257 0.09 281.288);
  --color-violet-50: #f1eeff;
  --color-violet-100: #e6e1ff;
  --color-violet-200: #d2cbff;
  --color-violet-300: #b7acff;
  --color-violet-400: #9c8cff;
  --color-violet-500: #8470ff;
  --color-violet-600: #755ff8;
  --color-violet-700: #5d47de;
  --color-violet-800: #4634b1;
  --color-violet-900: #2f227c;
  --color-violet-950: #1c1357;
  --color-purple-50: oklch(0.977 0.014 308.299);
  --color-purple-100: oklch(0.946 0.033 307.174);
  --color-purple-200: oklch(0.902 0.063 306.703);
  --color-purple-300: oklch(0.827 0.119 306.383);
  --color-purple-400: oklch(0.714 0.203 305.504);
  --color-purple-500: oklch(0.627 0.265 303.9);
  --color-purple-600: oklch(0.558 0.288 302.321);
  --color-purple-700: oklch(0.496 0.265 301.924);
  --color-purple-800: oklch(0.438 0.218 303.724);
  --color-purple-900: oklch(0.381 0.176 304.987);
  --color-purple-950: oklch(0.291 0.149 302.717);
  --color-fuchsia-50: oklch(0.977 0.017 320.058);
  --color-fuchsia-100: oklch(0.952 0.037 318.852);
  --color-fuchsia-200: oklch(0.903 0.076 319.62);
  --color-fuchsia-300: oklch(0.833 0.145 321.434);
  --color-fuchsia-400: oklch(0.74 0.238 322.16);
  --color-fuchsia-500: oklch(0.667 0.295 322.15);
  --color-fuchsia-600: oklch(0.591 0.293 322.896);
  --color-fuchsia-700: oklch(0.518 0.253 323.949);
  --color-fuchsia-800: oklch(0.452 0.211 324.591);
  --color-fuchsia-900: oklch(0.401 0.17 325.612);
  --color-fuchsia-950: oklch(0.293 0.136 325.661);
  --color-pink-50: oklch(0.971 0.014 343.198);
  --color-pink-100: oklch(0.948 0.028 342.258);
  --color-pink-200: oklch(0.899 0.061 343.231);
  --color-pink-300: oklch(0.823 0.12 346.018);
  --color-pink-400: oklch(0.718 0.202 349.761);
  --color-pink-500: oklch(0.656 0.241 354.308);
  --color-pink-600: oklch(0.592 0.249 0.584);
  --color-pink-700: oklch(0.525 0.223 3.958);
  --color-pink-800: oklch(0.459 0.187 3.815);
  --color-pink-900: oklch(0.408 0.153 2.432);
  --color-pink-950: oklch(0.284 0.109 3.907);
  --color-rose-50: oklch(0.969 0.015 12.422);
  --color-rose-100: oklch(0.941 0.03 12.58);
  --color-rose-200: oklch(0.892 0.058 10.001);
  --color-rose-300: oklch(0.81 0.117 11.638);
  --color-rose-400: oklch(0.712 0.194 13.428);
  --color-rose-500: oklch(0.645 0.246 16.439);
  --color-rose-600: oklch(0.586 0.253 17.585);
  --color-rose-700: oklch(0.514 0.222 16.935);
  --color-rose-800: oklch(0.455 0.188 13.697);
  --color-rose-900: oklch(0.41 0.159 10.272);
  --color-rose-950: oklch(0.271 0.105 12.094);
  --color-slate-50: oklch(0.984 0.003 247.858);
  --color-slate-100: oklch(0.968 0.007 247.896);
  --color-slate-200: oklch(0.929 0.013 255.508);
  --color-slate-300: oklch(0.869 0.022 252.894);
  --color-slate-400: oklch(0.704 0.04 256.788);
  --color-slate-500: oklch(0.554 0.046 257.417);
  --color-slate-600: oklch(0.446 0.043 257.281);
  --color-slate-700: oklch(0.372 0.044 257.287);
  --color-slate-800: oklch(0.279 0.041 260.031);
  --color-slate-900: oklch(0.208 0.042 265.755);
  --color-slate-950: oklch(0.129 0.042 264.695);
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #bfc4cd;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-zinc-50: oklch(0.985 0 0);
  --color-zinc-100: oklch(0.967 0.001 286.375);
  --color-zinc-200: oklch(0.92 0.004 286.32);
  --color-zinc-300: oklch(0.871 0.006 286.286);
  --color-zinc-400: oklch(0.705 0.015 286.067);
  --color-zinc-500: oklch(0.552 0.016 285.938);
  --color-zinc-600: oklch(0.442 0.017 285.786);
  --color-zinc-700: oklch(0.37 0.013 285.805);
  --color-zinc-800: oklch(0.274 0.006 286.033);
  --color-zinc-900: oklch(0.21 0.006 285.885);
  --color-zinc-950: oklch(0.141 0.005 285.823);
  --color-neutral-50: oklch(0.985 0 0);
  --color-neutral-100: oklch(0.97 0 0);
  --color-neutral-200: oklch(0.922 0 0);
  --color-neutral-300: oklch(0.87 0 0);
  --color-neutral-400: oklch(0.708 0 0);
  --color-neutral-500: oklch(0.556 0 0);
  --color-neutral-600: oklch(0.439 0 0);
  --color-neutral-700: oklch(0.371 0 0);
  --color-neutral-800: oklch(0.269 0 0);
  --color-neutral-900: oklch(0.205 0 0);
  --color-neutral-950: oklch(0.145 0 0);
  --color-stone-50: oklch(0.985 0.001 106.423);
  --color-stone-100: oklch(0.97 0.001 106.424);
  --color-stone-200: oklch(0.923 0.003 48.717);
  --color-stone-300: oklch(0.869 0.005 56.366);
  --color-stone-400: oklch(0.709 0.01 56.259);
  --color-stone-500: oklch(0.553 0.013 58.071);
  --color-stone-600: oklch(0.444 0.011 73.639);
  --color-stone-700: oklch(0.374 0.01 67.558);
  --color-stone-800: oklch(0.268 0.007 34.298);
  --color-stone-900: oklch(0.216 0.006 56.043);
  --color-stone-950: oklch(0.147 0.004 49.25);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
  --container-3xs: 16rem;
  --container-2xs: 18rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: 1.5;
  --text-sm: 0.875rem;
  --text-sm--line-height: 1.5715;
  --text-base: 1rem;
  --text-base--line-height: 1.5;
  --text-lg: 1.125rem;
  --text-lg--line-height: 1.5;
  --text-xl: 1.25rem;
  --text-xl--line-height: 1.5;
  --text-2xl: 1.5rem;
  --text-2xl--line-height: 1.33;
  --text-3xl: 1.88rem;
  --text-3xl--line-height: 1.33;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: 1.25;
  --text-5xl: 3rem;
  --text-5xl--line-height: 1.25;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1.2;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --shadow-2xs: 0 1px rgba(0, 0, 0, 0.05);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.02);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --inset-shadow-2xs: inset 0 1px rgba(0, 0, 0, 0.05);
  --inset-shadow-xs: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  --inset-shadow-sm: inset 0 2px 4px rgba(0, 0, 0, 0.05);
  --drop-shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.05);
  --drop-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.15);
  --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, 0.12);
  --drop-shadow-lg: 0 4px 4px rgba(0, 0, 0, 0.15);
  --drop-shadow-xl: 0 9px 7px rgba(0, 0, 0, 0.1);
  --drop-shadow-2xl: 0 25px 25px rgba(0, 0, 0, 0.15);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animate-bounce: bounce 1s infinite;
  --blur-xs: 4px;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-lg: 16px;
  --blur-xl: 24px;
  --blur-2xl: 40px;
  --blur-3xl: 64px;
  --perspective-dramatic: 100px;
  --perspective-near: 300px;
  --perspective-normal: 500px;
  --perspective-midrange: 800px;
  --perspective-distant: 1200px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-font-feature-settings: var(--font-sans--font-feature-settings);
  --default-font-variation-settings: var(--font-sans--font-variation-settings);
  --default-mono-font-family: var(--font-mono);
  --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
  --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  --font-inter: "Inter", "sans-serif";
  --text-base--letter-spacing: -0.01em;
  --text-lg--letter-spacing: -0.01em;
  --text-xl--letter-spacing: -0.01em;
  --text-2xl--letter-spacing: -0.01em;
  --text-3xl--letter-spacing: -0.01em;
  --text-4xl--letter-spacing: -0.02em;
  --text-5xl--letter-spacing: -0.02em;
  --text-6xl--letter-spacing: -0.02em;
  --breakpoint-xs: 480px;
}
*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol,
ul,
menu {
  list-style: none;
}
button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
  color: color-mix(in oklab, currentColor 50%, transparent);
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button,
input:where([type="button"], [type="reset"], [type="submit"]),
::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type='text'],
input:where(:not([type])),
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
  /*&:focus {
    //outline: 2px solid transparent;
    //outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,!*!*! !*!*!);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(0.546 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(0.546 0.245 262.881);
  }*/
}
input::placeholder,
textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-date-and-time-value {
  min-height: 1.5em;
}
::-webkit-date-and-time-value {
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  print-color-adjust: exact;
}
[multiple],
[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  print-color-adjust: unset;
}
[type='checkbox'],
[type='radio'],
[type='button'][role='radio'] {
  appearance: none;
  padding: 0;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: oklch(0.546 0.245 262.881);
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}
[type='checkbox'] {
  border-radius: 0px;
}
[type='radio'],
[type='button'][role='radio'] {
  border-radius: 100%;
}
[type='checkbox']:focus,
[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: oklch(0.546 0.245 262.881);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,
[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  [type='checkbox']:checked {
    appearance: auto;
  }
}
[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  [type='radio']:checked {
    appearance: auto;
  }
}
[type='checkbox']:checked:hover,
[type='checkbox']:checked:focus,
[type='radio']:checked:hover,
[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}
[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  [type='checkbox']:indeterminate {
    appearance: auto;
  }
}
[type='checkbox']:indeterminate:hover,
[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}
[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
@font-face {
  font-family: 'Inter';
  font-weight: normal;
  src: url('/css/mosaic/font/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  src: url('/css/mosaic/font/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  src: url('/css/mosaic/font/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  src: url('/css/mosaic/font/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
  font-family: "Inter";
  src: url("/css/mosaic/font/Inter-4.001;git-66647c0bb.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/css/mosaic/font/Inter-4.001;git-66647c0bb.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/css/mosaic/font/Inter-4.001;git-66647c0bb.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Azeret Mono";
  src: url("/css/mosaic/font/AzeretMono-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
}
.x-body {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-grid-cell {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-form-field {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-grid-empty {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-toolbar-text {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-form-cb-label {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-column-header {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-form-item-label {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-panel-body-default {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-form-display-field {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-fieldset-header-text {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-grid-row-summary .x-grid-cell {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-panel-header-text-container-default {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-grouptabpanel .x-grouptab .x-grid-cell-inner {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-window-header-text-container-default {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-boundlist-item {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-menu-item-text {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-datepicker-date {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-monthpicker-item {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-tab-default .x-tab-inner {
  font-family: 'Inter', 'Roboto', sans-serif;
}
.x-mask-msg-inner {
  font-family: 'Inter', 'Roboto', sans-serif;
}
/* Monospace */
.x-grid-cell.font-family-monospace .x-grid-cell-inner {
  font-family: "Azeret Mono", monospace;
  font-weight: normal;
}
.x-field.font-family-monospace .x-form-display-field {
  font-family: "Azeret Mono", monospace;
  font-weight: normal;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-16 {
  top: calc(var(--spacing) * 16);
}
.top-20 {
  top: calc(var(--spacing) * 20);
}
.top-full {
  top: 100%;
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-auto {
  right: auto;
}
.right-full {
  right: 100%;
}
.-bottom-1 {
  bottom: calc(var(--spacing) * -1);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-0\.5 {
  left: calc(var(--spacing) * 0.5);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-full {
  grid-column: 1 / -1;
}
.container {
  width: 100%;
}
@media (width >= 480px) {
  .container {
    max-width: 480px;
  }
}
@media (width >= 40rem) {
  .container {
    max-width: 40rem;
  }
}
@media (width >= 48rem) {
  .container {
    max-width: 48rem;
  }
}
@media (width >= 64rem) {
  .container {
    max-width: 64rem;
  }
}
@media (width >= 80rem) {
  .container {
    max-width: 80rem;
  }
}
@media (width >= 96rem) {
  .container {
    max-width: 96rem;
  }
}
.-m-1 {
  margin: calc(var(--spacing) * -1);
}
.-m-1\.5 {
  margin: calc(var(--spacing) * -1.5);
}
.-m-3 {
  margin: calc(var(--spacing) * -3);
}
.-m-4 {
  margin: calc(var(--spacing) * -4);
}
.m-1 {
  margin: calc(var(--spacing) * 1);
}
.m-1\.5 {
  margin: calc(var(--spacing) * 1.5);
}
.m-3 {
  margin: calc(var(--spacing) * 3);
}
.m-4 {
  margin: calc(var(--spacing) * 4);
}
.m-auto {
  margin: auto;
}
.-mx-2 {
  margin-inline: calc(var(--spacing) * -2);
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-auto {
  margin-inline: auto;
}
.-my-2 {
  margin-block: calc(var(--spacing) * -2);
}
.my-1 {
  margin-block: calc(var(--spacing) * 1);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-4\! {
  margin-block: calc(var(--spacing) * 4) !important;
}
.my-5 {
  margin-block: calc(var(--spacing) * 5);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.-mt-0\.5 {
  margin-top: calc(var(--spacing) * -0.5);
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-3 {
  margin-top: calc(var(--spacing) * -3);
}
.-mt-6 {
  margin-top: calc(var(--spacing) * -6);
}
.-mt-8 {
  margin-top: calc(var(--spacing) * -8);
}
.-mt-12 {
  margin-top: calc(var(--spacing) * -12);
}
.-mt-16 {
  margin-top: calc(var(--spacing) * -16);
}
.-mt-px {
  margin-top: -1px;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9);
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-auto {
  margin-top: auto;
}
.-mr-2 {
  margin-right: calc(var(--spacing) * -2);
}
.-mr-48 {
  margin-right: calc(var(--spacing) * -48);
}
.-mr-px {
  margin-right: -1px;
}
.mr-0\.5 {
  margin-right: calc(var(--spacing) * 0.5);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
  margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.mr-5 {
  margin-right: calc(var(--spacing) * 5);
}
.mr-6 {
  margin-right: calc(var(--spacing) * 6);
}
.-mb-3 {
  margin-bottom: calc(var(--spacing) * -3);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-80 {
  margin-bottom: calc(var(--spacing) * 80);
}
.-ml-0\.5 {
  margin-left: calc(var(--spacing) * -0.5);
}
.-ml-1 {
  margin-left: calc(var(--spacing) * -1);
}
.-ml-px {
  margin-left: -1px;
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-auto {
  margin-left: auto;
}
.ml-px {
  margin-left: 1px;
}
.box-content {
  box-sizing: content-box;
}
.block {
  display: block;
}
.block\! {
  display: block !important;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-7\/4 {
  aspect-ratio: 7/4;
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-56 {
  height: calc(var(--spacing) * 56);
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[calc\(100dvh-64px\)\] {
  height: calc(100dvh - 64px);
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-full {
  max-height: 100%;
}
.min-h-\[100dvh\] {
  min-height: 100dvh;
}
.w-0\.5 {
  width: calc(var(--spacing) * 0.5);
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-\[15\.5rem\] {
  width: 15.5rem;
}
.w-\[96px\] {
  width: 96px;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-5xl {
  max-width: var(--container-5xl);
}
.max-w-\[96rem\] {
  max-width: 96rem;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-36 {
  min-width: calc(var(--spacing) * 36);
}
.min-w-44 {
  min-width: calc(var(--spacing) * 44);
}
.min-w-56 {
  min-width: calc(var(--spacing) * 56);
}
.min-w-60 {
  min-width: calc(var(--spacing) * 60);
}
.min-w-72 {
  min-width: calc(var(--spacing) * 72);
}
.min-w-80 {
  min-width: calc(var(--spacing) * 80);
}
.min-w-fit {
  min-width: fit-content;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.origin-top-right {
  transform-origin: top right;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-64 {
  --tw-translate-x: calc(var(--spacing) * -64);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-2 {
  --tw-translate-y: calc(var(--spacing) * -2);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
  --tw-translate-x: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/3 {
  --tw-translate-x: calc(1/3 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-2 {
  --tw-translate-y: calc(var(--spacing) * 2);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-3 {
  --tw-translate-y: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-4 {
  --tw-translate-y: calc(var(--spacing) * 4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-0 {
  rotate: 0deg;
}
.rotate-180 {
  rotate: 180deg;
}
.transform {
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}
.animate-ping {
  animation: var(--animate-ping);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-move {
  cursor: move;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.appearance-none {
  appearance: none;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-px {
  gap: 1px;
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
:where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.-space-x-3 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-4 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-7 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * -7) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * -7) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-px > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
  margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.gap-y-8 {
  row-gap: calc(var(--spacing) * 8);
}
:where(.space-x-1 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-3 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-4 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-5 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-6 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.divide-x > :not(:last-child)) {
  --tw-divide-x-reverse: 0;
  border-inline-style: var(--tw-border-style);
  border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
  border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-gray-100 > :not(:last-child)) {
  border-color: var(--color-gray-100);
}
:where(.divide-gray-200 > :not(:last-child)) {
  border-color: var(--color-gray-200);
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-xs {
  border-radius: var(--radius-xs);
}
.rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.rounded-tl-none {
  border-top-left-radius: 0;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-2xl {
  border-top-right-radius: var(--radius-2xl);
  border-bottom-right-radius: var(--radius-2xl);
}
.rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-b-xl {
  border-bottom-right-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-gray-700\/60 {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.border-green-300 {
  border-color: var(--color-green-300);
}
.border-red-300 {
  border-color: var(--color-red-300);
}
.border-transparent {
  border-color: transparent;
}
.border-violet-400 {
  border-color: var(--color-violet-400);
}
.border-violet-500 {
  border-color: var(--color-violet-500);
}
.border-violet-500\/60 {
  border-color: color-mix(in oklab, var(--color-violet-500) 60%, transparent);
}
.border-white {
  border-color: var(--color-white);
}
.bg-\[\#24292E\] {
  background-color: #24292E;
}
.bg-\[\#EA4335\] {
  background-color: #EA4335;
}
.bg-black\/25 {
  background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
}
.bg-blue-500\/20 {
  background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-400 {
  background-color: var(--color-gray-400);
}
.bg-gray-400\/20 {
  background-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-gray-700 {
  background-color: var(--color-gray-700);
}
.bg-gray-700\/50 {
  background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-gray-900\/30 {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.bg-gray-900\/60 {
  background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
}
.bg-green-50 {
  background-color: var(--color-green-50);
}
.bg-green-100 {
  background-color: var(--color-green-100);
}
.bg-green-400 {
  background-color: var(--color-green-400);
}
.bg-green-500 {
  background-color: var(--color-green-500);
}
.bg-green-500\/20 {
  background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-red-400 {
  background-color: var(--color-red-400);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-red-500\/20 {
  background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
.bg-sky-100 {
  background-color: var(--color-sky-100);
}
.bg-sky-500 {
  background-color: var(--color-sky-500);
}
.bg-sky-500\/20 {
  background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
}
.bg-violet-100 {
  background-color: var(--color-violet-100);
}
.bg-violet-400 {
  background-color: var(--color-violet-400);
}
.bg-violet-500 {
  background-color: var(--color-violet-500);
}
.bg-violet-500\/20 {
  background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/30 {
  background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}
.bg-yellow-500 {
  background-color: var(--color-yellow-500);
}
.bg-yellow-500\/20 {
  background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
.bg-linear-\[225deg\,var\(--color-gray-800\)\,var\(--color-gray-900\)\] {
  --tw-gradient-position: 225deg, var(--color-gray-800), var(--color-gray-900),;
  background-image: linear-gradient(var(--tw-gradient-stops, 225deg, var(--color-gray-800), var(--color-gray-900)));
}
.bg-linear-to-b {
  --tw-gradient-position: to bottom in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-linear-to-r {
  --tw-gradient-position: to right in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-linear-to-t {
  --tw-gradient-position: to top in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-linear-to-tr {
  --tw-gradient-position: to top right in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-gray-100 {
  --tw-gradient-from: var(--color-gray-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-200 {
  --tw-gradient-from: var(--color-gray-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-800 {
  --tw-gradient-from: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-900 {
  --tw-gradient-from: var(--color-gray-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-violet-500\/\[0\.12\] {
  --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 12%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white\/30 {
  --tw-gradient-from: color-mix(in oklab, var(--color-white) 30%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-100 {
  --tw-gradient-to: var(--color-gray-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-200 {
  --tw-gradient-to: var(--color-gray-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-800 {
  --tw-gradient-to: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-violet-500\/\[0\.04\] {
  --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 4%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-white {
  --tw-gradient-to: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.fill-current {
  fill: currentColor;
}
.fill-gray-100 {
  fill: var(--color-gray-100);
}
.fill-gray-400 {
  fill: var(--color-gray-400);
}
.fill-red-500 {
  fill: var(--color-red-500);
}
.fill-violet-400 {
  fill: var(--color-violet-400);
}
.fill-violet-500 {
  fill: var(--color-violet-500);
}
.fill-white {
  fill: var(--color-white);
}
.fill-yellow-500 {
  fill: var(--color-yellow-500);
}
.stroke-current {
  stroke: currentColor;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.px-0\.5 {
  padding-inline: calc(var(--spacing) * 0.5);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12);
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
  padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-7 {
  padding-left: calc(var(--spacing) * 7);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9);
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10);
}
.pl-12 {
  padding-left: calc(var(--spacing) * 12);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.font-inter {
  font-family: var(--font-inter);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\] {
  font-size: 10px;
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-gray-50 {
  color: var(--color-gray-50);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-500\/80 {
  color: color-mix(in oklab, var(--color-gray-500) 80%, transparent);
}
.text-gray-500\/90 {
  color: color-mix(in oklab, var(--color-gray-500) 90%, transparent);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-50 {
  color: var(--color-green-50);
}
.text-green-500 {
  color: var(--color-green-500);
}
.text-green-500\/20 {
  color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
.text-green-600 {
  color: var(--color-green-600);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-sky-500 {
  color: var(--color-sky-500);
}
.text-sky-600 {
  color: var(--color-sky-600);
}
.text-sky-700 {
  color: var(--color-sky-700);
}
.text-violet-50 {
  color: var(--color-violet-50);
}
.text-violet-200 {
  color: var(--color-violet-200);
}
.text-violet-300 {
  color: var(--color-violet-300);
}
.text-violet-400 {
  color: var(--color-violet-400);
}
.text-violet-500 {
  color: var(--color-violet-500);
}
.text-violet-600 {
  color: var(--color-violet-600);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-50 {
  color: var(--color-yellow-50);
}
.text-yellow-500 {
  color: var(--color-yellow-500);
}
.text-yellow-600 {
  color: var(--color-yellow-600);
}
.text-yellow-700 {
  color: var(--color-yellow-700);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.line-through {
  text-decoration-line: line-through;
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::placeholder {
  color: var(--color-gray-400);
}
.placeholder-gray-500::placeholder {
  color: var(--color-gray-500);
}
.opacity-0 {
  opacity: 0%;
}
.opacity-10 {
  opacity: 10%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 1px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.02));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-black\/\[0\.08\] {
  --tw-shadow-color: color-mix(in oklab, var(--color-black) 8%, transparent);
}
.shadow-violet-500\/20 {
  --tw-shadow-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(var(--blur-sm));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
:is(.\*\*\:transition-none\! *) {
  transition-property: none !important;
}
@media (hover: hover) {
  .group-hover\:fill-gray-600:is(:where(.group):hover *) {
    fill: var(--color-gray-600);
  }
}
@media (hover: hover) {
  .group-hover\:text-gray-500:is(:where(.group):hover *) {
    color: var(--color-gray-500);
  }
}
@media (hover: hover) {
  .group-hover\:text-gray-800:is(:where(.group):hover *) {
    color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .group-hover\:text-violet-600:is(:where(.group):hover *) {
    color: var(--color-violet-600);
  }
}
@media (hover: hover) {
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 100%;
  }
}
.peer-checked\:border-violet-400:is(:where(.peer):checked ~ *) {
  border-color: var(--color-violet-400);
}
.peer-checked\:line-through:is(:where(.peer):checked ~ *) {
  text-decoration-line: line-through;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0::before {
  content: var(--tw-content);
  inset: calc(var(--spacing) * 0);
}
.before\:-z-10::before {
  content: var(--tw-content);
  z-index: calc(10 * -1);
}
.before\:bg-gray-50\/90::before {
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-gray-50) 90%, transparent);
}
.before\:bg-white::before {
  content: var(--tw-content);
  background-color: var(--color-white);
}
.before\:bg-white\/90::before {
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
.before\:backdrop-blur-md::before {
  content: var(--tw-content);
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-x-0::after {
  content: var(--tw-content);
  inset-inline: calc(var(--spacing) * 0);
}
.after\:top-full::after {
  content: var(--tw-content);
  top: 100%;
}
.after\:-z-10::after {
  content: var(--tw-content);
  z-index: calc(10 * -1);
}
.after\:block::after {
  content: var(--tw-content);
  display: block;
}
.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}
.after\:flex-1::after {
  content: var(--tw-content);
  flex: 1;
}
.after\:bg-gray-200::after {
  content: var(--tw-content);
  background-color: var(--color-gray-200);
}
.after\:px-2::after {
  content: var(--tw-content);
  padding-inline: calc(var(--spacing) * 2);
}
.after\:text-sm::after {
  content: var(--tw-content);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.after\:text-gray-400::after {
  content: var(--tw-content);
  color: var(--color-gray-400);
}
.after\:content-\[\'\/\'\]::after {
  --tw-content: '/';
  content: var(--tw-content);
}
.after\:content-\[\'·\'\]::after {
  --tw-content: '·';
  content: var(--tw-content);
}
.first\:ml-0:first-child {
  margin-left: calc(var(--spacing) * 0);
}
.first\:rounded-l-lg:first-child {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.first\:pl-4:first-child {
  padding-left: calc(var(--spacing) * 4);
}
.first\:pl-5:first-child {
  padding-left: calc(var(--spacing) * 5);
}
.last\:mr-0:last-child {
  margin-right: calc(var(--spacing) * 0);
}
.last\:mb-0:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.last\:rounded-r-lg:last-child {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.last\:border-0:last-child {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.last\:pr-4:last-child {
  padding-right: calc(var(--spacing) * 4);
}
.last\:pr-5:last-child {
  padding-right: calc(var(--spacing) * 5);
}
.last\:after\:hidden:last-child::after {
  content: var(--tw-content);
  display: none;
}
.last\:after\:content-\[\'\'\]:last-child::after {
  --tw-content: '';
  content: var(--tw-content);
}
.last-of-type\:pb-0:last-of-type {
  padding-bottom: calc(var(--spacing) * 0);
}
@media (hover: hover) {
  .hover\:border-gray-300:hover {
    border-color: var(--color-gray-300);
  }
}
@media (hover: hover) {
  .hover\:bg-gray-50:hover {
    background-color: var(--color-gray-50);
  }
}
@media (hover: hover) {
  .hover\:bg-gray-100:hover {
    background-color: var(--color-gray-100);
  }
}
@media (hover: hover) {
  .hover\:bg-gray-800:hover {
    background-color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .hover\:bg-green-600:hover {
    background-color: var(--color-green-600);
  }
}
@media (hover: hover) {
  .hover\:bg-red-600:hover {
    background-color: var(--color-red-600);
  }
}
@media (hover: hover) {
  .hover\:bg-violet-100:hover {
    background-color: var(--color-violet-100);
  }
}
@media (hover: hover) {
  .hover\:bg-white:hover {
    background-color: var(--color-white);
  }
}
@media (hover: hover) {
  .hover\:text-gray-200:hover {
    color: var(--color-gray-200);
  }
}
@media (hover: hover) {
  .hover\:text-gray-400:hover {
    color: var(--color-gray-400);
  }
}
@media (hover: hover) {
  .hover\:text-gray-500:hover {
    color: var(--color-gray-500);
  }
}
@media (hover: hover) {
  .hover\:text-gray-600:hover {
    color: var(--color-gray-600);
  }
}
@media (hover: hover) {
  .hover\:text-gray-700:hover {
    color: var(--color-gray-700);
  }
}
@media (hover: hover) {
  .hover\:text-gray-800:hover {
    color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .hover\:text-gray-900:hover {
    color: var(--color-gray-900);
  }
}
@media (hover: hover) {
  .hover\:text-green-600:hover {
    color: var(--color-green-600);
  }
}
@media (hover: hover) {
  .hover\:text-red-600:hover {
    color: var(--color-red-600);
  }
}
@media (hover: hover) {
  .hover\:text-violet-300:hover {
    color: var(--color-violet-300);
  }
}
@media (hover: hover) {
  .hover\:text-violet-500:hover {
    color: var(--color-violet-500);
  }
}
@media (hover: hover) {
  .hover\:text-violet-600:hover {
    color: var(--color-violet-600);
  }
}
@media (hover: hover) {
  .hover\:text-white:hover {
    color: var(--color-white);
  }
}
@media (hover: hover) {
  .hover\:no-underline:hover {
    text-decoration-line: none;
  }
}
@media (hover: hover) {
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
}
@media (hover: hover) {
  .hover\:opacity-70:hover {
    opacity: 70%;
  }
}
@media (hover: hover) {
  .hover\:opacity-100:hover {
    opacity: 100%;
  }
}
.focus\:border-gray-300:focus {
  border-color: var(--color-gray-300);
}
.focus\:bg-white:focus {
  background-color: var(--color-white);
}
.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-gray-200:disabled {
  border-color: var(--color-gray-200);
}
.disabled\:bg-gray-100:disabled {
  background-color: var(--color-gray-100);
}
.disabled\:bg-white:disabled {
  background-color: var(--color-white);
}
.disabled\:text-gray-300:disabled {
  color: var(--color-gray-300);
}
.disabled\:text-gray-400:disabled {
  color: var(--color-gray-400);
}
@media (width < 480px) {
  .max-xs\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (width < 64rem) {
  .max-lg\:shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (width < 64rem) {
  .max-lg\:before\:bg-white\/90::before {
    content: var(--tw-content);
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
@media (width < 40rem) {
  .max-sm\:max-h-\[128px\] {
    max-height: 128px;
  }
}
@media (width < 40rem) {
  :is(.max-sm\:\*\:w-1\/2 > *) {
    width: calc(1/2 * 100%);
  }
}
@media (width >= 480px) {
  .xs\:hidden {
    display: none;
  }
}
@media (width >= 40rem) {
  .sm\:left-6 {
    left: calc(var(--spacing) * 6);
  }
}
@media (width >= 40rem) {
  .sm\:left-auto {
    left: auto;
  }
}
@media (width >= 40rem) {
  .sm\:order-1 {
    order: 1;
  }
}
@media (width >= 40rem) {
  .sm\:order-none {
    order: 0;
  }
}
@media (width >= 40rem) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}
@media (width >= 40rem) {
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
}
@media (width >= 40rem) {
  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}
@media (width >= 40rem) {
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}
@media (width >= 40rem) {
  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }
}
@media (width >= 40rem) {
  .sm\:-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
}
@media (width >= 40rem) {
  .sm\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
}
@media (width >= 40rem) {
  .sm\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
}
@media (width >= 40rem) {
  .sm\:mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
}
@media (width >= 40rem) {
  .sm\:mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
}
@media (width >= 40rem) {
  .sm\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 40rem) {
  .sm\:mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
}
@media (width >= 40rem) {
  .sm\:mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
}
@media (width >= 40rem) {
  .sm\:ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
}
@media (width >= 40rem) {
  .sm\:block {
    display: block;
  }
}
@media (width >= 40rem) {
  .sm\:flex {
    display: flex;
  }
}
@media (width >= 40rem) {
  .sm\:inline {
    display: inline;
  }
}
@media (width >= 40rem) {
  .sm\:h-28 {
    height: calc(var(--spacing) * 28);
  }
}
@media (width >= 40rem) {
  .sm\:w-1\/3 {
    width: calc(1/3 * 100%);
  }
}
@media (width >= 40rem) {
  .sm\:w-56 {
    width: calc(var(--spacing) * 56);
  }
}
@media (width >= 40rem) {
  .sm\:w-\[390px\] {
    width: 390px;
  }
}
@media (width >= 40rem) {
  .sm\:grow {
    flex-grow: 1;
  }
}
@media (width >= 40rem) {
  .sm\:auto-cols-max {
    grid-auto-columns: max-content;
  }
}
@media (width >= 40rem) {
  .sm\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 40rem) {
  .sm\:items-center {
    align-items: center;
  }
}
@media (width >= 40rem) {
  .sm\:items-end {
    align-items: flex-end;
  }
}
@media (width >= 40rem) {
  .sm\:items-start {
    align-items: flex-start;
  }
}
@media (width >= 40rem) {
  .sm\:justify-between {
    justify-content: space-between;
  }
}
@media (width >= 40rem) {
  .sm\:justify-end {
    justify-content: flex-end;
  }
}
@media (width >= 40rem) {
  .sm\:justify-start {
    justify-content: flex-start;
  }
}
@media (width >= 40rem) {
  :where(.sm\:space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 40rem) {
  :where(.sm\:space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 40rem) {
  :where(.sm\:space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 40rem) {
  :where(.sm\:space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 40rem) {
  :where(.sm\:space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 40rem) {
  .sm\:p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
}
@media (width >= 40rem) {
  .sm\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
}
@media (width >= 40rem) {
  .sm\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
}
@media (width >= 40rem) {
  .sm\:py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
}
@media (width >= 40rem) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (width >= 40rem) {
  .sm\:text-left {
    text-align: left;
  }
}
@media (width >= 40rem) {
  .sm\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
@media (width >= 40rem) {
  .sm\:first\:pl-6:first-child {
    padding-left: calc(var(--spacing) * 6);
  }
}
@media (width >= 40rem) {
  .sm\:last\:pr-6:last-child {
    padding-right: calc(var(--spacing) * 6);
  }
}
@media (width >= 48rem) {
  .md\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (width >= 48rem) {
  .md\:static {
    position: static;
  }
}
@media (width >= 48rem) {
  .md\:sticky {
    position: sticky;
  }
}
@media (width >= 48rem) {
  .md\:top-16 {
    top: calc(var(--spacing) * 16);
  }
}
@media (width >= 48rem) {
  .md\:top-auto {
    top: auto;
  }
}
@media (width >= 48rem) {
  .md\:right-0 {
    right: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:bottom-auto {
    bottom: auto;
  }
}
@media (width >= 48rem) {
  .md\:left-auto {
    left: auto;
  }
}
@media (width >= 48rem) {
  .md\:order-1 {
    order: 1;
  }
}
@media (width >= 48rem) {
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}
@media (width >= 48rem) {
  .md\:-mr-px {
    margin-right: -1px;
  }
}
@media (width >= 48rem) {
  .md\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
}
@media (width >= 48rem) {
  .md\:mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
}
@media (width >= 48rem) {
  .md\:ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
}
@media (width >= 48rem) {
  .md\:block {
    display: block;
  }
}
@media (width >= 48rem) {
  .md\:flex {
    display: flex;
  }
}
@media (width >= 48rem) {
  .md\:hidden {
    display: none;
  }
}
@media (width >= 48rem) {
  .md\:inline {
    display: inline;
  }
}
@media (width >= 48rem) {
  .md\:table-cell {
    display: table-cell;
  }
}
@media (width >= 48rem) {
  .md\:table-row {
    display: table-row;
  }
}
@media (width >= 48rem) {
  .md\:h-\[calc\(100dvh-64px\)\] {
    height: calc(100dvh - 64px);
  }
}
@media (width >= 48rem) {
  .md\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
}
@media (width >= 48rem) {
  .md\:w-32 {
    width: calc(var(--spacing) * 32);
  }
}
@media (width >= 48rem) {
  .md\:w-60 {
    width: calc(var(--spacing) * 60);
  }
}
@media (width >= 48rem) {
  .md\:w-\[18rem\] {
    width: 18rem;
  }
}
@media (width >= 48rem) {
  .md\:w-auto {
    width: auto;
  }
}
@media (width >= 48rem) {
  .md\:w-full {
    width: 100%;
  }
}
@media (width >= 48rem) {
  .md\:translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (width >= 48rem) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 48rem) {
  .md\:flex-col {
    flex-direction: column;
  }
}
@media (width >= 48rem) {
  .md\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 48rem) {
  .md\:items-center {
    align-items: center;
  }
}
@media (width >= 48rem) {
  .md\:justify-between {
    justify-content: space-between;
  }
}
@media (width >= 48rem) {
  .md\:justify-end {
    justify-content: flex-end;
  }
}
@media (width >= 48rem) {
  .md\:justify-start {
    justify-content: flex-start;
  }
}
@media (width >= 48rem) {
  :where(.md\:space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 48rem) {
  :where(.md\:space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 48rem) {
  :where(.md\:space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 48rem) {
  :where(.md\:space-x-0 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 48rem) {
  :where(.md\:space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 48rem) {
  :where(.md\:space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 48rem) {
  .md\:overflow-auto {
    overflow: auto;
  }
}
@media (width >= 48rem) {
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media (width >= 48rem) {
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
}
@media (width >= 48rem) {
  .md\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
@media (width >= 48rem) {
  .md\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
@media (width >= 48rem) {
  .md\:px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
}
@media (width >= 48rem) {
  .md\:py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
}
@media (width >= 48rem) {
  .md\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
}
@media (width >= 48rem) {
  .md\:pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
}
@media (width >= 48rem) {
  .md\:text-left {
    text-align: left;
  }
}
@media (width >= 48rem) {
  .md\:text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
  }
}
@media (width >= 64rem) {
  .lg\:relative {
    position: relative;
  }
}
@media (width >= 64rem) {
  .lg\:static {
    position: static;
  }
}
@media (width >= 64rem) {
  .lg\:sticky {
    position: sticky;
  }
}
@media (width >= 64rem) {
  .lg\:top-16 {
    top: calc(var(--spacing) * 16);
  }
}
@media (width >= 64rem) {
  .lg\:top-auto {
    top: auto;
  }
}
@media (width >= 64rem) {
  .lg\:left-auto {
    left: auto;
  }
}
@media (width >= 64rem) {
  .lg\:z-auto {
    z-index: auto;
  }
}
@media (width >= 64rem) {
  .lg\:-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
}
@media (width >= 64rem) {
  .lg\:mx-auto {
    margin-inline: auto;
  }
}
@media (width >= 64rem) {
  .lg\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 64rem) {
  .lg\:block {
    display: block;
  }
}
@media (width >= 64rem) {
  .lg\:flex {
    display: flex;
  }
}
@media (width >= 64rem) {
  .lg\:hidden {
    display: none;
  }
}
@media (width >= 64rem) {
  .lg\:inline-flex {
    display: inline-flex;
  }
}
@media (width >= 64rem) {
  .lg\:h-36 {
    height: calc(var(--spacing) * 36);
  }
}
@media (width >= 64rem) {
  .lg\:h-\[calc\(100dvh-64px\)\] {
    height: calc(100dvh - 64px);
  }
}
@media (width >= 64rem) {
  .lg\:w-20 {
    width: calc(var(--spacing) * 20);
  }
}
@media (width >= 64rem) {
  .lg\:w-72 {
    width: calc(var(--spacing) * 72);
  }
}
@media (width >= 64rem) {
  .lg\:w-\[320px\] {
    width: 320px;
  }
}
@media (width >= 64rem) {
  .lg\:w-\[390px\] {
    width: 390px;
  }
}
@media (width >= 64rem) {
  .lg\:max-w-\[640px\] {
    max-width: 640px;
  }
}
@media (width >= 64rem) {
  .lg\:max-w-none {
    max-width: none;
  }
}
@media (width >= 64rem) {
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
}
@media (width >= 64rem) {
  .lg\:grow {
    flex-grow: 1;
  }
}
@media (width >= 64rem) {
  .lg\:translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (width >= 64rem) {
  .lg\:flex-col {
    flex-direction: column;
  }
}
@media (width >= 64rem) {
  .lg\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 64rem) {
  :where(.lg\:space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 64rem) {
  :where(.lg\:space-x-0 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 64rem) {
  :where(.lg\:space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 64rem) {
  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }
}
@media (width >= 64rem) {
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
}
@media (width >= 64rem) {
  .lg\:border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
@media (width >= 64rem) {
  .lg\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
@media (width >= 64rem) {
  .lg\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
@media (width >= 64rem) {
  .lg\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .lg\:pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .lg\:text-left {
    text-align: left;
  }
}
@media (width >= 64rem) {
  .lg\:opacity-0 {
    opacity: 0%;
  }
}
@media (width >= 64rem) {
  .lg\:before\:bg-gray-100\/90::before {
    content: var(--tw-content);
    background-color: color-mix(in oklab, var(--color-gray-100) 90%, transparent);
  }
}
@media (width >= 64rem) {
  .lg\:first\:pl-8:first-child {
    padding-left: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) {
  .lg\:last\:pr-8:last-child {
    padding-right: calc(var(--spacing) * 8);
  }
}
@media (width >= 64rem) and (hover: hover) {
  .lg\:hover\:bg-gray-200:hover {
    background-color: var(--color-gray-200);
  }
}
@media (width >= 80rem) {
  .xl\:order-none {
    order: 0;
  }
}
@media (width >= 80rem) {
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
}
@media (width >= 80rem) {
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}
@media (width >= 80rem) {
  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}
@media (width >= 80rem) {
  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }
}
@media (width >= 80rem) {
  .xl\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
}
@media (width >= 80rem) {
  .xl\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
}
@media (width >= 80rem) {
  .xl\:mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
}
@media (width >= 80rem) {
  .xl\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
@media (width >= 80rem) {
  .xl\:block {
    display: block;
  }
}
@media (width >= 80rem) {
  .xl\:flex {
    display: flex;
  }
}
@media (width >= 80rem) {
  .xl\:hidden {
    display: none;
  }
}
@media (width >= 80rem) {
  .xl\:max-h-\[128px\] {
    max-height: 128px;
  }
}
@media (width >= 80rem) {
  .xl\:w-20 {
    width: calc(var(--spacing) * 20);
  }
}
@media (width >= 80rem) {
  .xl\:w-56 {
    width: calc(var(--spacing) * 56);
  }
}
@media (width >= 80rem) {
  .xl\:w-72 {
    width: calc(var(--spacing) * 72);
  }
}
@media (width >= 80rem) {
  .xl\:w-80 {
    width: calc(var(--spacing) * 80);
  }
}
@media (width >= 80rem) {
  .xl\:w-\[20rem\] {
    width: 20rem;
  }
}
@media (width >= 80rem) {
  .xl\:w-\[352px\] {
    width: 352px;
  }
}
@media (width >= 80rem) {
  .xl\:w-auto {
    width: auto;
  }
}
@media (width >= 80rem) {
  .xl\:min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }
}
@media (width >= 80rem) {
  .xl\:-translate-x-16 {
    --tw-translate-x: calc(var(--spacing) * -16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
@media (width >= 80rem) {
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (width >= 80rem) {
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width >= 80rem) {
  .xl\:flex-row {
    flex-direction: row;
  }
}
@media (width >= 80rem) {
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (width >= 80rem) {
  .xl\:items-center {
    align-items: center;
  }
}
@media (width >= 80rem) {
  .xl\:justify-between {
    justify-content: space-between;
  }
}
@media (width >= 80rem) {
  :where(.xl\:space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
}
@media (width >= 80rem) {
  :where(.xl\:space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 80rem) {
  :where(.xl\:space-x-16 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)));
  }
}
@media (width >= 80rem) {
  .xl\:pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
}
@media (width >= 80rem) {
  .xl\:pl-32 {
    padding-left: calc(var(--spacing) * 32);
  }
}
@media (width >= 80rem) {
  .xl\:text-left {
    text-align: left;
  }
}
@media (width >= 80rem) {
  .xl\:leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
}
@media (width >= 80rem) {
  .xl\:leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
}
@media (width >= 96rem) {
  .\32 xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}
@media (width >= 96rem) {
  .\32 xl\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
}
@media (width >= 96rem) {
  .\32 xl\:ml-\[80px\] {
    margin-left: 80px;
  }
}
@media (width >= 96rem) {
  .\32 xl\:block {
    display: block;
  }
}
@media (width >= 96rem) {
  .\32 xl\:hidden {
    display: none;
  }
}
@media (width >= 96rem) {
  .\32 xl\:\!w-64 {
    width: calc(var(--spacing) * 64) !important;
  }
}
@media (width >= 96rem) {
  .\32 xl\:w-64\! {
    width: calc(var(--spacing) * 64) !important;
  }
}
@media (width >= 96rem) {
  .\32 xl\:w-\[calc\(352px\+80px\)\] {
    width: calc(352px + 80px);
  }
}
@media (width >= 96rem) {
  .\32 xl\:max-w-none {
    max-width: none;
  }
}
@media (width >= 96rem) {
  .\32 xl\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
}
@media (width >= 96rem) {
  .\32 xl\:opacity-100 {
    opacity: 100%;
  }
}
.dark\:block:is(.dark *) {
  display: block;
}
.dark\:hidden:is(.dark *) {
  display: none;
}
:where(.dark\:divide-gray-700\/60:is(.dark *) > :not(:last-child)) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.dark\:border-gray-500:is(.dark *) {
  border-color: var(--color-gray-500);
}
.dark\:border-gray-600:is(.dark *) {
  border-color: var(--color-gray-600);
}
.dark\:border-gray-700:is(.dark *) {
  border-color: var(--color-gray-700);
}
.dark\:border-gray-700\/60:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.dark\:border-gray-800:is(.dark *) {
  border-color: var(--color-gray-800);
}
.dark\:border-gray-900:is(.dark *) {
  border-color: var(--color-gray-900);
}
.dark\:border-transparent:is(.dark *) {
  border-color: transparent;
}
.dark\:border-violet-500:is(.dark *) {
  border-color: var(--color-violet-500);
}
.dark\:bg-\[\#151D2C\]:is(.dark *) {
  background-color: #151D2C;
}
.dark\:bg-gray-100:is(.dark *) {
  background-color: var(--color-gray-100);
}
.dark\:bg-gray-200:is(.dark *) {
  background-color: var(--color-gray-200);
}
.dark\:bg-gray-500:is(.dark *) {
  background-color: var(--color-gray-500);
}
.dark\:bg-gray-700:is(.dark *) {
  background-color: var(--color-gray-700);
}
.dark\:bg-gray-700\/20:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent);
}
.dark\:bg-gray-700\/30:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
.dark\:bg-gray-700\/50:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
}
.dark\:bg-gray-700\/60:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.dark\:bg-gray-800:is(.dark *) {
  background-color: var(--color-gray-800);
}
.dark\:bg-gray-800\/30:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
}
.dark\:bg-gray-800\/60:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
}
.dark\:bg-gray-900:is(.dark *) {
  background-color: var(--color-gray-900);
}
.dark\:bg-gray-900\/20:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
}
.dark\:bg-gray-950\/\[0\.15\]:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-950) 15%, transparent);
}
.dark\:bg-green-400\/20:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
}
.dark\:bg-sky-500\/20:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
}
.dark\:bg-violet-500\/20:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
.dark\:from-\[\#151D2C\]:is(.dark *) {
  --tw-gradient-from: #151D2C;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:from-gray-700:is(.dark *) {
  --tw-gradient-from: var(--color-gray-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:from-gray-700\/30:is(.dark *) {
  --tw-gradient-from: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:from-gray-800:is(.dark *) {
  --tw-gradient-from: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:from-gray-800\/30:is(.dark *) {
  --tw-gradient-from: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:from-violet-500\/\[0\.24\]:is(.dark *) {
  --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 24%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:to-gray-700:is(.dark *) {
  --tw-gradient-to: var(--color-gray-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:to-gray-800:is(.dark *) {
  --tw-gradient-to: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:to-gray-900:is(.dark *) {
  --tw-gradient-to: var(--color-gray-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dark\:fill-gray-500:is(.dark *) {
  fill: var(--color-gray-500);
}
.dark\:fill-gray-800:is(.dark *) {
  fill: var(--color-gray-800);
}
.dark\:fill-violet-500\/30:is(.dark *) {
  fill: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
.dark\:text-gray-100:is(.dark *) {
  color: var(--color-gray-100);
}
.dark\:text-gray-300:is(.dark *) {
  color: var(--color-gray-300);
}
.dark\:text-gray-400:is(.dark *) {
  color: var(--color-gray-400);
}
.dark\:text-gray-400\/80:is(.dark *) {
  color: color-mix(in oklab, var(--color-gray-400) 80%, transparent);
}
.dark\:text-gray-500:is(.dark *) {
  color: var(--color-gray-500);
}
.dark\:text-gray-600:is(.dark *) {
  color: var(--color-gray-600);
}
.dark\:text-gray-700:is(.dark *) {
  color: var(--color-gray-700);
}
.dark\:text-gray-800:is(.dark *) {
  color: var(--color-gray-800);
}
.dark\:text-violet-200:is(.dark *) {
  color: var(--color-violet-200);
}
.dark\:text-violet-400:is(.dark *) {
  color: var(--color-violet-400);
}
.dark\:text-violet-500:is(.dark *) {
  color: var(--color-violet-500);
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder {
  color: var(--color-gray-500);
}
@media (hover: hover) {
  .dark\:group-hover\:text-gray-200:is(.dark *):is(:where(.group):hover *) {
    color: var(--color-gray-200);
  }
}
@media (hover: hover) {
  .dark\:group-hover\:text-gray-400:is(.dark *):is(:where(.group):hover *) {
    color: var(--color-gray-400);
  }
}
@media (hover: hover) {
  .dark\:group-hover\:text-violet-400:is(.dark *):is(:where(.group):hover *) {
    color: var(--color-violet-400);
  }
}
@media (hover: hover) {
  .dark\:group-hover\:text-white:is(.dark *):is(:where(.group):hover *) {
    color: var(--color-white);
  }
}
.dark\:peer-checked\:border-violet-500:is(.dark *):is(:where(.peer):checked ~ *) {
  border-color: var(--color-violet-500);
}
.dark\:before\:bg-\[\#151D2C\]\/90:is(.dark *)::before {
  content: var(--tw-content);
  background-color: color-mix(in oklab, #151D2C 90%, transparent);
}
.dark\:before\:bg-gray-800:is(.dark *)::before {
  content: var(--tw-content);
  background-color: var(--color-gray-800);
}
.dark\:before\:bg-gray-800\/90:is(.dark *)::before {
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
}
.dark\:before\:bg-gray-900:is(.dark *)::before {
  content: var(--tw-content);
  background-color: var(--color-gray-900);
}
.dark\:after\:bg-gray-700\/60:is(.dark *)::after {
  content: var(--tw-content);
  background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.dark\:after\:text-gray-600:is(.dark *)::after {
  content: var(--tw-content);
  color: var(--color-gray-600);
}
@media (hover: hover) {
  .dark\:hover\:border-gray-600:is(.dark *):hover {
    border-color: var(--color-gray-600);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-gray-600:is(.dark *):hover {
    background-color: var(--color-gray-600);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-gray-700\/20:is(.dark *):hover {
    background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-gray-700\/50:is(.dark *):hover {
    background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-gray-800:is(.dark *):hover {
    background-color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-gray-900:is(.dark *):hover {
    background-color: var(--color-gray-900);
  }
}
@media (hover: hover) {
  .dark\:hover\:bg-white:is(.dark *):hover {
    background-color: var(--color-white);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-gray-100:is(.dark *):hover {
    color: var(--color-gray-100);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-gray-200:is(.dark *):hover {
    color: var(--color-gray-200);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-gray-300:is(.dark *):hover {
    color: var(--color-gray-300);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-gray-400:is(.dark *):hover {
    color: var(--color-gray-400);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-gray-500:is(.dark *):hover {
    color: var(--color-gray-500);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-violet-400:is(.dark *):hover {
    color: var(--color-violet-400);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-violet-500:is(.dark *):hover {
    color: var(--color-violet-500);
  }
}
@media (hover: hover) {
  .dark\:hover\:text-white:is(.dark *):hover {
    color: var(--color-white);
  }
}
.dark\:focus\:bg-gray-800:is(.dark *):focus {
  background-color: var(--color-gray-800);
}
.dark\:disabled\:border-gray-700:is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
.dark\:disabled\:bg-gray-800:is(.dark *):disabled {
  background-color: var(--color-gray-800);
}
.dark\:disabled\:text-gray-600:is(.dark *):disabled {
  color: var(--color-gray-600);
}
.dark\:disabled\:placeholder\:text-gray-600:is(.dark *):disabled::placeholder {
  color: var(--color-gray-600);
}
@media (width < 64rem) {
  .dark\:max-lg\:before\:bg-gray-800\/90:is(.dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in oklab, var(--color-gray-800) 90%, transparent);
  }
}
@media (width >= 64rem) {
  .dark\:lg\:before\:bg-gray-900\/90:is(.dark *)::before {
    content: var(--tw-content);
    background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
  }
}
@media (width >= 64rem) and (hover: hover) {
  .dark\:lg\:hover\:bg-gray-800:is(.dark *):hover {
    background-color: var(--color-gray-800);
  }
}
.sidebar-expanded\:rotate-180:is(.sidebar-expanded *) {
  rotate: 180deg;
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:col-span-6:is(.sidebar-expanded *) {
    grid-column: span 6 / span 6;
  }
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:block:is(.sidebar-expanded *) {
    display: block;
  }
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:hidden:is(.sidebar-expanded *) {
    display: none;
  }
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:\!w-64:is(.sidebar-expanded *) {
    width: calc(var(--spacing) * 64) !important;
  }
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:w-20:is(.sidebar-expanded *) {
    width: calc(var(--spacing) * 20);
  }
}
@media (width >= 64rem) {
  .lg\:sidebar-expanded\:opacity-100:is(.sidebar-expanded *) {
    opacity: 100%;
  }
}
@media (width >= 80rem) {
  .xl\:sidebar-expanded\:col-span-3:is(.sidebar-expanded *) {
    grid-column: span 3 / span 3;
  }
}
@media (width >= 80rem) {
  .xl\:sidebar-expanded\:col-span-4:is(.sidebar-expanded *) {
    grid-column: span 4 / span 4;
  }
}
@media (width >= 80rem) {
  .xl\:sidebar-expanded\:block:is(.sidebar-expanded *) {
    display: block;
  }
}
@media (width >= 80rem) {
  .xl\:sidebar-expanded\:w-40:is(.sidebar-expanded *) {
    width: calc(var(--spacing) * 40);
  }
}
@media (width >= 80rem) {
  .xl\:sidebar-expanded\:w-56:is(.sidebar-expanded *) {
    width: calc(var(--spacing) * 56);
  }
}
@media (width >= 96rem) {
  .\32 xl\:sidebar-expanded\:w-56:is(.sidebar-expanded *) {
    width: calc(var(--spacing) * 56);
  }
}
.h1 {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.h2 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.h3 {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.h4 {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
@media (width >= 48rem) {
  .h1 {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
  }
  .h2 {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
  }
}
.btn,
.btn-lg,
.btn-sm,
.btn-xs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.btn {
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
}
.btn-lg {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
.btn-sm {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
}
.btn-xs {
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 0.5);
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.form-input,
.form-textarea,
.form-multiselect,
.form-select,
.form-checkbox,
.form-radio {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
}
.form-input:focus,
.form-textarea:focus,
.form-multiselect:focus,
.form-select:focus,
.form-checkbox:focus,
.form-radio:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-input:focus,
.form-textarea:focus,
.form-multiselect:focus,
.form-select:focus,
.form-checkbox:focus,
.form-radio:focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.form-input:is(.dark *),
.form-textarea:is(.dark *),
.form-multiselect:is(.dark *),
.form-select:is(.dark *),
.form-checkbox:is(.dark *),
.form-radio:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.form-input:is(.dark *):disabled,
.form-textarea:is(.dark *):disabled,
.form-multiselect:is(.dark *):disabled,
.form-select:is(.dark *):disabled,
.form-checkbox:is(.dark *):disabled,
.form-radio:is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
.form-input:is(.dark *):disabled,
.form-textarea:is(.dark *):disabled,
.form-multiselect:is(.dark *):disabled,
.form-select:is(.dark *):disabled,
.form-checkbox:is(.dark *):disabled,
.form-radio:is(.dark *):disabled {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
@media (hover: hover) {
  .form-input:is(.dark *):disabled:hover,
  .form-textarea:is(.dark *):disabled:hover,
  .form-multiselect:is(.dark *):disabled:hover,
  .form-select:is(.dark *):disabled:hover,
  .form-checkbox:is(.dark *):disabled:hover,
  .form-radio:is(.dark *):disabled:hover {
    border-color: var(--color-gray-700);
  }
}
.form-checkbox {
  border-radius: var(--radius-sm);
}
.form-input,
.form-textarea,
.form-multiselect,
.form-select {
  border-radius: var(--radius-lg);
  border-color: var(--color-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--color-gray-800);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (hover: hover) {
  .form-input:hover,
  .form-textarea:hover,
  .form-multiselect:hover,
  .form-select:hover {
    border-color: var(--color-gray-300);
  }
}
.form-input:focus,
.form-textarea:focus,
.form-multiselect:focus,
.form-select:focus {
  border-color: var(--color-gray-300);
}
.form-input:is(.dark *),
.form-textarea:is(.dark *),
.form-multiselect:is(.dark *),
.form-select:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.form-input:is(.dark *),
.form-textarea:is(.dark *),
.form-multiselect:is(.dark *),
.form-select:is(.dark *) {
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .form-input:is(.dark *):hover,
  .form-textarea:is(.dark *):hover,
  .form-multiselect:is(.dark *):hover,
  .form-select:is(.dark *):hover {
    border-color: var(--color-gray-600);
  }
}
.form-input:is(.dark *):focus,
.form-textarea:is(.dark *):focus,
.form-multiselect:is(.dark *):focus,
.form-select:is(.dark *):focus {
  border-color: var(--color-gray-600);
}
.form-input::placeholder,
.form-textarea::placeholder {
  color: var(--color-gray-400);
}
.form-input:is(.dark *)::placeholder,
.form-textarea:is(.dark *)::placeholder {
  color: var(--color-gray-500);
}
.form-select {
  padding-right: calc(var(--spacing) * 10);
}
.form-checkbox,
.form-radio {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  color: var(--color-violet-500);
}
.form-checkbox:checked,
.form-radio:checked {
  border-color: transparent;
}
.form-checkbox:checked,
.form-radio:checked {
  background-color: var(--color-violet-500);
}
.form-checkbox:focus-visible,
.form-radio:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:focus-visible,
.form-radio:focus-visible {
  --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
}
.form-checkbox:is(.dark *),
.form-radio:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.form-checkbox:is(.dark *):checked,
.form-radio:is(.dark *):checked {
  border-color: transparent;
}
.form-switch {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 44px;
}
.form-switch label {
  display: block;
  height: calc(var(--spacing) * 6);
  cursor: pointer;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
}
.form-switch label > span:first-child {
  position: absolute;
  display: block;
  border-radius: calc(infinity * 1px);
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
  right: 50%;
  transition: all 0.15s ease-out;
}
.form-switch input[type="checkbox"] + label {
  background-color: var(--color-gray-400);
}
.form-switch input[type="checkbox"] + label:is(.dark *) {
  background-color: var(--color-gray-700);
}
.form-switch input[type="checkbox"]:checked + label {
  background-color: var(--color-violet-500);
}
.form-switch input[type="checkbox"]:checked + label > span:first-child {
  left: 22px;
}
.form-switch input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  background-color: var(--color-gray-100);
}
.form-switch input[type="checkbox"]:disabled + label:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.form-switch input[type="checkbox"]:disabled + label:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent);
}
.form-switch input[type="checkbox"]:disabled + label > span:first-child {
  background-color: var(--color-gray-400);
}
.form-switch input[type="checkbox"]:disabled + label > span:first-child:is(.dark *) {
  background-color: var(--color-gray-600);
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.x-body {
  font-family: var(--font-inter);
  background-color: var(--color-gray-100);
  color: var(--color-gray-600);
}
body.x-body:is(.dark *) {
  background-color: var(--color-gray-900);
}
body.x-body:is(.dark *) {
  color: var(--color-gray-400);
}
input::-moz-focus-inner {
  border: 0;
}
.x-css-shadow {
  box-shadow: none !important;
}
/* Header */
div#header {
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 16);
  border-color: var(--color-gray-200);
}
@media (width >= 64rem) {
  div#header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
div#header:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
div#header .left {
  display: flex;
}
div#header .center span.header {
  color: initial;
  visibility: hidden;
}
div#header .right {
  flex-direction: row;
  display: flex;
  align-items: center;
}
#header img.logo {
  width: 163px;
  content: url(/css/mosaic/img/logo-mosaic.svg);
  max-width: 100%;
}
/* Links */
a:visited:not([role="button"]) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-violet-500);
}
@media (hover: hover) {
  a:visited:not([role="button"]):hover {
    color: var(--color-violet-600);
  }
}
@media (hover: hover) {
  a:visited:not([role="button"]):is(.dark *):hover {
    color: var(--color-violet-400);
  }
}
/* Mask */
.x-mask-msg {
  border-radius: var(--radius-lg);
  background-color: var(--color-gray-100);
}
.x-mask-msg:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
}
.x-mask-msg-inner {
  color: var(--color-gray-500);
}
.x-grouptabcontainer > .x-container {
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 8);
}
.x-grouptabcontainer > .x-container > .x-panel-default {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: var(--radius-xl);
}
.x-grouptabcontainer > .x-container > .x-panel-header-default-collapsed-top {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: var(--radius-xl);
}
/* Panel header */
.x-panel-header-default {
  border: none;
  background-color: var(--color-white);
}
.x-panel-header .x-panel-header-text,
.x-panel-header-collapsed .x-panel-header-text {
  line-height: 24px;
}
.x-panel-header-default:has(+ .x-grid-header-ct) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.x-panel-header-text {
  font-size: 16px;
}
.x-panel-header-text-container-default {
  padding: 0;
  line-height: 20px;
}
.x-panel-header-default-horizontal {
  padding: 6px 9px 6px 9px;
}
/* Border */
.x-border-layout-ct {
  background-color: var(--color-gray-100);
}
.x-border-layout-ct:is(.dark *) {
  background-color: var(--color-gray-900);
}
/* Header text */
h3 {
  font-size: 16px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-800);
}
h3:is(.dark *) {
  color: var(--color-gray-100);
}
.x-header-text:not(.x-tip-header-text) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-800);
}
.x-header-text:not(.x-tip-header-text):is(.dark *) {
  color: var(--color-gray-100);
}
.x-panel-header-default .x-tool-img {
  background-color: var(--color-white);
}
.x-grid-header-ct {
  border-left: none;
  border-right: none;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-100);
  background-color: var(--color-gray-50);
}
.x-grid-header-ct:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-grid-header-ct:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
}
.x-column-header {
  border: none;
  color: var(--color-gray-500);
  background-color: var(--color-gray-50);
}
.x-column-header:is(.dark *) {
  color: var(--color-gray-400);
}
.x-column-header:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
}
.x-column-header-over,
.x-column-header-open {
  background-color: var(--color-purple-100);
}
.x-column-header-open .x-column-header-trigger {
  background-color: var(--color-purple-200);
}
.x-column-header-sort-ASC {
  background-color: var(--color-purple-50);
}
.x-column-header-sort-ASC .x-column-header-text {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/arrows-sort-up.svg);
}
.x-column-header-sort-DESC {
  background-color: var(--color-purple-50);
}
.x-column-header-sort-DESC .x-column-header-text {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/arrows-sort-down.svg);
}
.x-cols-icon {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/columns-3.svg);
  background-repeat: no-repeat;
}
.x-hmenu-sort-asc {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/arrows-sort-up.svg);
  background-repeat: no-repeat;
}
.x-hmenu-sort-desc {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/arrows-sort-down.svg);
  background-repeat: no-repeat;
}
.x-column-header-text {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.x-column-header-trigger {
  border-left: none;
  background-image: url(/css/mosaic/icons/arrow-trigger.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
}
.x-column-header-last .x-column-header-over .x-column-header-trigger {
  border-right: none;
}
.x-column-header-align-right .x-column-header-text {
  margin-right: 8px;
}
/* Grid body */
.x-grid-td {
  vertical-align: initial;
}
.x-grid-body {
  border-color: #C0C0C0;
}
.x-grid-row-summary .x-grid-cell {
  background-color: var(--color-white);
}
.x-grid-row-over > .x-grid-cell {
  background-color: var(--color-purple-50);
}
.x-grid-row-selected > .x-grid-cell {
  background-color: var(--color-purple-100);
}
.x-grid-row-before-over .x-grid-td,
.x-grid-row-over .x-grid-td {
  border-bottom-color: #ededed;
}
.x-grid-row-before-focused .x-grid-td,
.x-grid-row-focused .x-grid-td {
  border-bottom-color: #ededed;
}
/* Panel body */
.x-grid-body {
  border: none;
}
.x-panel-body-default {
  color: #444;
}
.x-panel-body-default:not(.x-grid-body) {
  border: none;
}
.x-grid-body > .x-grid-view {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-100);
}
.x-grid-body > .x-grid-view:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
/* Window */
body > .x-mask {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.x-window {
  border-color: #fff;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: var(--radius-lg);
}
.x-window-default {
  border: none;
  padding: 5px;
}
.x-window-header {
  padding: 9px;
  margin-left: 0;
  border-width: 0 0 1px 0 !important;
  border-bottom-color: var(--color-gray-200);
}
.x-window-header-text {
  font-size: 18px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-800);
}
.x-window-header-text:is(.dark *) {
  color: var(--color-gray-100);
}
.x-window-body-default {
  border-color: #fff;
}
.x-header-text-container {
  padding-bottom: 2px;
}
.x-window-header-default {
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
}
.x-window-header-default-top {
  background-color: transparent;
}
.x-window-header-default .x-tool-img {
  background-color: #fff;
}
.ux-notification-window .x-window-body {
  font-weight: bold;
  background-color: #B9B6B6;
}
.x-toolbar-footer {
  background: #fff;
}
/* Text color */
.header {
  color: #444;
  font-size: 13pt;
  font-weight: bold;
  /*text-shadow: 0 1px 2px #333;*/
}
.x-grid-cell {
  color: #444;
}
.x-form-item-label {
  color: #444;
}
.x-form-display-field {
  color: var(--color-gray-600);
}
.x-form-trigger-wrap {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  border-radius: var(--radius-lg);
  border-color: var(--color-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--color-gray-800);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  padding-inline: calc(var(--spacing) * 0);
  padding-block: calc(var(--spacing) * 1);
}
.x-form-trigger-wrap:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-form-trigger-wrap:focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.x-form-trigger-wrap:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.x-form-trigger-wrap:is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
.x-form-trigger-wrap:is(.dark *):disabled {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
@media (hover: hover) {
  .x-form-trigger-wrap:is(.dark *):disabled:hover {
    border-color: var(--color-gray-700);
  }
}
@media (hover: hover) {
  .x-form-trigger-wrap:hover {
    border-color: var(--color-gray-300);
  }
}
.x-form-trigger-wrap:focus {
  border-color: var(--color-gray-300);
}
.x-form-trigger-wrap:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-form-trigger-wrap:is(.dark *) {
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .x-form-trigger-wrap:is(.dark *):hover {
    border-color: var(--color-gray-600);
  }
}
.x-form-trigger-wrap:is(.dark *):focus {
  border-color: var(--color-gray-600);
}
.x-form-trigger-wrap::placeholder {
  color: var(--color-gray-400);
}
.x-form-trigger-wrap:is(.dark *)::placeholder {
  color: var(--color-gray-500);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox) {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  border-radius: var(--radius-lg);
  border-color: var(--color-gray-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--color-gray-800);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *):disabled {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
@media (hover: hover) {
  input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *):disabled:hover {
    border-color: var(--color-gray-700);
  }
}
@media (hover: hover) {
  input.x-form-field:not(.x-form-radio,.x-form-checkbox):hover {
    border-color: var(--color-gray-300);
  }
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):focus {
  border-color: var(--color-gray-300);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *) {
  color: var(--color-gray-100);
}
@media (hover: hover) {
  input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *):hover {
    border-color: var(--color-gray-600);
  }
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *):focus {
  border-color: var(--color-gray-600);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox)::placeholder {
  color: var(--color-gray-400);
}
input.x-form-field:not(.x-form-radio,.x-form-checkbox):is(.dark *)::placeholder {
  color: var(--color-gray-500);
}
.x-form-trigger-wrap input.x-form-field {
  border: none;
  box-shadow: none;
}
.x-form-invalid .x-form-trigger-wrap {
  border-color: var(--color-red-300);
}
.x-form-trigger-wrap-focus .x-form-trigger-wrap {
  border-color: var(--color-gray-300);
}
.x-field.extra-trigger .x-form-field-overlay {
  top: 2px;
  left: 2px;
  height: calc(100% - 4px) !important;
  line-height: 20px;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
/* Text styles */
.x-field.tabular-nums .x-form-display-field {
  font-variant-numeric: tabular-nums;
}
.x-grid-cell.tabular-nums .x-grid-cell-inner {
  font-variant-numeric: tabular-nums;
}
/* Toolbars */
.x-box-inner {
  overflow: visible;
}
.x-docked-summary {
  border-bottom: none;
}
/* Top toolbar */
.x-toolbar.x-docked-top {
  border-bottom: none;
  border-left-color: transparent;
}
.x-toolbar-default.x-toolbar-docked-top {
  border-top: none;
  border-color: var(--color-gray-100);
}
/* Bottom toolbar */
.x-toolbar.x-docked-bottom {
  margin-bottom: 0;
}
.x-toolbar-default.x-docked-bottom {
  border-width: 0;
}
/* Splitters */
.x-splitter {
  background-color: transparent;
}
.x-splitter-horizontal {
  margin-top: 5px;
  background-image: none;
}
/* Paging toolbar */
.x-tbar-page-first {
  background-image: url(/img/svg/page-first-dark.svg);
}
.x-tbar-page-prev {
  background-image: url(/img/svg/page-prev-dark.svg);
}
.x-tbar-page-next {
  background-image: url(/img/svg/page-next-dark.svg);
}
.x-tbar-page-last {
  background-image: url(/img/svg/page-last-dark.svg);
}
/* Tools */
.x-tool-erase {
  background-image: url(/css/mosaic/icons/trash.svg);
}
.x-tool-gear {
  background-image: url(/css/mosaic/icons/tool.svg);
}
.x-tool-close {
  background-image: url(/css/mosaic/icons/close.svg);
}
.x-tool-over .x-tool-close {
  background-image: url(/css/mosaic/icons/close-over.svg);
}
.x-tool-refresh {
  background-image: url(/css/mosaic/icons/refresh.svg);
}
.x-tool-img.x-tool-collapse-top {
  position: initial;
  background-image: url(/css/mosaic/icons/caret-up.svg);
}
.x-tool-img.x-tool-expand-bottom {
  position: initial;
  background-image: url(/css/mosaic/icons/caret-down.svg);
}
/* Buttons */
.x-btn.x-btn-default .x-btn-glyph {
  color: #444;
}
.x-btn-default-small .x-btn-glyph {
  color: #444 !important;
}
.x-btn.button-orange,
.x-btn.x-btn-over.button-orange,
.x-btn.x-btn-pressed.button-orange {
  background-image: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  background-color: var(--color-gray-900);
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .x-btn.button-orange:hover,
  .x-btn.x-btn-over.button-orange:hover,
  .x-btn.x-btn-pressed.button-orange:hover {
    background-color: var(--color-gray-800);
  }
}
.x-btn.button-orange:is(.dark *),
.x-btn.x-btn-over.button-orange:is(.dark *),
.x-btn.x-btn-pressed.button-orange:is(.dark *) {
  background-color: var(--color-gray-100);
}
.x-btn.button-orange:is(.dark *),
.x-btn.x-btn-over.button-orange:is(.dark *),
.x-btn.x-btn-pressed.button-orange:is(.dark *) {
  color: var(--color-gray-800);
}
@media (hover: hover) {
  .x-btn.button-orange:is(.dark *):hover,
  .x-btn.x-btn-over.button-orange:is(.dark *):hover,
  .x-btn.x-btn-pressed.button-orange:is(.dark *):hover {
    background-color: var(--color-white);
  }
}
.x-btn.button-orange .x-btn-inner {
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .x-btn.button-orange:hover:hover {
    background-color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .x-btn.button-orange:hover:is(.dark *):hover {
    background-color: var(--color-white);
  }
}
.x-btn.button-primary,
.x-btn.x-btn-over.button-primary,
.x-btn.x-btn-pressed.button-primary {
  border-color: var(--color-gray-900);
  background-image: none;
  background-color: var(--color-gray-900);
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .x-btn.button-primary:hover,
  .x-btn.x-btn-over.button-primary:hover,
  .x-btn.x-btn-pressed.button-primary:hover {
    background-color: var(--color-gray-800);
  }
}
.x-btn.button-primary:is(.dark *),
.x-btn.x-btn-over.button-primary:is(.dark *),
.x-btn.x-btn-pressed.button-primary:is(.dark *) {
  background-color: var(--color-gray-100);
}
.x-btn.button-primary:is(.dark *),
.x-btn.x-btn-over.button-primary:is(.dark *),
.x-btn.x-btn-pressed.button-primary:is(.dark *) {
  color: var(--color-gray-800);
}
@media (hover: hover) {
  .x-btn.button-primary:is(.dark *):hover,
  .x-btn.x-btn-over.button-primary:is(.dark *):hover,
  .x-btn.x-btn-pressed.button-primary:is(.dark *):hover {
    background-color: var(--color-white);
  }
}
.x-btn.button-primary .x-btn-inner {
  color: var(--color-gray-100);
}
.x-btn.button-primary:hover {
  border-color: var(--color-gray-900) !important;
}
@media (hover: hover) {
  .x-btn.button-primary:hover:hover {
    background-color: var(--color-gray-800);
  }
}
@media (hover: hover) {
  .x-btn.button-primary:hover:is(.dark *):hover {
    background-color: var(--color-white);
  }
}
.x-btn.button-plain {
  border: none;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.x-btn.button-plain .x-btn-inner {
  margin-left: calc(var(--spacing) * 2);
  color: var(--color-gray-600);
}
.x-btn.button-plain:hover .x-btn-inner {
  color: var(--color-gray-800);
}
.x-btn.button-plain .x-btn-glyph {
  opacity: 1;
}
.x-btn {
  background-image: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  background-color: var(--color-white);
  border-color: var(--color-gray-200);
  color: var(--color-gray-800);
}
.x-btn:is(.dark *) {
  background-color: var(--color-gray-800);
}
.x-btn:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
@media (hover: hover) {
  .x-btn:hover {
    border-color: var(--color-gray-300);
  }
}
.x-btn:is(.dark *) {
  color: var(--color-gray-300);
}
.x-btn-default-small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1);
  border-color: var(--color-gray-200);
}
.x-btn-default-large {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
}
@media (hover: hover) {
  .x-btn:hover:hover {
    border-color: var(--color-gray-300);
  }
}
@media (hover: hover) {
  .x-btn:hover:is(.dark *):hover {
    border-color: var(--color-gray-600);
  }
}
.x-btn .x-btn-inner {
  color: #444;
}
.x-btn .x-btn-glyph {
  color: #666;
}
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.x-btn .x-btn-arrow {
  background-size: 12px 12px;
  background-image: url(/css/mosaic/icons/menu-arrow.svg);
}
.x-btn .x-btn-arrow-right {
  padding-right: 16px;
}
.x-btn.font-14 .x-btn-inner {
  font-size: 14px;
}
button.button-icon-round {
  cursor: pointer;
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
}
@media (hover: hover) {
  button.button-icon-round:hover {
    background-color: var(--color-gray-100);
  }
}
@media (width >= 64rem) and (hover: hover) {
  button.button-icon-round:hover {
    background-color: var(--color-gray-200);
  }
}
@media (hover: hover) {
  button.button-icon-round:is(.dark *):hover {
    background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
  }
}
@media (width >= 64rem) and (hover: hover) {
  button.button-icon-round:is(.dark *):hover {
    background-color: var(--color-gray-800);
  }
}
.profile-icon {
  background-size: 32px 32px;
  background-image: url(/css/mosaic/img/avatar-default.svg);
  background-position: center center !important;
}
.profile-icon-agent {
  background-image: url(/css/mosaic/img/avatar-agent.svg);
}
.profile-icon-auditor {
  background-image: url(/css/mosaic/img/avatar-auditor.svg);
}
.profile-icon-merchant {
  background-image: url(/css/mosaic/img/avatar-merchant.svg);
}
/* Checkbox */
.x-form-checkbox {
  background-image: none;
  background-color: var(--color-white);
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  color: var(--color-violet-500);
}
.x-form-checkbox:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-form-checkbox:focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.x-form-checkbox:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.x-form-checkbox:is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
.x-form-checkbox:is(.dark *):disabled {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
@media (hover: hover) {
  .x-form-checkbox:is(.dark *):disabled:hover {
    border-color: var(--color-gray-700);
  }
}
.x-form-checkbox:checked {
  border-color: transparent;
}
.x-form-checkbox:checked {
  background-color: var(--color-violet-500);
}
.x-form-checkbox:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-form-checkbox:focus-visible {
  --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
}
.x-form-checkbox:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-form-checkbox:is(.dark *):checked {
  border-color: transparent;
}
.x-form-cb-checked .x-form-checkbox {
  border-color: transparent;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-violet-500);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") !important;
}
/* Radiobox */
.x-form-radio {
  transform: none;
  background-image: none;
  background-color: var(--color-white);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  color: var(--color-violet-500);
}
.x-form-radio:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-form-radio:focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.x-form-radio:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
}
.x-form-radio:is(.dark *):disabled {
  border-color: var(--color-gray-700);
}
.x-form-radio:is(.dark *):disabled {
  background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent);
}
@media (hover: hover) {
  .x-form-radio:is(.dark *):disabled:hover {
    border-color: var(--color-gray-700);
  }
}
.x-form-radio:checked {
  border-color: transparent;
}
.x-form-radio:checked {
  background-color: var(--color-violet-500);
}
.x-form-radio:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-form-radio:focus-visible {
  --tw-ring-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
}
.x-form-radio:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-form-radio:is(.dark *):checked {
  border-color: transparent;
}
.x-form-cb-checked .x-form-radio {
  border-color: transparent;
  background-color: var(--color-violet-500);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") !important;
}
@media (forced-colors: active) {
  .x-form-cb-checked .x-form-radio {
    appearance: auto;
  }
}
/* Inputs */
input.x-form-field {
  margin-left: 1px;
}
.x-form-trigger-input-cell input[role=spinbutton] {
  width: calc(100% - 2px) !important;
}
/* Menu */
.x-menu.x-panel,
.x-menu.x-menu-plain {
  background-color: var(--color-white);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  padding-block: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-lg);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-menu.x-panel:is(.dark *),
.x-menu.x-menu-plain:is(.dark *) {
  background-color: var(--color-gray-800);
}
.x-menu.x-panel:is(.dark *),
.x-menu.x-menu-plain:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-menu-item:not(.x-menu-item-separator) {
  padding-block: calc(var(--spacing) * 1);
  padding-inline: calc(var(--spacing) * 3);
}
@media (hover: hover) {
  .x-menu-item:not(.x-menu-item-separator):hover {
    color: var(--color-violet-600);
  }
}
@media (hover: hover) {
  .x-menu-item:not(.x-menu-item-separator):is(.dark *):hover {
    color: var(--color-violet-400);
  }
}
.x-menu-item-icon {
  top: 7px;
}
.x-menu-item-active .x-menu-item-icon {
  top: 7px;
}
.x-menu-item-active {
  background-color: var(--color-purple-50);
}
.x-menu-item-indent {
  margin-left: 24px;
}
.x-menu-item .x-menu-item-text {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-600);
}
.x-menu-icon-separator {
  border-left: none;
}
.x-menu-item-separator {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200);
}
.x-menu-item-arrow {
  top: 12px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-size: 10px 10px;
  background-image: url(/css/mosaic/icons/arrow-right.svg);
  background-repeat: no-repeat;
}
.x-menu-item-active .x-menu-item-arrow {
  top: 12px;
  right: 4px;
}
.x-menu-item-checked .x-menu-item-checkbox {
  background-image: url(/css/mosaic/icons/checkbox-checked.svg);
}
.x-menu-item-unchecked .x-menu-item-checkbox {
  background-image: url(/css/mosaic/icons/checkbox.svg);
}
/* Combobox */
.x-form-trigger-input-cell {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.x-form-trigger.x-form-arrow-trigger {
  background-image: url(/css/mosaic/icons/arrow-trigger.svg);
  background-size: 11px 7px;
  background-repeat: no-repeat;
  background-position: 5px 8px;
}
.x-form-trigger.x-form-arrow-trigger-over {
  background-image: url(/css/mosaic/icons/arrow-trigger-over.svg);
}
.x-boundlist.x-boundlist-floating {
  margin-top: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  border-radius: var(--radius-lg);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-boundlist.x-boundlist-floating:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-boundlist-item {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.x-boundlist-selected {
  background: transparent;
  border-color: transparent;
  color: var(--color-violet-500);
}
.x-boundlist-item-over {
  border-color: transparent;
  background-color: var(--color-gray-50);
}
.x-boundlist-item-over:is(.dark *) {
  background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent);
}
/* Html Combobox */
input.x-htmlcombobox {
  visibility: hidden;
}
.x-form-trigger.x-form-time-trigger {
  background-image: url(/css/mosaic/icons/arrow-trigger.svg);
  background-size: 11px 7px;
  background-repeat: no-repeat;
  background-position: 5px 8px;
}
.x-form-trigger.x-form-time-trigger-over {
  background-image: url(/css/mosaic/icons/arrow-trigger-over.svg);
}
.x-form-date-trigger {
  background-image: url(/css/mosaic/icons/date-trigger.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
.x-form-date-trigger-over {
  background-image: url(/css/mosaic/icons/date-trigger-over.svg);
  background-position: 2px 2px;
}
.x-form-trigger-wrap-focus .x-form-date-trigger {
  background-position: 2px 2px;
}
.x-datepicker {
  background-color: var(--color-white);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  border-radius: var(--radius-lg);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.x-datepicker:is(.dark *) {
  background-color: var(--color-gray-800);
}
.x-datepicker:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
.x-datepicker-header {
  background-color: #fff;
}
.x-datepicker-arrow {
  top: 15px;
  background-color: #fff;
}
.x-datepicker-prev,
.x-monthpicker-yearnav-prev {
  background-image: url(/css/mosaic/icons/prev-month.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.x-datepicker-next,
.x-monthpicker-yearnav-next {
  background-image: url(/css/mosaic/icons/next-month.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.x-datepicker-month .x-btn {
  border-width: 1px !important;
}
.x-datepicker-month .x-btn-split-right {
  padding-right: 10px;
  background-size: 10px 10px;
  background-image: url(/css/mosaic/icons/arrow-trigger.svg);
}
.x-datepicker-today {
  border-color: transparent;
}
.x-datepicker-selected {
  border-color: var(--color-violet-600);
}
.x-datepicker-date {
  font-weight: var(--font-weight-medium);
}
.x-datepicker-active .x-datepicker-date {
  color: var(--color-gray-600);
  background: var(--color-gray-50);
}
.x-datepicker-selected .x-datepicker-date {
  color: var(--color-violet-50);
  background-color: var(--color-violet-600);
}
a.x-datepicker-date:hover {
  color: var(--color-violet-50);
  background-color: var(--color-violet-500);
}
.x-datepicker-footer,
.x-monthpicker-buttons {
  background-color: #fff;
}
.x-monthpicker-selected {
  color: var(--color-violet-50);
  border-color: transparent;
  background-color: var(--color-violet-600);
}
a.x-monthpicker-item-inner:hover {
  color: var(--color-violet-50);
  background-color: var(--color-violet-500);
}
.x-form-trigger.x-form-clear-trigger {
  background-image: url(/css/mosaic/icons/clear-trigger.svg);
  background-size: 9px 9px;
  background-repeat: no-repeat;
  background-position: 5px 7px;
}
.x-form-trigger.x-form-clear-trigger-over {
  background-image: url(/css/mosaic/icons/clear-trigger-over.svg);
}
/* Tab bar */
.x-tab-default {
  border-color: transparent;
  background-color: transparent;
}
.x-tab-default-active {
  border-color: transparent;
  background-color: transparent;
}
.x-tab-default .x-tab-inner {
  font-size: 14px;
  color: var(--color-gray-500);
}
.x-tab-default .x-tab-inner:is(.dark *) {
  color: var(--color-gray-400);
}
@media (hover: hover) {
  .x-tab-default:not(.x-tab-default-active) .x-tab-inner:hover {
    color: var(--color-gray-600);
  }
}
@media (hover: hover) {
  .x-tab-default:not(.x-tab-default-active) .x-tab-inner:is(.dark *):hover {
    color: var(--color-gray-300);
  }
}
.x-tab-default-active .x-tab-inner {
  color: var(--color-violet-500);
}
.x-tab-bar-strip-default {
  background-color: transparent;
}
.x-tab-default-top-active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-violet-500);
}
.x-tab-bar > .x-tab-bar-body-horizontal > .x-horizontal-box-overflow-body {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-gray-200);
}
/* Fieldset */
.x-fieldset {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
}
.x-fieldset:is(.dark *) {
  border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
}
/* GroupTabPanel */
.x-grouptabpanel {
  border: none;
  background-color: var(--color-gray-100);
}
.x-grouptabpanel:is(.dark *) {
  background-color: var(--color-gray-900);
}
.x-grouptabbar {
  padding: calc(var(--spacing) * 4);
}
.x-grouptabbar > .x-panel-body {
  border: none;
}
.x-grouptabbar .x-grid-cell-inner {
  color: var(--color-gray-800);
}
.x-grouptabbar .x-grid-cell-inner:is(.dark *) {
  color: var(--color-gray-100);
}
@media (hover: hover) {
  .x-grouptabbar .x-grid-cell-inner:hover {
    color: var(--color-gray-900);
  }
}
@media (hover: hover) {
  .x-grouptabbar .x-grid-cell-inner:is(.dark *):hover {
    color: var(--color-white);
  }
}
.x-grouptabbar .x-grouptab-cell .x-grid-cell-inner {
  padding-left: 0;
}
.x-grouptabbar .x-grouptab-cell .x-grid-cell-inner .x-tree-node-text {
  line-height: 17px !important;
  padding-left: 0;
  margin-left: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.x-grouptab-cell {
  border: 2px solid #7F7F7F;
  display: block;
  border-bottom-style: solid;
  border-bottom-color: #7F7F7F !important;
}
.x-active-group .x-grouptab-cell,
.x-grid-row-selected .x-grouptab-cell {
  background: #fff;
}
.x-grouptabpanel .x-active-group .x-grid-cell-inner {
  text-shadow: none;
}
.x-grouptabpanel > .x-box-inner > .x-box-target > .x-container {
  background-color: var(--color-white);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-top-right-radius: var(--radius-2xl);
  border-bottom-right-radius: var(--radius-2xl);
}
.x-grouptabpanel > .x-box-inner > .x-box-target > .x-grouptabcontainer {
  padding: 0;
}
.x-grouptabbar .x-grouptab {
  border: none;
  padding-left: calc(var(--spacing) * 4);
}
.x-grouptabbar .x-active-group .x-grouptab {
  border-radius: var(--radius-lg);
  --tw-gradient-position: to right in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 12%, transparent);
  --tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 4%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.x-grouptabbar .x-active-group .x-grouptab:is(.dark *) {
  --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 24%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.x-grouptabbar .x-grouptab-cell .x-tree-node-text {
  color: var(--color-gray-800);
}
.x-grouptabbar .x-grouptab-cell .x-tree-node-text:is(.dark *) {
  color: var(--color-gray-100);
}
.x-grouptabbar .x-active-tab {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
}
/* GroupTabPanel Icons */
.x-grouptabbar .x-grouptab .x-tree-icon-parent {
  filter: none;
}
.x-grouptabbar .x-grouptab .x-tree-icon {
  fill: currentColor;
  color: var(--color-gray-400);
  width: 20px;
  height: 20px;
  margin-top: -4px;
  background-size: 20px 20px;
}
.x-grouptabbar .x-grouptab .x-tree-icon:is(.dark *) {
  color: var(--color-gray-500);
}
.icon-merchants-24 {
  background-image: url(/css/mosaic/icons/scale.svg) !important;
  background-position: 0;
}
.x-grouptabbar .x-active-group .icon-merchants-24 {
  background-image: url(/css/mosaic/icons/scale-active.svg) !important;
}
.icon-information-24 {
  background-image: url(/css/mosaic/icons/info-circle.svg) !important;
}
.x-grouptabbar .x-active-group .icon-information-24 {
  background-image: url(/css/mosaic/icons/info-circle-active.svg) !important;
}
.icon-transactions-24 {
  background-image: url(/css/mosaic/icons/list-search.svg) !important;
}
.x-grouptabbar .x-active-group .icon-transactions-24 {
  background-image: url(/css/mosaic/icons/list-search-active.svg) !important;
}
table.credit-card {
  border: none;
  color: var(--color-gray-200);
  aspect-ratio: 7/4;
  --tw-gradient-position: to top right in oklab,;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-gray-900);
  --tw-gradient-to: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position) var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding: calc(var(--spacing) * 5);
  border-radius: var(--radius-xl);
}
.credit-card .first-line {
  display: flex;
  align-items: center;
}
.credit-card .first-line span {
  padding-left: 5px;
}
.credit-card .second-line {
  display: flex;
  justify-content: space-between;
}
.icon-reports-24 {
  background-image: url(/css/mosaic/icons/chart-line.svg) !important;
}
.x-grouptabbar .x-active-group .icon-reports-24 {
  background-image: url(/css/mosaic/icons/chart-line-active.svg) !important;
}
.icon-stats-24 {
  background-image: url(/css/mosaic/icons/device-desktop-analytics.svg) !important;
}
.x-grouptabbar .x-active-group .icon-stats-24 {
  background-image: url(/css/mosaic/icons/device-desktop-analytics-active.svg) !important;
}
/* Charts */
.merchant-chart-header {
  top: 0 !important;
  color: #FFF;
}
.x-panel.merchant-panel-header .x-panel-header {
  padding: 4px 9px 4px 9px;
  border-radius: 0;
}
.x-panel.merchant-panel-header .x-panel-body {
  background-color: #EAE9E9;
}
.x-panel.merchant-panel-header .x-panel-header-text-container {
  text-align: center;
}
.x-panel.merchant-panel-header .x-panel-header-text {
  font-size: 1.17em;
}
/* Tags / Badges */
.tag {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  display: inline-flex;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  border-radius: calc(infinity * 1px);
  text-align: center;
  padding-inline: calc(var(--spacing) * 2.5);
}
.tag-red {
  color: var(--color-red-700);
  background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
.tag-orange {
  color: var(--color-yellow-700);
  background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
.tag-green {
  color: var(--color-green-700);
  background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
}
.tag-black {
  color: var(--color-gray-100);
  background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
}
/* MessageBox */
.x-message-box-error {
  background-size: 32px 32px;
  background-image: url(/css/mosaic/icons/message-box-exclamation-circle.svg);
}
.x-message-box-warning {
  background-size: 32px 32px;
  background-image: url(/css/mosaic/icons/message-box-alert-triangle.svg);
}
.x-message-box-question {
  width: 35px !important;
  height: 35px !important;
  background-size: 32px 32px;
  background-image: url(/css/mosaic/icons/message-box-question-mark.svg);
  background-position: center center;
  background-color: var(--color-gray-100);
  border-radius: calc(infinity * 1px);
}
.x-mask-msg-text {
  padding: 21px 0 0;
  background-image: url(/css/mosaic/icons/notification-progress.svg);
  background-repeat: no-repeat;
  background-position: center 0;
}
.x-mask-msg-info {
  background-color: var(--color-violet-100);
}
.x-mask-msg-info div.x-mask-msg-text {
  padding: 29px 0 0;
  background-size: 24px 24px;
  background-image: url(/css/mosaic/icons/mask-info-circle-violet.svg);
  color: var(--color-gray-700);
}
.x-mask-msg-error div.x-mask-msg-text {
  background-size: 32px 32px;
  background-image: url(/img/svg/close-circle.svg);
}
.x-mask-loading div.x-mask-msg-text {
  background-image: url(/css/mosaic/icons/mask-loading.svg);
}
/* Ux.Notification */
.ux-notification-icon-information {
  background-size: 16px 16px;
  background-image: url(/img/64/dialog-information.png);
}
.ux-notification-icon-error {
  background-size: 16px 16px;
  background-image: url(/img/64/dialog-error.png);
}
.ux-notification-window.x-window {
  background-color: var(--color-violet-100);
}
.ux-notification-window .x-window-body {
  padding: 5px 5px 5px 5px;
  border-color: transparent;
  color: var(--color-gray-700);
  background-color: var(--color-violet-100);
}
.ux-notification-window .x-window-body > span > div {
  padding-left: 24px;
}
.ux-notification-window .x-window-header {
  padding-bottom: 0;
}
.ux-notification-type-info .x-header-text {
  background-image: url(/css/mosaic/icons/notification-info.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.ux-notification-type-progress .x-header-text {
  background-image: url(/css/mosaic/icons/notification-progress.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.ux-notification-window .x-window-header .x-header-text i.icon {
  visibility: hidden;
}
.ux-notification-window .x-window-header .x-header-text span.title {
  vertical-align: top;
  line-height: 18px;
}
.ux-notification-window .x-window-header-default .x-tool-img {
  background-color: transparent;
}
/* Tooltips */
.x-tip-default {
  background-color: var(--color-white);
  color: var(--color-gray-600);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  padding: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  overflow: hidden;
  margin-bottom: calc(var(--spacing) * 2);
}
.x-tip-default .x-tip-body {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  white-space: nowrap;
}
/* Other buttons */
.button-25 {
  background-color: #36A9AE;
  background-image: linear-gradient(#37ADB2, #329CA0);
  border: 1px solid #2A8387;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 100%;
  margin: 0;
  outline: 0;
  padding: 11px 15px 12px;
  text-align: center;
  transition: box-shadow 0.05s ease-in-out, opacity 0.05s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 100%;
}
.button-25:hover {
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 2px inset, rgba(0, 0, 0, 0.4) 0 1px 2px;
  text-decoration: none;
  transition-duration: 0.15s, 0.15s;
}
.button-25:active {
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px inset, rgba(0, 0, 0, 0.4) 0 1px 1px;
}
.button-25:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.button-25:disabled:active {
  pointer-events: none;
}
.button-25:disabled:hover {
  box-shadow: none;
}
.blue-border {
  border: none;
}
.blue-border .x-component-docked-bottom {
  border-left: 1px solid #B9B6B6;
  border-right: 1px solid #B9B6B6;
  border-bottom: none;
}
.x-docked-summary-bottom > div {
  border-top: none;
}
.cell-green {
  color: var(--color-green-500);
}
.x-grid-cell.cell-green {
  background-color: initial;
}
.cell-red {
  color: var(--color-red-500);
}
.x-grid-cell.cell-red {
  background-color: initial;
}
span.currency-symbol {
  color: var(--color-green-500);
}
svg text {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
}