/* /@fs/home/webfront/repos/webfront/styles/theme-anchors.css */
/*
 * Brand Anchor Variables — runtime tenant identity
 *
 * These two variables per tenant are the ONLY values that change per brand.
 * Everything in theme-tokens.css derives from these using relative color syntax.
 *
 * This file is loaded separately from the Tailwind pipeline (not @imported
 * by app.css) so that :root and [data-theme] selectors pass through to the
 * browser unchanged. Tailwind v4 strips non-@theme CSS from @imported files.
 *
 * Import this from your app entry point (e.g., loader.ts) alongside app.css.
 */

/* ── Brand Anchors ─────────────────────────────────────────────────────── */

/* Each sits at the 700 position of its derived scale (L~0.54).            */

:root {
  --brand-primary: oklch(0.54 0.09 223); /* #1a7a96 — teal */
  --brand-accent: oklch(0.54 0.25 293); /* #7c3aed — purple */
}

/* ── Per-Tenant Overrides ──────────────────────────────────────────────── */

/* Add [data-theme] selectors to swap brand anchors per tenant.            */

/* The entire derived scale in theme-tokens.css updates automatically.     */

[data-theme="beedee-bags"] {
  --brand-primary: oklch(0.54 0.09 223); /* teal (default) */
  --brand-accent: oklch(0.54 0.25 293); /* purple (default) */
}

[data-theme="webfront-blue"] {
  --brand-primary: oklch(0.54 0.09 223); /* TODO: set Pilatus brand color */
  --brand-accent: oklch(0.54 0.25 293); /* TODO: set Pilatus accent color */
}

[data-theme="track"] {
  --brand-primary: oklch(0.52 0.19 278); /* indigo */
  --brand-accent: oklch(0.58 0.23 304); /* purple */
}


/* /@fs/home/webfront/repos/webfront/styles/app.css */
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, legacy, components, utilities;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-black: #000000;
    --color-white: #ffffff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-thin: 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-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;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --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-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --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-mono-font-family: var(--font-mono);
    --color-amber-darken-3: #ff8f00;
    --color-amber-lighten-4: #ffecb3;
    --color-blue-base: #2196f3;
    --color-blue-darken-2: #1976d2;
    --color-blue-darken-3: #1565c0;
    --color-blue-lighten-4: #bbdefb;
    --color-deep-purple-base: #673ab7;
    --color-deep-purple-lighten: #7e57c2;
    --color-deep-purple-lighten-3: #b39ddb;
    --color-deep-purple-lighten-5: #ede7f6;
    --color-green-base: #4caf50;
    --color-green-darken-2: #388e3c;
    --color-green-lighten-4: #c8e6c9;
    --color-grey-base: #9e9e9e;
    --color-grey-darken-2: #616161;
    --color-grey-darken-4: #212121;
    --color-grey-lighten: #bdbdbd;
    --color-grey-lighten-2: #e0e0e0;
    --color-grey-lighten-3: #eeeeee;
    --color-grey-lighten-4: #f5f5f5;
    --color-light-blue-base: #03a9f4;
    --color-red-base: #f44336;
    --color-red-darken-2: #d32f2f;
    --color-red-lighten-4: #ffcdd2;
    --color-beedee-50: #fafcfd;
    --color-beedee-400: #c8d8db;
    --color-primary: #1e88e5;
    --color-spinner: #2196f3;
    --color-nav-foreground: #ffffff;
    --color-header-foreground: #ffffff;
    --color-form-heading: #1976d2;
    --color-form-text: #111827;
    --color-form-error: #f44336;
    --color-form-nav-group: rgba(41, 215, 255, 0.64);
    --color-form-nav-item: rgba(255, 255, 255, 0.87);
    --color-number-negative: #f44336;
    --color-number-overridden: #2196f3;
    --color-table-row-border: #eeeeee;
    --color-table-row-empty: #9e9e9e;
    --color-table-row-hover: rgba(0, 0, 0, 0.04);
    --color-table-row-selected-hover: rgba(25, 118, 210, 0.2);
    --color-table-row-multiselected-hover: rgba(251, 192, 45, 0.15);
    --color-grid-mode-single: #4caf50;
    --color-grid-mode-multi: #fbc02d;
    --color-grid-mode-dive: #9c27b0;
    --color-scrollbar-thumb: #90a4ae;
    --color-success: #4caf50;
    --color-warning: #ffc107;
    --color-error: #f44336;
    --color-brand-dark: var(--color-primary-800);
    --color-text-label: #7a909a;
    --color-border-subtle: #d4e2e8;
    --color-form-background: #ffffff;
    --color-form-section-bg: #ffffff;
    --color-form-field-border: #e0e0e0;
    --color-form-field-focus: #2196f3;
    --color-beedee-brand: #1a7a96;
    --color-beedee-brand-dark: #156582;
    --color-beedee-brand-light: #eaf4f8;
    --color-beedee-brand-mid: #a8d4e0;
    --color-beedee-bg: #f2f5f6;
    --color-beedee-card: #ffffff;
    --color-beedee-label: #7a909a;
    --color-beedee-text: #1a2d35;
    --color-beedee-border: #d4e2e8;
    --color-beedee-red: #c0392b;
    --color-beedee-green: #4caf87;
    --color-beedee-status-archived: #6366f1;
    --color-beedee-status-awaiting: #f59e0b;
    --color-beedee-status-draft: #94a3b8;
    --color-beedee-status-revisions: #ef4444;
    --color-beedee-status-submitted: #22c55e;
    --color-st-pending: #94a3b8;
    --color-st-active: #2563eb;
    --color-st-completed: #16a34a;
    --color-st-revised: #d97706;
    --color-st-pending-bg: #f8fafc;
    --color-st-active-bg: #eff6ff;
    --color-st-completed-bg: #f0fdf4;
    --color-st-revised-bg: #fffbeb;
    --color-st-pending-pill: #f1f5f9;
    --color-st-active-pill: #dbeafe;
    --color-st-completed-pill: #dcfce7;
    --color-st-revised-pill: #fef3c7;
    --color-st-page-bg: #eef2f2;
    --color-st-text: #1a2e2e;
    --color-st-muted: #7a9494;
    --color-st-muted-light: #a0b4b4;
    --color-st-group-quote: #f59e0b;
    --color-st-group-order: #0d9488;
    --color-st-group-artwork: #e11d48;
    --color-st-group-supplier: #7c3aed;
    --color-st-group-shipping: #0284c7;
    --color-st-hover-border: #c0d4d4;
    --color-st-user-pill-bg: #e8f4f4;
    --color-st-user-pill-border: #b2d8d8;
    --color-st-dep-danger-bg: #fff1f2;
    --color-st-dep-danger-border: #fecdd3;
    --color-st-dep-danger: #dc2626;
    --color-st-brand-hover: #155f5f;
    --color-st-eta-orange: #c2410c;
    --color-st-user-pill-hover: #d0eded;
    --color-st-completed-border: #bbf7d0;
    --color-st-eta-bg: #fff7ed;
    --color-st-eta-border: #fed7aa;
    --color-beedee-header: #0d718b;
    --color-beedee-contact-purple: #7c4dbc;
    --color-beedee-contact-purple-light: #f3eef9;
    --color-sl-bg: #e8e8e8;
    --color-sl-btn: #222;
    --color-sl-toolbar-text: #333;
    --color-sl-btn-hover: #555;
    --color-sl-placeholder-border: #ccc;
    --color-sl-focus: #f0f6ff;
    --color-wf-phase-quote: #4f7ef7;
    --color-wf-phase-order: #1d9e75;
    --color-wf-phase-deposit: #ba7517;
    --color-wf-phase-artwork: #7f77dd;
    --color-wf-phase-production: #639922;
    --color-wf-phase-shipment: #d85a30;
    --color-wf-phase-quote-wcag: #1a4fc4;
    --color-wf-phase-order-wcag: #0e6b4f;
    --color-wf-phase-deposit-wcag: #7a4a00;
    --color-wf-phase-artwork-wcag: #4a2e9e;
    --color-wf-phase-production-wcag: #2d5a0e;
    --color-wf-phase-shipment-wcag: #8f2010;
    --color-wf-accent: #4a2e9e;
    --color-wf-accent-bg: #f3eeff;
    --color-wf-accent-border: #c4a8f0;
    --color-wf-info-bg: #f5f8ff;
    --color-wf-info-border: #c8d4e8;
    --color-wf-info-text: #3a5aad;
    --color-wf-danger-bg: #fff5f5;
    --color-wf-danger-border: #f09595;
    --color-wf-danger-text: #a32d2d;
    --color-wf-text-primary: #1a2540;
    --color-wf-text-muted: #8a97b0;
    --color-wf-text-faint: #a0aec0;
    --color-wf-text-username: #b0bcd4;
    --color-wf-text-inverse: #3a4a6a;
    --color-wf-text-dept: #607090;
    --color-wf-border: #d8e0ee;
    --color-wf-surface: #f0f3f9;
    --color-wf-surface-hover: #f9fbff;
    --color-wf-success-bg: #e6f4ec;
    --color-wf-success-text: #1e7e34;
    --color-wf-success-border: #a8d5b5;
    --color-wf-warning-bg: #fff8f0;
    --color-wf-warning-text: #7a4a00;
    --color-wf-warning-border: #f5c97a;
    --color-wf-fail-bg: #fcebeb;
    --color-wf-fail-text: #a32d2d;
    --color-wf-fail-border: #f0a0a0;
    --color-wf-start-bg: #e8f0fe;
    --color-wf-start-text: #2a5ec4;
    --color-wf-start-border: #b3c8f5;
    --color-action-primary: #1976d2;
    --color-action-primary-active: #0d47a1;
    --color-action-primary-hover: #1565c0;
    --color-action-primary-text: #ffffff;
    --color-action-primary-transparent: rgba(25, 118, 210, 0.08);
    --color-bg-elevated: #ffffff;
    --color-bg-page: #f0f0f0;
    --color-bg-surface: #ffffff;
    --color-border-default: rgba(0, 0, 0, 0.12);
    --color-border-focus: #1976d2;
    --color-feedback-danger: #f44336;
    --color-feedback-info: #3fc3ee;
    --color-feedback-success: #4caf50;
    --color-feedback-warning: #e65100;
    --color-scrollbar-background: #e0e0e0;
    --color-text-primary: #111827;
    --color-text-secondary: rgba(17, 24, 39, 0.72);
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-6: 24px;
    --spacing-12: 48px;
    --spacing-24: 96px;
    --spacing-36: 144px;
    --spacing-48: 192px;
    --spacing-60: 240px;
    --font-app: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif;
    --font-size-sm: 14px;
    --font-size-xs: 12px;
    --radius-none: 0px;
    --radius-pill: 9999px;
    --radius-beedee: 12px;
    --radius-beedee-sm: 8px;
    --shadow-overlay: 0 8px 24px rgba(15, 23, 42, 0.2);
    --shadow-popout: 0 4px 12px rgba(15, 23, 42, 0.16);
    --duration-base: 200ms;
    --duration-fast: 120ms;
    --duration-slow: 320ms;
    --ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --page-max-width: 1200px;
    --page-min-width: 320px;
    --color-primary-200: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
    --color-primary-400: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
    --color-primary-700: oklch(from var(--brand-primary) l c h);
    --color-primary-800: oklch(from var(--brand-primary) calc(l - 0.08) calc(c * 0.9) h);
    --color-brand: var(--color-primary-700);
    --color-nav-background: var(--color-primary-700);
    --color-header-background: var(--color-primary-700);
    --color-surface-page: #f2f5f6;
    --color-surface-card: #ffffff;
    --color-surface-border: #d4e2e8;
  }
}
@layer base {
  *, ::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;
  }
  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;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  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;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-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;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .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-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: var(--spacing-0);
  }
  .inset-4 {
    inset: var(--spacing-4);
  }
  .inset-\[7\%\] {
    inset: 7%;
  }
  .inset-x-0 {
    inset-inline: var(--spacing-0);
  }
  .inset-y-0 {
    inset-block: var(--spacing-0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-2 {
    top: calc(var(--spacing-2) * -1);
  }
  .-top-\[2px\] {
    top: calc(2px * -1);
  }
  .-top-\[4px\] {
    top: calc(4px * -1);
  }
  .-top-\[6px\] {
    top: calc(6px * -1);
  }
  .-top-\[12px\] {
    top: calc(12px * -1);
  }
  .-top-\[28px\] {
    top: calc(28px * -1);
  }
  .-top-\[56px\] {
    top: calc(56px * -1);
  }
  .\[top\:50\%\] {
    top: 50%;
  }
  .\[top\:100\%\] {
    top: 100%;
  }
  .\[top\:calc\(50\%_-_70px\)\] {
    top: calc(50% - 70px);
  }
  .\[top\:calc\(50\%_-_75vmax\)\] {
    top: calc(50% - 75vmax);
  }
  .\[top\:calc\(100\%_\+_8px\)\] {
    top: calc(100% + 8px);
  }
  .\[top\:calc\(100\%_\+_var\(--space-1\)\)\] {
    top: calc(100% + var(--space-1));
  }
  .\[top\:calc\(var\(--base-padding\)_-_2px\)\] {
    top: calc(var(--base-padding) - 2px);
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-1 {
    top: var(--spacing-1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-3 {
    top: var(--spacing-3);
  }
  .top-4 {
    top: var(--spacing-4);
  }
  .top-6 {
    top: var(--spacing-6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-28 {
    top: calc(var(--spacing) * 28);
  }
  .top-80 {
    top: calc(var(--spacing) * 80);
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[0\] {
    top: 0;
  }
  .top-\[0px\] {
    top: 0px;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[6px\] {
    top: 6px;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[9px\] {
    top: 9px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[18px\] {
    top: 18px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[32px\] {
    top: 32px;
  }
  .top-\[52px\] {
    top: 52px;
  }
  .top-\[64px\] {
    top: 64px;
  }
  .top-\[70px\] {
    top: 70px;
  }
  .top-\[80px\] {
    top: 80px;
  }
  .top-\[110px\] {
    top: 110px;
  }
  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-right-1 {
    right: calc(var(--spacing-1) * -1);
  }
  .-right-2 {
    right: calc(var(--spacing-2) * -1);
  }
  .-right-\[4px\] {
    right: calc(4px * -1);
  }
  .-right-\[8px\] {
    right: calc(8px * -1);
  }
  .\[right\:calc\(var\(--base-padding\)_-_2px\)\] {
    right: calc(var(--base-padding) - 2px);
  }
  .right-0 {
    right: var(--spacing-0);
  }
  .right-1 {
    right: var(--spacing-1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: var(--spacing-2);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-11 {
    right: calc(var(--spacing) * 11);
  }
  .right-\[0\] {
    right: 0;
  }
  .right-\[0px\] {
    right: 0px;
  }
  .right-\[4px\] {
    right: 4px;
  }
  .right-\[5px\] {
    right: 5px;
  }
  .right-\[8px\] {
    right: 8px;
  }
  .right-\[10px\] {
    right: 10px;
  }
  .right-\[11px\] {
    right: 11px;
  }
  .right-\[12px\] {
    right: 12px;
  }
  .right-\[13px\] {
    right: 13px;
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .right-\[32px\] {
    right: 32px;
  }
  .right-\[64px\] {
    right: 64px;
  }
  .-bottom-\[88px\] {
    bottom: calc(88px * -1);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .\[bottom\:calc\(100\%_\+_7px\)\] {
    bottom: calc(100% + 7px);
  }
  .bottom-0 {
    bottom: var(--spacing-0);
  }
  .bottom-1 {
    bottom: var(--spacing-1);
  }
  .bottom-4 {
    bottom: var(--spacing-4);
  }
  .bottom-\[0px\] {
    bottom: 0px;
  }
  .bottom-\[10px\] {
    bottom: 10px;
  }
  .bottom-\[24px\] {
    bottom: 24px;
  }
  .-left-\[2px\] {
    left: calc(2px * -1);
  }
  .-left-\[12px\] {
    left: calc(12px * -1);
  }
  .-left-\[14px\] {
    left: calc(14px * -1);
  }
  .\[left\:12px\] {
    left: 12px;
  }
  .\[left\:32px\] {
    left: 32px;
  }
  .\[left\:50\%\] {
    left: 50%;
  }
  .\[left\:calc\(50\%_-_20px\)\] {
    left: calc(50% - 20px);
  }
  .\[left\:calc\(50\%_-_70px\)\] {
    left: calc(50% - 70px);
  }
  .\[left\:calc\(50\%_-_75vmax\)\] {
    left: calc(50% - 75vmax);
  }
  .\[left\:calc\(100\%_-_4px\)\] {
    left: calc(100% - 4px);
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-2 {
    left: var(--spacing-2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: var(--spacing-3);
  }
  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }
  .left-4 {
    left: var(--spacing-4);
  }
  .left-11 {
    left: calc(var(--spacing) * 11);
  }
  .left-13 {
    left: calc(var(--spacing) * 13);
  }
  .left-\[-10px\] {
    left: -10px;
  }
  .left-\[0px\] {
    left: 0px;
  }
  .left-\[4px\] {
    left: 4px;
  }
  .left-\[13px\] {
    left: 13px;
  }
  .left-\[14px\] {
    left: 14px;
  }
  .left-\[16px\] {
    left: 16px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[54px\] {
    left: 54px;
  }
  .left-\[64px\] {
    left: 64px;
  }
  .left-\[168px\] {
    left: 168px;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-9 {
    z-index: 9;
  }
  .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;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[8\] {
    z-index: 8;
  }
  .z-\[9\] {
    z-index: 9;
  }
  .z-\[11\] {
    z-index: 11;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[110\] {
    z-index: 110;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[199\] {
    z-index: 199;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[201\] {
    z-index: 201;
  }
  .z-\[300\] {
    z-index: 300;
  }
  .z-\[400\] {
    z-index: 400;
  }
  .z-\[401\] {
    z-index: 401;
  }
  .z-\[500\] {
    z-index: 500;
  }
  .z-\[501\] {
    z-index: 501;
  }
  .z-\[600\] {
    z-index: 600;
  }
  .z-\[601\] {
    z-index: 601;
  }
  .z-\[701\] {
    z-index: 701;
  }
  .z-\[900\] {
    z-index: 900;
  }
  .z-\[901\] {
    z-index: 901;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1300\] {
    z-index: 1300;
  }
  .z-\[2000\] {
    z-index: 2000;
  }
  .z-\[3000\] {
    z-index: 3000;
  }
  .z-\[8000\] {
    z-index: 8000;
  }
  .z-\[9000\] {
    z-index: 9000;
  }
  .z-\[9001\] {
    z-index: 9001;
  }
  .z-\[9002\] {
    z-index: 9002;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .z-\[10001\] {
    z-index: 10001;
  }
  .z-\[30000\] {
    z-index: 30000;
  }
  .z-\[99999\] {
    z-index: 99999;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .order-1 {
    order: 1;
  }
  .\[grid-column\:1\/-1\] {
    grid-column: 1/-1;
  }
  .\[grid-column\:1_\/_-1\] {
    grid-column: 1 / -1;
  }
  .\[grid-column\:2_\/_4\] {
    grid-column: 2 / 4;
  }
  .\[grid-column\:span_2\] {
    grid-column: span 2;
  }
  .\[grid-column\:span_3\] {
    grid-column: span 3;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-0 {
    grid-row: 0;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .clear-both {
    clear: both;
  }
  .container {
    width: 100%;
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1024px) {
      max-width: 1024px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1536px) {
      max-width: 1536px;
    }
  }
  .\[margin\:0\] {
    margin: 0;
  }
  .\[margin\:0_0_8px\] {
    margin: 0 0 8px;
  }
  .\[margin\:0_0_20px\] {
    margin: 0 0 20px;
  }
  .\[margin\:0_4px\] {
    margin: 0 4px;
  }
  .\[margin\:0_5px\] {
    margin: 0 5px;
  }
  .\[margin\:0_8px_0_0\] {
    margin: 0 8px 0 0;
  }
  .\[margin\:0_18px\] {
    margin: 0 18px;
  }
  .\[margin\:0_auto\] {
    margin: 0 auto;
  }
  .\[margin\:0px_4px\] {
    margin: 0px 4px;
  }
  .\[margin\:0px_8px\] {
    margin: 0px 8px;
  }
  .\[margin\:0px_16px\] {
    margin: 0px 16px;
  }
  .\[margin\:3px_0_0_10px\] {
    margin: 3px 0 0 10px;
  }
  .\[margin\:3px_5px\] {
    margin: 3px 5px;
  }
  .\[margin\:4px_0\] {
    margin: 4px 0;
  }
  .\[margin\:4px_0_0\] {
    margin: 4px 0 0;
  }
  .\[margin\:4px_0_0_0\] {
    margin: 4px 0 0 0;
  }
  .\[margin\:4px_0px\] {
    margin: 4px 0px;
  }
  .\[margin\:4px_2px\] {
    margin: 4px 2px;
  }
  .\[margin\:6px_0\] {
    margin: 6px 0;
  }
  .\[margin\:6px_20px_2px\] {
    margin: 6px 20px 2px;
  }
  .\[margin\:10px_0_5px\] {
    margin: 10px 0 5px;
  }
  .\[margin\:12px_0\] {
    margin: 12px 0;
  }
  .\[margin\:12px_0_16px\] {
    margin: 12px 0 16px;
  }
  .\[margin\:12px_auto_4px\] {
    margin: 12px auto 4px;
  }
  .\[margin\:16px_0_8px_0\] {
    margin: 16px 0 8px 0;
  }
  .\[margin\:16px_0px\] {
    margin: 16px 0px;
  }
  .\[margin\:16px_32px\] {
    margin: 16px 32px;
  }
  .\[margin\:16px_32px_4px\] {
    margin: 16px 32px 4px;
  }
  .\[margin\:20px_auto\] {
    margin: 20px auto;
  }
  .\[margin\:32px_16px_16px_8px\] {
    margin: 32px 16px 16px 8px;
  }
  .\[margin\:32px_auto_auto\] {
    margin: 32px auto auto;
  }
  .\[margin\:auto_auto\] {
    margin: auto auto;
  }
  .\[margin\:var\(--cell-gap\)\] {
    margin: var(--cell-gap);
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .m-1 {
    margin: var(--spacing-1);
  }
  .m-2 {
    margin: var(--spacing-2);
  }
  .m-\[0\] {
    margin: 0;
  }
  .m-\[0px\] {
    margin: 0px;
  }
  .m-\[2px\] {
    margin: 2px;
  }
  .m-\[3px\] {
    margin: 3px;
  }
  .m-\[4px\] {
    margin: 4px;
  }
  .m-\[6px\] {
    margin: 6px;
  }
  .m-\[8px\] {
    margin: 8px;
  }
  .m-\[16px\] {
    margin: 16px;
  }
  .m-\[32px\] {
    margin: 32px;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-\[20px\] {
    margin-inline: calc(20px * -1);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: var(--spacing-1);
  }
  .mx-2 {
    margin-inline: var(--spacing-2);
  }
  .mx-4 {
    margin-inline: var(--spacing-4);
  }
  .mx-\[4px\] {
    margin-inline: 4px;
  }
  .mx-\[8px\] {
    margin-inline: 8px;
  }
  .mx-\[12px\] {
    margin-inline: 12px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: var(--spacing-1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: var(--spacing-2);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-\[2px\] {
    margin-block: 2px;
  }
  .my-\[4px\] {
    margin-block: 4px;
  }
  .my-\[6px\] {
    margin-block: 6px;
  }
  .my-auto {
    margin-block: auto;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-\[6px\] {
    margin-top: calc(6px * -1);
  }
  .-mt-\[16px\] {
    margin-top: calc(16px * -1);
  }
  .-mt-\[32px\] {
    margin-top: calc(32px * -1);
  }
  .-mt-\[48px\] {
    margin-top: calc(48px * -1);
  }
  .\[margin-top\:-24px\] {
    margin-top: -24px;
  }
  .\[margin-top\:0\.5em\] {
    margin-top: 0.5em;
  }
  .\[margin-top\:2px\] {
    margin-top: 2px;
  }
  .\[margin-top\:4px\] {
    margin-top: 4px;
  }
  .\[margin-top\:6px\] {
    margin-top: 6px;
  }
  .\[margin-top\:40px\] {
    margin-top: 40px;
  }
  .\[margin-top\:50px\] {
    margin-top: 50px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: var(--spacing-12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-\[0px\] {
    margin-top: 0px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[11px\] {
    margin-top: 11px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mt-\[35px\] {
    margin-top: 35px;
  }
  .mt-\[48px\] {
    margin-top: 48px;
  }
  .mt-\[88px\] {
    margin-top: 88px;
  }
  .mt-\[220px\] {
    margin-top: 220px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-\[15px\] {
    margin-right: calc(15px * -1);
  }
  .-mr-\[32px\] {
    margin-right: calc(32px * -1);
  }
  .mr-\(--gap\) {
    margin-right: var(--gap);
  }
  .mr-0 {
    margin-right: var(--spacing-0);
  }
  .mr-1 {
    margin-right: var(--spacing-1);
  }
  .mr-2 {
    margin-right: var(--spacing-2);
  }
  .mr-3 {
    margin-right: var(--spacing-3);
  }
  .mr-4 {
    margin-right: var(--spacing-4);
  }
  .mr-\[0px\] {
    margin-right: 0px;
  }
  .mr-\[2px\] {
    margin-right: 2px;
  }
  .mr-\[4px\] {
    margin-right: 4px;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-\[1px\] {
    margin-bottom: calc(1px * -1);
  }
  .-mb-\[2px\] {
    margin-bottom: calc(2px * -1);
  }
  .-mb-\[6px\] {
    margin-bottom: calc(6px * -1);
  }
  .-mb-\[32px\] {
    margin-bottom: calc(32px * -1);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .\[margin-bottom\:3px\] {
    margin-bottom: 3px;
  }
  .\[margin-bottom\:5px\] {
    margin-bottom: 5px;
  }
  .\[margin-bottom\:6px\] {
    margin-bottom: 6px;
  }
  .\[margin-bottom\:8px\] {
    margin-bottom: 8px;
  }
  .\[margin-bottom\:10px\] {
    margin-bottom: 10px;
  }
  .\[margin-bottom\:14px\] {
    margin-bottom: 14px;
  }
  .\[margin-bottom\:32px\] {
    margin-bottom: 32px;
  }
  .\[margin-bottom\:calc\(2_\*_var\(--cell-gap\)\)\] {
    margin-bottom: calc(2 * var(--cell-gap));
  }
  .mb-0 {
    margin-bottom: var(--spacing-0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: var(--spacing-2);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: var(--spacing-12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-\[-16px\] {
    margin-bottom: -16px;
  }
  .mb-\[-40px\] {
    margin-bottom: -40px;
  }
  .mb-\[0px\] {
    margin-bottom: 0px;
  }
  .mb-\[1rem\] {
    margin-bottom: 1rem;
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[2rem\] {
    margin-bottom: 2rem;
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[7px\] {
    margin-bottom: 7px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[14px\] {
    margin-bottom: 14px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[18px\] {
    margin-bottom: 18px;
  }
  .mb-\[20px\] {
    margin-bottom: 20px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[26px\] {
    margin-bottom: 26px;
  }
  .mb-\[28px\] {
    margin-bottom: 28px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .mb-\[32px\] {
    margin-bottom: 32px;
  }
  .mb-\[50vh\] {
    margin-bottom: 50vh;
  }
  .mb-\[56px\] {
    margin-bottom: 56px;
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .-ml-\[10px\] {
    margin-left: calc(10px * -1);
  }
  .-ml-\[32px\] {
    margin-left: calc(32px * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: var(--spacing-1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: var(--spacing-2);
  }
  .ml-3 {
    margin-left: var(--spacing-3);
  }
  .ml-4 {
    margin-left: var(--spacing-4);
  }
  .ml-16 {
    margin-left: calc(var(--spacing) * 16);
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[4px\] {
    margin-left: 4px;
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[6px\] {
    margin-left: 6px;
  }
  .ml-\[7px\] {
    margin-left: 7px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .ml-\[9px\] {
    margin-left: 9px;
  }
  .ml-\[16px\] {
    margin-left: 16px;
  }
  .ml-\[32px\] {
    margin-left: 32px;
  }
  .ml-\[54px\] {
    margin-left: 54px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .\!block {
    display: block !important;
  }
  .\[display\:block\] {
    display: block;
  }
  .\[display\:flex\] {
    display: flex;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .\[aspect-ratio\:1\/1\] {
    aspect-ratio: 1/1;
  }
  .\[aspect-ratio\:3\.5_\/_1\] {
    aspect-ratio: 3.5 / 1;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .size-0 {
    width: var(--spacing-0);
    height: var(--spacing-0);
  }
  .size-1 {
    width: var(--spacing-1);
    height: var(--spacing-1);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: var(--spacing-2);
    height: var(--spacing-2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: var(--spacing-3);
    height: var(--spacing-3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: var(--spacing-4);
    height: var(--spacing-4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: var(--spacing-6);
    height: var(--spacing-6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: var(--spacing-24);
    height: var(--spacing-24);
  }
  .size-26 {
    width: calc(var(--spacing) * 26);
    height: calc(var(--spacing) * 26);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-36 {
    width: var(--spacing-36);
    height: var(--spacing-36);
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-80 {
    width: calc(var(--spacing) * 80);
    height: calc(var(--spacing) * 80);
  }
  .size-120 {
    width: calc(var(--spacing) * 120);
    height: calc(var(--spacing) * 120);
  }
  .size-240 {
    width: calc(var(--spacing) * 240);
    height: calc(var(--spacing) * 240);
  }
  .size-\[0\] {
    width: 0;
    height: 0;
  }
  .size-\[0px\] {
    width: 0px;
    height: 0px;
  }
  .size-\[4px\] {
    width: 4px;
    height: 4px;
  }
  .size-\[5px\] {
    width: 5px;
    height: 5px;
  }
  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }
  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }
  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }
  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[36px\] {
    width: 36px;
    height: 36px;
  }
  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }
  .size-\[40px\] {
    width: 40px;
    height: 40px;
  }
  .size-\[44px\] {
    width: 44px;
    height: 44px;
  }
  .size-\[48px\] {
    width: 48px;
    height: 48px;
  }
  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }
  .size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }
  .size-\[80px\] {
    width: 80px;
    height: 80px;
  }
  .size-\[96px\] {
    width: 96px;
    height: 96px;
  }
  .size-\[120px\] {
    width: 120px;
    height: 120px;
  }
  .size-\[150vmax\] {
    width: 150vmax;
    height: 150vmax;
  }
  .size-\[400px\] {
    width: 400px;
    height: 400px;
  }
  .size-\[800px\] {
    width: 800px;
    height: 800px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\[height\:0\%\] {
    height: 0%;
  }
  .\[height\:0\.5px\] {
    height: 0.5px;
  }
  .\[height\:1px\] {
    height: 1px;
  }
  .\[height\:2\.5em\] {
    height: 2.5em;
  }
  .\[height\:20px\] {
    height: 20px;
  }
  .\[height\:72px\] {
    height: 72px;
  }
  .\[height\:80px\] {
    height: 80px;
  }
  .\[height\:100\%\] {
    height: 100%;
  }
  .\[height\:100vh\] {
    height: 100vh;
  }
  .\[height\:200px\] {
    height: 200px;
  }
  .\[height\:calc\(16px_\*_2\)\] {
    height: calc(16px * 2);
  }
  .\[height\:calc\(24px_\+_8px_\*_2\)\] {
    height: calc(24px + 8px * 2);
  }
  .\[height\:calc\(100\%_-_24px\)\] {
    height: calc(100% - 24px);
  }
  .\[height\:calc\(100\%_-_32px\)\] {
    height: calc(100% - 32px);
  }
  .\[height\:calc\(100\%_-_48px\)\] {
    height: calc(100% - 48px);
  }
  .\[height\:calc\(100\%_-_80px\)\] {
    height: calc(100% - 80px);
  }
  .\[height\:calc\(100vh_-_64px\)\] {
    height: calc(100vh - 64px);
  }
  .\[height\:calc\(100vh_-_160px\)\] {
    height: calc(100vh - 160px);
  }
  .\[height\:calc\(100vh_-_256px\)\] {
    height: calc(100vh - 256px);
  }
  .\[height\:calc\(var\(--height\)_\+_8\)\] {
    height: calc(var(--height) + 8);
  }
  .\[height\:var\(--cell-size\)\] {
    height: var(--cell-size);
  }
  .\[height\:var\(--space-8\,_32px\)\] {
    height: var(--space-8, 32px);
  }
  .h-0 {
    height: var(--spacing-0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: var(--spacing-1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: var(--spacing-2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: var(--spacing-3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: var(--spacing-4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: 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-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: var(--spacing-12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: var(--spacing-24);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[41px\] {
    height: 41px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[43px\] {
    height: 43px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[75vh\] {
    height: 75vh;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[92vh\] {
    height: 92vh;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[164px\] {
    height: 164px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .\[max-height\:60vh\] {
    max-height: 60vh;
  }
  .\[max-height\:80vh\] {
    max-height: 80vh;
  }
  .\[max-height\:calc\(100vh_-_0px\)\] {
    max-height: calc(100vh - 0px);
  }
  .\[max-height\:calc\(100vh_-_96px\)\] {
    max-height: calc(100vh - 96px);
  }
  .\[max-height\:calc\(100vh_-_130px\)\] {
    max-height: calc(100vh - 130px);
  }
  .\[max-height\:calc\(100vh_-_140px\)\] {
    max-height: calc(100vh - 140px);
  }
  .\[max-height\:calc\(100vh_-_256px\)\] {
    max-height: calc(100vh - 256px);
  }
  .\[max-height\:min\(50vh\,_400px\)\] {
    max-height: min(50vh, 400px);
  }
  .max-h-60 {
    max-height: var(--spacing-60);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-\[29px\] {
    max-height: 29px;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[440px\] {
    max-height: 440px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[640px\] {
    max-height: 640px;
  }
  .max-h-\[700px\] {
    max-height: 700px;
  }
  .max-h-\[922px\] {
    max-height: 922px;
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[calc\(100vh-80px\)\] {
    max-height: calc(100vh - 80px);
  }
  .max-h-\[calc\(100vh-90px\)\] {
    max-height: calc(100vh - 90px);
  }
  .max-h-\[calc\(100vh-96px\)\] {
    max-height: calc(100vh - 96px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .\[min-height\:1\.3em\] {
    min-height: 1.3em;
  }
  .\[min-height\:1\.25em\] {
    min-height: 1.25em;
  }
  .\[min-height\:48px\] {
    min-height: 48px;
  }
  .\[min-height\:60px\] {
    min-height: 60px;
  }
  .\[min-height\:100vh\] {
    min-height: 100vh;
  }
  .\[min-height\:calc\(100vh_-_56px\)\] {
    min-height: calc(100vh - 56px);
  }
  .min-h-0 {
    min-height: var(--spacing-0);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: var(--spacing-6);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-43 {
    min-height: calc(var(--spacing) * 43);
  }
  .min-h-46 {
    min-height: calc(var(--spacing) * 46);
  }
  .min-h-60 {
    min-height: var(--spacing-60);
  }
  .min-h-84 {
    min-height: calc(var(--spacing) * 84);
  }
  .min-h-90 {
    min-height: calc(var(--spacing) * 90);
  }
  .min-h-\[12px\] {
    min-height: 12px;
  }
  .min-h-\[18px\] {
    min-height: 18px;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[74px\] {
    min-height: 74px;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[297mm\] {
    min-height: 297mm;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[640px\] {
    min-height: 640px;
  }
  .min-h-\[700px\] {
    min-height: 700px;
  }
  .min-h-\[calc\(100vh_-_56px\)\] {
    min-height: calc(100vh - 56px);
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\[width\:0\%\] {
    width: 0%;
  }
  .\[width\:20px\] {
    width: 20px;
  }
  .\[width\:50\%\] {
    width: 50%;
  }
  .\[width\:72px\] {
    width: 72px;
  }
  .\[width\:80px\] {
    width: 80px;
  }
  .\[width\:90\%\] {
    width: 90%;
  }
  .\[width\:95\%\] {
    width: 95%;
  }
  .\[width\:96\%\] {
    width: 96%;
  }
  .\[width\:100\%\] {
    width: 100%;
  }
  .\[width\:400px\] {
    width: 400px;
  }
  .\[width\:calc\(50\%\+10px\)\] {
    width: calc(50% + 10px);
  }
  .\[width\:calc\(100\%_-_4px\)\] {
    width: calc(100% - 4px);
  }
  .\[width\:calc\(100\%_-_16px\)\] {
    width: calc(100% - 16px);
  }
  .\[width\:calc\(100\%_-_24px\)\] {
    width: calc(100% - 24px);
  }
  .\[width\:calc\(100\%_-_128px\)\] {
    width: calc(100% - 128px);
  }
  .\[width\:calc\(100vw_-_64px\)\] {
    width: calc(100vw - 64px);
  }
  .\[width\:calc\(var\(--width\)_\+_8\)\] {
    width: calc(var(--width) + 8);
  }
  .\[width\:min\(90vw\,_560px\)\] {
    width: min(90vw, 560px);
  }
  .\[width\:min\(440px\,_94vw\)\] {
    width: min(440px, 94vw);
  }
  .\[width\:min\(640px\,_94vw\)\] {
    width: min(640px, 94vw);
  }
  .\[width\:min\(680px\,96vw\)\] {
    width: min(680px, 96vw);
  }
  .\[width\:min\(760px\,_94vw\)\] {
    width: min(760px, 94vw);
  }
  .\[width\:min\(860px\,_96vw\)\] {
    width: min(860px, 96vw);
  }
  .\[width\:var\(--space-8\,_32px\)\] {
    width: var(--space-8, 32px);
  }
  .w-1 {
    width: var(--spacing-1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-2 {
    width: var(--spacing-2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-3 {
    width: var(--spacing-3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: var(--spacing-4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: 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-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: var(--spacing-12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: var(--spacing-24);
  }
  .w-36 {
    width: var(--spacing-36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: var(--spacing-48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: var(--spacing-60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-280 {
    width: calc(var(--spacing) * 280);
  }
  .w-300 {
    width: calc(var(--spacing) * 300);
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-\[15\%\] {
    width: 15%;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[24rem\] {
    width: 24rem;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[41px\] {
    width: 41px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[86px\] {
    width: 86px;
  }
  .w-\[90vw\] {
    width: 90vw;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[118px\] {
    width: 118px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[190px\] {
    width: 190px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[210px\] {
    width: 210px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[310px\] {
    width: 310px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[640px\] {
    width: 640px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-\[860px\] {
    width: 860px;
  }
  .w-\[1000px\] {
    width: 1000px;
  }
  .w-\[1024px\] {
    width: 1024px;
  }
  .w-\[1242px\] {
    width: 1242px;
  }
  .w-\[min\(1150px\,calc\(100vw-32px\)\)\] {
    width: min(1150px, calc(100vw - 32px));
  }
  .w-\[min\(1200px\,96vw\)\] {
    width: min(1200px, 96vw);
  }
  .w-\[min\(1242px\,calc\(100vw-4rem\)\)\] {
    width: min(1242px, calc(100vw - 4rem));
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .\[max-width\:25\%\] {
    max-width: 25%;
  }
  .\[max-width\:88\%\] {
    max-width: 88%;
  }
  .\[max-width\:100\%\] {
    max-width: 100%;
  }
  .\[max-width\:340px\] {
    max-width: 340px;
  }
  .\[max-width\:780px\] {
    max-width: 780px;
  }
  .\[max-width\:880px\] {
    max-width: 880px;
  }
  .\[max-width\:calc\(100vw_-_32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }
  .max-w-1000 {
    max-width: calc(var(--spacing) * 1000);
  }
  .max-w-1200 {
    max-width: calc(var(--spacing) * 1200);
  }
  .max-w-\[24px\] {
    max-width: 24px;
  }
  .max-w-\[60vw\] {
    max-width: 60vw;
  }
  .max-w-\[68px\] {
    max-width: 68px;
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-\[96vw\] {
    max-width: 96vw;
  }
  .max-w-\[100vw\] {
    max-width: 100vw;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[210mm\] {
    max-width: 210mm;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[690px\] {
    max-width: 690px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[768px\] {
    max-width: 768px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[950px\] {
    max-width: 950px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[1060px\] {
    max-width: 1060px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1120px\] {
    max-width: 1120px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1242px\] {
    max-width: 1242px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[calc\(100vw-48px\)\] {
    max-width: calc(100vw - 48px);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .\[min-width\:1\.25em\] {
    min-width: 1.25em;
  }
  .\[min-width\:max\(160px\,_66\%\)\] {
    min-width: max(160px, 66%);
  }
  .\[min-width\:var\(--yAxisWidth\)\] {
    min-width: var(--yAxisWidth);
  }
  .min-w-0 {
    min-width: var(--spacing-0);
  }
  .min-w-24 {
    min-width: var(--spacing-24);
  }
  .min-w-35 {
    min-width: calc(var(--spacing) * 35);
  }
  .min-w-48 {
    min-width: var(--spacing-48);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-110 {
    min-width: calc(var(--spacing) * 110);
  }
  .min-w-170 {
    min-width: calc(var(--spacing) * 170);
  }
  .min-w-200 {
    min-width: calc(var(--spacing) * 200);
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[14px\] {
    min-width: 14px;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[22px\] {
    min-width: 22px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[28px\] {
    min-width: 28px;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[35px\] {
    min-width: 35px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[112px\] {
    min-width: 112px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[138px\] {
    min-width: 138px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[170px\] {
    min-width: 170px;
  }
  .min-w-\[176px\] {
    min-width: 176px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-\[420px\] {
    min-width: 420px;
  }
  .min-w-\[480px\] {
    min-width: 480px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-\[900px\] {
    min-width: 900px;
  }
  .min-w-\[1000px\] {
    min-width: 1000px;
  }
  .min-w-\[1200px\] {
    min-width: 1200px;
  }
  .min-w-auto {
    min-width: auto;
  }
  .min-w-full {
    min-width: 100%;
  }
  .\[flex\:0_0_25\%\] {
    flex: 0 0 25%;
  }
  .\[flex\:0_0_50\%\] {
    flex: 0 0 50%;
  }
  .\[flex\:0_0_480px\] {
    flex: 0 0 480px;
  }
  .\[flex\:0_0_clamp\(150px\,_40\%\,_350px\)\] {
    flex: 0 0 clamp(150px, 40%, 350px);
  }
  .\[flex\:0_1_640px\] {
    flex: 0 1 640px;
  }
  .\[flex\:1_1_0\%\] {
    flex: 1 1 0%;
  }
  .\[flex\:1_1_0\] {
    flex: 1 1 0;
  }
  .\[flex\:1_1_auto\] {
    flex: 1 1 auto;
  }
  .\[flex\:unset\] {
    flex: unset;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-3 {
    flex: 3;
  }
  .flex-4 {
    flex: 4;
  }
  .flex-5 {
    flex: 5;
  }
  .flex-6 {
    flex: 6;
  }
  .flex-7 {
    flex: 7;
  }
  .flex-8 {
    flex: 8;
  }
  .flex-9 {
    flex: 9;
  }
  .flex-10 {
    flex: 10;
  }
  .flex-11 {
    flex: 11;
  }
  .flex-12 {
    flex: 12;
  }
  .flex-\[0_1_460px\] {
    flex: 0 1 460px;
  }
  .flex-\[0_1_690px\] {
    flex: 0 1 690px;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-2 {
    flex-shrink: 2;
  }
  .shrink-8 {
    flex-shrink: 8;
  }
  .\[flex-grow\:0\] {
    flex-grow: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-48 {
    flex-basis: var(--spacing-48);
  }
  .\[border-collapse\:collapse\] {
    border-collapse: collapse;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .\[border-spacing\:1px\] {
    border-spacing: 1px;
  }
  .\[transform-origin\:50\%_50\%\] {
    transform-origin: 50% 50%;
  }
  .translate-x-0 {
    --tw-translate-x: var(--spacing-0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: var(--spacing-3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3\.5 {
    --tw-translate-x: calc(var(--spacing) * 3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: var(--spacing-4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    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);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .\[transform\:none\] {
    transform: none;
  }
  .\[transform\:rotate\(0deg\)\] {
    transform: rotate(0deg);
  }
  .\[transform\:rotate\(90deg\)\] {
    transform: rotate(90deg);
  }
  .\[transform\:scale\(0\)\] {
    transform: scale(0);
  }
  .\[transform\:scale\(1\.2\)\] {
    transform: scale(1.2);
  }
  .\[transform\:translate\(-50\%\,-50\%\)\] {
    transform: translate(-50%,-50%);
  }
  .\[transform\:translate\(-50\%\,_-50\%\)\] {
    transform: translate(-50%, -50%);
  }
  .\[transform\:translateX\(-100\%\)\] {
    transform: translateX(-100%);
  }
  .\[transform\:translateX\(-136px\)\] {
    transform: translateX(-136px);
  }
  .\[transform\:translateX\(0\)\] {
    transform: translateX(0);
  }
  .\[transform\:translateX\(100\%\)\] {
    transform: translateX(100%);
  }
  .\[transform\:translateY\(-50\%\)\] {
    transform: translateY(-50%);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[animation\:GEAR-OPEN_400ms\] {
    animation: GEAR-OPEN 400ms;
  }
  .\[animation\:bounce_0\.9s_infinite\] {
    animation: bounce 0.9s infinite;
  }
  .\[animation\:fadeInPage_0\.35s_ease\] {
    animation: fadeInPage 0.35s ease;
  }
  .\[animation\:fadeInUp_0\.22s_both\] {
    animation: fadeInUp 0.22s both;
  }
  .\[animation\:fadeIn_\.22s_ease\] {
    animation: fadeIn .22s ease;
  }
  .\[animation\:fadeIn_0\.2s\] {
    animation: fadeIn 0.2s;
  }
  .\[animation\:fadeIn_0\.2s_ease-out\] {
    animation: fadeIn 0.2s ease-out;
  }
  .\[animation\:fadeIn_0\.3s_ease-in-out\] {
    animation: fadeIn 0.3s ease-in-out;
  }
  .\[animation\:fadeIn_0\.22s_ease\] {
    animation: fadeIn 0.22s ease;
  }
  .\[animation\:fcSlideLeft_160ms_ease-out\] {
    animation: fcSlideLeft 160ms ease-out;
  }
  .\[animation\:fcSlideRight_160ms_ease-out\] {
    animation: fcSlideRight 160ms ease-out;
  }
  .\[animation\:popIn_0\.45s_cubic-bezier\(0\.34\,_1\.56\,_0\.64\,_1\)\] {
    animation: popIn 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .\[animation\:pulse_1\.5s_ease-in-out_infinite\] {
    animation: pulse 1.5s ease-in-out infinite;
  }
  .\[animation\:scaleIn_0\.2s\] {
    animation: scaleIn 0.2s;
  }
  .\[animation\:sheetUp_0\.3s_ease-out\] {
    animation: sheetUp 0.3s ease-out;
  }
  .\[animation\:slideIn_0\.3s_ease-out\] {
    animation: slideIn 0.3s ease-out;
  }
  .\[animation\:slideUp_0\.2s\] {
    animation: slideUp 0.2s;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .\[touch-action\:manipulation\] {
    touch-action: manipulation;
  }
  .\[touch-action\:none\] {
    touch-action: none;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .\[break-inside\:avoid\] {
    break-inside: avoid;
  }
  .\[grid-auto-columns\:var\(--cell-size\)\] {
    grid-auto-columns: var(--cell-size);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .\[grid-template-columns\:1fr\] {
    grid-template-columns: 1fr;
  }
  .\[grid-template-columns\:1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .\[grid-template-columns\:1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .\[grid-template-columns\:1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .\[grid-template-columns\:1fr_54px_1fr\] {
    grid-template-columns: 1fr 54px 1fr;
  }
  .\[grid-template-columns\:1fr_80px_80px\] {
    grid-template-columns: 1fr 80px 80px;
  }
  .\[grid-template-columns\:1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .\[grid-template-columns\:1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .\[grid-template-columns\:3fr_1fr\] {
    grid-template-columns: 3fr 1fr;
  }
  .\[grid-template-columns\:80px_1fr\] {
    grid-template-columns: 80px 1fr;
  }
  .\[grid-template-columns\:80px_1fr_auto\] {
    grid-template-columns: 80px 1fr auto;
  }
  .\[grid-template-columns\:90px_1fr_1fr_1fr\] {
    grid-template-columns: 90px 1fr 1fr 1fr;
  }
  .\[grid-template-columns\:100px_1fr_1fr_1fr\] {
    grid-template-columns: 100px 1fr 1fr 1fr;
  }
  .\[grid-template-columns\:140px_1fr_1fr\] {
    grid-template-columns: 140px 1fr 1fr;
  }
  .\[grid-template-columns\:160px_1fr_1fr\] {
    grid-template-columns: 160px 1fr 1fr;
  }
  .\[grid-template-columns\:180px_1fr\] {
    grid-template-columns: 180px 1fr;
  }
  .\[grid-template-columns\:190px_1fr\] {
    grid-template-columns: 190px 1fr;
  }
  .\[grid-template-columns\:200px_1fr_200px\] {
    grid-template-columns: 200px 1fr 200px;
  }
  .\[grid-template-columns\:210px_1fr\] {
    grid-template-columns: 210px 1fr;
  }
  .\[grid-template-columns\:240px_1fr\] {
    grid-template-columns: 240px 1fr;
  }
  .\[grid-template-columns\:240px_minmax\(0\,_1fr\)\] {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  .\[grid-template-columns\:320px_1fr_320px\] {
    grid-template-columns: 320px 1fr 320px;
  }
  .\[grid-template-columns\:320px_3fr\] {
    grid-template-columns: 320px 3fr;
  }
  .\[grid-template-columns\:320px_auto\] {
    grid-template-columns: 320px auto;
  }
  .\[grid-template-columns\:auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .\[grid-template-columns\:auto_1fr_1fr_auto_auto\] {
    grid-template-columns: auto 1fr 1fr auto auto;
  }
  .\[grid-template-columns\:auto_auto_1fr_auto\] {
    grid-template-columns: auto auto 1fr auto;
  }
  .\[grid-template-columns\:auto_auto_2fr_1fr\] {
    grid-template-columns: auto auto 2fr 1fr;
  }
  .\[grid-template-columns\:minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,570px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,570px);
  }
  .\[grid-template-columns\:minmax\(0\,_1fr\)_minmax\(0\,_880px\)_minmax\(0\,_1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 880px) minmax(0, 1fr);
  }
  .\[grid-template-columns\:repeat\(1\,_1fr\)\] {
    grid-template-columns: repeat(1, 1fr);
  }
  .\[grid-template-columns\:repeat\(2\,_1fr\)\] {
    grid-template-columns: repeat(2, 1fr);
  }
  .\[grid-template-columns\:repeat\(3\,_1fr\)\] {
    grid-template-columns: repeat(3, 1fr);
  }
  .\[grid-template-columns\:repeat\(5\,_1fr\)\] {
    grid-template-columns: repeat(5, 1fr);
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(130px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(200px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(220px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(280px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .\[grid-template-columns\:repeat\(var\(--columns-per-row\)\,_1fr\)\] {
    grid-template-columns: repeat(var(--columns-per-row), 1fr);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_1fr_160px_140px_240px\] {
    grid-template-columns: 1fr 1fr 160px 140px 240px;
  }
  .grid-cols-\[4rem_1fr\] {
    grid-template-columns: 4rem 1fr;
  }
  .grid-cols-\[90px_1fr_1fr_1fr\] {
    grid-template-columns: 90px 1fr 1fr 1fr;
  }
  .grid-cols-\[190px_1fr\] {
    grid-template-columns: 190px 1fr;
  }
  .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,_1fr\)_auto_minmax\(0\,_1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .\[grid-template-rows\:1fr_1fr\] {
    grid-template-rows: 1fr 1fr;
  }
  .\[grid-template-rows\:1fr_3fr\] {
    grid-template-rows: 1fr 3fr;
  }
  .\[grid-template-rows\:1fr_64px\] {
    grid-template-rows: 1fr 64px;
  }
  .\[grid-template-rows\:1fr_auto\] {
    grid-template-rows: 1fr auto;
  }
  .\[grid-template-rows\:24px_30px\] {
    grid-template-rows: 24px 30px;
  }
  .\[grid-template-rows\:40px_40px_1fr\] {
    grid-template-rows: 40px 40px 1fr;
  }
  .\[grid-template-rows\:64px_1fr\] {
    grid-template-rows: 64px 1fr;
  }
  .\[grid-template-rows\:64px_32px\] {
    grid-template-rows: 64px 32px;
  }
  .\[grid-template-rows\:100\%\] {
    grid-template-rows: 100%;
  }
  .\[grid-template-rows\:auto\] {
    grid-template-rows: auto;
  }
  .\[grid-template-rows\:auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .\[grid-template-rows\:auto_64px\] {
    grid-template-rows: auto 64px;
  }
  .\[grid-template-rows\:auto_auto_1fr\] {
    grid-template-rows: auto auto 1fr;
  }
  .\[grid-template-rows\:auto_auto_1fr_auto\] {
    grid-template-rows: auto auto 1fr auto;
  }
  .\[grid-template-rows\:repeat\(7\,_var\(--cell-size\)\)\] {
    grid-template-rows: repeat(7, var(--cell-size));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .\[flex-direction\:row\] {
    flex-direction: row;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .\[align-items\:center\] {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\[gap\:0\.5rem\] {
    gap: 0.5rem;
  }
  .\[gap\:0_0\] {
    gap: 0 0;
  }
  .\[gap\:0_20px\] {
    gap: 0 20px;
  }
  .\[gap\:0_24px\] {
    gap: 0 24px;
  }
  .\[gap\:0px_32px\] {
    gap: 0px 32px;
  }
  .\[gap\:3px\] {
    gap: 3px;
  }
  .\[gap\:4px\] {
    gap: 4px;
  }
  .\[gap\:5px\] {
    gap: 5px;
  }
  .\[gap\:6px\] {
    gap: 6px;
  }
  .\[gap\:7px\] {
    gap: 7px;
  }
  .\[gap\:8px\] {
    gap: 8px;
  }
  .\[gap\:10px\] {
    gap: 10px;
  }
  .\[gap\:14px\] {
    gap: 14px;
  }
  .\[gap\:14px_20px\] {
    gap: 14px 20px;
  }
  .\[gap\:calc\(var\(--base-padding\)_\*_2\)\] {
    gap: calc(var(--base-padding) * 2);
  }
  .\[gap\:var\(--cell-gap\)\] {
    gap: var(--cell-gap);
  }
  .gap-0 {
    gap: var(--spacing-0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: var(--spacing-12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-24 {
    gap: var(--spacing-24);
  }
  .gap-32 {
    gap: calc(var(--spacing) * 32);
  }
  .gap-\[1rem\] {
    gap: 1rem;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :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)));
    }
  }
  .gap-x-2 {
    column-gap: var(--spacing-2);
  }
  .gap-x-3 {
    column-gap: var(--spacing-3);
  }
  .gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: var(--spacing-1);
  }
  .gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-200);
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .\[align-self\:center\] {
    align-self: center;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .\!overflow-visible {
    overflow: visible !important;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .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-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .\[overscroll-behavior\:contain\] {
    overscroll-behavior: contain;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .\!rounded-none {
    border-radius: var(--radius-none) !important;
  }
  .\[border-radius\:0_0_8px_8px\] {
    border-radius: 0 0 8px 8px;
  }
  .\[border-radius\:0_0_12px_12px\] {
    border-radius: 0 0 12px 12px;
  }
  .\[border-radius\:0_0_var\(--radius-md\)_var\(--radius-md\)\] {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
  }
  .\[border-radius\:0_6px_6px_0\] {
    border-radius: 0 6px 6px 0;
  }
  .\[border-radius\:0_7px_0_0\] {
    border-radius: 0 7px 0 0;
  }
  .\[border-radius\:3px_10px_10px_10px\] {
    border-radius: 3px 10px 10px 10px;
  }
  .\[border-radius\:4px\] {
    border-radius: 4px;
  }
  .\[border-radius\:6px\] {
    border-radius: 6px;
  }
  .\[border-radius\:6px_6px_0_0\] {
    border-radius: 6px 6px 0 0;
  }
  .\[border-radius\:7px\] {
    border-radius: 7px;
  }
  .\[border-radius\:7px_0_0_0\] {
    border-radius: 7px 0 0 0;
  }
  .\[border-radius\:8px_0_0_8px\] {
    border-radius: 8px 0 0 8px;
  }
  .\[border-radius\:8px_8px_0_0\] {
    border-radius: 8px 8px 0 0;
  }
  .\[border-radius\:10px\] {
    border-radius: 10px;
  }
  .\[border-radius\:10px_10px_0_0\] {
    border-radius: 10px 10px 0 0;
  }
  .\[border-radius\:10px_10px_3px_10px\] {
    border-radius: 10px 10px 3px 10px;
  }
  .\[border-radius\:12px_12px_0_0\] {
    border-radius: 12px 12px 0 0;
  }
  .\[border-radius\:50\%\] {
    border-radius: 50%;
  }
  .\[border-radius\:var\(--base-padding\)\] {
    border-radius: var(--base-padding);
  }
  .\[border-radius\:var\(--radius-md\)\] {
    border-radius: var(--radius-md);
  }
  .\[border-radius\:var\(--radius-pill\,_16px\)\] {
    border-radius: var(--radius-pill, 16px);
  }
  .\[border-radius\:var\(--radius-sm\)\] {
    border-radius: var(--radius-sm);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[45px\] {
    border-radius: 45px;
  }
  .rounded-\[99px\] {
    border-radius: 99px;
  }
  .rounded-\[999px\] {
    border-radius: 999px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-beedee {
    border-radius: var(--radius-beedee);
  }
  .rounded-beedee-sm {
    border-radius: var(--radius-beedee-sm);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-tl-\[4px\] {
    border-top-left-radius: 4px;
  }
  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }
  .rounded-tr-\[4px\] {
    border-top-right-radius: 4px;
  }
  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br-none {
    border-bottom-right-radius: var(--radius-none);
  }
  .rounded-bl-none {
    border-bottom-left-radius: var(--radius-none);
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .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-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .\[border-width\:1\.5px\] {
    border-width: 1.5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-t-1 {
    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-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[3px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 3px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-r-\[1px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .\[border-right-width\:1\.5px\] {
    border-right-width: 1.5px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[2px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .\[border-bottom-width\:1\.5px\] {
    border-bottom-width: 1.5px;
  }
  .\[border-bottom-width\:2\.5px\] {
    border-bottom-width: 2.5px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-l-\[4px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[border-top-style\:none\] {
    border-top-style: none;
  }
  .\[border-top-style\:solid\] {
    border-top-style: solid;
  }
  .\[border-right-style\:none\] {
    border-right-style: none;
  }
  .\[border-right-style\:solid\] {
    border-right-style: solid;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .\[border-left-style\:none\] {
    border-left-style: none;
  }
  .\[border-left-style\:solid\] {
    border-left-style: solid;
  }
  .\!border-red-400 {
    border-color: var(--color-red-400) !important;
  }
  .\[border-color\:\#000000\] {
    border-color: #000000;
  }
  .\[border-color\:\#039be5\] {
    border-color: #039be5;
  }
  .\[border-color\:\#334155\] {
    border-color: #334155;
  }
  .\[border-color\:\#dde3e5\] {
    border-color: #dde3e5;
  }
  .\[border-color\:\#e5e7eb\] {
    border-color: #e5e7eb;
  }
  .\[border-color\:\#e8e8e8\] {
    border-color: #e8e8e8;
  }
  .\[border-color\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    border-color: rgba(0, 0, 0, 0.1);
  }
  .\[border-color\:rgba\(15\,23\,42\,0\.2\)\] {
    border-color: rgba(15,23,42,0.2);
  }
  .\[border-color\:rgba\(59\,130\,246\,0\.3\)\] {
    border-color: rgba(59,130,246,0.3);
  }
  .\[border-color\:rgba\(168\,85\,247\,0\.3\)\] {
    border-color: rgba(168,85,247,0.3);
  }
  .\[border-color\:rgba\(245\,158\,11\,0\.3\)\] {
    border-color: rgba(245,158,11,0.3);
  }
  .\[border-color\:rgba\(255\,_255\,_255\,_0\.2\)\] {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .\[border-color\:rgba\(255\,_255\,_255\,_0\.08\)\] {
    border-color: rgba(255, 255, 255, 0.08);
  }
  .\[border-color\:rgba\(255\,_255\,_255\,_0\.35\)\] {
    border-color: rgba(255, 255, 255, 0.35);
  }
  .\[border-color\:var\(--accent-background-colour\)\] {
    border-color: var(--accent-background-colour);
  }
  .\[border-color\:var\(--color-border-default\)\] {
    border-color: var(--color-border-default);
  }
  .\[border-color\:var\(--color-wf-border\)\] {
    border-color: var(--color-wf-border);
  }
  .\[border-color\:var\(--color-wf-danger-border\)\] {
    border-color: var(--color-wf-danger-border);
  }
  .\[border-color\:var\(--color-wf-fail-border\)\] {
    border-color: var(--color-wf-fail-border);
  }
  .\[border-color\:var\(--color-wf-info-border\)\] {
    border-color: var(--color-wf-info-border);
  }
  .\[border-color\:var\(--color-wf-phase-artwork\)\] {
    border-color: var(--color-wf-phase-artwork);
  }
  .\[border-color\:var\(--color-wf-phase-deposit\)\] {
    border-color: var(--color-wf-phase-deposit);
  }
  .\[border-color\:var\(--color-wf-phase-order\)\] {
    border-color: var(--color-wf-phase-order);
  }
  .\[border-color\:var\(--color-wf-phase-production\)\] {
    border-color: var(--color-wf-phase-production);
  }
  .\[border-color\:var\(--color-wf-phase-production-wcag\)\] {
    border-color: var(--color-wf-phase-production-wcag);
  }
  .\[border-color\:var\(--color-wf-phase-quote\)\] {
    border-color: var(--color-wf-phase-quote);
  }
  .\[border-color\:var\(--color-wf-phase-shipment\)\] {
    border-color: var(--color-wf-phase-shipment);
  }
  .\[border-color\:var\(--color-wf-start-border\)\] {
    border-color: var(--color-wf-start-border);
  }
  .\[border-color\:var\(--color-wf-success-border\)\] {
    border-color: var(--color-wf-success-border);
  }
  .\[border-color\:var\(--colors-brand\,\#1a7a96\)\] {
    border-color: var(--colors-brand,#1a7a96);
  }
  .\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    border-color: var(--primary-colour, #1976d2);
  }
  .border-\(--color-beedee-brand-mid\) {
    border-color: var(--color-beedee-brand-mid);
  }
  .border-\(--grid-border-color\) {
    border-color: var(--grid-border-color);
  }
  .border-\(--primary-colour\) {
    border-color: var(--primary-colour);
  }
  .border-\[\#1d3a2f\] {
    border-color: #1d3a2f;
  }
  .border-\[\#3b82f6\] {
    border-color: #3b82f6;
  }
  .border-\[\#a8d4e0\] {
    border-color: #a8d4e0;
  }
  .border-\[\#a855f7\] {
    border-color: #a855f7;
  }
  .border-\[\#c2c2c2\] {
    border-color: #c2c2c2;
  }
  .border-\[\#ccc\] {
    border-color: #ccc;
  }
  .border-\[\#d4e2e8\] {
    border-color: #d4e2e8;
  }
  .border-\[\#f59e0b\] {
    border-color: #f59e0b;
  }
  .border-\[rgba\(34\,197\,94\,\.4\)\] {
    border-color: rgba(34,197,94,.4);
  }
  .border-\[rgba\(59\,130\,246\,\.35\)\] {
    border-color: rgba(59,130,246,.35);
  }
  .border-\[rgba\(168\,85\,247\,\.35\)\] {
    border-color: rgba(168,85,247,.35);
  }
  .border-\[rgba\(220\,80\,60\,0\.25\)\] {
    border-color: rgba(220,80,60,0.25);
  }
  .border-\[rgba\(245\,158\,11\,\.35\)\] {
    border-color: rgba(245,158,11,.35);
  }
  .border-\[rgba\(245\,158\,11\,0\.25\)\] {
    border-color: rgba(245,158,11,0.25);
  }
  .border-\[rgba\(245\,158\,11\,0\.35\)\] {
    border-color: rgba(245,158,11,0.35);
  }
  .border-\[rgba\(var\(--text-colour-rgb\,0\,0\,0\)\,0\.25\)\] {
    border-color: rgba(var(--text-colour-rgb,0,0,0),0.25);
  }
  .border-\[var\(--accent\)\] {
    border-color: var(--accent);
  }
  .border-\[var\(--color-row-border\,\#eeeeee\)\] {
    border-color: var(--color-row-border,#eeeeee);
  }
  .border-\[var\(--color-table-row-border\,\#eeeeee\)\] {
    border-color: var(--color-table-row-border,#eeeeee);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300\/20 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }
  .border-amber-300\/30 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent);
    }
  }
  .border-amber-300\/40 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent);
    }
  }
  .border-amber-500 {
    border-color: var(--color-amber-500);
  }
  .border-beedee-border {
    border-color: var(--color-beedee-border);
  }
  .border-beedee-green {
    border-color: var(--color-beedee-green);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/20 {
    border-color: color-mix(in srgb, #000000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-black\/25 {
    border-color: color-mix(in srgb, #000000 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-300\/30 {
    border-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent);
    }
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-border-subtle {
    border-color: var(--color-border-subtle);
  }
  .border-brand {
    border-color: var(--color-primary-700);
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }
  .border-emerald-500\/40 {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }
  .border-emerald-600 {
    border-color: var(--color-emerald-600);
  }
  .border-emerald-700 {
    border-color: var(--color-emerald-700);
  }
  .border-form-field-border {
    border-color: var(--color-form-field-border);
  }
  .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-green-200 {
    border-color: var(--color-green-200);
  }
  .border-green-300\/30 {
    border-color: color-mix(in srgb, oklch(87.1% 0.15 154.449) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-300) 30%, transparent);
    }
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-green-500\/40 {
    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
    }
  }
  .border-grey-lighten-2 {
    border-color: var(--color-grey-lighten-2);
  }
  .border-grey-lighten-3 {
    border-color: var(--color-grey-lighten-3);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-indigo-500 {
    border-color: var(--color-indigo-500);
  }
  .border-indigo-600 {
    border-color: var(--color-indigo-600);
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }
  .border-primary-200 {
    border-color: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
  }
  .border-primary-400 {
    border-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  }
  .border-primary-700 {
    border-color: oklch(from var(--brand-primary) l c h);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-purple-300 {
    border-color: var(--color-purple-300);
  }
  .border-purple-300\/30 {
    border-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-300) 30%, transparent);
    }
  }
  .border-purple-300\/50 {
    border-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-300) 50%, transparent);
    }
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300\/30 {
    border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-300) 30%, transparent);
    }
  }
  .border-red-300\/40 {
    border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-300) 40%, transparent);
    }
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-red-600 {
    border-color: var(--color-red-600);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-sl-btn {
    border-color: var(--color-sl-btn);
  }
  .border-sl-placeholder-border {
    border-color: var(--color-sl-placeholder-border);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/60 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .border-slate-200\/70 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .border-slate-200\/80 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-700 {
    border-color: var(--color-slate-700);
  }
  .border-slate-900 {
    border-color: var(--color-slate-900);
  }
  .border-stone-100 {
    border-color: var(--color-stone-100);
  }
  .border-stone-200 {
    border-color: var(--color-stone-200);
  }
  .border-stone-300 {
    border-color: var(--color-stone-300);
  }
  .border-stone-800 {
    border-color: var(--color-stone-800);
  }
  .border-surface-border {
    border-color: #d4e2e8;
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-500 {
    border-color: var(--color-violet-500);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #ffffff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-white\/20 {
    border-color: color-mix(in srgb, #ffffff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #ffffff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-white\/30 {
    border-color: color-mix(in srgb, #ffffff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .border-white\/35 {
    border-color: color-mix(in srgb, #ffffff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .border-white\/40 {
    border-color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .border-white\/55 {
    border-color: color-mix(in srgb, #ffffff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .border-white\/\[0\.08\] {
    border-color: color-mix(in srgb, #ffffff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }
  .border-yellow-500\/40 {
    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-yellow-500) 40%, transparent);
    }
  }
  .\[border-top-color\:hsl\(0\,_0\%\,_80\%\)\] {
    border-top-color: hsl(0, 0%, 80%);
  }
  .\[border-top-color\:rgba\(0\,0\,0\,0\.07\)\] {
    border-top-color: rgba(0,0,0,0.07);
  }
  .border-t-\(--grid-active-border\) {
    border-top-color: var(--grid-active-border);
  }
  .border-t-border-subtle {
    border-top-color: var(--color-border-subtle);
  }
  .border-t-form-field-border {
    border-top-color: var(--color-form-field-border);
  }
  .border-t-gray-200 {
    border-top-color: var(--color-gray-200);
  }
  .border-t-primary-400 {
    border-top-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  }
  .border-t-primary-700 {
    border-top-color: oklch(from var(--brand-primary) l c h);
  }
  .border-t-surface-border {
    border-top-color: #d4e2e8;
  }
  .border-t-white {
    border-top-color: var(--color-white);
  }
  .border-r-\(--border-colour\) {
    border-right-color: var(--border-colour);
  }
  .border-r-beedee-border {
    border-right-color: var(--color-beedee-border);
  }
  .border-r-black {
    border-right-color: var(--color-black);
  }
  .border-r-surface-border {
    border-right-color: #d4e2e8;
  }
  .\[border-bottom-color\:rgba\(255\,_255\,_255\,_0\.08\)\] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
  }
  .\[border-bottom-color\:var\(--accent-background-colour\)\] {
    border-bottom-color: var(--accent-background-colour);
  }
  .\[border-bottom-color\:var\(--color-border-default\,var\(--border-colour\,rgba\(var\(--text-colour-rgb\)\,0\.03\)\)\)\] {
    border-bottom-color: var(--color-border-default,var(--border-colour,rgba(var(--text-colour-rgb),0.03)));
  }
  .border-b-\(--border-colour\) {
    border-bottom-color: var(--border-colour);
  }
  .border-b-\(--deepdive-border\) {
    border-bottom-color: var(--deepdive-border);
  }
  .border-b-\(--grid-border-color\) {
    border-bottom-color: var(--grid-border-color);
  }
  .border-b-\(--text-colour\) {
    border-bottom-color: var(--text-colour);
  }
  .border-b-\[\#a8d4e0\] {
    border-bottom-color: #a8d4e0;
  }
  .border-b-\[rgba\(245\,158\,11\,\.3\)\] {
    border-bottom-color: rgba(245,158,11,.3);
  }
  .border-b-\[rgba\(var\(--text-colour-rgb\)\,0\.1\)\] {
    border-bottom-color: rgba(var(--text-colour-rgb),0.1);
  }
  .border-b-border-subtle {
    border-bottom-color: var(--color-border-subtle);
  }
  .border-b-brand {
    border-bottom-color: var(--color-primary-700);
  }
  .border-b-brand-mid {
    border-bottom-color: var(--color-primary-400);
  }
  .border-b-form-field-border {
    border-bottom-color: var(--color-form-field-border);
  }
  .border-b-gray-400 {
    border-bottom-color: var(--color-gray-400);
  }
  .border-b-primary-400 {
    border-bottom-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  }
  .border-b-primary-700 {
    border-bottom-color: oklch(from var(--brand-primary) l c h);
  }
  .border-b-surface-border {
    border-bottom-color: #d4e2e8;
  }
  .border-b-transparent {
    border-bottom-color: transparent;
  }
  .border-l-\[\#a8d4e0\] {
    border-left-color: #a8d4e0;
  }
  .border-l-amber-200 {
    border-left-color: var(--color-amber-200);
  }
  .border-l-amber-500 {
    border-left-color: var(--color-amber-500);
  }
  .border-l-beedee-brand {
    border-left-color: var(--color-beedee-brand);
  }
  .border-l-beedee-green {
    border-left-color: var(--color-beedee-green);
  }
  .border-l-beedee-status-archived {
    border-left-color: var(--color-beedee-status-archived);
  }
  .border-l-beedee-status-awaiting {
    border-left-color: var(--color-beedee-status-awaiting);
  }
  .border-l-beedee-status-draft {
    border-left-color: var(--color-beedee-status-draft);
  }
  .border-l-beedee-status-revisions {
    border-left-color: var(--color-beedee-status-revisions);
  }
  .border-l-beedee-status-submitted {
    border-left-color: var(--color-beedee-status-submitted);
  }
  .border-l-blue-500 {
    border-left-color: var(--color-blue-500);
  }
  .border-l-brand-mid {
    border-left-color: var(--color-primary-400);
  }
  .border-l-emerald-200 {
    border-left-color: var(--color-emerald-200);
  }
  .border-l-gray-200 {
    border-left-color: var(--color-gray-200);
  }
  .border-l-pink-200 {
    border-left-color: var(--color-pink-200);
  }
  .border-l-primary-400 {
    border-left-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  }
  .border-l-primary-700 {
    border-left-color: oklch(from var(--brand-primary) l c h);
  }
  .border-l-purple-500 {
    border-left-color: var(--color-purple-500);
  }
  .border-l-sky-200 {
    border-left-color: var(--color-sky-200);
  }
  .border-l-surface-border {
    border-left-color: #d4e2e8;
  }
  .border-l-transparent {
    border-left-color: transparent;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\[background-color\:\#2b2b2b\] {
    background-color: #2b2b2b;
  }
  .\[background-color\:\#0052c2\] {
    background-color: #0052c2;
  }
  .\[background-color\:\#388e3c\] {
    background-color: #388e3c;
  }
  .\[background-color\:\#1565c0\] {
    background-color: #1565c0;
  }
  .\[background-color\:\#e0e0e0\] {
    background-color: #e0e0e0;
  }
  .\[background-color\:\#e2eaec\] {
    background-color: #e2eaec;
  }
  .\[background-color\:\#ebebeb\] {
    background-color: #ebebeb;
  }
  .\[background-color\:\#fcfcfc\] {
    background-color: #fcfcfc;
  }
  .\[background-color\:rgb\(241\,_245\,_249\)\] {
    background-color: rgb(241, 245, 249);
  }
  .\[background-color\:rgba\(0\,0\,0\,0\.1\)\] {
    background-color: rgba(0,0,0,0.1);
  }
  .\[background-color\:rgba\(0\,0\,0\,0\.16\)\] {
    background-color: rgba(0,0,0,0.16);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.4\)\] {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.16\)\] {
    background-color: rgba(0, 0, 0, 0.16);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.75\)\] {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .\[background-color\:rgba\(15\,_30\,_35\,_0\.45\)\] {
    background-color: rgba(15, 30, 35, 0.45);
  }
  .\[background-color\:rgba\(255\,_255\,_255\,_0\.2\)\] {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .\[background-color\:rgba\(255\,_255\,_255\,_0\.13\)\] {
    background-color: rgba(255, 255, 255, 0.13);
  }
  .\[background-color\:rgba\(255\,_255\,_255\,_0\.15\)\] {
    background-color: rgba(255, 255, 255, 0.15);
  }
  .\[background-color\:var\(--background-colour\)\] {
    background-color: var(--background-colour);
  }
  .\[background-color\:var\(--background-colour\,_white\)\] {
    background-color: var(--background-colour, white);
  }
  .\[background-color\:var\(--color-action-primary\,_\#0d47a1\)\] {
    background-color: var(--color-action-primary, #0d47a1);
  }
  .\[background-color\:var\(--color-action-primary-transparent\)\] {
    background-color: var(--color-action-primary-transparent);
  }
  .\[background-color\:var\(--color-beedee-header\)\] {
    background-color: var(--color-beedee-header);
  }
  .\[background-color\:var\(--color-bg-page\,_\#e0e0e0\)\] {
    background-color: var(--color-bg-page, #e0e0e0);
  }
  .\[background-color\:var\(--color-feedback-success\,_\#388e3c\)\] {
    background-color: var(--color-feedback-success, #388e3c);
  }
  .\[background-color\:var\(--color-form-background\,_white\)\] {
    background-color: var(--color-form-background, white);
  }
  .\[background-color\:var\(--color-material-green-darken-2\)\] {
    background-color: var(--color-material-green-darken-2);
  }
  .\[background-color\:var\(--color-material-green-darken-2\,_\#388e3c\)\] {
    background-color: var(--color-material-green-darken-2, #388e3c);
  }
  .\[background-color\:var\(--color-wf-phase-artwork\)\] {
    background-color: var(--color-wf-phase-artwork);
  }
  .\[background-color\:var\(--color-wf-phase-deposit\)\] {
    background-color: var(--color-wf-phase-deposit);
  }
  .\[background-color\:var\(--color-wf-phase-order\)\] {
    background-color: var(--color-wf-phase-order);
  }
  .\[background-color\:var\(--color-wf-phase-production\)\] {
    background-color: var(--color-wf-phase-production);
  }
  .\[background-color\:var\(--color-wf-phase-quote\)\] {
    background-color: var(--color-wf-phase-quote);
  }
  .\[background-color\:var\(--color-wf-phase-shipment\)\] {
    background-color: var(--color-wf-phase-shipment);
  }
  .\[background-color\:var\(--primary-colour\)\] {
    background-color: var(--primary-colour);
  }
  .\[background-color\:var\(--primary-colour\,_\#1e88e5\)\] {
    background-color: var(--primary-colour, #1e88e5);
  }
  .bg-\(--accent\) {
    background-color: var(--accent);
  }
  .bg-\(--accent-light\) {
    background-color: var(--accent-light);
  }
  .bg-\(--background-colour\) {
    background-color: var(--background-colour);
  }
  .bg-\(--color-beedee-brand\) {
    background-color: var(--color-beedee-brand);
  }
  .bg-\(--color-beedee-brand-light\) {
    background-color: var(--color-beedee-brand-light);
  }
  .bg-\(--color-surface-card\) {
    background-color: var(--color-surface-card);
  }
  .bg-\(--color-table-row-multiselected-background\) {
    background-color: var(--color-table-row-multiselected-background);
  }
  .bg-\(--color-table-row-selected-background\) {
    background-color: var(--color-table-row-selected-background);
  }
  .bg-\(--color-wf-success-bg\) {
    background-color: var(--color-wf-success-bg);
  }
  .bg-\(--grid-cell-bg\) {
    background-color: var(--grid-cell-bg);
  }
  .bg-\(--grid-header-bg\) {
    background-color: var(--grid-header-bg);
  }
  .bg-\(--primary-colour\) {
    background-color: var(--primary-colour);
  }
  .bg-\[\#0d1a20\] {
    background-color: #0d1a20;
  }
  .bg-\[\#0f1e26\] {
    background-color: #0f1e26;
  }
  .bg-\[\#1d3a2f\] {
    background-color: #1d3a2f;
  }
  .bg-\[\#3b82f6\] {
    background-color: #3b82f6;
  }
  .bg-\[\#8b5cf6\] {
    background-color: #8b5cf6;
  }
  .bg-\[\#1976d2\] {
    background-color: #1976d2;
  }
  .bg-\[\#18272e\] {
    background-color: #18272e;
  }
  .bg-\[\#156582\] {
    background-color: #156582;
  }
  .bg-\[\#aaaaaa\] {
    background-color: #aaaaaa;
  }
  .bg-\[\#d4e2e8\] {
    background-color: #d4e2e8;
  }
  .bg-\[\#dbeafe\] {
    background-color: #dbeafe;
  }
  .bg-\[\#dcfce7\] {
    background-color: #dcfce7;
  }
  .bg-\[\#e0e7ff\] {
    background-color: #e0e7ff;
  }
  .bg-\[\#e6eef0\] {
    background-color: #e6eef0;
  }
  .bg-\[\#e6f7ef\] {
    background-color: #e6f7ef;
  }
  .bg-\[\#e8f0ec\] {
    background-color: #e8f0ec;
  }
  .bg-\[\#e8f8f2\] {
    background-color: #e8f8f2;
  }
  .bg-\[\#eaf4f7\] {
    background-color: #eaf4f7;
  }
  .bg-\[\#eaf4f8\] {
    background-color: #eaf4f8;
  }
  .bg-\[\#ede9fe\] {
    background-color: #ede9fe;
  }
  .bg-\[\#f0f4f5\] {
    background-color: #f0f4f5;
  }
  .bg-\[\#f0f7ff\] {
    background-color: #f0f7ff;
  }
  .bg-\[\#f1f5f9\] {
    background-color: #f1f5f9;
  }
  .bg-\[\#f3f0ff\] {
    background-color: #f3f0ff;
  }
  .bg-\[\#f7fbfc\] {
    background-color: #f7fbfc;
  }
  .bg-\[\#f8fbfc\] {
    background-color: #f8fbfc;
  }
  .bg-\[\#f59e0b\] {
    background-color: #f59e0b;
  }
  .bg-\[\#fafafa\] {
    background-color: #fafafa;
  }
  .bg-\[\#fdf6ff\] {
    background-color: #fdf6ff;
  }
  .bg-\[\#fee2e2\] {
    background-color: #fee2e2;
  }
  .bg-\[\#fef3c7\] {
    background-color: #fef3c7;
  }
  .bg-\[\#fff8e1\] {
    background-color: #fff8e1;
  }
  .bg-\[\#fffdf5\] {
    background-color: #fffdf5;
  }
  .bg-\[color\:var\(--header-hover-background-colour\)\] {
    background-color: var(--header-hover-background-colour);
  }
  .bg-\[rgba\(0\,0\,0\,0\.025\)\] {
    background-color: rgba(0,0,0,0.025);
  }
  .bg-\[rgba\(0\,0\,0\,0\.45\)\] {
    background-color: rgba(0,0,0,0.45);
  }
  .bg-\[rgba\(0\,0\,0\,0\.76\)\] {
    background-color: rgba(0,0,0,0.76);
  }
  .bg-\[rgba\(15\,30\,35\,\.45\)\] {
    background-color: rgba(15,30,35,.45);
  }
  .bg-\[rgba\(192\,57\,43\,0\.15\)\] {
    background-color: rgba(192,57,43,0.15);
  }
  .bg-\[rgba\(245\,158\,11\,0\.12\)\] {
    background-color: rgba(245,158,11,0.12);
  }
  .bg-\[var\(--accent\)\] {
    background-color: var(--accent);
  }
  .bg-\[var\(--background-colour\,var\(--color-table-row-hover\)\)\] {
    background-color: var(--background-colour,var(--color-table-row-hover));
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/30 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent);
    }
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-100\/60 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
    }
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-400\/10 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }
  .bg-amber-400\/20 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }
  .bg-amber-400\/25 {
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-500\/15 {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }
  .bg-amber-lighten-4 {
    background-color: var(--color-amber-lighten-4);
  }
  .bg-beedee-50 {
    background-color: var(--color-beedee-50);
  }
  .bg-beedee-bg {
    background-color: var(--color-beedee-bg);
  }
  .bg-beedee-border {
    background-color: var(--color-beedee-border);
  }
  .bg-beedee-brand {
    background-color: var(--color-beedee-brand);
  }
  .bg-beedee-brand-light {
    background-color: var(--color-beedee-brand-light);
  }
  .bg-beedee-card {
    background-color: var(--color-beedee-card);
  }
  .bg-beedee-green {
    background-color: var(--color-beedee-green);
  }
  .bg-beedee-red {
    background-color: var(--color-beedee-red);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/10 {
    background-color: color-mix(in srgb, #000000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/35 {
    background-color: color-mix(in srgb, #000000 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/45 {
    background-color: color-mix(in srgb, #000000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .bg-black\/48 {
    background-color: color-mix(in srgb, #000000 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 48%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/\[0\.02\] {
    background-color: color-mix(in srgb, #000000 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 2%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-50\/60 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400\/20 {
    background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-lighten-4 {
    background-color: var(--color-blue-lighten-4);
  }
  .bg-brand {
    background-color: var(--color-primary-700);
  }
  .bg-brand-light {
    background-color: var(--color-primary-200);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-700 {
    background-color: var(--color-cyan-700);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/60 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-500\/10 {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-700 {
    background-color: var(--color-emerald-700);
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-form-background {
    background-color: var(--color-form-background);
  }
  .bg-form-section-bg {
    background-color: var(--color-form-section-bg);
  }
  .bg-fuchsia-50 {
    background-color: var(--color-fuchsia-50);
  }
  .bg-fuchsia-700 {
    background-color: var(--color-fuchsia-700);
  }
  .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-950 {
    background-color: var(--color-gray-950);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-green-400\/10 {
    background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
    }
  }
  .bg-green-400\/20 {
    background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
    }
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-green-lighten-4 {
    background-color: var(--color-green-lighten-4);
  }
  .bg-grey-lighten-3 {
    background-color: var(--color-grey-lighten-3);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-light-blue-base {
    background-color: var(--color-light-blue-base);
  }
  .bg-lime-100\/80 {
    background-color: color-mix(in srgb, oklch(96.7% 0.067 122.328) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-100) 80%, transparent);
    }
  }
  .bg-nav-background {
    background-color: var(--color-primary-700);
  }
  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }
  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-50 {
    background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
  }
  .bg-primary-100 {
    background-color: oklch(from var(--brand-primary) calc(l + 0.42) calc(c * 0.2) h);
  }
  .bg-primary-200 {
    background-color: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
  }
  .bg-primary-400 {
    background-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  }
  .bg-primary-700 {
    background-color: oklch(from var(--brand-primary) l c h);
  }
  .bg-primary-800 {
    background-color: oklch(from var(--brand-primary) calc(l - 0.08) calc(c * 0.9) h);
  }
  .bg-primary-950 {
    background-color: oklch(from var(--brand-primary) calc(l - 0.24) calc(c * 0.5) h);
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #1e88e5 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-purple-400\/20 {
    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
    }
  }
  .bg-purple-400\/30 {
    background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
    }
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-red-400\/15 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
    }
  }
  .bg-red-400\/20 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }
  }
  .bg-red-400\/25 {
    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-500\/15 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }
  .bg-red-500\/30 {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-base {
    background-color: var(--color-red-base);
  }
  .bg-red-lighten-4 {
    background-color: var(--color-red-lighten-4);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-700 {
    background-color: var(--color-rose-700);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sl-bg {
    background-color: var(--color-sl-bg);
  }
  .bg-sl-btn {
    background-color: var(--color-sl-btn);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/40 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
    }
  }
  .bg-slate-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }
  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-900\/40 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-st-active {
    background-color: var(--color-st-active);
  }
  .bg-st-completed {
    background-color: var(--color-st-completed);
  }
  .bg-st-page-bg {
    background-color: var(--color-st-page-bg);
  }
  .bg-st-pending {
    background-color: var(--color-st-pending);
  }
  .bg-st-revised {
    background-color: var(--color-st-revised);
  }
  .bg-stone-50 {
    background-color: var(--color-stone-50);
  }
  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }
  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }
  .bg-stone-300 {
    background-color: var(--color-stone-300);
  }
  .bg-stone-400 {
    background-color: var(--color-stone-400);
  }
  .bg-stone-500 {
    background-color: var(--color-stone-500);
  }
  .bg-stone-700 {
    background-color: var(--color-stone-700);
  }
  .bg-stone-900 {
    background-color: var(--color-stone-900);
  }
  .bg-stone-900\/50 {
    background-color: color-mix(in srgb, oklch(21.6% 0.006 56.043) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-stone-900) 50%, transparent);
    }
  }
  .bg-surface-border {
    background-color: #d4e2e8;
  }
  .bg-surface-card {
    background-color: #ffffff;
  }
  .bg-surface-card\/90 {
    background-color: color-mix(in oklab, #ffffff 90%, transparent);
  }
  .bg-surface-label {
    background-color: #7a909a;
  }
  .bg-surface-page {
    background-color: #f2f5f6;
  }
  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }
  .bg-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-violet-50\/60 {
    background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
    }
  }
  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }
  .bg-violet-700 {
    background-color: var(--color-violet-700);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #ffffff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/12 {
    background-color: color-mix(in srgb, #ffffff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #ffffff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #ffffff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #ffffff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/60 {
    background-color: color-mix(in srgb, #ffffff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #ffffff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #ffffff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #ffffff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #ffffff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-white\/\[0\.1\] {
    background-color: color-mix(in srgb, #ffffff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/\[0\.03\] {
    background-color: color-mix(in srgb, #ffffff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .bg-white\/\[0\.05\] {
    background-color: color-mix(in srgb, #ffffff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/\[0\.06\] {
    background-color: color-mix(in srgb, #ffffff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/\[0\.07\] {
    background-color: color-mix(in srgb, #ffffff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .bg-white\/\[0\.08\] {
    background-color: color-mix(in srgb, #ffffff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .bg-white\/\[0\.13\] {
    background-color: color-mix(in srgb, #ffffff 13%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 13%, transparent);
    }
  }
  .bg-white\/\[0\.18\] {
    background-color: color-mix(in srgb, #ffffff 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .\[background-image\:url\(\/ga_logo\/logo_watermark\.png\)\] {
    background-image: url(/ga_logo/logo_watermark.png);
  }
  .bg-\[radial-gradient\(circle_43\%_at_50\%_50\%\,_transparent_43\%\,_rgba\(0\,0\,0\,0\.6\)_43\.5\%\)\] {
    background-image: radial-gradient(circle 43% at 50% 50%, transparent 43%, rgba(0,0,0,0.6) 43.5%);
  }
  .bg-none {
    background-image: none;
  }
  .from-amber-400 {
    --tw-gradient-from: var(--color-amber-400);
    --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-amber-600 {
    --tw-gradient-from: var(--color-amber-600);
    --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-blue-700 {
    --tw-gradient-from: var(--color-blue-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));
  }
  .from-cyan-700 {
    --tw-gradient-from: var(--color-cyan-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));
  }
  .from-emerald-700 {
    --tw-gradient-from: var(--color-emerald-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));
  }
  .from-fuchsia-700 {
    --tw-gradient-from: var(--color-fuchsia-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));
  }
  .from-indigo-700 {
    --tw-gradient-from: var(--color-indigo-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));
  }
  .from-rose-700 {
    --tw-gradient-from: var(--color-rose-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));
  }
  .from-slate-900 {
    --tw-gradient-from: var(--color-slate-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-teal-700 {
    --tw-gradient-from: var(--color-teal-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));
  }
  .from-violet-700 {
    --tw-gradient-from: var(--color-violet-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));
  }
  .via-amber-500 {
    --tw-gradient-via: var(--color-amber-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-blue-600 {
    --tw-gradient-via: var(--color-blue-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-cyan-600 {
    --tw-gradient-via: var(--color-cyan-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-emerald-600 {
    --tw-gradient-via: var(--color-emerald-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-fuchsia-600 {
    --tw-gradient-via: var(--color-fuchsia-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-indigo-600 {
    --tw-gradient-via: var(--color-indigo-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-rose-600 {
    --tw-gradient-via: var(--color-rose-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-800 {
    --tw-gradient-via: var(--color-slate-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-teal-600 {
    --tw-gradient-via: var(--color-teal-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-violet-600 {
    --tw-gradient-via: var(--color-violet-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-amber-200 {
    --tw-gradient-to: var(--color-amber-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-amber-400 {
    --tw-gradient-to: var(--color-amber-400);
    --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-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --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-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --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-emerald-500 {
    --tw-gradient-to: var(--color-emerald-500);
    --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-fuchsia-500 {
    --tw-gradient-to: var(--color-fuchsia-500);
    --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-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --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-rose-500 {
    --tw-gradient-to: var(--color-rose-500);
    --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-slate-700 {
    --tw-gradient-to: var(--color-slate-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));
  }
  .to-teal-500 {
    --tw-gradient-to: var(--color-teal-500);
    --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 {
    --tw-gradient-to: var(--color-violet-500);
    --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));
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-origin-content {
    background-origin: content-box;
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-none {
    fill: none;
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-primary-700 {
    stroke: oklch(from var(--brand-primary) l c h);
  }
  .stroke-\[2px\] {
    stroke-width: 2px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: var(--spacing-0) !important;
  }
  .\[padding\:0\.2em_0\.6em_0\.3em\] {
    padding: 0.2em 0.6em 0.3em;
  }
  .\[padding\:0\.75rem_1\.5rem\] {
    padding: 0.75rem 1.5rem;
  }
  .\[padding\:0_0_4px\] {
    padding: 0 0 4px;
  }
  .\[padding\:0_0_6px_0\] {
    padding: 0 0 6px 0;
  }
  .\[padding\:0_0_20px_24px\] {
    padding: 0 0 20px 24px;
  }
  .\[padding\:0_0_env\(safe-area-inset-bottom\)\] {
    padding: 0 0 env(safe-area-inset-bottom);
  }
  .\[padding\:0_1rem\] {
    padding: 0 1rem;
  }
  .\[padding\:0_2px_8px\] {
    padding: 0 2px 8px;
  }
  .\[padding\:0_3px\] {
    padding: 0 3px;
  }
  .\[padding\:0_4px\] {
    padding: 0 4px;
  }
  .\[padding\:0_4px_0_24px\] {
    padding: 0 4px 0 24px;
  }
  .\[padding\:0_5px\] {
    padding: 0 5px;
  }
  .\[padding\:0_6px\] {
    padding: 0 6px;
  }
  .\[padding\:0_10px_7px\] {
    padding: 0 10px 7px;
  }
  .\[padding\:0_12px_8px\] {
    padding: 0 12px 8px;
  }
  .\[padding\:0_14px\] {
    padding: 0 14px;
  }
  .\[padding\:0_20px\] {
    padding: 0 20px;
  }
  .\[padding\:0_20px_0\] {
    padding: 0 20px 0;
  }
  .\[padding\:0_20px_14px\] {
    padding: 0 20px 14px;
  }
  .\[padding\:0_20px_28px\] {
    padding: 0 20px 28px;
  }
  .\[padding\:0_20px_40px\] {
    padding: 0 20px 40px;
  }
  .\[padding\:0_22px\] {
    padding: 0 22px;
  }
  .\[padding\:0_22px_10px\] {
    padding: 0 22px 10px;
  }
  .\[padding\:0_24px\] {
    padding: 0 24px;
  }
  .\[padding\:0_24px_20px\] {
    padding: 0 24px 20px;
  }
  .\[padding\:0_24px_20px_0\] {
    padding: 0 24px 20px 0;
  }
  .\[padding\:0_32px\] {
    padding: 0 32px;
  }
  .\[padding\:0_var\(--space-4\)\] {
    padding: 0 var(--space-4);
  }
  .\[padding\:0px\] {
    padding: 0px;
  }
  .\[padding\:0px_5px\] {
    padding: 0px 5px;
  }
  .\[padding\:0px_8px\] {
    padding: 0px 8px;
  }
  .\[padding\:0px_32px\] {
    padding: 0px 32px;
  }
  .\[padding\:1\.5rem\] {
    padding: 1.5rem;
  }
  .\[padding\:1\.5rem_2rem\] {
    padding: 1.5rem 2rem;
  }
  .\[padding\:1_2\] {
    padding: 1 2;
  }
  .\[padding\:1px_5px\] {
    padding: 1px 5px;
  }
  .\[padding\:1px_6px\] {
    padding: 1px 6px;
  }
  .\[padding\:1px_7px\] {
    padding: 1px 7px;
  }
  .\[padding\:1px_8px\] {
    padding: 1px 8px;
  }
  .\[padding\:2\.5_6\] {
    padding: 2.5 6;
  }
  .\[padding\:2_4\] {
    padding: 2 4;
  }
  .\[padding\:2px_0\] {
    padding: 2px 0;
  }
  .\[padding\:2px_3\] {
    padding: 2px 3;
  }
  .\[padding\:2px_4px\] {
    padding: 2px 4px;
  }
  .\[padding\:2px_4px_2px_10px\] {
    padding: 2px 4px 2px 10px;
  }
  .\[padding\:2px_6px\] {
    padding: 2px 6px;
  }
  .\[padding\:2px_7px\] {
    padding: 2px 7px;
  }
  .\[padding\:2px_8px\] {
    padding: 2px 8px;
  }
  .\[padding\:2px_8px_2px_3px\] {
    padding: 2px 8px 2px 3px;
  }
  .\[padding\:2px_8px_2px_4px\] {
    padding: 2px 8px 2px 4px;
  }
  .\[padding\:2px_9px\] {
    padding: 2px 9px;
  }
  .\[padding\:2px_10px\] {
    padding: 2px 10px;
  }
  .\[padding\:3px_0_0_0\] {
    padding: 3px 0 0 0;
  }
  .\[padding\:3px_8px\] {
    padding: 3px 8px;
  }
  .\[padding\:3px_8px_3px_0\] {
    padding: 3px 8px 3px 0;
  }
  .\[padding\:3px_9px\] {
    padding: 3px 9px;
  }
  .\[padding\:3px_10px\] {
    padding: 3px 10px;
  }
  .\[padding\:4px_0\] {
    padding: 4px 0;
  }
  .\[padding\:4px_0_16px\] {
    padding: 4px 0 16px;
  }
  .\[padding\:4px_2px\] {
    padding: 4px 2px;
  }
  .\[padding\:4px_6px\] {
    padding: 4px 6px;
  }
  .\[padding\:4px_8px\] {
    padding: 4px 8px;
  }
  .\[padding\:4px_10px\] {
    padding: 4px 10px;
  }
  .\[padding\:4px_10px_4px_4px\] {
    padding: 4px 10px 4px 4px;
  }
  .\[padding\:4px_10px_6px\] {
    padding: 4px 10px 6px;
  }
  .\[padding\:4px_10px_8px\] {
    padding: 4px 10px 8px;
  }
  .\[padding\:4px_12px\] {
    padding: 4px 12px;
  }
  .\[padding\:4px_16px\] {
    padding: 4px 16px;
  }
  .\[padding\:4px_16px_24px_16px\] {
    padding: 4px 16px 24px 16px;
  }
  .\[padding\:4px_20px_20px\] {
    padding: 4px 20px 20px;
  }
  .\[padding\:5px_0\] {
    padding: 5px 0;
  }
  .\[padding\:5px_6px\] {
    padding: 5px 6px;
  }
  .\[padding\:5px_8px\] {
    padding: 5px 8px;
  }
  .\[padding\:5px_9px\] {
    padding: 5px 9px;
  }
  .\[padding\:5px_10px\] {
    padding: 5px 10px;
  }
  .\[padding\:5px_11px\] {
    padding: 5px 11px;
  }
  .\[padding\:5px_12px\] {
    padding: 5px 12px;
  }
  .\[padding\:5px_13px\] {
    padding: 5px 13px;
  }
  .\[padding\:5px_14px\] {
    padding: 5px 14px;
  }
  .\[padding\:5px_16px\] {
    padding: 5px 16px;
  }
  .\[padding\:6px_0\] {
    padding: 6px 0;
  }
  .\[padding\:6px_0_6px_14px\] {
    padding: 6px 0 6px 14px;
  }
  .\[padding\:6px_0_8px\] {
    padding: 6px 0 8px;
  }
  .\[padding\:6px_4px\] {
    padding: 6px 4px;
  }
  .\[padding\:6px_8px\] {
    padding: 6px 8px;
  }
  .\[padding\:6px_9px\] {
    padding: 6px 9px;
  }
  .\[padding\:6px_10px\] {
    padding: 6px 10px;
  }
  .\[padding\:6px_12px\] {
    padding: 6px 12px;
  }
  .\[padding\:6px_12px_4px\] {
    padding: 6px 12px 4px;
  }
  .\[padding\:6px_14px\] {
    padding: 6px 14px;
  }
  .\[padding\:6px_14px_6px_10px\] {
    padding: 6px 14px 6px 10px;
  }
  .\[padding\:6px_15px_6px_30px\] {
    padding: 6px 15px 6px 30px;
  }
  .\[padding\:6px_15px_10px\] {
    padding: 6px 15px 10px;
  }
  .\[padding\:6px_16px\] {
    padding: 6px 16px;
  }
  .\[padding\:7px_8px\] {
    padding: 7px 8px;
  }
  .\[padding\:7px_10px\] {
    padding: 7px 10px;
  }
  .\[padding\:7px_12px\] {
    padding: 7px 12px;
  }
  .\[padding\:7px_13px\] {
    padding: 7px 13px;
  }
  .\[padding\:7px_14px\] {
    padding: 7px 14px;
  }
  .\[padding\:7px_16px\] {
    padding: 7px 16px;
  }
  .\[padding\:7px_24px\] {
    padding: 7px 24px;
  }
  .\[padding\:8px\] {
    padding: 8px;
  }
  .\[padding\:8px_0\] {
    padding: 8px 0;
  }
  .\[padding\:8px_0px\] {
    padding: 8px 0px;
  }
  .\[padding\:8px_10px\] {
    padding: 8px 10px;
  }
  .\[padding\:8px_12px\] {
    padding: 8px 12px;
  }
  .\[padding\:8px_12px_6px\] {
    padding: 8px 12px 6px;
  }
  .\[padding\:8px_14px\] {
    padding: 8px 14px;
  }
  .\[padding\:8px_14px_4px\] {
    padding: 8px 14px 4px;
  }
  .\[padding\:8px_15px\] {
    padding: 8px 15px;
  }
  .\[padding\:8px_16px\] {
    padding: 8px 16px;
  }
  .\[padding\:8px_18px\] {
    padding: 8px 18px;
  }
  .\[padding\:8px_18px_9px\] {
    padding: 8px 18px 9px;
  }
  .\[padding\:8px_18px_10px\] {
    padding: 8px 18px 10px;
  }
  .\[padding\:8px_20px\] {
    padding: 8px 20px;
  }
  .\[padding\:8px_24px\] {
    padding: 8px 24px;
  }
  .\[padding\:8px_32px\] {
    padding: 8px 32px;
  }
  .\[padding\:8px_36px_8px_12px\] {
    padding: 8px 36px 8px 12px;
  }
  .\[padding\:8px_48px\] {
    padding: 8px 48px;
  }
  .\[padding\:9px_0\] {
    padding: 9px 0;
  }
  .\[padding\:9px_10px_9px_14px\] {
    padding: 9px 10px 9px 14px;
  }
  .\[padding\:9px_13px\] {
    padding: 9px 13px;
  }
  .\[padding\:9px_14px\] {
    padding: 9px 14px;
  }
  .\[padding\:9px_14px_9px_12px\] {
    padding: 9px 14px 9px 12px;
  }
  .\[padding\:9px_16px\] {
    padding: 9px 16px;
  }
  .\[padding\:9px_16px_9px_0\] {
    padding: 9px 16px 9px 0;
  }
  .\[padding\:9px_18px\] {
    padding: 9px 18px;
  }
  .\[padding\:9px_22px_9px\] {
    padding: 9px 22px 9px;
  }
  .\[padding\:10px_0\] {
    padding: 10px 0;
  }
  .\[padding\:10px_12px\] {
    padding: 10px 12px;
  }
  .\[padding\:10px_13px\] {
    padding: 10px 13px;
  }
  .\[padding\:10px_14px\] {
    padding: 10px 14px;
  }
  .\[padding\:10px_14px_10px_38px\] {
    padding: 10px 14px 10px 38px;
  }
  .\[padding\:10px_15px\] {
    padding: 10px 15px;
  }
  .\[padding\:10px_15px_5px\] {
    padding: 10px 15px 5px;
  }
  .\[padding\:10px_15px_6px\] {
    padding: 10px 15px 6px;
  }
  .\[padding\:10px_16px\] {
    padding: 10px 16px;
  }
  .\[padding\:10px_20px\] {
    padding: 10px 20px;
  }
  .\[padding\:10px_20px_4px_48px\] {
    padding: 10px 20px 4px 48px;
  }
  .\[padding\:10px_22px\] {
    padding: 10px 22px;
  }
  .\[padding\:10px_24px\] {
    padding: 10px 24px;
  }
  .\[padding\:11px_13px\] {
    padding: 11px 13px;
  }
  .\[padding\:11px_14px\] {
    padding: 11px 14px;
  }
  .\[padding\:11px_15px_10px\] {
    padding: 11px 15px 10px;
  }
  .\[padding\:11px_16px\] {
    padding: 11px 16px;
  }
  .\[padding\:11px_18px\] {
    padding: 11px 18px;
  }
  .\[padding\:11px_20px_10px\] {
    padding: 11px 20px 10px;
  }
  .\[padding\:12px_0_4px\] {
    padding: 12px 0 4px;
  }
  .\[padding\:12px_0_8px\] {
    padding: 12px 0 8px;
  }
  .\[padding\:12px_8px\] {
    padding: 12px 8px;
  }
  .\[padding\:12px_14px\] {
    padding: 12px 14px;
  }
  .\[padding\:12px_14px_0\] {
    padding: 12px 14px 0;
  }
  .\[padding\:12px_14px_10px\] {
    padding: 12px 14px 10px;
  }
  .\[padding\:12px_14px_12px_38px\] {
    padding: 12px 14px 12px 38px;
  }
  .\[padding\:12px_15px\] {
    padding: 12px 15px;
  }
  .\[padding\:12px_15px_6px\] {
    padding: 12px 15px 6px;
  }
  .\[padding\:12px_15px_9px\] {
    padding: 12px 15px 9px;
  }
  .\[padding\:12px_16px\] {
    padding: 12px 16px;
  }
  .\[padding\:12px_16px_8px\] {
    padding: 12px 16px 8px;
  }
  .\[padding\:12px_18px\] {
    padding: 12px 18px;
  }
  .\[padding\:12px_20px\] {
    padding: 12px 20px;
  }
  .\[padding\:12px_20px_5px\] {
    padding: 12px 20px 5px;
  }
  .\[padding\:12px_20px_24px\] {
    padding: 12px 20px 24px;
  }
  .\[padding\:13px_16px\] {
    padding: 13px 16px;
  }
  .\[padding\:14px_12px\] {
    padding: 14px 12px;
  }
  .\[padding\:14px_16px\] {
    padding: 14px 16px;
  }
  .\[padding\:14px_16px_12px\] {
    padding: 14px 16px 12px;
  }
  .\[padding\:14px_16px_14px_0\] {
    padding: 14px 16px 14px 0;
  }
  .\[padding\:14px_18px\] {
    padding: 14px 18px;
  }
  .\[padding\:14px_20px\] {
    padding: 14px 20px;
  }
  .\[padding\:14px_20px_10px\] {
    padding: 14px 20px 10px;
  }
  .\[padding\:14px_22px\] {
    padding: 14px 22px;
  }
  .\[padding\:14px_24px\] {
    padding: 14px 24px;
  }
  .\[padding\:14px_26px_18px\] {
    padding: 14px 26px 18px;
  }
  .\[padding\:15px_18px\] {
    padding: 15px 18px;
  }
  .\[padding\:16px\] {
    padding: 16px;
  }
  .\[padding\:16px_0_0_0\] {
    padding: 16px 0 0 0;
  }
  .\[padding\:16px_8px_16px_0\] {
    padding: 16px 8px 16px 0;
  }
  .\[padding\:16px_16px_10px\] {
    padding: 16px 16px 10px;
  }
  .\[padding\:16px_20px\] {
    padding: 16px 20px;
  }
  .\[padding\:16px_20px_0\] {
    padding: 16px 20px 0;
  }
  .\[padding\:16px_20px_20px\] {
    padding: 16px 20px 20px;
  }
  .\[padding\:16px_22px\] {
    padding: 16px 22px;
  }
  .\[padding\:16px_24px\] {
    padding: 16px 24px;
  }
  .\[padding\:16px_24px_12px\] {
    padding: 16px 24px 12px;
  }
  .\[padding\:16px_32px\] {
    padding: 16px 32px;
  }
  .\[padding\:18px_18px\] {
    padding: 18px 18px;
  }
  .\[padding\:18px_20px\] {
    padding: 18px 20px;
  }
  .\[padding\:18px_22px\] {
    padding: 18px 22px;
  }
  .\[padding\:18px_28px_40px\] {
    padding: 18px 28px 40px;
  }
  .\[padding\:20px\] {
    padding: 20px;
  }
  .\[padding\:20px_0\] {
    padding: 20px 0;
  }
  .\[padding\:20px_16px\] {
    padding: 20px 16px;
  }
  .\[padding\:20px_20px_48px\] {
    padding: 20px 20px 48px;
  }
  .\[padding\:20px_22px\] {
    padding: 20px 22px;
  }
  .\[padding\:20px_24px\] {
    padding: 20px 24px;
  }
  .\[padding\:20px_24px_16px\] {
    padding: 20px 24px 16px;
  }
  .\[padding\:20px_24px_18px\] {
    padding: 20px 24px 18px;
  }
  .\[padding\:20px_24px_28px\] {
    padding: 20px 24px 28px;
  }
  .\[padding\:20px_28px_16px\] {
    padding: 20px 28px 16px;
  }
  .\[padding\:22px_22px_18px\] {
    padding: 22px 22px 18px;
  }
  .\[padding\:23px_11px_8px\] {
    padding: 23px 11px 8px;
  }
  .\[padding\:23px_32px_8px_11px\] {
    padding: 23px 32px 8px 11px;
  }
  .\[padding\:24px_20px_60px\] {
    padding: 24px 20px 60px;
  }
  .\[padding\:24px_24px_20px\] {
    padding: 24px 24px 20px;
  }
  .\[padding\:24px_24px_48px\] {
    padding: 24px 24px 48px;
  }
  .\[padding\:24px_26px_20px\] {
    padding: 24px 26px 20px;
  }
  .\[padding\:24px_28px\] {
    padding: 24px 28px;
  }
  .\[padding\:26px_13px_9px\] {
    padding: 26px 13px 9px;
  }
  .\[padding\:28px_0\] {
    padding: 28px 0;
  }
  .\[padding\:28px_20px\] {
    padding: 28px 20px;
  }
  .\[padding\:28px_20px_16px\] {
    padding: 28px 20px 16px;
  }
  .\[padding\:28px_24px\] {
    padding: 28px 24px;
  }
  .\[padding\:28px_24px_72px\] {
    padding: 28px 24px 72px;
  }
  .\[padding\:28px_28px_20px\] {
    padding: 28px 28px 20px;
  }
  .\[padding\:30px_20px_60px\] {
    padding: 30px 20px 60px;
  }
  .\[padding\:32px_0px\] {
    padding: 32px 0px;
  }
  .\[padding\:32px_20px\] {
    padding: 32px 20px;
  }
  .\[padding\:32px_24px\] {
    padding: 32px 24px;
  }
  .\[padding\:32px_64px\] {
    padding: 32px 64px;
  }
  .\[padding\:36px\] {
    padding: 36px;
  }
  .\[padding\:40px_0\] {
    padding: 40px 0;
  }
  .\[padding\:40px_16px\] {
    padding: 40px 16px;
  }
  .\[padding\:44px_24px\] {
    padding: 44px 24px;
  }
  .\[padding\:48px_24px\] {
    padding: 48px 24px;
  }
  .\[padding\:52px_48px\] {
    padding: 52px 48px;
  }
  .\[padding\:56px_64px_64px\] {
    padding: 56px 64px 64px;
  }
  .\[padding\:60px_20px\] {
    padding: 60px 20px;
  }
  .\[padding\:var\(--base-padding\)\] {
    padding: var(--base-padding);
  }
  .\[padding\:var\(--space-2\,_8px\)\] {
    padding: var(--space-2, 8px);
  }
  .\[padding\:var\(--space-4\)\] {
    padding: var(--space-4);
  }
  .p-0 {
    padding: var(--spacing-0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing-1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: var(--spacing-2);
  }
  .p-3 {
    padding: var(--spacing-3);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: var(--spacing-6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: var(--spacing-12);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-24 {
    padding: var(--spacing-24);
  }
  .p-40 {
    padding: calc(var(--spacing) * 40);
  }
  .p-\[0\] {
    padding: 0;
  }
  .p-\[0px\] {
    padding: 0px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[7px\] {
    padding: 7px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[11px_14px\] {
    padding: 11px 14px;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-\[14px_16px\] {
    padding: 14px 16px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .p-\[60px\] {
    padding: 60px;
  }
  .px-0 {
    padding-inline: var(--spacing-0);
  }
  .px-1 {
    padding-inline: var(--spacing-1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: var(--spacing-3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: var(--spacing-12);
  }
  .px-\[0px\] {
    padding-inline: 0px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[26px\] {
    padding-inline: 26px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .py-0 {
    padding-block: var(--spacing-0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing-1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: var(--spacing-3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: var(--spacing-6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: var(--spacing-12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[18px\] {
    padding-block: 18px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[36px\] {
    padding-block: 36px;
  }
  .py-\[44px\] {
    padding-block: 44px;
  }
  .py-px {
    padding-block: 1px;
  }
  .\[padding-top\:5\.5px\] {
    padding-top: 5.5px;
  }
  .\[padding-top\:8px\] {
    padding-top: 8px;
  }
  .\[padding-top\:12px\] {
    padding-top: 12px;
  }
  .\[padding-top\:18px\] {
    padding-top: 18px;
  }
  .\[padding-top\:100px\] {
    padding-top: 100px;
  }
  .\[padding-top\:var\(--space-1\,_4px\)\] {
    padding-top: var(--space-1, 4px);
  }
  .pt-1 {
    padding-top: var(--spacing-1);
  }
  .pt-2 {
    padding-top: var(--spacing-2);
  }
  .pt-3 {
    padding-top: var(--spacing-3);
  }
  .pt-4 {
    padding-top: var(--spacing-4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: var(--spacing-12);
  }
  .pt-\[0px\] {
    padding-top: 0px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[11px\] {
    padding-top: 11px;
  }
  .pt-\[13px\] {
    padding-top: 13px;
  }
  .pt-\[14px\] {
    padding-top: 14px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[22px\] {
    padding-top: 22px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[25px\] {
    padding-top: 25px;
  }
  .pt-\[26px\] {
    padding-top: 26px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[48px\] {
    padding-top: 48px;
  }
  .pt-\[200px\] {
    padding-top: 200px;
  }
  .pt-px {
    padding-top: 1px;
  }
  .\[padding-right\:var\(--space-2\,_8px\)\] {
    padding-right: var(--space-2, 8px);
  }
  .pr-0 {
    padding-right: var(--spacing-0);
  }
  .pr-1 {
    padding-right: var(--spacing-1);
  }
  .pr-3 {
    padding-right: var(--spacing-3);
  }
  .pr-4 {
    padding-right: var(--spacing-4);
  }
  .pr-6 {
    padding-right: var(--spacing-6);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-18 {
    padding-right: calc(var(--spacing) * 18);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-\[4px\] {
    padding-right: 4px;
  }
  .pr-\[8px\] {
    padding-right: 8px;
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pr-\[18px\] {
    padding-right: 18px;
  }
  .pr-\[20px\] {
    padding-right: 20px;
  }
  .pr-\[29px\] {
    padding-right: 29px;
  }
  .pr-\[32px\] {
    padding-right: 32px;
  }
  .pr-\[36px\] {
    padding-right: 36px;
  }
  .pr-\[70px\] {
    padding-right: 70px;
  }
  .\[padding-bottom\:6px\] {
    padding-bottom: 6px;
  }
  .\[padding-bottom\:8px\] {
    padding-bottom: 8px;
  }
  .\[padding-bottom\:var\(--space-2\,_8px\)\] {
    padding-bottom: var(--space-2, 8px);
  }
  .pb-0 {
    padding-bottom: var(--spacing-0);
  }
  .pb-1 {
    padding-bottom: var(--spacing-1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: var(--spacing-2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: var(--spacing-3);
  }
  .pb-4 {
    padding-bottom: var(--spacing-4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-\[0px\] {
    padding-bottom: 0px;
  }
  .pb-\[6px\] {
    padding-bottom: 6px;
  }
  .pb-\[7px\] {
    padding-bottom: 7px;
  }
  .pb-\[8px\] {
    padding-bottom: 8px;
  }
  .pb-\[9px\] {
    padding-bottom: 9px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .pb-\[34px\] {
    padding-bottom: 34px;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .\[padding-left\:var\(--space-1\,_5px\)\] {
    padding-left: var(--space-1, 5px);
  }
  .pl-0 {
    padding-left: var(--spacing-0);
  }
  .pl-2 {
    padding-left: var(--spacing-2);
  }
  .pl-3 {
    padding-left: var(--spacing-3);
  }
  .pl-4 {
    padding-left: var(--spacing-4);
  }
  .pl-6 {
    padding-left: 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-\[2px\] {
    padding-left: 2px;
  }
  .pl-\[4px\] {
    padding-left: 4px;
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .pl-\[7px\] {
    padding-left: 7px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .pl-\[10px\] {
    padding-left: 10px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[18px\] {
    padding-left: 18px;
  }
  .pl-\[48px\] {
    padding-left: 48px;
  }
  .pl-\[50px\] {
    padding-left: 50px;
  }
  .\[text-align\:inherit\] {
    text-align: inherit;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .\[font-family\:\'DM_Sans\'\,_\'Inter\'\,_sans-serif\] {
    font-family: 'DM Sans', 'Inter', sans-serif;
  }
  .\[font-family\:\'DM_Sans\'\,_monospace\] {
    font-family: 'DM Sans', monospace;
  }
  .\[font-family\:\'DM_Sans\'\,_sans-serif\] {
    font-family: 'DM Sans', sans-serif;
  }
  .\[font-family\:\'DM_Serif_Display\'\,_serif\] {
    font-family: 'DM Serif Display', serif;
  }
  .\[font-family\:\'DM_Serif_Display\'\,serif\] {
    font-family: 'DM Serif Display',serif;
  }
  .\[font-family\:\'Inter\'\,_\'Helvetica\'\,_sans-serif\] {
    font-family: 'Inter', 'Helvetica', sans-serif;
  }
  .\[font-family\:\'Inter\'\,_\'Verdana\'\,_\'Helvetica\'\,_sans-serif\] {
    font-family: 'Inter', 'Verdana', 'Helvetica', sans-serif;
  }
  .\[font-family\:\'Inter\'\,_sans-serif\] {
    font-family: 'Inter', sans-serif;
  }
  .\[font-family\:\'Inter\'\,_system-ui\,_sans-serif\] {
    font-family: 'Inter', system-ui, sans-serif;
  }
  .\[font-family\:\'Inter\'\] {
    font-family: 'Inter';
  }
  .\[font-family\:\'JetBrains_Mono\'\,_ui-monospace\,_monospace\] {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_Arial\,_\'Noto_Sans\'\,_\'Liberation_Sans\'\,_sans-serif\] {
    font-family: 'Montserrat', 'Open Sans', -apple-system, Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif\] {
    font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif;
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_Arial\] {
    font-family: 'Montserrat', 'Open Sans', Arial;
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_Roboto\,_-apple-system\,_Arial\,_\'Noto_Sans\'\,_\'Liberation_Sans\'\,_sans-serif\] {
    font-family: 'Montserrat', 'Open Sans', Roboto, -apple-system, Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_\'Helvetica_Neue\'\,_Arial\,_\'Noto_Sans\'\,_\'Liberation_Sans\'\,_sans-serif\,_\'Apple_Color_Emoji\'\,_\'Segoe_UI_Emoji\'\,_\'Segoe_UI_Symbol\'\,_\'Noto_Color_Emoji\'\] {
    font-family: 'Montserrat', 'Open Sans', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  .\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,font-app\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_\'Helvetica_Neue\'\,_Arial\,_\'Noto_Sans\'\,_\'Liberation_Sans\'\,_sans-serif\,_\'Apple_Color_Emoji\'\,_\'Segoe_UI_Emoji\'\,_\'Segoe_UI_Symbol\'\,_\'Noto_Color_Emoji\'\] {
    font-family: 'Montserrat', 'Open Sans',font-app, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  .\[font-family\:\'Open_Sans\'\,_sans-serif\] {
    font-family: 'Open Sans', sans-serif;
  }
  .\[font-family\:\'Times_New_Roman\'\,_Times\,_serif\] {
    font-family: 'Times New Roman', Times, serif;
  }
  .\[font-family\:Arial\,_Helvetica\,_sans-serif\] {
    font-family: Arial, Helvetica, sans-serif;
  }
  .\[font-family\:DM_Sans\,_sans-serif\] {
    font-family: DM Sans, sans-serif;
  }
  .\[font-family\:Inter\,_Montserrat\,_\'Open_Sans\'\,_Roboto\,_ui-sans-serif\,_system-ui\,_sans-serif\] {
    font-family: Inter, Montserrat, 'Open Sans', Roboto, ui-sans-serif, system-ui, sans-serif;
  }
  .\[font-family\:Montserrat\,_\'Open_Sans\'\,_-apple-system\,_Arial\,_sans-serif\] {
    font-family: Montserrat, 'Open Sans', -apple-system, Arial, sans-serif;
  }
  .\[font-family\:Montserrat\,_\'Open_Sans\'\,_Arial\,_sans-serif\] {
    font-family: Montserrat, 'Open Sans', Arial, sans-serif;
  }
  .\[font-family\:Montserrat\,_\'Open_Sans\'\,_Roboto\,_sans-serif\] {
    font-family: Montserrat, 'Open Sans', Roboto, sans-serif;
  }
  .\[font-family\:Montserrat\,_\'Open_Sans\'\,font-app\,_-apple-system\,_sans-serif\] {
    font-family: Montserrat, 'Open Sans',font-app, -apple-system, sans-serif;
  }
  .\[font-family\:Montserrat\,_\'Open_Sans\'\,font-app\,_sans-serif\] {
    font-family: Montserrat, 'Open Sans',font-app, sans-serif;
  }
  .\[font-family\:Roboto\,Montserrat\,\'Open_Sans\'\,ui-sans-serif\,system-ui\,sans-serif\] {
    font-family: Roboto,Montserrat,'Open Sans',ui-sans-serif,system-ui,sans-serif;
  }
  .\[font-family\:Roboto\,RobotoDraft\] {
    font-family: Roboto,RobotoDraft;
  }
  .\[font-family\:Roboto\,_sans-serif\] {
    font-family: Roboto, sans-serif;
  }
  .\[font-family\:font-app\,_\'Helvetica\'\,_sans-serif\] {
    font-family: font-app, 'Helvetica', sans-serif;
  }
  .\[font-family\:font-app\] {
    font-family: font-app;
  }
  .\[font-family\:system-ui\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_sans-serif\] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  .\[font-family\:var\(--font-app\)\] {
    font-family: var(--font-app);
  }
  .\[font-family\:var\(--font-family-app\)\] {
    font-family: var(--font-family-app);
  }
  .\[font-family\:var\(--font-family-app\,_Arial\,_Helvetica\,_sans-serif\)\] {
    font-family: var(--font-family-app, Arial, Helvetica, sans-serif);
  }
  .\[font-family\:var\(--font-family-sans\)\] {
    font-family: var(--font-family-sans);
  }
  .\[font-family\:var\(--font-family-sans\,_\'Montserrat\'\)\] {
    font-family: var(--font-family-sans, 'Montserrat');
  }
  .\[font-family\:var\(--font-sans\)\] {
    font-family: var(--font-sans);
  }
  .\[font-family\:var\(--fonts-font-body\,_\'DM_Sans\'\,_\'Montserrat\'\,_ui-sans-serif\,_system-ui\,_sans-serif\)\] {
    font-family: var(--fonts-font-body, 'DM Sans', 'Montserrat', ui-sans-serif, system-ui, sans-serif);
  }
  .\[font-family\:var\(--fonts-sans\)\] {
    font-family: var(--fonts-sans);
  }
  .font-\(family-name\:--grid-font-family\) {
    font-family: var(--grid-font-family);
  }
  .font-\[\'Roboto\'\] {
    font-family: 'Roboto';
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-\[monospace\] {
    font-family: monospace;
  }
  .font-app {
    font-family: var(--font-app);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .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));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[font-size\:\.6rem\] {
    font-size: .6rem;
  }
  .\[font-size\:\.7rem\] {
    font-size: .7rem;
  }
  .\[font-size\:\.8rem\] {
    font-size: .8rem;
  }
  .\[font-size\:\.64rem\] {
    font-size: .64rem;
  }
  .\[font-size\:\.65rem\] {
    font-size: .65rem;
  }
  .\[font-size\:\.66rem\] {
    font-size: .66rem;
  }
  .\[font-size\:\.68rem\] {
    font-size: .68rem;
  }
  .\[font-size\:\.69rem\] {
    font-size: .69rem;
  }
  .\[font-size\:\.72rem\] {
    font-size: .72rem;
  }
  .\[font-size\:\.75rem\] {
    font-size: .75rem;
  }
  .\[font-size\:\.76rem\] {
    font-size: .76rem;
  }
  .\[font-size\:\.78rem\] {
    font-size: .78rem;
  }
  .\[font-size\:\.82rem\] {
    font-size: .82rem;
  }
  .\[font-size\:\.83rem\] {
    font-size: .83rem;
  }
  .\[font-size\:\.86rem\] {
    font-size: .86rem;
  }
  .\[font-size\:\.88rem\] {
    font-size: .88rem;
  }
  .\[font-size\:0\.6rem\] {
    font-size: 0.6rem;
  }
  .\[font-size\:0\.7rem\] {
    font-size: 0.7rem;
  }
  .\[font-size\:0\.8rem\] {
    font-size: 0.8rem;
  }
  .\[font-size\:0\.9em\] {
    font-size: 0.9em;
  }
  .\[font-size\:0\.9rem\] {
    font-size: 0.9rem;
  }
  .\[font-size\:0\.59rem\] {
    font-size: 0.59rem;
  }
  .\[font-size\:0\.62rem\] {
    font-size: 0.62rem;
  }
  .\[font-size\:0\.63rem\] {
    font-size: 0.63rem;
  }
  .\[font-size\:0\.64rem\] {
    font-size: 0.64rem;
  }
  .\[font-size\:0\.65rem\] {
    font-size: 0.65rem;
  }
  .\[font-size\:0\.66rem\] {
    font-size: 0.66rem;
  }
  .\[font-size\:0\.67rem\] {
    font-size: 0.67rem;
  }
  .\[font-size\:0\.68rem\] {
    font-size: 0.68rem;
  }
  .\[font-size\:0\.69rem\] {
    font-size: 0.69rem;
  }
  .\[font-size\:0\.71rem\] {
    font-size: 0.71rem;
  }
  .\[font-size\:0\.72rem\] {
    font-size: 0.72rem;
  }
  .\[font-size\:0\.73rem\] {
    font-size: 0.73rem;
  }
  .\[font-size\:0\.74rem\] {
    font-size: 0.74rem;
  }
  .\[font-size\:0\.75rem\] {
    font-size: 0.75rem;
  }
  .\[font-size\:0\.76rem\] {
    font-size: 0.76rem;
  }
  .\[font-size\:0\.78rem\] {
    font-size: 0.78rem;
  }
  .\[font-size\:0\.81rem\] {
    font-size: 0.81rem;
  }
  .\[font-size\:0\.82rem\] {
    font-size: 0.82rem;
  }
  .\[font-size\:0\.84rem\] {
    font-size: 0.84rem;
  }
  .\[font-size\:0\.85em\] {
    font-size: 0.85em;
  }
  .\[font-size\:0\.85rem\] {
    font-size: 0.85rem;
  }
  .\[font-size\:0\.86rem\] {
    font-size: 0.86rem;
  }
  .\[font-size\:0\.88rem\] {
    font-size: 0.88rem;
  }
  .\[font-size\:0\.92rem\] {
    font-size: 0.92rem;
  }
  .\[font-size\:0\.93rem\] {
    font-size: 0.93rem;
  }
  .\[font-size\:0\.625rem\] {
    font-size: 0.625rem;
  }
  .\[font-size\:0\.875rem\] {
    font-size: 0.875rem;
  }
  .\[font-size\:0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .\[font-size\:0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .\[font-size\:0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .\[font-size\:1\.1rem\] {
    font-size: 1.1rem;
  }
  .\[font-size\:1\.2em\] {
    font-size: 1.2em;
  }
  .\[font-size\:1\.2rem\] {
    font-size: 1.2rem;
  }
  .\[font-size\:1\.3rem\] {
    font-size: 1.3rem;
  }
  .\[font-size\:1\.4rem\] {
    font-size: 1.4rem;
  }
  .\[font-size\:1\.05rem\] {
    font-size: 1.05rem;
  }
  .\[font-size\:1\.5em\] {
    font-size: 1.5em;
  }
  .\[font-size\:1\.5rem\] {
    font-size: 1.5rem;
  }
  .\[font-size\:1\.6em\] {
    font-size: 1.6em;
  }
  .\[font-size\:1\.6rem\] {
    font-size: 1.6rem;
  }
  .\[font-size\:1\.7rem\] {
    font-size: 1.7rem;
  }
  .\[font-size\:1\.15rem\] {
    font-size: 1.15rem;
  }
  .\[font-size\:1\.25em\] {
    font-size: 1.25em;
  }
  .\[font-size\:1\.25rem\] {
    font-size: 1.25rem;
  }
  .\[font-size\:1\.55rem\] {
    font-size: 1.55rem;
  }
  .\[font-size\:1\.65rem\] {
    font-size: 1.65rem;
  }
  .\[font-size\:1\.75rem\] {
    font-size: 1.75rem;
  }
  .\[font-size\:1\.125rem\] {
    font-size: 1.125rem;
  }
  .\[font-size\:1rem\] {
    font-size: 1rem;
  }
  .\[font-size\:2\.5rem\] {
    font-size: 2.5rem;
  }
  .\[font-size\:7\.5px\] {
    font-size: 7.5px;
  }
  .\[font-size\:9\.5px\] {
    font-size: 9.5px;
  }
  .\[font-size\:10\.4px\] {
    font-size: 10.4px;
  }
  .\[font-size\:10\.72px\] {
    font-size: 10.72px;
  }
  .\[font-size\:10\.88px\] {
    font-size: 10.88px;
  }
  .\[font-size\:11\.04px\] {
    font-size: 11.04px;
  }
  .\[font-size\:11\.5px\] {
    font-size: 11.5px;
  }
  .\[font-size\:11\.84px\] {
    font-size: 11.84px;
  }
  .\[font-size\:11px\] {
    font-size: 11px;
  }
  .\[font-size\:13\.5px\] {
    font-size: 13.5px;
  }
  .\[font-size\:14\.72px\] {
    font-size: 14.72px;
  }
  .\[font-size\:16px\] {
    font-size: 16px;
  }
  .\[font-size\:var\(--text-size-body\,_14px\)\] {
    font-size: var(--text-size-body, 14px);
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.62rem\] {
    font-size: 0.62rem;
  }
  .text-\[0\.63rem\] {
    font-size: 0.63rem;
  }
  .text-\[0\.66rem\] {
    font-size: 0.66rem;
  }
  .text-\[0\.68rem\] {
    font-size: 0.68rem;
  }
  .text-\[0\.69rem\] {
    font-size: 0.69rem;
  }
  .text-\[0\.72rem\] {
    font-size: 0.72rem;
  }
  .text-\[0\.74rem\] {
    font-size: 0.74rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[0\.76rem\] {
    font-size: 0.76rem;
  }
  .text-\[0\.78rem\] {
    font-size: 0.78rem;
  }
  .text-\[0\.80rem\] {
    font-size: 0.80rem;
  }
  .text-\[0\.82rem\] {
    font-size: 0.82rem;
  }
  .text-\[0\.85rem\] {
    font-size: 0.85rem;
  }
  .text-\[0\.93rem\] {
    font-size: 0.93rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[0\.875rem\] {
    font-size: 0.875rem;
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.15em\] {
    font-size: 1.15em;
  }
  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }
  .text-\[1em\] {
    font-size: 1em;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[2em\] {
    font-size: 2em;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[3rem\] {
    font-size: 3rem;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .text-\[9\.6px\] {
    font-size: 9.6px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.4px\] {
    font-size: 10.4px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10\.88px\] {
    font-size: 10.88px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12\.8px\] {
    font-size: 12.8px;
  }
  .text-\[12pt\] {
    font-size: 12pt;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14pt\] {
    font-size: 14pt;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[64px\] {
    font-size: 64px;
  }
  .text-\[calc\(1em-3px\)\] {
    font-size: calc(1em - 3px);
  }
  .text-\[clamp\(2rem\,3\.2vw\,3\.3rem\)\] {
    font-size: clamp(2rem, 3.2vw, 3.3rem);
  }
  .leading-1 {
    --tw-leading: var(--spacing-1);
    line-height: var(--spacing-1);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: var(--spacing-6);
    line-height: var(--spacing-6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-150 {
    --tw-leading: calc(var(--spacing) * 150);
    line-height: calc(var(--spacing) * 150);
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .leading-\[1\.5rem\] {
    --tw-leading: 1.5rem;
    line-height: 1.5rem;
  }
  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-\[1rem\] {
    --tw-leading: 1rem;
    line-height: 1rem;
  }
  .leading-\[2rem\] {
    --tw-leading: 2rem;
    line-height: 2rem;
  }
  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .leading-\[40px\] {
    --tw-leading: 40px;
    line-height: 40px;
  }
  .leading-\[76px\] {
    --tw-leading: 76px;
    line-height: 76px;
  }
  .leading-\[96px\] {
    --tw-leading: 96px;
    line-height: 96px;
  }
  .leading-\[200px\] {
    --tw-leading: 200px;
    line-height: 200px;
  }
  .leading-\[unset\] {
    --tw-leading: unset;
    line-height: unset;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\[line-height\:0\.875rem\] {
    line-height: 0.875rem;
  }
  .\[line-height\:1\.1\] {
    line-height: 1.1;
  }
  .\[line-height\:1\.2\] {
    line-height: 1.2;
  }
  .\[line-height\:1\.3\] {
    line-height: 1.3;
  }
  .\[line-height\:1\.4\] {
    line-height: 1.4;
  }
  .\[line-height\:1\.5\] {
    line-height: 1.5;
  }
  .\[line-height\:1\.5rem\] {
    line-height: 1.5rem;
  }
  .\[line-height\:1\.6\] {
    line-height: 1.6;
  }
  .\[line-height\:1\.15\] {
    line-height: 1.15;
  }
  .\[line-height\:1\.25\] {
    line-height: 1.25;
  }
  .\[line-height\:1\.35\] {
    line-height: 1.35;
  }
  .\[line-height\:1\.45\] {
    line-height: 1.45;
  }
  .\[line-height\:1\.55\] {
    line-height: 1.55;
  }
  .\[line-height\:1\.57\] {
    line-height: 1.57;
  }
  .\[line-height\:1\.65\] {
    line-height: 1.65;
  }
  .\[line-height\:40px\] {
    line-height: 40px;
  }
  .\[line-height\:unset\] {
    line-height: unset;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .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);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .\[font-weight\:500\] {
    font-weight: 500;
  }
  .\[font-weight\:var\(--text-weight-regular\,_400\)\] {
    font-weight: var(--text-weight-regular, 400);
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.03em\] {
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.06em\] {
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .tracking-\[0\.07em\] {
    --tw-tracking: 0.07em;
    letter-spacing: 0.07em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.0625rem\] {
    --tw-tracking: 0.0625rem;
    letter-spacing: 0.0625rem;
  }
  .tracking-\[0\.01071em\] {
    --tw-tracking: 0.01071em;
    letter-spacing: 0.01071em;
  }
  .tracking-\[0\.6528px\] {
    --tw-tracking: 0.6528px;
    letter-spacing: 0.6528px;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .tracking-\[1\.04px\] {
    --tw-tracking: 1.04px;
    letter-spacing: 1.04px;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .\[letter-spacing\:-0\.01em\] {
    letter-spacing: -0.01em;
  }
  .\[letter-spacing\:-0\.02em\] {
    letter-spacing: -0.02em;
  }
  .\[letter-spacing\:\.1em\] {
    letter-spacing: .1em;
  }
  .\[letter-spacing\:\.02em\] {
    letter-spacing: .02em;
  }
  .\[letter-spacing\:\.04em\] {
    letter-spacing: .04em;
  }
  .\[letter-spacing\:\.05em\] {
    letter-spacing: .05em;
  }
  .\[letter-spacing\:\.06em\] {
    letter-spacing: .06em;
  }
  .\[letter-spacing\:\.07em\] {
    letter-spacing: .07em;
  }
  .\[letter-spacing\:\.08em\] {
    letter-spacing: .08em;
  }
  .\[letter-spacing\:\.09em\] {
    letter-spacing: .09em;
  }
  .\[letter-spacing\:\.12em\] {
    letter-spacing: .12em;
  }
  .\[letter-spacing\:\.13em\] {
    letter-spacing: .13em;
  }
  .\[letter-spacing\:\.15em\] {
    letter-spacing: .15em;
  }
  .\[letter-spacing\:0\.01em\] {
    letter-spacing: 0.01em;
  }
  .\[letter-spacing\:0\.1em\] {
    letter-spacing: 0.1em;
  }
  .\[letter-spacing\:0\.02em\] {
    letter-spacing: 0.02em;
  }
  .\[letter-spacing\:0\.03em\] {
    letter-spacing: 0.03em;
  }
  .\[letter-spacing\:0\.04em\] {
    letter-spacing: 0.04em;
  }
  .\[letter-spacing\:0\.4px\] {
    letter-spacing: 0.4px;
  }
  .\[letter-spacing\:0\.05em\] {
    letter-spacing: 0.05em;
  }
  .\[letter-spacing\:0\.5px\] {
    letter-spacing: 0.5px;
  }
  .\[letter-spacing\:0\.06em\] {
    letter-spacing: 0.06em;
  }
  .\[letter-spacing\:0\.6px\] {
    letter-spacing: 0.6px;
  }
  .\[letter-spacing\:0\.07em\] {
    letter-spacing: 0.07em;
  }
  .\[letter-spacing\:0\.08em\] {
    letter-spacing: 0.08em;
  }
  .\[letter-spacing\:0\.08rem\] {
    letter-spacing: 0.08rem;
  }
  .\[letter-spacing\:0\.09em\] {
    letter-spacing: 0.09em;
  }
  .\[letter-spacing\:0\.12em\] {
    letter-spacing: 0.12em;
  }
  .\[letter-spacing\:0\.13em\] {
    letter-spacing: 0.13em;
  }
  .\[letter-spacing\:0\.14em\] {
    letter-spacing: 0.14em;
  }
  .\[letter-spacing\:0\.15em\] {
    letter-spacing: 0.15em;
  }
  .\[letter-spacing\:0\.25px\] {
    letter-spacing: 0.25px;
  }
  .\[letter-spacing\:0\.52px\] {
    letter-spacing: 0.52px;
  }
  .\[letter-spacing\:0\.00714em\] {
    letter-spacing: 0.00714em;
  }
  .\[letter-spacing\:0\.01071em\] {
    letter-spacing: 0.01071em;
  }
  .\[letter-spacing\:0\.02857em\] {
    letter-spacing: 0.02857em;
  }
  .\[letter-spacing\:0\.3216px\] {
    letter-spacing: 0.3216px;
  }
  .\[letter-spacing\:0\.4352px\] {
    letter-spacing: 0.4352px;
  }
  .\[letter-spacing\:0\.13125px\] {
    letter-spacing: 0.13125px;
  }
  .\[letter-spacing\:0px\] {
    letter-spacing: 0px;
  }
  .\[letter-spacing\:1\.2px\] {
    letter-spacing: 1.2px;
  }
  .\[overflow-wrap\:break-word\] {
    overflow-wrap: break-word;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\(--text-colour\) {
    color: var(--text-colour) !important;
  }
  .\[color\:\#000000\] {
    color: #000000;
  }
  .\[color\:\#1a1a1a\] {
    color: #1a1a1a;
  }
  .\[color\:\#1a1a2e\] {
    color: #1a1a2e;
  }
  .\[color\:\#1a2d35\] {
    color: #1a2d35;
  }
  .\[color\:\#1a73e8\] {
    color: #1a73e8;
  }
  .\[color\:\#1a2540\] {
    color: #1a2540;
  }
  .\[color\:\#1ba360\] {
    color: #1ba360;
  }
  .\[color\:\#1e293b\] {
    color: #1e293b;
  }
  .\[color\:\#4a5268\] {
    color: #4a5268;
  }
  .\[color\:\#4a5568\] {
    color: #4a5568;
  }
  .\[color\:\#4b5563\] {
    color: #4b5563;
  }
  .\[color\:\#4f4f64\] {
    color: #4f4f64;
  }
  .\[color\:\#4f46e5\] {
    color: #4f46e5;
  }
  .\[color\:\#5a7b8a\] {
    color: #5a7b8a;
  }
  .\[color\:\#6a6a7f\] {
    color: #6a6a7f;
  }
  .\[color\:\#6a9199\] {
    color: #6a9199;
  }
  .\[color\:\#6b7280\] {
    color: #6b7280;
  }
  .\[color\:\#6f6f6f\] {
    color: #6f6f6f;
  }
  .\[color\:\#7a7a90\] {
    color: #7a7a90;
  }
  .\[color\:\#7a9aa3\] {
    color: #7a9aa3;
  }
  .\[color\:\#8a97b0\] {
    color: #8a97b0;
  }
  .\[color\:\#8aa0cc\] {
    color: #8aa0cc;
  }
  .\[color\:\#22d3ee\] {
    color: #22d3ee;
  }
  .\[color\:\#039be5\] {
    color: #039be5;
  }
  .\[color\:\#333\] {
    color: #333;
  }
  .\[color\:\#444\] {
    color: #444;
  }
  .\[color\:\#555\] {
    color: #555;
  }
  .\[color\:\#666\] {
    color: #666;
  }
  .\[color\:\#00718c\] {
    color: #00718c;
  }
  .\[color\:\#777\] {
    color: #777;
  }
  .\[color\:\#999\] {
    color: #999;
  }
  .\[color\:\#1565c0\] {
    color: #1565c0;
  }
  .\[color\:\#1976d2\] {
    color: #1976d2;
  }
  .\[color\:\#44445a\] {
    color: #44445a;
  }
  .\[color\:\#64748b\] {
    color: #64748b;
  }
  .\[color\:\#66667a\] {
    color: #66667a;
  }
  .\[color\:\#374151\] {
    color: #374151;
  }
  .\[color\:\#424242\] {
    color: #424242;
  }
  .\[color\:\#555568\] {
    color: #555568;
  }
  .\[color\:\#757575\] {
    color: #757575;
  }
  .\[color\:\#777777\] {
    color: #777777;
  }
  .\[color\:\#a0b0b5\] {
    color: #a0b0b5;
  }
  .\[color\:\#a6e3a1\] {
    color: #a6e3a1;
  }
  .\[color\:\#aaaaaa\] {
    color: #aaaaaa;
  }
  .\[color\:\#b0b0c2\] {
    color: #b0b0c2;
  }
  .\[color\:\#bbc7cc\] {
    color: #bbc7cc;
  }
  .\[color\:\#c8c8d8\] {
    color: #c8c8d8;
  }
  .\[color\:\#ccd5d9\] {
    color: #ccd5d9;
  }
  .\[color\:\#cdd6f4\] {
    color: #cdd6f4;
  }
  .\[color\:\#e0e0ec\] {
    color: #e0e0ec;
  }
  .\[color\:\#e8e8f0\] {
    color: #e8e8f0;
  }
  .\[color\:\#e57373\] {
    color: #e57373;
  }
  .\[color\:\#ef5350\] {
    color: #ef5350;
  }
  .\[color\:\#f1f5f9\] {
    color: #f1f5f9;
  }
  .\[color\:\#fff\] {
    color: #fff;
  }
  .\[color\:inherit\] {
    color: inherit;
  }
  .\[color\:rgb\(0\,_113\,_140\)\] {
    color: rgb(0, 113, 140);
  }
  .\[color\:rgb\(25\,_29\,_31\)\] {
    color: rgb(25, 29, 31);
  }
  .\[color\:rgb\(32\,_33\,_36\)\] {
    color: rgb(32, 33, 36);
  }
  .\[color\:rgb\(68\,_100\,_161\)\] {
    color: rgb(68, 100, 161);
  }
  .\[color\:rgb\(71\,_85\,_105\)\] {
    color: rgb(71, 85, 105);
  }
  .\[color\:rgb\(100\,_100\,_100\)\] {
    color: rgb(100, 100, 100);
  }
  .\[color\:rgb\(250\,_250\,_250\)\] {
    color: rgb(250, 250, 250);
  }
  .\[color\:rgba\(0\,_0\,_0\,_0\.6\)\] {
    color: rgba(0, 0, 0, 0.6);
  }
  .\[color\:rgba\(0\,_0\,_0\,_0\.7\)\] {
    color: rgba(0, 0, 0, 0.7);
  }
  .\[color\:rgba\(0\,_0\,_0\,_0\.54\)\] {
    color: rgba(0, 0, 0, 0.54);
  }
  .\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    color: rgba(0, 0, 0, 0.87);
  }
  .\[color\:rgba\(76\,175\,135\,\.5\)\] {
    color: rgba(76,175,135,.5);
  }
  .\[color\:rgba\(76\,175\,135\,\.6\)\] {
    color: rgba(76,175,135,.6);
  }
  .\[color\:rgba\(192\,57\,43\,\.5\)\] {
    color: rgba(192,57,43,.5);
  }
  .\[color\:rgba\(255\,255\,255\,0\.5\)\] {
    color: rgba(255,255,255,0.5);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.5\)\] {
    color: rgba(255, 255, 255, 0.5);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.7\)\] {
    color: rgba(255, 255, 255, 0.7);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.8\)\] {
    color: rgba(255, 255, 255, 0.8);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.9\)\] {
    color: rgba(255, 255, 255, 0.9);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.35\)\] {
    color: rgba(255, 255, 255, 0.35);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.65\)\] {
    color: rgba(255, 255, 255, 0.65);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.75\)\] {
    color: rgba(255, 255, 255, 0.75);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.85\)\] {
    color: rgba(255, 255, 255, 0.85);
  }
  .\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    color: rgba(255, 255, 255, 0.87);
  }
  .\[color\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\)\] {
    color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62);
  }
  .\[color\:var\(--accent-background-colour\)\] {
    color: var(--accent-background-colour);
  }
  .\[color\:var\(--accent-text-colour\)\] {
    color: var(--accent-text-colour);
  }
  .\[color\:var\(--actionarea-text-color\)\] {
    color: var(--actionarea-text-color);
  }
  .\[color\:var\(--auth-primary\)\] {
    color: var(--auth-primary);
  }
  .\[color\:var\(--auth-primary-fg\)\] {
    color: var(--auth-primary-fg);
  }
  .\[color\:var\(--auth-text-muted\)\] {
    color: var(--auth-text-muted);
  }
  .\[color\:var\(--color-action-active\)\] {
    color: var(--color-action-active);
  }
  .\[color\:var\(--color-action-primary\)\] {
    color: var(--color-action-primary);
  }
  .\[color\:var\(--color-action-primary\,_\#1976d2\)\] {
    color: var(--color-action-primary, #1976d2);
  }
  .\[color\:var\(--color-action-primary\,_var\(--color-primary\)\)\] {
    color: var(--color-action-primary, var(--color-primary));
  }
  .\[color\:var\(--color-action-primary-text\,_white\)\] {
    color: var(--color-action-primary-text, white);
  }
  .\[color\:var\(--color-black\)\] {
    color: var(--color-black);
  }
  .\[color\:var\(--color-blue\)\] {
    color: var(--color-blue);
  }
  .\[color\:var\(--color-form-error\,_\#f44336\)\] {
    color: var(--color-form-error, #f44336);
  }
  .\[color\:var\(--color-form-heading\)\] {
    color: var(--color-form-heading);
  }
  .\[color\:var\(--color-form-nav-group\,_rgba\(41\,215\,255\,0\.64\)\)\] {
    color: var(--color-form-nav-group, rgba(41,215,255,0.64));
  }
  .\[color\:var\(--color-form-nav-item\,_rgba\(255\,255\,255\,0\.87\)\)\] {
    color: var(--color-form-nav-item, rgba(255,255,255,0.87));
  }
  .\[color\:var\(--color-form-text\,_\#1a2d35\)\] {
    color: var(--color-form-text, #1a2d35);
  }
  .\[color\:var\(--color-form-text\,_\#444\)\] {
    color: var(--color-form-text, #444);
  }
  .\[color\:var\(--color-form-text\,_rgba\(0\,_0\,_0\,_0\.87\)\)\] {
    color: var(--color-form-text, rgba(0, 0, 0, 0.87));
  }
  .\[color\:var\(--color-primary-700\)\] {
    color: var(--color-primary-700);
  }
  .\[color\:var\(--color-st-completed\)\] {
    color: var(--color-st-completed);
  }
  .\[color\:var\(--color-st-dep-danger\)\] {
    color: var(--color-st-dep-danger);
  }
  .\[color\:var\(--color-st-eta-orange\)\] {
    color: var(--color-st-eta-orange);
  }
  .\[color\:var\(--color-st-muted\)\] {
    color: var(--color-st-muted);
  }
  .\[color\:var\(--color-st-muted-light\)\] {
    color: var(--color-st-muted-light);
  }
  .\[color\:var\(--color-st-pending\)\] {
    color: var(--color-st-pending);
  }
  .\[color\:var\(--color-text-primary\)\] {
    color: var(--color-text-primary);
  }
  .\[color\:var\(--color-text-primary\,_black\)\] {
    color: var(--color-text-primary, black);
  }
  .\[color\:var\(--color-text-secondary\)\] {
    color: var(--color-text-secondary);
  }
  .\[color\:var\(--color-wf-accent\)\] {
    color: var(--color-wf-accent);
  }
  .\[color\:var\(--color-wf-border\)\] {
    color: var(--color-wf-border);
  }
  .\[color\:var\(--color-wf-danger-text\)\] {
    color: var(--color-wf-danger-text);
  }
  .\[color\:var\(--color-wf-fail-text\)\] {
    color: var(--color-wf-fail-text);
  }
  .\[color\:var\(--color-wf-info-text\)\] {
    color: var(--color-wf-info-text);
  }
  .\[color\:var\(--color-wf-phase-artwork\)\] {
    color: var(--color-wf-phase-artwork);
  }
  .\[color\:var\(--color-wf-phase-deposit\)\] {
    color: var(--color-wf-phase-deposit);
  }
  .\[color\:var\(--color-wf-phase-order\)\] {
    color: var(--color-wf-phase-order);
  }
  .\[color\:var\(--color-wf-phase-production\)\] {
    color: var(--color-wf-phase-production);
  }
  .\[color\:var\(--color-wf-phase-quote\)\] {
    color: var(--color-wf-phase-quote);
  }
  .\[color\:var\(--color-wf-phase-shipment\)\] {
    color: var(--color-wf-phase-shipment);
  }
  .\[color\:var\(--color-wf-start-text\)\] {
    color: var(--color-wf-start-text);
  }
  .\[color\:var\(--color-wf-success-text\)\] {
    color: var(--color-wf-success-text);
  }
  .\[color\:var\(--color-wf-text-dept\)\] {
    color: var(--color-wf-text-dept);
  }
  .\[color\:var\(--color-wf-text-faint\)\] {
    color: var(--color-wf-text-faint);
  }
  .\[color\:var\(--color-wf-text-inverse\)\] {
    color: var(--color-wf-text-inverse);
  }
  .\[color\:var\(--color-wf-text-muted\)\] {
    color: var(--color-wf-text-muted);
  }
  .\[color\:var\(--color-wf-text-primary\)\] {
    color: var(--color-wf-text-primary);
  }
  .\[color\:var\(--color-wf-text-username\)\] {
    color: var(--color-wf-text-username);
  }
  .\[color\:var\(--color-wf-warning-text\)\] {
    color: var(--color-wf-warning-text);
  }
  .\[color\:var\(--colors-brand\,\#1a7a96\)\] {
    color: var(--colors-brand,#1a7a96);
  }
  .\[color\:var\(--form-nav-active\,_rgb\(24\,_90\,_188\)\)\] {
    color: var(--form-nav-active, rgb(24, 90, 188));
  }
  .\[color\:var\(--ga-textAccent\)\] {
    color: var(--ga-textAccent);
  }
  .\[color\:var\(--ga-textLink\)\] {
    color: var(--ga-textLink);
  }
  .\[color\:var\(--ga-textPrimary\)\] {
    color: var(--ga-textPrimary);
  }
  .\[color\:var\(--ga-textSecondary\)\] {
    color: var(--ga-textSecondary);
  }
  .\[color\:var\(--primary-color\,_\#039be5\)\] {
    color: var(--primary-color, #039be5);
  }
  .\[color\:var\(--primary-colour\)\] {
    color: var(--primary-colour);
  }
  .\[color\:var\(--primary-text-color\,_white\)\] {
    color: var(--primary-text-color, white);
  }
  .\[color\:var\(--radio-group-base-color\,_\#666666\)\] {
    color: var(--radio-group-base-color, #666666);
  }
  .\[color\:var\(--tab-item-text-active-colour\)\] {
    color: var(--tab-item-text-active-colour);
  }
  .\[color\:var\(--text-colour\)\] {
    color: var(--text-colour);
  }
  .\[color\:var\(--text-colour\,_black\)\] {
    color: var(--text-colour, black);
  }
  .\[color\:var\(--text-colour\,_white\)\] {
    color: var(--text-colour, white);
  }
  .\[color\:var\(--text-colour-faint\,_white\)\] {
    color: var(--text-colour-faint, white);
  }
  .\[color\:var\(--transparent-color\,\#444\)\] {
    color: var(--transparent-color,#444);
  }
  .\[color\:white\] {
    color: white;
  }
  .text-\(--accent\) {
    color: var(--accent);
  }
  .text-\(--color-beedee-brand\) {
    color: var(--color-beedee-brand);
  }
  .text-\(--color-wf-success-text\) {
    color: var(--color-wf-success-text);
  }
  .text-\(--dive-color-error\) {
    color: var(--dive-color-error);
  }
  .text-\(--dive-color-loading\) {
    color: var(--dive-color-loading);
  }
  .text-\(--dive-color-muted\) {
    color: var(--dive-color-muted);
  }
  .text-\(--grid-header-fg\) {
    color: var(--grid-header-fg);
  }
  .text-\(--grid-header-fg\,inherit\) {
    color: var(--grid-header-fg,inherit);
  }
  .text-\(--text-colour\) {
    color: var(--text-colour);
  }
  .text-\(--text-muted\) {
    color: var(--text-muted);
  }
  .text-\(--text-primary\) {
    color: var(--text-primary);
  }
  .text-\(--text-secondary\) {
    color: var(--text-secondary);
  }
  .text-\[\#1a2d35\] {
    color: #1a2d35;
  }
  .text-\[\#1a7a96\] {
    color: #1a7a96;
  }
  .text-\[\#1a7f5e\] {
    color: #1a7f5e;
  }
  .text-\[\#1a1916\] {
    color: #1a1916;
  }
  .text-\[\#1d3a2f\] {
    color: #1d3a2f;
  }
  .text-\[\#2e7d5e\] {
    color: #2e7d5e;
  }
  .text-\[\#4f46e5\] {
    color: #4f46e5;
  }
  .text-\[\#6b6860\] {
    color: #6b6860;
  }
  .text-\[\#6d48e5\] {
    color: #6d48e5;
  }
  .text-\[\#7a909a\] {
    color: #7a909a;
  }
  .text-\[\#7c3aed\] {
    color: #7c3aed;
  }
  .text-\[\#9ab0b6\] {
    color: #9ab0b6;
  }
  .text-\[\#16a34a\] {
    color: #16a34a;
  }
  .text-\[\#333\] {
    color: #333;
  }
  .text-\[\#2563eb\] {
    color: #2563eb;
  }
  .text-\[\#64748b\] {
    color: #64748b;
  }
  .text-\[\#a09d98\] {
    color: #a09d98;
  }
  .text-\[\#aab5bc\] {
    color: #aab5bc;
  }
  .text-\[\#b0bfc6\] {
    color: #b0bfc6;
  }
  .text-\[\#b8860b\] {
    color: #b8860b;
  }
  .text-\[\#bbc7cc\] {
    color: #bbc7cc;
  }
  .text-\[\#d97706\] {
    color: #d97706;
  }
  .text-\[\#dc2626\] {
    color: #dc2626;
  }
  .text-\[\#e74c3c\] {
    color: #e74c3c;
  }
  .text-\[\#f59e0b\] {
    color: #f59e0b;
  }
  .text-\[color\:var\(--text-colour\)\] {
    color: var(--text-colour);
  }
  .text-\[var\(--color-table-row-empty\,grey\)\] {
    color: var(--color-table-row-empty,grey);
  }
  .text-\[var\(--muted-text-colour\,\#888\)\] {
    color: var(--muted-text-colour,#888);
  }
  .text-\[var\(--text-colour\,rgba\(0\,0\,0\,0\.87\)\)\] {
    color: var(--text-colour,rgba(0,0,0,0.87));
  }
  .text-\[var\(--text-primary\)\] {
    color: var(--text-primary);
  }
  .text-\[var\(--text-secondary\)\] {
    color: var(--text-secondary);
  }
  .text-amber-100 {
    color: var(--color-amber-100);
  }
  .text-amber-100\/80 {
    color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
    }
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-700\/70 {
    color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-700) 70%, transparent);
    }
  }
  .text-amber-700\/80 {
    color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
    }
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-800\/80 {
    color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-800) 80%, transparent);
    }
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-darken-3 {
    color: var(--color-amber-darken-3);
  }
  .text-beedee-400 {
    color: var(--color-beedee-400);
  }
  .text-beedee-brand {
    color: var(--color-beedee-brand);
  }
  .text-beedee-card {
    color: var(--color-beedee-card);
  }
  .text-beedee-green {
    color: var(--color-beedee-green);
  }
  .text-beedee-label {
    color: var(--color-beedee-label);
  }
  .text-beedee-red {
    color: var(--color-beedee-red);
  }
  .text-beedee-text {
    color: var(--color-beedee-text);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-base {
    color: var(--color-blue-base);
  }
  .text-blue-darken-2 {
    color: var(--color-blue-darken-2);
  }
  .text-blue-darken-3 {
    color: var(--color-blue-darken-3);
  }
  .text-brand {
    color: var(--color-primary-700);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-400\/70 {
    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-form-heading {
    color: var(--color-form-heading);
  }
  .text-fuchsia-800 {
    color: var(--color-fuchsia-800);
  }
  .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-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-gray-950 {
    color: var(--color-gray-950);
  }
  .text-green-100 {
    color: var(--color-green-100);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-green-base {
    color: var(--color-green-base);
  }
  .text-green-darken-2 {
    color: var(--color-green-darken-2);
  }
  .text-grey-base {
    color: var(--color-grey-base);
  }
  .text-grey-darken-2 {
    color: var(--color-grey-darken-2);
  }
  .text-grey-darken-4 {
    color: var(--color-grey-darken-4);
  }
  .text-grid-mode-dive {
    color: var(--color-grid-mode-dive);
  }
  .text-grid-mode-multi {
    color: var(--color-grid-mode-multi);
  }
  .text-grid-mode-single {
    color: var(--color-grid-mode-single);
  }
  .text-header-foreground {
    color: var(--color-header-foreground);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-inherit {
    color: inherit;
  }
  .text-nav-foreground {
    color: var(--color-nav-foreground);
  }
  .text-neutral-500 {
    color: var(--color-neutral-500);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-700 {
    color: oklch(from var(--brand-primary) l c h);
  }
  .text-primary-800 {
    color: oklch(from var(--brand-primary) calc(l - 0.08) calc(c * 0.9) h);
  }
  .text-purple-100 {
    color: var(--color-purple-100);
  }
  .text-purple-200 {
    color: var(--color-purple-200);
  }
  .text-purple-300 {
    color: var(--color-purple-300);
  }
  .text-purple-500 {
    color: var(--color-purple-500);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-red-50 {
    color: var(--color-red-50);
  }
  .text-red-100 {
    color: var(--color-red-100);
  }
  .text-red-300 {
    color: var(--color-red-300);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-red-base {
    color: var(--color-red-base);
  }
  .text-red-darken-2 {
    color: var(--color-red-darken-2);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-sl-toolbar-text {
    color: var(--color-sl-toolbar-text);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-st-completed {
    color: var(--color-st-completed);
  }
  .text-st-muted {
    color: var(--color-st-muted);
  }
  .text-st-revised {
    color: var(--color-st-revised);
  }
  .text-st-text {
    color: var(--color-st-text);
  }
  .text-stone-200 {
    color: var(--color-stone-200);
  }
  .text-stone-300 {
    color: var(--color-stone-300);
  }
  .text-stone-400 {
    color: var(--color-stone-400);
  }
  .text-stone-500 {
    color: var(--color-stone-500);
  }
  .text-stone-600 {
    color: var(--color-stone-600);
  }
  .text-stone-700 {
    color: var(--color-stone-700);
  }
  .text-stone-800 {
    color: var(--color-stone-800);
  }
  .text-stone-900 {
    color: var(--color-stone-900);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-surface-border {
    color: #d4e2e8;
  }
  .text-surface-label {
    color: #7a909a;
  }
  .text-surface-text {
    color: #1a2d35;
  }
  .text-teal-800 {
    color: var(--color-teal-800);
  }
  .text-text-label {
    color: var(--color-text-label);
  }
  .text-transparent {
    color: transparent;
  }
  .text-violet-600 {
    color: var(--color-violet-600);
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/30 {
    color: color-mix(in srgb, #ffffff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/35 {
    color: color-mix(in srgb, #ffffff 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .text-white\/40 {
    color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/45 {
    color: color-mix(in srgb, #ffffff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .text-white\/50 {
    color: color-mix(in srgb, #ffffff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .text-white\/55 {
    color: color-mix(in srgb, #ffffff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #ffffff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: color-mix(in srgb, #ffffff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #ffffff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #ffffff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #ffffff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #ffffff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-white\/95 {
    color: color-mix(in srgb, #ffffff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .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;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-white\/40 {
    text-decoration-color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder-red-300 {
    &::placeholder {
      color: var(--color-red-300);
    }
  }
  .placeholder-slate-300 {
    &::placeholder {
      color: var(--color-slate-300);
    }
  }
  .placeholder-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .placeholder-stone-400 {
    &::placeholder {
      color: var(--color-stone-400);
    }
  }
  .placeholder-white\/40 {
    &::placeholder {
      color: color-mix(in srgb, #ffffff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .\[accent-color\:var\(--color-action-primary\)\] {
    accent-color: var(--color-action-primary);
  }
  .accent-\(--accent\) {
    accent-color: var(--accent);
  }
  .accent-\[\#1d3a2f\] {
    accent-color: #1d3a2f;
  }
  .accent-blue-600 {
    accent-color: var(--color-blue-600);
  }
  .accent-brand {
    accent-color: var(--color-primary-700);
  }
  .accent-teal-600 {
    accent-color: var(--color-teal-600);
  }
  .\[opacity\:0\.05\] {
    opacity: 0.05;
  }
  .\[opacity\:0\.5\] {
    opacity: 0.5;
  }
  .\[opacity\:0\.7\] {
    opacity: 0.7;
  }
  .\[opacity\:0\.08\] {
    opacity: 0.08;
  }
  .\[opacity\:0\.8\] {
    opacity: 0.8;
  }
  .\[opacity\:0\.9\] {
    opacity: 0.9;
  }
  .\[opacity\:0\.38\] {
    opacity: 0.38;
  }
  .\[opacity\:0\.45\] {
    opacity: 0.45;
  }
  .\[opacity\:0\.65\] {
    opacity: 0.65;
  }
  .\[opacity\:0\.75\] {
    opacity: 0.75;
  }
  .\[opacity\:var\(--min-opacity\)\] {
    opacity: var(--min-opacity);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-1 {
    opacity: 1%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.35\] {
    opacity: 0.35;
  }
  .opacity-\[0\.65\] {
    opacity: 0.65;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(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-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-4px_0_32px_rgba\(26\,122\,150\,0\.14\)\] {
    --tw-shadow: -4px 0 32px var(--tw-shadow-color, rgba(26,122,150,0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_rgba\(59\,130\,246\,0\.12\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(59,130,246,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_rgba\(251\,191\,36\,0\.18\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(251,191,36,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_8px_rgba\(26\,122\,150\,0\.25\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(26,122,150,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_40px_rgba\(17\,91\,116\,0\.22\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, rgba(17,91,116,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.22));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.1\)\,_0px_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    --tw-shadow: 0px 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 2px 4px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[2px_2px_2px_rgba\(0\,0\,0\,0\.15\)\,0_0_2px_1px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 2px 2px 2px var(--tw-shadow-color, rgba(0,0,0,0.15)), 0 0 2px 1px 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-\[4px_0_32px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 4px 0 32px var(--tw-shadow-color, rgba(0,0,0,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[…\] {
    --tw-shadow: …;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-beedee-card {
    --tw-shadow: 0 2px 16px var(--tw-shadow-color, rgba(26, 122, 150, 0.1)), 0 1px 3px var(--tw-shadow-color, rgba(0, 0, 0, 0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(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-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(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 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(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-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(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);
  }
  .\!ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  }
  .ring-0 {
    --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);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  }
  .ring-2 {
    --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);
  }
  .\[box-shadow\:-3px_0px_5px_2px_rgba\(0\,0\,0\,0\)\] {
    box-shadow: -3px 0px 5px 2px rgba(0,0,0,0);
  }
  .\[box-shadow\:-3px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\)\] {
    box-shadow: -3px 0px 5px 2px rgba(0, 0, 0, 0);
  }
  .\[box-shadow\:-4px_0_16px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:-4px_0_20px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:-4px_0_24px_rgba\(26\,122\,150\,\.16\)\] {
    box-shadow: -4px 0 24px rgba(26,122,150,.16);
  }
  .\[box-shadow\:-4px_0_32px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: -4px 0 32px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:-4px_0_32px_rgba\(26\,122\,150\,\.14\)\] {
    box-shadow: -4px 0 32px rgba(26,122,150,.14);
  }
  .\[box-shadow\:-8px_0_40px_rgba\(9\,95\,109\,0\.18\)\] {
    box-shadow: -8px 0 40px rgba(9,95,109,0.18);
  }
  .\[box-shadow\:0_-4px_20px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:0_-4px_24px_rgba\(0\,0\,0\,0\.14\)\] {
    box-shadow: 0 -4px 24px rgba(0,0,0,0.14);
  }
  .\[box-shadow\:0_0_0_2px_var\(--color-action-primary\)\,_0_4px_12px_var\(--color-action-primary-transparent\)\] {
    box-shadow: 0 0 0 2px var(--color-action-primary), 0 4px 12px var(--color-action-primary-transparent);
  }
  .\[box-shadow\:0_0_0_9999px_rgba\(0\,0\,0\,0\.5\)\] {
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
  }
  .\[box-shadow\:0_0_0_9999px_rgba\(0\,_0\,_0\,_0\.5\)\] {
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  }
  .\[box-shadow\:0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_0_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_2px_2px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_0_3px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_1px_1px_rgba\(0\,0\,0\,0\.15\)\] {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  }
  .\[box-shadow\:0_1px_1px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:0_1px_3px_rgba\(0\,_0\,_0\,_0\.08\)\] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  .\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,\.06\)\] {
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
  }
  .\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,\.07\)\] {
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
  }
  .\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.04\)\] {
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  }
  .\[box-shadow\:0_1px_4px_rgba\(0\,_0\,_0\,_0\.07\)\] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  }
  .\[box-shadow\:0_1px_4px_rgba\(0\,_0\,_0\,_0\.12\)\] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  }
  .\[box-shadow\:0_1px_6px_rgba\(0\,_0\,_0\,_0\.07\)\] {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
  }
  .\[box-shadow\:0_1px_12px_rgba\(60\,80\,140\,0\.08\)\] {
    box-shadow: 0 1px 12px rgba(60,80,140,0.08);
  }
  .\[box-shadow\:0_2px_2px_0_rgba\(0\,0\,0\,0\.14\)\,_0_3px_1px_-2px_rgba\(0\,0\,0\,0\.2\)\,_0_1px_5px_0_rgba\(0\,0\,0\,0\.12\)\] {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
  }
  .\[box-shadow\:0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\)\] {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .\[box-shadow\:0_2px_4px_rgba\(0\,0\,0\,0\.14\)\,_0_4px_5px_rgba\(0\,0\,0\,0\.12\)\,_0_1px_10px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.14), 0 4px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:0_2px_4px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:0_2px_4px_rgba\(0\,_0\,_0\,_0\.07\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:0_2px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_2px_8px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:0_2px_8px_rgba\(0\,_0\,_0\,_0\.18\)\] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  }
  .\[box-shadow\:0_2px_8px_rgba\(26\,122\,150\,\.25\)\] {
    box-shadow: 0 2px 8px rgba(26,122,150,.25);
  }
  .\[box-shadow\:0_2px_8px_rgba\(26\,122\,150\,0\.25\)\] {
    box-shadow: 0 2px 8px rgba(26,122,150,0.25);
  }
  .\[box-shadow\:0_2px_8px_rgba\(26\,_122\,_150\,_0\.08\)\] {
    box-shadow: 0 2px 8px rgba(26, 122, 150, 0.08);
  }
  .\[box-shadow\:0_2px_8px_rgba\(26\,_122\,_150\,_0\.25\)\] {
    box-shadow: 0 2px 8px rgba(26, 122, 150, 0.25);
  }
  .\[box-shadow\:0_2px_8px_rgba\(76\,175\,135\,0\.3\)\] {
    box-shadow: 0 2px 8px rgba(76,175,135,0.3);
  }
  .\[box-shadow\:0_2px_8px_rgba\(76\,_175\,_135\,_0\.3\)\] {
    box-shadow: 0 2px 8px rgba(76, 175, 135, 0.3);
  }
  .\[box-shadow\:0_2px_10px_rgba\(13\,122\,138\,0\.07\)\] {
    box-shadow: 0 2px 10px rgba(13,122,138,0.07);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,122\,150\,0\.08\)\,_0_1px_3px_rgba\(0\,0\,0\,0\.05\)\] {
    box-shadow: 0 2px 16px rgba(26,122,150,0.08), 0 1px 3px rgba(0,0,0,0.05);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,122\,150\,0\.10\)\,_0_1px_3px_rgba\(0\,0\,0\,0\.06\)\] {
    box-shadow: 0 2px 16px rgba(26,122,150,0.10), 0 1px 3px rgba(0,0,0,0.06);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,122\,150\,0\.10\)\] {
    box-shadow: 0 2px 16px rgba(26,122,150,0.10);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,_122\,_150\,_0\.1\)\,_0_1px_3px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    box-shadow: 0 2px 16px rgba(26, 122, 150, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,_122\,_150\,_0\.10\)\,_0_1px_3px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    box-shadow: 0 2px 16px rgba(26, 122, 150, 0.10), 0 1px 3px rgba(0, 0, 0, 0.06);
  }
  .\[box-shadow\:0_2px_24px_rgba\(60\,80\,140\,0\.09\)\] {
    box-shadow: 0 2px 24px rgba(60,80,140,0.09);
  }
  .\[box-shadow\:0_4px_4px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_2px_-4px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_2px_10px_0_rgba\(0\,_0\,_0\,_0\.12\)\] {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .\[box-shadow\:0_4px_12px_rgba\(0\,_0\,_0\,_0\.08\)\] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }
  .\[box-shadow\:0_4px_24px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_4px_32px_rgba\(0\,_0\,_0\,_0\.18\)\] {
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18);
  }
  .\[box-shadow\:0_6px_10px_rgba\(0\,0\,0\,0\.14\)\,_0_1px_18px_rgba\(0\,0\,0\,0\.12\)\,_0_3px_5px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12), 0 3px 5px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_-3px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px -3px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_6px_10px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_1px_18px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_5px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_6px_20px_rgba\(20\,30\,60\,0\.3\)\] {
    box-shadow: 0 6px 20px rgba(20,30,60,0.3);
  }
  .\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,\.14\)\] {
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
  }
  .\[box-shadow\:0_8px_28px_rgba\(20\,30\,60\,0\.18\)\] {
    box-shadow: 0 8px 28px rgba(20,30,60,0.18);
  }
  .\[box-shadow\:0_8px_28px_rgba\(20\,30\,60\,0\.22\)\] {
    box-shadow: 0 8px 28px rgba(20,30,60,0.22);
  }
  .\[box-shadow\:0_8px_30px_rgba\(0\,0\,0\,0\.15\)\,_0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
  }
  .\[box-shadow\:0_8px_32px_rgba\(0\,0\,0\,0\.15\)\,_0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    box-shadow: 0 8px 32px rgba(0,0,0,0.15), 0 2px 8px rgba(0,0,0,0.08);
  }
  .\[box-shadow\:0_8px_32px_rgba\(0\,0\,0\,0\.15\)\] {
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
  }
  .\[box-shadow\:0_8px_32px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0_10px_30px_rgba\(0\,_0\,_0\,_0\.14\)\] {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
  }
  .\[box-shadow\:0_12px_40px_rgba\(0\,0\,0\,\.2\)\] {
    box-shadow: 0 12px 40px rgba(0,0,0,.2);
  }
  .\[box-shadow\:0_16px_48px_rgba\(0\,0\,0\,\.2\)\] {
    box-shadow: 0 16px 48px rgba(0,0,0,.2);
  }
  .\[box-shadow\:0_20px_60px_rgba\(0\,0\,0\,\.22\)\] {
    box-shadow: 0 20px 60px rgba(0,0,0,.22);
  }
  .\[box-shadow\:0_20px_60px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_4px_16px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
  }
  .\[box-shadow\:0_20px_60px_rgba\(0\,_0\,_0\,_0\.22\)\] {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
  }
  .\[box-shadow\:0_24px_64px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0 24px 64px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:0_30px_80px_rgba\(0\,_0\,_0\,_0\.35\)\] {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  }
  .\[box-shadow\:0px_0px_4px_1px_rgba\(0\,0\,0\,0\.1\)\] {
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1);
  }
  .\[box-shadow\:0px_0px_4px_rgba\(0\,0\,0\,0\.14\)\,_0px_3px_4px_rgba\(0\,0\,0\,0\.12\)\,_0px_1px_5px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.14), 0px 3px 4px rgba(0,0,0,0.12), 0px 1px 5px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:0px_0px_4px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_3px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0px_1px_5px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:0px_0px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_4px_4px_8px_rgba\(0\,_0\,_0\,_0\.25\)\] {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 4px 4px 8px rgba(0, 0, 0, 0.25);
  }
  .\[box-shadow\:0px_1px_3px_rgba\(0\,_0\,_0\,_0\.5\)\] {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  }
  .\[box-shadow\:0px_2px_2px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:0px_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.1\)\,_0px_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .\[box-shadow\:0px_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.3\)\,_0px_2px_4px_-1px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.3), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  }
  .\[box-shadow\:2px_2px_2px_rgba\(0\,0\,0\,0\.14\)\,_0px_0px_5px_2px_rgba\(0\,0\,0\,0\.12\)\] {
    box-shadow: 2px 2px 2px rgba(0,0,0,0.14), 0px 0px 5px 2px rgba(0,0,0,0.12);
  }
  .\[box-shadow\:2px_2px_2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0px_0px_5px_rgba\(0\,_0\,_0\,_0\.1\)\,_-2px_-2px_3px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.1), -2px -2px 3px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:2px_2px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0px_0px_5px_2px_rgba\(0\,_0\,_0\,_0\.12\)\] {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14), 0px 0px 5px 2px rgba(0, 0, 0, 0.12);
  }
  .\[box-shadow\:2px_2px_3px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:2px_2px_4px_1px_rgba\(0\,_0\,_0\,_0\.3\)\] {
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
  }
  .\[box-shadow\:2px_2px_4px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:2px_2px_4px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:2px_4px_4px_rgba\(0\,0\,0\,0\.2\)\,-2px_2px_2px_rgba\(0\,0\,0\,0\.1\)\,0px_0px_4px_rgba\(0\,0\,0\,0\.2\)\] {
    box-shadow: 2px 4px 4px rgba(0,0,0,0.2),-2px 2px 2px rgba(0,0,0,0.1),0px 0px 4px rgba(0,0,0,0.2);
  }
  .\[box-shadow\:4px_0_32px_rgba\(0\,_0\,_0\,_0\.35\)\] {
    box-shadow: 4px 0 32px rgba(0, 0, 0, 0.35);
  }
  .\[box-shadow\:4px_4px_4px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:4px_4px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:inset_-3px_0px_3px_\#dfdfdf\] {
    box-shadow: inset -3px 0px 3px #dfdfdf;
  }
  .\[box-shadow\:var\(--auth-glass-shadow\)\] {
    box-shadow: var(--auth-glass-shadow);
  }
  .\[box-shadow\:var\(--elevation-overlay-shadow\)\] {
    box-shadow: var(--elevation-overlay-shadow);
  }
  .\[box-shadow\:var\(--elevation-popout-shadow\)\] {
    box-shadow: var(--elevation-popout-shadow);
  }
  .\[box-shadow\:var\(--ga-shadow\,_0_8px_24px_rgba\(0\,_0\,_0\,_0\.4\)\)\] {
    box-shadow: var(--ga-shadow, 0 8px 24px rgba(0, 0, 0, 0.4));
  }
  .\[box-shadow\:var\(--ga-shadowModal\,_0_8px_32px_rgba\(0\,_0\,_0\,_0\.5\)\)\] {
    box-shadow: var(--ga-shadowModal, 0 8px 32px rgba(0, 0, 0, 0.5));
  }
  .shadow-surface-card {
    --tw-shadow-color: #ffffff;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, #ffffff var(--tw-shadow-alpha), transparent);
    }
  }
  .\!ring-red-400\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 40%, transparent) !important;
    }
  }
  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200);
  }
  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }
  .ring-black\/5 {
    --tw-ring-color: color-mix(in srgb, #000000 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: color-mix(in srgb, #000000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-blue-200 {
    --tw-ring-color: var(--color-blue-200);
  }
  .ring-blue-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
    }
  }
  .ring-cyan-200 {
    --tw-ring-color: var(--color-cyan-200);
  }
  .ring-emerald-200 {
    --tw-ring-color: var(--color-emerald-200);
  }
  .ring-fuchsia-200 {
    --tw-ring-color: var(--color-fuchsia-200);
  }
  .ring-indigo-200 {
    --tw-ring-color: var(--color-indigo-200);
  }
  .ring-indigo-300 {
    --tw-ring-color: var(--color-indigo-300);
  }
  .ring-indigo-500 {
    --tw-ring-color: var(--color-indigo-500);
  }
  .ring-primary\/50 {
    --tw-ring-color: color-mix(in srgb, #1e88e5 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }
  .ring-purple-300\/40 {
    --tw-ring-color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-300) 40%, transparent);
    }
  }
  .ring-red-200 {
    --tw-ring-color: var(--color-red-200);
  }
  .ring-red-500 {
    --tw-ring-color: var(--color-red-500);
  }
  .ring-red-600\/20 {
    --tw-ring-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
    }
  }
  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }
  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200);
  }
  .ring-slate-300 {
    --tw-ring-color: var(--color-slate-300);
  }
  .ring-slate-900 {
    --tw-ring-color: var(--color-slate-900);
  }
  .ring-teal-200 {
    --tw-ring-color: var(--color-teal-200);
  }
  .ring-violet-200 {
    --tw-ring-color: var(--color-violet-200);
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/20 {
    --tw-ring-color: color-mix(in srgb, #ffffff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .\[outline\:none\] {
    outline: none;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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\:blur\(18px\)\] {
    filter: blur(18px);
  }
  .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 {
    --tw-backdrop-blur: blur(8px);
    -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,);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .backdrop-filter {
    -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,);
  }
  .\[backdrop-filter\:blur\(2px\)\] {
    backdrop-filter: blur(2px);
  }
  .\[backdrop-filter\:blur\(3px\)\] {
    backdrop-filter: blur(3px);
  }
  .\[backdrop-filter\:blur\(12px\)\] {
    backdrop-filter: blur(12px);
  }
  .\[backdrop-filter\:blur\(22px\)\] {
    backdrop-filter: blur(22px);
  }
  .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, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background\] {
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\] {
    transition-property: color,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\] {
    transition-property: max-width;
    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-shadow {
    transition-property: box-shadow;
    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-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-\[400ms\] {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-\[800ms\] {
    --tw-duration: 800ms;
    transition-duration: 800ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .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);
  }
  .\[will-change\:transform\] {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-auto {
    -webkit-user-select: auto;
    user-select: auto;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--auth-content-bg\:rgba\(255\,255\,255\,0\.85\)\] {
    --auth-content-bg: rgba(255,255,255,0.85);
  }
  .\[--auth-error-bg\:\#fef2f2\] {
    --auth-error-bg: #fef2f2;
  }
  .\[--auth-error-border\:\#fecaca\] {
    --auth-error-border: #fecaca;
  }
  .\[--auth-glass-bg\:rgba\(255\,255\,255\,0\.2\)\] {
    --auth-glass-bg: rgba(255,255,255,0.2);
  }
  .\[--auth-glass-border\:rgba\(255\,255\,255\,0\.35\)\] {
    --auth-glass-border: rgba(255,255,255,0.35);
  }
  .\[--auth-glass-shadow\:0_30px_80px_rgba\(0\,0\,0\,0\.35\)\] {
    --auth-glass-shadow: 0 30px 80px rgba(0,0,0,0.35);
  }
  .\[--auth-input-border\:\#ddd\] {
    --auth-input-border: #ddd;
  }
  .\[--auth-primary-fg\:\#fff\] {
    --auth-primary-fg: #fff;
  }
  .\[--auth-primary\:\#00718c\] {
    --auth-primary: #00718c;
  }
  .\[--auth-text-muted\:\#555\] {
    --auth-text-muted: #555;
  }
  .\[--border-thickness\:2px\] {
    --border-thickness: 2px;
  }
  .\[--cell-size\:var\(--heatmap-cell-size\,_22px\)\] {
    --cell-size: var(--heatmap-cell-size, 22px);
  }
  .\[--color-action-primary-transparent\:rgba\(25\,_118\,_210\,_0\.08\)\] {
    --color-action-primary-transparent: rgba(25, 118, 210, 0.08);
  }
  .\[--fc-border\:var\(--color-border-default\)\] {
    --fc-border: var(--color-border-default);
  }
  .\[--fc-font\:var\(--font-family-sans\)\] {
    --fc-font: var(--font-family-sans);
  }
  .\[--fc-primary-bg-hover\:var\(--color-action-primary-hover\)\] {
    --fc-primary-bg-hover: var(--color-action-primary-hover);
  }
  .\[--fc-primary-light\:var\(--color-action-primary-transparent\)\] {
    --fc-primary-light: var(--color-action-primary-transparent);
  }
  .\[--fc-primary\:var\(--color-action-primary\)\] {
    --fc-primary: var(--color-action-primary);
  }
  .\[--fc-text-primary\:var\(--color-text-primary\)\] {
    --fc-text-primary: var(--color-text-primary);
  }
  .\[--fc-text-secondary\:var\(--color-text-secondary\)\] {
    --fc-text-secondary: var(--color-text-secondary);
  }
  .\[--fc-transition\:150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --fc-transition: 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[--ga-bgButton\:\#5865f2\] {
    --ga-bgButton: #5865f2;
  }
  .\[--ga-bgButton\:var\(--color-action-primary\)\] {
    --ga-bgButton: var(--color-action-primary);
  }
  .\[--ga-bgButtonHover\:\#4752c4\] {
    --ga-bgButtonHover: #4752c4;
  }
  .\[--ga-bgButtonHover\:var\(--color-action-primary-hover\)\] {
    --ga-bgButtonHover: var(--color-action-primary-hover);
  }
  .\[--ga-bgChip\:rgba\(88\,_101\,_242\,_0\.2\)\] {
    --ga-bgChip: rgba(88, 101, 242, 0.2);
  }
  .\[--ga-bgChip\:var\(--color-action-primary-transparent\)\] {
    --ga-bgChip: var(--color-action-primary-transparent);
  }
  .\[--ga-bgChipHover\:rgba\(88\,_101\,_242\,_0\.3\)\] {
    --ga-bgChipHover: rgba(88, 101, 242, 0.3);
  }
  .\[--ga-bgChipHover\:var\(--color-action-primary-hover\)\] {
    --ga-bgChipHover: var(--color-action-primary-hover);
  }
  .\[--ga-bgDropdown\:\#2b2d31\] {
    --ga-bgDropdown: #2b2d31;
  }
  .\[--ga-bgDropdown\:var\(--color-bg-surface\)\] {
    --ga-bgDropdown: var(--color-bg-surface);
  }
  .\[--ga-bgHover\:rgba\(79\,_84\,_92\,_0\.4\)\] {
    --ga-bgHover: rgba(79, 84, 92, 0.4);
  }
  .\[--ga-bgHover\:var\(--color-action-primary-hover\)\] {
    --ga-bgHover: var(--color-action-primary-hover);
  }
  .\[--ga-bgInput\:\#1e1f22\] {
    --ga-bgInput: #1e1f22;
  }
  .\[--ga-bgInput\:var\(--color-bg-surface\)\] {
    --ga-bgInput: var(--color-bg-surface);
  }
  .\[--ga-bgOverlay\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    --ga-bgOverlay: rgba(0, 0, 0, 0.5);
  }
  .\[--ga-bgOverlay\:rgba\(0\,_0\,_0\,_0\.6\)\] {
    --ga-bgOverlay: rgba(0, 0, 0, 0.6);
  }
  .\[--ga-borderColor\:\#3f4147\] {
    --ga-borderColor: #3f4147;
  }
  .\[--ga-borderColor\:var\(--color-border-default\)\] {
    --ga-borderColor: var(--color-border-default);
  }
  .\[--ga-inputBorder\:1px_solid_transparent\] {
    --ga-inputBorder: 1px solid transparent;
  }
  .\[--ga-inputBorder\:1px_solid_var\(--ga-borderColor\)\] {
    --ga-inputBorder: 1px solid var(--ga-borderColor);
  }
  .\[--ga-shadow\:0_8px_24px_rgba\(0\,_0\,_0\,_0\.4\)\] {
    --ga-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  }
  .\[--ga-shadow\:var\(--elevation-popout-shadow\)\] {
    --ga-shadow: var(--elevation-popout-shadow);
  }
  .\[--ga-shadowModal\:0_8px_32px_rgba\(0\,_0\,_0\,_0\.5\)\] {
    --ga-shadowModal: 0 8px 32px rgba(0, 0, 0, 0.5);
  }
  .\[--ga-shadowModal\:var\(--elevation-overlay-shadow\)\] {
    --ga-shadowModal: var(--elevation-overlay-shadow);
  }
  .\[--ga-textAccent\:\#5865f2\] {
    --ga-textAccent: #5865f2;
  }
  .\[--ga-textAccent\:var\(--color-action-primary\)\] {
    --ga-textAccent: var(--color-action-primary);
  }
  .\[--ga-textLink\:\#00a8fc\] {
    --ga-textLink: #00a8fc;
  }
  .\[--ga-textLink\:var\(--color-action-primary\)\] {
    --ga-textLink: var(--color-action-primary);
  }
  .\[--ga-textMuted\:\#6d6f78\] {
    --ga-textMuted: #6d6f78;
  }
  .\[--ga-textMuted\:var\(--color-text-secondary\)\] {
    --ga-textMuted: var(--color-text-secondary);
  }
  .\[--ga-textPrimary\:\#f2f3f5\] {
    --ga-textPrimary: #f2f3f5;
  }
  .\[--ga-textPrimary\:var\(--color-text-primary\)\] {
    --ga-textPrimary: var(--color-text-primary);
  }
  .\[--ga-textSecondary\:\#949ba4\] {
    --ga-textSecondary: #949ba4;
  }
  .\[--ga-textSecondary\:var\(--color-text-secondary\)\] {
    --ga-textSecondary: var(--color-text-secondary);
  }
  .\[--gap\:var\(--heatmap-cell-gap\,_2px\)\] {
    --gap: var(--heatmap-cell-gap, 2px);
  }
  .\[--height\:28px\] {
    --height: 28px;
  }
  .\[--min-opacity\:0\.85\] {
    --min-opacity: 0.85;
  }
  .\[--min-opacity\:1\] {
    --min-opacity: 1;
  }
  .\[--padding\:32px\] {
    --padding: 32px;
  }
  .\[--primary-active-colour\:\#0d47a1\] {
    --primary-active-colour: #0d47a1;
  }
  .\[--primary-active-colour\:\#004d40\] {
    --primary-active-colour: #004d40;
  }
  .\[--primary-active-colour\:\#5d4037\] {
    --primary-active-colour: #5d4037;
  }
  .\[--primary-active-colour\:\#7b1fa2\] {
    --primary-active-colour: #7b1fa2;
  }
  .\[--primary-active-colour\:\#0097a7\] {
    --primary-active-colour: #0097a7;
  }
  .\[--primary-active-colour\:\#0288d1\] {
    --primary-active-colour: #0288d1;
  }
  .\[--primary-active-colour\:\#303f9f\] {
    --primary-active-colour: #303f9f;
  }
  .\[--primary-active-colour\:\#388e3c\] {
    --primary-active-colour: #388e3c;
  }
  .\[--primary-active-colour\:\#512da8\] {
    --primary-active-colour: #512da8;
  }
  .\[--primary-active-colour\:\#689f38\] {
    --primary-active-colour: #689f38;
  }
  .\[--primary-active-colour\:\#37474f\] {
    --primary-active-colour: #37474f;
  }
  .\[--primary-active-colour\:\#ad1457\] {
    --primary-active-colour: #ad1457;
  }
  .\[--primary-active-colour\:\#afb42b\] {
    --primary-active-colour: #afb42b;
  }
  .\[--primary-active-colour\:\#b71c1c\] {
    --primary-active-colour: #b71c1c;
  }
  .\[--primary-active-colour\:\#e64a19\] {
    --primary-active-colour: #e64a19;
  }
  .\[--primary-active-colour\:\#f57c00\] {
    --primary-active-colour: #f57c00;
  }
  .\[--primary-active-colour\:\#fbc02d\] {
    --primary-active-colour: #fbc02d;
  }
  .\[--primary-active-colour\:\#ffa000\] {
    --primary-active-colour: #ffa000;
  }
  .\[--primary-color\:\#22d3ee\] {
    --primary-color: #22d3ee;
  }
  .\[--primary-color\:\#039be5\] {
    --primary-color: #039be5;
  }
  .\[--primary-color\:\#F44336\] {
    --primary-color: #F44336;
  }
  .\[--primary-colour\:\#00bcd4\] {
    --primary-colour: #00bcd4;
  }
  .\[--primary-colour\:\#03a9f4\] {
    --primary-colour: #03a9f4;
  }
  .\[--primary-colour\:\#3f51b5\] {
    --primary-colour: #3f51b5;
  }
  .\[--primary-colour\:\#4caf50\] {
    --primary-colour: #4caf50;
  }
  .\[--primary-colour\:\#8bc34a\] {
    --primary-colour: #8bc34a;
  }
  .\[--primary-colour\:\#9c27b0\] {
    --primary-colour: #9c27b0;
  }
  .\[--primary-colour\:\#546e7a\] {
    --primary-colour: #546e7a;
  }
  .\[--primary-colour\:\#673ab7\] {
    --primary-colour: #673ab7;
  }
  .\[--primary-colour\:\#00796b\] {
    --primary-colour: #00796b;
  }
  .\[--primary-colour\:\#1976d2\] {
    --primary-colour: #1976d2;
  }
  .\[--primary-colour\:\#795548\] {
    --primary-colour: #795548;
  }
  .\[--primary-colour\:\#cddc39\] {
    --primary-colour: #cddc39;
  }
  .\[--primary-colour\:\#d32f2f\] {
    --primary-colour: #d32f2f;
  }
  .\[--primary-colour\:\#d81b60\] {
    --primary-colour: #d81b60;
  }
  .\[--primary-colour\:\#f44336\] {
    --primary-colour: #f44336;
  }
  .\[--primary-colour\:\#ff5722\] {
    --primary-colour: #ff5722;
  }
  .\[--primary-colour\:\#ff9800\] {
    --primary-colour: #ff9800;
  }
  .\[--primary-colour\:\#ffc107\] {
    --primary-colour: #ffc107;
  }
  .\[--primary-colour\:\#ffeb3b\] {
    --primary-colour: #ffeb3b;
  }
  .\[--primary-hover-colour\:\#00acc1\] {
    --primary-hover-colour: #00acc1;
  }
  .\[--primary-hover-colour\:\#5e35b1\] {
    --primary-hover-colour: #5e35b1;
  }
  .\[--primary-hover-colour\:\#6d4c41\] {
    --primary-hover-colour: #6d4c41;
  }
  .\[--primary-hover-colour\:\#7cb342\] {
    --primary-hover-colour: #7cb342;
  }
  .\[--primary-hover-colour\:\#8e24aa\] {
    --primary-hover-colour: #8e24aa;
  }
  .\[--primary-hover-colour\:\#039be5\] {
    --primary-hover-colour: #039be5;
  }
  .\[--primary-hover-colour\:\#43a047\] {
    --primary-hover-colour: #43a047;
  }
  .\[--primary-hover-colour\:\#455a64\] {
    --primary-hover-colour: #455a64;
  }
  .\[--primary-hover-colour\:\#00695c\] {
    --primary-hover-colour: #00695c;
  }
  .\[--primary-hover-colour\:\#1565c0\] {
    --primary-hover-colour: #1565c0;
  }
  .\[--primary-hover-colour\:\#3949ab\] {
    --primary-hover-colour: #3949ab;
  }
  .\[--primary-hover-colour\:\#c0ca33\] {
    --primary-hover-colour: #c0ca33;
  }
  .\[--primary-hover-colour\:\#c2185b\] {
    --primary-hover-colour: #c2185b;
  }
  .\[--primary-hover-colour\:\#c62828\] {
    --primary-hover-colour: #c62828;
  }
  .\[--primary-hover-colour\:\#f4511e\] {
    --primary-hover-colour: #f4511e;
  }
  .\[--primary-hover-colour\:\#fb8c00\] {
    --primary-hover-colour: #fb8c00;
  }
  .\[--primary-hover-colour\:\#fdd835\] {
    --primary-hover-colour: #fdd835;
  }
  .\[--primary-hover-colour\:\#ffb300\] {
    --primary-hover-colour: #ffb300;
  }
  .\[--text-colour\:black\] {
    --text-colour: black;
  }
  .\[--text-colour\:white\] {
    --text-colour: white;
  }
  .\[--width\:96px\] {
    --width: 96px;
  }
  .\[-webkit-backdrop-filter\:blur\(22px\)\] {
    -webkit-backdrop-filter: blur(22px);
  }
  .\[animation-timing-function\:cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\)\] {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .\[background\:\#0c0c12\] {
    background: #0c0c12;
  }
  .\[background\:\#0d47a1\] {
    background: #0d47a1;
  }
  .\[background\:\#0f172a\] {
    background: #0f172a;
  }
  .\[background\:\#0000\] {
    background: #0000;
  }
  .\[background\:\#1a1a28\] {
    background: #1a1a28;
  }
  .\[background\:\#1e1e2e\] {
    background: #1e1e2e;
  }
  .\[background\:\#1e293b\] {
    background: #1e293b;
  }
  .\[background\:\#4caf50\] {
    background: #4caf50;
  }
  .\[background\:\#023b89\] {
    background: #023b89;
  }
  .\[background\:\#039BE5\] {
    background: #039BE5;
  }
  .\[background\:\#039be5\] {
    background: #039be5;
  }
  .\[background\:\#51c57e\] {
    background: #51c57e;
  }
  .\[background\:\#388e3c\] {
    background: #388e3c;
  }
  .\[background\:\#00718c\] {
    background: #00718c;
  }
  .\[background\:\#1976d2\] {
    background: #1976d2;
  }
  .\[background\:\#14141e\] {
    background: #14141e;
  }
  .\[background\:\#101018\] {
    background: #101018;
  }
  .\[background\:\#c8d5d8\] {
    background: #c8d5d8;
  }
  .\[background\:\#d0d0d0\] {
    background: #d0d0d0;
  }
  .\[background\:\#dddddd\] {
    background: #dddddd;
  }
  .\[background\:\#dde4f0\] {
    background: #dde4f0;
  }
  .\[background\:\#e0e0e0\] {
    background: #e0e0e0;
  }
  .\[background\:\#e0e7ff\] {
    background: #e0e7ff;
  }
  .\[background\:\#e2e2e2\] {
    background: #e2e2e2;
  }
  .\[background\:\#e2e8ea\] {
    background: #e2e8ea;
  }
  .\[background\:\#e3f2fd\] {
    background: #e3f2fd;
  }
  .\[background\:\#e5e5e5\] {
    background: #e5e5e5;
  }
  .\[background\:\#e5e7eb\] {
    background: #e5e7eb;
  }
  .\[background\:\#e8ecf4\] {
    background: #e8ecf4;
  }
  .\[background\:\#e8edf7\] {
    background: #e8edf7;
  }
  .\[background\:\#e8f0fe\] {
    background: #e8f0fe;
  }
  .\[background\:\#e8f7ee\] {
    background: #e8f7ee;
  }
  .\[background\:\#e8faf0\] {
    background: #e8faf0;
  }
  .\[background\:\#eeeeee\] {
    background: #eeeeee;
  }
  .\[background\:\#f0f0f0\] {
    background: #f0f0f0;
  }
  .\[background\:\#f0f9ff\] {
    background: #f0f9ff;
  }
  .\[background\:\#f1f5f9\] {
    background: #f1f5f9;
  }
  .\[background\:\#f4f5f7\] {
    background: #f4f5f7;
  }
  .\[background\:\#f5f5f5\] {
    background: #f5f5f5;
  }
  .\[background\:\#f5f7f9\] {
    background: #f5f7f9;
  }
  .\[background\:\#f7fafb\] {
    background: #f7fafb;
  }
  .\[background\:\#f8f9fa\] {
    background: #f8f9fa;
  }
  .\[background\:\#f8fafc\] {
    background: #f8fafc;
  }
  .\[background\:\#f44336\] {
    background: #f44336;
  }
  .\[background\:\#fafafa\] {
    background: #fafafa;
  }
  .\[background\:\#fafcfd\] {
    background: #fafcfd;
  }
  .\[background\:\#fdfdfd\] {
    background: #fdfdfd;
  }
  .\[background\:\#ff5722\] {
    background: #ff5722;
  }
  .\[background\:\#ffcdd2\] {
    background: #ffcdd2;
  }
  .\[background\:\#fff\] {
    background: #fff;
  }
  .\[background\:\#ffffff\] {
    background: #ffffff;
  }
  .\[background\:color-mix\(in_srgb\,var\(--color-wf-phase-artwork\)_15\%\,transparent\)\] {
    background: color-mix(in srgb,#7f77dd 15%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--color-wf-phase-artwork) 15%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--color-wf-phase-deposit\)_15\%\,transparent\)\] {
    background: color-mix(in srgb,#ba7517 15%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--color-wf-phase-deposit) 15%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--color-wf-phase-order\)_15\%\,transparent\)\] {
    background: color-mix(in srgb,#1d9e75 15%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--color-wf-phase-order) 15%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--color-wf-phase-production\)_15\%\,transparent\)\] {
    background: color-mix(in srgb,#639922 15%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--color-wf-phase-production) 15%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--color-wf-phase-shipment\)_15\%\,transparent\)\] {
    background: color-mix(in srgb,#d85a30 15%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--color-wf-phase-shipment) 15%,transparent);
    }
  }
  .\[background\:linear-gradient\(90deg\,_var\(--color-st-completed\)\,_var\(--color-primary-700\)\)\] {
    background: linear-gradient(90deg, var(--color-st-completed), var(--color-primary-700));
  }
  .\[background\:linear-gradient\(135deg\,_\#e8eef0_0\%\,_\#d5dee2_100\%\)\] {
    background: linear-gradient(135deg, #e8eef0 0%, #d5dee2 100%);
  }
  .\[background\:linear-gradient\(135deg\,_primary-700_0\%\,_\#0a8fa8_100\%\)\] {
    background: linear-gradient(135deg, primary-700 0%, #0a8fa8 100%);
  }
  .\[background\:linear-gradient\(160deg\,_\#dce8fb_0\%\,_\#eaf1fd_60\%\,_\#e4ecfb_100\%\)\] {
    background: linear-gradient(160deg, #dce8fb 0%, #eaf1fd 60%, #e4ecfb 100%);
  }
  .\[background\:linear-gradient\(180deg\,_\#1ba360_0\%\,_\#0f7a47_100\%\)\] {
    background: linear-gradient(180deg, #1ba360 0%, #0f7a47 100%);
  }
  .\[background\:linear-gradient\(to_bottom\,_rgba\(0\,_0\,_0\,_0\)_0\%\,_rgba\(0\,_0\,_0\,_0\.5\)_100\%\)\] {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  .\[background\:none\] {
    background: none;
  }
  .\[background\:rgb\(0\,_113\,_140\)\] {
    background: rgb(0, 113, 140);
  }
  .\[background\:rgb\(3\,_155\,_229\)\] {
    background: rgb(3, 155, 229);
  }
  .\[background\:rgb\(60\,_60\,_60\)\] {
    background: rgb(60, 60, 60);
  }
  .\[background\:rgb\(240\,_240\,_240\)\] {
    background: rgb(240, 240, 240);
  }
  .\[background\:rgb\(245\,_245\,_245\)\] {
    background: rgb(245, 245, 245);
  }
  .\[background\:rgba\(0\,0\,0\,\.4\)\] {
    background: rgba(0,0,0,.4);
  }
  .\[background\:rgba\(0\,0\,0\,\.35\)\] {
    background: rgba(0,0,0,.35);
  }
  .\[background\:rgba\(0\,0\,0\,0\.4\)\] {
    background: rgba(0,0,0,0.4);
  }
  .\[background\:rgba\(0\,0\,0\,0\.6\)\] {
    background: rgba(0,0,0,0.6);
  }
  .\[background\:rgba\(0\,0\,0\,0\.35\)\] {
    background: rgba(0,0,0,0.35);
  }
  .\[background\:rgba\(0\,113\,140\,0\.12\)\] {
    background: rgba(0,113,140,0.12);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.05\)\] {
    background: rgba(0, 0, 0, 0.05);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    background: rgba(0, 0, 0, 0.5);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.12\)\] {
    background: rgba(0, 0, 0, 0.12);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    background: rgba(0, 0, 0, 0.15);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    background: rgba(0, 0, 0, 0.25);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.26\)\] {
    background: rgba(0, 0, 0, 0.26);
  }
  .\[background\:rgba\(0\,_0\,_0\,_0\.35\)\] {
    background: rgba(0, 0, 0, 0.35);
  }
  .\[background\:rgba\(218\,_181\,_79\,_0\.225\)\] {
    background: rgba(218, 181, 79, 0.225);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.2\)\] {
    background: rgba(255, 255, 255, 0.2);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.06\)\] {
    background: rgba(255, 255, 255, 0.06);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.12\)\] {
    background: rgba(255, 255, 255, 0.12);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.18\)\] {
    background: rgba(255, 255, 255, 0.18);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.25\)\] {
    background: rgba(255, 255, 255, 0.25);
  }
  .\[background\:rgba\(255\,_255\,_255\,_0\.85\)\] {
    background: rgba(255, 255, 255, 0.85);
  }
  .\[background\:rgba\(var\(--text-colour-rgb\)\,0\.03\)\] {
    background: rgba(var(--text-colour-rgb),0.03);
  }
  .\[background\:transparent\] {
    background: transparent;
  }
  .\[background\:url\(\'\/ga\/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a\.PNG\'\)_center\/cover_no-repeat\] {
    background: url('/ga/BeeDeeBagsBackground-14b1f49ace01e9f734356e9a9cdff80a.PNG') center/cover no-repeat;
  }
  .\[background\:var\(--accent-background-colour\)\] {
    background: var(--accent-background-colour);
  }
  .\[background\:var\(--actionarea-background-color\)\] {
    background: var(--actionarea-background-color);
  }
  .\[background\:var\(--auth-content-bg\)\] {
    background: var(--auth-content-bg);
  }
  .\[background\:var\(--auth-error-bg\)\] {
    background: var(--auth-error-bg);
  }
  .\[background\:var\(--auth-glass-bg\)\] {
    background: var(--auth-glass-bg);
  }
  .\[background\:var\(--auth-primary\)\] {
    background: var(--auth-primary);
  }
  .\[background\:var\(--background-color\)\] {
    background: var(--background-color);
  }
  .\[background\:var\(--background-colour\)\] {
    background: var(--background-colour);
  }
  .\[background\:var\(--background-colour\,_\#f0f0f0\)\] {
    background: var(--background-colour, #f0f0f0);
  }
  .\[background\:var\(--background-colour\,_white\)\] {
    background: var(--background-colour, white);
  }
  .\[background\:var\(--color-action-primary\)\] {
    background: var(--color-action-primary);
  }
  .\[background\:var\(--color-action-primary-hover\)\] {
    background: var(--color-action-primary-hover);
  }
  .\[background\:var\(--color-action-primary-transparent\)\] {
    background: var(--color-action-primary-transparent);
  }
  .\[background\:var\(--color-bg-elevated\)\] {
    background: var(--color-bg-elevated);
  }
  .\[background\:var\(--color-bg-surface\)\] {
    background: var(--color-bg-surface);
  }
  .\[background\:var\(--color-border-default\)\] {
    background: var(--color-border-default);
  }
  .\[background\:var\(--color-feedback-danger\,_\#f44336\)\] {
    background: var(--color-feedback-danger, #f44336);
  }
  .\[background\:var\(--color-feedback-success-header\,_\#4caf50\)\] {
    background: var(--color-feedback-success-header, #4caf50);
  }
  .\[background\:var\(--color-form-nav-background\,_\#0d47a1\)\] {
    background: var(--color-form-nav-background, #0d47a1);
  }
  .\[background\:var\(--color-nav-background\,_var\(--color-form-nav-background\,_\#0d47a1\)\)\] {
    background: var(--color-nav-background, var(--color-form-nav-background, #0d47a1));
  }
  .\[background\:var\(--color-st-active\)\] {
    background: var(--color-st-active);
  }
  .\[background\:var\(--color-st-completed\)\] {
    background: var(--color-st-completed);
  }
  .\[background\:var\(--color-st-completed-bg\)\] {
    background: var(--color-st-completed-bg);
  }
  .\[background\:var\(--color-st-dep-danger-bg\)\] {
    background: var(--color-st-dep-danger-bg);
  }
  .\[background\:var\(--color-st-eta-bg\)\] {
    background: var(--color-st-eta-bg);
  }
  .\[background\:var\(--color-st-muted-light\)\] {
    background: var(--color-st-muted-light);
  }
  .\[background\:var\(--color-st-pending\)\] {
    background: var(--color-st-pending);
  }
  .\[background\:var\(--color-st-pending-pill\)\] {
    background: var(--color-st-pending-pill);
  }
  .\[background\:var\(--color-st-revised\)\] {
    background: var(--color-st-revised);
  }
  .\[background\:var\(--color-st-revised-bg\)\] {
    background: var(--color-st-revised-bg);
  }
  .\[background\:var\(--color-st-user-pill-bg\)\] {
    background: var(--color-st-user-pill-bg);
  }
  .\[background\:var\(--color-surface-border\)\] {
    background: var(--color-surface-border);
  }
  .\[background\:var\(--color-surface-page\)\] {
    background: var(--color-surface-page);
  }
  .\[background\:var\(--color-wf-accent-bg\)\] {
    background: var(--color-wf-accent-bg);
  }
  .\[background\:var\(--color-wf-border\)\] {
    background: var(--color-wf-border);
  }
  .\[background\:var\(--color-wf-danger-bg\)\] {
    background: var(--color-wf-danger-bg);
  }
  .\[background\:var\(--color-wf-fail-bg\)\] {
    background: var(--color-wf-fail-bg);
  }
  .\[background\:var\(--color-wf-fail-border\)\] {
    background: var(--color-wf-fail-border);
  }
  .\[background\:var\(--color-wf-info-bg\)\] {
    background: var(--color-wf-info-bg);
  }
  .\[background\:var\(--color-wf-info-border\)\] {
    background: var(--color-wf-info-border);
  }
  .\[background\:var\(--color-wf-phase-production\)\] {
    background: var(--color-wf-phase-production);
  }
  .\[background\:var\(--color-wf-phase-production-wcag\)\] {
    background: var(--color-wf-phase-production-wcag);
  }
  .\[background\:var\(--color-wf-phase-quote\)15\] {
    background: var(--color-wf-phase-quote)15;
  }
  .\[background\:var\(--color-wf-start-bg\)\] {
    background: var(--color-wf-start-bg);
  }
  .\[background\:var\(--color-wf-success-bg\)\] {
    background: var(--color-wf-success-bg);
  }
  .\[background\:var\(--color-wf-success-text\)\] {
    background: var(--color-wf-success-text);
  }
  .\[background\:var\(--color-wf-surface\)\] {
    background: var(--color-wf-surface);
  }
  .\[background\:var\(--color-wf-surface-hover\)\] {
    background: var(--color-wf-surface-hover);
  }
  .\[background\:var\(--color-wf-text-muted\)\] {
    background: var(--color-wf-text-muted);
  }
  .\[background\:var\(--color-wf-text-primary\)\] {
    background: var(--color-wf-text-primary);
  }
  .\[background\:var\(--color-wf-warning-bg\)\] {
    background: var(--color-wf-warning-bg);
  }
  .\[background\:var\(--deepdive-background\)\] {
    background: var(--deepdive-background);
  }
  .\[background\:var\(--ga-bgButton\)\] {
    background: var(--ga-bgButton);
  }
  .\[background\:var\(--ga-bgChip\)\] {
    background: var(--ga-bgChip);
  }
  .\[background\:var\(--ga-bgDropdown\)\] {
    background: var(--ga-bgDropdown);
  }
  .\[background\:var\(--ga-bgInput\)\] {
    background: var(--ga-bgInput);
  }
  .\[background\:var\(--ga-bgOverlay\)\] {
    background: var(--ga-bgOverlay);
  }
  .\[background\:var\(--ga-borderColor\)\] {
    background: var(--ga-borderColor);
  }
  .\[background\:var\(--heatmap-background-apr\)\] {
    background: var(--heatmap-background-apr);
  }
  .\[background\:var\(--heatmap-background-aug\)\] {
    background: var(--heatmap-background-aug);
  }
  .\[background\:var\(--heatmap-background-dec\)\] {
    background: var(--heatmap-background-dec);
  }
  .\[background\:var\(--heatmap-background-feb\)\] {
    background: var(--heatmap-background-feb);
  }
  .\[background\:var\(--heatmap-background-jan\)\] {
    background: var(--heatmap-background-jan);
  }
  .\[background\:var\(--heatmap-background-jul\)\] {
    background: var(--heatmap-background-jul);
  }
  .\[background\:var\(--heatmap-background-jun\)\] {
    background: var(--heatmap-background-jun);
  }
  .\[background\:var\(--heatmap-background-mar\)\] {
    background: var(--heatmap-background-mar);
  }
  .\[background\:var\(--heatmap-background-may\)\] {
    background: var(--heatmap-background-may);
  }
  .\[background\:var\(--heatmap-background-nov\)\] {
    background: var(--heatmap-background-nov);
  }
  .\[background\:var\(--heatmap-background-oct\)\] {
    background: var(--heatmap-background-oct);
  }
  .\[background\:var\(--heatmap-background-sep\)\] {
    background: var(--heatmap-background-sep);
  }
  .\[background\:var\(--heatmap-monochrome-even\)\] {
    background: var(--heatmap-monochrome-even);
  }
  .\[background\:var\(--heatmap-monochrome-odd\)\] {
    background: var(--heatmap-monochrome-odd);
  }
  .\[background\:var\(--primary-background-color\,_\#0d47a1\)\] {
    background: var(--primary-background-color, #0d47a1);
  }
  .\[background\:var\(--primary-color\,_\#039be5\)\] {
    background: var(--primary-color, #039be5);
  }
  .\[background\:var\(--primary-colour\)\] {
    background: var(--primary-colour);
  }
  .\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    background: var(--primary-colour, #1976d2);
  }
  .\[background\:var\(--primary-colour-faint\,_\#1976d2\)\] {
    background: var(--primary-colour-faint, #1976d2);
  }
  .\[background\:var\(--tab-item-active-colour\)\] {
    background: var(--tab-item-active-colour);
  }
  .\[background\:white\] {
    background: white;
  }
  .\[border-bottom\:0\.5px_solid_\#f3f5fa\] {
    border-bottom: 0.5px solid #f3f5fa;
  }
  .\[border-bottom\:0\.5px_solid_var\(--color-slate-100\)\] {
    border-bottom: 0.5px solid var(--color-slate-100);
  }
  .\[border-bottom\:0\.5px_solid_var\(--color-wf-surface\)\] {
    border-bottom: 0.5px solid var(--color-wf-surface);
  }
  .\[border-bottom\:1\.5px_solid_\#d4e2e8\] {
    border-bottom: 1.5px solid #d4e2e8;
  }
  .\[border-bottom\:1\.5px_solid_surface-border\] {
    border-bottom: 1.5px solid surface-border;
  }
  .\[border-bottom\:1px_solid\] {
    border-bottom: 1px solid;
  }
  .\[border-bottom\:1px_solid_\#1a1a28\] {
    border-bottom: 1px solid #1a1a28;
  }
  .\[border-bottom\:1px_solid_\#151520\] {
    border-bottom: 1px solid #151520;
  }
  .\[border-bottom\:1px_solid_\#d4e2e8\] {
    border-bottom: 1px solid #d4e2e8;
  }
  .\[border-bottom\:1px_solid_\#d7dbe0\] {
    border-bottom: 1px solid #d7dbe0;
  }
  .\[border-bottom\:1px_solid_\#e0e0e0\] {
    border-bottom: 1px solid #e0e0e0;
  }
  .\[border-bottom\:1px_solid_\#e2e8f0\] {
    border-bottom: 1px solid #e2e8f0;
  }
  .\[border-bottom\:1px_solid_rgba\(0\,0\,0\,0\.1\)\] {
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .\[border-bottom\:1px_solid_rgba\(0\,0\,0\,0\.07\)\] {
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  .\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.1\)\] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  .\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.26\)\] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  }
  .\[border-bottom\:1px_solid_surface-border\] {
    border-bottom: 1px solid surface-border;
  }
  .\[border-bottom\:1px_solid_var\(--color-border-default\)\] {
    border-bottom: 1px solid var(--color-border-default);
  }
  .\[border-bottom\:1px_solid_var\(--color-gray-200\)\] {
    border-bottom: 1px solid var(--color-gray-200);
  }
  .\[border-bottom\:1px_solid_var\(--color-surface-border\)\] {
    border-bottom: 1px solid var(--color-surface-border);
  }
  .\[border-bottom\:1px_solid_var\(--ga-borderColor\)\] {
    border-bottom: 1px solid var(--ga-borderColor);
  }
  .\[border-bottom\:2px_solid\] {
    border-bottom: 2px solid;
  }
  .\[border-bottom\:2px_solid_\#e5e7eb\] {
    border-bottom: 2px solid #e5e7eb;
  }
  .\[border-bottom\:2px_solid_beedee-mid\] {
    border-bottom: 2px solid beedee-mid;
  }
  .\[border-bottom\:2px_solid_transparent\] {
    border-bottom: 2px solid transparent;
  }
  .\[border-bottom\:2px_solid_var\(--color-beedee-brand\)\] {
    border-bottom: 2px solid var(--color-beedee-brand);
  }
  .\[border-bottom\:2px_solid_var\(--color-wf-phase-quote\)\] {
    border-bottom: 2px solid var(--color-wf-phase-quote);
  }
  .\[border-bottom\:3px_solid_transparent\] {
    border-bottom: 3px solid transparent;
  }
  .\[border-bottom\:none\] {
    border-bottom: none;
  }
  .\[border-left\:1px_solid\] {
    border-left: 1px solid;
  }
  .\[border-left\:1px_solid_\#eee\] {
    border-left: 1px solid #eee;
  }
  .\[border-left\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    border-left: 1px solid rgba(0, 0, 0, 0.25);
  }
  .\[border-left\:1px_solid_surface-border\] {
    border-left: 1px solid surface-border;
  }
  .\[border-left\:3px_solid\] {
    border-left: 3px solid;
  }
  .\[border-left\:3px_solid_\#1976d2\] {
    border-left: 3px solid #1976d2;
  }
  .\[border-left\:3px_solid_\#f59e0b\] {
    border-left: 3px solid #f59e0b;
  }
  .\[border-left\:3px_solid_transparent\] {
    border-left: 3px solid transparent;
  }
  .\[border-left\:4px_solid_\#039be5\] {
    border-left: 4px solid #039be5;
  }
  .\[border-left\:4px_solid_transparent\] {
    border-left: 4px solid transparent;
  }
  .\[border-left\:4px_solid_var\(--contact-status-border\,_\#22c55e\)\] {
    border-left: 4px solid var(--contact-status-border, #22c55e);
  }
  .\[border-left\:5px_solid_transparent\] {
    border-left: 5px solid transparent;
  }
  .\[border-right\:0\.5px_solid_var\(--color-slate-100\)\] {
    border-right: 0.5px solid var(--color-slate-100);
  }
  .\[border-right\:1px_solid\] {
    border-right: 1px solid;
  }
  .\[border-right\:1px_solid_\#c4c4c4\] {
    border-right: 1px solid #c4c4c4;
  }
  .\[border-right\:1px_solid_var\(--color-border-default\)\] {
    border-right: 1px solid var(--color-border-default);
  }
  .\[border-right\:5px_solid_transparent\] {
    border-right: 5px solid transparent;
  }
  .\[border-right\:none\] {
    border-right: none;
  }
  .\[border-right\:var\(--border-thickness\)_solid_var\(--accent-background-colour\)\] {
    border-right: var(--border-thickness) solid var(--accent-background-colour);
  }
  .\[border-top\:1\.5px_solid_surface-border\] {
    border-top: 1.5px solid surface-border;
  }
  .\[border-top\:1px_solid\] {
    border-top: 1px solid;
  }
  .\[border-top\:1px_solid_\#c4c4c4\] {
    border-top: 1px solid #c4c4c4;
  }
  .\[border-top\:1px_solid_\#e0e0e0\] {
    border-top: 1px solid #e0e0e0;
  }
  .\[border-top\:1px_solid_\#e5e7eb\] {
    border-top: 1px solid #e5e7eb;
  }
  .\[border-top\:1px_solid_rgba\(0\,0\,0\,0\.07\)\] {
    border-top: 1px solid rgba(0,0,0,0.07);
  }
  .\[border-top\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .\[border-top\:1px_solid_surface-border\] {
    border-top: 1px solid surface-border;
  }
  .\[border-top\:1px_solid_transparent\] {
    border-top: 1px solid transparent;
  }
  .\[border-top\:1px_solid_var\(--color-border-subtle\,_\#e8eef1\)\] {
    border-top: 1px solid var(--color-border-subtle, #e8eef1);
  }
  .\[border-top\:1px_solid_var\(--color-gray-200\)\] {
    border-top: 1px solid var(--color-gray-200);
  }
  .\[border-top\:1px_solid_var\(--color-surface-border\)\] {
    border-top: 1px solid var(--color-surface-border);
  }
  .\[border-top\:1px_solid_var\(--colors-border-subtle\,\#d4e2e8\)\] {
    border-top: 1px solid var(--colors-border-subtle,#d4e2e8);
  }
  .\[border-top\:2px_dashed\] {
    border-top: 2px dashed;
  }
  .\[border-top\:5px_solid_\#1a2540\] {
    border-top: 5px solid #1a2540;
  }
  .\[border-top\:8px_solid_\#444444\] {
    border-top: 8px solid #444444;
  }
  .\[border-top\:none\] {
    border-top: none;
  }
  .\[border\:0\.5px_solid\] {
    border: 0.5px solid;
  }
  .\[border\:0\.5px_solid_\#dce8fb\] {
    border: 0.5px solid #dce8fb;
  }
  .\[border\:0\.5px_solid_\#e4eaf5\] {
    border: 0.5px solid #e4eaf5;
  }
  .\[border\:0\.5px_solid_rgba\(100\,140\,220\,0\.15\)\] {
    border: 0.5px solid rgba(100,140,220,0.15);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-accent-border\)\] {
    border: 0.5px solid var(--color-wf-accent-border);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-border\)\] {
    border: 0.5px solid var(--color-wf-border);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-fail-border\)\] {
    border: 0.5px solid var(--color-wf-fail-border);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-start-border\)\] {
    border: 0.5px solid var(--color-wf-start-border);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-success-border\)\] {
    border: 0.5px solid var(--color-wf-success-border);
  }
  .\[border\:0\.5px_solid_var\(--color-wf-warning-border\)\] {
    border: 0.5px solid var(--color-wf-warning-border);
  }
  .\[border\:1\.5px_dashed\] {
    border: 1.5px dashed;
  }
  .\[border\:1\.5px_dashed_\#c8d6ce\] {
    border: 1.5px dashed #c8d6ce;
  }
  .\[border\:1\.5px_solid\] {
    border: 1.5px solid;
  }
  .\[border\:1\.5px_solid_\#d0d9ee\] {
    border: 1.5px solid #d0d9ee;
  }
  .\[border\:1\.5px_solid_beedee-mid\] {
    border: 1.5px solid beedee-mid;
  }
  .\[border\:1\.5px_solid_surface-border\] {
    border: 1.5px solid surface-border;
  }
  .\[border\:1\.5px_solid_transparent\] {
    border: 1.5px solid transparent;
  }
  .\[border\:1\.5px_solid_var\(--color-red-200\)\] {
    border: 1.5px solid var(--color-red-200);
  }
  .\[border\:1\.5px_solid_var\(--color-wf-start-border\)\] {
    border: 1.5px solid var(--color-wf-start-border);
  }
  .\[border\:1px_dashed\] {
    border: 1px dashed;
  }
  .\[border\:1px_dashed_\#252538\] {
    border: 1px dashed #252538;
  }
  .\[border\:1px_dashed_var\(--color-st-completed-border\)\] {
    border: 1px dashed var(--color-st-completed-border);
  }
  .\[border\:1px_dashed_var\(--color-surface-border\)\] {
    border: 1px dashed var(--color-surface-border);
  }
  .\[border\:1px_solid\] {
    border: 1px solid;
  }
  .\[border\:1px_solid_\#1a1a28\] {
    border: 1px solid #1a1a28;
  }
  .\[border\:1px_solid_\#1e1e30\] {
    border: 1px solid #1e1e30;
  }
  .\[border\:1px_solid_\#2a2a3a\] {
    border: 1px solid #2a2a3a;
  }
  .\[border\:1px_solid_\#5B5B66\] {
    border: 1px solid #5B5B66;
  }
  .\[border\:1px_solid_\#2196f3\] {
    border: 1px solid #2196f3;
  }
  .\[border\:1px_solid_\#252538\] {
    border: 1px solid #252538;
  }
  .\[border\:1px_solid_\#ddd\] {
    border: 1px solid #ddd;
  }
  .\[border\:1px_solid_\#e0e0e0\] {
    border: 1px solid #e0e0e0;
  }
  .\[border\:1px_solid_\#e0e5ee\] {
    border: 1px solid #e0e5ee;
  }
  .\[border\:1px_solid_\#e5e7eb\] {
    border: 1px solid #e5e7eb;
  }
  .\[border\:1px_solid_\#f1f5f9\] {
    border: 1px solid #f1f5f9;
  }
  .\[border\:1px_solid_\#f44336\] {
    border: 1px solid #f44336;
  }
  .\[border\:1px_solid_rgb\(226\,_232\,_240\)\] {
    border: 1px solid rgb(226, 232, 240);
  }
  .\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.5\)\] {
    border: 1px solid rgba(0, 0, 0, 0.5);
  }
  .\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  .\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
  .\[border\:1px_solid_rgba\(255\,_255\,_255\,_0\.35\)\] {
    border: 1px solid rgba(255, 255, 255, 0.35);
  }
  .\[border\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
  }
  .\[border\:1px_solid_surface-border\] {
    border: 1px solid surface-border;
  }
  .\[border\:1px_solid_transparent\] {
    border: 1px solid transparent;
  }
  .\[border\:1px_solid_var\(--auth-error-border\)\] {
    border: 1px solid var(--auth-error-border);
  }
  .\[border\:1px_solid_var\(--auth-glass-border\)\] {
    border: 1px solid var(--auth-glass-border);
  }
  .\[border\:1px_solid_var\(--auth-input-border\)\] {
    border: 1px solid var(--auth-input-border);
  }
  .\[border\:1px_solid_var\(--border\)\] {
    border: 1px solid var(--border);
  }
  .\[border\:1px_solid_var\(--border-color\,_\#e5e7eb\)\] {
    border: 1px solid var(--border-color, #e5e7eb);
  }
  .\[border\:1px_solid_var\(--color-border-default\)\] {
    border: 1px solid var(--color-border-default);
  }
  .\[border\:1px_solid_var\(--color-st-completed-border\)\] {
    border: 1px solid var(--color-st-completed-border);
  }
  .\[border\:1px_solid_var\(--color-st-dep-danger-border\)\] {
    border: 1px solid var(--color-st-dep-danger-border);
  }
  .\[border\:1px_solid_var\(--color-st-eta-border\)\] {
    border: 1px solid var(--color-st-eta-border);
  }
  .\[border\:1px_solid_var\(--color-st-user-pill-border\)\] {
    border: 1px solid var(--color-st-user-pill-border);
  }
  .\[border\:1px_solid_var\(--color-surface-border\)\] {
    border: 1px solid var(--color-surface-border);
  }
  .\[border\:1px_solid_var\(--color-wf-border\)\] {
    border: 1px solid var(--color-wf-border);
  }
  .\[border\:1px_solid_var\(--color-wf-start-border\)\] {
    border: 1px solid var(--color-wf-start-border);
  }
  .\[border\:1px_solid_var\(--ga-borderColor\)\] {
    border: 1px solid var(--ga-borderColor);
  }
  .\[border\:2\.5px_solid\] {
    border: 2.5px solid;
  }
  .\[border\:2px_dashed\] {
    border: 2px dashed;
  }
  .\[border\:2px_dashed_var\(--color-beedee-border\)\] {
    border: 2px dashed var(--color-beedee-border);
  }
  .\[border\:2px_dashed_var\(--color-beedee-brand\)\] {
    border: 2px dashed var(--color-beedee-brand);
  }
  .\[border\:2px_dashed_var\(--color-green-300\)\] {
    border: 2px dashed var(--color-green-300);
  }
  .\[border\:2px_solid\] {
    border: 2px solid;
  }
  .\[border\:2px_solid_rgb\(102\,_102\,_102\)\] {
    border: 2px solid rgb(102, 102, 102);
  }
  .\[border\:2px_solid_var\(--color-beedee-border\)\] {
    border: 2px solid var(--color-beedee-border);
  }
  .\[border\:2px_solid_var\(--color-beedee-brand\)\] {
    border: 2px solid var(--color-beedee-brand);
  }
  .\[border\:2px_solid_var\(--color-beedee-brand-mid\)\] {
    border: 2px solid var(--color-beedee-brand-mid);
  }
  .\[border\:2px_solid_var\(--color-wf-fail-text\)\] {
    border: 2px solid var(--color-wf-fail-text);
  }
  .\[border\:2px_solid_var\(--color-wf-phase-production\)\] {
    border: 2px solid var(--color-wf-phase-production);
  }
  .\[border\:3px_solid\] {
    border: 3px solid;
  }
  .\[border\:3px_solid_white\] {
    border: 3px solid white;
  }
  .\[border\:4px_solid_black\] {
    border: 4px solid black;
  }
  .\[border\:4px_solid_var\(--accent-background-colour\)\] {
    border: 4px solid var(--accent-background-colour);
  }
  .\[border\:6px_solid_rgba\(255\,_255\,_255\,_0\.6\)\] {
    border: 6px solid rgba(255, 255, 255, 0.6);
  }
  .\[border\:calc\(var\(--border-thickness\)_\*_3\)_solid_var\(--accent-background-colour\)\] {
    border: calc(var(--border-thickness) * 3) solid var(--accent-background-colour);
  }
  .\[border\:var\(--border-thickness\)_solid_var\(--accent-background-colour\)\] {
    border: var(--border-thickness) solid var(--accent-background-colour);
  }
  .\[border\:var\(--ga-inputBorder\)\] {
    border: var(--ga-inputBorder);
  }
  .\[clip-path\:polygon\(0_0\,_100\%_0\,_50\%_100\%\)\] {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .\[clip\:rect\(0\,_0\,_0\,_0\)\] {
    clip: rect(0, 0, 0, 0);
  }
  .\[font\:inherit\] {
    font: inherit;
  }
  .\[grid-area\:actions\] {
    grid-area: actions;
  }
  .\[grid-area\:center\] {
    grid-area: center;
  }
  .\[grid-area\:chart\] {
    grid-area: chart;
  }
  .\[grid-area\:config\] {
    grid-area: config;
  }
  .\[grid-area\:content\] {
    grid-area: content;
  }
  .\[grid-area\:custom-header\] {
    grid-area: custom-header;
  }
  .\[grid-area\:days\] {
    grid-area: days;
  }
  .\[grid-area\:footer\] {
    grid-area: footer;
  }
  .\[grid-area\:grid\] {
    grid-area: grid;
  }
  .\[grid-area\:header\] {
    grid-area: header;
  }
  .\[grid-area\:legend\] {
    grid-area: legend;
  }
  .\[grid-area\:logo\] {
    grid-area: logo;
  }
  .\[grid-area\:months\] {
    grid-area: months;
  }
  .\[grid-area\:navigation\] {
    grid-area: navigation;
  }
  .\[grid-area\:notes\] {
    grid-area: notes;
  }
  .\[grid-area\:search\] {
    grid-area: search;
  }
  .\[grid-area\:sidebar\] {
    grid-area: sidebar;
  }
  .\[grid-area\:subtitle\] {
    grid-area: subtitle;
  }
  .\[grid-area\:title\] {
    grid-area: title;
  }
  .\[grid-area\:year\] {
    grid-area: year;
  }
  .\[grid-gap\:8px\] {
    grid-gap: 8px;
  }
  .\[grid-gap\:32px\] {
    grid-gap: 32px;
  }
  .\[grid-gap\:var\(--base-padding\)\] {
    grid-gap: var(--base-padding);
  }
  .\[grid-gap\:var\(--gap\)\] {
    grid-gap: var(--gap);
  }
  .\[grid-row-gap\:0px\] {
    grid-row-gap: 0px;
  }
  .\[grid-template-areas\:\'\._year\'_\'\._months\'_\'days_grid\'_\'\._legend\'\] {
    grid-template-areas: '. year' '. months' 'days grid' '. legend';
  }
  .\[grid-template-areas\:\'component-list_editor\'\] {
    grid-template-areas: 'component-list editor';
  }
  .\[grid-template-areas\:\'config\'_\'footer\'\] {
    grid-template-areas: 'config' 'footer';
  }
  .\[grid-template-areas\:\'header_header\'_\'sidebar_controls\'_\'sidebar_grid\'\] {
    grid-template-areas: 'header header' 'sidebar controls' 'sidebar grid';
  }
  .\[grid-template-areas\:\'list_record\'\] {
    grid-template-areas: 'list record';
  }
  .\[grid-template-areas\:\'sidebar_config\'\] {
    grid-template-areas: 'sidebar config';
  }
  .\[grid-template-areas\:\'sidebar_config\'_\'logo_footer\'\] {
    grid-template-areas: 'sidebar config' 'logo footer';
  }
  .\[grid-template-areas\:\'sidebar_config\'_\'sidebar_actions\'\] {
    grid-template-areas: 'sidebar config' 'sidebar actions';
  }
  .\[grid-template-areas\:\'sidebar_content\'\] {
    grid-template-areas: 'sidebar content';
  }
  .\[grid-template-areas\:\'sidebar_content\'_\'sidebar_actions\'\] {
    grid-template-areas: 'sidebar content' 'sidebar actions';
  }
  .\[grid-template-areas\:\'title_search_actions\'_\'navigation_navigation_navigation\'\] {
    grid-template-areas: 'title search actions' 'navigation navigation navigation';
  }
  .\[grid-template-areas\:\'top-panel_top-panel_top-panel\'_\'left-panel_center_right-panel\'\] {
    grid-template-areas: 'top-panel top-panel top-panel' 'left-panel center right-panel';
  }
  .\[list-style\:none\] {
    list-style: none;
  }
  .\[mb\:0\.25rem\] {
    mb: 0.25rem;
  }
  .\[moz-appearance\:textfield\] {
    moz-appearance: textfield;
  }
  .\[mt\:2\.5rem\] {
    mt: 2.5rem;
  }
  .\[padding-y\:0\.5\] {
    padding-y: 0.5;
  }
  .\[page-break-inside\:avoid\] {
    page-break-inside: avoid;
  }
  .\[pb\:0\.5rem\] {
    pb: 0.5rem;
  }
  .\[perspective\:3000px\] {
    perspective: 3000px;
  }
  .\[scrollbar-color\:\#d4e2e8_transparent\] {
    scrollbar-color: #d4e2e8 transparent;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .\[transition\:400ms\] {
    transition: 400ms;
  }
  .\[transition\:800ms_cubic-bezier\(0\,_1\,_1\,_1\)\] {
    transition: 800ms cubic-bezier(0, 1, 1, 1);
  }
  .\[transition\:all_\.15s\] {
    transition: all .15s;
  }
  .\[transition\:all_0\.2s\] {
    transition: all 0.2s;
  }
  .\[transition\:all_0\.12s\] {
    transition: all 0.12s;
  }
  .\[transition\:all_0\.15s\] {
    transition: all 0.15s;
  }
  .\[transition\:all_0\.15s_ease\] {
    transition: all 0.15s ease;
  }
  .\[transition\:all_200ms\] {
    transition: all 200ms;
  }
  .\[transition\:all_200ms_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\)\] {
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .\[transition\:background-color_0\.2s\] {
    transition: background-color 0.2s;
  }
  .\[transition\:background-color_0\.3s\] {
    transition: background-color 0.3s;
  }
  .\[transition\:background-color_0\.15s\,_color_0\.15s\,_border-color_0\.15s\] {
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
  }
  .\[transition\:background-color_0\.15s\,_color_0\.15s\] {
    transition: background-color 0.15s, color 0.15s;
  }
  .\[transition\:background-color_0\.15s\,color_0\.15s\,border-color_0\.15s\] {
    transition: background-color 0.15s,color 0.15s,border-color 0.15s;
  }
  .\[transition\:background-color_0\.15s\] {
    transition: background-color 0.15s;
  }
  .\[transition\:background-color_100ms\,_color_100ms\] {
    transition: background-color 100ms, color 100ms;
  }
  .\[transition\:background-color_100ms\] {
    transition: background-color 100ms;
  }
  .\[transition\:background-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_border-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: background-color 150ms cubic-bezier(0.4,0,0.2,1), border-color 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:background-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: background-color 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:background-color_200ms\,_box-shadow_200ms\] {
    transition: background-color 200ms, box-shadow 200ms;
  }
  .\[transition\:background-color_200ms\,_color_200ms\,_opacity_200ms\] {
    transition: background-color 200ms, color 200ms, opacity 200ms;
  }
  .\[transition\:background-color_200ms\,_color_200ms\] {
    transition: background-color 200ms, color 200ms;
  }
  .\[transition\:background-color_200ms\] {
    transition: background-color 200ms;
  }
  .\[transition\:background-color_200ms_ease-in\,_left_200ms_ease-in\] {
    transition: background-color 200ms ease-in, left 200ms ease-in;
  }
  .\[transition\:background-color_200ms_ease-in\] {
    transition: background-color 200ms ease-in;
  }
  .\[transition\:background-color_300ms\] {
    transition: background-color 300ms;
  }
  .\[transition\:background_\.1s\] {
    transition: background .1s;
  }
  .\[transition\:background_\.2s\] {
    transition: background .2s;
  }
  .\[transition\:background_\.12s\,_color_\.12s\] {
    transition: background .12s, color .12s;
  }
  .\[transition\:background_\.12s\] {
    transition: background .12s;
  }
  .\[transition\:background_\.15s\,_color_\.15s\,_border-color_\.15s\] {
    transition: background .15s, color .15s, border-color .15s;
  }
  .\[transition\:background_\.15s\,_color_\.15s\] {
    transition: background .15s, color .15s;
  }
  .\[transition\:background_\.15s\] {
    transition: background .15s;
  }
  .\[transition\:background_0\.1s\] {
    transition: background 0.1s;
  }
  .\[transition\:background_0\.2s\] {
    transition: background 0.2s;
  }
  .\[transition\:background_0\.12s\,_border-color_0\.12s\] {
    transition: background 0.12s, border-color 0.12s;
  }
  .\[transition\:background_0\.12s\,_color_0\.12s\] {
    transition: background 0.12s, color 0.12s;
  }
  .\[transition\:background_0\.12s\] {
    transition: background 0.12s;
  }
  .\[transition\:background_0\.15s\,_border-color_0\.15s\] {
    transition: background 0.15s, border-color 0.15s;
  }
  .\[transition\:background_0\.15s\,_color_0\.15s\,_border-color_0\.15s\] {
    transition: background 0.15s, color 0.15s, border-color 0.15s;
  }
  .\[transition\:background_0\.15s\,_color_0\.15s\] {
    transition: background 0.15s, color 0.15s;
  }
  .\[transition\:background_0\.15s\] {
    transition: background 0.15s;
  }
  .\[transition\:background_0\.25s\] {
    transition: background 0.25s;
  }
  .\[transition\:background_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: background 150ms cubic-bezier(0.4,0,0.2,1), color 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:background_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: background 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:background_150ms_ease\] {
    transition: background 150ms ease;
  }
  .\[transition\:border-color_\.12s\] {
    transition: border-color .12s;
  }
  .\[transition\:border-color_\.15s\,_background_\.15s\,_box-shadow_\.15s\] {
    transition: border-color .15s, background .15s, box-shadow .15s;
  }
  .\[transition\:border-color_\.15s\,_background_\.15s\] {
    transition: border-color .15s, background .15s;
  }
  .\[transition\:border-color_0\.2s\,_box-shadow_0\.2s\] {
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .\[transition\:border-color_0\.12s\,_background_0\.12s\] {
    transition: border-color 0.12s, background 0.12s;
  }
  .\[transition\:border-color_0\.15s\,_background_0\.15s\,_box-shadow_0\.15s\] {
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_background_0\.15s\,_color_0\.15s\] {
    transition: border-color 0.15s, background 0.15s, color 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_background_0\.15s\] {
    transition: border-color 0.15s, background 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_box-shadow_0\.15s\,_background-color_0\.15s\] {
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_box-shadow_0\.15s\,_background_0\.15s\] {
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_box-shadow_0\.15s\] {
    transition: border-color 0.15s, box-shadow 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_color_0\.15s\] {
    transition: border-color 0.15s, color 0.15s;
  }
  .\[transition\:border-color_0\.15s\] {
    transition: border-color 0.15s;
  }
  .\[transition\:border-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_background_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: border-color 150ms cubic-bezier(0.4,0,0.2,1), color 150ms cubic-bezier(0.4,0,0.2,1), background 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:border-color_150ms_ease\,_box-shadow_150ms_ease\] {
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }
  .\[transition\:border-color_200ms\,_border-width_200ms\] {
    transition: border-color 200ms, border-width 200ms;
  }
  .\[transition\:border-color_200ms\,_box-shadow_200ms\] {
    transition: border-color 200ms, box-shadow 200ms;
  }
  .\[transition\:bottom_400ms\] {
    transition: bottom 400ms;
  }
  .\[transition\:box-shadow_\.15s\,_transform_\.1s\,_border-color_\.15s\] {
    transition: box-shadow .15s, transform .1s, border-color .15s;
  }
  .\[transition\:box-shadow_0\.2s\,_transform_0\.2s\] {
    transition: box-shadow 0.2s, transform 0.2s;
  }
  .\[transition\:box-shadow_0\.2s\] {
    transition: box-shadow 0.2s;
  }
  .\[transition\:box-shadow_0\.15s\,_transform_0\.1s\] {
    transition: box-shadow 0.15s, transform 0.1s;
  }
  .\[transition\:box-shadow_0\.15s\,_transform_0\.12s\] {
    transition: box-shadow 0.15s, transform 0.12s;
  }
  .\[transition\:box-shadow_0\.15s\] {
    transition: box-shadow 0.15s;
  }
  .\[transition\:box-shadow_0\.18s\,_transform_0\.12s\] {
    transition: box-shadow 0.18s, transform 0.12s;
  }
  .\[transition\:box-shadow_100ms\] {
    transition: box-shadow 100ms;
  }
  .\[transition\:box-shadow_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_transform_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: box-shadow 150ms cubic-bezier(0.4,0,0.2,1), transform 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:color_\.12s\,_background_\.12s\] {
    transition: color .12s, background .12s;
  }
  .\[transition\:color_\.15s\] {
    transition: color .15s;
  }
  .\[transition\:color_0\.15s\,_border-color_0\.15s\] {
    transition: color 0.15s, border-color 0.15s;
  }
  .\[transition\:color_0\.15s\] {
    transition: color 0.15s;
  }
  .\[transition\:color_150ms\] {
    transition: color 150ms;
  }
  .\[transition\:color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_background-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: color 150ms cubic-bezier(0.4,0,0.2,1), background-color 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_border-color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: color 150ms cubic-bezier(0.4,0,0.2,1), border-color 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:color_150ms_ease\] {
    transition: color 150ms ease;
  }
  .\[transition\:color_200ms\,_background-color_200ms\,_box-shadow_200ms\] {
    transition: color 200ms, background-color 200ms, box-shadow 200ms;
  }
  .\[transition\:color_var\(--motion-duration-fast\,_150ms\)_var\(--motion-ease-standard\,_ease-in-out\)\,_background-color_var\(--motion-duration-fast\,_150ms\)_var\(--motion-ease-standard\,_ease-in-out\)\,_border-color_var\(--motion-duration-fast\,_150ms\)_var\(--motion-ease-standard\,_ease-in-out\)\,_box-shadow_var\(--motion-duration-fast\,_150ms\)_var\(--motion-ease-standard\,_ease-in-out\)\] {
    transition: color var(--motion-duration-fast, 150ms) var(--motion-ease-standard, ease-in-out), background-color var(--motion-duration-fast, 150ms) var(--motion-ease-standard, ease-in-out), border-color var(--motion-duration-fast, 150ms) var(--motion-ease-standard, ease-in-out), box-shadow var(--motion-duration-fast, 150ms) var(--motion-ease-standard, ease-in-out);
  }
  .\[transition\:font-size_200ms\,_top_200ms\,_color_200ms\] {
    transition: font-size 200ms, top 200ms, color 200ms;
  }
  .\[transition\:grid-template-columns_0\.3s_ease\] {
    transition: grid-template-columns 0.3s ease;
  }
  .\[transition\:grid-template-columns_0\.25s_ease\] {
    transition: grid-template-columns 0.25s ease;
  }
  .\[transition\:grid-template-rows_\.25s_ease\] {
    transition: grid-template-rows .25s ease;
  }
  .\[transition\:grid-template-rows_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: grid-template-rows 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:height_200ms\] {
    transition: height 200ms;
  }
  .\[transition\:height_400ms\] {
    transition: height 400ms;
  }
  .\[transition\:margin-top_200ms\,_opacity_200ms\] {
    transition: margin-top 200ms, opacity 200ms;
  }
  .\[transition\:max-width_600ms\,_transform_600ms\] {
    transition: max-width 600ms, transform 600ms;
  }
  .\[transition\:opacity_0\.2s\] {
    transition: opacity 0.2s;
  }
  .\[transition\:opacity_0\.3s_ease\] {
    transition: opacity 0.3s ease;
  }
  .\[transition\:opacity_0\.15s\] {
    transition: opacity 0.15s;
  }
  .\[transition\:opacity_0\.25s\] {
    transition: opacity 0.25s;
  }
  .\[transition\:opacity_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: opacity 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:opacity_200ms\] {
    transition: opacity 200ms;
  }
  .\[transition\:opacity_400ms\] {
    transition: opacity 400ms;
  }
  .\[transition\:stroke_100ms\] {
    transition: stroke 100ms;
  }
  .\[transition\:top\,_left\,_opacity\] {
    transition: top, left, opacity;
  }
  .\[transition\:top_200ms\,_opacity_200ms\] {
    transition: top 200ms, opacity 200ms;
  }
  .\[transition\:top_400ms\] {
    transition: top 400ms;
  }
  .\[transition\:transform_\.2s_ease\] {
    transition: transform .2s ease;
  }
  .\[transition\:transform_\.3s\] {
    transition: transform .3s;
  }
  .\[transition\:transform_0\.3s\] {
    transition: transform 0.3s;
  }
  .\[transition\:transform_0\.3s_ease\] {
    transition: transform 0.3s ease;
  }
  .\[transition\:transform_0\.25s_cubic-bezier\(\.4\,0\,\.2\,1\)\] {
    transition: transform 0.25s cubic-bezier(.4,0,.2,1);
  }
  .\[transition\:transform_0\.28s_cubic-bezier\(\.4\,0\,\.2\,1\)\] {
    transition: transform 0.28s cubic-bezier(.4,0,.2,1);
  }
  .\[transition\:transform_0\.28s_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\)\] {
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .\[transition\:transform_100ms\,_fill_100ms\] {
    transition: transform 100ms, fill 100ms;
  }
  .\[transition\:transform_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    transition: transform 150ms cubic-bezier(0.4,0,0.2,1);
  }
  .\[transition\:transform_200ms\,_box-shadow_200ms\] {
    transition: transform 200ms, box-shadow 200ms;
  }
  .\[transition\:transform_300ms\] {
    transition: transform 300ms;
  }
  .\[transition\:transform_400ms\,_box-shadow_400ms\] {
    transition: transform 400ms, box-shadow 400ms;
  }
  .\[transition\:width\,_height\,_left\,_top\] {
    transition: width, height, left, top;
  }
  .\[transition\:width\,_height\,_top\,_left\] {
    transition: width, height, top, left;
  }
  .\[transition\:width_0\.3s\] {
    transition: width 0.3s;
  }
  .\[transition\:width_0\.4s\] {
    transition: width 0.4s;
  }
  .\[transition\:width_0\.4s_ease\] {
    transition: width 0.4s ease;
  }
  .\[transition\:width_200ms\,_height_200ms\] {
    transition: width 200ms, height 200ms;
  }
  .\[webkit-appearance\:none\] {
    webkit-appearance: none;
  }
  .\[webkit-backdrop-filter\:blur\(22px\)\] {
    webkit-backdrop-filter: blur(22px);
  }
  .\[webkit-box-orient\:vertical\] {
    webkit-box-orient: vertical;
  }
  .\[webkit-line-clamp\:2\] {
    webkit-line-clamp: 2;
  }
  .\[webkit-tap-highlight-color\:rgba\(255\,255\,255\,0\)\] {
    webkit-tap-highlight-color: rgba(255,255,255,0);
  }
  .\[webkit-tap-highlight-color\:rgba\(255\,_255\,_255\,_0\)\] {
    webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
  .\[webkit-tap-highlight-color\:transparent\] {
    webkit-tap-highlight-color: transparent;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-hover\:inline-flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: inline-flex;
      }
    }
  }
  .group-hover\:border-stone-400 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        border-color: var(--color-stone-400);
      }
    }
  }
  .group-hover\:bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: rgba(0,0,0,0.5);
      }
    }
  }
  .group-hover\:\[color\:var\(--accent-text-colour\)\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--accent-text-colour);
      }
    }
  }
  .group-hover\:text-slate-800 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/bread-crumb\:visible {
    &:is(:where(.group\/bread-crumb):hover *) {
      @media (hover: hover) {
        visibility: visible;
      }
    }
  }
  .group-focus-visible\:inline-flex {
    &:is(:where(.group):focus-visible *) {
      display: inline-flex;
    }
  }
  .group-focus-visible\:\[color\:var\(--accent-text-colour\)\] {
    &:is(:where(.group):focus-visible *) {
      color: var(--accent-text-colour);
    }
  }
  .group-focus-visible\/bread-crumb\:visible {
    &:is(:where(.group\/bread-crumb):focus-visible *) {
      visibility: visible;
    }
  }
  .placeholder\:\[font-size\:0\.88rem\] {
    &::placeholder {
      font-size: 0.88rem;
    }
  }
  .placeholder\:font-normal {
    &::placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .placeholder\:\[color\:\#3a3a50\] {
    &::placeholder {
      color: #3a3a50;
    }
  }
  .placeholder\:\[color\:\#9bbcc8\] {
    &::placeholder {
      color: #9bbcc8;
    }
  }
  .placeholder\:\[color\:\#aaa\] {
    &::placeholder {
      color: #aaa;
    }
  }
  .placeholder\:\[color\:\#bcc8cc\] {
    &::placeholder {
      color: #bcc8cc;
    }
  }
  .placeholder\:\[color\:rgba\(255\,255\,255\,0\.72\)\] {
    &::placeholder {
      color: rgba(255,255,255,0.72);
    }
  }
  .placeholder\:\[color\:var\(--ga-textMuted\)\] {
    &::placeholder {
      color: var(--ga-textMuted);
    }
  }
  .placeholder\:text-gray-400 {
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder\:text-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .placeholder\:text-surface-label {
    &::placeholder {
      color: #7a909a;
    }
  }
  .placeholder\:text-text-label {
    &::placeholder {
      color: var(--color-text-label);
    }
  }
  .placeholder\:text-white\/40 {
    &::placeholder {
      color: color-mix(in srgb, #ffffff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .placeholder\:text-white\/45 {
    &::placeholder {
      color: color-mix(in srgb, #ffffff 45%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 45%, transparent);
      }
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-\[-12px\] {
    &::before {
      content: var(--tw-content);
      inset: -12px;
    }
  }
  .before\:-top-\[12px\] {
    &::before {
      content: var(--tw-content);
      top: calc(12px * -1);
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: var(--spacing-0);
    }
  }
  .before\:top-\[0px\] {
    &::before {
      content: var(--tw-content);
      top: 0px;
    }
  }
  .before\:-left-\[12px\] {
    &::before {
      content: var(--tw-content);
      left: calc(12px * -1);
    }
  }
  .before\:left-\[0px\] {
    &::before {
      content: var(--tw-content);
      left: 0px;
    }
  }
  .before\:left-\[26px\] {
    &::before {
      content: var(--tw-content);
      left: 26px;
    }
  }
  .before\:z-0 {
    &::before {
      content: var(--tw-content);
      z-index: 0;
    }
  }
  .before\:box-content {
    &::before {
      content: var(--tw-content);
      box-sizing: content-box;
    }
  }
  .before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .before\:inline-block {
    &::before {
      content: var(--tw-content);
      display: inline-block;
    }
  }
  .before\:\[height\:50\%\] {
    &::before {
      content: var(--tw-content);
      height: 50%;
    }
  }
  .before\:\[height\:100\%\] {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:\[height\:calc\(100\%_\+_6px\)\] {
    &::before {
      content: var(--tw-content);
      height: calc(100% + 6px);
    }
  }
  .before\:h-0 {
    &::before {
      content: var(--tw-content);
      height: var(--spacing-0);
    }
  }
  .before\:h-\[6px\] {
    &::before {
      content: var(--tw-content);
      height: 6px;
    }
  }
  .before\:h-\[20px\] {
    &::before {
      content: var(--tw-content);
      height: 20px;
    }
  }
  .before\:h-\[40px\] {
    &::before {
      content: var(--tw-content);
      height: 40px;
    }
  }
  .before\:h-\[48px\] {
    &::before {
      content: var(--tw-content);
      height: 48px;
    }
  }
  .before\:\[width\:100\%\] {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:w-0 {
    &::before {
      content: var(--tw-content);
      width: var(--spacing-0);
    }
  }
  .before\:w-\[3px\] {
    &::before {
      content: var(--tw-content);
      width: 3px;
    }
  }
  .before\:w-\[4px\] {
    &::before {
      content: var(--tw-content);
      width: 4px;
    }
  }
  .before\:w-\[6px\] {
    &::before {
      content: var(--tw-content);
      width: 6px;
    }
  }
  .before\:w-\[20px\] {
    &::before {
      content: var(--tw-content);
      width: 20px;
    }
  }
  .before\:w-\[48px\] {
    &::before {
      content: var(--tw-content);
      width: 48px;
    }
  }
  .before\:shrink-0 {
    &::before {
      content: var(--tw-content);
      flex-shrink: 0;
    }
  }
  .before\:\[transform\:rotate\(45deg\)\] {
    &::before {
      content: var(--tw-content);
      transform: rotate(45deg);
    }
  }
  .before\:\[transform\:rotate\(90deg\)\] {
    &::before {
      content: var(--tw-content);
      transform: rotate(90deg);
    }
  }
  .before\:\[transform\:scale\(0\)\] {
    &::before {
      content: var(--tw-content);
      transform: scale(0);
    }
  }
  .before\:\[border-radius\:50\%\] {
    &::before {
      content: var(--tw-content);
      border-radius: 50%;
    }
  }
  .before\:\[border-radius\:50\%_50\%_0\%_50\%\] {
    &::before {
      content: var(--tw-content);
      border-radius: 50% 50% 0% 50%;
    }
  }
  .before\:rounded-\[2px\] {
    &::before {
      content: var(--tw-content);
      border-radius: 2px;
    }
  }
  .before\:\[border-width\:3\.5px_0_3\.5px_5px\] {
    &::before {
      content: var(--tw-content);
      border-width: 3.5px 0 3.5px 5px;
    }
  }
  .before\:\[border-style\:solid\] {
    &::before {
      content: var(--tw-content);
      border-style: solid;
    }
  }
  .before\:\[border-color\:transparent_transparent_transparent_currentColor\] {
    &::before {
      content: var(--tw-content);
      border-color: transparent transparent transparent currentColor;
    }
  }
  .before\:\[border-color\:transparent_transparent_transparent_var\(--color-text-secondary\)\] {
    &::before {
      content: var(--tw-content);
      border-color: transparent transparent transparent var(--color-text-secondary);
    }
  }
  .before\:\[background-color\:var\(--colors-brand\,\#1a7a96\)\] {
    &::before {
      content: var(--tw-content);
      background-color: var(--colors-brand,#1a7a96);
    }
  }
  .before\:bg-beedee-brand {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-beedee-brand);
    }
  }
  .before\:\[opacity\:0\.2\] {
    &::before {
      content: var(--tw-content);
      opacity: 0.2;
    }
  }
  .before\:\[opacity\:0\.25\] {
    &::before {
      content: var(--tw-content);
      opacity: 0.25;
    }
  }
  .before\:\[opacity\:0\.125\] {
    &::before {
      content: var(--tw-content);
      opacity: 0.125;
    }
  }
  .before\:duration-200 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .before\:\[content\:\"\"\] {
    &::before {
      content: var(--tw-content);
      content: "";
    }
  }
  .before\:\[content\:\'\'\] {
    &::before {
      content: var(--tw-content);
      content: '';
    }
  }
  .before\:\[content\:\\\"\\\"\] {
    &::before {
      content: var(--tw-content);
      content: \"\";
    }
  }
  .before\:\[background\:\#bdbdbd\] {
    &::before {
      content: var(--tw-content);
      background: #bdbdbd;
    }
  }
  .before\:\[background\:rgb\(156\,_156\,_156\)\] {
    &::before {
      content: var(--tw-content);
      background: rgb(156, 156, 156);
    }
  }
  .before\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &::before {
      content: var(--tw-content);
      background: rgba(0, 0, 0, 0.5);
    }
  }
  .before\:\[background\:var\(--checkbox-group-primary-color\,_\#0d47a1\)\] {
    &::before {
      content: var(--tw-content);
      background: var(--checkbox-group-primary-color, #0d47a1);
    }
  }
  .before\:\[background\:var\(--color-border-default\)\] {
    &::before {
      content: var(--tw-content);
      background: var(--color-border-default);
    }
  }
  .before\:\[background\:var\(--radio-group-primary-color\,_\#0d47a1\)\] {
    &::before {
      content: var(--tw-content);
      background: var(--radio-group-primary-color, #0d47a1);
    }
  }
  .before\:\[transition\:background-color_200ms\] {
    &::before {
      content: var(--tw-content);
      transition: background-color 200ms;
    }
  }
  .before\:\[transition\:opacity_400ms\] {
    &::before {
      content: var(--tw-content);
      transition: opacity 400ms;
    }
  }
  .before\:\[transition\:transform_0\.2s\] {
    &::before {
      content: var(--tw-content);
      transition: transform 0.2s;
    }
  }
  .before\:\[transition\:transform_100ms\] {
    &::before {
      content: var(--tw-content);
      transition: transform 100ms;
    }
  }
  .before\:\[transition\:width\,_height\,_left\,_top\] {
    &::before {
      content: var(--tw-content);
      transition: width, height, left, top;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:relative {
    &::after {
      content: var(--tw-content);
      position: relative;
    }
  }
  .after\:-top-\[6px\] {
    &::after {
      content: var(--tw-content);
      top: calc(6px * -1);
    }
  }
  .after\:\[top\:50\%\] {
    &::after {
      content: var(--tw-content);
      top: 50%;
    }
  }
  .after\:top-\[0px\] {
    &::after {
      content: var(--tw-content);
      top: 0px;
    }
  }
  .after\:top-\[14px\] {
    &::after {
      content: var(--tw-content);
      top: 14px;
    }
  }
  .after\:\[right\:50\%\] {
    &::after {
      content: var(--tw-content);
      right: 50%;
    }
  }
  .after\:right-\[0px\] {
    &::after {
      content: var(--tw-content);
      right: 0px;
    }
  }
  .after\:\[bottom\:50\%\] {
    &::after {
      content: var(--tw-content);
      bottom: 50%;
    }
  }
  .after\:\[left\:50\%\] {
    &::after {
      content: var(--tw-content);
      left: 50%;
    }
  }
  .after\:left-\[0px\] {
    &::after {
      content: var(--tw-content);
      left: 0px;
    }
  }
  .after\:left-\[30px\] {
    &::after {
      content: var(--tw-content);
      left: 30px;
    }
  }
  .after\:-z-1 {
    &::after {
      content: var(--tw-content);
      z-index: calc(1 * -1);
    }
  }
  .after\:ml-1 {
    &::after {
      content: var(--tw-content);
      margin-left: var(--spacing-1);
    }
  }
  .after\:box-border {
    &::after {
      content: var(--tw-content);
      box-sizing: border-box;
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:h-\[20px\] {
    &::after {
      content: var(--tw-content);
      height: 20px;
    }
  }
  .after\:h-\[95px\] {
    &::after {
      content: var(--tw-content);
      height: 95px;
    }
  }
  .after\:w-\[4px\] {
    &::after {
      content: var(--tw-content);
      width: 4px;
    }
  }
  .after\:w-\[20px\] {
    &::after {
      content: var(--tw-content);
      width: 20px;
    }
  }
  .after\:\[border-radius\:50\%\] {
    &::after {
      content: var(--tw-content);
      border-radius: 50%;
    }
  }
  .after\:text-\[12px\] {
    &::after {
      content: var(--tw-content);
      font-size: 12px;
    }
  }
  .after\:text-error {
    &::after {
      content: var(--tw-content);
      color: var(--color-error);
    }
  }
  .after\:\[opacity\:0\.25\] {
    &::after {
      content: var(--tw-content);
      opacity: 0.25;
    }
  }
  .after\:duration-200 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .after\:\[content\:\"\\f00d\"\] {
    &::after {
      content: var(--tw-content);
      content: "\f00d";
    }
  }
  .after\:\[content\:\"_\*\"\] {
    &::after {
      content: var(--tw-content);
      content: " *";
    }
  }
  .after\:\[content\:\'\'\] {
    &::after {
      content: var(--tw-content);
      content: '';
    }
  }
  .after\:\[content\:\'▼\'\] {
    &::after {
      content: var(--tw-content);
      content: '▼';
    }
  }
  .after\:\[background\:\#bdbdbd\] {
    &::after {
      content: var(--tw-content);
      background: #bdbdbd;
    }
  }
  .after\:\[background\:rgb\(224\,_224\,_224\)\] {
    &::after {
      content: var(--tw-content);
      background: rgb(224, 224, 224);
    }
  }
  .after\:\[background\:rgba\(255\,255\,255\,0\)\] {
    &::after {
      content: var(--tw-content);
      background: rgba(255,255,255,0);
    }
  }
  .after\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.26\)\] {
    &::after {
      content: var(--tw-content);
      border: 4px solid rgba(0, 0, 0, 0.26);
    }
  }
  .after\:\[transition\:background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms\] {
    &::after {
      content: var(--tw-content);
      transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms;
    }
  }
  .after\:\[transition\:opacity_400ms\] {
    &::after {
      content: var(--tw-content);
      transition: opacity 400ms;
    }
  }
  .after\:\[transition\:width\,_height\,_left\,_top\,_background-color\,_border-color\] {
    &::after {
      content: var(--tw-content);
      transition: width, height, left, top, background-color, border-color;
    }
  }
  .first\:pl-\[20px\] {
    &:first-child {
      padding-left: 20px;
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: var(--spacing-0);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-r-0 {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pr-\[20px\] {
    &:last-child {
      padding-right: 20px;
    }
  }
  .last\:text-right {
    &:last-child {
      text-align: right;
    }
  }
  .last\:\[border-bottom\:none\] {
    &:last-child {
      border-bottom: none;
    }
  }
  .invalid\:border-error {
    &:invalid {
      border-color: var(--color-error);
    }
  }
  .read-only\:\[opacity\:0\.7\] {
    &:read-only {
      opacity: 0.7;
    }
  }
  .focus-within\:\[border-color\:var\(--ga-textAccent\)\] {
    &:focus-within {
      border-color: var(--ga-textAccent);
    }
  }
  .focus-within\:border-transparent {
    &:focus-within {
      border-color: transparent;
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --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);
    }
  }
  .focus-within\:\[box-shadow\:inset_0_0_0_1px_var\(--ga-textAccent\)\] {
    &:focus-within {
      box-shadow: inset 0 0 0 1px var(--ga-textAccent);
    }
  }
  .focus-within\:ring-indigo-500 {
    &:focus-within {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus-within\:ring-purple-300 {
    &:focus-within {
      --tw-ring-color: var(--color-purple-300);
    }
  }
  .hover\:origin-center {
    &:hover {
      @media (hover: hover) {
        transform-origin: center;
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-125 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 125%;
        --tw-scale-y: 125%;
        --tw-scale-z: 125%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:\[transform\:scale\(1\.5\)\] {
    &:hover {
      @media (hover: hover) {
        transform: scale(1.5);
      }
    }
  }
  .hover\:\[transform\:translateY\(-1px\)\] {
    &:hover {
      @media (hover: hover) {
        transform: translateY(-1px);
      }
    }
  }
  .hover\:\[transform\:translateY\(-2px\)\] {
    &:hover {
      @media (hover: hover) {
        transform: translateY(-2px);
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:\[border-radius\:var\(--base-padding\)\] {
    &:hover {
      @media (hover: hover) {
        border-radius: var(--base-padding);
      }
    }
  }
  .hover\:rounded-\[20px\] {
    &:hover {
      @media (hover: hover) {
        border-radius: 20px;
      }
    }
  }
  .hover\:rounded-\[50\%\] {
    &:hover {
      @media (hover: hover) {
        border-radius: 50%;
      }
    }
  }
  .hover\:\[border-color\:\#1ba360\] {
    &:hover {
      @media (hover: hover) {
        border-color: #1ba360;
      }
    }
  }
  .hover\:\[border-color\:\#3b5998\] {
    &:hover {
      @media (hover: hover) {
        border-color: #3b5998;
      }
    }
  }
  .hover\:\[border-color\:rgba\(255\,_255\,_255\,_0\.4\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255, 255, 255, 0.4);
      }
    }
  }
  .hover\:\[border-color\:rgba\(255\,_255\,_255\,_0\.18\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: rgba(255, 255, 255, 0.18);
      }
    }
  }
  .hover\:\[border-color\:var\(--color-action-primary\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-action-primary);
      }
    }
  }
  .hover\:\[border-color\:var\(--color-st-hover-border\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-st-hover-border);
      }
    }
  }
  .hover\:border-\(--color-beedee-brand\) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-beedee-brand);
      }
    }
  }
  .hover\:border-\[\#3b82f6\] {
    &:hover {
      @media (hover: hover) {
        border-color: #3b82f6;
      }
    }
  }
  .hover\:border-\[\#a855f7\] {
    &:hover {
      @media (hover: hover) {
        border-color: #a855f7;
      }
    }
  }
  .hover\:border-amber-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-400);
      }
    }
  }
  .hover\:border-blue-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-500);
      }
    }
  }
  .hover\:border-gray-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-400);
      }
    }
  }
  .hover\:border-primary-400 {
    &:hover {
      @media (hover: hover) {
        border-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
      }
    }
  }
  .hover\:border-primary-700 {
    &:hover {
      @media (hover: hover) {
        border-color: oklch(from var(--brand-primary) l c h);
      }
    }
  }
  .hover\:border-slate-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-slate-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .hover\:border-slate-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-500);
      }
    }
  }
  .hover\:border-stone-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-300);
      }
    }
  }
  .hover\:border-stone-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-stone-700);
      }
    }
  }
  .hover\:border-surface-border {
    &:hover {
      @media (hover: hover) {
        border-color: #d4e2e8;
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:border-white\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ffffff 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ffffff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ffffff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-white\/\[0\.18\] {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #ffffff 18%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
        }
      }
    }
  }
  .hover\:\[border-bottom-color\:\#dddddd\] {
    &:hover {
      @media (hover: hover) {
        border-bottom-color: #dddddd;
      }
    }
  }
  .hover\:border-l-primary-400 {
    &:hover {
      @media (hover: hover) {
        border-left-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
      }
    }
  }
  .hover\:\[background-color\:rgba\(0\,0\,0\,0\.04\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(0,0,0,0.04);
      }
    }
  }
  .hover\:\[background-color\:rgba\(255\,_255\,_255\,_0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
  }
  .hover\:\[background-color\:rgba\(255\,_255\,_255\,_0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255, 255, 255, 0.22);
      }
    }
  }
  .hover\:\[background-color\:rgba\(255\,_255\,_255\,_0\.25\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: rgba(255, 255, 255, 0.25);
      }
    }
  }
  .hover\:\[background-color\:var\(--color-action-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-hover);
      }
    }
  }
  .hover\:\[background-color\:var\(--color-action-hover\,_rgba\(0\,_0\,_0\,_0\.04\)\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-hover, rgba(0, 0, 0, 0.04));
      }
    }
  }
  .hover\:\[background-color\:var\(--color-action-primary\,_var\(--color-primary\)\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-primary, var(--color-primary));
      }
    }
  }
  .hover\:\[background-color\:var\(--color-action-primary-transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-primary-transparent);
      }
    }
  }
  .hover\:\[background-color\:var\(--color-action-selected\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-action-selected);
      }
    }
  }
  .hover\:\[background-color\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-hover-colour, #1565c0);
      }
    }
  }
  .hover\:bg-\(--accent-background-colour\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent-background-colour);
      }
    }
  }
  .hover\:bg-\(--color-beedee-brand-light\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-brand-light);
      }
    }
  }
  .hover\:bg-\(--color-beedee-brand-mid\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-brand-mid);
      }
    }
  }
  .hover\:bg-\(--color-table-row-multiselected-hover\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-table-row-multiselected-hover);
      }
    }
  }
  .hover\:bg-\(--color-table-row-selected-hover\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-table-row-selected-hover);
      }
    }
  }
  .hover\:bg-\(--grid-paginator-hover-bg\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--grid-paginator-hover-bg);
      }
    }
  }
  .hover\:bg-\[\#3d9b73\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3d9b73;
      }
    }
  }
  .hover\:bg-\[\#d0d9db\] {
    &:hover {
      @media (hover: hover) {
        background-color: #d0d9db;
      }
    }
  }
  .hover\:bg-\[\#dbeafe\] {
    &:hover {
      @media (hover: hover) {
        background-color: #dbeafe;
      }
    }
  }
  .hover\:bg-\[\#e08e00\] {
    &:hover {
      @media (hover: hover) {
        background-color: #e08e00;
      }
    }
  }
  .hover\:bg-\[\#eaf4f8\] {
    &:hover {
      @media (hover: hover) {
        background-color: #eaf4f8;
      }
    }
  }
  .hover\:bg-\[\#ede9fe\] {
    &:hover {
      @media (hover: hover) {
        background-color: #ede9fe;
      }
    }
  }
  .hover\:bg-\[\#f44336\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f44336;
      }
    }
  }
  .hover\:bg-\[\#fdf0ee\] {
    &:hover {
      @media (hover: hover) {
        background-color: #fdf0ee;
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-200);
      }
    }
  }
  .hover\:bg-amber-400\/35 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-400) 35%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-500);
      }
    }
  }
  .hover\:bg-amber-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-600);
      }
    }
  }
  .hover\:bg-beedee-brand-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-brand-dark);
      }
    }
  }
  .hover\:bg-beedee-brand-light {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-brand-light);
      }
    }
  }
  .hover\:bg-beedee-green {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-green);
      }
    }
  }
  .hover\:bg-beedee-red {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-red);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000000 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-black\/\[0\.04\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000000 4%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-blue-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-800);
      }
    }
  }
  .hover\:bg-brand-dark {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-800);
      }
    }
  }
  .hover\:bg-brand-light {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-200);
      }
    }
  }
  .hover\:bg-cyan-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-cyan-100);
      }
    }
  }
  .hover\:bg-emerald-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:bg-emerald-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-100);
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-fuchsia-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fuchsia-100);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-grey-lighten-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey-lighten-2);
      }
    }
  }
  .hover\:bg-indigo-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:bg-indigo-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-400);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-lime-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-lime-200);
      }
    }
  }
  .hover\:bg-neutral-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-300);
      }
    }
  }
  .hover\:bg-neutral-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-400);
      }
    }
  }
  .hover\:bg-orange-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-700);
      }
    }
  }
  .hover\:bg-primary-50 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
      }
    }
  }
  .hover\:bg-primary-100 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l + 0.42) calc(c * 0.2) h);
      }
    }
  }
  .hover\:bg-primary-200 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
      }
    }
  }
  .hover\:bg-primary-400 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
      }
    }
  }
  .hover\:bg-primary-800 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l - 0.08) calc(c * 0.9) h);
      }
    }
  }
  .hover\:bg-primary-900 {
    &:hover {
      @media (hover: hover) {
        background-color: oklch(from var(--brand-primary) calc(l - 0.14) calc(c * 0.7) h);
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #1e88e5 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-400\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-400\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-400\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-500\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-rose-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-50);
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-sl-btn {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sl-btn);
      }
    }
  }
  .hover\:bg-sl-btn-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sl-btn-hover);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-50\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-50\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-200\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-slate-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-700);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:bg-stone-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-50);
      }
    }
  }
  .hover\:bg-stone-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-100);
      }
    }
  }
  .hover\:bg-stone-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-200);
      }
    }
  }
  .hover\:bg-stone-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-stone-800);
      }
    }
  }
  .hover\:bg-surface-border\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #d4e2e8 50%, transparent);
      }
    }
  }
  .hover\:bg-surface-page {
    &:hover {
      @media (hover: hover) {
        background-color: #f2f5f6;
      }
    }
  }
  .hover\:bg-teal-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-teal-100);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-violet-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-100);
      }
    }
  }
  .hover\:bg-violet-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-violet-600);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/15 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/22 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 22%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/25 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 25%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.2\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.12\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 12%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.16\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 16%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.18\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 18%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/\[0\.22\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #ffffff 22%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
        }
      }
    }
  }
  .hover\:bg-yellow-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-300);
      }
    }
  }
  .hover\:\[color\:\#039be5\] {
    &:hover {
      @media (hover: hover) {
        color: #039be5;
      }
    }
  }
  .hover\:\[color\:\#0070f3\] {
    &:hover {
      @media (hover: hover) {
        color: #0070f3;
      }
    }
  }
  .hover\:\[color\:\#1565c0\] {
    &:hover {
      @media (hover: hover) {
        color: #1565c0;
      }
    }
  }
  .hover\:\[color\:\#111827\] {
    &:hover {
      @media (hover: hover) {
        color: #111827;
      }
    }
  }
  .hover\:\[color\:\#334155\] {
    &:hover {
      @media (hover: hover) {
        color: #334155;
      }
    }
  }
  .hover\:\[color\:\#e8e8f0\] {
    &:hover {
      @media (hover: hover) {
        color: #e8e8f0;
      }
    }
  }
  .hover\:\[color\:\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        color: #ffffff;
      }
    }
  }
  .hover\:\[color\:black\] {
    &:hover {
      @media (hover: hover) {
        color: black;
      }
    }
  }
  .hover\:\[color\:rgba\(255\,_255\,_255\,_0\.9\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255, 255, 255, 0.9);
      }
    }
  }
  .hover\:\[color\:rgba\(255\,_255\,_255\,_0\.95\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255, 255, 255, 0.95);
      }
    }
  }
  .hover\:\[color\:rgba\(255\,_255\,_255\,_1\)\] {
    &:hover {
      @media (hover: hover) {
        color: rgba(255, 255, 255, 1);
      }
    }
  }
  .hover\:\[color\:var\(--accent-text-colour\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-text-colour);
      }
    }
  }
  .hover\:\[color\:var\(--color\,_\#ba5391\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color, #ba5391);
      }
    }
  }
  .hover\:\[color\:var\(--color-action-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-action-primary);
      }
    }
  }
  .hover\:\[color\:var\(--color-action-primary-text\,_white\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-action-primary-text, white);
      }
    }
  }
  .hover\:\[color\:var\(--color-blue\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue);
      }
    }
  }
  .hover\:\[color\:var\(--color-red\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red);
      }
    }
  }
  .hover\:\[color\:var\(--color-st-dep-danger\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-st-dep-danger);
      }
    }
  }
  .hover\:\[color\:var\(--color-text-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text-primary);
      }
    }
  }
  .hover\:\[color\:var\(--ga-textPrimary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ga-textPrimary);
      }
    }
  }
  .hover\:\[color\:var\(--header-hover-text-colour\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--header-hover-text-colour);
      }
    }
  }
  .hover\:\[color\:var\(--text-colour\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-colour);
      }
    }
  }
  .hover\:\[color\:var\(--text-colour\,_white\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-colour, white);
      }
    }
  }
  .hover\:text-\(--accent-hover\) {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-hover);
      }
    }
  }
  .hover\:text-\(--accent-text-colour\) {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-text-colour);
      }
    }
  }
  .hover\:text-\(--text-primary\) {
    &:hover {
      @media (hover: hover) {
        color: var(--text-primary);
      }
    }
  }
  .hover\:text-\[\#1a1916\] {
    &:hover {
      @media (hover: hover) {
        color: #1a1916;
      }
    }
  }
  .hover\:text-\[\#185FA5\] {
    &:hover {
      @media (hover: hover) {
        color: #185FA5;
      }
    }
  }
  .hover\:text-\[\#31424a\] {
    &:hover {
      @media (hover: hover) {
        color: #31424a;
      }
    }
  }
  .hover\:text-\[var\(--text-primary\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--text-primary);
      }
    }
  }
  .hover\:text-amber-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-700);
      }
    }
  }
  .hover\:text-beedee-red {
    &:hover {
      @media (hover: hover) {
        color: var(--color-beedee-red);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-brand {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-700);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-950);
      }
    }
  }
  .hover\:text-primary-700 {
    &:hover {
      @media (hover: hover) {
        color: oklch(from var(--brand-primary) l c h);
      }
    }
  }
  .hover\:text-red-300 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800);
      }
    }
  }
  .hover\:text-rose-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-rose-600);
      }
    }
  }
  .hover\:text-slate-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-200);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:text-stone-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-stone-900);
      }
    }
  }
  .hover\:text-surface-text {
    &:hover {
      @media (hover: hover) {
        color: #1a2d35;
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-white\/90 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, #ffffff 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:decoration-white\/75 {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: color-mix(in srgb, #ffffff 75%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          text-decoration-color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
      }
    }
  }
  .hover\:\[opacity\:0\.8\] {
    &:hover {
      @media (hover: hover) {
        opacity: 0.8;
      }
    }
  }
  .hover\:\[opacity\:0\.9\] {
    &:hover {
      @media (hover: hover) {
        opacity: 0.9;
      }
    }
  }
  .hover\:opacity-1 {
    &:hover {
      @media (hover: hover) {
        opacity: 1%;
      }
    }
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-\[0_4px_20px_rgba\(26\,_122\,_150\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(26, 122, 150, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-\[0_4px_24px_-8px_rgba\(0\,0\,0\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 24px -8px var(--tw-shadow-color, rgba(0,0,0,0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(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);
      }
    }
  }
  .hover\:ring-2 {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_6px_rgba\(0\,0\,0\,\.07\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 6px rgba(0,0,0,.07);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_8px_rgba\(26\,122\,150\,\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 8px rgba(26,122,150,.15);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_8px_rgba\(26\,_122\,_150\,_0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 8px rgba(26, 122, 150, 0.08);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_8px_rgba\(26\,_122\,_150\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 8px rgba(26, 122, 150, 0.15);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_12px_rgba\(26\,122\,150\,\.35\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 12px rgba(26,122,150,.35);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_16px_rgba\(26\,_122\,_150\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 16px rgba(26, 122, 150, 0.15);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_16px_rgba\(27\,_163\,_96\,_0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 16px rgba(27, 163, 96, 0.1);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_18px_rgba\(0\,_0\,_0\,_\.1\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 18px rgba(0, 0, 0, .1);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_20px_rgba\(26\,122\,150\,0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 20px rgba(26,122,150,0.15);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_20px_rgba\(26\,_122\,_150\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 20px rgba(26, 122, 150, 0.15);
      }
    }
  }
  .hover\:\[box-shadow\:0_6px_20px_rgba\(0\,0\,0\,\.1\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 6px 20px rgba(0,0,0,.1);
      }
    }
  }
  .hover\:\[box-shadow\:2px_2px_2px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_0_2px_1px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15), 0 0 2px 1px rgba(0, 0, 0, 0.1);
      }
    }
  }
  .hover\:\[box-shadow\:4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
      }
    }
  }
  .hover\:\[box-shadow\:var\(--elevation-overlay-shadow\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: var(--elevation-overlay-shadow);
      }
    }
  }
  .hover\:ring-primary\/30 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in srgb, #1e88e5 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
      }
    }
  }
  .hover\:ring-offset-2 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      }
    }
  }
  .hover\:\[outline\:none\] {
    &:hover {
      @media (hover: hover) {
        outline: none;
      }
    }
  }
  .hover\:\[outline\:var\(--gap\)_solid_var\(--text-colour\)\] {
    &:hover {
      @media (hover: hover) {
        outline: var(--gap) solid var(--text-colour);
      }
    }
  }
  .hover\:brightness-95 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(95%);
        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,);
      }
    }
  }
  .hover\:brightness-\[0\.97\] {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(0.97);
        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,);
      }
    }
  }
  .hover\:brightness-\[0\.99\] {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(0.99);
        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,);
      }
    }
  }
  .hover\:\[background\:\#1a7f6e\] {
    &:hover {
      @media (hover: hover) {
        background: #1a7f6e;
      }
    }
  }
  .hover\:\[background\:\#22d3ee\] {
    &:hover {
      @media (hover: hover) {
        background: #22d3ee;
      }
    }
  }
  .hover\:\[background\:\#0288d1\] {
    &:hover {
      @media (hover: hover) {
        background: #0288d1;
      }
    }
  }
  .hover\:\[background\:\#F44336\] {
    &:hover {
      @media (hover: hover) {
        background: #F44336;
      }
    }
  }
  .hover\:\[background\:\#cccccc\] {
    &:hover {
      @media (hover: hover) {
        background: #cccccc;
      }
    }
  }
  .hover\:\[background\:\#d4d4d4\] {
    &:hover {
      @media (hover: hover) {
        background: #d4d4d4;
      }
    }
  }
  .hover\:\[background\:\#e0e8ea\] {
    &:hover {
      @media (hover: hover) {
        background: #e0e8ea;
      }
    }
  }
  .hover\:\[background\:\#eeeeee\] {
    &:hover {
      @media (hover: hover) {
        background: #eeeeee;
      }
    }
  }
  .hover\:\[background\:\#f0f0f0\] {
    &:hover {
      @media (hover: hover) {
        background: #f0f0f0;
      }
    }
  }
  .hover\:\[background\:\#f3f4f6\] {
    &:hover {
      @media (hover: hover) {
        background: #f3f4f6;
      }
    }
  }
  .hover\:\[background\:\#f5f5f5\] {
    &:hover {
      @media (hover: hover) {
        background: #f5f5f5;
      }
    }
  }
  .hover\:\[background\:\#f9fafb\] {
    &:hover {
      @media (hover: hover) {
        background: #f9fafb;
      }
    }
  }
  .hover\:\[background\:\#f44336\] {
    &:hover {
      @media (hover: hover) {
        background: #f44336;
      }
    }
  }
  .hover\:\[background\:\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        background: #ffffff;
      }
    }
  }
  .hover\:\[background\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(0, 0, 0, 0.1);
      }
    }
  }
  .hover\:\[background\:rgba\(0\,_0\,_0\,_0\.05\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(0, 0, 0, 0.05);
      }
    }
  }
  .hover\:\[background\:rgba\(0\,_0\,_0\,_0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(0, 0, 0, 0.22);
      }
    }
  }
  .hover\:\[background\:rgba\(13\,_113\,_139\,_0\.07\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(13, 113, 139, 0.07);
      }
    }
  }
  .hover\:\[background\:rgba\(255\,_255\,_255\,_0\.1\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.1);
      }
    }
  }
  .hover\:\[background\:rgba\(255\,_255\,_255\,_0\.6\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.6);
      }
    }
  }
  .hover\:\[background\:rgba\(255\,_255\,_255\,_0\.12\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.12);
      }
    }
  }
  .hover\:\[background\:rgba\(255\,_255\,_255\,_0\.22\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.22);
      }
    }
  }
  .hover\:\[background\:rgba\(255\,_255\,_255\,_0\.35\)\] {
    &:hover {
      @media (hover: hover) {
        background: rgba(255, 255, 255, 0.35);
      }
    }
  }
  .hover\:\[background\:var\(--accent-background-colour\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--accent-background-colour);
      }
    }
  }
  .hover\:\[background\:var\(--background-colour\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--background-colour);
      }
    }
  }
  .hover\:\[background\:var\(--color-action-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-action-hover);
      }
    }
  }
  .hover\:\[background\:var\(--color-action-primary-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-action-primary-hover);
      }
    }
  }
  .hover\:\[background\:var\(--color-bg-elevated\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-bg-elevated);
      }
    }
  }
  .hover\:\[background\:var\(--color-st-brand-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-st-brand-hover);
      }
    }
  }
  .hover\:\[background\:var\(--color-st-completed-pill\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-st-completed-pill);
      }
    }
  }
  .hover\:\[background\:var\(--color-st-dep-danger-border\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-st-dep-danger-border);
      }
    }
  }
  .hover\:\[background\:var\(--color-st-user-pill-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-st-user-pill-hover);
      }
    }
  }
  .hover\:\[background\:var\(--color-table-row-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--color-table-row-hover);
      }
    }
  }
  .hover\:\[background\:var\(--ga-bgButtonHover\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--ga-bgButtonHover);
      }
    }
  }
  .hover\:\[background\:var\(--header-hover-background-colour\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--header-hover-background-colour);
      }
    }
  }
  .hover\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    &:hover {
      @media (hover: hover) {
        background: var(--primary-colour, #1976d2);
      }
    }
  }
  .hover\:\[transition\:background-color_200ms\,_color_200ms\] {
    &:hover {
      @media (hover: hover) {
        transition: background-color 200ms, color 200ms;
      }
    }
  }
  .hover\:before\:\[transform\:scale\(1\)\] {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          transform: scale(1);
        }
      }
    }
  }
  .hover\:before\:\[background\:var\(--color-action-primary\)\] {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background: var(--color-action-primary);
        }
      }
    }
  }
  .focus\:border-b-\[1px\] {
    &:focus {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .focus\:border-solid {
    &:focus {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .focus\:\[border-color\:\#3b5998\] {
    &:focus {
      border-color: #3b5998;
    }
  }
  .focus\:\[border-color\:\#00718c\] {
    &:focus {
      border-color: #00718c;
    }
  }
  .focus\:\[border-color\:var\(--auth-primary\)\] {
    &:focus {
      border-color: var(--auth-primary);
    }
  }
  .focus\:\[border-color\:var\(--color-primary\)\] {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:\[border-color\:var\(--primary-color\,_\#039be5\)\] {
    &:focus {
      border-color: var(--primary-color, #039be5);
    }
  }
  .focus\:border-\(--accent\) {
    &:focus {
      border-color: var(--accent);
    }
  }
  .focus\:border-\[\#1d3a2f\] {
    &:focus {
      border-color: #1d3a2f;
    }
  }
  .focus\:border-\[color\:var\(--header-hover-background-colour\)\] {
    &:focus {
      border-color: var(--header-hover-background-colour);
    }
  }
  .focus\:border-amber-500 {
    &:focus {
      border-color: var(--color-amber-500);
    }
  }
  .focus\:border-blue-300 {
    &:focus {
      border-color: var(--color-blue-300);
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:border-blue-500 {
    &:focus {
      border-color: var(--color-blue-500);
    }
  }
  .focus\:border-brand {
    &:focus {
      border-color: var(--color-primary-700);
    }
  }
  .focus\:border-form-field-focus {
    &:focus {
      border-color: var(--color-form-field-focus);
    }
  }
  .focus\:border-primary-700 {
    &:focus {
      border-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .focus\:border-sl-btn-hover {
    &:focus {
      border-color: var(--color-sl-btn-hover);
    }
  }
  .focus\:border-slate-300 {
    &:focus {
      border-color: var(--color-slate-300);
    }
  }
  .focus\:border-slate-400 {
    &:focus {
      border-color: var(--color-slate-400);
    }
  }
  .focus\:border-stone-900 {
    &:focus {
      border-color: var(--color-stone-900);
    }
  }
  .focus\:border-surface-label {
    &:focus {
      border-color: #7a909a;
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:border-white\/40 {
    &:focus {
      border-color: color-mix(in srgb, #ffffff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .focus\:border-b-form-field-focus {
    &:focus {
      border-bottom-color: var(--color-form-field-focus);
    }
  }
  .focus\:border-b-primary-700 {
    &:focus {
      border-bottom-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .focus\:\[background-color\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    &:focus {
      background-color: var(--primary-hover-colour, #1565c0);
    }
  }
  .focus\:bg-black\/5 {
    &:focus {
      background-color: color-mix(in srgb, #000000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .focus\:bg-black\/25 {
    &:focus {
      background-color: color-mix(in srgb, #000000 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
    }
  }
  .focus\:bg-primary-200 {
    &:focus {
      background-color: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
    }
  }
  .focus\:bg-sl-focus {
    &:focus {
      background-color: var(--color-sl-focus);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:bg-white\/15 {
    &:focus {
      background-color: color-mix(in srgb, #ffffff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  .focus\:\[color\:var\(--text-colour\,_white\)\] {
    &:focus {
      color: var(--text-colour, white);
    }
  }
  .focus\:text-primary-700 {
    &:focus {
      color: oklch(from var(--brand-primary) l c h);
    }
  }
  .focus\:text-surface-text {
    &:focus {
      color: #1a2d35;
    }
  }
  .focus\:shadow-none {
    &:focus {
      --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);
    }
  }
  .focus\:shadow-sm {
    &:focus {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(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);
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --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);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(3\,_155\,_229\,_0\.1\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(13\,113\,139\,\.1\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(13,113,139,.1);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(13\,_113\,_139\,_0\.1\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(13, 113, 139, 0.1);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(26\,122\,150\,\.12\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(26,122,150,.12);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(26\,122\,150\,0\.12\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(26,122,150,0.12);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(26\,_122\,_150\,_0\.12\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(26, 122, 150, 0.12);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(91\,156\,245\,0\.12\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(91,156,245,0.12);
    }
  }
  .focus\:\!ring-red-500 {
    &:focus {
      --tw-ring-color: var(--color-red-500) !important;
    }
  }
  .focus\:ring-\[color\:var\(--header-hover-background-colour\)\]\/20 {
    &:focus {
      --tw-ring-color: var(--header-hover-background-colour);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--header-hover-background-colour) 20%, transparent);
      }
    }
  }
  .focus\:ring-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .focus\:ring-blue-200 {
    &:focus {
      --tw-ring-color: var(--color-blue-200);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--color-indigo-500);
    }
  }
  .focus\:ring-primary-700\/10 {
    &:focus {
      --tw-ring-color: oklch(from var(--brand-primary) l c h);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, oklch(from var(--brand-primary) l c h) 10%, transparent);
      }
    }
  }
  .focus\:ring-primary-700\/15 {
    &:focus {
      --tw-ring-color: oklch(from var(--brand-primary) l c h);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, oklch(from var(--brand-primary) l c h) 15%, transparent);
      }
    }
  }
  .focus\:ring-primary\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #1e88e5 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
      }
    }
  }
  .focus\:ring-purple-300 {
    &:focus {
      --tw-ring-color: var(--color-purple-300);
    }
  }
  .focus\:ring-slate-100 {
    &:focus {
      --tw-ring-color: var(--color-slate-100);
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .focus\:ring-stone-900\/5 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(21.6% 0.006 56.043) 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-stone-900) 5%, transparent);
      }
    }
  }
  .focus\:ring-surface-border {
    &:focus {
      --tw-ring-color: #d4e2e8;
    }
  }
  .focus\:\[outline\:2px_solid_\#22d3ee\] {
    &:focus {
      outline: 2px solid #22d3ee;
    }
  }
  .focus\:\[outline\:2px_solid_\#039be5\] {
    &:focus {
      outline: 2px solid #039be5;
    }
  }
  .focus\:\[outline\:none\] {
    &:focus {
      outline: none;
    }
  }
  .focus\:outline-offset-2 {
    &:focus {
      outline-offset: 2px;
    }
  }
  .focus\:\[outline-color\:var\(--color-table-row-hover\)\] {
    &:focus {
      outline-color: var(--color-table-row-hover);
    }
  }
  .focus\:\[outline-color\:var\(--color-table-row-multiselected-hover\)\] {
    &:focus {
      outline-color: var(--color-table-row-multiselected-hover);
    }
  }
  .focus\:\[outline-color\:var\(--color-table-row-selected-hover\)\] {
    &:focus {
      outline-color: var(--color-table-row-selected-hover);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus\:\[background\:\#eeeeee\] {
    &:focus {
      background: #eeeeee;
    }
  }
  .focus\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    &:focus {
      background: var(--primary-colour, #1976d2);
    }
  }
  .focus\:\[transition\:background-color_200ms\,_color_200ms\] {
    &:focus {
      transition: background-color 200ms, color 200ms;
    }
  }
  .focus-visible\:origin-center {
    &:focus-visible {
      transform-origin: center;
    }
  }
  .focus-visible\:\[transform\:scale\(1\.5\)\] {
    &:focus-visible {
      transform: scale(1.5);
    }
  }
  .focus-visible\:cursor-pointer {
    &:focus-visible {
      cursor: pointer;
    }
  }
  .focus-visible\:\[border-radius\:var\(--base-padding\)\] {
    &:focus-visible {
      border-radius: var(--base-padding);
    }
  }
  .focus-visible\:\[border-radius\:var\(--radius-sm\)\] {
    &:focus-visible {
      border-radius: var(--radius-sm);
    }
  }
  .focus-visible\:rounded-\[20px\] {
    &:focus-visible {
      border-radius: 20px;
    }
  }
  .focus-visible\:rounded-\[50\%\] {
    &:focus-visible {
      border-radius: 50%;
    }
  }
  .focus-visible\:bg-\[\#f44336\] {
    &:focus-visible {
      background-color: #f44336;
    }
  }
  .focus-visible\:bg-gray-100 {
    &:focus-visible {
      background-color: var(--color-gray-100);
    }
  }
  .focus-visible\:bg-white {
    &:focus-visible {
      background-color: var(--color-white);
    }
  }
  .focus-visible\:\[color\:black\] {
    &:focus-visible {
      color: black;
    }
  }
  .focus-visible\:\[color\:var\(--accent-text-colour\)\] {
    &:focus-visible {
      color: var(--accent-text-colour);
    }
  }
  .focus-visible\:\[color\:var\(--header-hover-text-colour\)\] {
    &:focus-visible {
      color: var(--header-hover-text-colour);
    }
  }
  .focus-visible\:\[color\:var\(--text-colour\)\] {
    &:focus-visible {
      color: var(--text-colour);
    }
  }
  .focus-visible\:text-black {
    &:focus-visible {
      color: var(--color-black);
    }
  }
  .focus-visible\:ring-2 {
    &: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);
    }
  }
  .focus-visible\:\[box-shadow\:4px_4px_4px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    &:focus-visible {
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
    }
  }
  .focus-visible\:ring-primary-500 {
    &:focus-visible {
      --tw-ring-color: oklch(from var(--brand-primary) calc(l + 0.19) c h);
    }
  }
  .focus-visible\:ring-primary-700 {
    &:focus-visible {
      --tw-ring-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .focus-visible\:ring-primary-700\/40 {
    &:focus-visible {
      --tw-ring-color: oklch(from var(--brand-primary) l c h);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, oklch(from var(--brand-primary) l c h) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:\[outline\:2px_solid_rgba\(255\,_255\,_255\,_0\.7\)\] {
    &:focus-visible {
      outline: 2px solid rgba(255, 255, 255, 0.7);
    }
  }
  .focus-visible\:\[outline\:2px_solid_var\(--color-action-primary\)\] {
    &:focus-visible {
      outline: 2px solid var(--color-action-primary);
    }
  }
  .focus-visible\:\[outline\:2px_solid_var\(--color-primary-700\)\] {
    &:focus-visible {
      outline: 2px solid var(--color-primary-700);
    }
  }
  .focus-visible\:\[outline\:none\] {
    &:focus-visible {
      outline: none;
    }
  }
  .focus-visible\:\[outline\:var\(--gap\)_solid_var\(--text-colour\)\] {
    &:focus-visible {
      outline: var(--gap) solid var(--text-colour);
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:\[outline-offset\:2px\] {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:\[background\:\#F44336\] {
    &:focus-visible {
      background: #F44336;
    }
  }
  .focus-visible\:\[background\:\#cccccc\] {
    &:focus-visible {
      background: #cccccc;
    }
  }
  .focus-visible\:\[background\:\#f44336\] {
    &:focus-visible {
      background: #f44336;
    }
  }
  .focus-visible\:\[background\:var\(--accent-background-colour\)\] {
    &:focus-visible {
      background: var(--accent-background-colour);
    }
  }
  .focus-visible\:\[background\:var\(--background-colour\)\] {
    &:focus-visible {
      background: var(--background-colour);
    }
  }
  .focus-visible\:\[background\:var\(--header-hover-background-colour\)\] {
    &:focus-visible {
      background: var(--header-hover-background-colour);
    }
  }
  .focus-visible\:before\:\[transform\:scale\(1\)\] {
    &:focus-visible {
      &::before {
        content: var(--tw-content);
        transform: scale(1);
      }
    }
  }
  .active\:\[transform\:translateY\(0\)\] {
    &:active {
      transform: translateY(0);
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:\[border-radius\:0_7px_0_0\] {
    &:active {
      border-radius: 0 7px 0 0;
    }
  }
  .active\:\[border-radius\:7px_0_0_0\] {
    &:active {
      border-radius: 7px 0 0 0;
    }
  }
  .active\:\[background-color\:var\(--primary-active-colour\,_\#0d47a1\)\] {
    &:active {
      background-color: var(--primary-active-colour, #0d47a1);
    }
  }
  .active\:bg-\[\#dbeafe\] {
    &:active {
      background-color: #dbeafe;
    }
  }
  .active\:bg-\[\#ede9fe\] {
    &:active {
      background-color: #ede9fe;
    }
  }
  .active\:bg-\[\#fef3c7\] {
    &:active {
      background-color: #fef3c7;
    }
  }
  .active\:bg-amber-100 {
    &:active {
      background-color: var(--color-amber-100);
    }
  }
  .active\:bg-blue-100 {
    &:active {
      background-color: var(--color-blue-100);
    }
  }
  .active\:bg-violet-100 {
    &:active {
      background-color: var(--color-violet-100);
    }
  }
  .active\:text-\[\#7c3aed\] {
    &:active {
      color: #7c3aed;
    }
  }
  .active\:text-\[\#2563eb\] {
    &:active {
      color: #2563eb;
    }
  }
  .active\:text-\[\#d97706\] {
    &:active {
      color: #d97706;
    }
  }
  .active\:text-amber-700 {
    &:active {
      color: var(--color-amber-700);
    }
  }
  .active\:text-blue-600 {
    &:active {
      color: var(--color-blue-600);
    }
  }
  .active\:text-violet-600 {
    &:active {
      color: var(--color-violet-600);
    }
  }
  .active\:\[box-shadow\:0_12px_17px_2px_rgba\(0\,0\,0\,0\.14\)\,_0_5px_22px_4px_rgba\(0\,0\,0\,0\.12\)\,_0_7px_8px_rgba\(0\,0\,0\,0\.2\)\] {
    &:active {
      box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px rgba(0,0,0,0.2);
    }
  }
  .active\:\[box-shadow\:0_12px_17px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_5px_22px_4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_7px_8px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    &:active {
      box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px rgba(0, 0, 0, 0.2);
    }
  }
  .active\:\[background\:var\(--color-action-selected\)\] {
    &:active {
      background: var(--color-action-selected);
    }
  }
  .enabled\:hover\:brightness-95 {
    &:enabled {
      &:hover {
        @media (hover: hover) {
          --tw-brightness: brightness(95%);
          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,);
        }
      }
    }
  }
  .active\:enabled\:\[background-color\:color-mix\(in_srgb\,_var\(--color-action-primary-text\,_\#ffffff\)_45\%\,_transparent\)\] {
    &:active {
      &:enabled {
        background-color: color-mix(in srgb, #ffffff 45%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb, var(--color-action-primary-text, #ffffff) 45%, transparent);
        }
      }
    }
  }
  .active\:enabled\:\[background-color\:rgba\(255\,_255\,_255\,_0\.45\)\] {
    &:active {
      &:enabled {
        background-color: rgba(255, 255, 255, 0.45);
      }
    }
  }
  .active\:enabled\:\[background-color\:var\(--color-feedback-success-active\,_\#66bb6a\)\] {
    &:active {
      &:enabled {
        background-color: var(--color-feedback-success-active, #66bb6a);
      }
    }
  }
  .active\:enabled\:\[background-color\:var\(--color-material-green-lighten\)\] {
    &:active {
      &:enabled {
        background-color: var(--color-material-green-lighten);
      }
    }
  }
  .active\:enabled\:\[background-color\:var\(--color-material-green-lighten\,_\#66bb6a\)\] {
    &:active {
      &:enabled {
        background-color: var(--color-material-green-lighten, #66bb6a);
      }
    }
  }
  .active\:enabled\:\[color\:var\(--color-text-primary\,_black\)\] {
    &:active {
      &:enabled {
        color: var(--color-text-primary, black);
      }
    }
  }
  .active\:enabled\:text-black {
    &:active {
      &:enabled {
        color: var(--color-black);
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-blue-300 {
    &:disabled {
      background-color: var(--color-blue-300);
    }
  }
  .disabled\:bg-gray-50 {
    &:disabled {
      background-color: var(--color-gray-50);
    }
  }
  .disabled\:bg-grey-lighten-4 {
    &:disabled {
      background-color: var(--color-grey-lighten-4);
    }
  }
  .disabled\:bg-indigo-400 {
    &:disabled {
      background-color: var(--color-indigo-400);
    }
  }
  .disabled\:bg-surface-page {
    &:disabled {
      background-color: #f2f5f6;
    }
  }
  .disabled\:bg-white\/10 {
    &:disabled {
      background-color: color-mix(in srgb, #ffffff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .disabled\:text-gray-300 {
    &:disabled {
      color: var(--color-gray-300);
    }
  }
  .disabled\:text-surface-label {
    &:disabled {
      color: #7a909a;
    }
  }
  .disabled\:\[opacity\:0\.4\] {
    &:disabled {
      opacity: 0.4;
    }
  }
  .disabled\:\[opacity\:0\.5\] {
    &:disabled {
      opacity: 0.5;
    }
  }
  .disabled\:\[opacity\:0\.6\] {
    &:disabled {
      opacity: 0.6;
    }
  }
  .disabled\:\[opacity\:0\.35\] {
    &:disabled {
      opacity: 0.35;
    }
  }
  .disabled\:\[opacity\:0\.38\] {
    &:disabled {
      opacity: 0.38;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-55 {
    &:disabled {
      opacity: 55%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:opacity-70 {
    &:disabled {
      opacity: 70%;
    }
  }
  .disabled\:\[background\:var\(--color-st-muted-light\)\] {
    &:disabled {
      background: var(--color-st-muted-light);
    }
  }
  .disabled\:hover\:bg-primary-700 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: oklch(from var(--brand-primary) l c h);
        }
      }
    }
  }
  .data-\[selected\=true\]\:bg-beedee-brand-light {
    &[data-selected="true"] {
      background-color: var(--color-beedee-brand-light);
    }
  }
  .max-2xl\:\[height\:calc\(180px_\*_0\.75\)\] {
    @media (width < 1536px) {
      height: calc(180px * 0.75);
    }
  }
  .max-2xl\:\[width\:calc\(280px_\*_0\.75\)\] {
    @media (width < 1536px) {
      width: calc(280px * 0.75);
    }
  }
  .max-2xl\:\[width\:calc\(1242px_-_210px\)\] {
    @media (width < 1536px) {
      width: calc(1242px - 210px);
    }
  }
  .max-2xl\:\[transform\:scale\(0\.75\)\] {
    @media (width < 1536px) {
      transform: scale(0.75);
    }
  }
  .max-xl\:mt-\[8px\] {
    @media (width < 1280px) {
      margin-top: 8px;
    }
  }
  .max-xl\:\[width\:100\%\] {
    @media (width < 1280px) {
      width: 100%;
    }
  }
  .max-xl\:\[transform\:unset\] {
    @media (width < 1280px) {
      transform: unset;
    }
  }
  .max-xl\:flex-col {
    @media (width < 1280px) {
      flex-direction: column;
    }
  }
  .max-xl\:flex-col-reverse {
    @media (width < 1280px) {
      flex-direction: column-reverse;
    }
  }
  .max-xl\:items-stretch {
    @media (width < 1280px) {
      align-items: stretch;
    }
  }
  .max-xl\:p-\[12px\] {
    @media (width < 1280px) {
      padding: 12px;
    }
  }
  .max-\[1200px\]\:grid-cols-\[1fr_1fr\] {
    @media (width < 1200px) {
      grid-template-columns: 1fr 1fr;
    }
  }
  .max-lg\:flex {
    @media (width < 1024px) {
      display: flex;
    }
  }
  .max-lg\:hidden {
    @media (width < 1024px) {
      display: none;
    }
  }
  .max-lg\:\[width\:100\%\] {
    @media (width < 1024px) {
      width: 100%;
    }
  }
  .max-lg\:w-\[220px\] {
    @media (width < 1024px) {
      width: 220px;
    }
  }
  .max-lg\:max-w-\[220px\] {
    @media (width < 1024px) {
      max-width: 220px;
    }
  }
  .max-lg\:min-w-\[220px\] {
    @media (width < 1024px) {
      min-width: 220px;
    }
  }
  .max-lg\:\[grid-template-columns\:1fr_1fr\] {
    @media (width < 1024px) {
      grid-template-columns: 1fr 1fr;
    }
  }
  .max-lg\:grid-cols-\[1fr\] {
    @media (width < 1024px) {
      grid-template-columns: 1fr;
    }
  }
  .max-lg\:flex-col-reverse {
    @media (width < 1024px) {
      flex-direction: column-reverse;
    }
  }
  .max-lg\:p-\[24px\] {
    @media (width < 1024px) {
      padding: 24px;
    }
  }
  .max-\[900px\]\:grid-cols-1 {
    @media (width < 900px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-md\:flex {
    @media (width < 768px) {
      display: flex;
    }
  }
  .max-md\:\[height\:100\%\] {
    @media (width < 768px) {
      height: 100%;
    }
  }
  .max-md\:h-\[220px\] {
    @media (width < 768px) {
      height: 220px;
    }
  }
  .max-md\:h-auto {
    @media (width < 768px) {
      height: auto;
    }
  }
  .max-md\:min-h-auto {
    @media (width < 768px) {
      min-height: auto;
    }
  }
  .max-md\:\[width\:100\%\] {
    @media (width < 768px) {
      width: 100%;
    }
  }
  .max-md\:\[max-width\:100\%\] {
    @media (width < 768px) {
      max-width: 100%;
    }
  }
  .max-md\:\[min-width\:100\%\] {
    @media (width < 768px) {
      min-width: 100%;
    }
  }
  .max-\[768px\]\:grid-cols-\[1fr\] {
    @media (width < 768px) {
      grid-template-columns: 1fr;
    }
  }
  .max-md\:flex-col {
    @media (width < 768px) {
      flex-direction: column;
    }
  }
  .max-\[768px\]\:gap-4 {
    @media (width < 768px) {
      gap: var(--spacing-4);
    }
  }
  .max-md\:gap-\[12px\] {
    @media (width < 768px) {
      gap: 12px;
    }
  }
  .max-md\:rounded-none {
    @media (width < 768px) {
      border-radius: var(--radius-none);
    }
  }
  .max-md\:\[padding\:8px_0\] {
    @media (width < 768px) {
      padding: 8px 0;
    }
  }
  .max-md\:\[padding\:12px_0\] {
    @media (width < 768px) {
      padding: 12px 0;
    }
  }
  .max-md\:\[padding\:40px_30px\] {
    @media (width < 768px) {
      padding: 40px 30px;
    }
  }
  .max-md\:\[border-right\:none\] {
    @media (width < 768px) {
      border-right: none;
    }
  }
  .max-\[700px\]\:grid-cols-1 {
    @media (width < 700px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .max-\[700px\]\:flex-col {
    @media (width < 700px) {
      flex-direction: column;
    }
  }
  .max-\[700px\]\:items-start {
    @media (width < 700px) {
      align-items: flex-start;
    }
  }
  .max-sm\:top-\[56px\] {
    @media (width < 640px) {
      top: 56px;
    }
  }
  .max-sm\:right-0 {
    @media (width < 640px) {
      right: var(--spacing-0);
    }
  }
  .max-sm\:left-0 {
    @media (width < 640px) {
      left: var(--spacing-0);
    }
  }
  .max-sm\:col-start-auto {
    @media (width < 640px) {
      grid-column-start: auto;
    }
  }
  .max-sm\:mt-\[8px\] {
    @media (width < 640px) {
      margin-top: 8px;
    }
  }
  .max-sm\:hidden {
    @media (width < 640px) {
      display: none;
    }
  }
  .max-sm\:table-cell {
    @media (width < 640px) {
      display: table-cell;
    }
  }
  .max-sm\:\[height\:calc\(100vh_-_56px\)\] {
    @media (width < 640px) {
      height: calc(100vh - 56px);
    }
  }
  .max-sm\:h-\[0\] {
    @media (width < 640px) {
      height: 0;
    }
  }
  .max-sm\:h-\[56px\] {
    @media (width < 640px) {
      height: 56px;
    }
  }
  .max-sm\:\[width\:100\%\] {
    @media (width < 640px) {
      width: 100%;
    }
  }
  .max-sm\:w-\[0\] {
    @media (width < 640px) {
      width: 0;
    }
  }
  .max-sm\:w-auto {
    @media (width < 640px) {
      width: auto;
    }
  }
  .max-sm\:\[max-width\:100\%\] {
    @media (width < 640px) {
      max-width: 100%;
    }
  }
  .max-sm\:\[grid-template-columns\:repeat\(2\,_1fr\)\] {
    @media (width < 640px) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .max-sm\:grid-cols-\[1fr\] {
    @media (width < 640px) {
      grid-template-columns: 1fr;
    }
  }
  .max-sm\:flex-col {
    @media (width < 640px) {
      flex-direction: column;
    }
  }
  .max-sm\:justify-center {
    @media (width < 640px) {
      justify-content: center;
    }
  }
  .max-sm\:border-r-0 {
    @media (width < 640px) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .max-sm\:border-b {
    @media (width < 640px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .max-sm\:\[padding\:16px_12px_52px\] {
    @media (width < 640px) {
      padding: 16px 12px 52px;
    }
  }
  .max-sm\:\[padding\:28px_22px_36px\] {
    @media (width < 640px) {
      padding: 28px 22px 36px;
    }
  }
  .max-sm\:p-0 {
    @media (width < 640px) {
      padding: var(--spacing-0);
    }
  }
  .max-sm\:p-\[16px\] {
    @media (width < 640px) {
      padding: 16px;
    }
  }
  .sm\:w-1\/3 {
    @media (width >= 640px) {
      width: calc(1 / 3 * 100%);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 640px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[140px_1fr_auto\] {
    @media (width >= 640px) {
      grid-template-columns: 140px 1fr auto;
    }
  }
  .sm\:p-5 {
    @media (width >= 640px) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-10 {
    @media (width >= 640px) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 768px) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 768px) {
      width: calc(1 / 2 * 100%);
    }
  }
  .md\:w-2\/3 {
    @media (width >= 768px) {
      width: calc(2 / 3 * 100%);
    }
  }
  .md\:w-80 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 80);
    }
  }
  .md\:w-auto {
    @media (width >= 768px) {
      width: auto;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.4fr\)_auto\] {
    @media (width >= 768px) {
      grid-template-columns: minmax(0,1.2fr) minmax(0,0.9fr) minmax(0,1.4fr) auto;
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,42\%\)\] {
    @media (width >= 768px) {
      grid-template-columns: minmax(0,1fr) minmax(360px,42%);
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 768px) {
      align-items: flex-end;
    }
  }
  .md\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .md\:justify-center {
    @media (width >= 768px) {
      justify-content: center;
    }
  }
  .md\:p-8 {
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:text-5xl {
    @media (width >= 768px) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .lg\:sticky {
    @media (width >= 1024px) {
      position: sticky;
    }
  }
  .lg\:top-\[28px\] {
    @media (width >= 1024px) {
      top: 28px;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 1024px) {
      width: calc(1 / 2 * 100%);
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:px-10 {
    @media (width >= 1024px) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 1280px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .print\:col-auto {
    @media print {
      grid-column: auto;
    }
  }
  .print\:\[margin\:unset\] {
    @media print {
      margin: unset;
    }
  }
  .print\:m-0 {
    @media print {
      margin: var(--spacing-0);
    }
  }
  .print\:mx-0 {
    @media print {
      margin-inline: var(--spacing-0);
    }
  }
  .print\:\[margin-top\:32px\] {
    @media print {
      margin-top: 32px;
    }
  }
  .print\:mt-0 {
    @media print {
      margin-top: var(--spacing-0);
    }
  }
  .print\:\[margin-bottom\:12px\] {
    @media print {
      margin-bottom: 12px;
    }
  }
  .print\:\[margin-bottom\:27px\] {
    @media print {
      margin-bottom: 27px;
    }
  }
  .print\:mb-0 {
    @media print {
      margin-bottom: var(--spacing-0);
    }
  }
  .print\:mb-\[23px\] {
    @media print {
      margin-bottom: 23px;
    }
  }
  .print\:\!block {
    @media print {
      display: block !important;
    }
  }
  .print\:\!hidden {
    @media print {
      display: none !important;
    }
  }
  .print\:block {
    @media print {
      display: block;
    }
  }
  .print\:contents {
    @media print {
      display: contents;
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:table-row {
    @media print {
      display: table-row;
    }
  }
  .print\:\!h-auto {
    @media print {
      height: auto !important;
    }
  }
  .print\:h-auto {
    @media print {
      height: auto;
    }
  }
  .print\:\!min-h-0 {
    @media print {
      min-height: var(--spacing-0) !important;
    }
  }
  .print\:\[min-height\:42px\] {
    @media print {
      min-height: 42px;
    }
  }
  .print\:min-h-0 {
    @media print {
      min-height: var(--spacing-0);
    }
  }
  .print\:\[width\:100\%\] {
    @media print {
      width: 100%;
    }
  }
  .print\:w-\[205px\] {
    @media print {
      width: 205px;
    }
  }
  .print\:w-full {
    @media print {
      width: 100%;
    }
  }
  .print\:\[max-width\:100\%\] {
    @media print {
      max-width: 100%;
    }
  }
  .print\:max-w-none {
    @media print {
      max-width: none;
    }
  }
  .print\:\[break-before\:page\] {
    @media print {
      break-before: page;
    }
  }
  .print\:\[break-inside\:avoid\] {
    @media print {
      break-inside: avoid;
    }
  }
  .print\:grid-cols-\[1fr\] {
    @media print {
      grid-template-columns: 1fr;
    }
  }
  .print\:\[gap\:11px_18px\] {
    @media print {
      gap: 11px 18px;
    }
  }
  .print\:\!overflow-visible {
    @media print {
      overflow: visible !important;
    }
  }
  .print\:overflow-visible {
    @media print {
      overflow: visible;
    }
  }
  .print\:rounded-none {
    @media print {
      border-radius: var(--radius-none);
    }
  }
  .print\:border-0 {
    @media print {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .print\:border-none {
    @media print {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .print\:bg-white {
    @media print {
      background-color: var(--color-white);
    }
  }
  .print\:\[padding\:0px\] {
    @media print {
      padding: 0px;
    }
  }
  .print\:\[padding\:6\.5px_0\] {
    @media print {
      padding: 6.5px 0;
    }
  }
  .print\:\[padding\:7\.5px_13px\] {
    @media print {
      padding: 7.5px 13px;
    }
  }
  .print\:\[padding\:7px_13px\] {
    @media print {
      padding: 7px 13px;
    }
  }
  .print\:\[padding\:10px_14px\] {
    @media print {
      padding: 10px 14px;
    }
  }
  .print\:\[padding\:46px_58px_52px\] {
    @media print {
      padding: 46px 58px 52px;
    }
  }
  .print\:p-0 {
    @media print {
      padding: var(--spacing-0);
    }
  }
  .print\:p-4 {
    @media print {
      padding: var(--spacing-4);
    }
  }
  .print\:\[padding-top\:15px\] {
    @media print {
      padding-top: 15px;
    }
  }
  .print\:pt-0 {
    @media print {
      padding-top: var(--spacing-0);
    }
  }
  .print\:pr-2 {
    @media print {
      padding-right: var(--spacing-2);
    }
  }
  .print\:\[padding-bottom\:5px\] {
    @media print {
      padding-bottom: 5px;
    }
  }
  .print\:pb-\[4px\] {
    @media print {
      padding-bottom: 4px;
    }
  }
  .print\:pb-\[20px\] {
    @media print {
      padding-bottom: 20px;
    }
  }
  .print\:\[font-size\:1\.485rem\] {
    @media print {
      font-size: 1.485rem;
    }
  }
  .print\:\[line-height\:1\.525\] {
    @media print {
      line-height: 1.525;
    }
  }
  .print\:shadow-none {
    @media print {
      --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);
    }
  }
  .print\:\[page-break-after\:always\] {
    @media print {
      page-break-after: always;
    }
  }
  .print\:\[page-break-inside\:avoid\] {
    @media print {
      page-break-inside: avoid;
    }
  }
  .ui-active\:-top-\[10px\] {
    &.active {
      top: calc(10px * -1);
    }
  }
  .ui-active\:\[border-bottom-color\:\#ff4f00\] {
    &.active {
      border-bottom-color: #ff4f00;
    }
  }
  .ui-active\:\[border-left-color\:var\(--color\,_\#ba5391\)\] {
    &.active {
      border-left-color: var(--color, #ba5391);
    }
  }
  .ui-active\:border-l-primary-700 {
    &.active {
      border-left-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .ui-active\:bg-white {
    &.active {
      background-color: var(--color-white);
    }
  }
  .ui-active\:pl-\[16px\] {
    &.active {
      padding-left: 16px;
    }
  }
  .ui-active\:text-\[12px\] {
    &.active {
      font-size: 12px;
    }
  }
  .ui-active\:font-bold {
    &.active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .ui-active\:font-semibold {
    &.active {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .ui-active\:\[color\:var\(--color\,_\#ba5391\)\] {
    &.active {
      color: var(--color, #ba5391);
    }
  }
  .ui-active\:\[color\:var\(--radio-group-primary-color\,_\#0d47a1\)\] {
    &.active {
      color: var(--radio-group-primary-color, #0d47a1);
    }
  }
  .ui-active\:text-primary-700 {
    &.active {
      color: oklch(from var(--brand-primary) l c h);
    }
  }
  .ui-active\:opacity-0 {
    &.active {
      opacity: 0%;
    }
  }
  .ui-active\:opacity-1 {
    &.active {
      opacity: 1%;
    }
  }
  .ui-disabled\:\[opacity\:0\.5\] {
    &.disabled {
      opacity: 0.5;
    }
  }
  .ui-disabled\:\[opacity\:0\.38\] {
    &.disabled {
      opacity: 0.38;
    }
  }
  .ui-disabled\:opacity-0 {
    &.disabled {
      opacity: 0%;
    }
  }
  .ui-disabled\:\[background\:rgba\(0\,_0\,_0\,_0\.13\)\] {
    &.disabled {
      background: rgba(0, 0, 0, 0.13);
    }
  }
  .ui-disabled\:after\:\[background\:rgb\(180\,_180\,_180\)\] {
    &.disabled {
      &::after {
        content: var(--tw-content);
        background: rgb(180, 180, 180);
      }
    }
  }
  .ui-disabled\:after\:\[border\:4px_solid_var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\)\] {
    &.disabled {
      &::after {
        content: var(--tw-content);
        border: 4px solid var(--backgroundColor, rgb(224, 224, 224));
      }
    }
  }
  .ui-open\:\[pointer-events\:unset\] {
    &.open {
      pointer-events: unset;
    }
  }
  .ui-open\:visible {
    &.open {
      visibility: visible;
    }
  }
  .ui-open\:\[top\:calc\(100\%_-_\(48px_\+_var\(--padding\)\)\)\] {
    &.open {
      top: calc(100% - (48px + var(--padding)));
    }
  }
  .ui-open\:bottom-\[32px\] {
    &.open {
      bottom: 32px;
    }
  }
  .ui-open\:\[opacity\:0\.25\] {
    &.open {
      opacity: 0.25;
    }
  }
  .ui-open\:\[box-shadow\:0_16px_24px_2px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_6px_30px_5px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_8px_10px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    &.open {
      box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
    }
  }
  .max-sm\:ui-open\:\[top\:calc\(100\%_-_48px\)\] {
    @media (width < 640px) {
      &.open {
        top: calc(100% - 48px);
      }
    }
  }
  .ui-focus\:-top-\[64px\] {
    &.focus {
      top: calc(64px * -1);
    }
  }
  .ui-focus\:\[color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.focus {
      color: var(--primary-colour, #1976d2);
    }
  }
  .ui-focus\:opacity-1 {
    &.focus {
      opacity: 1%;
    }
  }
  .ui-focus\:\[border-bottom\:2px_solid\] {
    &.focus {
      border-bottom: 2px solid;
    }
  }
  .ui-skeleton\:mt-\[4px\] {
    &.skeleton {
      margin-top: 4px;
    }
  }
  .ui-skeleton\:mt-\[10px\] {
    &.skeleton {
      margin-top: 10px;
    }
  }
  .ui-skeleton\:ml-\[8px\] {
    &.skeleton {
      margin-left: 8px;
    }
  }
  .ui-skeleton\:h-\[16px\] {
    &.skeleton {
      height: 16px;
    }
  }
  .ui-skeleton\:\[width\:20\%\] {
    &.skeleton {
      width: 20%;
    }
  }
  .ui-skeleton\:\[width\:25\%\] {
    &.skeleton {
      width: 25%;
    }
  }
  .ui-skeleton\:min-w-\[100px\] {
    &.skeleton {
      min-width: 100px;
    }
  }
  .ui-skeleton\:min-w-\[120px\] {
    &.skeleton {
      min-width: 120px;
    }
  }
  .ui-skeleton\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    &.skeleton {
      background: rgba(0, 0, 0, 0.15);
    }
  }
  .hover-only\:opacity-0 {
    &.hover-only {
      opacity: 0%;
    }
  }
  .not-disabled\:cursor-pointer {
    &:not(.disabled) {
      cursor: pointer;
    }
  }
  .not-disabled\:ui-active\:after\:-top-\[2px\] {
    &:not(.disabled) {
      &.active {
        &::after {
          content: var(--tw-content);
          top: calc(2px * -1);
        }
      }
    }
  }
  .not-disabled\:ui-active\:after\:-left-\[2px\] {
    &:not(.disabled) {
      &.active {
        &::after {
          content: var(--tw-content);
          left: calc(2px * -1);
        }
      }
    }
  }
  .not-disabled\:ui-active\:after\:h-\[24px\] {
    &:not(.disabled) {
      &.active {
        &::after {
          content: var(--tw-content);
          height: 24px;
        }
      }
    }
  }
  .not-disabled\:ui-active\:after\:w-\[24px\] {
    &:not(.disabled) {
      &.active {
        &::after {
          content: var(--tw-content);
          width: 24px;
        }
      }
    }
  }
  .hover-not-disabled\:\[background-color\:color-mix\(in_srgb\,_var\(--color-action-primary-text\,_\#ffffff\)_25\%\,_transparent\)\] {
    &:hover:not(.disabled) {
      background-color: color-mix(in srgb, #ffffff 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--color-action-primary-text, #ffffff) 25%, transparent);
      }
    }
  }
  .hover-not-disabled\:\[background-color\:rgba\(255\,_255\,_255\,_0\.25\)\] {
    &:hover:not(.disabled) {
      background-color: rgba(255, 255, 255, 0.25);
    }
  }
  .hover-not-disabled\:\[background-color\:var\(--color-feedback-success-hover\,_\#43a047\)\] {
    &:hover:not(.disabled) {
      background-color: var(--color-feedback-success-hover, #43a047);
    }
  }
  .hover-not-disabled\:\[background-color\:var\(--color-material-green-darken\)\] {
    &:hover:not(.disabled) {
      background-color: var(--color-material-green-darken);
    }
  }
  .hover-not-disabled\:\[background-color\:var\(--color-material-green-darken\,_\#43a047\)\] {
    &:hover:not(.disabled) {
      background-color: var(--color-material-green-darken, #43a047);
    }
  }
  .adjacent-sibling\:\[border-top\:1px_solid_var\(--color-border-default\)\] {
    & + & {
      border-top: 1px solid var(--color-border-default);
    }
  }
  .\[\&\]\:cursor-pointer {
    cursor: pointer;
  }
  .\[\&\]\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[\&_\#modalContainer_\.backdrop\]\:fixed {
    & #modalContainer .backdrop {
      position: fixed;
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:top-0 {
    & #modalContainer .backdrop {
      top: var(--spacing-0);
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:right-0 {
    & #modalContainer .backdrop {
      right: var(--spacing-0);
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:bottom-0 {
    & #modalContainer .backdrop {
      bottom: var(--spacing-0);
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:left-0 {
    & #modalContainer .backdrop {
      left: var(--spacing-0);
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & #modalContainer .backdrop {
      background: rgba(0, 0, 0, 0.5);
    }
  }
  .\[\&_\#modalContainer_\.backdrop\]\:\[transition\:background-color_400ms\] {
    & #modalContainer .backdrop {
      transition: background-color 400ms;
    }
  }
  .\[\&_\#specs-overview\]\:\!p-0 {
    & #specs-overview {
      padding: var(--spacing-0) !important;
    }
  }
  .\[\&_\*\]\:box-border {
    & * {
      box-sizing: border-box;
    }
  }
  .\[\&_\*\]\:box-content {
    & * {
      box-sizing: content-box;
    }
  }
  .\[\&_\*\]\:cursor-default {
    & * {
      cursor: default;
    }
  }
  .\[\&_\*\]\:cursor-pointer {
    & * {
      cursor: pointer;
    }
  }
  .\[\&_\*\]\:\[font-family\:\"Segoe_UI\"\,_system-ui\,_sans-serif\] {
    & * {
      font-family: "Segoe UI", system-ui, sans-serif;
    }
  }
  .\[\&_\*\]\:\[font-family\:var\(--font-family-app\)\] {
    & * {
      font-family: var(--font-family-app);
    }
  }
  .\[\&_\*\]\:select-none {
    & * {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_\*\]\:\[webkit-touch-callout\:none\] {
    & * {
      webkit-touch-callout: none;
    }
  }
  .\[\&_\*\]\:\[webkit-user-select\:none\] {
    & * {
      webkit-user-select: none;
    }
  }
  .ui-disabled\:\[\&_\*\]\:cursor-default {
    &.disabled {
      & * {
        cursor: default;
      }
    }
  }
  .not-disabled\:\[\&_\*\]\:cursor-pointer {
    &:not(.disabled) {
      & * {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.ColorPicker-MuiButtonBase-root\]\:m-\[0px\] {
    & .ColorPicker-MuiButtonBase-root {
      margin: 0px;
    }
  }
  .\[\&_\.WF_Table__Grid\]\:text-\[1rem\] {
    & .WF Table  Grid {
      font-size: 1rem;
    }
  }
  .\[\&_\.WF_Table__Grid\]\:\[border-bottom\:1px_solid_\#c4c4c4\] {
    & .WF Table  Grid {
      border-bottom: 1px solid #c4c4c4;
    }
  }
  .\[\&_\.action-area\]\:inline-block {
    & .action-area {
      display: inline-block;
    }
  }
  .\[\&_\.action-area\]\:flex-1 {
    & .action-area {
      flex: 1;
    }
  }
  .\[\&_\.action-area\]\:text-left {
    & .action-area {
      text-align: left;
    }
  }
  .\[\&_\.action-back\]\:\[height\:100\%\] {
    & .action-back {
      height: 100%;
    }
  }
  .\[\&_\.action-back\]\:\[width\:100\%\] {
    & .action-back {
      width: 100%;
    }
  }
  .\[\&_\.action-back\]\:\[background\:var\(--color-action-primary\,_\#388e3c\)\] {
    & .action-back {
      background: var(--color-action-primary, #388e3c);
    }
  }
  .\[\&_\.action-container\]\:grid {
    & .action-container {
      display: grid;
    }
  }
  .\[\&_\.action-container\]\:\[grid-template-columns\:auto_1fr\] {
    & .action-container {
      grid-template-columns: auto 1fr;
    }
  }
  .\[\&_\.action-container\]\:text-sm {
    & .action-container {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_\.action-container\]\:\[font-size\:0\.8125rem\] {
    & .action-container {
      font-size: 0.8125rem;
    }
  }
  .\[\&_\.action-container\]\:\[grid-gap\:8px\] {
    & .action-container {
      grid-gap: 8px;
    }
  }
  .print\:\[\&_\.action-container\]\:hidden {
    @media print {
      & .action-container {
        display: none;
      }
    }
  }
  .\[\&_\.action-container_\>_\~_\*\]\:\[margin-left\:10px\] {
    & .action-container > ~ * {
      margin-left: 10px;
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:opacity-0 {
    & .action-back {
      & .action-swiped-container {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:ui-active\:\[animation\:listItemFadeIn_800ms\] {
    & .action-back {
      & .action-swiped-container {
        &.active {
          animation: listItemFadeIn 800ms;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:ui-active\:opacity-1 {
    & .action-back {
      & .action-swiped-container {
        &.active {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&_\.active-plane\]\:absolute {
    & .active-plane {
      position: absolute;
    }
  }
  .\[\&_\.active-plane\]\:top-\[10px\] {
    & .active-plane {
      top: 10px;
    }
  }
  .\[\&_\.active-plane\]\:left-\[0\] {
    & .active-plane {
      left: 0;
    }
  }
  .\[\&_\.active-plane\]\:z-\[1\] {
    & .active-plane {
      z-index: 1;
    }
  }
  .\[\&_\.active-plane\]\:mr-\[8px\] {
    & .active-plane {
      margin-right: 8px;
    }
  }
  .\[\&_\.active-plane\]\:ml-\[8px\] {
    & .active-plane {
      margin-left: 8px;
    }
  }
  .\[\&_\.active-plane\]\:block {
    & .active-plane {
      display: block;
    }
  }
  .\[\&_\.active-plane\]\:h-\[4px\] {
    & .active-plane {
      height: 4px;
    }
  }
  .\[\&_\.active-plane\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & .active-plane {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&_\.active-plane\]\:ui-disabled\:opacity-0 {
    & .active-plane {
      &.disabled {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.apfd-full-dummy\]\:\!hidden {
    & .apfd-full-dummy {
      display: none !important;
    }
  }
  .\[\&_\.apfd-full-dummy\]\:hidden {
    & .apfd-full-dummy {
      display: none;
    }
  }
  .\[\&_\.apfd-full-sidebar\]\:\!hidden {
    & .apfd-full-sidebar {
      display: none !important;
    }
  }
  .\[\&_\.apfd-full-sidebar\]\:hidden {
    & .apfd-full-sidebar {
      display: none;
    }
  }
  .\[\&_\.avatar\]\:relative {
    & .avatar {
      position: relative;
    }
  }
  .\[\&_\.avatar\]\:z-\[1\] {
    & .avatar {
      z-index: 1;
    }
  }
  .\[\&_\.avatar\]\:flex {
    & .avatar {
      display: flex;
    }
  }
  .\[\&_\.avatar\]\:h-\[80px\] {
    & .avatar {
      height: 80px;
    }
  }
  .\[\&_\.avatar\]\:w-\[80px\] {
    & .avatar {
      width: 80px;
    }
  }
  .\[\&_\.avatar\]\:items-center {
    & .avatar {
      align-items: center;
    }
  }
  .\[\&_\.avatar\]\:justify-center {
    & .avatar {
      justify-content: center;
    }
  }
  .\[\&_\.avatar\]\:\[border-radius\:50\%\] {
    & .avatar {
      border-radius: 50%;
    }
  }
  .\[\&_\.avatar\]\:text-\[2rem\] {
    & .avatar {
      font-size: 2rem;
    }
  }
  .\[\&_\.avatar\]\:font-bold {
    & .avatar {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.avatar\]\:text-white {
    & .avatar {
      color: var(--color-white);
    }
  }
  .\[\&_\.avatar\]\:\[background\:rgb\(158\,_158\,_158\)\] {
    & .avatar {
      background: rgb(158, 158, 158);
    }
  }
  .\[\&_\.avatar\]\:\[border\:4px_solid_white\] {
    & .avatar {
      border: 4px solid white;
    }
  }
  .\[\&_\.back\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & .back {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&_\.back-button\]\:p-0 {
    & .back-button {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.back-button\]\:pt-px {
    & .back-button {
      padding-top: 1px;
    }
  }
  .\[\&_\.back-button\]\:text-\[40px\] {
    & .back-button {
      font-size: 40px;
    }
  }
  .\[\&_\.back-plane\]\:absolute {
    & .back-plane {
      position: absolute;
    }
  }
  .\[\&_\.back-plane\]\:top-\[10px\] {
    & .back-plane {
      top: 10px;
    }
  }
  .\[\&_\.back-plane\]\:left-\[0\] {
    & .back-plane {
      left: 0;
    }
  }
  .\[\&_\.back-plane\]\:z-0 {
    & .back-plane {
      z-index: 0;
    }
  }
  .\[\&_\.back-plane\]\:mr-\[8px\] {
    & .back-plane {
      margin-right: 8px;
    }
  }
  .\[\&_\.back-plane\]\:ml-\[8px\] {
    & .back-plane {
      margin-left: 8px;
    }
  }
  .\[\&_\.back-plane\]\:block {
    & .back-plane {
      display: block;
    }
  }
  .\[\&_\.back-plane\]\:h-\[4px\] {
    & .back-plane {
      height: 4px;
    }
  }
  .\[\&_\.back-plane\]\:\[width\:calc\(100\%_-_16px\)\] {
    & .back-plane {
      width: calc(100% - 16px);
    }
  }
  .\[\&_\.back-plane\]\:\[outline\:none\] {
    & .back-plane {
      outline: none;
    }
  }
  .\[\&_\.back-plane\]\:\[background\:rgba\(0\,_0\,_0\,_0\.26\)\] {
    & .back-plane {
      background: rgba(0, 0, 0, 0.26);
    }
  }
  .\[\&_\.back-plane\]\:ui-disabled\:\[background\:rgba\(0\,_0\,_0\,_0\.13\)\] {
    & .back-plane {
      &.disabled {
        background: rgba(0, 0, 0, 0.13);
      }
    }
  }
  .\[\&_\.bfd-full-dummy\]\:\!hidden {
    & .bfd-full-dummy {
      display: none !important;
    }
  }
  .\[\&_\.bfd-full-sidebar\]\:\!hidden {
    & .bfd-full-sidebar {
      display: none !important;
    }
  }
  .\[\&_\.bg\]\:absolute {
    & .bg {
      position: absolute;
    }
  }
  .\[\&_\.bg\]\:top-0 {
    & .bg {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.bg\]\:right-0 {
    & .bg {
      right: var(--spacing-0);
    }
  }
  .\[\&_\.bg\]\:left-0 {
    & .bg {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.bg\]\:h-\[64px\] {
    & .bg {
      height: 64px;
    }
  }
  .\[\&_\.bg\]\:\[background\:\#e1f5fe\] {
    & .bg {
      background: #e1f5fe;
    }
  }
  .\[\&_\.btn\]\:cursor-pointer {
    & .btn {
      cursor: pointer;
    }
  }
  .\[\&_\.btn\]\:rounded-\[45px\] {
    & .btn {
      border-radius: 45px;
    }
  }
  .\[\&_\.btn\]\:\[padding\:12px_20px\] {
    & .btn {
      padding: 12px 20px;
    }
  }
  .\[\&_\.btn\]\:text-\[14px\] {
    & .btn {
      font-size: 14px;
    }
  }
  .\[\&_\.btn\]\:leading-\[1em\] {
    & .btn {
      --tw-leading: 1em;
      line-height: 1em;
    }
  }
  .\[\&_\.btn\]\:font-medium {
    & .btn {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.btn\]\:tracking-\[1px\] {
    & .btn {
      --tw-tracking: 1px;
      letter-spacing: 1px;
    }
  }
  .\[\&_\.btn\]\:text-white {
    & .btn {
      color: var(--color-white);
    }
  }
  .\[\&_\.btn\.approve\]\:\[background\:rgb\(0\,_113\,_140\)\] {
    & .btn.approve {
      background: rgb(0, 113, 140);
    }
  }
  .\[\&_\.btn\.approve\]\:\[background\:rgb\(0\,_123\,_255\)\] {
    & .btn.approve {
      background: rgb(0, 123, 255);
    }
  }
  .\[\&_\.btn\:not\(\.approve\)\]\:\[background\:\#e99151\] {
    & .btn:not(.approve) {
      background: #e99151;
    }
  }
  .\[\&_\.button-container\]\:absolute {
    & .button-container {
      position: absolute;
    }
  }
  .\[\&_\.button-container\]\:relative {
    & .button-container {
      position: relative;
    }
  }
  .\[\&_\.button-container\]\:right-0 {
    & .button-container {
      right: var(--spacing-0);
    }
  }
  .\[\&_\.button-container\]\:bottom-0 {
    & .button-container {
      bottom: var(--spacing-0);
    }
  }
  .\[\&_\.button-container\]\:left-0 {
    & .button-container {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.button-container\]\:z-0 {
    & .button-container {
      z-index: 0;
    }
  }
  .\[\&_\.button-container\]\:mt-\[0px\] {
    & .button-container {
      margin-top: 0px;
    }
  }
  .\[\&_\.button-container\]\:block {
    & .button-container {
      display: block;
    }
  }
  .\[\&_\.button-container\]\:\[padding\:8px_16px\] {
    & .button-container {
      padding: 8px 16px;
    }
  }
  .\[\&_\.button-container\]\:text-right {
    & .button-container {
      text-align: right;
    }
  }
  .\[\&_\.button-container\]\:opacity-0 {
    & .button-container {
      opacity: 0%;
    }
  }
  .\[\&_\.button-container\]\:opacity-1 {
    & .button-container {
      opacity: 1%;
    }
  }
  .\[\&_\.button-container\]\:\[background\:\#616161\] {
    & .button-container {
      background: #616161;
    }
  }
  .\[\&_\.button-container\]\:\[transition\:margin-top_200ms\,_opacity_200ms\] {
    & .button-container {
      transition: margin-top 200ms, opacity 200ms;
    }
  }
  .\[\&_\.card-actions\]\:absolute {
    & .card-actions {
      position: absolute;
    }
  }
  .\[\&_\.card-actions\]\:top-\[0\] {
    & .card-actions {
      top: 0;
    }
  }
  .\[\&_\.card-actions\]\:right-\[0\] {
    & .card-actions {
      right: 0;
    }
  }
  .\[\&_\.card-actions\]\:p-\[16px\] {
    & .card-actions {
      padding: 16px;
    }
  }
  .\[\&_\.card-header\.coloured\]\:text-white {
    & .card-header.coloured {
      color: var(--color-white);
    }
  }
  .\[\&_\.card-header\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:text-white {
    & .card-header.coloured {
      & .card-actions div.card-action i {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.card-header\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:\[background-color\:rgba\(255\,_255\,_255\,_0\.15\)\] {
    & .card-header.coloured {
      & .card-actions div.card-action:before {
        background-color: rgba(255, 255, 255, 0.15);
      }
    }
  }
  .\[\&_\.card-header\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:\[color\:\#eeeeee\] {
    & .card-header.coloured {
      & .card-actions div.card-action:hover i {
        color: #eeeeee;
      }
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:absolute {
    & .card-tab-ani-left-enter {
      position: absolute;
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:\[left\:-100\%\] {
    & .card-tab-ani-left-enter {
      left: -100%;
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:inline-block {
    & .card-tab-ani-left-enter {
      display: inline-block;
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:\[width\:100\%\] {
    & .card-tab-ani-left-enter {
      width: 100%;
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:overflow-hidden {
    & .card-tab-ani-left-enter {
      overflow: hidden;
    }
  }
  .\[\&_\.card-tab-ani-left-enter\]\:\[transition\:400ms\] {
    & .card-tab-ani-left-enter {
      transition: 400ms;
    }
  }
  .\[\&_\.card-tab-ani-left-enter-active\]\:\[left\:0\%\] {
    & .card-tab-ani-left-enter-active {
      left: 0%;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:absolute {
    & .card-tab-ani-left-leave {
      position: absolute;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:\[left\:0\%\] {
    & .card-tab-ani-left-leave {
      left: 0%;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:inline-block {
    & .card-tab-ani-left-leave {
      display: inline-block;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:\[width\:100\%\] {
    & .card-tab-ani-left-leave {
      width: 100%;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:overflow-hidden {
    & .card-tab-ani-left-leave {
      overflow: hidden;
    }
  }
  .\[\&_\.card-tab-ani-left-leave\]\:\[transition\:400ms\] {
    & .card-tab-ani-left-leave {
      transition: 400ms;
    }
  }
  .\[\&_\.card-tab-ani-left-leave-active\]\:\[left\:100\%\] {
    & .card-tab-ani-left-leave-active {
      left: 100%;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:absolute {
    & .card-tab-ani-right-enter {
      position: absolute;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:\[left\:100\%\] {
    & .card-tab-ani-right-enter {
      left: 100%;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:inline-block {
    & .card-tab-ani-right-enter {
      display: inline-block;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:\[width\:100\%\] {
    & .card-tab-ani-right-enter {
      width: 100%;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:overflow-hidden {
    & .card-tab-ani-right-enter {
      overflow: hidden;
    }
  }
  .\[\&_\.card-tab-ani-right-enter\]\:\[transition\:400ms\] {
    & .card-tab-ani-right-enter {
      transition: 400ms;
    }
  }
  .\[\&_\.card-tab-ani-right-enter-active\]\:\[left\:0\%\] {
    & .card-tab-ani-right-enter-active {
      left: 0%;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:absolute {
    & .card-tab-ani-right-leave {
      position: absolute;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:\[left\:0\%\] {
    & .card-tab-ani-right-leave {
      left: 0%;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:inline-block {
    & .card-tab-ani-right-leave {
      display: inline-block;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:\[width\:100\%\] {
    & .card-tab-ani-right-leave {
      width: 100%;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:overflow-hidden {
    & .card-tab-ani-right-leave {
      overflow: hidden;
    }
  }
  .\[\&_\.card-tab-ani-right-leave\]\:\[transition\:400ms\] {
    & .card-tab-ani-right-leave {
      transition: 400ms;
    }
  }
  .\[\&_\.card-tab-ani-right-leave-active\]\:\[left\:-100\%\] {
    & .card-tab-ani-right-leave-active {
      left: -100%;
    }
  }
  .\[\&_\.card-tabs-content\]\:relative {
    & .card-tabs-content {
      position: relative;
    }
  }
  .\[\&_\.card-tabs-content\]\:\[transition\:height_400ms\] {
    & .card-tabs-content {
      transition: height 400ms;
    }
  }
  .\[\&_\.child-note-area\]\:\[margin\:8px_-16px\] {
    & .child-note-area {
      margin: 8px -16px;
    }
  }
  .\[\&_\.child-note-area\]\:\[padding\:8px_16px\] {
    & .child-note-area {
      padding: 8px 16px;
    }
  }
  .\[\&_\.child-note-area\]\:\[background\:\#f0f0f0\] {
    & .child-note-area {
      background: #f0f0f0;
    }
  }
  .\[\&_\.child-note-area\]\:\[border-left\:none\] {
    & .child-note-area {
      border-left: none;
    }
  }
  .\[\&_\.child-note-area\]\:\[border-right\:none\] {
    & .child-note-area {
      border-right: none;
    }
  }
  .\[\&_\.child-note-area\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .child-note-area {
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
  }
  .\[\&_\.clickable\]\:cursor-pointer {
    & .clickable {
      cursor: pointer;
    }
  }
  .\[\&_\.close-button\]\:absolute {
    & .close-button {
      position: absolute;
    }
  }
  .\[\&_\.close-button\]\:top-\[20px\] {
    & .close-button {
      top: 20px;
    }
  }
  .\[\&_\.close-button\]\:right-\[24px\] {
    & .close-button {
      right: 24px;
    }
  }
  .\[\&_\.close-button\]\:z-\[1\] {
    & .close-button {
      z-index: 1;
    }
  }
  .\[\&_\.close-button\]\:cursor-pointer {
    & .close-button {
      cursor: pointer;
    }
  }
  .\[\&_\.close-button\]\:\[font-size\:1\.5em\] {
    & .close-button {
      font-size: 1.5em;
    }
  }
  .\[\&_\.close-button\]\:\[color\:rgba\(255\,255\,255\,0\.7\)\] {
    & .close-button {
      color: rgba(255,255,255,0.7);
    }
  }
  .\[\&_\.close-button\]\:hover\:text-white {
    & .close-button {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .max-sm\:\[\&_\.close-button\]\:top-\[16px\] {
    @media (width < 640px) {
      & .close-button {
        top: 16px;
      }
    }
  }
  .\[\&_\.component-container\]\:flex {
    & .component-container {
      display: flex;
    }
  }
  .\[\&_\.component-container\]\:h-\[260px\] {
    & .component-container {
      height: 260px;
    }
  }
  .\[\&_\.component-container\]\:overflow-y-hidden {
    & .component-container {
      overflow-y: hidden;
    }
  }
  .\[\&_\.component-container\]\:\[grid-area\:component-list\] {
    & .component-container {
      grid-area: component-list;
    }
  }
  .\[\&_\.component-container_\.component\]\:inline-block {
    & .component-container .component {
      display: inline-block;
    }
  }
  .\[\&_\.component-container_\.component\]\:p-\[8px\] {
    & .component-container .component {
      padding: 8px;
    }
  }
  .\[\&_\.config\]\:relative {
    & .config {
      position: relative;
    }
  }
  .\[\&_\.config\]\:overflow-y-auto {
    & .config {
      overflow-y: auto;
    }
  }
  .\[\&_\.config\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & .config {
      color: rgba(0, 0, 0, 0.87);
    }
  }
  .\[\&_\.config\]\:\[--background-color\:rgb\(240\,_240\,_240\)\] {
    & .config {
      --background-color: rgb(240, 240, 240);
    }
  }
  .\[\&_\.config\]\:\[background\:rgb\(240\,_240\,_240\)\] {
    & .config {
      background: rgb(240, 240, 240);
    }
  }
  .\[\&_\.config\]\:\[grid-area\:config\] {
    & .config {
      grid-area: config;
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:absolute {
    & .config {
      & .action-container {
        position: absolute;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:top-\[32px\] {
    & .config {
      & .action-container {
        top: 32px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:right-\[32px\] {
    & .config {
      & .action-container {
        right: 32px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.config-content\]\:p-\[48px\] {
    & .config {
      & .config-content {
        padding: 48px;
      }
    }
  }
  .\[\&_\.confirm-view\]\:\[margin-left\:calc\(130px_\+_16px\)\] {
    & .confirm-view {
      margin-left: calc(130px + 16px);
    }
  }
  .\[\&_\.confirm-view\]\:h-\[44px\] {
    & .confirm-view {
      height: 44px;
    }
  }
  .\[\&_\.confirm-view\]\:\[width\:calc\(100\%_-_154px\)\] {
    & .confirm-view {
      width: calc(100% - 154px);
    }
  }
  .\[\&_\.confirm-view_\.button-container\]\:absolute {
    & .confirm-view .button-container {
      position: absolute;
    }
  }
  .\[\&_\.confirm-view_\.button-container\]\:right-\[2px\] {
    & .confirm-view .button-container {
      right: 2px;
    }
  }
  .\[\&_\.confirm-view_\.button-container\]\:bottom-\[0\] {
    & .confirm-view .button-container {
      bottom: 0;
    }
  }
  .\[\&_\.confirm-view_\>_div\:not\(\.button-container\)\]\:absolute {
    & .confirm-view > div:not(.button-container) {
      position: absolute;
    }
  }
  .\[\&_\.confirm-view_\>_div\:not\(\.button-container\)\]\:bottom-\[0\] {
    & .confirm-view > div:not(.button-container) {
      bottom: 0;
    }
  }
  .\[\&_\.confirm-view_\>_div\:not\(\.button-container\)\]\:\[left\:calc\(130px_\+_16px_\+_2px\)\] {
    & .confirm-view > div:not(.button-container) {
      left: calc(130px + 16px + 2px);
    }
  }
  .\[\&_\.content\]\:absolute {
    & .content {
      position: absolute;
    }
  }
  .\[\&_\.content\]\:top-0 {
    & .content {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.content\]\:left-0 {
    & .content {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.content\]\:z-\[1\] {
    & .content {
      z-index: 1;
    }
  }
  .\[\&_\.content\]\:box-border {
    & .content {
      box-sizing: border-box;
    }
  }
  .\[\&_\.content\]\:inline-block {
    & .content {
      display: inline-block;
    }
  }
  .\[\&_\.content\]\:h-\[76px\] {
    & .content {
      height: 76px;
    }
  }
  .\[\&_\.content\]\:\[width\:100\%\] {
    & .content {
      width: 100%;
    }
  }
  .\[\&_\.content\]\:pl-\[16px\] {
    & .content {
      padding-left: 16px;
    }
  }
  .\[\&_\.content\]\:\[background\:var\(--color-bg-surface\,_\#fafafa\)\] {
    & .content {
      background: var(--color-bg-surface, #fafafa);
    }
  }
  .\[\&_\.content\]\:\[border-bottom\:1px_solid_var\(--color-border-default\,_rgba\(0\,_0\,_0\,_0\.1\)\)\] {
    & .content {
      border-bottom: 1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));
    }
  }
  .\[\&_\.content\]\:\[webkit-tap-highlight-color\:rgba\(255\,_255\,_255\,_0\)\] {
    & .content {
      webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }
  }
  .\[\&_\.content\]\:\[\&_\.action\]\:absolute {
    & .content {
      & .action {
        position: absolute;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.action\]\:top-\[18px\] {
    & .content {
      & .action {
        top: 18px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.action\]\:right-\[24px\] {
    & .content {
      & .action {
        right: 24px;
      }
    }
  }
  .\[\&_\.content-holder\]\:flex {
    & .content-holder {
      display: flex;
    }
  }
  .\[\&_\.content-holder\]\:flex-wrap {
    & .content-holder {
      flex-wrap: wrap;
    }
  }
  .\[\&_\.content-holder\]\:border-t {
    & .content-holder {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\[\&_\.content-holder\]\:border-solid {
    & .content-holder {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_\.content-holder\]\:\[border-color\:var\(--color-border-default\,_\#efedf0\)\] {
    & .content-holder {
      border-color: var(--color-border-default, #efedf0);
    }
  }
  .\[\&_\.counter\]\:absolute {
    & .counter {
      position: absolute;
    }
  }
  .\[\&_\.counter\]\:-top-\[8px\] {
    & .counter {
      top: calc(8px * -1);
    }
  }
  .\[\&_\.counter\]\:left-\[18px\] {
    & .counter {
      left: 18px;
    }
  }
  .\[\&_\.counter\]\:inline-block {
    & .counter {
      display: inline-block;
    }
  }
  .\[\&_\.counter\]\:\[transform\:scale\(1\)\] {
    & .counter {
      transform: scale(1);
    }
  }
  .\[\&_\.counter\]\:\[border-radius\:50\%\] {
    & .counter {
      border-radius: 50%;
    }
  }
  .\[\&_\.counter\]\:p-\[2px\] {
    & .counter {
      padding: 2px;
    }
  }
  .\[\&_\.counter\]\:font-app {
    & .counter {
      font-family: var(--font-app);
    }
  }
  .\[\&_\.counter\]\:text-\[11px\] {
    & .counter {
      font-size: 11px;
    }
  }
  .\[\&_\.counter\]\:\[animation-duration\:2000ms\] {
    & .counter {
      animation-duration: 2000ms;
    }
  }
  .\[\&_\.counter\]\:\[animation-iteration-count\:infinite\] {
    & .counter {
      animation-iteration-count: infinite;
    }
  }
  .\[\&_\.counter\]\:\[animation-name\:inout\] {
    & .counter {
      animation-name: inout;
    }
  }
  .\[\&_\.custom-select\]\:inline-block {
    & .custom-select {
      display: inline-block;
    }
  }
  .\[\&_\.custom-select\]\:w-\[240px\] {
    & .custom-select {
      width: 240px;
    }
  }
  .\[\&_\.datepicker-ani-above-enter\]\:\[transform\:translate\(245px\,_150px\)_scale\(0\)\] {
    & .datepicker-ani-above-enter {
      transform: translate(245px, 150px) scale(0);
    }
  }
  .\[\&_\.datepicker-ani-above-enter\]\:opacity-0 {
    & .datepicker-ani-above-enter {
      opacity: 0%;
    }
  }
  .\[\&_\.datepicker-ani-above-enter-active\]\:\[transform\:translate\(0\,_0\%\)_scale\(1\)\] {
    & .datepicker-ani-above-enter-active {
      transform: translate(0, 0%) scale(1);
    }
  }
  .\[\&_\.datepicker-ani-above-enter-active\]\:opacity-1 {
    & .datepicker-ani-above-enter-active {
      opacity: 1%;
    }
  }
  .\[\&_\.datepicker-ani-above-enter-active\]\:\[transition\:opacity_0\.2s\,_transform_0\.2s\] {
    & .datepicker-ani-above-enter-active {
      transition: opacity 0.2s, transform 0.2s;
    }
  }
  .\[\&_\.datepicker-ani-above-leave\]\:\[transform\:translate\(0\,_0\)_scale\(1\)\] {
    & .datepicker-ani-above-leave {
      transform: translate(0, 0) scale(1);
    }
  }
  .\[\&_\.datepicker-ani-above-leave\]\:opacity-1 {
    & .datepicker-ani-above-leave {
      opacity: 1%;
    }
  }
  .\[\&_\.datepicker-ani-above-leave-active\]\:\[transform\:translate\(245px\,_150px\)_scale\(0\)\] {
    & .datepicker-ani-above-leave-active {
      transform: translate(245px, 150px) scale(0);
    }
  }
  .\[\&_\.datepicker-ani-above-leave-active\]\:opacity-0 {
    & .datepicker-ani-above-leave-active {
      opacity: 0%;
    }
  }
  .\[\&_\.datepicker-ani-above-leave-active\]\:\[transition\:opacity_0\.2s\,_transform_0\.4s\] {
    & .datepicker-ani-above-leave-active {
      transition: opacity 0.2s, transform 0.4s;
    }
  }
  .\[\&_\.datepicker-ani-enter\]\:\[transform\:translate\(245px\,_-150px\)_scale\(0\)\] {
    & .datepicker-ani-enter {
      transform: translate(245px, -150px) scale(0);
    }
  }
  .\[\&_\.datepicker-ani-enter\]\:opacity-0 {
    & .datepicker-ani-enter {
      opacity: 0%;
    }
  }
  .\[\&_\.datepicker-ani-enter-active\]\:\[transform\:translate\(0\,_0\%\)_scale\(1\)\] {
    & .datepicker-ani-enter-active {
      transform: translate(0, 0%) scale(1);
    }
  }
  .\[\&_\.datepicker-ani-enter-active\]\:opacity-1 {
    & .datepicker-ani-enter-active {
      opacity: 1%;
    }
  }
  .\[\&_\.datepicker-ani-enter-active\]\:\[transition\:opacity_0\.2s\,_transform_0\.2s\] {
    & .datepicker-ani-enter-active {
      transition: opacity 0.2s, transform 0.2s;
    }
  }
  .\[\&_\.datepicker-ani-exit\]\:\[transform\:translate\(0\,_0\)_scale\(1\)\] {
    & .datepicker-ani-exit {
      transform: translate(0, 0) scale(1);
    }
  }
  .\[\&_\.datepicker-ani-exit\]\:opacity-1 {
    & .datepicker-ani-exit {
      opacity: 1%;
    }
  }
  .\[\&_\.datepicker-ani-exit-active\]\:\[transform\:translate\(245px\,_-150px\)_scale\(0\)\] {
    & .datepicker-ani-exit-active {
      transform: translate(245px, -150px) scale(0);
    }
  }
  .\[\&_\.datepicker-ani-exit-active\]\:opacity-0 {
    & .datepicker-ani-exit-active {
      opacity: 0%;
    }
  }
  .\[\&_\.datepicker-ani-exit-active\]\:\[transition\:opacity_0\.2s\,_transform_0\.4s\] {
    & .datepicker-ani-exit-active {
      transition: opacity 0.2s, transform 0.4s;
    }
  }
  .\[\&_\.datepicker-input\]\:m-\[0\] {
    & .datepicker-input {
      margin: 0;
    }
  }
  .\[\&_\.datepicker-input\]\:box-border {
    & .datepicker-input {
      box-sizing: border-box;
    }
  }
  .\[\&_\.datepicker-input\]\:h-\[38px\] {
    & .datepicker-input {
      height: 38px;
    }
  }
  .\[\&_\.datepicker-input\]\:w-full {
    & .datepicker-input {
      width: 100%;
    }
  }
  .\[\&_\.datepicker-input\]\:border {
    & .datepicker-input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.datepicker-input\]\:border-\[\#cccccc\] {
    & .datepicker-input {
      border-color: #cccccc;
    }
  }
  .\[\&_\.datepicker-input\]\:px-\[12px\] {
    & .datepicker-input {
      padding-inline: 12px;
    }
  }
  .\[\&_\.datepicker-input\]\:py-\[6px\] {
    & .datepicker-input {
      padding-block: 6px;
    }
  }
  .\[\&_\.datepicker-input\]\:text-\[\#555555\] {
    & .datepicker-input {
      color: #555555;
    }
  }
  .\[\&_\.datepicker-input-container\]\:relative {
    & .datepicker-input-container {
      position: relative;
    }
  }
  .\[\&_\.datepicker-input-container\]\:min-w-\[260px\] {
    & .datepicker-input-container {
      min-width: 260px;
    }
  }
  .\[\&_\.datepicker-input-container\]\:\[font-family\:\'Inter\'\] {
    & .datepicker-input-container {
      font-family: 'Inter';
    }
  }
  .\[\&_\.datepicker-input-container\]\:font-app {
    & .datepicker-input-container {
      font-family: var(--font-app);
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:absolute {
    & .datepicker-input-container .datepicker-toggle {
      position: absolute;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:top-px {
    & .datepicker-input-container .datepicker-toggle {
      top: 1px;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:right-px {
    & .datepicker-input-container .datepicker-toggle {
      right: 1px;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:m-\[0\] {
    & .datepicker-input-container .datepicker-toggle {
      margin: 0;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:inline-block {
    & .datepicker-input-container .datepicker-toggle {
      display: inline-block;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:h-\[30px\] {
    & .datepicker-input-container .datepicker-toggle {
      height: 30px;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:w-\[32px\] {
    & .datepicker-input-container .datepicker-toggle {
      width: 32px;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:p-\[0\] {
    & .datepicker-input-container .datepicker-toggle {
      padding: 0;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:text-center {
    & .datepicker-input-container .datepicker-toggle {
      text-align: center;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:leading-\[32px\] {
    & .datepicker-input-container .datepicker-toggle {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:text-\[\#555555\] {
    & .datepicker-input-container .datepicker-toggle {
      color: #555555;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:\[background\:\#ffffff\] {
    & .datepicker-input-container .datepicker-toggle {
      background: #ffffff;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:\[border-left\:none\] {
    & .datepicker-input-container .datepicker-toggle {
      border-left: none;
    }
  }
  .\[\&_\.datepicker-input-container_\.datepicker-toggle\]\:\[transition\:background-color_0\.2s\,_border_0\.2s\] {
    & .datepicker-input-container .datepicker-toggle {
      transition: background-color 0.2s, border 0.2s;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-input\]\:border-\[\#dfdfdf\] {
    & .datepicker-input-container.disabled .datepicker-input {
      border-color: #dfdfdf;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-input\]\:bg-\[\#f4f4f4\] {
    & .datepicker-input-container.disabled .datepicker-input {
      background-color: #f4f4f4;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-input\]\:text-\[\#777777\] {
    & .datepicker-input-container.disabled .datepicker-input {
      color: #777777;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-toggle\]\:border-none {
    & .datepicker-input-container.disabled .datepicker-toggle {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-toggle\]\:bg-transparent {
    & .datepicker-input-container.disabled .datepicker-toggle {
      background-color: transparent;
    }
  }
  .\[\&_\.datepicker-input-container\.disabled_\.datepicker-toggle\]\:opacity-50 {
    & .datepicker-input-container.disabled .datepicker-toggle {
      opacity: 50%;
    }
  }
  .\[\&_\.datepicker-input-container\:not\(\.disabled\)_\.datepicker-toggle\]\:cursor-pointer {
    & .datepicker-input-container:not(.disabled) .datepicker-toggle {
      cursor: pointer;
    }
  }
  .\[\&_\.datepicker-input-container\:not\(\.disabled\)_\.datepicker-toggle\.open\]\:border-l-\[\#cccccc\] {
    & .datepicker-input-container:not(.disabled) .datepicker-toggle.open {
      border-left-color: #cccccc;
    }
  }
  .\[\&_\.datepicker-input-container\:not\(\.disabled\)_\.datepicker-toggle\.open\]\:bg-\[\#dddddd\] {
    & .datepicker-input-container:not(.disabled) .datepicker-toggle.open {
      background-color: #dddddd;
    }
  }
  .\[\&_\.datepicker-input-container\:not\(\.disabled\)_\.datepicker-toggle\:hover\]\:border-l-\[\#cccccc\] {
    & .datepicker-input-container:not(.disabled) .datepicker-toggle:hover {
      border-left-color: #cccccc;
    }
  }
  .\[\&_\.datepicker-input-container\:not\(\.disabled\)_\.datepicker-toggle\:hover\]\:bg-\[\#dddddd\] {
    & .datepicker-input-container:not(.disabled) .datepicker-toggle:hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.diff-added\]\:\[background-color\:\#B9F6CA\] {
    & .diff-added {
      background-color: #B9F6CA;
    }
  }
  .\[\&_\.diff-bold\]\:font-black {
    & .diff-bold {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
  }
  .\[\&_\.diff-removed\]\:\[background-color\:\#FF9E80\] {
    & .diff-removed {
      background-color: #FF9E80;
    }
  }
  .\[\&_\.diff-unbold\]\:\[color\:\#999999\] {
    & .diff-unbold {
      color: #999999;
    }
  }
  .\[\&_\.disabled\]\:text-black {
    & .disabled {
      color: var(--color-black);
    }
  }
  .\[\&_\.double-fields\]\:flex {
    & .double-fields {
      display: flex;
    }
  }
  .\[\&_\.double-fields\]\:\[width\:100\%\] {
    & .double-fields {
      width: 100%;
    }
  }
  .\[\&_\.double-fields\]\:gap-\[16px\] {
    & .double-fields {
      gap: 16px;
    }
  }
  .\[\&_\.double-fields\]\:max-sm\:block {
    & .double-fields {
      @media (width < 640px) {
        display: block;
      }
    }
  }
  .\[\&_\.double-fields\]\:max-sm\:gap-\[0\] {
    & .double-fields {
      @media (width < 640px) {
        gap: 0;
      }
    }
  }
  .\[\&_\.dropdown\]\:-right-\[4px\] {
    & .dropdown {
      right: calc(4px * -1);
    }
  }
  .\[\&_\.created_at\]\:\[\&_\.editor\]\:font-bold {
    & .created at {
      & .editor {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\.error-label\]\:absolute {
    & .error-label {
      position: absolute;
    }
  }
  .\[\&_\.error-label\]\:top-\[32px\] {
    & .error-label {
      top: 32px;
    }
  }
  .\[\&_\.error-label\]\:left-\[0\] {
    & .error-label {
      left: 0;
    }
  }
  .\[\&_\.error-label\]\:text-\[12px\] {
    & .error-label {
      font-size: 12px;
    }
  }
  .\[\&_\.error-label\]\:leading-\[12px\] {
    & .error-label {
      --tw-leading: 12px;
      line-height: 12px;
    }
  }
  .\[\&_\.error-label\]\:\[color\:\#f44336\] {
    & .error-label {
      color: #f44336;
    }
  }
  .\[\&_\.extended-link-icon\]\:whitespace-nowrap {
    & .extended-link-icon {
      white-space: nowrap;
    }
  }
  .\[\&_\.extended-link-icon\:focus-visible\>svg\]\:visible {
    & .extended-link-icon:focus-visible>svg {
      visibility: visible;
    }
  }
  .\[\&_\.extended-link-icon\:hover\>svg\]\:visible {
    & .extended-link-icon:hover>svg {
      visibility: visible;
    }
  }
  .\[\&_\.extended-link-icon\>svg\]\:invisible {
    & .extended-link-icon>svg {
      visibility: hidden;
    }
  }
  .\[\&_\.extra-footer\]\:mt-\[100px\] {
    & .extra-footer {
      margin-top: 100px;
    }
  }
  .\[\&_\.fa-caret-down\]\:-right-\[4px\] {
    & .fa-caret-down {
      right: calc(4px * -1);
    }
  }
  .\[\&_\.fa-chevron-down\]\:top-4 {
    & .fa-chevron-down {
      top: var(--spacing-4);
    }
  }
  .\[\&_\.fa-chevron-right\]\:top-4 {
    & .fa-chevron-right {
      top: var(--spacing-4);
    }
  }
  .\[\&_\.fa-info-circle\]\:cursor-pointer {
    & .fa-info-circle {
      cursor: pointer;
    }
  }
  .\[\&_\.fab\]\:absolute {
    & .fab {
      position: absolute;
    }
  }
  .\[\&_\.fab\]\:right-\[24px\] {
    & .fab {
      right: 24px;
    }
  }
  .\[\&_\.fab\]\:z-\[1\] {
    & .fab {
      z-index: 1;
    }
  }
  .\[\&_\.fab\]\:h-\[48px\] {
    & .fab {
      height: 48px;
    }
  }
  .\[\&_\.fab\]\:max-h-\[480px\] {
    & .fab {
      max-height: 480px;
    }
  }
  .\[\&_\.fab\]\:w-\[48px\] {
    & .fab {
      width: 48px;
    }
  }
  .\[\&_\.fab\]\:cursor-pointer {
    & .fab {
      cursor: pointer;
    }
  }
  .\[\&_\.fab\]\:\[border-radius\:50\%\] {
    & .fab {
      border-radius: 50%;
    }
  }
  .\[\&_\.fab\]\:bg-white {
    & .fab {
      background-color: var(--color-white);
    }
  }
  .\[\&_\.fab\]\:\[box-shadow\:0_1px_1\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_1px_0_rgba\(0\,_0\,_0\,_0\.24\)\] {
    & .fab {
      box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    }
  }
  .\[\&_\.fab\]\:\[outline\:1px_solid_transparent\] {
    & .fab {
      outline: 1px solid transparent;
    }
  }
  .\[\&_\.fab\]\:\[transition\:300ms\] {
    & .fab {
      transition: 300ms;
    }
  }
  .\[\&_\.fab\]\:ui-open\:top-\[48px\] {
    & .fab {
      &.open {
        top: 48px;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:bottom-\[16px\] {
    & .fab {
      &.open {
        bottom: 16px;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[height\:calc\(100\%_-_64px\)\] {
    & .fab {
      &.open {
        height: calc(100% - 64px);
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[width\:calc\(100\%_-_48px\)\] {
    & .fab {
      &.open {
        width: calc(100% - 48px);
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:cursor-auto {
    & .fab {
      &.open {
        cursor: auto;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:rounded-\[0\] {
    & .fab {
      &.open {
        border-radius: 0;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[box-shadow\:0_3px_4\.5px_0_rgba\(0\,_0\,_0\,_0\.12\)\,_0_3px_3px_0_rgba\(0\,_0\,_0\,_0\.24\)\] {
    & .fab {
      &.open {
        box-shadow: 0 3px 4.5px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.24);
      }
    }
  }
  .\[\&_\.facet-search-input\]\:box-border {
    & .facet-search-input {
      box-sizing: border-box;
    }
  }
  .\[\&_\.facet-search-input\]\:\[width\:100\%\] {
    & .facet-search-input {
      width: 100%;
    }
  }
  .\[\&_\.facet-search-input\]\:border-none {
    & .facet-search-input {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.facet-search-input\]\:\[font-family\:var\(--font-family-sans\)\] {
    & .facet-search-input {
      font-family: var(--font-family-sans);
    }
  }
  .\[\&_\.facet-search-input\]\:\[font-size\:0\.8125rem\] {
    & .facet-search-input {
      font-size: 0.8125rem;
    }
  }
  .\[\&_\.facet-search-input\]\:\[color\:var\(--color-text-primary\)\] {
    & .facet-search-input {
      color: var(--color-text-primary);
    }
  }
  .\[\&_\.facet-search-input\]\:\[outline\:none\] {
    & .facet-search-input {
      outline: none;
    }
  }
  .\[\&_\.facet-search-input\]\:placeholder\:\[color\:var\(--color-text-secondary\)\] {
    & .facet-search-input {
      &::placeholder {
        color: var(--color-text-secondary);
      }
    }
  }
  .\[\&_\.fb-1\]\:flex-1 {
    & .fb-1 {
      flex: 1;
    }
  }
  .\[\&_\.fb-10\]\:flex-10 {
    & .fb-10 {
      flex: 10;
    }
  }
  .\[\&_\.fb-11\]\:flex-11 {
    & .fb-11 {
      flex: 11;
    }
  }
  .\[\&_\.fb-12\]\:flex-12 {
    & .fb-12 {
      flex: 12;
    }
  }
  .\[\&_\.fb-2\]\:flex-2 {
    & .fb-2 {
      flex: 2;
    }
  }
  .\[\&_\.fb-3\]\:flex-3 {
    & .fb-3 {
      flex: 3;
    }
  }
  .\[\&_\.fb-4\]\:flex-4 {
    & .fb-4 {
      flex: 4;
    }
  }
  .\[\&_\.fb-5\]\:flex-5 {
    & .fb-5 {
      flex: 5;
    }
  }
  .\[\&_\.fb-6\]\:flex-6 {
    & .fb-6 {
      flex: 6;
    }
  }
  .\[\&_\.fb-7\]\:flex-7 {
    & .fb-7 {
      flex: 7;
    }
  }
  .\[\&_\.fb-8\]\:flex-8 {
    & .fb-8 {
      flex: 8;
    }
  }
  .\[\&_\.fb-9\]\:flex-9 {
    & .fb-9 {
      flex: 9;
    }
  }
  .\[\&_\.fc-facet-panel\]\:p-\[2px\] {
    & .fc-facet-panel {
      padding: 2px;
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:relative {
    & .filter-group {
      & .add-group {
        position: relative;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:ml-\[4px\] {
    & .filter-group {
      & .add-group {
        margin-left: 4px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:block {
    & .filter-group {
      & .add-group {
        display: block;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:absolute {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:top-0 {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          top: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:left-\[26px\] {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          left: 26px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:block {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          display: block;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:\[height\:calc\(100\%_\+_6px\)\] {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          height: calc(100% + 6px);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:w-\[4px\] {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          width: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:\[content\:\'\'\] {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:before\:\[background\:\#bdbdbd\] {
    & .filter-group {
      & .add-group {
        &::before {
          content: var(--tw-content);
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:relative {
    & .filter-group {
      & .add-rule {
        position: relative;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:ml-\[4px\] {
    & .filter-group {
      & .add-rule {
        margin-left: 4px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:block {
    & .filter-group {
      & .add-rule {
        display: block;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:absolute {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:top-0 {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          top: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:left-\[26px\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          left: 26px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:block {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          display: block;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:\[height\:50\%\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          height: 50%;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:\[height\:calc\(100\%_\+_6px\)\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          height: calc(100% + 6px);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:w-\[4px\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          width: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:\[content\:\'\'\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:before\:\[background\:\#bdbdbd\] {
    & .filter-group {
      & .add-rule {
        &::before {
          content: var(--tw-content);
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:absolute {
    & .filter-group {
      & .delete-group {
        position: absolute;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:top-px {
    & .filter-group {
      & .delete-group {
        top: 1px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:left-\[168px\] {
    & .filter-group {
      & .delete-group {
        left: 168px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.delete-group\]\:z-\[1\] {
    & .filter-group {
      & .delete-group {
        z-index: 1;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:relative {
    & .filter-inputs {
      position: relative;
    }
  }
  .\[\&_\.filter-inputs\]\:flex {
    & .filter-inputs {
      display: flex;
    }
  }
  .\[\&_\.filter-inputs\]\:pt-\[24px\] {
    & .filter-inputs {
      padding-top: 24px;
    }
  }
  .\[\&_\.filter-inputs\]\:after\:absolute {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:-top-\[6px\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        top: calc(6px * -1);
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:left-\[30px\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        left: 30px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:block {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:h-\[95px\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        height: 95px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:w-\[4px\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        width: 4px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:\[content\:\'\'\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.filter-inputs\]\:after\:\[background\:\#bdbdbd\] {
    & .filter-inputs {
      &::after {
        content: var(--tw-content);
        background: #bdbdbd;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:mt-\[2px\] {
    & .filter-inputs {
      & .datepicker-container {
        margin-top: 2px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:flex {
    & .filter-inputs {
      & .datepicker-container {
        display: flex;
      }
    }
  }
  .\[\&_\.flip-card-back\]\:absolute {
    & .flip-card-back {
      position: absolute;
    }
  }
  .\[\&_\.flip-card-back\]\:\[height\:100\%\] {
    & .flip-card-back {
      height: 100%;
    }
  }
  .\[\&_\.flip-card-back\]\:\[width\:100\%\] {
    & .flip-card-back {
      width: 100%;
    }
  }
  .\[\&_\.flip-card-back\]\:\[transform\:rotateY\(180deg\)\] {
    & .flip-card-back {
      transform: rotateY(180deg);
    }
  }
  .\[\&_\.flip-card-back\]\:\[backface-visibility\:hidden\] {
    & .flip-card-back {
      backface-visibility: hidden;
    }
  }
  .\[\&_\.flip-card-back\]\:\[webkit-backface-visibility\:hidden\] {
    & .flip-card-back {
      webkit-backface-visibility: hidden;
    }
  }
  .\[\&_\.flip-card-front\]\:absolute {
    & .flip-card-front {
      position: absolute;
    }
  }
  .\[\&_\.flip-card-front\]\:\[height\:100\%\] {
    & .flip-card-front {
      height: 100%;
    }
  }
  .\[\&_\.flip-card-front\]\:\[width\:100\%\] {
    & .flip-card-front {
      width: 100%;
    }
  }
  .\[\&_\.flip-card-front\]\:\[backface-visibility\:hidden\] {
    & .flip-card-front {
      backface-visibility: hidden;
    }
  }
  .\[\&_\.flip-card-front\]\:\[webkit-backface-visibility\:hidden\] {
    & .flip-card-front {
      webkit-backface-visibility: hidden;
    }
  }
  .\[\&_\.flip-card-inner\]\:relative {
    & .flip-card-inner {
      position: relative;
    }
  }
  .\[\&_\.flip-card-inner\]\:\[height\:100\%\] {
    & .flip-card-inner {
      height: 100%;
    }
  }
  .\[\&_\.flip-card-inner\]\:\[width\:100\%\] {
    & .flip-card-inner {
      width: 100%;
    }
  }
  .\[\&_\.flip-card-inner\]\:\[transform-style\:preserve-3d\] {
    & .flip-card-inner {
      transform-style: preserve-3d;
    }
  }
  .\[\&_\.flip-card-inner\]\:\[transition\:transform_0\.2s\] {
    & .flip-card-inner {
      transition: transform 0.2s;
    }
  }
  .\[\&_\.footer-col\]\:flex-1 {
    & .footer-col {
      flex: 1;
    }
  }
  .\[\&_\.footer-col\]\:pr-\[30px\] {
    & .footer-col {
      padding-right: 30px;
    }
  }
  .\[\&_\.footer-col\]\:pl-\[30px\] {
    & .footer-col {
      padding-left: 30px;
    }
  }
  .\[\&_\.footer-contact\]\:m-0 {
    & .footer-contact {
      margin: var(--spacing-0);
    }
  }
  .\[\&_\.footer-contact\]\:\[font-family\:\'Open_Sans\'\,_-apple-system\,_sans-serif\] {
    & .footer-contact {
      font-family: 'Open Sans', -apple-system, sans-serif;
    }
  }
  .\[\&_\.footer-contact\]\:text-\[14px\] {
    & .footer-contact {
      font-size: 14px;
    }
  }
  .\[\&_\.footer-contact\]\:\[line-height\:1\.6\] {
    & .footer-contact {
      line-height: 1.6;
    }
  }
  .\[\&_\.footer-content\]\:flex {
    & .footer-content {
      display: flex;
    }
  }
  .\[\&_\.footer-content\]\:max-w-\[600px\] {
    & .footer-content {
      max-width: 600px;
    }
  }
  .\[\&_\.footer-content\]\:flex-col {
    & .footer-content {
      flex-direction: column;
    }
  }
  .\[\&_\.footer-content\]\:items-center {
    & .footer-content {
      align-items: center;
    }
  }
  .\[\&_\.footer-content\]\:gap-\[16px\] {
    & .footer-content {
      gap: 16px;
    }
  }
  .\[\&_\.footer-content\]\:text-center {
    & .footer-content {
      text-align: center;
    }
  }
  .\[\&_\.footer-divider\]\:\[margin\:8px_0\] {
    & .footer-divider {
      margin: 8px 0;
    }
  }
  .\[\&_\.footer-divider\]\:h-\[3px\] {
    & .footer-divider {
      height: 3px;
    }
  }
  .\[\&_\.footer-divider\]\:w-\[60px\] {
    & .footer-divider {
      width: 60px;
    }
  }
  .\[\&_\.footer-divider\]\:rounded-\[2px\] {
    & .footer-divider {
      border-radius: 2px;
    }
  }
  .\[\&_\.footer-divider\]\:\[background\:\#039BE5\] {
    & .footer-divider {
      background: #039BE5;
    }
  }
  .\[\&_\.footer-link\]\:\[font-family\:\'Open_Sans\'\,_-apple-system\,_sans-serif\] {
    & .footer-link {
      font-family: 'Open Sans', -apple-system, sans-serif;
    }
  }
  .\[\&_\.footer-link\]\:text-\[13px\] {
    & .footer-link {
      font-size: 13px;
    }
  }
  .\[\&_\.footer-link\]\:\[color\:\#039BE5\] {
    & .footer-link {
      color: #039BE5;
    }
  }
  .\[\&_\.footer-link\]\:text-white {
    & .footer-link {
      color: var(--color-white);
    }
  }
  .\[\&_\.footer-link\]\:no-underline {
    & .footer-link {
      text-decoration-line: none;
    }
  }
  .\[\&_\.footer-links\]\:mt-\[8px\] {
    & .footer-links {
      margin-top: 8px;
    }
  }
  .\[\&_\.footer-links\]\:flex {
    & .footer-links {
      display: flex;
    }
  }
  .\[\&_\.footer-links\]\:gap-\[24px\] {
    & .footer-links {
      gap: 24px;
    }
  }
  .\[\&_\.footer-main-standard\]\:-mr-\[32px\] {
    & .footer-main-standard {
      margin-right: calc(32px * -1);
    }
  }
  .\[\&_\.footer-main-standard\]\:-ml-\[32px\] {
    & .footer-main-standard {
      margin-left: calc(32px * -1);
    }
  }
  .\[\&_\.footer-main-standard\]\:\[background-color\:rgb\(25\,_29\,_31\)\] {
    & .footer-main-standard {
      background-color: rgb(25, 29, 31);
    }
  }
  .\[\&_\.footer-main-standard\]\:\[padding\:30px_0_10px\] {
    & .footer-main-standard {
      padding: 30px 0 10px;
    }
  }
  .\[\&_\.footer-main-standard\]\:pr-\[40px\] {
    & .footer-main-standard {
      padding-right: 40px;
    }
  }
  .\[\&_\.footer-main-standard\]\:pl-\[40px\] {
    & .footer-main-standard {
      padding-left: 40px;
    }
  }
  .\[\&_\.footer-main-standard\]\:text-\[14px\] {
    & .footer-main-standard {
      font-size: 14px;
    }
  }
  .\[\&_\.footer-main-standard\]\:\[color\:rgb\(210\,_204\,_212\)\] {
    & .footer-main-standard {
      color: rgb(210, 204, 212);
    }
  }
  .\[\&_\.footer-main-standard-after\]\:-mr-\[32px\] {
    & .footer-main-standard-after {
      margin-right: calc(32px * -1);
    }
  }
  .\[\&_\.footer-main-standard-after\]\:-ml-\[32px\] {
    & .footer-main-standard-after {
      margin-left: calc(32px * -1);
    }
  }
  .\[\&_\.footer-main-standard-after\]\:\[padding\:10px_30px\] {
    & .footer-main-standard-after {
      padding: 10px 30px;
    }
  }
  .\[\&_\.footer-main-standard-after\]\:\[background\:rgb\(2\,3\,3\)\] {
    & .footer-main-standard-after {
      background: rgb(2,3,3);
    }
  }
  .\[\&_\.footer-main-standard-copy\]\:h-\[25px\] {
    & .footer-main-standard-copy {
      height: 25px;
    }
  }
  .\[\&_\.footer-main-standard-copy\]\:text-\[12px\] {
    & .footer-main-standard-copy {
      font-size: 12px;
    }
  }
  .\[\&_\.footer-main-standard-copy\]\:leading-\[25px\] {
    & .footer-main-standard-copy {
      --tw-leading: 25px;
      line-height: 25px;
    }
  }
  .\[\&_\.footer-main-standard-copy\]\:\[color\:rgb\(210\,_204\,_212\)\] {
    & .footer-main-standard-copy {
      color: rgb(210, 204, 212);
    }
  }
  .\[\&_\.footer-title\]\:m-0 {
    & .footer-title {
      margin: var(--spacing-0);
    }
  }
  .\[\&_\.footer-title\]\:\[font-family\:\'Montserrat\'\,_\'Open_Sans\'\,_-apple-system\,_sans-serif\] {
    & .footer-title {
      font-family: 'Montserrat', 'Open Sans', -apple-system, sans-serif;
    }
  }
  .\[\&_\.footer-title\]\:text-\[18px\] {
    & .footer-title {
      font-size: 18px;
    }
  }
  .\[\&_\.footer-title\]\:font-semibold {
    & .footer-title {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_\.form-page-form\]\:grow {
    & .form-page-form {
      flex-grow: 1;
    }
  }
  .\[\&_\.frame-container\]\:relative {
    & .frame-container {
      position: relative;
    }
  }
  .\[\&_\.frame-container\]\:m-auto {
    & .frame-container {
      margin: auto;
    }
  }
  .\[\&_\.frame-container\]\:mb-\[50vh\] {
    & .frame-container {
      margin-bottom: 50vh;
    }
  }
  .\[\&_\.frame-container\]\:overflow-hidden {
    & .frame-container {
      overflow: hidden;
    }
  }
  .\[\&_\.frame-container\]\:\[box-shadow\:8px_8px_4px_rgba\(0\,_0\,_0\,_0\.15\)\,_0px_0px_8px_1px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .frame-container {
      box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.15), 0px 0px 8px 1px rgba(0, 0, 0, 0.15);
    }
  }
  .\[\&_\.frame-container\]\:\[background\:\#e2e2e2\] {
    & .frame-container {
      background: #e2e2e2;
    }
  }
  .\[\&_\.frame-container\]\:\[transition\:max-width_600ms\,_transform_600ms\] {
    & .frame-container {
      transition: max-width 600ms, transform 600ms;
    }
  }
  .\[\&_\.front\]\:left-\[34px\] {
    & .front {
      left: 34px;
    }
  }
  .\[\&_\.front\]\:\[background\:white\] {
    & .front {
      background: white;
    }
  }
  .\[\&_\.fullscreen\]\:flex {
    & .fullscreen {
      display: flex;
    }
  }
  .\[\&_\.fullscreen\]\:h-full {
    & .fullscreen {
      height: 100%;
    }
  }
  .\[\&_\.fullscreen\]\:flex-col {
    & .fullscreen {
      flex-direction: column;
    }
  }
  .\[\&_\.fullscreen\]\:flex-nowrap {
    & .fullscreen {
      flex-wrap: nowrap;
    }
  }
  .\[\&_\.gears-code\]\:h-auto {
    & .gears-code {
      height: auto;
    }
  }
  .\[\&_\.gears-code\]\:max-h-\[320px\] {
    & .gears-code {
      max-height: 320px;
    }
  }
  .\[\&_\.gears-code\]\:\[min-height\:unset\] {
    & .gears-code {
      min-height: unset;
    }
  }
  .\[\&_\.gears-grid\]\:overflow-x-hidden {
    & .gears-grid {
      overflow-x: hidden;
    }
  }
  .\[\&_\.gears-grid\]\:overflow-y-hidden {
    & .gears-grid {
      overflow-y: hidden;
    }
  }
  .\[\&_\.group-icon\]\:relative {
    & .group-icon {
      position: relative;
    }
  }
  .\[\&_\.group-icon\]\:h-\[40px\] {
    & .group-icon {
      height: 40px;
    }
  }
  .\[\&_\.group-icon\]\:w-full {
    & .group-icon {
      width: 100%;
    }
  }
  .\[\&_\.group-icon\]\:cursor-pointer {
    & .group-icon {
      cursor: pointer;
    }
  }
  .\[\&_\.group-icon\>div\]\:absolute {
    & .group-icon>div {
      position: absolute;
    }
  }
  .\[\&_\.group-icon\>div\]\:top-0 {
    & .group-icon>div {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.group-icon\>div\]\:right-\[8px\] {
    & .group-icon>div {
      right: 8px;
    }
  }
  .\[\&_\.group-icon\>div\>svg\]\:ml-\[8px\] {
    & .group-icon>div>svg {
      margin-left: 8px;
    }
  }
  .max-xl\:\[\&_\.header\]\:hidden {
    @media (width < 1280px) {
      & .header {
        display: none;
      }
    }
  }
  .max-md\:\[\&_\.hide-phone\]\:hidden {
    @media (width < 768px) {
      & .hide-phone {
        display: none;
      }
    }
  }
  .max-lg\:\[\&_\.hide-tablet\]\:hidden {
    @media (width < 1024px) {
      & .hide-tablet {
        display: none;
      }
    }
  }
  .\[\&_\.history-container\:hover_\&\]\:text-inherit {
    & .history-container:hover & {
      color: inherit;
    }
  }
  .\[\&_\.history-container\:hover_\&\]\:hover\:\[color\:var\(--color-green\)\] {
    & .history-container:hover & {
      &:hover {
        @media (hover: hover) {
          color: var(--color-green);
        }
      }
    }
  }
  .\[\&_\.hover-only-clear\:hover_\&\.hover-only\]\:cursor-pointer {
    & .hover-only-clear:hover &.hover-only {
      cursor: pointer;
    }
  }
  .\[\&_\.hover-only-clear\:hover_\&\.hover-only\]\:text-white {
    & .hover-only-clear:hover &.hover-only {
      color: var(--color-white);
    }
  }
  .\[\&_\.hover-only-clear\:hover_\&\.hover-only\]\:opacity-1 {
    & .hover-only-clear:hover &.hover-only {
      opacity: 1%;
    }
  }
  .\[\&_\.hover-only-clear\:hover_\&\.hover-only\]\:\[background\:rgba\(0\,_0\,_0\,_0\.2\)\] {
    & .hover-only-clear:hover &.hover-only {
      background: rgba(0, 0, 0, 0.2);
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:absolute {
    & .content {
      & .icon {
        position: absolute;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:top-\[16px\] {
    & .content {
      & .icon {
        top: 16px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:left-\[16px\] {
    & .content {
      & .icon {
        left: 16px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:inline-block {
    & .content {
      & .icon {
        display: inline-block;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:h-\[32px\] {
    & .content {
      & .icon {
        height: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:w-\[32px\] {
    & .content {
      & .icon {
        width: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:\[border-radius\:50\%\] {
    & .content {
      & .icon {
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:text-center {
    & .content {
      & .icon {
        text-align: center;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:text-\[24px\] {
    & .content {
      & .icon {
        font-size: 24px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:leading-\[32px\] {
    & .content {
      & .icon {
        --tw-leading: 32px;
        line-height: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon\]\:\[color\:rgba\(0\,_0\,_0\,_0\.7\)\] {
    & .content {
      & .icon {
        color: rgba(0, 0, 0, 0.7);
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:relative {
    & .filter-group {
      & .icon-add {
        position: relative;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:inline-block {
    & .filter-group {
      & .icon-add {
        display: inline-block;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:w-\[160px\] {
    & .filter-group {
      & .icon-add {
        width: 160px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:cursor-pointer {
    & .filter-group {
      & .icon-add {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:border-none {
    & .filter-group {
      & .icon-add {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:bg-none {
    & .filter-group {
      & .icon-add {
        background-image: none;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:p-\[8px\] {
    & .filter-group {
      & .icon-add {
        padding: 8px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:text-left {
    & .filter-group {
      & .icon-add {
        text-align: left;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:absolute {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:top-0 {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          top: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:left-\[31px\] {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          left: 31px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:h-\[8px\] {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          height: 8px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:w-\[4px\] {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          width: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:\[content\:\'\'\] {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:after\:\[background\:\#bdbdbd\] {
    & .filter-group {
      & .icon-add {
        &::after {
          content: var(--tw-content);
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:hover\:\[background\:\#eeeeee\] {
    & .filter-group {
      & .icon-add {
        &:hover {
          @media (hover: hover) {
            background: #eeeeee;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:focus\:\[background\:\#eeeeee\] {
    & .filter-group {
      & .icon-add {
        &:focus {
          background: #eeeeee;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:absolute {
    & .content {
      & .icon-ball {
        position: absolute;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:top-\[16px\] {
    & .content {
      & .icon-ball {
        top: 16px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:left-\[16px\] {
    & .content {
      & .icon-ball {
        left: 16px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:inline-block {
    & .content {
      & .icon-ball {
        display: inline-block;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:h-\[32px\] {
    & .content {
      & .icon-ball {
        height: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:w-\[32px\] {
    & .content {
      & .icon-ball {
        width: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:\[border-radius\:50\%\] {
    & .content {
      & .icon-ball {
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:text-center {
    & .content {
      & .icon-ball {
        text-align: center;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:text-\[24px\] {
    & .content {
      & .icon-ball {
        font-size: 24px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:leading-\[32px\] {
    & .content {
      & .icon-ball {
        --tw-leading: 32px;
        line-height: 32px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:font-light {
    & .content {
      & .icon-ball {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:\[color\:var\(--color-text-primary\,_\#ffffff\)\] {
    & .content {
      & .icon-ball {
        color: var(--color-text-primary, #ffffff);
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:uppercase {
    & .content {
      & .icon-ball {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:\[background\:var\(--color-action-primary\,_\#1976d2\)\] {
    & .content {
      & .icon-ball {
        background: var(--color-action-primary, #1976d2);
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.icon-ball\]\:ui-skeleton\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .content {
      & .icon-ball {
        &.skeleton {
          background: rgba(0, 0, 0, 0.15);
        }
      }
    }
  }
  .\[\&_\.icon-container_svg\]\:\[color\:var\(--accent-background-colour\)\] {
    & .icon-container svg {
      color: var(--accent-background-colour);
    }
  }
  .\[\&_\.info-panel\]\:sticky {
    & .info-panel {
      position: sticky;
    }
  }
  .\[\&_\.info-panel\]\:top-\[0\] {
    & .info-panel {
      top: 0;
    }
  }
  .\[\&_\.info-panel\]\:z-\[1\] {
    & .info-panel {
      z-index: 1;
    }
  }
  .\[\&_\.info-panel\]\:mb-\[32px\] {
    & .info-panel {
      margin-bottom: 32px;
    }
  }
  .\[\&_\.info-panel\]\:hidden {
    & .info-panel {
      display: none;
    }
  }
  .\[\&_\.info-panel\]\:\[width\:100\%\] {
    & .info-panel {
      width: 100%;
    }
  }
  .\[\&_\.info-panel\]\:\[background\:\#e1f5fe\] {
    & .info-panel {
      background: #e1f5fe;
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:absolute {
    & .filter-inputs {
      & .inline-logic {
        position: absolute;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:top-\[0px\] {
    & .filter-inputs {
      & .inline-logic {
        top: 0px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:left-\[40px\] {
    & .filter-inputs {
      & .inline-logic {
        left: 40px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:border-none {
    & .filter-inputs {
      & .inline-logic {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:bg-none {
    & .filter-inputs {
      & .inline-logic {
        background-image: none;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:font-medium {
    & .filter-inputs {
      & .inline-logic {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[letter-spacing\:0\.05rem\] {
    & .filter-inputs {
      & .inline-logic {
        letter-spacing: 0.05rem;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:\[color\:\#1976d2\] {
    & .filter-inputs {
      & .inline-logic {
        color: #1976d2;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:uppercase {
    & .filter-inputs {
      & .inline-logic {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:hover\:\[background\:\#eeeeee\] {
    & .filter-inputs {
      & .inline-logic {
        &:hover {
          @media (hover: hover) {
            background: #eeeeee;
          }
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.inline-logic\]\:focus\:\[background\:\#eeeeee\] {
    & .filter-inputs {
      & .inline-logic {
        &:focus {
          background: #eeeeee;
        }
      }
    }
  }
  .\[\&_\.input\]\:relative {
    & .input {
      position: relative;
    }
  }
  .\[\&_\.input\]\:z-10 {
    & .input {
      z-index: 10;
    }
  }
  .\[\&_\.input\]\:m-\[0\] {
    & .input {
      margin: 0;
    }
  }
  .\[\&_\.input\]\:h-\[4px\] {
    & .input {
      height: 4px;
    }
  }
  .\[\&_\.input\]\:\[width\:100\%\] {
    & .input {
      width: 100%;
    }
  }
  .\[\&_\.input\]\:appearance-none {
    & .input {
      appearance: none;
    }
  }
  .\[\&_\.input\]\:bg-none {
    & .input {
      background-image: none;
    }
  }
  .\[\&_\.input\]\:\[outline\:none\] {
    & .input {
      outline: none;
    }
  }
  .\[\&_\.input\]\:\[webkit-appearance\:none\] {
    & .input {
      webkit-appearance: none;
    }
  }
  .\[\&_\.config\]\:\[\&_\.input\]\:\[width\:calc\(100\%_-_6px\)\] {
    & .config {
      & .input {
        width: calc(100% - 6px);
      }
    }
  }
  .\[\&_\.item\]\:relative {
    & .item {
      position: relative;
    }
  }
  .\[\&_\.item\]\:\[background-color\:\#fcfcfc\] {
    & .item {
      background-color: #fcfcfc;
    }
  }
  .\[\&_\.item\]\:p-\[16px\] {
    & .item {
      padding: 16px;
    }
  }
  .\[\&_\.item\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
  }
  .\[\&_\.item-content\]\:flex {
    & .item-content {
      display: flex;
    }
  }
  .\[\&_\.item-content\]\:flex-col {
    & .item-content {
      flex-direction: column;
    }
  }
  .\[\&_\.item-content\]\:gap-\[2px\] {
    & .item-content {
      gap: 2px;
    }
  }
  .\[\&_\.item-subtitle\]\:text-\[14px\] {
    & .item-subtitle {
      font-size: 14px;
    }
  }
  .\[\&_\.item-subtitle\]\:font-bold {
    & .item-subtitle {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.item-title\]\:text-\[15px\] {
    & .item-title {
      font-size: 15px;
    }
  }
  .\[\&_\.item-title\]\:font-bold {
    & .item-title {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.label\]\:absolute {
    & .label {
      position: absolute;
    }
  }
  .\[\&_\.label\]\:-top-\[28px\] {
    & .label {
      top: calc(28px * -1);
    }
  }
  .\[\&_\.label\]\:top-\[10px\] {
    & .label {
      top: 10px;
    }
  }
  .\[\&_\.label\]\:left-\[0\] {
    & .label {
      left: 0;
    }
  }
  .\[\&_\.label\]\:p-\[0\] {
    & .label {
      padding: 0;
    }
  }
  .\[\&_\.label\]\:text-left {
    & .label {
      text-align: left;
    }
  }
  .\[\&_\.label\]\:font-app {
    & .label {
      font-family: var(--font-app);
    }
  }
  .\[\&_\.label\]\:text-\[16px\] {
    & .label {
      font-size: 16px;
    }
  }
  .\[\&_\.label\]\:leading-\[16px\] {
    & .label {
      --tw-leading: 16px;
      line-height: 16px;
    }
  }
  .\[\&_\.label\]\:font-normal {
    & .label {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\.label\]\:\[color\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\)\] {
    & .label {
      color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62);
    }
  }
  .\[\&_\.label\]\:\[opacity\:0\.8\] {
    & .label {
      opacity: 0.8;
    }
  }
  .\[\&_\.label\]\:\[transition\:font-size_200ms\,_top_200ms\,_color_200ms\] {
    & .label {
      transition: font-size 200ms, top 200ms, color 200ms;
    }
  }
  .\[\&_\.label\]\:ui-active\:-top-\[10px\] {
    & .label {
      &.active {
        top: calc(10px * -1);
      }
    }
  }
  .\[\&_\.label\]\:ui-active\:text-\[12px\] {
    & .label {
      &.active {
        font-size: 12px;
      }
    }
  }
  .\[\&_\.label\]\:ui-focus\:\[color\:var\(--primary-colour\,_\#1976d2\)\] {
    & .label {
      &.focus {
        color: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_\.layout-preview\]\:opacity-75 {
    & .layout-preview {
      opacity: 75%;
    }
  }
  .\[\&_\.loading-bar\]\:absolute {
    & .loading-bar {
      position: absolute;
    }
  }
  .\[\&_\.loading-bar\]\:bottom-\[0px\] {
    & .loading-bar {
      bottom: 0px;
    }
  }
  .\[\&_\.loading-bar\]\:left-\[0px\] {
    & .loading-bar {
      left: 0px;
    }
  }
  .\[\&_\.loading-bar\]\:z-\[9\] {
    & .loading-bar {
      z-index: 9;
    }
  }
  .\[\&_\.loading-bar\]\:h-\[4px\] {
    & .loading-bar {
      height: 4px;
    }
  }
  .\[\&_\.loading-bar\]\:\[width\:100\%\] {
    & .loading-bar {
      width: 100%;
    }
  }
  .\[\&_\.loading-bar\]\:overflow-hidden {
    & .loading-bar {
      overflow: hidden;
    }
  }
  .\[\&_\.loading-bar\]\:\[background\:rgba\(255\,255\,255\,0\.25\)\] {
    & .loading-bar {
      background: rgba(255,255,255,0.25);
    }
  }
  .\[\&_\.loading-bar\]\:after\:absolute {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[left\:0\%\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        left: 0%;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[height\:100\%\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        height: 100%;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[width\:0\%\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        width: 0%;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[animation\:loading-bar-animation_1500ms_ease-in-out_infinite\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        animation: loading-bar-animation 1500ms ease-in-out infinite;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[opacity\:0\.5\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        opacity: 0.5;
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[content\:\'\'\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.loading-bar\]\:after\:\[background\:var\(--text-colour\,_rgb\(255\,255\,255\)\)\] {
    & .loading-bar {
      &::after {
        content: var(--tw-content);
        background: var(--text-colour, rgb(255,255,255));
      }
    }
  }
  .\[\&_\.logo\]\:m-auto {
    & .logo {
      margin: auto;
    }
  }
  .\[\&_\.logo\]\:mt-\[16px\] {
    & .logo {
      margin-top: 16px;
    }
  }
  .\[\&_\.logo\]\:block {
    & .logo {
      display: block;
    }
  }
  .\[\&_\.logo\]\:hidden {
    & .logo {
      display: none;
    }
  }
  .\[\&_\.logo\]\:h-\[96px\] {
    & .logo {
      height: 96px;
    }
  }
  .\[\&_\.logo\]\:w-\[96px\] {
    & .logo {
      width: 96px;
    }
  }
  .\[\&_\.logo\]\:\[border-radius\:50\%\] {
    & .logo {
      border-radius: 50%;
    }
  }
  .\[\&_\.logo\]\:text-center {
    & .logo {
      text-align: center;
    }
  }
  .\[\&_\.logo\]\:text-\[64px\] {
    & .logo {
      font-size: 64px;
    }
  }
  .\[\&_\.logo\]\:leading-\[96px\] {
    & .logo {
      --tw-leading: 96px;
      line-height: 96px;
    }
  }
  .\[\&_\.logo\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .logo {
      color: rgba(255, 255, 255, 0.87);
    }
  }
  .\[\&_\.logo\]\:uppercase {
    & .logo {
      text-transform: uppercase;
    }
  }
  .\[\&_\.logo\]\:\[background\:\#ff5722\] {
    & .logo {
      background: #ff5722;
    }
  }
  .\[\&_\.logo\]\:\[border\:6px_solid_rgba\(255\,_255\,_255\,_0\.6\)\] {
    & .logo {
      border: 6px solid rgba(255, 255, 255, 0.6);
    }
  }
  .\[\&_\.markdown\]\:font-normal {
    & .markdown {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\.mdl-checkbox_\.mdl-checkbox__label\]\:text-\[14px\] {
    & .mdl-checkbox .mdl-checkbox  label {
      font-size: 14px;
    }
  }
  .\[\&_\.month-view\]\:relative {
    & .month-view {
      position: relative;
    }
  }
  .\[\&_\.month-view\]\:box-content {
    & .month-view {
      box-sizing: content-box;
    }
  }
  .\[\&_\.month-view\]\:w-\[212px\] {
    & .month-view {
      width: 212px;
    }
  }
  .\[\&_\.month-view\]\:pl-\[16px\] {
    & .month-view {
      padding-left: 16px;
    }
  }
  .\[\&_\.month-view_\.content\]\:mt-\[22px\] {
    & .month-view .content {
      margin-top: 22px;
    }
  }
  .\[\&_\.month-view_\.content\]\:box-content {
    & .month-view .content {
      box-sizing: content-box;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:box-content {
    & .month-view .content .date {
      box-sizing: content-box;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:inline-block {
    & .month-view .content .date {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:h-\[26px\] {
    & .month-view .content .date {
      height: 26px;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:w-\[26px\] {
    & .month-view .content .date {
      width: 26px;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:border {
    & .month-view .content .date {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:border-transparent {
    & .month-view .content .date {
      border-color: transparent;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:text-center {
    & .month-view .content .date {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.content_\.date\]\:leading-\[26\.5px\] {
    & .month-view .content .date {
      --tw-leading: 26.5px;
      line-height: 26.5px;
    }
  }
  .\[\&_\.month-view_\.content_\.date\.active\]\:text-white {
    & .month-view .content .date.active {
      color: var(--color-white);
    }
  }
  .\[\&_\.month-view_\.content_\.date\:not\(\.empty\)\]\:cursor-pointer {
    & .month-view .content .date:not(.empty) {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.content_\.date\:not\(\.empty\)\]\:rounded-\[16px\] {
    & .month-view .content .date:not(.empty) {
      border-radius: 16px;
    }
  }
  .\[\&_\.month-view_\.content_\.date\:not\(\.empty\)\]\:\[transition\:color_200ms\,_background-color_200ms\] {
    & .month-view .content .date:not(.empty) {
      transition: color 200ms, background-color 200ms;
    }
  }
  .\[\&_\.month-view_\.content_\.date\:not\(\.empty\)\:hover\]\:bg-\[\#dddddd\] {
    & .month-view .content .date:not(.empty):hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.month-view_\.content_\.day\]\:inline-block {
    & .month-view .content .day {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.day\]\:w-\[28px\] {
    & .month-view .content .day {
      width: 28px;
    }
  }
  .\[\&_\.month-view_\.content_\.day\]\:text-center {
    & .month-view .content .day {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.content_\.day\]\:text-\[\#888888\] {
    & .month-view .content .day {
      color: #888888;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:m-\[2px\] {
    & .month-view .content .month {
      margin: 2px;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:mt-\[8px\] {
    & .month-view .content .month {
      margin-top: 8px;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:mb-\[8px\] {
    & .month-view .content .month {
      margin-bottom: 8px;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:inline-block {
    & .month-view .content .month {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:w-\[calc\(25\%_-_4px\)\] {
    & .month-view .content .month {
      width: calc(25% - 4px);
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:cursor-pointer {
    & .month-view .content .month {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:rounded-\[4px\] {
    & .month-view .content .month {
      border-radius: 4px;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:bg-\[\#dddddd\] {
    & .month-view .content .month {
      background-color: #dddddd;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:text-center {
    & .month-view .content .month {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.content_\.month\]\:uppercase {
    & .month-view .content .month {
      text-transform: uppercase;
    }
  }
  .\[\&_\.month-view_\.content_\.month_span\]\:mt-\[12px\] {
    & .month-view .content .month span {
      margin-top: 12px;
    }
  }
  .\[\&_\.month-view_\.content_\.month_span\]\:mb-\[2px\] {
    & .month-view .content .month span {
      margin-bottom: 2px;
    }
  }
  .\[\&_\.month-view_\.content_\.month_span\]\:inline-block {
    & .month-view .content .month span {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.month_span\]\:h-\[28px\] {
    & .month-view .content .month span {
      height: 28px;
    }
  }
  .\[\&_\.month-view_\.content_\.month\.active\]\:font-bold {
    & .month-view .content .month.active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.month-view_\.content_\.month\:not\(\:hover\)\:not\(\.active\)\]\:\!bg-white {
    & .month-view .content .month:not(:hover):not(.active) {
      background-color: var(--color-white) !important;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:m-\[2px\] {
    & .month-view .content .year {
      margin: 2px;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:mt-\[8px\] {
    & .month-view .content .year {
      margin-top: 8px;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:mb-\[8px\] {
    & .month-view .content .year {
      margin-bottom: 8px;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:inline-block {
    & .month-view .content .year {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:w-\[calc\(25\%_-_4px\)\] {
    & .month-view .content .year {
      width: calc(25% - 4px);
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:cursor-pointer {
    & .month-view .content .year {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:rounded-\[4px\] {
    & .month-view .content .year {
      border-radius: 4px;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:bg-\[\#dddddd\] {
    & .month-view .content .year {
      background-color: #dddddd;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:text-center {
    & .month-view .content .year {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.content_\.year\]\:uppercase {
    & .month-view .content .year {
      text-transform: uppercase;
    }
  }
  .\[\&_\.month-view_\.content_\.year_span\]\:mt-\[12px\] {
    & .month-view .content .year span {
      margin-top: 12px;
    }
  }
  .\[\&_\.month-view_\.content_\.year_span\]\:mb-\[2px\] {
    & .month-view .content .year span {
      margin-bottom: 2px;
    }
  }
  .\[\&_\.month-view_\.content_\.year_span\]\:inline-block {
    & .month-view .content .year span {
      display: inline-block;
    }
  }
  .\[\&_\.month-view_\.content_\.year_span\]\:h-\[28px\] {
    & .month-view .content .year span {
      height: 28px;
    }
  }
  .\[\&_\.month-view_\.content_\.year\.active\]\:font-bold {
    & .month-view .content .year.active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.month-view_\.content_\.year\:not\(\:hover\)\:not\(\.active\)\]\:\!bg-white {
    & .month-view .content .year:not(:hover):not(.active) {
      background-color: var(--color-white) !important;
    }
  }
  .\[\&_\.month-view_\.content\.months\]\:mt-\[18px\] {
    & .month-view .content.months {
      margin-top: 18px;
    }
  }
  .\[\&_\.month-view_\.content\.years\]\:mt-\[18px\] {
    & .month-view .content.years {
      margin-top: 18px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:absolute {
    & .month-view .left-chevron {
      position: absolute;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:top-\[18px\] {
    & .month-view .left-chevron {
      top: 18px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:left-\[12px\] {
    & .month-view .left-chevron {
      left: 12px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:h-\[24px\] {
    & .month-view .left-chevron {
      height: 24px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:w-\[24px\] {
    & .month-view .left-chevron {
      width: 24px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:cursor-pointer {
    & .month-view .left-chevron {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:rounded-full {
    & .month-view .left-chevron {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:text-center {
    & .month-view .left-chevron {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:text-\[\#aaaaaa\] {
    & .month-view .left-chevron {
      color: #aaaaaa;
    }
  }
  .\[\&_\.month-view_\.left-chevron\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .month-view .left-chevron {
      transition: background-color 0.2s, color 0.2s;
    }
  }
  .\[\&_\.month-view_\.left-chevron_svg\]\:relative {
    & .month-view .left-chevron svg {
      position: relative;
    }
  }
  .\[\&_\.month-view_\.left-chevron_svg\]\:top-\[4px\] {
    & .month-view .left-chevron svg {
      top: 4px;
    }
  }
  .\[\&_\.month-view_\.left-chevron\:hover\]\:bg-\[\#dddddd\] {
    & .month-view .left-chevron:hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.month-view_\.left-chevron\:hover\]\:text-\[\#222222\] {
    & .month-view .left-chevron:hover {
      color: #222222;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:absolute {
    & .month-view .right-chevron {
      position: absolute;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:top-\[18px\] {
    & .month-view .right-chevron {
      top: 18px;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:right-\[12px\] {
    & .month-view .right-chevron {
      right: 12px;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:h-\[24px\] {
    & .month-view .right-chevron {
      height: 24px;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:w-\[24px\] {
    & .month-view .right-chevron {
      width: 24px;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:cursor-pointer {
    & .month-view .right-chevron {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:rounded-full {
    & .month-view .right-chevron {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:text-center {
    & .month-view .right-chevron {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:text-\[\#aaaaaa\] {
    & .month-view .right-chevron {
      color: #aaaaaa;
    }
  }
  .\[\&_\.month-view_\.right-chevron\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .month-view .right-chevron {
      transition: background-color 0.2s, color 0.2s;
    }
  }
  .\[\&_\.month-view_\.right-chevron_svg\]\:relative {
    & .month-view .right-chevron svg {
      position: relative;
    }
  }
  .\[\&_\.month-view_\.right-chevron_svg\]\:top-\[4px\] {
    & .month-view .right-chevron svg {
      top: 4px;
    }
  }
  .\[\&_\.month-view_\.right-chevron\:hover\]\:bg-\[\#dddddd\] {
    & .month-view .right-chevron:hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.month-view_\.right-chevron\:hover\]\:text-\[\#222222\] {
    & .month-view .right-chevron:hover {
      color: #222222;
    }
  }
  .\[\&_\.month-view_\.spacer\]\:mt-\[10px\] {
    & .month-view .spacer {
      margin-top: 10px;
    }
  }
  .\[\&_\.month-view_\.spacer\]\:mb-\[16px\] {
    & .month-view .spacer {
      margin-bottom: 16px;
    }
  }
  .\[\&_\.month-view_\.spacer\]\:h-\[24px\] {
    & .month-view .spacer {
      height: 24px;
    }
  }
  .\[\&_\.month-view_\.spacer\]\:pt-\[4px\] {
    & .month-view .spacer {
      padding-top: 4px;
    }
  }
  .\[\&_\.month-view_\.title\]\:mx-\[32px\] {
    & .month-view .title {
      margin-inline: 32px;
    }
  }
  .\[\&_\.month-view_\.title\]\:mt-\[10px\] {
    & .month-view .title {
      margin-top: 10px;
    }
  }
  .\[\&_\.month-view_\.title\]\:mb-\[16px\] {
    & .month-view .title {
      margin-bottom: 16px;
    }
  }
  .\[\&_\.month-view_\.title\]\:h-\[24px\] {
    & .month-view .title {
      height: 24px;
    }
  }
  .\[\&_\.month-view_\.title\]\:pt-\[4px\] {
    & .month-view .title {
      padding-top: 4px;
    }
  }
  .\[\&_\.month-view_\.title\]\:text-center {
    & .month-view .title {
      text-align: center;
    }
  }
  .\[\&_\.month-view_\.title\]\:font-bold {
    & .month-view .title {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.month-view_\.title\:hover\:not\(\.inactive\)\]\:cursor-pointer {
    & .month-view .title:hover:not(.inactive) {
      cursor: pointer;
    }
  }
  .\[\&_\.month-view_\.title\:hover\:not\(\.inactive\)\]\:rounded-\[4px\] {
    & .month-view .title:hover:not(.inactive) {
      border-radius: 4px;
    }
  }
  .\[\&_\.month-view_\.title\:hover\:not\(\.inactive\)\]\:bg-\[\#dddddd\] {
    & .month-view .title:hover:not(.inactive) {
      background-color: #dddddd;
    }
  }
  .\[\&_\.nav-item_\.nav-item_\&\.nav-item-header\]\:normal-case {
    & .nav-item .nav-item &.nav-item-header {
      text-transform: none;
    }
  }
  .\[\&_\.nav-item_\.nav-item_\.nav-item-header\]\:\!hidden {
    & .nav-item .nav-item .nav-item-header {
      display: none !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item_\.nav-item-header\]\:\!\[font-size\:2rem\] {
    & .nav-item .nav-item .nav-item-header {
      font-size: 2rem !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item_\.nav-item-header\]\:\!\[color\:\#3B7189\] {
    & .nav-item .nav-item .nav-item-header {
      color: #3B7189 !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item_\.nav-item-header\]\:\!\[text-transform\:unset\] {
    & .nav-item .nav-item .nav-item-header {
      text-transform: unset !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item-header\]\:\!\[margin-bottom\:16px\] {
    & .nav-item .nav-item-header {
      margin-bottom: 16px !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item-header\]\:\!hidden {
    & .nav-item .nav-item-header {
      display: none !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item-header\]\:\!\[font-size\:14px\] {
    & .nav-item .nav-item-header {
      font-size: 14px !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item-header\]\:\!\[color\:\#F68C29\] {
    & .nav-item .nav-item-header {
      color: #F68C29 !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item-header\]\:\!\[text-transform\:uppercase\] {
    & .nav-item .nav-item-header {
      text-transform: uppercase !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item\>h2\]\:\!hidden {
    & .nav-item .nav-item>h2 {
      display: none !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item\>h2\]\:\!\[font-size\:2rem\] {
    & .nav-item .nav-item>h2 {
      font-size: 2rem !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item\>h2\]\:\!\[color\:\#3B7189\] {
    & .nav-item .nav-item>h2 {
      color: #3B7189 !important;
    }
  }
  .\[\&_\.nav-item_\.nav-item\>h2\]\:\!\[text-transform\:unset\] {
    & .nav-item .nav-item>h2 {
      text-transform: unset !important;
    }
  }
  .\[\&_\.nav-item\>h1\]\:\!\[margin-bottom\:16px\] {
    & .nav-item>h1 {
      margin-bottom: 16px !important;
    }
  }
  .\[\&_\.nav-item\>h1\]\:\!hidden {
    & .nav-item>h1 {
      display: none !important;
    }
  }
  .\[\&_\.nav-item\>h1\]\:\!\[font-size\:14px\] {
    & .nav-item>h1 {
      font-size: 14px !important;
    }
  }
  .\[\&_\.nav-item\>h1\]\:\!\[color\:\#F68C29\] {
    & .nav-item>h1 {
      color: #F68C29 !important;
    }
  }
  .\[\&_\.nav-item\>h1\]\:\!\[text-transform\:uppercase\] {
    & .nav-item>h1 {
      text-transform: uppercase !important;
    }
  }
  .\[\&_\.nav-link\:hover\]\:border-none {
    & .nav-link:hover {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.nav-link\:hover\]\:bg-transparent {
    & .nav-link:hover {
      background-color: transparent;
    }
  }
  .\[\&_\.nav-tabs_\.nav-item\.show_\.nav-link\]\:border-none {
    & .nav-tabs .nav-item.show .nav-link {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.nav-tabs_\.nav-item\.show_\.nav-link\]\:bg-transparent {
    & .nav-tabs .nav-item.show .nav-link {
      background-color: transparent;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\]\:pr-\[6px\] {
    & .nav-tabs .nav-link {
      padding-right: 6px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\]\:pl-\[10px\] {
    & .nav-tabs .nav-link {
      padding-left: 10px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\]\:text-\[var\(--color-grey\)\] {
    & .nav-tabs .nav-link {
      color: var(--color-grey);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\]\:uppercase {
    & .nav-tabs .nav-link {
      text-transform: uppercase;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:mt-0 {
    & .nav-tabs .nav-link .rmwc-badge {
      margin-top: var(--spacing-0);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:mr-0 {
    & .nav-tabs .nav-link .rmwc-badge {
      margin-right: var(--spacing-0);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:mb-0 {
    & .nav-tabs .nav-link .rmwc-badge {
      margin-bottom: var(--spacing-0);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:ml-\[4px\] {
    & .nav-tabs .nav-link .rmwc-badge {
      margin-left: 4px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:h-\[20px\] {
    & .nav-tabs .nav-link .rmwc-badge {
      height: 20px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:min-w-\[16px\] {
    & .nav-tabs .nav-link .rmwc-badge {
      min-width: 16px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:bg-\[\#e0e0e0\] {
    & .nav-tabs .nav-link .rmwc-badge {
      background-color: #e0e0e0;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:leading-\[20px\] {
    & .nav-tabs .nav-link .rmwc-badge {
      --tw-leading: 20px;
      line-height: 20px;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:font-normal {
    & .nav-tabs .nav-link .rmwc-badge {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\]\:text-\[var\(--color-material-grey-darken\)\] {
    & .nav-tabs .nav-link .rmwc-badge {
      color: var(--color-material-grey-darken);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\.rmwc-badge--exited\]\:ml-0 {
    & .nav-tabs .nav-link .rmwc-badge.rmwc-badge--exited {
      margin-left: var(--spacing-0);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\.rmwc-badge--exited\]\:hidden {
    & .nav-tabs .nav-link .rmwc-badge.rmwc-badge--exited {
      display: none;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_\.rmwc-badge\.rmwc-badge--exited\]\:w-0 {
    & .nav-tabs .nav-link .rmwc-badge.rmwc-badge--exited {
      width: var(--spacing-0);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_a\]\:text-\[var\(--color-grey\)\] {
    & .nav-tabs .nav-link a {
      color: var(--color-grey);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link_a\]\:no-underline {
    & .nav-tabs .nav-link a {
      text-decoration-line: none;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\.active\]\:border-none {
    & .nav-tabs .nav-link.active {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\.active\]\:bg-transparent {
    & .nav-tabs .nav-link.active {
      background-color: transparent;
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\.active\]\:font-bold {
    & .nav-tabs .nav-link.active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\.active\]\:text-\[rgba\(0\,0\,0\,0\.87\)\] {
    & .nav-tabs .nav-link.active {
      color: rgba(0,0,0,0.87);
    }
  }
  .\[\&_\.nav-tabs_\.nav-link\.active\]\:\[border-bottom\:3px_solid_var\(--color-header-background\)\] {
    & .nav-tabs .nav-link.active {
      border-bottom: 3px solid var(--color-header-background);
    }
  }
  .\[\&_\.note-message\]\:\[margin\:4px_0px\] {
    & .note-message {
      margin: 4px 0px;
    }
  }
  .\[\&_\.note-message\]\:block {
    & .note-message {
      display: block;
    }
  }
  .\[\&_\.notification-area-container\]\:m-\[0px\] {
    & .notification-area-container {
      margin: 0px;
    }
  }
  .\[\&_\.notification-area-container\]\:box-border {
    & .notification-area-container {
      box-sizing: border-box;
    }
  }
  .\[\&_\.notification-area-container\]\:flex {
    & .notification-area-container {
      display: flex;
    }
  }
  .\[\&_\.notification-area-container\]\:h-\[700px\] {
    & .notification-area-container {
      height: 700px;
    }
  }
  .\[\&_\.notification-area-container\]\:w-\[500px\] {
    & .notification-area-container {
      width: 500px;
    }
  }
  .\[\&_\.notification-area-container\]\:flex-col {
    & .notification-area-container {
      flex-direction: column;
    }
  }
  .\[\&_\.notification-area-container\]\:overflow-hidden {
    & .notification-area-container {
      overflow: hidden;
    }
  }
  .\[\&_\.notification-area-container\]\:p-\[0px\] {
    & .notification-area-container {
      padding: 0px;
    }
  }
  .\[\&_\.notification-area-container\]\:\[line-height\:unset\] {
    & .notification-area-container {
      line-height: unset;
    }
  }
  .\[\&_\.notification-area-container\]\:not-disabled\:cursor-default {
    & .notification-area-container {
      &:not(.disabled) {
        cursor: default;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:hover-not-disabled\:bg-none {
    & .notification-area-container {
      &:hover:not(.disabled) {
        background-image: none;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:relative {
    & .notification-area-container {
      & .empty {
        position: relative;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[height\:100\%\] {
    & .notification-area-container {
      & .empty {
        height: 100%;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:relative {
    & .notification-area-container {
      & .header {
        position: relative;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:max-h-\[40px\] {
    & .notification-area-container {
      & .header {
        max-height: 40px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:flex-1 {
    & .notification-area-container {
      & .header {
        flex: 1;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:flex {
    & .filter-inputs {
      & .operator-container {
        display: flex;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:flex-1 {
    & .filter-inputs {
      & .operator-container {
        flex: 1;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:pl-\[48px\] {
    & .filter-inputs {
      & .operator-container {
        padding-left: 48px;
      }
    }
  }
  .\[\&_\.options\]\:box-border {
    & .options {
      box-sizing: border-box;
    }
  }
  .\[\&_\.options\]\:max-w-\[320px\] {
    & .options {
      max-width: 320px;
    }
  }
  .\[\&_\.options\]\:p-\[16px\] {
    & .options {
      padding: 16px;
    }
  }
  .\[\&_\.options\]\:\[\&_\.label\]\:text-white {
    & .options {
      & .label {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.overlay\]\:pointer-events-none {
    & .overlay {
      pointer-events: none;
    }
  }
  .\[\&_\.overlay\]\:absolute {
    & .overlay {
      position: absolute;
    }
  }
  .\[\&_\.overlay\]\:top-0 {
    & .overlay {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.overlay\]\:right-0 {
    & .overlay {
      right: var(--spacing-0);
    }
  }
  .\[\&_\.overlay\]\:bottom-0 {
    & .overlay {
      bottom: var(--spacing-0);
    }
  }
  .\[\&_\.overlay\]\:left-0 {
    & .overlay {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.overlay\]\:\[background\:rgba\(0\,_0\,_0\,_0\.3\)\] {
    & .overlay {
      background: rgba(0, 0, 0, 0.3);
    }
  }
  .\[\&_\.part\]\:\[fill\:var\(--gear-fill\,\#0096d2\)\] {
    & .part {
      fill: var(--gear-fill,#0096d2);
    }
  }
  .\[\&_\.perspective-overlay\]\:absolute {
    & .perspective-overlay {
      position: absolute;
    }
  }
  .\[\&_\.perspective-overlay\]\:top-\[0px\] {
    & .perspective-overlay {
      top: 0px;
    }
  }
  .\[\&_\.perspective-overlay\]\:right-\[0px\] {
    & .perspective-overlay {
      right: 0px;
    }
  }
  .\[\&_\.perspective-overlay\]\:bottom-\[0px\] {
    & .perspective-overlay {
      bottom: 0px;
    }
  }
  .\[\&_\.perspective-overlay\]\:left-\[0px\] {
    & .perspective-overlay {
      left: 0px;
    }
  }
  .hover\:\[\&_\.pill-clear\]\:opacity-1 {
    &:hover {
      @media (hover: hover) {
        & .pill-clear {
          opacity: 1%;
        }
      }
    }
  }
  .focus-visible\:\[\&_\.pill-clear\]\:opacity-1 {
    &:focus-visible {
      & .pill-clear {
        opacity: 1%;
      }
    }
  }
  .\[\&_\.pill-label\]\:mr-auto {
    & .pill-label {
      margin-right: auto;
    }
  }
  .\[\&_\.pill-label\]\:flex-1 {
    & .pill-label {
      flex: 1;
    }
  }
  .\[\&_\.pointer\]\:absolute {
    & .pointer {
      position: absolute;
    }
  }
  .\[\&_\.pointer\]\:top-\[2px\] {
    & .pointer {
      top: 2px;
    }
  }
  .\[\&_\.pointer\]\:-left-\[2px\] {
    & .pointer {
      left: calc(2px * -1);
    }
  }
  .\[\&_\.pointer\]\:z-\[2\] {
    & .pointer {
      z-index: 2;
    }
  }
  .\[\&_\.pointer\]\:block {
    & .pointer {
      display: block;
    }
  }
  .\[\&_\.pointer\]\:before\:absolute {
    & .pointer {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:top-\[0\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        top: 0;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:left-\[0\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        left: 0;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:block {
    & .pointer {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:h-\[20px\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        height: 20px;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:w-\[20px\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        width: 20px;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:\[border-radius\:50\%\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:\[opacity\:0\.2\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        opacity: 0.2;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:duration-200 {
    & .pointer {
      &::before {
        content: var(--tw-content);
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
  }
  .\[\&_\.pointer\]\:before\:\[content\:\'\'\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.pointer\]\:before\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        background: rgba(0, 0, 0, 0.5);
      }
    }
  }
  .\[\&_\.pointer\]\:before\:\[transition\:width\,_height\,_left\,_top\] {
    & .pointer {
      &::before {
        content: var(--tw-content);
        transition: width, height, left, top;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:relative {
    & .pointer {
      &::after {
        content: var(--tw-content);
        position: relative;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:top-\[0\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        top: 0;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:left-\[0\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        left: 0;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:box-border {
    & .pointer {
      &::after {
        content: var(--tw-content);
        box-sizing: border-box;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:block {
    & .pointer {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:h-\[20px\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        height: 20px;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:w-\[20px\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        width: 20px;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:\[border-radius\:50\%\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:duration-200 {
    & .pointer {
      &::after {
        content: var(--tw-content);
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
  }
  .\[\&_\.pointer\]\:after\:\[content\:\'\'\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.pointer\]\:after\:\[background\:rgb\(224\,_224\,_224\)\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        background: rgb(224, 224, 224);
      }
    }
  }
  .\[\&_\.pointer\]\:after\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.26\)\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        border: 4px solid rgba(0, 0, 0, 0.26);
      }
    }
  }
  .\[\&_\.pointer\]\:after\:\[transition\:width\,_height\,_left\,_top\,_background-color\,_border-color\] {
    & .pointer {
      &::after {
        content: var(--tw-content);
        transition: width, height, left, top, background-color, border-color;
      }
    }
  }
  .\[\&_\.ql-container\]\:font-\[inherit\] {
    & .ql-container {
      font-family: inherit;
    }
  }
  .\[\&_\.ql-container\]\:text-inherit {
    & .ql-container {
      color: inherit;
    }
  }
  .\[\&_\.ql-editor\]\:p-0 {
    & .ql-editor {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.quintuple-fields\]\:flex {
    & .quintuple-fields {
      display: flex;
    }
  }
  .\[\&_\.quintuple-fields\]\:\[width\:100\%\] {
    & .quintuple-fields {
      width: 100%;
    }
  }
  .\[\&_\.quintuple-fields\]\:gap-\[16px\] {
    & .quintuple-fields {
      gap: 16px;
    }
  }
  .\[\&_\.quintuple-fields\]\:max-xl\:block {
    & .quintuple-fields {
      @media (width < 1280px) {
        display: block;
      }
    }
  }
  .\[\&_\.quintuple-fields\]\:max-xl\:gap-\[0\] {
    & .quintuple-fields {
      @media (width < 1280px) {
        gap: 0;
      }
    }
  }
  .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:ml-\[0\] {
    & .quintuple-fields {
      & .field-container {
        & * {
          margin-left: 0;
        }
      }
    }
  }
  .\[\&_\.quintuple-fields\]\:\[\&_\.field-container\]\:\[\&_\*\]\:text-center {
    & .quintuple-fields {
      & .field-container {
        & * {
          text-align: center;
        }
      }
    }
  }
  .\[\&_\.quintuple-fields\]\:max-xl\:\[\&_\.field-container\]\:\[\&_\*\]\:text-left {
    & .quintuple-fields {
      @media (width < 1280px) {
        & .field-container {
          & * {
            text-align: left;
          }
        }
      }
    }
  }
  .\[\&_\.react-tooltip\]\:\[line-height\:0\.85rem\] {
    & .react-tooltip {
      line-height: 0.85rem;
    }
  }
  .\[\&_\.recharts-area\]\:cursor-pointer {
    & .recharts-area {
      cursor: pointer;
    }
  }
  .\[\&_\.recharts-bar\]\:cursor-pointer {
    & .recharts-bar {
      cursor: pointer;
    }
  }
  .\[\&_\.recharts-line\]\:cursor-pointer {
    & .recharts-line {
      cursor: pointer;
    }
  }
  .\[\&_\.ref\]\:text-\[20px\] {
    & .ref {
      font-size: 20px;
    }
  }
  .\[\&_\.ripple\]\:absolute {
    & .ripple {
      position: absolute;
    }
  }
  .\[\&_\.ripple\]\:z-\[2\] {
    & .ripple {
      z-index: 2;
    }
  }
  .\[\&_\.ripple\]\:block {
    & .ripple {
      display: block;
    }
  }
  .\[\&_\.ripple\]\:\[border-radius\:50\%\] {
    & .ripple {
      border-radius: 50%;
    }
  }
  .\[\&_\.ripple\]\:\[background-color\:rgba\(0\,_0\,_0\,_0\.16\)\] {
    & .ripple {
      background-color: rgba(0, 0, 0, 0.16);
    }
  }
  .\[\&_\.row\]\:flex {
    & .row {
      display: flex;
    }
  }
  .\[\&_\.search-button\]\:absolute {
    & .search-button {
      position: absolute;
    }
  }
  .\[\&_\.search-button\]\:top-\[20px\] {
    & .search-button {
      top: 20px;
    }
  }
  .\[\&_\.search-button\]\:left-\[24px\] {
    & .search-button {
      left: 24px;
    }
  }
  .\[\&_\.search-button\]\:z-\[1\] {
    & .search-button {
      z-index: 1;
    }
  }
  .\[\&_\.search-button\]\:cursor-pointer {
    & .search-button {
      cursor: pointer;
    }
  }
  .\[\&_\.search-button\]\:\[font-size\:1\.5em\] {
    & .search-button {
      font-size: 1.5em;
    }
  }
  .\[\&_\.search-button\]\:\[color\:rgba\(255\,255\,255\,0\.7\)\] {
    & .search-button {
      color: rgba(255,255,255,0.7);
    }
  }
  .\[\&_\.search-button\]\:hover\:text-white {
    & .search-button {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .max-sm\:\[\&_\.search-button\]\:top-\[16px\] {
    @media (width < 640px) {
      & .search-button {
        top: 16px;
      }
    }
  }
  .\[\&_\.section-header\]\:font-bold {
    & .section-header {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.content-holder\]\:\[\&_\.side_content\]\:\[width\:40\%\] {
    & .content-holder {
      & .side content {
        width: 40%;
      }
    }
  }
  .\[\&_\.content-holder\]\:\[\&_\.side_content\]\:justify-self-end {
    & .content-holder {
      & .side content {
        justify-self: flex-end;
      }
    }
  }
  .\[\&_\.content-holder\]\:\[\&_\.side_content\]\:\[background\:var\(--color-bg-page\,_\#efedf0\)\] {
    & .content-holder {
      & .side content {
        background: var(--color-bg-page, #efedf0);
      }
    }
  }
  .\[\&_\.sidebar\]\:relative {
    & .sidebar {
      position: relative;
    }
  }
  .\[\&_\.sidebar\]\:box-border {
    & .sidebar {
      box-sizing: border-box;
    }
  }
  .\[\&_\.sidebar\]\:h-\[calc\(100\%_\+_44px\)\] {
    & .sidebar {
      height: calc(100% + 44px);
    }
  }
  .\[\&_\.sidebar\]\:w-\[140px\] {
    & .sidebar {
      width: 140px;
    }
  }
  .\[\&_\.sidebar\]\:overflow-y-auto {
    & .sidebar {
      overflow-y: auto;
    }
  }
  .\[\&_\.sidebar\]\:\[padding\:32px_0px\] {
    & .sidebar {
      padding: 32px 0px;
    }
  }
  .\[\&_\.sidebar\]\:p-\[16px\] {
    & .sidebar {
      padding: 16px;
    }
  }
  .\[\&_\.sidebar\]\:text-\[20px\] {
    & .sidebar {
      font-size: 20px;
    }
  }
  .\[\&_\.sidebar\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .sidebar {
      color: rgba(255, 255, 255, 0.87);
    }
  }
  .\[\&_\.sidebar\]\:text-white {
    & .sidebar {
      color: var(--color-white);
    }
  }
  .\[\&_\.sidebar\]\:\[background\:\#0d47a1\] {
    & .sidebar {
      background: #0d47a1;
    }
  }
  .\[\&_\.sidebar\]\:\[grid-area\:sidebar\] {
    & .sidebar {
      grid-area: sidebar;
    }
  }
  .\[\&_\.sidebar\]\:\[transition\:background-color_400ms\] {
    & .sidebar {
      transition: background-color 400ms;
    }
  }
  .\[\&_\.sidebar_\.date\]\:text-\[32px\] {
    & .sidebar .date {
      font-size: 32px;
    }
  }
  .\[\&_\.sidebar_\.date\]\:leading-\[32px\] {
    & .sidebar .date {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\.sidebar_\.date\]\:text-white {
    & .sidebar .date {
      color: var(--color-white);
    }
  }
  .\[\&_\.sidebar_\.day\]\:text-\[32px\] {
    & .sidebar .day {
      font-size: 32px;
    }
  }
  .\[\&_\.sidebar_\.day\]\:leading-\[32px\] {
    & .sidebar .day {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\.sidebar_\.day\]\:text-white {
    & .sidebar .day {
      color: var(--color-white);
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:absolute {
    & .sidebar .timezone {
      position: absolute;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:right-\[16px\] {
    & .sidebar .timezone {
      right: 16px;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:bottom-\[16px\] {
    & .sidebar .timezone {
      bottom: 16px;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:left-\[16px\] {
    & .sidebar .timezone {
      left: 16px;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:text-center {
    & .sidebar .timezone {
      text-align: center;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:text-\[16px\] {
    & .sidebar .timezone {
      font-size: 16px;
    }
  }
  .\[\&_\.sidebar_\.timezone\]\:text-\[rgba\(255\,_255\,_255\,_0\.95\)\] {
    & .sidebar .timezone {
      color: rgba(255, 255, 255, 0.95);
    }
  }
  .\[\&_\.sidebar_\.year\]\:text-\[rgba\(255\,_255\,_255\,_0\.95\)\] {
    & .sidebar .year {
      color: rgba(255, 255, 255, 0.95);
    }
  }
  .\[\&_\.sidebar-button\]\:p-0 {
    & .sidebar-button {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.sidebar-button\]\:pt-px {
    & .sidebar-button {
      padding-top: 1px;
    }
  }
  .\[\&_\.sidebar-button\]\:text-\[40px\] {
    & .sidebar-button {
      font-size: 40px;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:fixed {
    & .slide-right-back-enter {
      position: fixed;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:top-\[0px\] {
    & .slide-right-back-enter {
      top: 0px;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:-left-\[10vw\] {
    & .slide-right-back-enter {
      left: calc(10vw * -1);
    }
  }
  .\[\&_\.slide-right-back-enter\]\:h-screen {
    & .slide-right-back-enter {
      height: 100vh;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:w-screen {
    & .slide-right-back-enter {
      width: 100vw;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:\[transition\:left_400ms\] {
    & .slide-right-back-enter {
      transition: left 400ms;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:fixed {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        position: fixed;
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:top-0 {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        top: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:right-0 {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        right: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:bottom-0 {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        bottom: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:left-0 {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        left: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:\[background-color\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        background-color: rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:opacity-1 {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        opacity: 1%;
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:\[content\:\'\'\] {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:after\:\[transition\:opacity_400ms\] {
    & .slide-right-back-enter {
      &::after {
        content: var(--tw-content);
        transition: opacity 400ms;
      }
    }
  }
  .\[\&_\.slide-right-back-exit\]\:left-0 {
    & .slide-right-back-exit {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.slide-right-back-leave\]\:fixed {
    & .slide-right-back-leave {
      position: fixed;
    }
  }
  .\[\&_\.slide-right-back-leave\]\:top-0 {
    & .slide-right-back-leave {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.slide-right-back-leave\]\:z-20 {
    & .slide-right-back-leave {
      z-index: 20;
    }
  }
  .\[\&_\.slide-right-back-leave\]\:h-screen {
    & .slide-right-back-leave {
      height: 100vh;
    }
  }
  .\[\&_\.slide-right-back-leave\]\:w-screen {
    & .slide-right-back-leave {
      width: 100vw;
    }
  }
  .\[\&_\.slide-right-back-leave\]\:\[transition-timing-function\:cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\)\] {
    & .slide-right-back-leave {
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  }
  .\[\&_\.slide-right-back-leave\]\:\[transition\:left_400ms\] {
    & .slide-right-back-leave {
      transition: left 400ms;
    }
  }
  .\[\&_\.slide-right-enter\]\:fixed {
    & .slide-right-enter {
      position: fixed;
    }
  }
  .\[\&_\.slide-right-enter\]\:top-0 {
    & .slide-right-enter {
      top: var(--spacing-0);
    }
  }
  .\[\&_\.slide-right-enter\]\:left-\[100vw\] {
    & .slide-right-enter {
      left: 100vw;
    }
  }
  .\[\&_\.slide-right-enter\]\:z-20 {
    & .slide-right-enter {
      z-index: 20;
    }
  }
  .\[\&_\.slide-right-enter\]\:h-screen {
    & .slide-right-enter {
      height: 100vh;
    }
  }
  .\[\&_\.slide-right-enter\]\:w-screen {
    & .slide-right-enter {
      width: 100vw;
    }
  }
  .\[\&_\.slide-right-enter\]\:\[transition-timing-function\:cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\)\] {
    & .slide-right-enter {
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  }
  .\[\&_\.slide-right-enter\]\:\[transition\:left_400ms\] {
    & .slide-right-enter {
      transition: left 400ms;
    }
  }
  .\[\&_\.slide-right-exit\]\:fixed {
    & .slide-right-exit {
      position: fixed;
    }
  }
  .\[\&_\.slide-right-exit\]\:top-\[0px\] {
    & .slide-right-exit {
      top: 0px;
    }
  }
  .\[\&_\.slide-right-exit\]\:left-0 {
    & .slide-right-exit {
      left: var(--spacing-0);
    }
  }
  .\[\&_\.slide-right-exit\]\:z-\[19\] {
    & .slide-right-exit {
      z-index: 19;
    }
  }
  .\[\&_\.slide-right-exit\]\:h-screen {
    & .slide-right-exit {
      height: 100vh;
    }
  }
  .\[\&_\.slide-right-exit\]\:w-screen {
    & .slide-right-exit {
      width: 100vw;
    }
  }
  .\[\&_\.slide-right-exit\]\:\[transition\:left_400ms\] {
    & .slide-right-exit {
      transition: left 400ms;
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:fixed {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        position: fixed;
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:top-0 {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        top: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:right-0 {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        right: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:bottom-0 {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        bottom: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:left-0 {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        left: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:\[background-color\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        background-color: rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:opacity-0 {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        opacity: 0%;
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:\[content\:\'\'\] {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:after\:\[transition\:opacity_400ms\] {
    & .slide-right-exit {
      &::after {
        content: var(--tw-content);
        transition: opacity 400ms;
      }
    }
  }
  .\[\&_\.snackbar\]\:m-auto {
    & .snackbar {
      margin: auto;
    }
  }
  .\[\&_\.snackbar\]\:\[width\:100\%\] {
    & .snackbar {
      width: 100%;
    }
  }
  .\[\&_\.snackbar\]\:max-w-\[240px\] {
    & .snackbar {
      max-width: 240px;
    }
  }
  .\[\&_\.snackbar\]\:rounded-\[4px\] {
    & .snackbar {
      border-radius: 4px;
    }
  }
  .\[\&_\.snackbar\]\:\[background-color\:var\(--snackbar-background\,\#212121\)\] {
    & .snackbar {
      background-color: var(--snackbar-background,#212121);
    }
  }
  .\[\&_\.snackbar\]\:\[padding\:14px_24px\] {
    & .snackbar {
      padding: 14px 24px;
    }
  }
  .\[\&_\.snackbar\]\:text-\[1rem\] {
    & .snackbar {
      font-size: 1rem;
    }
  }
  .\[\&_\.snackbar\]\:font-medium {
    & .snackbar {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.snackbar\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .snackbar {
      color: rgba(255, 255, 255, 0.87);
    }
  }
  .\[\&_\.snackbar\]\:\[box-shadow\:rgba\(0\,_0\,_0\,_0\.2\)_0px_3px_5px_-1px\,_rgba\(0\,_0\,_0\,_0\.14\)_0px_6px_10px_0px\,_rgba\(0\,_0\,_0\,_0\.12\)_0px_1px_18px_0px\] {
    & .snackbar {
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
    }
  }
  .\[\&_\.spacer\]\:m-\[0px\] {
    & .spacer {
      margin: 0px;
    }
  }
  .\[\&_\.spacer\]\:\[width\:100\%\] {
    & .spacer {
      width: 100%;
    }
  }
  .\[\&_\.status_h1\]\:m-0 {
    & .status h1 {
      margin: var(--spacing-0);
    }
  }
  .\[\&_\.status_h1\]\:\[padding\:var\(--space-4\,_16px\)\] {
    & .status h1 {
      padding: var(--space-4, 16px);
    }
  }
  .\[\&_\.status_h1\]\:text-center {
    & .status h1 {
      text-align: center;
    }
  }
  .\[\&_\.status_h1\]\:\[font-size\:var\(--text-size-body\,_14px\)\] {
    & .status h1 {
      font-size: var(--text-size-body, 14px);
    }
  }
  .\[\&_\.status_h1\]\:\[font-weight\:var\(--text-weight-bold\,_600\)\] {
    & .status h1 {
      font-weight: var(--text-weight-bold, 600);
    }
  }
  .\[\&_\.submit-loader\]\:relative {
    & .submit-loader {
      position: relative;
    }
  }
  .\[\&_\.submit-loader\]\:left-\[0px\] {
    & .submit-loader {
      left: 0px;
    }
  }
  .\[\&_\.submit-loader\]\:box-content {
    & .submit-loader {
      box-sizing: content-box;
    }
  }
  .\[\&_\.submit-loader\]\:inline-block {
    & .submit-loader {
      display: inline-block;
    }
  }
  .\[\&_\.submit-loader\]\:\[height\:var\(--height\)\] {
    & .submit-loader {
      height: var(--height);
    }
  }
  .\[\&_\.submit-loader\]\:\[width\:var\(--width\)\] {
    & .submit-loader {
      width: var(--width);
    }
  }
  .\[\&_\.submit-loader\]\:cursor-pointer {
    & .submit-loader {
      cursor: pointer;
    }
  }
  .\[\&_\.submit-loader\]\:rounded-\[2px\] {
    & .submit-loader {
      border-radius: 2px;
    }
  }
  .\[\&_\.submit-loader\]\:font-bold {
    & .submit-loader {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.submit-loader\]\:text-white {
    & .submit-loader {
      color: var(--color-white);
    }
  }
  .\[\&_\.submit-loader\]\:uppercase {
    & .submit-loader {
      text-transform: uppercase;
    }
  }
  .\[\&_\.submit-loader\]\:\[border\:4px_solid_transparent\] {
    & .submit-loader {
      border: 4px solid transparent;
    }
  }
  .\[\&_\.submit-loader\]\:\[transition\:400ms\] {
    & .submit-loader {
      transition: 400ms;
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:absolute {
    & .submit-loader {
      & .submit-complete {
        position: absolute;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:inline-block {
    & .submit-loader {
      & .submit-complete {
        display: inline-block;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:\[height\:var\(--height\)\] {
    & .submit-loader {
      & .submit-complete {
        height: var(--height);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:\[width\:100\%\] {
    & .submit-loader {
      & .submit-complete {
        width: 100%;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:text-center {
    & .submit-loader {
      & .submit-complete {
        text-align: center;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:\[line-height\:var\(--height\)\] {
    & .submit-loader {
      & .submit-complete {
        line-height: var(--height);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:font-bold {
    & .submit-loader {
      & .submit-complete {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:text-white {
    & .submit-loader {
      & .submit-complete {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:opacity-0 {
    & .submit-loader {
      & .submit-complete {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-complete\]\:\[transition\:400ms\] {
    & .submit-loader {
      & .submit-complete {
        transition: 400ms;
      }
    }
  }
  .\[\&_\.submit-overlay\]\:absolute {
    & .submit-overlay {
      position: absolute;
    }
  }
  .\[\&_\.submit-overlay\]\:top-\[0px\] {
    & .submit-overlay {
      top: 0px;
    }
  }
  .\[\&_\.submit-overlay\]\:\[left\:calc\(var\(--width\)_\/_2_-_var\(--height\)\/2\)\] {
    & .submit-overlay {
      left: calc(var(--width) / 2 - var(--height) / 2);
    }
  }
  .\[\&_\.submit-overlay\]\:box-content {
    & .submit-overlay {
      box-sizing: content-box;
    }
  }
  .\[\&_\.submit-overlay\]\:\[height\:var\(--height\)\] {
    & .submit-overlay {
      height: var(--height);
    }
  }
  .\[\&_\.submit-overlay\]\:\[width\:var\(--height\)\] {
    & .submit-overlay {
      width: var(--height);
    }
  }
  .\[\&_\.submit-overlay\]\:\[animation\:SPIN_400ms_linear_infinite\] {
    & .submit-overlay {
      animation: SPIN 400ms linear infinite;
    }
  }
  .\[\&_\.submit-overlay\]\:\[border-radius\:50\%\] {
    & .submit-overlay {
      border-radius: 50%;
    }
  }
  .\[\&_\.submit-overlay\]\:opacity-0 {
    & .submit-overlay {
      opacity: 0%;
    }
  }
  .\[\&_\.submit-overlay\]\:\[border\:4px_solid_transparent\] {
    & .submit-overlay {
      border: 4px solid transparent;
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:absolute {
    & .submit-loader {
      & .submit-title {
        position: absolute;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:ml-\[12px\] {
    & .submit-loader {
      & .submit-title {
        margin-left: 12px;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:inline-block {
    & .submit-loader {
      & .submit-title {
        display: inline-block;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:\[height\:var\(--height\)\] {
    & .submit-loader {
      & .submit-title {
        height: var(--height);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:\[width\:100\%\] {
    & .submit-loader {
      & .submit-title {
        width: 100%;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:text-center {
    & .submit-loader {
      & .submit-title {
        text-align: center;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:font-app {
    & .submit-loader {
      & .submit-title {
        font-family: var(--font-app);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:\[line-height\:var\(--height\)\] {
    & .submit-loader {
      & .submit-title {
        line-height: var(--height);
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_\.submit-title\]\:\[transition\:400ms\] {
    & .submit-loader {
      & .submit-title {
        transition: 400ms;
      }
    }
  }
  .\[\&_\.subtitle\]\:pl-\[32px\] {
    & .subtitle {
      padding-left: 32px;
    }
  }
  .\[\&_\.subtitle\]\:text-\[12px\] {
    & .subtitle {
      font-size: 12px;
    }
  }
  .\[\&_\.subtitle\]\:\[color\:\#aeaeae\] {
    & .subtitle {
      color: #aeaeae;
    }
  }
  .\[\&_\.card-header\.coloured\]\:\[\&_\.subtitle\]\:text-white {
    & .card-header.coloured {
      & .subtitle {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:pl-\[8px\] {
    & .content {
      & .subtitle {
        padding-left: 8px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:mt-\[10px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:ml-\[8px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:h-\[16px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          height: 16px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:\[width\:25\%\] {
    & .content {
      & .subtitle {
        &.skeleton {
          width: 25%;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:min-w-\[120px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          min-width: 120px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .content {
      & .subtitle {
        &.skeleton {
          background: rgba(0, 0, 0, 0.15);
        }
      }
    }
  }
  .\[\&_\.svg-container\]\:absolute {
    & .svg-container {
      position: absolute;
    }
  }
  .\[\&_\.svg-container\]\:top-\[0\] {
    & .svg-container {
      top: 0;
    }
  }
  .\[\&_\.svg-container\]\:right-\[0\] {
    & .svg-container {
      right: 0;
    }
  }
  .\[\&_\.svg-container\]\:h-\[400px\] {
    & .svg-container {
      height: 400px;
    }
  }
  .\[\&_\.svg-container\]\:w-\[400px\] {
    & .svg-container {
      width: 400px;
    }
  }
  .\[\&_\.svg-container\]\:\[transition\:transform_200ms\,_right_200ms\,_top_200ms\] {
    & .svg-container {
      transition: transform 200ms, right 200ms, top 200ms;
    }
  }
  .\[\&_\.svg-container\]\:max-xl\:\[transform\:scale\(0\)\] {
    & .svg-container {
      @media (width < 1280px) {
        transform: scale(0);
      }
    }
  }
  .\[\&_\.svg-inline--fa\]\:w-\[1em\] {
    & .svg-inline--fa {
      width: 1em;
    }
  }
  .\[\&_\.tab\]\:inline-block {
    & .tab {
      display: inline-block;
    }
  }
  .\[\&_\.tab-content\]\:shrink {
    & .tab-content {
      flex-shrink: 1;
    }
  }
  .\[\&_\.tab-content\]\:grow {
    & .tab-content {
      flex-grow: 1;
    }
  }
  .\[\&_\.tab-content\]\:p-0 {
    & .tab-content {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.tab-pane\]\:h-full {
    & .tab-pane {
      height: 100%;
    }
  }
  .\[\&_\.tab-pane\]\:p-0 {
    & .tab-pane {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.template-data\]\:\[grid-area\:data\] {
    & .template-data {
      grid-area: data;
    }
  }
  .\[\&_\.template-editor\]\:\[grid-area\:code\] {
    & .template-editor {
      grid-area: code;
    }
  }
  .\[\&_\.terms-description\]\:mb-\[8px\] {
    & .terms-description {
      margin-bottom: 8px;
    }
  }
  .\[\&_\.terms-description\]\:font-sans {
    & .terms-description {
      font-family: var(--font-sans);
    }
  }
  .\[\&_\.time-view\]\:pr-\[16px\] {
    & .time-view {
      padding-right: 16px;
    }
  }
  .\[\&_\.time-view_\.time-container\]\:flex {
    & .time-view .time-container {
      display: flex;
    }
  }
  .\[\&_\.time-view_\.time-container\]\:w-\[190px\] {
    & .time-view .time-container {
      width: 190px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.am\]\:cursor-pointer {
    & .time-view .time-container .am {
      cursor: pointer;
    }
  }
  .\[\&_\.time-view_\.time-container_\.am\]\:rounded-\[4px\] {
    & .time-view .time-container .am {
      border-radius: 4px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.am\]\:font-medium {
    & .time-view .time-container .am {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.time-view_\.time-container_\.am\]\:text-black {
    & .time-view .time-container .am {
      color: var(--color-black);
    }
  }
  .\[\&_\.time-view_\.time-container_\.am\]\:\[transition\:background-color_400ms\] {
    & .time-view .time-container .am {
      transition: background-color 400ms;
    }
  }
  .\[\&_\.time-view_\.time-container_\.am_span\]\:\[transition\:color_0\.2s\] {
    & .time-view .time-container .am span {
      transition: color 0.2s;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:absolute {
    & .time-view .time-container .down {
      position: absolute;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:bottom-\[16px\] {
    & .time-view .time-container .down {
      bottom: 16px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:left-\[calc\(50\%_-_20px\)\] {
    & .time-view .time-container .down {
      left: calc(50% - 20px);
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:h-\[32px\] {
    & .time-view .time-container .down {
      height: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:w-\[32px\] {
    & .time-view .time-container .down {
      width: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:cursor-pointer {
    & .time-view .time-container .down {
      cursor: pointer;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:rounded-\[24px\] {
    & .time-view .time-container .down {
      border-radius: 24px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:p-\[8px\] {
    & .time-view .time-container .down {
      padding: 8px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:text-\[\#aaaaaa\] {
    & .time-view .time-container .down {
      color: #aaaaaa;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .time-view .time-container .down {
      transition: background-color 0.2s, color 0.2s;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\:hover\]\:bg-\[\#dddddd\] {
    & .time-view .time-container .down:hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.time-view_\.time-container_\.down\:hover\]\:text-\[\#222222\] {
    & .time-view .time-container .down:hover {
      color: #222222;
    }
  }
  .\[\&_\.time-view_\.time-container_\.hour-display\:\:after\]\:absolute {
    & .time-view .time-container .hour-display::after {
      position: absolute;
    }
  }
  .\[\&_\.time-view_\.time-container_\.hour-display\:\:after\]\:top-\[calc\(50\%_-_18px\)\] {
    & .time-view .time-container .hour-display::after {
      top: calc(50% - 18px);
    }
  }
  .\[\&_\.time-view_\.time-container_\.hour-display\:\:after\]\:text-\[32px\] {
    & .time-view .time-container .hour-display::after {
      font-size: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.hour-display\:\:after\]\:leading-\[32px\] {
    & .time-view .time-container .hour-display::after {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.hour-display\:\:after\]\:content-\[\'\:\'\] {
    & .time-view .time-container .hour-display::after {
      --tw-content: ':';
      content: var(--tw-content);
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm\]\:cursor-pointer {
    & .time-view .time-container .pm {
      cursor: pointer;
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm\]\:rounded-\[4px\] {
    & .time-view .time-container .pm {
      border-radius: 4px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm\]\:font-medium {
    & .time-view .time-container .pm {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm\]\:text-black {
    & .time-view .time-container .pm {
      color: var(--color-black);
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm\]\:\[transition\:background-color_400ms\] {
    & .time-view .time-container .pm {
      transition: background-color 400ms;
    }
  }
  .\[\&_\.time-view_\.time-container_\.pm_span\]\:\[transition\:color_0\.2s\] {
    & .time-view .time-container .pm span {
      transition: color 0.2s;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:absolute {
    & .time-view .time-container .up {
      position: absolute;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:top-\[16px\] {
    & .time-view .time-container .up {
      top: 16px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:left-\[calc\(50\%_-_20px\)\] {
    & .time-view .time-container .up {
      left: calc(50% - 20px);
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:h-\[32px\] {
    & .time-view .time-container .up {
      height: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:w-\[32px\] {
    & .time-view .time-container .up {
      width: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:cursor-pointer {
    & .time-view .time-container .up {
      cursor: pointer;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:rounded-\[24px\] {
    & .time-view .time-container .up {
      border-radius: 24px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:p-\[8px\] {
    & .time-view .time-container .up {
      padding: 8px;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:text-\[\#aaaaaa\] {
    & .time-view .time-container .up {
      color: #aaaaaa;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .time-view .time-container .up {
      transition: background-color 0.2s, color 0.2s;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\:hover\]\:bg-\[\#dddddd\] {
    & .time-view .time-container .up:hover {
      background-color: #dddddd;
    }
  }
  .\[\&_\.time-view_\.time-container_\.up\:hover\]\:text-\[\#222222\] {
    & .time-view .time-container .up:hover {
      color: #222222;
    }
  }
  .\[\&_\.time-view_\.time-container_div\]\:relative {
    & .time-view .time-container div {
      position: relative;
    }
  }
  .\[\&_\.time-view_\.time-container_div\]\:m-\[4px\] {
    & .time-view .time-container div {
      margin: 4px;
    }
  }
  .\[\&_\.time-view_\.time-container_div\]\:h-\[200px\] {
    & .time-view .time-container div {
      height: 200px;
    }
  }
  .\[\&_\.time-view_\.time-container_div\]\:flex-1 {
    & .time-view .time-container div {
      flex: 1;
    }
  }
  .\[\&_\.time-view_\.time-container_div\]\:text-center {
    & .time-view .time-container div {
      text-align: center;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:inline-block {
    & .time-view .time-container input {
      display: inline-block;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:w-full {
    & .time-view .time-container input {
      width: 100%;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:border-none {
    & .time-view .time-container input {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:p-\[0\] {
    & .time-view .time-container input {
      padding: 0;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:text-center {
    & .time-view .time-container input {
      text-align: center;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:text-\[32px\] {
    & .time-view .time-container input {
      font-size: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_input\]\:leading-\[200px\] {
    & .time-view .time-container input {
      --tw-leading: 200px;
      line-height: 200px;
    }
  }
  .\[\&_\.time-view_\.time-container_span\]\:inline-block {
    & .time-view .time-container span {
      display: inline-block;
    }
  }
  .\[\&_\.time-view_\.time-container_span\]\:w-full {
    & .time-view .time-container span {
      width: 100%;
    }
  }
  .\[\&_\.time-view_\.time-container_span\]\:text-\[32px\] {
    & .time-view .time-container span {
      font-size: 32px;
    }
  }
  .\[\&_\.time-view_\.time-container_span\]\:leading-\[200px\] {
    & .time-view .time-container span {
      --tw-leading: 200px;
      line-height: 200px;
    }
  }
  .\[\&_\.time-view_\.title\]\:mt-\[14px\] {
    & .time-view .title {
      margin-top: 14px;
    }
  }
  .\[\&_\.time-view_\.title\]\:text-center {
    & .time-view .title {
      text-align: center;
    }
  }
  .\[\&_\.time-view_\.title\]\:font-bold {
    & .time-view .title {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_\.timepicker\]\:grid {
    & .timepicker {
      display: grid;
    }
  }
  .\[\&_\.timepicker\]\:\[grid-template-rows\:auto_auto_auto\] {
    & .timepicker {
      grid-template-rows: auto auto auto;
    }
  }
  .\[\&_\.timepicker\]\:\[grid-template-areas\:\'header\'_\'picker\'_\'actions\'\] {
    & .timepicker {
      grid-template-areas: 'header' 'picker' 'actions';
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:flex {
    & .timepicker {
      & .action-container {
        display: flex;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:justify-between {
    & .timepicker {
      & .action-container {
        justify-content: space-between;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.action-container\]\:\[grid-area\:actions\] {
    & .timepicker {
      & .action-container {
        grid-area: actions;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:relative {
    & .timepicker {
      & .picker {
        position: relative;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:flex {
    & .timepicker {
      & .picker {
        display: flex;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:h-\[200px\] {
    & .timepicker {
      & .picker {
        height: 200px;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:w-\[420px\] {
    & .timepicker {
      & .picker {
        width: 420px;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:justify-center {
    & .timepicker {
      & .picker {
        justify-content: center;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:gap-\[8px\] {
    & .timepicker {
      & .picker {
        gap: 8px;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[grid-area\:picker\] {
    & .timepicker {
      & .picker {
        grid-area: picker;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.ampm-display\]\:relative {
    & .timepicker {
      & .picker {
        & .ampm-display {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.ampm-display\]\:w-\[64px\] {
    & .timepicker {
      & .picker {
        & .ampm-display {
          width: 64px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:-m-\[8px\] {
    & .timepicker {
      & .picker {
        & .break {
          margin: calc(8px * -1);
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:flex {
    & .timepicker {
      & .picker {
        & .break {
          display: flex;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:items-center {
    & .timepicker {
      & .picker {
        & .break {
          align-items: center;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.break\]\:text-\[40px\] {
    & .timepicker {
      & .picker {
        & .break {
          font-size: 40px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:absolute {
    & .timepicker {
      & .picker {
        & .down {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:bottom-\[8px\] {
    & .timepicker {
      & .picker {
        & .down {
          bottom: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:left-\[8px\] {
    & .timepicker {
      & .picker {
        & .down {
          left: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:h-\[32px\] {
    & .timepicker {
      & .picker {
        & .down {
          height: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:w-\[32px\] {
    & .timepicker {
      & .picker {
        & .down {
          width: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:cursor-pointer {
    & .timepicker {
      & .picker {
        & .down {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:rounded-\[24px\] {
    & .timepicker {
      & .picker {
        & .down {
          border-radius: 24px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:p-\[8px\] {
    & .timepicker {
      & .picker {
        & .down {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:\[color\:\#aaaaaa\] {
    & .timepicker {
      & .picker {
        & .down {
          color: #aaaaaa;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .timepicker {
      & .picker {
        & .down {
          transition: background-color 0.2s, color 0.2s;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:hover\:\[color\:\#FFFFFF\] {
    & .timepicker {
      & .picker {
        & .down {
          &:hover {
            @media (hover: hover) {
              color: #FFFFFF;
            }
          }
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.down\]\:hover\:\[background\:\#1976D2\] {
    & .timepicker {
      & .picker {
        & .down {
          &:hover {
            @media (hover: hover) {
              background: #1976D2;
            }
          }
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\]\:relative {
    & .timepicker {
      & .picker {
        & .hour-display {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.hour-display\]\:w-\[64px\] {
    & .timepicker {
      & .picker {
        & .hour-display {
          width: 64px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.minute-display\]\:relative {
    & .timepicker {
      & .picker {
        & .minute-display {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.minute-display\]\:w-\[64px\] {
    & .timepicker {
      & .picker {
        & .minute-display {
          width: 64px;
        }
      }
    }
  }
  .\[\&_\.title\]\:mt-\[16px\] {
    & .title {
      margin-top: 16px;
    }
  }
  .\[\&_\.title\]\:block {
    & .title {
      display: block;
    }
  }
  .\[\&_\.title\]\:pt-\[24px\] {
    & .title {
      padding-top: 24px;
    }
  }
  .\[\&_\.title\]\:pl-\[32px\] {
    & .title {
      padding-left: 32px;
    }
  }
  .\[\&_\.title\]\:text-center {
    & .title {
      text-align: center;
    }
  }
  .\[\&_\.title\]\:text-\[17px\] {
    & .title {
      font-size: 17px;
    }
  }
  .\[\&_\.title\]\:text-\[24px\] {
    & .title {
      font-size: 24px;
    }
  }
  .\[\&_\.title\]\:font-light {
    & .title {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
  }
  .\[\&_\.title\]\:\[letter-spacing\:0\.15rem\] {
    & .title {
      letter-spacing: 0.15rem;
    }
  }
  .print\:\[\&_\.title\]\:pt-\[4px\] {
    @media print {
      & .title {
        padding-top: 4px;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:absolute {
    & .action-back {
      & .action-swiped-container {
        & .title {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:left-\[24px\] {
    & .action-back {
      & .action-swiped-container {
        & .title {
          left: 24px;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:\[font-size\:1\.25em\] {
    & .action-back {
      & .action-swiped-container {
        & .title {
          font-size: 1.25em;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:leading-\[76px\] {
    & .action-back {
      & .action-swiped-container {
        & .title {
          --tw-leading: 76px;
          line-height: 76px;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.title\]\:\[color\:var\(--color-text-primary\,_\#ffffff\)\] {
    & .action-back {
      & .action-swiped-container {
        & .title {
          color: var(--color-text-primary, #ffffff);
        }
      }
    }
  }
  .\[\&_\.card-header\.coloured\]\:\[\&_\.title\]\:text-white {
    & .card-header.coloured {
      & .title {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:pt-\[8px\] {
    & .content {
      & .title {
        padding-top: 8px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:pl-\[8px\] {
    & .content {
      & .title {
        padding-left: 8px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:text-\[16px\] {
    & .content {
      & .title {
        font-size: 16px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .content {
      & .title {
        --tw-leading: 28px;
        line-height: 28px;
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:mt-\[10px\] {
    & .content {
      & .title {
        &.skeleton {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:ml-\[8px\] {
    & .content {
      & .title {
        &.skeleton {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:h-\[16px\] {
    & .content {
      & .title {
        &.skeleton {
          height: 16px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:\[width\:25\%\] {
    & .content {
      & .title {
        &.skeleton {
          width: 25%;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:min-w-\[120px\] {
    & .content {
      & .title {
        &.skeleton {
          min-width: 120px;
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .content {
      & .title {
        &.skeleton {
          background: rgba(0, 0, 0, 0.15);
        }
      }
    }
  }
  .\[\&_\.toast\]\:relative {
    & .toast {
      position: relative;
    }
  }
  .\[\&_\.toast\]\:top-\[0px\] {
    & .toast {
      top: 0px;
    }
  }
  .\[\&_\.toast\]\:z-\[1\] {
    & .toast {
      z-index: 1;
    }
  }
  .\[\&_\.toast\]\:h-\[24px\] {
    & .toast {
      height: 24px;
    }
  }
  .\[\&_\.toast\]\:w-\[320px\] {
    & .toast {
      width: 320px;
    }
  }
  .\[\&_\.toast\]\:p-\[16px\] {
    & .toast {
      padding: 16px;
    }
  }
  .\[\&_\.toast\]\:text-center {
    & .toast {
      text-align: center;
    }
  }
  .\[\&_\.toast\]\:text-white {
    & .toast {
      color: var(--color-white);
    }
  }
  .\[\&_\.toast\]\:\[box-shadow\:0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\)\] {
    & .toast {
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }
  }
  .\[\&_\.toast\]\:\[background\:\#4caf50\] {
    & .toast {
      background: #4caf50;
    }
  }
  .\[\&_\.toast\]\:\[transition\:opacity_400ms\,_top_400ms\,_filter_400ms\] {
    & .toast {
      transition: opacity 400ms, top 400ms, filter 400ms;
    }
  }
  .\[\&_\.tooltip\]\:absolute {
    & .tooltip {
      position: absolute;
    }
  }
  .\[\&_\.tooltip\]\:-top-\[56px\] {
    & .tooltip {
      top: calc(56px * -1);
    }
  }
  .\[\&_\.tooltip\]\:-ml-\[10px\] {
    & .tooltip {
      margin-left: calc(10px * -1);
    }
  }
  .\[\&_\.tooltip\]\:h-\[40px\] {
    & .tooltip {
      height: 40px;
    }
  }
  .\[\&_\.tooltip\]\:w-\[40px\] {
    & .tooltip {
      width: 40px;
    }
  }
  .\[\&_\.tooltip\]\:max-w-\[400px\] {
    & .tooltip {
      max-width: 400px;
    }
  }
  .\[\&_\.tooltip\]\:rounded-\[4px\] {
    & .tooltip {
      border-radius: 4px;
    }
  }
  .\[\&_\.tooltip\]\:bg-white {
    & .tooltip {
      background-color: var(--color-white);
    }
  }
  .\[\&_\.tooltip\]\:p-\[16px\] {
    & .tooltip {
      padding: 16px;
    }
  }
  .\[\&_\.tooltip\]\:text-center {
    & .tooltip {
      text-align: center;
    }
  }
  .\[\&_\.tooltip\]\:text-\[1rem\] {
    & .tooltip {
      font-size: 1rem;
    }
  }
  .\[\&_\.tooltip\]\:text-\[16px\] {
    & .tooltip {
      font-size: 16px;
    }
  }
  .\[\&_\.tooltip\]\:leading-\[40px\] {
    & .tooltip {
      --tw-leading: 40px;
      line-height: 40px;
    }
  }
  .\[\&_\.tooltip\]\:\[color\:\#1a1a2e\] {
    & .tooltip {
      color: #1a1a2e;
    }
  }
  .\[\&_\.tooltip\]\:\[color\:\#f1f5f9\] {
    & .tooltip {
      color: #f1f5f9;
    }
  }
  .\[\&_\.tooltip\]\:text-black {
    & .tooltip {
      color: var(--color-black);
    }
  }
  .\[\&_\.tooltip\]\:opacity-0 {
    & .tooltip {
      opacity: 0%;
    }
  }
  .\[\&_\.tooltip\]\:\[box-shadow\:0_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    & .tooltip {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }
  }
  .\[\&_\.tooltip\]\:\[box-shadow\:0_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.3\)\] {
    & .tooltip {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    }
  }
  .\[\&_\.tooltip\]\:\[background\:\#334155\] {
    & .tooltip {
      background: #334155;
    }
  }
  .\[\&_\.tooltip\]\:\[transition\:top_200ms\,_opacity_200ms\] {
    & .tooltip {
      transition: top 200ms, opacity 200ms;
    }
  }
  .\[\&_\.tooltip\]\:before\:absolute {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:z-0 {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        z-index: 0;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:block {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[height\:100\%\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        height: 100%;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[width\:100\%\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[transform\:rotate\(45deg\)\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        transform: rotate(45deg);
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[border-radius\:50\%_50\%_0\%_50\%\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        border-radius: 50% 50% 0% 50%;
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[content\:\'\'\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[background\:rgb\(156\,_156\,_156\)\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        background: rgb(156, 156, 156);
      }
    }
  }
  .\[\&_\.tooltip\]\:before\:\[transition\:background-color_200ms\] {
    & .tooltip {
      &::before {
        content: var(--tw-content);
        transition: background-color 200ms;
      }
    }
  }
  .\[\&_\.tooltip\]\:ui-focus\:-top-\[64px\] {
    & .tooltip {
      &.focus {
        top: calc(64px * -1);
      }
    }
  }
  .\[\&_\.tooltip\]\:ui-focus\:opacity-1 {
    & .tooltip {
      &.focus {
        opacity: 1%;
      }
    }
  }
  .\[\&_\.transition-enter\]\:fixed {
    & .transition-enter {
      position: fixed;
    }
  }
  .\[\&_\.transition-enter\]\:h-screen {
    & .transition-enter {
      height: 100vh;
    }
  }
  .\[\&_\.transition-enter\]\:w-screen {
    & .transition-enter {
      width: 100vw;
    }
  }
  .\[\&_\.transition-enter\]\:\[background-color\:rgb\(252\,_252\,_252\)\] {
    & .transition-enter {
      background-color: rgb(252, 252, 252);
    }
  }
  .\[\&_\.transition-enter\]\:duration-\[400ms\] {
    & .transition-enter {
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
  }
  .\[\&_\.transition-enter\]\:\[transition\:left\] {
    & .transition-enter {
      transition: left;
    }
  }
  .\[\&_\.transition-leave\]\:fixed {
    & .transition-leave {
      position: fixed;
    }
  }
  .\[\&_\.transition-leave\]\:h-screen {
    & .transition-leave {
      height: 100vh;
    }
  }
  .\[\&_\.transition-leave\]\:w-screen {
    & .transition-leave {
      width: 100vw;
    }
  }
  .\[\&_\.transition-leave\]\:\[background-color\:rgb\(252\,_252\,_252\)\] {
    & .transition-leave {
      background-color: rgb(252, 252, 252);
    }
  }
  .\[\&_\.transition-leave\]\:duration-\[400ms\] {
    & .transition-leave {
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
  }
  .\[\&_\.transition-leave\]\:\[transition\:left\] {
    & .transition-leave {
      transition: left;
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:absolute {
    & .action-back {
      & .trash-icon {
        position: absolute;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:top-\[20px\] {
    & .action-back {
      & .trash-icon {
        top: 20px;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:left-\[24px\] {
    & .action-back {
      & .trash-icon {
        left: 24px;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:text-\[2em\] {
    & .action-back {
      & .trash-icon {
        font-size: 2em;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:\[color\:var\(--color-text-primary\,_\#ffffff\)\] {
    & .action-back {
      & .trash-icon {
        color: var(--color-text-primary, #ffffff);
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:opacity-1 {
    & .action-back {
      & .trash-icon {
        opacity: 1%;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:ui-active\:\[animation\:listItemFadeOut_800ms\] {
    & .action-back {
      & .trash-icon {
        &.active {
          animation: listItemFadeOut 800ms;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.trash-icon\]\:ui-active\:opacity-0 {
    & .action-back {
      & .trash-icon {
        &.active {
          opacity: 0%;
        }
      }
    }
  }
  .\[\&_\.triple-fields\]\:flex {
    & .triple-fields {
      display: flex;
    }
  }
  .\[\&_\.triple-fields\]\:\[width\:100\%\] {
    & .triple-fields {
      width: 100%;
    }
  }
  .\[\&_\.triple-fields\]\:gap-\[16px\] {
    & .triple-fields {
      gap: 16px;
    }
  }
  .\[\&_\.triple-fields\]\:max-sm\:block {
    & .triple-fields {
      @media (width < 640px) {
        display: block;
      }
    }
  }
  .\[\&_\.triple-fields\]\:max-sm\:gap-\[0\] {
    & .triple-fields {
      @media (width < 640px) {
        gap: 0;
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:mb-\[16px\] {
    & .grid-like {
      & .triple-fields {
        margin-bottom: 16px;
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:gap-\[0\] {
    & .grid-like {
      & .triple-fields {
        gap: 0;
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:absolute {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:right-\[24px\] {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:\[font-size\:1\.25em\] {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          font-size: 1.25em;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:leading-\[76px\] {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          --tw-leading: 76px;
          line-height: 76px;
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:font-medium {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:\[color\:var\(--color-text-primary\,_\#ffffff\)\] {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          color: var(--color-text-primary, #ffffff);
        }
      }
    }
  }
  .\[\&_\.action-back\]\:\[\&_\.action-swiped-container\]\:\[\&_\.undo\]\:uppercase {
    & .action-back {
      & .action-swiped-container {
        & .undo {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:absolute {
    & .timepicker {
      & .picker {
        & .up {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:top-\[8px\] {
    & .timepicker {
      & .picker {
        & .up {
          top: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:left-\[8px\] {
    & .timepicker {
      & .picker {
        & .up {
          left: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:h-\[32px\] {
    & .timepicker {
      & .picker {
        & .up {
          height: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:w-\[32px\] {
    & .timepicker {
      & .picker {
        & .up {
          width: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:cursor-pointer {
    & .timepicker {
      & .picker {
        & .up {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:rounded-\[24px\] {
    & .timepicker {
      & .picker {
        & .up {
          border-radius: 24px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:p-\[8px\] {
    & .timepicker {
      & .picker {
        & .up {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:\[color\:\#aaaaaa\] {
    & .timepicker {
      & .picker {
        & .up {
          color: #aaaaaa;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:\[transition\:background-color_0\.2s\,_color_0\.2s\] {
    & .timepicker {
      & .picker {
        & .up {
          transition: background-color 0.2s, color 0.2s;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:hover\:\[color\:\#FFFFFF\] {
    & .timepicker {
      & .picker {
        & .up {
          &:hover {
            @media (hover: hover) {
              color: #FFFFFF;
            }
          }
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_\.up\]\:hover\:\[background\:\#1976D2\] {
    & .timepicker {
      & .picker {
        & .up {
          &:hover {
            @media (hover: hover) {
              background: #1976D2;
            }
          }
        }
      }
    }
  }
  .\[\&_\.value-label\]\:absolute {
    & .value-label {
      position: absolute;
    }
  }
  .\[\&_\.value-label\]\:-top-\[6px\] {
    & .value-label {
      top: calc(6px * -1);
    }
  }
  .\[\&_\.value-label\]\:right-\[4px\] {
    & .value-label {
      right: 4px;
    }
  }
  .\[\&_\.value-label\]\:box-border {
    & .value-label {
      box-sizing: border-box;
    }
  }
  .\[\&_\.value-label\]\:h-\[32px\] {
    & .value-label {
      height: 32px;
    }
  }
  .\[\&_\.value-label\]\:w-\[32px\] {
    & .value-label {
      width: 32px;
    }
  }
  .\[\&_\.value-label\]\:text-center {
    & .value-label {
      text-align: center;
    }
  }
  .\[\&_\.value-label\]\:text-\[16px\] {
    & .value-label {
      font-size: 16px;
    }
  }
  .\[\&_\.value-label\]\:leading-\[32px\] {
    & .value-label {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\.value-label\]\:font-medium {
    & .value-label {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\.value-label\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.26\)\] {
    & .value-label {
      border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    }
  }
  .\[\&_\.value-label\]\:\[transition\:border-color_200ms\,_border-width_200ms\] {
    & .value-label {
      transition: border-color 200ms, border-width 200ms;
    }
  }
  .\[\&_\.value-label\]\:ui-disabled\:\[opacity\:0\.5\] {
    & .value-label {
      &.disabled {
        opacity: 0.5;
      }
    }
  }
  .\[\&_\.value-label\]\:ui-focus\:\[border-bottom-color\:var\(--primary-colour\,_\#1976d2\)\] {
    & .value-label {
      &.focus {
        border-bottom-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_\.value-label\]\:ui-focus\:\[border-bottom\:2px_solid\] {
    & .value-label {
      &.focus {
        border-bottom: 2px solid;
      }
    }
  }
  .\[\&_\.w-form-control\]\:\!h-\[33px\] {
    & .w-form-control {
      height: 33px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!w-full {
    & .w-form-control {
      width: 100% !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!rounded-\[7px\] {
    & .w-form-control {
      border-radius: 7px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!border {
    & .w-form-control {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!border-solid {
    & .w-form-control {
      --tw-border-style: solid !important;
      border-style: solid !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!border-\[\#d4e2e8\] {
    & .w-form-control {
      border-color: #d4e2e8 !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!border-surface-border {
    & .w-form-control {
      border-color: #d4e2e8 !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!bg-\[\#f8fbfc\] {
    & .w-form-control {
      background-color: #f8fbfc !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!bg-surface-page {
    & .w-form-control {
      background-color: #f2f5f6 !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!bg-white {
    & .w-form-control {
      background-color: var(--color-white) !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!px-\[10px\] {
    & .w-form-control {
      padding-inline: 10px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!py-\[7px\] {
    & .w-form-control {
      padding-block: 7px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-right {
    & .w-form-control {
      text-align: right !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-\[13\.6px\] {
    & .w-form-control {
      font-size: 13.6px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!leading-\[17px\] {
    & .w-form-control {
      --tw-leading: 17px !important;
      line-height: 17px !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!font-normal {
    & .w-form-control {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-\[\#1a2d35\] {
    & .w-form-control {
      color: #1a2d35 !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-\[\#7a909a\] {
    & .w-form-control {
      color: #7a909a !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-surface-label {
    & .w-form-control {
      color: #7a909a !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!text-surface-text {
    & .w-form-control {
      color: #1a2d35 !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!shadow-none {
    & .w-form-control {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .\[\&_\.w-form-control\]\:\!outline-none {
    & .w-form-control {
      --tw-outline-style: none !important;
      outline-style: none !important;
    }
  }
  .\[\&_\.w-form-control\]\:\[transition\:border-color_0\.15s_ease-in-out\] {
    & .w-form-control {
      transition: border-color 0.15s ease-in-out;
    }
  }
  .\[\&_\.w-form-control\:focus\]\:\!border-\[\#80bdff\] {
    & .w-form-control:focus {
      border-color: #80bdff !important;
    }
  }
  .\[\&_\.w-form-control\:focus\]\:\!border-primary-700 {
    & .w-form-control:focus {
      border-color: oklch(from var(--brand-primary) l c h) !important;
    }
  }
  .\[\&_\.w-form-control\:focus\]\:\!bg-white {
    & .w-form-control:focus {
      background-color: var(--color-white) !important;
    }
  }
  .\[\&_\.w-form-control\:focus\]\:\!shadow-none {
    & .w-form-control:focus {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .\[\&_\.w-form-control\:focus\]\:\!outline-0 {
    & .w-form-control:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0px !important;
    }
  }
  .\[\&_\.wf-action-area\]\:inline-block {
    & .wf-action-area {
      display: inline-block;
    }
  }
  .\[\&_\.wf-action-area\]\:flex-1 {
    & .wf-action-area {
      flex: 1;
    }
  }
  .\[\&_\.wf-action-area\]\:text-left {
    & .wf-action-area {
      text-align: left;
    }
  }
  .\[\&_\.wf-choose-btn\]\:\[color\:var\(--color-action-primary\)\] {
    & .wf-choose-btn {
      color: var(--color-action-primary);
    }
  }
  .\[\&_\.wf-choose-btn\]\:\[background\:var\(--color-action-primary-hover\)\] {
    & .wf-choose-btn {
      background: var(--color-action-primary-hover);
    }
  }
  .\[\&_\.wf-lookup__control\]\:rounded-\[4px\] {
    & .wf-lookup  control {
      border-radius: 4px;
    }
  }
  .\[\&_\.wf-lookup__control\]\:border-\[1px\] {
    & .wf-lookup  control {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.wf-lookup__control\]\:border-none {
    & .wf-lookup  control {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.wf-lookup__control\]\:border-solid {
    & .wf-lookup  control {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[border-color\:\#334155\] {
    & .wf-lookup  control {
      border-color: #334155;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[border-color\:\#e5e7eb\] {
    & .wf-lookup  control {
      border-color: #e5e7eb;
    }
  }
  .\[\&_\.wf-lookup__control\]\:bg-transparent {
    & .wf-lookup  control {
      background-color: transparent;
    }
  }
  .\[\&_\.wf-lookup__control\]\:bg-white {
    & .wf-lookup  control {
      background-color: var(--color-white);
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[padding\:8px_12px\] {
    & .wf-lookup  control {
      padding: 8px 12px;
    }
  }
  .\[\&_\.wf-lookup__control\]\:p-0 {
    & .wf-lookup  control {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.wf-lookup__control\]\:text-\[1rem\] {
    & .wf-lookup  control {
      font-size: 1rem;
    }
  }
  .\[\&_\.wf-lookup__control\]\:text-\[12pt\] {
    & .wf-lookup  control {
      font-size: 12pt;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[color\:\#000000\] {
    & .wf-lookup  control {
      color: #000000;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[color\:\#f1f5f9\] {
    & .wf-lookup  control {
      color: #f1f5f9;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[background\:\#0f172a\] {
    & .wf-lookup  control {
      background: #0f172a;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[border\:1px_solid_\#ccc\] {
    & .wf-lookup  control {
      border: 1px solid #ccc;
    }
  }
  .\[\&_\.wf-lookup__control\]\:\[transition\:border-color_200ms\,_box-shadow_200ms\] {
    & .wf-lookup  control {
      transition: border-color 200ms, box-shadow 200ms;
    }
  }
  .\[\&_\.wf-lookup__control\]\:placeholder\:\[color\:\#64748b\] {
    & .wf-lookup  control {
      &::placeholder {
        color: #64748b;
      }
    }
  }
  .\[\&_\.wf-lookup__control\]\:focus\:\[border-color\:\#22d3ee\] {
    & .wf-lookup  control {
      &:focus {
        border-color: #22d3ee;
      }
    }
  }
  .\[\&_\.wf-lookup__control\]\:focus\:\[border-color\:\#039be5\] {
    & .wf-lookup  control {
      &:focus {
        border-color: #039be5;
      }
    }
  }
  .\[\&_\.wf-lookup__control\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(3\,_155\,_229\,_0\.1\)\] {
    & .wf-lookup  control {
      &:focus {
        box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
      }
    }
  }
  .\[\&_\.wf-lookup__control\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(34\,_211\,_238\,_0\.2\)\] {
    & .wf-lookup  control {
      &:focus {
        box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
      }
    }
  }
  .\[\&_\.wf-lookup__control\]\:focus\:\[outline\:none\] {
    & .wf-lookup  control {
      &:focus {
        outline: none;
      }
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:inline-block {
    & .wf-lookup  single-value & {
      display: inline-block;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:\[height\:1\.25em\] {
    & .wf-lookup  single-value & {
      height: 1.25em;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:\[width\:1\.25em\] {
    & .wf-lookup  single-value & {
      width: 1.25em;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:overflow-visible {
    & .wf-lookup  single-value & {
      overflow: visible;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:text-center {
    & .wf-lookup  single-value & {
      text-align: center;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:\[vertical-align\:-0\.225em\] {
    & .wf-lookup  single-value & {
      vertical-align: -0.225em;
    }
  }
  .\[\&_\.wf-lookup__single-value_\&\]\:text-inherit {
    & .wf-lookup  single-value & {
      color: inherit;
    }
  }
  .\[\&_\.wf-section-header\]\:\[margin-top\:0\.5em\] {
    & .wf-section-header {
      margin-top: 0.5em;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:h-\[300px\] {
    & .wysiwyg-editor {
      height: 300px;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:rounded-\[4px\] {
    & .wysiwyg-editor {
      border-radius: 4px;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:border-\[1px\] {
    & .wysiwyg-editor {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:border-none {
    & .wysiwyg-editor {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:border-solid {
    & .wysiwyg-editor {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[border-color\:\#334155\] {
    & .wysiwyg-editor {
      border-color: #334155;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[border-color\:\#e5e7eb\] {
    & .wysiwyg-editor {
      border-color: #e5e7eb;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:bg-transparent {
    & .wysiwyg-editor {
      background-color: transparent;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:bg-white {
    & .wysiwyg-editor {
      background-color: var(--color-white);
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[padding\:8px_12px\] {
    & .wysiwyg-editor {
      padding: 8px 12px;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:p-0 {
    & .wysiwyg-editor {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\.wysiwyg-editor\]\:text-\[1rem\] {
    & .wysiwyg-editor {
      font-size: 1rem;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:text-\[12pt\] {
    & .wysiwyg-editor {
      font-size: 12pt;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[color\:\#000000\] {
    & .wysiwyg-editor {
      color: #000000;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[color\:\#f1f5f9\] {
    & .wysiwyg-editor {
      color: #f1f5f9;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[background\:\#0f172a\] {
    & .wysiwyg-editor {
      background: #0f172a;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[border\:1px_solid_\#ccc\] {
    & .wysiwyg-editor {
      border: 1px solid #ccc;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[transition\:border-color_200ms\,_box-shadow_200ms\] {
    & .wysiwyg-editor {
      transition: border-color 200ms, box-shadow 200ms;
    }
  }
  .\[\&_\.wysiwyg-editor\]\:placeholder\:\[color\:\#64748b\] {
    & .wysiwyg-editor {
      &::placeholder {
        color: #64748b;
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:focus\:\[border-color\:\#22d3ee\] {
    & .wysiwyg-editor {
      &:focus {
        border-color: #22d3ee;
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:focus\:\[border-color\:\#039be5\] {
    & .wysiwyg-editor {
      &:focus {
        border-color: #039be5;
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(3\,_155\,_229\,_0\.1\)\] {
    & .wysiwyg-editor {
      &:focus {
        box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(34\,_211\,_238\,_0\.2\)\] {
    & .wysiwyg-editor {
      &:focus {
        box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:focus\:\[outline\:none\] {
    & .wysiwyg-editor {
      &:focus {
        outline: none;
      }
    }
  }
  .\[\&_\.wysiwyg-editor\]\:\[\&_\*\]\:text-\[1rem\] {
    & .wysiwyg-editor {
      & * {
        font-size: 1rem;
      }
    }
  }
  .\[\&_\:not\(pre\)\>code\]\:rounded {
    & :not(pre)>code {
      border-radius: 0.25rem;
    }
  }
  .\[\&_\:not\(pre\)\>code\]\:bg-slate-100 {
    & :not(pre)>code {
      background-color: var(--color-slate-100);
    }
  }
  .\[\&_\:not\(pre\)\>code\]\:px-1 {
    & :not(pre)>code {
      padding-inline: var(--spacing-1);
    }
  }
  .\[\&_\>_\*\]\:absolute {
    & > * {
      position: absolute;
    }
  }
  .\[\&_\>_\*\]\:\[top\:0\.125em\] {
    & > * {
      top: 0.125em;
    }
  }
  .\[\&_\>_\*\]\:right-\[4px\] {
    & > * {
      right: 4px;
    }
  }
  .\[\&_\>_\*\]\:box-content {
    & > * {
      box-sizing: content-box;
    }
  }
  .\[\&_\>_\*\]\:\[height\:1\.25em\] {
    & > * {
      height: 1.25em;
    }
  }
  .\[\&_\>_\*\]\:h-screen {
    & > * {
      height: 100vh;
    }
  }
  .\[\&_\>_\*\]\:\[width\:100\%\] {
    & > * {
      width: 100%;
    }
  }
  .\[\&_\>_\*\]\:flex-1 {
    & > * {
      flex: 1;
    }
  }
  .\[\&_\>_\*\]\:cursor-pointer {
    & > * {
      cursor: pointer;
    }
  }
  .\[\&_\>_\*\]\:overflow-y-auto {
    & > * {
      overflow-y: auto;
    }
  }
  .\[\&_\>_\*\]\:\[border-radius\:50\%\] {
    & > * {
      border-radius: 50%;
    }
  }
  .\[\&_\>_\*\]\:\[padding\:6px_8px\] {
    & > * {
      padding: 6px 8px;
    }
  }
  .\[\&_\>_\*\]\:p-\[4px\] {
    & > * {
      padding: 4px;
    }
  }
  .\[\&_\>_\*\]\:\[line-height\:1\.5rem\] {
    & > * {
      line-height: 1.5rem;
    }
  }
  .\[\&_\>_\*\]\:\[border-bottom\:none\] {
    & > * {
      border-bottom: none;
    }
  }
  .\[\&_\>_\*\]\:\[border-right\:none\] {
    & > * {
      border-right: none;
    }
  }
  .\[\&_\>_\*\]\:\[border-top\:none\] {
    & > * {
      border-top: none;
    }
  }
  .\[\&_\>_\*\]\:\[border\:1px_solid_\#c4c4c4\] {
    & > * {
      border: 1px solid #c4c4c4;
    }
  }
  .\[\&_\>_\*\]\:\[transition\:background-color_200ms\,_color_200ms\] {
    & > * {
      transition: background-color 200ms, color 200ms;
    }
  }
  .\[\&_\>_\*\]\:hover\:\[color\:var\(--text-colour\,_white\)\] {
    & > * {
      &:hover {
        @media (hover: hover) {
          color: var(--text-colour, white);
        }
      }
    }
  }
  .\[\&_\>_\*\]\:hover\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & > * {
      &:hover {
        @media (hover: hover) {
          background: var(--primary-colour, #1976d2);
        }
      }
    }
  }
  .\[\&_\>_\*\]\:focus\:\[color\:var\(--text-colour\,_white\)\] {
    & > * {
      &:focus {
        color: var(--text-colour, white);
      }
    }
  }
  .\[\&_\>_\*\]\:focus\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & > * {
      &:focus {
        background: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:flex-1 {
    & .filter-inputs {
      & .operator-container {
        & > * {
          flex: 1;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\*\]\:\[padding\:6px_8px\] {
    & .filter-inputs {
      & .operator-container {
        & > * {
          padding: 6px 8px;
        }
      }
    }
  }
  .\[\&_\>_\.extra\]\:text-\[12pt\] {
    & > .extra {
      font-size: 12pt;
    }
  }
  .\[\&_\>_\.extra\]\:\[color\:\#22d3ee\] {
    & > .extra {
      color: #22d3ee;
    }
  }
  .\[\&_\>_\.extra\]\:\[color\:\#333333\] {
    & > .extra {
      color: #333333;
    }
  }
  .print\:\[\&_\.card-tabs\]\:\[\&_\>_\.card-tabs-content\]\:\[\&_\>_\.inactive\]\:block {
    @media print {
      & .card-tabs {
        & > .card-tabs-content {
          & > .inactive {
            display: block;
          }
        }
      }
    }
  }
  .\[\&_\>_\.monaco-editor\]\:\[grid-area\:content\] {
    & > .monaco-editor {
      grid-area: content;
    }
  }
  .\[\&_\>_\:first-child\]\:order-2 {
    & > :first-child {
      order: 2;
    }
  }
  .print\:\[\&_\>_\:first-child\]\:hidden {
    @media print {
      & > :first-child {
        display: none;
      }
    }
  }
  .\[\&_\>_\:last-child\]\:order-1 {
    & > :last-child {
      order: 1;
    }
  }
  .\[\&_\>_\:not\(div\)\]\:\[opacity\:0\.25\] {
    & > :not(div) {
      opacity: 0.25;
    }
  }
  .\[\&_\>_\:not\(div\)\]\:\[transition\:opacity_400ms\] {
    & > :not(div) {
      transition: opacity 400ms;
    }
  }
  .\[\&_\>_\:nth-child\(2\)\]\:flex-1 {
    & > :nth-child(2) {
      flex: 1;
    }
  }
  .\[\&_\>_\:nth-child\(2\)\]\:overflow-y-scroll {
    & > :nth-child(2) {
      overflow-y: scroll;
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:w-\[240px\] {
    & .filter-inputs {
      & .operator-container {
        & > :nth-child(2) {
          width: 240px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(2\)\]\:\[flex\:unset\] {
    & .filter-inputs {
      & .operator-container {
        & > :nth-child(2) {
          flex: unset;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_\>_\:nth-child\(3\)\]\:flex-2 {
    & .filter-inputs {
      & .operator-container {
        & > :nth-child(3) {
          flex: 2;
        }
      }
    }
  }
  .\[\&_\>_\:nth-of-type\(2\)\]\:w-\[240px\] {
    & > :nth-of-type(2) {
      width: 240px;
    }
  }
  .\[\&_\>_\:nth-of-type\(2\)\]\:\[flex\:unset\] {
    & > :nth-of-type(2) {
      flex: unset;
    }
  }
  .\[\&_\>_\:nth-of-type\(3\)\]\:flex-2 {
    & > :nth-of-type(3) {
      flex: 2;
    }
  }
  .\[\&_\>_a\]\:block {
    & > a {
      display: block;
    }
  }
  .\[\&_\>_a\]\:cursor-pointer {
    & > a {
      cursor: pointer;
    }
  }
  .\[\&_\>_a\]\:p-\[8px\] {
    & > a {
      padding: 8px;
    }
  }
  .\[\&_\>_a\]\:pl-\[32px\] {
    & > a {
      padding-left: 32px;
    }
  }
  .\[\&_\>_a\]\:\[outline\:none\] {
    & > a {
      outline: none;
    }
  }
  .\[\&_\>_a\]\:select-none {
    & > a {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:block {
    & .sidebar {
      & > a {
        display: block;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:cursor-pointer {
    & .sidebar {
      & > a {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:p-\[8px\] {
    & .sidebar {
      & > a {
        padding: 8px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl-\[32px\] {
    & .sidebar {
      & > a {
        padding-left: 32px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .sidebar {
      & > a {
        color: rgba(255, 255, 255, 0.87);
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:no-underline {
    & .sidebar {
      & > a {
        text-decoration-line: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[outline\:none\] {
    & .sidebar {
      & > a {
        outline: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:select-none {
    & .sidebar {
      & > a {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:\[background\:\#1976d2\] {
    & .sidebar {
      & > a {
        &:hover {
          @media (hover: hover) {
            background: #1976d2;
          }
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:\[background\:\#1976d2\] {
    & .sidebar {
      & > a {
        &:focus {
          background: #1976d2;
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:ui-active\:font-medium {
    & .sidebar {
      & > a {
        &.active {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:ui-active\:text-black {
    & .sidebar {
      & > a {
        &.active {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_\>_a\]\:ui-active\:\[background\:\#f0f0f0\] {
    & .sidebar {
      & > a {
        &.active {
          background: #f0f0f0;
        }
      }
    }
  }
  .\[\&_\>_a\.active\]\:font-medium {
    & > a.active {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\>_a\.active\]\:\[background\:\#f0f0f0\] {
    & > a.active {
      background: #f0f0f0;
    }
  }
  .\[\&_\>_a\:focus\]\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & > a:focus {
      background: rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&_\>_a\:hover\]\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & > a:hover {
      background: rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&_\>_button\]\:\[margin\:0px_4px\] {
    & > button {
      margin: 0px 4px;
    }
  }
  .\[\&_\>_button\]\:mr-\[8px\] {
    & > button {
      margin-right: 8px;
    }
  }
  .\[\&_\>_button\]\:-ml-\[8px\] {
    & > button {
      margin-left: calc(8px * -1);
    }
  }
  .\[\&_\>_button\]\:block {
    & > button {
      display: block;
    }
  }
  .\[\&_\>_button\]\:w-\[26px\] {
    & > button {
      width: 26px;
    }
  }
  .\[\&_\>_button\]\:w-\[96px\] {
    & > button {
      width: 96px;
    }
  }
  .\[\&_\>_button\]\:cursor-pointer {
    & > button {
      cursor: pointer;
    }
  }
  .\[\&_\>_button\]\:\[border-radius\:50\%\] {
    & > button {
      border-radius: 50%;
    }
  }
  .\[\&_\>_button\]\:border-none {
    & > button {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_\>_button\]\:bg-transparent {
    & > button {
      background-color: transparent;
    }
  }
  .\[\&_\>_button\]\:bg-none {
    & > button {
      background-image: none;
    }
  }
  .\[\&_\>_button\]\:p-\[0px\] {
    & > button {
      padding: 0px;
    }
  }
  .\[\&_\>_button\]\:leading-\[32px\] {
    & > button {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_\>_button\]\:font-medium {
    & > button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_\>_button\]\:\[color\:\#1976d2\] {
    & > button {
      color: #1976d2;
    }
  }
  .\[\&_\>_button\]\:\[color\:var\(--text-colour\)\] {
    & > button {
      color: var(--text-colour);
    }
  }
  .\[\&_\>_button\]\:uppercase {
    & > button {
      text-transform: uppercase;
    }
  }
  .\[\&_\>_button\]\:hover\:\[color\:var\(--background-colour\)\] {
    & > button {
      &:hover {
        @media (hover: hover) {
          color: var(--background-colour);
        }
      }
    }
  }
  .\[\&_\>_button\]\:hover\:\[background\:\#eeeeee\] {
    & > button {
      &:hover {
        @media (hover: hover) {
          background: #eeeeee;
        }
      }
    }
  }
  .\[\&_\>_button\]\:hover\:\[background\:var\(--text-colour\)\] {
    & > button {
      &:hover {
        @media (hover: hover) {
          background: var(--text-colour);
        }
      }
    }
  }
  .\[\&_\>_button\]\:focus\:\[background\:\#eeeeee\] {
    & > button {
      &:focus {
        background: #eeeeee;
      }
    }
  }
  .\[\&_\>_button\]\:focus-visible\:\[outline\:1px_dotted_var\(--text-colour\)\] {
    & > button {
      &:focus-visible {
        outline: 1px dotted var(--text-colour);
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:mr-\[8px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:-ml-\[8px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          margin-left: calc(8px * -1);
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:block {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          display: block;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:w-\[96px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          width: 96px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:cursor-pointer {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:border-none {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          --tw-border-style: none;
          border-style: none;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:bg-none {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          background-image: none;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:p-\[0px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          padding: 0px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:leading-\[32px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          --tw-leading: 32px;
          line-height: 32px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:font-medium {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:\[color\:\#1976d2\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          color: #1976d2;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:uppercase {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:hover\:\[background\:\#eeeeee\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          &:hover {
            @media (hover: hover) {
              background: #eeeeee;
            }
          }
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_button\]\:focus\:\[background\:\#eeeeee\] {
    & .filter-inputs {
      & .datepicker-container {
        & > button {
          &:focus {
            background: #eeeeee;
          }
        }
      }
    }
  }
  .\[\&_\>_button\.delete\]\:m-\[0px\] {
    & > button.delete {
      margin: 0px;
    }
  }
  .\[\&_\>_button\.delete\]\:h-\[48px\] {
    & > button.delete {
      height: 48px;
    }
  }
  .\[\&_\>_button\.delete\]\:w-\[48px\] {
    & > button.delete {
      width: 48px;
    }
  }
  .\[\&_\>_button\.delete\]\:\[flex\:unset\] {
    & > button.delete {
      flex: unset;
    }
  }
  .\[\&_\>_button\.delete\]\:\[font-size\:1\.5em\] {
    & > button.delete {
      font-size: 1.5em;
    }
  }
  .\[\&_\>_button\.duplicate\]\:m-\[0px\] {
    & > button.duplicate {
      margin: 0px;
    }
  }
  .\[\&_\>_button\.duplicate\]\:h-\[48px\] {
    & > button.duplicate {
      height: 48px;
    }
  }
  .\[\&_\>_button\.duplicate\]\:w-\[48px\] {
    & > button.duplicate {
      width: 48px;
    }
  }
  .\[\&_\>_button\.duplicate\]\:\[flex\:unset\] {
    & > button.duplicate {
      flex: unset;
    }
  }
  .\[\&_\>_button\.duplicate\]\:\[font-size\:1\.5em\] {
    & > button.duplicate {
      font-size: 1.5em;
    }
  }
  .\[\&_\>_div\]\:fixed {
    & > div {
      position: fixed;
    }
  }
  .\[\&_\>_div\]\:relative {
    & > div {
      position: relative;
    }
  }
  .\[\&_\>_div\]\:sticky {
    & > div {
      position: sticky;
    }
  }
  .\[\&_\>_div\]\:-top-\[4px\] {
    & > div {
      top: calc(4px * -1);
    }
  }
  .\[\&_\>_div\]\:\[top\:-100\%\] {
    & > div {
      top: -100%;
    }
  }
  .\[\&_\>_div\]\:top-\[12px\] {
    & > div {
      top: 12px;
    }
  }
  .\[\&_\>_div\]\:top-\[32px\] {
    & > div {
      top: 32px;
    }
  }
  .\[\&_\>_div\]\:left-\[12px\] {
    & > div {
      left: 12px;
    }
  }
  .\[\&_\>_div\]\:z-\[3\] {
    & > div {
      z-index: 3;
    }
  }
  .\[\&_\>_div\]\:\[margin\:var\(--gap\)\] {
    & > div {
      margin: var(--gap);
    }
  }
  .\[\&_\>_div\]\:m-auto {
    & > div {
      margin: auto;
    }
  }
  .\[\&_\>_div\]\:mt-\[16px\] {
    & > div {
      margin-top: 16px;
    }
  }
  .\[\&_\>_div\]\:box-border {
    & > div {
      box-sizing: border-box;
    }
  }
  .\[\&_\>_div\]\:box-content {
    & > div {
      box-sizing: content-box;
    }
  }
  .\[\&_\>_div\]\:block {
    & > div {
      display: block;
    }
  }
  .\[\&_\>_div\]\:grid {
    & > div {
      display: grid;
    }
  }
  .\[\&_\>_div\]\:inline-block {
    & > div {
      display: inline-block;
    }
  }
  .\[\&_\>_div\]\:\[height\:100\%\] {
    & > div {
      height: 100%;
    }
  }
  .\[\&_\>_div\]\:\[height\:calc\(100\%_-_var\(--gap\)\*2\)\] {
    & > div {
      height: calc(100% - var(--gap) * 2);
    }
  }
  .\[\&_\>_div\]\:h-\[0px\] {
    & > div {
      height: 0px;
    }
  }
  .\[\&_\>_div\]\:h-\[20px\] {
    & > div {
      height: 20px;
    }
  }
  .\[\&_\>_div\]\:h-\[24px\] {
    & > div {
      height: 24px;
    }
  }
  .\[\&_\>_div\]\:h-\[40px\] {
    & > div {
      height: 40px;
    }
  }
  .\[\&_\>_div\]\:\[width\:100\%\] {
    & > div {
      width: 100%;
    }
  }
  .\[\&_\>_div\]\:\[width\:calc\(100\%_-_var\(--gap\)\*2\)\] {
    & > div {
      width: calc(100% - var(--gap) * 2);
    }
  }
  .\[\&_\>_div\]\:w-\[0px\] {
    & > div {
      width: 0px;
    }
  }
  .\[\&_\>_div\]\:w-\[20px\] {
    & > div {
      width: 20px;
    }
  }
  .\[\&_\>_div\]\:w-\[24px\] {
    & > div {
      width: 24px;
    }
  }
  .\[\&_\>_div\]\:w-\[60px\] {
    & > div {
      width: 60px;
    }
  }
  .\[\&_\>_div\]\:w-\[1400px\] {
    & > div {
      width: 1400px;
    }
  }
  .\[\&_\>_div\]\:w-screen {
    & > div {
      width: 100vw;
    }
  }
  .\[\&_\>_div\]\:max-w-\[24px\] {
    & > div {
      max-width: 24px;
    }
  }
  .\[\&_\>_div\]\:max-w-none {
    & > div {
      max-width: none;
    }
  }
  .\[\&_\>_div\]\:min-w-0 {
    & > div {
      min-width: var(--spacing-0);
    }
  }
  .\[\&_\>_div\]\:min-w-\[24px\] {
    & > div {
      min-width: 24px;
    }
  }
  .\[\&_\>_div\]\:flex-1 {
    & > div {
      flex: 1;
    }
  }
  .\[\&_\>_div\]\:flex-3 {
    & > div {
      flex: 3;
    }
  }
  .\[\&_\>_div\]\:origin-center {
    & > div {
      transform-origin: center;
    }
  }
  .\[\&_\>_div\]\:\[grid-template-columns\:1fr_1fr\] {
    & > div {
      grid-template-columns: 1fr 1fr;
    }
  }
  .\[\&_\>_div\]\:overflow-y-scroll {
    & > div {
      overflow-y: scroll;
    }
  }
  .\[\&_\>_div\]\:\[border-radius\:50\%\] {
    & > div {
      border-radius: 50%;
    }
  }
  .\[\&_\>_div\]\:rounded-\[0px\] {
    & > div {
      border-radius: 0px;
    }
  }
  .\[\&_\>_div\]\:rounded-\[2px\] {
    & > div {
      border-radius: 2px;
    }
  }
  .\[\&_\>_div\]\:rounded-\[6px\] {
    & > div {
      border-radius: 6px;
    }
  }
  .\[\&_\>_div\]\:\[padding\:4px_8px\] {
    & > div {
      padding: 4px 8px;
    }
  }
  .\[\&_\>_div\]\:pl-\[16px\] {
    & > div {
      padding-left: 16px;
    }
  }
  .\[\&_\>_div\]\:text-center {
    & > div {
      text-align: center;
    }
  }
  .\[\&_\>_div\]\:text-right {
    & > div {
      text-align: right;
    }
  }
  .\[\&_\>_div\]\:align-middle {
    & > div {
      vertical-align: middle;
    }
  }
  .\[\&_\>_div\]\:leading-\[1rem\] {
    & > div {
      --tw-leading: 1rem;
      line-height: 1rem;
    }
  }
  .\[\&_\>_div\]\:font-normal {
    & > div {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\>_div\]\:text-white {
    & > div {
      color: var(--color-white);
    }
  }
  .\[\&_\>_div\]\:\[opacity\:0\.85\] {
    & > div {
      opacity: 0.85;
    }
  }
  .\[\&_\>_div\]\:duration-\[600ms\] {
    & > div {
      --tw-duration: 600ms;
      transition-duration: 600ms;
    }
  }
  .\[\&_\>_div\]\:\[transition-timing-function\:cubic-bezier\(0\.175\,_0\.885\,_0\.32\,_1\.275\)\] {
    & > div {
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
  }
  .\[\&_\>_div\]\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & > div {
      background: rgba(0, 0, 0, 0.5);
    }
  }
  .\[\&_\>_div\]\:\[border-left\:4px_solid_var\(--form-nav-background\,_\#039be5\)\] {
    & > div {
      border-left: 4px solid var(--form-nav-background, #039be5);
    }
  }
  .\[\&_\>_div\]\:\[border-left\:none\] {
    & > div {
      border-left: none;
    }
  }
  .\[\&_\>_div\]\:\[border\:2px_solid_rgba\(0\,_0\,_0\,_0\.5\)\] {
    & > div {
      border: 2px solid rgba(0, 0, 0, 0.5);
    }
  }
  .\[\&_\>_div\]\:\[border\:2px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.5\)\] {
    & > div {
      border: 2px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.5);
    }
  }
  .\[\&_\>_div\]\:\[border\:2px_solid_var\(--checkbox-group-base-color\,_\#666666\)\] {
    & > div {
      border: 2px solid var(--checkbox-group-base-color, #666666);
    }
  }
  .\[\&_\>_div\]\:\[grid-gap\:16px\] {
    & > div {
      grid-gap: 16px;
    }
  }
  .\[\&_\>_div\]\:\[transition\:background-color_200ms\,_border-color_200ms\,_border-width_200ms\] {
    & > div {
      transition: background-color 200ms, border-color 200ms, border-width 200ms;
    }
  }
  .\[\&_\>_div\]\:\[transition\:background-color_200ms\,_border-color_200ms\] {
    & > div {
      transition: background-color 200ms, border-color 200ms;
    }
  }
  .\[\&_\>_div\]\:\[transition\:top\] {
    & > div {
      transition: top;
    }
  }
  .\[\&_\>_div\]\:\[transition\:transform_200ms\] {
    & > div {
      transition: transform 200ms;
    }
  }
  .\[\&_\>_div\]\:after\:absolute {
    & > div {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\>_div\]\:after\:top-\[12px\] {
    & > div {
      &::after {
        content: var(--tw-content);
        top: 12px;
      }
    }
  }
  .\[\&_\>_div\]\:after\:left-\[12px\] {
    & > div {
      &::after {
        content: var(--tw-content);
        left: 12px;
      }
    }
  }
  .\[\&_\>_div\]\:after\:inline-block {
    & > div {
      &::after {
        content: var(--tw-content);
        display: inline-block;
      }
    }
  }
  .\[\&_\>_div\]\:after\:h-\[0px\] {
    & > div {
      &::after {
        content: var(--tw-content);
        height: 0px;
      }
    }
  }
  .\[\&_\>_div\]\:after\:w-\[0px\] {
    & > div {
      &::after {
        content: var(--tw-content);
        width: 0px;
      }
    }
  }
  .\[\&_\>_div\]\:after\:\[border-radius\:50\%\] {
    & > div {
      &::after {
        content: var(--tw-content);
        border-radius: 50%;
      }
    }
  }
  .\[\&_\>_div\]\:after\:\[content\:\"_\"\] {
    & > div {
      &::after {
        content: var(--tw-content);
        content: " ";
      }
    }
  }
  .\[\&_\>_div\]\:after\:\[content\:\\\"_\\\"\] {
    & > div {
      &::after {
        content: var(--tw-content);
        content: \" \";
      }
    }
  }
  .hover\:\[\&_\>_div\]\:border-\[4px\] {
    &:hover {
      @media (hover: hover) {
        & > div {
          border-style: var(--tw-border-style);
          border-width: 4px;
        }
      }
    }
  }
  .focus\:\[\&_\>_div\]\:border-\[4px\] {
    &:focus {
      & > div {
        border-style: var(--tw-border-style);
        border-width: 4px;
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:\[border-color\:var\(--checkbox-group-primary-color\,_\#0d47a1\)\] {
    &.active {
      & > div {
        border-color: var(--checkbox-group-primary-color, #0d47a1);
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.active {
      & > div {
        border-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:\[background-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.active {
      & > div {
        background-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:\[background\:var\(--checkbox-group-primary-color\,_\#0d47a1\)\] {
    &.active {
      & > div {
        background: var(--checkbox-group-primary-color, #0d47a1);
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:after\:top-\[4px\] {
    &.active {
      & > div {
        &::after {
          content: var(--tw-content);
          top: 4px;
        }
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:after\:left-\[4px\] {
    &.active {
      & > div {
        &::after {
          content: var(--tw-content);
          left: 4px;
        }
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:after\:h-\[12px\] {
    &.active {
      & > div {
        &::after {
          content: var(--tw-content);
          height: 12px;
        }
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:after\:w-\[12px\] {
    &.active {
      & > div {
        &::after {
          content: var(--tw-content);
          width: 12px;
        }
      }
    }
  }
  .ui-active\:\[\&_\>_div\]\:after\:\[transition\:width_400ms\,_height_400ms\,_left_100ms\,_top_100ms\] {
    &.active {
      & > div {
        &::after {
          content: var(--tw-content);
          transition: width 400ms, height 400ms, left 100ms, top 100ms;
        }
      }
    }
  }
  .ui-active\:hover\:\[\&_\>_div\]\:after\:top-\[2px\] {
    &.active {
      &:hover {
        @media (hover: hover) {
          & > div {
            &::after {
              content: var(--tw-content);
              top: 2px;
            }
          }
        }
      }
    }
  }
  .ui-active\:hover\:\[\&_\>_div\]\:after\:left-\[2px\] {
    &.active {
      &:hover {
        @media (hover: hover) {
          & > div {
            &::after {
              content: var(--tw-content);
              left: 2px;
            }
          }
        }
      }
    }
  }
  .ui-active\:hover\:\[\&_\>_div\]\:after\:\[transition\:width_400ms\,_height_400ms\,_left_400ms\,_top_400ms\] {
    &.active {
      &:hover {
        @media (hover: hover) {
          & > div {
            &::after {
              content: var(--tw-content);
              transition: width 400ms, height 400ms, left 400ms, top 400ms;
            }
          }
        }
      }
    }
  }
  .ui-active\:focus\:\[\&_\>_div\]\:after\:top-\[2px\] {
    &.active {
      &:focus {
        & > div {
          &::after {
            content: var(--tw-content);
            top: 2px;
          }
        }
      }
    }
  }
  .ui-active\:focus\:\[\&_\>_div\]\:after\:left-\[2px\] {
    &.active {
      &:focus {
        & > div {
          &::after {
            content: var(--tw-content);
            left: 2px;
          }
        }
      }
    }
  }
  .ui-active\:focus\:\[\&_\>_div\]\:after\:\[transition\:width_400ms\,_height_400ms\,_left_400ms\,_top_400ms\] {
    &.active {
      &:focus {
        & > div {
          &::after {
            content: var(--tw-content);
            transition: width 400ms, height 400ms, left 400ms, top 400ms;
          }
        }
      }
    }
  }
  .ui-disabled\:\[\&_\>_div\]\:after\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &.disabled {
      & > div {
        &::after {
          content: var(--tw-content);
          background: rgba(0, 0, 0, 0.5);
        }
      }
    }
  }
  .ui-active\:ui-disabled\:\[\&_\>_div\]\:border-transparent {
    &.active {
      &.disabled {
        & > div {
          border-color: transparent;
        }
      }
    }
  }
  .ui-active\:ui-disabled\:\[\&_\>_div\]\:\[opacity\:0\.38\] {
    &.active {
      &.disabled {
        & > div {
          opacity: 0.38;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:-m-\[4px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        margin: calc(4px * -1);
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:rounded-\[6px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        border-radius: 6px;
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.back\]\:mt-\[0px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .back {
          margin-top: 0px;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.back\]\:ml-\[10px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .back {
          margin-left: 10px;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.back\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .back {
          border: 4px solid rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div\]\:relative {
    & .filter-group {
      & > div {
        position: relative;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div\]\:inline-block {
    & .filter-group {
      & > div {
        display: inline-block;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div\]\:\[width\:100\%\] {
    & .filter-group {
      & > div {
        width: 100%;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_div\]\:flex-3 {
    & .filter-inputs {
      & .datepicker-container {
        & > div {
          flex: 3;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.front\]\:top-\[4px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .front {
          top: 4px;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.front\]\:-ml-\[4px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .front {
          margin-left: calc(4px * -1);
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.front\]\:rounded-\[16px\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .front {
          border-radius: 16px;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&_\>_div\]\:\[\&_\.front\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.focused, &:hover:not(.disabled) {
      & > div {
        & .front {
          border: 4px solid rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:relative {
    & > div .filter-group {
      position: relative;
    }
  }
  .\[\&_\>_div_\.filter-group\]\:ml-\[32px\] {
    & > div .filter-group {
      margin-left: 32px;
    }
  }
  .\[\&_\>_div_\.filter-group\]\:pl-\[16px\] {
    & > div .filter-group {
      padding-left: 16px;
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:absolute {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:-bottom-\[8px\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        bottom: calc(8px * -1);
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:-left-\[2px\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        left: calc(2px * -1);
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:\[height\:calc\(100\%_\+_6px\)\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        height: calc(100% + 6px);
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:w-\[4px\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        width: 4px;
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:\[content\:\'\'\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:before\:\[background\:\#bdbdbd\] {
    & > div .filter-group {
      &::before {
        content: var(--tw-content);
        background: #bdbdbd;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:relative {
    & .filter-group {
      & > div .filter-group {
        position: relative;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:ml-\[32px\] {
    & .filter-group {
      & > div .filter-group {
        margin-left: 32px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:pl-\[16px\] {
    & .filter-group {
      & > div .filter-group {
        padding-left: 16px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:absolute {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:-bottom-\[8px\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          bottom: calc(8px * -1);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:-left-\[2px\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          left: calc(2px * -1);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:\[height\:calc\(100\%_\+_6px\)\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          height: calc(100% + 6px);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:w-\[4px\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          width: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:\[content\:\'\'\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:before\:\[background\:\#bdbdbd\] {
    & .filter-group {
      & > div .filter-group {
        &::before {
          content: var(--tw-content);
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt-\[48px\] {
    & > div .filter-group {
      & > div {
        margin-top: 48px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&_\>_div\]\:mt-\[48px\] {
    & .filter-group {
      & > div .filter-group {
        & > div {
          margin-top: 48px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_\:not\(\.delete-group\)\]\:\[opacity\:0\.25\] {
    & > div > :not(.delete-group) {
      opacity: 0.25;
    }
  }
  .\[\&_\>_div_\>_\:not\(\.delete-group\)\]\:\[transition\:opacity_400ms\] {
    & > div > :not(.delete-group) {
      transition: opacity 400ms;
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:relative {
    & > div > div .nav-item {
      position: relative;
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:p-\[32px\] {
    & > div > div .nav-item {
      padding: 32px;
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:p-\[0px\] {
    & > div > div .nav-item {
      & .nav-item {
        padding: 0px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:mb-\[32px\] {
    & > div > div .nav-item {
      & .nav-item-header {
        margin-bottom: 32px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:hidden {
    & > div > div .nav-item {
      & .nav-item-header {
        display: none;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[2rem\] {
    & > div > div .nav-item {
      & .nav-item-header {
        font-size: 2rem;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[line-height\:1\.5\] {
    & > div > div .nav-item {
      & .nav-item-header {
        line-height: 1.5;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:font-bold {
    & > div > div .nav-item {
      & .nav-item-header {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#4464A1\] {
    & > div > div .nav-item {
      & .nav-item-header {
        color: #4464A1;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[transition\:color_200ms\] {
    & > div > div .nav-item {
      & .nav-item-header {
        transition: color 200ms;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:mt-\[16px\] {
    & > div > div .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[14px\] {
    & > div > div .nav-item {
      & .nav-item {
        & .nav-item-header {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#64BAA7\] {
    & > div > div .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #64BAA7;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:uppercase {
    & > div > div .nav-item {
      & .nav-item {
        & .nav-item-header {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[padding\:32px_64px\] {
    & > div > div > .nav-item {
      padding: 32px 64px;
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:p-0 {
    & > div > div > .nav-item {
      padding: var(--spacing-0);
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:max-lg\:p-\[24px\] {
    & > div > div > .nav-item {
      @media (width < 1024px) {
        padding: 24px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:max-sm\:p-\[16px\] {
    & > div > div > .nav-item {
      @media (width < 640px) {
        padding: 16px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:mb-\[16px\] {
    & > div > div > .nav-item {
      & .nav-item {
        margin-bottom: 16px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:p-0 {
    & > div > div > .nav-item {
      & .nav-item {
        padding: var(--spacing-0);
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:p-\[0px\] {
    & > div > div > .nav-item {
      & .nav-item {
        padding: 0px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:mb-\[16px\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        margin-bottom: 16px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:mb-\[24px\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        margin-bottom: 24px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-0 {
    & > div > div > .nav-item {
      & .nav-item-header {
        margin-left: var(--spacing-0);
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-\[9px\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        margin-left: 9px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[2rem\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        font-size: 2rem;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[18pt\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        font-size: 18pt;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[line-height\:1\.3\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        line-height: 1.3;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[line-height\:1\.5\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        line-height: 1.5;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:font-bold {
    & > div > div > .nav-item {
      & .nav-item-header {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#000000\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        color: #000000;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#22d3ee\] {
    & > div > div > .nav-item {
      & .nav-item-header {
        color: #22d3ee;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:mt-\[12px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-top: 12px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:mt-\[16px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-0 {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-\[9px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-left: 9px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[font-size\:1\.5rem\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          font-size: 1.5rem;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[14pt\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          font-size: 14pt;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[14px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:font-bold {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#000000\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #000000;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#22d3ee\] {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #22d3ee;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:normal-case {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          text-transform: none;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:uppercase {
    & > div > div > .nav-item {
      & .nav-item {
        & .nav-item-header {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\>_div_\>_img\]\:m-auto {
    & > div > img {
      margin: auto;
    }
  }
  .\[\&_\>_div_\>_img\]\:mt-\[32px\] {
    & > div > img {
      margin-top: 32px;
    }
  }
  .\[\&_\>_div_\>_img\]\:block {
    & > div > img {
      display: block;
    }
  }
  .\[\&_\>_div_\>_img\]\:h-\[128px\] {
    & > div > img {
      height: 128px;
    }
  }
  .\[\&_\>_div_\>_img\]\:max-h-\[128px\] {
    & > div > img {
      max-height: 128px;
    }
  }
  .\[\&_\>_div_\>_label\]\:block {
    & > div > label {
      display: block;
    }
  }
  .\[\&_\>_div_\>_label\:first-child\]\:\[grid-column\:span_2\] {
    & > div > label:first-child {
      grid-column: span 2;
    }
  }
  .\[\&_\>_div\.disabled\]\:order-1 {
    & > div.disabled {
      order: 1;
    }
  }
  .\[\&_\>_div\.disabled_h3\]\:\[opacity\:0\.5\] {
    & > div.disabled h3 {
      opacity: 0.5;
    }
  }
  .\[\&_\>_div\:after\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & > div:after {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&_\>_div\:first-child\]\:max-w-\[120px\] {
    & > div:first-child {
      max-width: 120px;
    }
  }
  .\[\&_\>_div\:first-child\]\:leading-\[24px\] {
    & > div:first-child {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .\[\&_\>_div\:first-child_\.filter-group\]\:before\:\[height\:calc\(100\%_-_26px\)\] {
    & > div:first-child .filter-group {
      &::before {
        content: var(--tw-content);
        height: calc(100% - 26px);
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div\:first-child_\.filter-group\]\:before\:\[height\:calc\(100\%_-_26px\)\] {
    & .filter-group {
      & > div:first-child .filter-group {
        &::before {
          content: var(--tw-content);
          height: calc(100% - 26px);
        }
      }
    }
  }
  .\[\&_\>_div\>_svg\]\:box-content {
    & > div> svg {
      box-sizing: content-box;
    }
  }
  .\[\&_\>_div\>_svg\]\:p-\[2px\] {
    & > div> svg {
      padding: 2px;
    }
  }
  .\[\&_\>_div\>svg\]\:hidden {
    & > div>svg {
      display: none;
    }
  }
  .ui-active\:\[\&_\>_div\>svg\]\:\[display\:unset\] {
    &.active {
      & > div>svg {
        display: unset;
      }
    }
  }
  .\[\&_\>_h1\]\:\[margin\:0_0_16px_0\] {
    & > h1 {
      margin: 0 0 16px 0;
    }
  }
  .\[\&_\>_h1\]\:ml-\[8px\] {
    & > h1 {
      margin-left: 8px;
    }
  }
  .\[\&_\>_h1\]\:block {
    & > h1 {
      display: block;
    }
  }
  .\[\&_\>_h1\]\:inline-block {
    & > h1 {
      display: inline-block;
    }
  }
  .\[\&_\>_h1\]\:text-\[18pt\] {
    & > h1 {
      font-size: 18pt;
    }
  }
  .\[\&_\>_h1\]\:\[color\:\#000000\] {
    & > h1 {
      color: #000000;
    }
  }
  .\[\&_\>_h1\]\:\[color\:\#f1f5f9\] {
    & > h1 {
      color: #f1f5f9;
    }
  }
  .\[\&_\>_h4\]\:font-normal {
    & > h4 {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_\>_i\]\:m-\[16px\] {
    & > i {
      margin: 16px;
    }
  }
  .\[\&_\>_input\]\:box-border {
    & > input {
      box-sizing: border-box;
    }
  }
  .\[\&_\>_input\]\:h-\[32px\] {
    & > input {
      height: 32px;
    }
  }
  .\[\&_\>_input\]\:flex-3 {
    & > input {
      flex: 3;
    }
  }
  .\[\&_\>_input\]\:\[padding\:6px_12px\] {
    & > input {
      padding: 6px 12px;
    }
  }
  .\[\&_\>_input\]\:\[color\:\#555\] {
    & > input {
      color: #555;
    }
  }
  .\[\&_\>_input\]\:\[border\:1px_solid_\#cccccc\] {
    & > input {
      border: 1px solid #cccccc;
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:box-border {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          box-sizing: border-box;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:h-\[32px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          height: 32px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:flex-3 {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          flex: 3;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:\[padding\:6px_12px\] {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          padding: 6px 12px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:\[color\:\#555\] {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          color: #555;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.datepicker-container\]\:\[\&_\>_input\]\:\[border\:1px_solid_\#cccccc\] {
    & .filter-inputs {
      & .datepicker-container {
        & > input {
          border: 1px solid #cccccc;
        }
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:box-border {
    & > div:last-child {
      & > input[type="number"] {
        box-sizing: border-box;
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[width\:100\%\] {
    & > div:last-child {
      & > input[type="number"] {
        width: 100%;
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:\[appearance\:textfield\] {
    & > div:last-child {
      & > input[type="number"] {
        appearance: textfield;
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:hover\:appearance-auto {
    & > div:last-child {
      & > input[type="number"] {
        &:hover {
          @media (hover: hover) {
            appearance: auto;
          }
        }
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"number\"\]\]\:focus\:appearance-auto {
    & > div:last-child {
      & > input[type="number"] {
        &:focus {
          appearance: auto;
        }
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\]\:box-border {
    & > div:last-child {
      & > input[type="text"] {
        box-sizing: border-box;
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_input\[type\=\"text\"\]\]\:\[width\:100\%\] {
    & > div:last-child {
      & > input[type="text"] {
        width: 100%;
      }
    }
  }
  .\[\&_\>_label\]\:\[width\:100\%\] {
    & > label {
      width: 100%;
    }
  }
  .\[\&_\>_li\]\:cursor-pointer {
    & > li {
      cursor: pointer;
    }
  }
  .\[\&_\>_li\]\:p-\[8px\] {
    & > li {
      padding: 8px;
    }
  }
  .\[\&_\>_li\]\:pl-\[32px\] {
    & > li {
      padding-left: 32px;
    }
  }
  .\[\&_\>_li\]\:text-\[1rem\] {
    & > li {
      font-size: 1rem;
    }
  }
  .\[\&_\>_li\]\:\[color\:var\(--accent-text-colour\)\] {
    & > li {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_\>_li\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & > li {
      &:hover {
        @media (hover: hover) {
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&_\>_li\]\:focus-visible\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & > li {
      &:focus-visible {
        background: rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_\>_li_button\]\:w-full {
    & > li button {
      width: 100%;
    }
  }
  .\[\&_\>_li_button\]\:\[cursor\:inherit\] {
    & > li button {
      cursor: inherit;
    }
  }
  .\[\&_\>_li_button\]\:bg-transparent {
    & > li button {
      background-color: transparent;
    }
  }
  .\[\&_\>_li_button\]\:p-\[0px\] {
    & > li button {
      padding: 0px;
    }
  }
  .\[\&_\>_li_button\]\:text-left {
    & > li button {
      text-align: left;
    }
  }
  .\[\&_\>_li_button\]\:\[font-size\:inherit\] {
    & > li button {
      font-size: inherit;
    }
  }
  .\[\&_\>_li_button\]\:\[color\:inherit\] {
    & > li button {
      color: inherit;
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_select\]\:box-border {
    & > div:last-child {
      & > select {
        box-sizing: border-box;
      }
    }
  }
  .\[\&_\>_div\:last-child\]\:\[\&_\>_select\]\:\[width\:100\%\] {
    & > div:last-child {
      & > select {
        width: 100%;
      }
    }
  }
  .\[\&_\>_span\]\:relative {
    & > span {
      position: relative;
    }
  }
  .\[\&_\>_span\]\:z-\[1\] {
    & > span {
      z-index: 1;
    }
  }
  .\[\&_\>_span\]\:mt-\[2px\] {
    & > span {
      margin-top: 2px;
    }
  }
  .\[\&_\>_span\]\:ml-\[12px\] {
    & > span {
      margin-left: 12px;
    }
  }
  .\[\&_\>_span\]\:block {
    & > span {
      display: block;
    }
  }
  .\[\&_\>_span\]\:inline-block {
    & > span {
      display: inline-block;
    }
  }
  .\[\&_\>_span\]\:\[width\:100\%\] {
    & > span {
      width: 100%;
    }
  }
  .\[\&_\>_span\]\:overflow-hidden {
    & > span {
      overflow: hidden;
    }
  }
  .\[\&_\>_span\]\:p-\[8px\] {
    & > span {
      padding: 8px;
    }
  }
  .\[\&_\>_span\]\:text-left {
    & > span {
      text-align: left;
    }
  }
  .\[\&_\>_span\]\:align-middle {
    & > span {
      vertical-align: middle;
    }
  }
  .\[\&_\>_span\]\:text-ellipsis {
    & > span {
      text-overflow: ellipsis;
    }
  }
  .\[\&_\>_span\]\:text-white {
    & > span {
      color: var(--color-white);
    }
  }
  .\[\&_\>_span\]\:\[background\:rgba\(0\,_0\,_0\,_0\.4\)\] {
    & > span {
      background: rgba(0, 0, 0, 0.4);
    }
  }
  .\[\&_\>_span\]\:after\:absolute {
    & > span {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[top\:50\%\] {
    & > span {
      &::after {
        content: var(--tw-content);
        top: 50%;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[right\:50\%\] {
    & > span {
      &::after {
        content: var(--tw-content);
        right: 50%;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[bottom\:50\%\] {
    & > span {
      &::after {
        content: var(--tw-content);
        bottom: 50%;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[left\:50\%\] {
    & > span {
      &::after {
        content: var(--tw-content);
        left: 50%;
      }
    }
  }
  .\[\&_\>_span\]\:after\:-z-1 {
    & > span {
      &::after {
        content: var(--tw-content);
        z-index: calc(1 * -1);
      }
    }
  }
  .\[\&_\>_span\]\:after\:block {
    & > span {
      &::after {
        content: var(--tw-content);
        display: block;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[border-radius\:50\%\] {
    & > span {
      &::after {
        content: var(--tw-content);
        border-radius: 50%;
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[content\:\'\'\] {
    & > span {
      &::after {
        content: var(--tw-content);
        content: '';
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[background\:rgba\(255\,255\,255\,0\)\] {
    & > span {
      &::after {
        content: var(--tw-content);
        background: rgba(255,255,255,0);
      }
    }
  }
  .\[\&_\>_span\]\:after\:\[transition\:background-color_200ms\,_left_200ms\,_top_200ms\,_right_200ms\,_bottom_200ms\] {
    & > span {
      &::after {
        content: var(--tw-content);
        transition: background-color 200ms, left 200ms, top 200ms, right 200ms, bottom 200ms;
      }
    }
  }
  .max-sm\:\[\&_\>_span\]\:mt-\[0px\] {
    @media (width < 640px) {
      & > span {
        margin-top: 0px;
      }
    }
  }
  .\[\&_\>_span\.close\]\:mt-\[5px\] {
    & > span.close {
      margin-top: 5px;
    }
  }
  .\[\&_\>_span\.close\]\:mr-\[3px\] {
    & > span.close {
      margin-right: 3px;
    }
  }
  .\[\&_\>_span\.close\]\:inline-block {
    & > span.close {
      display: inline-block;
    }
  }
  .\[\&_\>_span\.close\]\:\[color\:\#a6a6a6\] {
    & > span.close {
      color: #a6a6a6;
    }
  }
  .\[\&_\>_span\.close\]\:opacity-1 {
    & > span.close {
      opacity: 1%;
    }
  }
  .\[\&_\>_span\.close\]\:\[transition\:color_100ms\] {
    & > span.close {
      transition: color 100ms;
    }
  }
  .\[\&_\>_span\.close\]\:text-shadow-none {
    & > span.close {
      text-shadow: none;
    }
  }
  .\[\&_\>_span\.close\]\:hover\:\[color\:\#777777\] {
    & > span.close {
      &:hover {
        @media (hover: hover) {
          color: #777777;
        }
      }
    }
  }
  .\[\&_\>_span\.title\]\:inline-block {
    & > span.title {
      display: inline-block;
    }
  }
  .\[\&_\>_span\.title\]\:\[padding\:8px_12px\] {
    & > span.title {
      padding: 8px 12px;
    }
  }
  .\[\&_\>_span\.title\]\:align-top {
    & > span.title {
      vertical-align: top;
    }
  }
  .\[\&_\>_span\.title\]\:text-\[13px\] {
    & > span.title {
      font-size: 13px;
    }
  }
  .\[\&_\>_span\.title\]\:leading-\[15px\] {
    & > span.title {
      --tw-leading: 15px;
      line-height: 15px;
    }
  }
  .\[\&_\>_span\.title\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & > span.title {
      color: rgba(0, 0, 0, 0.87);
    }
  }
  .\[\&_\>_svg\]\:\[margin\:0px_auto\] {
    & > svg {
      margin: 0px auto;
    }
  }
  .\[\&_\>_svg\]\:m-\[16px\] {
    & > svg {
      margin: 16px;
    }
  }
  .\[\&_\>_svg\]\:ml-\[8px\] {
    & > svg {
      margin-left: 8px;
    }
  }
  .\[\&_\>_svg\]\:inline-block {
    & > svg {
      display: inline-block;
    }
  }
  .\[\&_\>_svg\]\:\[height\:70\%\] {
    & > svg {
      height: 70%;
    }
  }
  .\[\&_\>_svg\]\:h-\[32px\] {
    & > svg {
      height: 32px;
    }
  }
  .\[\&_\>_svg\]\:w-\[32px\] {
    & > svg {
      width: 32px;
    }
  }
  .\[\&_\>_svg\]\:\[border-radius\:50\%\] {
    & > svg {
      border-radius: 50%;
    }
  }
  .\[\&_\>_svg\]\:text-center {
    & > svg {
      text-align: center;
    }
  }
  .\[\&_\>_svg\]\:text-white {
    & > svg {
      color: var(--color-white);
    }
  }
  .\[\&_\>_svg\]\:not-italic {
    & > svg {
      font-style: normal;
    }
  }
  .\[\&_\>_svg\]\:\[opacity\:0\.8\] {
    & > svg {
      opacity: 0.8;
    }
  }
  .\[\&_\>_svg\]\:\[background\:\#2196f3\] {
    & > svg {
      background: #2196f3;
    }
  }
  .\[\&_\>_svg\]\:\[\&_\>_span\]\:mt-\[6px\] {
    & > svg {
      & > span {
        margin-top: 6px;
      }
    }
  }
  .\[\&_\>_svg\]\:\[\&_\>_span\]\:block {
    & > svg {
      & > span {
        display: block;
      }
    }
  }
  .\[\&_\>_svg\]\:\[\&_\>_span\]\:text-\[15px\] {
    & > svg {
      & > span {
        font-size: 15px;
      }
    }
  }
  .\[\&_\>_ul\]\:m-\[0px\] {
    & > ul {
      margin: 0px;
    }
  }
  .\[\&_\>_ul\]\:flex {
    & > ul {
      display: flex;
    }
  }
  .\[\&_\>_ul\]\:\[height\:100\%\] {
    & > ul {
      height: 100%;
    }
  }
  .\[\&_\>_ul\]\:max-h-\[300px\] {
    & > ul {
      max-height: 300px;
    }
  }
  .\[\&_\>_ul\]\:overflow-y-auto {
    & > ul {
      overflow-y: auto;
    }
  }
  .\[\&_\>_ul\]\:p-\[0px\] {
    & > ul {
      padding: 0px;
    }
  }
  .\[\&_\>_ul\]\:pt-\[3px\] {
    & > ul {
      padding-top: 3px;
    }
  }
  .\[\&_\>_ul\]\:\[border\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & > ul {
      border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
    }
  }
  .\[\&_\>_ul\]\:\[list-style\:none\] {
    & > ul {
      list-style: none;
    }
  }
  .print\:\[\&_\.card-tabs\]\:\[\&_\>_ul\]\:hidden {
    @media print {
      & .card-tabs {
        & > ul {
          display: none;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_\>_li\]\:cursor-pointer {
    & > ul {
      & > li {
        cursor: pointer;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_\>_li\]\:\[padding\:8px_12px\] {
    & > ul {
      & > li {
        padding: 8px 12px;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_\>_li\]\:select-none {
    & > ul {
      & > li {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_\>_li\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & > ul {
      & > li {
        border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
      }
    }
  }
  .\[\&_\>_ul_\>_li\]\:cursor-pointer {
    & > ul > li {
      cursor: pointer;
    }
  }
  .\[\&_\>_ul_\>_li\]\:\[padding\:8px_12px\] {
    & > ul > li {
      padding: 8px 12px;
    }
  }
  .\[\&_\>_ul_\>_li\]\:select-none {
    & > ul > li {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_\>_ul_\>_li\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & > ul > li {
      border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
    }
  }
  .\[\&_\>_ul_\>_li\]\:hover\:text-black {
    & > ul > li {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\>_ul_\>_li\]\:hover\:\[background\:\#7a9acb\] {
    & > ul > li {
      &:hover {
        @media (hover: hover) {
          background: #7a9acb;
        }
      }
    }
  }
  .\[\&_\>_ul_\>_li\]\:focus-visible\:text-black {
    & > ul > li {
      &:focus-visible {
        color: var(--color-black);
      }
    }
  }
  .\[\&_\>_ul_\>_li\]\:focus-visible\:\[background\:\#7a9acb\] {
    & > ul > li {
      &:focus-visible {
        background: #7a9acb;
      }
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:block {
    & > ul > li>button {
      display: block;
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:w-full {
    & > ul > li>button {
      width: 100%;
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:cursor-pointer {
    & > ul > li>button {
      cursor: pointer;
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:\[padding\:8px_12px\] {
    & > ul > li>button {
      padding: 8px 12px;
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:select-none {
    & > ul > li>button {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & > ul > li>button {
      border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:hover\:text-black {
    & > ul > li>button {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:hover\:\[background\:\#7a9acb\] {
    & > ul > li>button {
      &:hover {
        @media (hover: hover) {
          background: #7a9acb;
        }
      }
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:focus-visible\:text-black {
    & > ul > li>button {
      &:focus-visible {
        color: var(--color-black);
      }
    }
  }
  .\[\&_\>_ul_\>_li\>button\]\:focus-visible\:\[background\:\#7a9acb\] {
    & > ul > li>button {
      &:focus-visible {
        background: #7a9acb;
      }
    }
  }
  .\[\&_\>\.bordered\]\:flex {
    & >.bordered {
      display: flex;
    }
  }
  .\[\&_\>\.bordered\]\:min-h-0 {
    & >.bordered {
      min-height: var(--spacing-0);
    }
  }
  .\[\&_\>\.bordered\]\:flex-1 {
    & >.bordered {
      flex: 1;
    }
  }
  .\[\&_\>\.bordered\]\:flex-col {
    & >.bordered {
      flex-direction: column;
    }
  }
  .\[\&_\[role\=tabpanel\]\]\:min-h-0 {
    & [role=tabpanel] {
      min-height: var(--spacing-0);
    }
  }
  .\[\&_\[role\=tabpanel\]\]\:flex-1 {
    & [role=tabpanel] {
      flex: 1;
    }
  }
  .\[\&_a\]\:relative {
    & a {
      position: relative;
    }
  }
  .\[\&_a\]\:float-left {
    & a {
      float: left;
    }
  }
  .\[\&_a\]\:m-0 {
    & a {
      margin: var(--spacing-0);
    }
  }
  .\[\&_a\]\:block {
    & a {
      display: block;
    }
  }
  .\[\&_a\]\:inline-block {
    & a {
      display: inline-block;
    }
  }
  .\[\&_a\]\:h-\[32px\] {
    & a {
      height: 32px;
    }
  }
  .\[\&_a\]\:min-w-\[30px\] {
    & a {
      min-width: 30px;
    }
  }
  .\[\&_a\]\:p-0 {
    & a {
      padding: var(--spacing-0);
    }
  }
  .\[\&_a\]\:text-center {
    & a {
      text-align: center;
    }
  }
  .\[\&_a\]\:\[font-family\:Arial\,Helvetica\,sans-serif\] {
    & a {
      font-family: Arial,Helvetica,sans-serif;
    }
  }
  .\[\&_a\]\:text-\[14px\] {
    & a {
      font-size: 14px;
    }
  }
  .\[\&_a\]\:leading-\[18px\] {
    & a {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  .\[\&_a\]\:leading-\[32px\] {
    & a {
      --tw-leading: 32px;
      line-height: 32px;
    }
  }
  .\[\&_a\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & a {
      color: rgba(0, 0, 0, 0.87);
    }
  }
  .\[\&_a\]\:\[color\:var\(--color-header-foreground\)\] {
    & a {
      color: var(--color-header-foreground);
    }
  }
  .\[\&_a\]\:text-\[\#333\] {
    & a {
      color: #333;
    }
  }
  .\[\&_a\]\:text-indigo-600 {
    & a {
      color: var(--color-indigo-600);
    }
  }
  .\[\&_a\]\:text-inherit {
    & a {
      color: inherit;
    }
  }
  .\[\&_a\]\:no-underline {
    & a {
      text-decoration-line: none;
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_a\]\:select-none {
    & a {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_a\]\:\[border-left\:1px_solid_rgba\(0\,0\,0\,0\.09\)\] {
    & a {
      border-left: 1px solid rgba(0,0,0,0.09);
    }
  }
  .\[\&_a\]\:hover\:underline {
    & a {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .\[\&_a\]\:focus\:underline {
    & a {
      &:focus {
        text-decoration-line: underline;
      }
    }
  }
  .print\:\[\&_a\]\:underline {
    @media print {
      & a {
        text-decoration-line: underline;
      }
    }
  }
  .\[\&_a_svg\]\:hidden {
    & a svg {
      display: none;
    }
  }
  .\[\&_a_svg\]\:\[color\:\#1565c0\] {
    & a svg {
      color: #1565c0;
    }
  }
  .hover\:\[\&_a_svg\]\:inline-block {
    &:hover {
      @media (hover: hover) {
        & a svg {
          display: inline-block;
        }
      }
    }
  }
  .focus-visible\:\[\&_a_svg\]\:inline-block {
    &:focus-visible {
      & a svg {
        display: inline-block;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:block {
    & .notification-area-container {
      & a.view-all-link {
        display: block;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:max-h-\[40px\] {
    & .notification-area-container {
      & a.view-all-link {
        max-height: 40px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:flex-1 {
    & .notification-area-container {
      & a.view-all-link {
        flex: 1;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:cursor-pointer {
    & .notification-area-container {
      & a.view-all-link {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:text-center {
    & .notification-area-container {
      & a.view-all-link {
        text-align: center;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:\[font-size\:0\.75em\] {
    & .notification-area-container {
      & a.view-all-link {
        font-size: 0.75em;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:leading-\[40px\] {
    & .notification-area-container {
      & a.view-all-link {
        --tw-leading: 40px;
        line-height: 40px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & .notification-area-container {
      & a.view-all-link {
        color: rgba(0, 0, 0, 0.87);
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:\[border-top\:1px_solid_rgba\(0\,_0\,_0\,_0\.1\)\] {
    & .notification-area-container {
      & a.view-all-link {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_a\.view-all-link\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    & .notification-area-container {
      & a.view-all-link {
        &:hover {
          @media (hover: hover) {
            background: rgba(0, 0, 0, 0.1);
          }
        }
      }
    }
  }
  .\[\&_a\:hover\]\:\[color\:var\(--color-header-foreground\)\] {
    & a:hover {
      color: var(--color-header-foreground);
    }
  }
  .\[\&_a\:not\(\.single-item\)\]\:\[color\:\#424242\] {
    & a:not(.single-item) {
      color: #424242;
    }
  }
  .\[\&_blockquote\]\:my-2 {
    & blockquote {
      margin-block: var(--spacing-2);
    }
  }
  .\[\&_blockquote\]\:border-l-2 {
    & blockquote {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }
  }
  .\[\&_blockquote\]\:border-slate-200 {
    & blockquote {
      border-color: var(--color-slate-200);
    }
  }
  .\[\&_blockquote\]\:p-\[16px\] {
    & blockquote {
      padding: 16px;
    }
  }
  .\[\&_blockquote\]\:pl-3 {
    & blockquote {
      padding-left: var(--spacing-3);
    }
  }
  .\[\&_blockquote\]\:text-slate-600 {
    & blockquote {
      color: var(--color-slate-600);
    }
  }
  .\[\&_blockquote\]\:\[background\:\#e8f5f6\] {
    & blockquote {
      background: #e8f5f6;
    }
  }
  .\[\&_blockquote\]\:\[border-left\:4px_solid_rgb\(3\,_155\,_229\)\] {
    & blockquote {
      border-left: 4px solid rgb(3, 155, 229);
    }
  }
  .print\:\[\&_body\]\:\[print-color-adjust\:exact\] {
    @media print {
      & body {
        print-color-adjust: exact;
      }
    }
  }
  .print\:\[\&_body\]\:\[webkit-print-color-adjust\:exact\] {
    @media print {
      & body {
        webkit-print-color-adjust: exact;
      }
    }
  }
  .\[\&_button\]\:absolute {
    & button {
      position: absolute;
    }
  }
  .\[\&_button\]\:top-\[5px\] {
    & button {
      top: 5px;
    }
  }
  .\[\&_button\]\:right-\[9px\] {
    & button {
      right: 9px;
    }
  }
  .\[\&_button\]\:m-\[0\] {
    & button {
      margin: 0;
    }
  }
  .\[\&_button\]\:m-\[0px\] {
    & button {
      margin: 0px;
    }
  }
  .\[\&_button\]\:ml-\[8px\] {
    & button {
      margin-left: 8px;
    }
  }
  .\[\&_button\]\:flex {
    & button {
      display: flex;
    }
  }
  .\[\&_button\]\:inline-flex {
    & button {
      display: inline-flex;
    }
  }
  .\[\&_button\]\:\[height\:unset\] {
    & button {
      height: unset;
    }
  }
  .\[\&_button\]\:h-\[25px\] {
    & button {
      height: 25px;
    }
  }
  .\[\&_button\]\:h-\[28px\] {
    & button {
      height: 28px;
    }
  }
  .\[\&_button\]\:h-full {
    & button {
      height: 100%;
    }
  }
  .\[\&_button\]\:w-\[28px\] {
    & button {
      width: 28px;
    }
  }
  .\[\&_button\]\:w-\[40px\] {
    & button {
      width: 40px;
    }
  }
  .\[\&_button\]\:cursor-pointer {
    & button {
      cursor: pointer;
    }
  }
  .\[\&_button\]\:items-center {
    & button {
      align-items: center;
    }
  }
  .\[\&_button\]\:justify-center {
    & button {
      justify-content: center;
    }
  }
  .\[\&_button\]\:\[border-radius\:50\%\] {
    & button {
      border-radius: 50%;
    }
  }
  .\[\&_button\]\:border-none {
    & button {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_button\]\:\[border-color\:var\(--color-brand\,_\#1a7a96\)\] {
    & button {
      border-color: var(--color-brand, #1a7a96);
    }
  }
  .\[\&_button\]\:\[background-color\:var\(--color-brand\,_\#1a7a96\)\] {
    & button {
      background-color: var(--color-brand, #1a7a96);
    }
  }
  .\[\&_button\]\:bg-transparent {
    & button {
      background-color: transparent;
    }
  }
  .\[\&_button\]\:\[padding\:8px_8px\] {
    & button {
      padding: 8px 8px;
    }
  }
  .\[\&_button\]\:p-0 {
    & button {
      padding: var(--spacing-0);
    }
  }
  .\[\&_button\]\:p-\[4px\] {
    & button {
      padding: 4px;
    }
  }
  .\[\&_button\]\:pt-\[0px\] {
    & button {
      padding-top: 0px;
    }
  }
  .\[\&_button\]\:pr-\[8px\] {
    & button {
      padding-right: 8px;
    }
  }
  .\[\&_button\]\:pl-\[8px\] {
    & button {
      padding-left: 8px;
    }
  }
  .\[\&_button\]\:text-center {
    & button {
      text-align: center;
    }
  }
  .\[\&_button\]\:text-\[1rem\] {
    & button {
      font-size: 1rem;
    }
  }
  .\[\&_button\]\:\[letter-spacing\:0\.01em\] {
    & button {
      letter-spacing: 0.01em;
    }
  }
  .\[\&_button\]\:\[color\:var\(--color-onPrimary\,_white\)\] {
    & button {
      color: var(--color-onPrimary, white);
    }
  }
  .\[\&_button\]\:\[color\:var\(--color-text-secondary\)\] {
    & button {
      color: var(--color-text-secondary);
    }
  }
  .\[\&_button\]\:\[color\:var\(--text-colour\,_white\)\] {
    & button {
      color: var(--text-colour, white);
    }
  }
  .\[\&_button\]\:normal-case {
    & button {
      text-transform: none;
    }
  }
  .\[\&_button\]\:\[outline\:none\] {
    & button {
      outline: none;
    }
  }
  .\[\&_button\]\:select-none {
    & button {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_button\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & button {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&_button\]\:\[border-left\:1px_solid_\#8f8f9d\] {
    & button {
      border-left: 1px solid #8f8f9d;
    }
  }
  .\[\&_button\]\:\[border\:1px_solid_rgba\(0\,0\,0\,0\.075\)\] {
    & button {
      border: 1px solid rgba(0,0,0,0.075);
    }
  }
  .\[\&_button\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.075\)\] {
    & button {
      border: 1px solid rgba(0, 0, 0, 0.075);
    }
  }
  .\[\&_button\]\:\[border\:1px_solid_var\(--color-border-default\)\] {
    & button {
      border: 1px solid var(--color-border-default);
    }
  }
  .\[\&_button\]\:\[transition\:background-color_200ms\] {
    & button {
      transition: background-color 200ms;
    }
  }
  .\[\&_button\]\:\[transition\:color_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\,_background_150ms_cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    & button {
      transition: color 150ms cubic-bezier(0.4,0,0.2,1), background 150ms cubic-bezier(0.4,0,0.2,1);
    }
  }
  .\[\&_button\]\:first\:rounded-tl-\[2px\] {
    & button {
      &:first-child {
        border-top-left-radius: 2px;
      }
    }
  }
  .\[\&_button\]\:first\:rounded-bl-\[2px\] {
    & button {
      &:first-child {
        border-bottom-left-radius: 2px;
      }
    }
  }
  .\[\&_button\]\:last\:rounded-tr-\[2px\] {
    & button {
      &:last-child {
        border-top-right-radius: 2px;
      }
    }
  }
  .\[\&_button\]\:last\:rounded-br-\[2px\] {
    & button {
      &:last-child {
        border-bottom-right-radius: 2px;
      }
    }
  }
  .\[\&_button\]\:hover\:\[color\:var\(--color-action-primary\)\] {
    & button {
      &:hover {
        @media (hover: hover) {
          color: var(--color-action-primary);
        }
      }
    }
  }
  .\[\&_button\]\:hover\:\[background\:var\(--color-action-primary-hover\)\] {
    & button {
      &:hover {
        @media (hover: hover) {
          background: var(--color-action-primary-hover);
        }
      }
    }
  }
  .\[\&_button\]\:hover\:\[background\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    & button {
      &:hover {
        @media (hover: hover) {
          background: var(--primary-hover-colour, #1565c0);
        }
      }
    }
  }
  .\[\&_button\]\:focus\:\[background\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    & button {
      &:focus {
        background: var(--primary-hover-colour, #1565c0);
      }
    }
  }
  .\[\&_button\]\:active\:\[background\:var\(--primary-active-colour\,_\#0d47a1\)\] {
    & button {
      &:active {
        background: var(--primary-active-colour, #0d47a1);
      }
    }
  }
  .\[\&_button\]\:\[\&_\*\]\:cursor-pointer {
    & button {
      & * {
        cursor: pointer;
      }
    }
  }
  .\[\&_button\]\:\[\&_\*\]\:select-none {
    & button {
      & * {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_button\]\:ml-\[8px\] {
    & .button-container {
      & button {
        margin-left: 8px;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_button\]\:pt-\[0px\] {
    & .filter-group {
      & .add-group {
        & button {
          padding-top: 0px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_button\]\:pt-\[0px\] {
    & .filter-group {
      & .add-rule {
        & button {
          padding-top: 0px;
        }
      }
    }
  }
  .\[\&_\.inner\]\:\[\&_button\]\:\[height\:unset\] {
    & .inner {
      & button {
        height: unset;
      }
    }
  }
  .\[\&_\.inner\]\:\[\&_button\]\:\[padding\:8px_8px\] {
    & .inner {
      & button {
        padding: 8px 8px;
      }
    }
  }
  .\[\&_button\:hover\]\:\[border-color\:var\(--color-brand-dark\,_\#156582\)\] {
    & button:hover {
      border-color: var(--color-brand-dark, #156582);
    }
  }
  .\[\&_button\:hover\]\:\[background-color\:var\(--color-brand-dark\,_\#156582\)\] {
    & button:hover {
      background-color: var(--color-brand-dark, #156582);
    }
  }
  .\[\&_button\:not\(\.close\)\]\:\[color\:var\(--text-colour\)\] {
    & button:not(.close) {
      color: var(--text-colour);
    }
  }
  .\[\&_button\:not\(\.close\)\]\:hover\:text-black {
    & button:not(.close) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_button\:not\(\.close\)\]\:focus-visible\:text-black {
    & button:not(.close) {
      &:focus-visible {
        color: var(--color-black);
      }
    }
  }
  .\[\&_button\:not\(\.coloured\)\]\:\[color\:var\(--text-colour\)\] {
    & button:not(.coloured) {
      color: var(--text-colour);
    }
  }
  .\[\&_button\:not\(\.coloured\)\]\:hover\:text-black {
    & button:not(.coloured) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_button\:not\(\.coloured\)\]\:focus\:text-black {
    & button:not(.coloured) {
      &:focus {
        color: var(--color-black);
      }
    }
  }
  .\[\&_code\]\:rounded-\[3px\] {
    & code {
      border-radius: 3px;
    }
  }
  .\[\&_code\]\:\[padding\:1px_5px\] {
    & code {
      padding: 1px 5px;
    }
  }
  .\[\&_code\]\:\[font-family\:var\(--font-family-mono\)\] {
    & code {
      font-family: var(--font-family-mono);
    }
  }
  .\[\&_code\]\:\[font-size\:0\.8rem\] {
    & code {
      font-size: 0.8rem;
    }
  }
  .\[\&_code\]\:\[color\:var\(--color-action-primary\)\] {
    & code {
      color: var(--color-action-primary);
    }
  }
  .\[\&_code\]\:\[background\:var\(--color-bg-elevated\)\] {
    & code {
      background: var(--color-bg-elevated);
    }
  }
  .\[\&_code\]\:\[border\:1px_solid_var\(--color-border-default\)\] {
    & code {
      border: 1px solid var(--color-border-default);
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:relative {
    & .card-actions {
      & div.card-action {
        position: relative;
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:ml-\[8px\] {
    & .card-actions {
      & div.card-action {
        margin-left: 8px;
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:inline-block {
    & .card-actions {
      & div.card-action {
        display: inline-block;
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:cursor-pointer {
    & .card-actions {
      & div.card-action {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:absolute {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:top-\[14px\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          top: 14px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:left-\[14px\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          left: 14px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:z-0 {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          z-index: 0;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:block {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          display: block;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:h-\[0\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          height: 0;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:w-\[0\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          width: 0;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:cursor-pointer {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:\[border-radius\:50\%\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:\[content\:\'\'\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:\[background\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          background: rgba(0, 0, 0, 0.1);
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:before\:\[transition\:200ms\] {
    & .card-actions {
      & div.card-action {
        &::before {
          content: var(--tw-content);
          transition: 200ms;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & div.codebox {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pb-\[8px\] {
    & .config {
      & div.codebox {
        & .subtitle {
          padding-bottom: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:pl-\[8px\] {
    & .config {
      & div.codebox {
        & .subtitle {
          padding-left: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & div.codebox {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & div.codebox {
        & .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:block {
    & .config {
      & div.codebox {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:\[padding\:16px_8px\] {
    & .config {
      & div.codebox {
        & .title {
          padding: 16px 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:pb-\[0px\] {
    & .config {
      & div.codebox {
        & .title {
          padding-bottom: 0px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & div.codebox {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:block {
    & .config {
      & div.codebox .subtitle {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pb-\[8px\] {
    & .config {
      & div.codebox .subtitle {
        padding-bottom: 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:pl-\[8px\] {
    & .config {
      & div.codebox .subtitle {
        padding-left: 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:text-\[14px\] {
    & .config {
      & div.codebox .subtitle {
        font-size: 14px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & div.codebox .subtitle {
        opacity: 0.5;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:block {
    & .config {
      & div.codebox .title {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:\[padding\:16px_8px\] {
    & .config {
      & div.codebox .title {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:pb-\[0\] {
    & .config {
      & div.codebox .title {
        padding-bottom: 0;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.codebox_\.title\]\:font-medium {
    & .config {
      & div.codebox .title {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:relative {
    & .config {
      & div.date {
        position: relative;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:block {
    & .config {
      & div.date {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:min-h-\[48px\] {
    & .config {
      & div.date {
        min-height: 48px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:touch-manipulation {
    & .config {
      & div.date {
        touch-action: manipulation;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[padding\:16px_8px\] {
    & .config {
      & div.date {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\*\]\:touch-manipulation {
    & .config {
      & div.date {
        & * {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.checkbox\]\:absolute {
    & .config {
      & div.date {
        & .checkbox {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.checkbox\]\:top-\[16px\] {
    & .config {
      & div.date {
        & .checkbox {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.checkbox\]\:right-\[8px\] {
    & .config {
      & div.date {
        & .checkbox {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.checkbox\]\:right-\[24px\] {
    & .config {
      & div.date {
        & .checkbox {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & div.date {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & div.date {
        & .subtitle {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & div.date {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:leading-\[20px\] {
    & .config {
      & div.date {
        & .subtitle {
          --tw-leading: 20px;
          line-height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:\[opacity\:0\.75\] {
    & .config {
      & div.date {
        & .subtitle {
          opacity: 0.75;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.subtitle\]\:select-none {
    & .config {
      & div.date {
        & .subtitle {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.switch\]\:absolute {
    & .config {
      & div.date {
        & .switch {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.switch\]\:top-\[16px\] {
    & .config {
      & div.date {
        & .switch {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.switch\]\:right-\[8px\] {
    & .config {
      & div.date {
        & .switch {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.title\]\:block {
    & .config {
      & div.date {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.title\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & div.date {
        & .title {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .config {
      & div.date {
        & .title {
          --tw-leading: 28px;
          line-height: 28px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & div.date {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&_\.title\]\:select-none {
    & .config {
      & div.date {
        & .title {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:absolute {
    & .config {
      & div.date .datepicker-container {
        position: absolute;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:top-\[24px\] {
    & .config {
      & div.date .datepicker-container {
        top: 24px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:right-\[64px\] {
    & .config {
      & div.date .datepicker-container {
        right: 64px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:-top-\[1px\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          top: calc(1px * -1);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:\[right\:unset\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          right: unset;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:\[border-radius\:50\%\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:bg-transparent {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pt-\[0px\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          padding-top: 0px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_\>_span\]\:pb-px {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container > span {
          padding-bottom: 1px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:border-none {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container input {
          --tw-border-style: none;
          border-style: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:bg-none {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container input {
          background-image: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:text-right {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container input {
          text-align: right;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container_input\]\:text-\[1em\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container input {
          font-size: 1em;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\.disabled_\>_span\]\:bg-transparent {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container.disabled > span {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\.disabled\>_span\]\:bg-transparent {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container.disabled> span {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:text-white {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container:not(.disabled) > span {
          &:hover {
            @media (hover: hover) {
              color: var(--color-white);
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)_\>_span\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container:not(.disabled) > span {
          &:hover {
            @media (hover: hover) {
              background: rgba(0, 0, 0, 0.25);
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)\>_span\:hover\]\:text-white {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container:not(.disabled)> span:hover {
          color: var(--color-white);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\:not\(\.disabled\)\>_span\:hover\]\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container:not(.disabled)> span:hover {
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:-top-\[1px\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          top: calc(1px * -1);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:\[right\:unset\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          right: unset;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:\[border-radius\:50\%\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:bg-transparent {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:pt-\[0\] {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          padding-top: 0;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date_\.datepicker-container\]\:\[\&_\.datepicker-input-container\>_span\]\:pb-px {
    & .config {
      & div.date .datepicker-container {
        & .datepicker-input-container> span {
          padding-bottom: 1px;
        }
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_div\.editor\]\:opacity-0 {
    & .fab {
      & div.editor {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_div\.editor\]\:\[transition\:400ms\] {
    & .fab {
      & div.editor {
        transition: 400ms;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:flex {
    & .fab {
      &.open {
        & div.editor {
          display: flex;
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[height\:100\%\] {
    & .fab {
      &.open {
        & div.editor {
          height: 100%;
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:flex-col {
    & .fab {
      &.open {
        & div.editor {
          flex-direction: column;
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:text-black {
    & .fab {
      &.open {
        & div.editor {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:opacity-1 {
    & .fab {
      &.open {
        & div.editor {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:\[cursor\:pointer\] {
    & div.filepicker.dropzone {
      cursor: pointer;
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:border-2 {
    & div.filepicker.dropzone {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:border-dashed {
    & div.filepicker.dropzone {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:\[border-color\:var\(--color-border-default\,_\#848484\)\] {
    & div.filepicker.dropzone {
      border-color: var(--color-border-default, #848484);
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:p-\[20px\] {
    & div.filepicker.dropzone {
      padding: 20px;
    }
  }
  .\[\&_div\.filepicker\.dropzone\]\:text-center {
    & div.filepicker.dropzone {
      text-align: center;
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:relative {
    & .config {
      & div.range {
        position: relative;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:block {
    & .config {
      & div.range {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:min-h-\[48px\] {
    & .config {
      & div.range {
        min-height: 48px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:touch-manipulation {
    & .config {
      & div.range {
        touch-action: manipulation;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[padding\:16px_8px\] {
    & .config {
      & div.range {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\*\]\:touch-manipulation {
    & .config {
      & div.range {
        & * {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.checkbox\]\:absolute {
    & .config {
      & div.range {
        & .checkbox {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.checkbox\]\:top-\[16px\] {
    & .config {
      & div.range {
        & .checkbox {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.checkbox\]\:right-\[8px\] {
    & .config {
      & div.range {
        & .checkbox {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.checkbox\]\:right-\[24px\] {
    & .config {
      & div.range {
        & .checkbox {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & div.range {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & div.range {
        & .subtitle {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & div.range {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:leading-\[20px\] {
    & .config {
      & div.range {
        & .subtitle {
          --tw-leading: 20px;
          line-height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:\[opacity\:0\.75\] {
    & .config {
      & div.range {
        & .subtitle {
          opacity: 0.75;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.subtitle\]\:select-none {
    & .config {
      & div.range {
        & .subtitle {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.switch\]\:absolute {
    & .config {
      & div.range {
        & .switch {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.switch\]\:top-\[16px\] {
    & .config {
      & div.range {
        & .switch {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.switch\]\:right-\[8px\] {
    & .config {
      & div.range {
        & .switch {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.title\]\:block {
    & .config {
      & div.range {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.title\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & div.range {
        & .title {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .config {
      & div.range {
        & .title {
          --tw-leading: 28px;
          line-height: 28px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & div.range {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&_\.title\]\:select-none {
    & .config {
      & div.range {
        & .title {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:absolute {
    & .config {
      & div.range .range-container {
        position: absolute;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:top-\[0\] {
    & .config {
      & div.range .range-container {
        top: 0;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:top-\[0px\] {
    & .config {
      & div.range .range-container {
        top: 0px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:right-\[8px\] {
    & .config {
      & div.range .range-container {
        right: 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range_\.range-container\]\:\[width\:55\%\] {
    & .config {
      & div.range .range-container {
        width: 55%;
      }
    }
  }
  .\[\&_div\.ripple\]\:-top-\[12px\] {
    & div.ripple {
      top: calc(12px * -1);
    }
  }
  .\[\&_div\.ripple\]\:-left-\[12px\] {
    & div.ripple {
      left: calc(12px * -1);
    }
  }
  .\[\&_div\.ripple\]\:h-\[48px\] {
    & div.ripple {
      height: 48px;
    }
  }
  .\[\&_div\.ripple\]\:w-\[48px\] {
    & div.ripple {
      width: 48px;
    }
  }
  .\[\&_div\.ripple\]\:rounded-\[24px\] {
    & div.ripple {
      border-radius: 24px;
    }
  }
  .\[\&_div\.ripple\]\:opacity-0 {
    & div.ripple {
      opacity: 0%;
    }
  }
  .\[\&_div\.ripple\]\:\[transition\:800ms_cubic-bezier\(0\,_1\,_1\,_1\)\] {
    & div.ripple {
      transition: 800ms cubic-bezier(0, 1, 1, 1);
    }
  }
  .\[\&_\.config\]\:\[\&_div\.text\]\:pt-\[8px\] {
    & .config {
      & div.text {
        padding-top: 8px;
      }
    }
  }
  .\[\&_div\.title\]\:flex {
    & div.title {
      display: flex;
    }
  }
  .\[\&_div\.title\]\:gap-\[16px\] {
    & div.title {
      gap: 16px;
    }
  }
  .\[\&_div\.title\]\:self-center {
    & div.title {
      align-self: center;
    }
  }
  .\[\&_div\.title\]\:overflow-hidden {
    & div.title {
      overflow: hidden;
    }
  }
  .\[\&_div\.title\]\:\[padding\:0px_16px\] {
    & div.title {
      padding: 0px 16px;
    }
  }
  .\[\&_div\.title\]\:\[grid-area\:title\] {
    & div.title {
      grid-area: title;
    }
  }
  .\[\&_div\.title_h1\]\:m-0 {
    & div.title h1 {
      margin: var(--spacing-0);
    }
  }
  .\[\&_div\.title_h1\]\:inline-block {
    & div.title h1 {
      display: inline-block;
    }
  }
  .\[\&_div\.title_h1\]\:flex-1 {
    & div.title h1 {
      flex: 1;
    }
  }
  .\[\&_div\.title_h1\]\:overflow-hidden {
    & div.title h1 {
      overflow: hidden;
    }
  }
  .\[\&_div\.title_h1\]\:p-0 {
    & div.title h1 {
      padding: var(--spacing-0);
    }
  }
  .\[\&_div\.title_h1\]\:text-\[1\.5rem\] {
    & div.title h1 {
      font-size: 1.5rem;
    }
  }
  .\[\&_div\.title_h1\]\:font-bold {
    & div.title h1 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_div\.title_h1\]\:text-ellipsis {
    & div.title h1 {
      text-overflow: ellipsis;
    }
  }
  .\[\&_div\.title_h1\]\:whitespace-nowrap {
    & div.title h1 {
      white-space: nowrap;
    }
  }
  .\[\&_div\.title_svg\]\:inline-block {
    & div.title svg {
      display: inline-block;
    }
  }
  .\[\&_div\.title_svg\]\:self-center {
    & div.title svg {
      align-self: center;
    }
  }
  .\[\&_div\.title_svg\]\:text-\[1\.5rem\] {
    & div.title svg {
      font-size: 1.5rem;
    }
  }
  .\[\&_fieldset\]\:mt-\[16px\] {
    & fieldset {
      margin-top: 16px;
    }
  }
  .\[\&_fieldset\]\:\[border-color\:rgba\(var\(--text-colour-rgb\)\,_0\.5\)\] {
    & fieldset {
      border-color: rgba(var(--text-colour-rgb), 0.5);
    }
  }
  .\[\&_fieldset\]\:p-\[16px\] {
    & fieldset {
      padding: 16px;
    }
  }
  .\[\&_fieldset\]\:\[border\:1px_solid_black\] {
    & fieldset {
      border: 1px solid black;
    }
  }
  .\[\&_fieldset_legend\]\:mb-\[0px\] {
    & fieldset legend {
      margin-bottom: 0px;
    }
  }
  .\[\&_fieldset_legend\]\:inline {
    & fieldset legend {
      display: inline;
    }
  }
  .\[\&_fieldset_legend\]\:\[width\:unset\] {
    & fieldset legend {
      width: unset;
    }
  }
  .\[\&_fieldset_legend\]\:\[padding\:0px_8px\] {
    & fieldset legend {
      padding: 0px 8px;
    }
  }
  .\[\&_fieldset_legend\]\:text-\[1rem\] {
    & fieldset legend {
      font-size: 1rem;
    }
  }
  .\[\&_fieldset_p\]\:m-\[0px\] {
    & fieldset p {
      margin: 0px;
    }
  }
  .\[\&_form\]\:\[\&_\>_div\]\:mt-\[16px\] {
    & form {
      & > div {
        margin-top: 16px;
      }
    }
  }
  .\[\&_form\]\:\[\&_\>_div\]\:text-right {
    & form {
      & > div {
        text-align: right;
      }
    }
  }
  .\[\&_form\]\:\[\&_\>_div\]\:\[\&_button\]\:ml-\[8px\] {
    & form {
      & > div {
        & button {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[padding\:8px_16px\] {
    & form {
      & fieldset {
        padding: 8px 16px;
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[border\:1px_solid_rgb\(120\,_120\,_120\)\] {
    & form {
      & fieldset {
        border: 1px solid rgb(120, 120, 120);
      }
    }
  }
  .\[\&_h1\]\:\[grid-column\:span_3\] {
    & h1 {
      grid-column: span 3;
    }
  }
  .\[\&_h1\]\:\[margin\:0_0_var\(--space-4\,_20px\)_0\] {
    & h1 {
      margin: 0 0 var(--space-4, 20px) 0;
    }
  }
  .\[\&_h1\]\:m-0 {
    & h1 {
      margin: var(--spacing-0);
    }
  }
  .\[\&_h1\]\:m-\[0px\] {
    & h1 {
      margin: 0px;
    }
  }
  .\[\&_h1\]\:mt-4 {
    & h1 {
      margin-top: var(--spacing-4);
    }
  }
  .\[\&_h1\]\:mb-2 {
    & h1 {
      margin-bottom: var(--spacing-2);
    }
  }
  .\[\&_h1\]\:mb-\[8px\] {
    & h1 {
      margin-bottom: 8px;
    }
  }
  .\[\&_h1\]\:max-h-\[35px\] {
    & h1 {
      max-height: 35px;
    }
  }
  .\[\&_h1\]\:flex-1 {
    & h1 {
      flex: 1;
    }
  }
  .\[\&_h1\]\:\[padding\:var\(--space-0\,_0px\)\] {
    & h1 {
      padding: var(--space-0, 0px);
    }
  }
  .\[\&_h1\]\:p-0 {
    & h1 {
      padding: var(--spacing-0);
    }
  }
  .\[\&_h1\]\:p-\[0px\] {
    & h1 {
      padding: 0px;
    }
  }
  .\[\&_h1\]\:p-\[16px\] {
    & h1 {
      padding: 16px;
    }
  }
  .\[\&_h1\]\:text-center {
    & h1 {
      text-align: center;
    }
  }
  .\[\&_h1\]\:text-left {
    & h1 {
      text-align: left;
    }
  }
  .\[\&_h1\]\:\[font-family\:var\(--font-family-sans\)\] {
    & h1 {
      font-family: var(--font-family-sans);
    }
  }
  .\[\&_h1\]\:text-xl {
    & h1 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .\[\&_h1\]\:\[font-size\:calc\(var\(--text-size-title\,_20px\)_\*_1\.6\)\] {
    & h1 {
      font-size: calc(var(--text-size-title, 20px) * 1.6);
    }
  }
  .\[\&_h1\]\:text-\[14px\] {
    & h1 {
      font-size: 14px;
    }
  }
  .\[\&_h1\]\:text-\[20px\] {
    & h1 {
      font-size: 20px;
    }
  }
  .\[\&_h1\]\:text-\[24px\] {
    & h1 {
      font-size: 24px;
    }
  }
  .\[\&_h1\]\:text-\[36px\] {
    & h1 {
      font-size: 36px;
    }
  }
  .\[\&_h1\]\:leading-\[35px\] {
    & h1 {
      --tw-leading: 35px;
      line-height: 35px;
    }
  }
  .\[\&_h1\]\:font-bold {
    & h1 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_h1\]\:font-normal {
    & h1 {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_h1\]\:font-semibold {
    & h1 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h1\]\:\[font-weight\:var\(--text-weight-bold\,_bold\)\] {
    & h1 {
      font-weight: var(--text-weight-bold, bold);
    }
  }
  .\[\&_h1\]\:\[color\:unset\] {
    & h1 {
      color: unset;
    }
  }
  .\[\&_h1\]\:\[color\:var\(--color-text-primary\,_\#862537\)\] {
    & h1 {
      color: var(--color-text-primary, #862537);
    }
  }
  .\[\&_h1\]\:text-slate-950 {
    & h1 {
      color: var(--color-slate-950);
    }
  }
  .\[\&_h1\]\:uppercase {
    & h1 {
      text-transform: uppercase;
    }
  }
  .\[\&_\.config\]\:\[\&_h1\]\:m-\[0\] {
    & .config {
      & h1 {
        margin: 0;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h1\]\:m-\[0px\] {
    & .config {
      & h1 {
        margin: 0px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h1\]\:mb-\[8px\] {
    & .config {
      & h1 {
        margin-bottom: 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h1\]\:text-\[24px\] {
    & .config {
      & h1 {
        font-size: 24px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h1\]\:uppercase {
    & .config {
      & h1 {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_h1\]\:mt-\[14px\] {
    & .timepicker {
      & h1 {
        margin-top: 14px;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_h1\]\:text-center {
    & .timepicker {
      & h1 {
        text-align: center;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_h1\]\:text-\[16px\] {
    & .timepicker {
      & h1 {
        font-size: 16px;
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_h1\]\:font-bold {
    & .timepicker {
      & h1 {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_h1\]\:\[grid-area\:header\] {
    & .timepicker {
      & h1 {
        grid-area: header;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:mb-\[32px\] {
    & > div > div .nav-item {
      & h1 {
        margin-bottom: 32px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:hidden {
    & > div > div .nav-item {
      & h1 {
        display: none;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:text-\[2rem\] {
    & > div > div .nav-item {
      & h1 {
        font-size: 2rem;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:\[line-height\:1\.5\] {
    & > div > div .nav-item {
      & h1 {
        line-height: 1.5;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:font-bold {
    & > div > div .nav-item {
      & h1 {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:\[color\:\#4464A1\] {
    & > div > div .nav-item {
      & h1 {
        color: #4464A1;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_h1\]\:\[transition\:color_200ms\] {
    & > div > div .nav-item {
      & h1 {
        transition: color 200ms;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:mb-\[16px\] {
    & > div > div > .nav-item {
      & h1 {
        margin-bottom: 16px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:mb-\[24px\] {
    & > div > div > .nav-item {
      & h1 {
        margin-bottom: 24px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:ml-0 {
    & > div > div > .nav-item {
      & h1 {
        margin-left: var(--spacing-0);
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:ml-\[9px\] {
    & > div > div > .nav-item {
      & h1 {
        margin-left: 9px;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:text-\[2rem\] {
    & > div > div > .nav-item {
      & h1 {
        font-size: 2rem;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:text-\[18pt\] {
    & > div > div > .nav-item {
      & h1 {
        font-size: 18pt;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:\[line-height\:1\.3\] {
    & > div > div > .nav-item {
      & h1 {
        line-height: 1.3;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:\[line-height\:1\.5\] {
    & > div > div > .nav-item {
      & h1 {
        line-height: 1.5;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:font-bold {
    & > div > div > .nav-item {
      & h1 {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:\[color\:\#000000\] {
    & > div > div > .nav-item {
      & h1 {
        color: #000000;
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_h1\]\:\[color\:\#22d3ee\] {
    & > div > div > .nav-item {
      & h1 {
        color: #22d3ee;
      }
    }
  }
  .\[\&_h2\]\:\[grid-column\:span_3\] {
    & h2 {
      grid-column: span 3;
    }
  }
  .\[\&_h2\]\:\[grid-column\:span_var\(--columns-per-row\)\] {
    & h2 {
      grid-column: span var(--columns-per-row);
    }
  }
  .\[\&_h2\]\:m-0 {
    & h2 {
      margin: var(--spacing-0);
    }
  }
  .\[\&_h2\]\:m-\[0px\] {
    & h2 {
      margin: 0px;
    }
  }
  .\[\&_h2\]\:mt-3 {
    & h2 {
      margin-top: var(--spacing-3);
    }
  }
  .\[\&_h2\]\:mt-\[16px\] {
    & h2 {
      margin-top: 16px;
    }
  }
  .\[\&_h2\]\:mb-1\.5 {
    & h2 {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_h2\]\:mb-\[8px\] {
    & h2 {
      margin-bottom: 8px;
    }
  }
  .\[\&_h2\]\:p-0 {
    & h2 {
      padding: var(--spacing-0);
    }
  }
  .\[\&_h2\]\:p-\[0px\] {
    & h2 {
      padding: 0px;
    }
  }
  .\[\&_h2\]\:text-center {
    & h2 {
      text-align: center;
    }
  }
  .\[\&_h2\]\:text-lg {
    & h2 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .\[\&_h2\]\:text-\[1\.25rem\] {
    & h2 {
      font-size: 1.25rem;
    }
  }
  .\[\&_h2\]\:text-\[16px\] {
    & h2 {
      font-size: 16px;
    }
  }
  .\[\&_h2\]\:text-\[20px\] {
    & h2 {
      font-size: 20px;
    }
  }
  .\[\&_h2\]\:font-bold {
    & h2 {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_h2\]\:font-semibold {
    & h2 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h2\]\:\[letter-spacing\:2px\] {
    & h2 {
      letter-spacing: 2px;
    }
  }
  .\[\&_h2\]\:text-slate-950 {
    & h2 {
      color: var(--color-slate-950);
    }
  }
  .\[\&_h2\]\:uppercase {
    & h2 {
      text-transform: uppercase;
    }
  }
  .\[\&_h2\]\:\[opacity\:0\.75\] {
    & h2 {
      opacity: 0.75;
    }
  }
  .\[\&_h2\]\:opacity-75 {
    & h2 {
      opacity: 75%;
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:m-\[0\] {
    & .config {
      & h2 {
        margin: 0;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:m-\[0px\] {
    & .config {
      & h2 {
        margin: 0px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:mt-\[16px\] {
    & .config {
      & h2 {
        margin-top: 16px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:mb-\[8px\] {
    & .config {
      & h2 {
        margin-bottom: 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:text-\[16px\] {
    & .config {
      & h2 {
        font-size: 16px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:uppercase {
    & .config {
      & h2 {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_h2\]\:\[opacity\:0\.75\] {
    & .config {
      & h2 {
        opacity: 0.75;
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:mt-\[16px\] {
    & > div > div .nav-item {
      & .nav-item {
        & h2 {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:text-\[14px\] {
    & > div > div .nav-item {
      & .nav-item {
        & h2 {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#64BAA7\] {
    & > div > div .nav-item {
      & .nav-item {
        & h2 {
          color: #64BAA7;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:uppercase {
    & > div > div .nav-item {
      & .nav-item {
        & h2 {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:mt-\[12px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          margin-top: 12px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:mt-\[16px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:ml-0 {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          margin-left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:ml-\[9px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          margin-left: 9px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:text-\[14pt\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          font-size: 14pt;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:text-\[14px\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:font-bold {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#000000\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          color: #000000;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#22d3ee\] {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          color: #22d3ee;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:normal-case {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          text-transform: none;
        }
      }
    }
  }
  .\[\&_\>_div_\>_div_\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:uppercase {
    & > div > div > .nav-item {
      & .nav-item {
        & h2 {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_h3\]\:\[grid-column\:span_var\(--columns-per-row\)\] {
    & h3 {
      grid-column: span var(--columns-per-row);
    }
  }
  .\[\&_h3\]\:\[margin\:0_0_12px_0\] {
    & h3 {
      margin: 0 0 12px 0;
    }
  }
  .\[\&_h3\]\:\[margin\:0_0_14px\] {
    & h3 {
      margin: 0 0 14px;
    }
  }
  .\[\&_h3\]\:\[margin\:calc\(var\(--cell-gap\)_\*_-1\)\] {
    & h3 {
      margin: calc(var(--cell-gap) * -1);
    }
  }
  .\[\&_h3\]\:m-\[0px\] {
    & h3 {
      margin: 0px;
    }
  }
  .\[\&_h3\]\:mt-2\.5 {
    & h3 {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_h3\]\:mt-\[16px\] {
    & h3 {
      margin-top: 16px;
    }
  }
  .\[\&_h3\]\:mb-0 {
    & h3 {
      margin-bottom: var(--spacing-0);
    }
  }
  .\[\&_h3\]\:mb-1 {
    & h3 {
      margin-bottom: var(--spacing-1);
    }
  }
  .\[\&_h3\]\:self-center {
    & h3 {
      align-self: center;
    }
  }
  .\[\&_h3\]\:p-\[0px\] {
    & h3 {
      padding: 0px;
    }
  }
  .\[\&_h3\]\:p-\[8px\] {
    & h3 {
      padding: 8px;
    }
  }
  .\[\&_h3\]\:text-center {
    & h3 {
      text-align: center;
    }
  }
  .\[\&_h3\]\:text-base {
    & h3 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_h3\]\:\[font-size\:0\.875rem\] {
    & h3 {
      font-size: 0.875rem;
    }
  }
  .\[\&_h3\]\:text-\[1rem\] {
    & h3 {
      font-size: 1rem;
    }
  }
  .\[\&_h3\]\:text-\[16px\] {
    & h3 {
      font-size: 16px;
    }
  }
  .\[\&_h3\]\:leading-\[1rem\] {
    & h3 {
      --tw-leading: 1rem;
      line-height: 1rem;
    }
  }
  .\[\&_h3\]\:font-medium {
    & h3 {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_h3\]\:font-normal {
    & h3 {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_h3\]\:font-semibold {
    & h3 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h3\]\:\[color\:\#039be5\] {
    & h3 {
      color: #039be5;
    }
  }
  .\[\&_h3\]\:\[color\:\#4464A1\] {
    & h3 {
      color: #4464A1;
    }
  }
  .\[\&_h3\]\:\[color\:var\(--color-text-primary\)\] {
    & h3 {
      color: var(--color-text-primary);
    }
  }
  .\[\&_h3\]\:text-slate-900 {
    & h3 {
      color: var(--color-slate-900);
    }
  }
  .\[\&_h3\]\:uppercase {
    & h3 {
      text-transform: uppercase;
    }
  }
  .\[\&_h3\]\:\[opacity\:0\.5\] {
    & h3 {
      opacity: 0.5;
    }
  }
  .\[\&_h3\]\:\[background\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    & h3 {
      background: rgba(0, 0, 0, 0.1);
    }
  }
  .\[\&_h4\]\:\[margin\:14px_0_4px\] {
    & h4 {
      margin: 14px 0 4px;
    }
  }
  .\[\&_h4\]\:m-\[0px\] {
    & h4 {
      margin: 0px;
    }
  }
  .\[\&_h4\]\:mt-0 {
    & h4 {
      margin-top: var(--spacing-0);
    }
  }
  .\[\&_h4\]\:mb-\[16px\] {
    & h4 {
      margin-bottom: 16px;
    }
  }
  .\[\&_h4\]\:\[background-color\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    & h4 {
      background-color: rgba(0, 0, 0, 0.15);
    }
  }
  .\[\&_h4\]\:p-\[0px\] {
    & h4 {
      padding: 0px;
    }
  }
  .\[\&_h4\]\:p-\[4px\] {
    & h4 {
      padding: 4px;
    }
  }
  .\[\&_h4\]\:\[font-size\:0\.8125rem\] {
    & h4 {
      font-size: 0.8125rem;
    }
  }
  .\[\&_h4\]\:text-\[1\.25rem\] {
    & h4 {
      font-size: 1.25rem;
    }
  }
  .\[\&_h4\]\:font-normal {
    & h4 {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&_h4\]\:font-semibold {
    & h4 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_h4\]\:\[color\:var\(--color-text-primary\)\] {
    & h4 {
      color: var(--color-text-primary);
    }
  }
  .\[\&_h4\:first-of-type\]\:mt-0 {
    & h4:first-of-type {
      margin-top: var(--spacing-0);
    }
  }
  .\[\&_h5\]\:m-\[0px\] {
    & h5 {
      margin: 0px;
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:m-\[0px\] {
    & .notification-area-container {
      & .header {
        & h5 {
          margin: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:p-\[8px\] {
    & .notification-area-container {
      & .header {
        & h5 {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:text-center {
    & .notification-area-container {
      & .header {
        & h5 {
          text-align: center;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:\[font-size\:1\.1em\] {
    & .notification-area-container {
      & .header {
        & h5 {
          font-size: 1.1em;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:font-normal {
    & .notification-area-container {
      & .header {
        & h5 {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:\[letter-spacing\:0\.1rem\] {
    & .notification-area-container {
      & .header {
        & h5 {
          letter-spacing: 0.1rem;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:\[color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & .notification-area-container {
      & .header {
        & h5 {
          color: rgba(0, 0, 0, 0.5);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:uppercase {
    & .notification-area-container {
      & .header {
        & h5 {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_h5\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .notification-area-container {
      & .header {
        & h5 {
          border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        }
      }
    }
  }
  .\[\&_h6\]\:\[margin\:16px_32px\] {
    & h6 {
      margin: 16px 32px;
    }
  }
  .\[\&_h6\]\:m-\[0px\] {
    & h6 {
      margin: 0px;
    }
  }
  .\[\&_h6\]\:mb-\[4px\] {
    & h6 {
      margin-bottom: 4px;
    }
  }
  .\[\&_h6\]\:text-\[14px\] {
    & h6 {
      font-size: 14px;
    }
  }
  .\[\&_h6\]\:font-medium {
    & h6 {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_h6\]\:\[letter-spacing\:0\.08rem\] {
    & h6 {
      letter-spacing: 0.08rem;
    }
  }
  .\[\&_h6\]\:\[color\:rgba\(255\,_255\,_255\,_0\.75\)\] {
    & h6 {
      color: rgba(255, 255, 255, 0.75);
    }
  }
  .\[\&_h6\]\:uppercase {
    & h6 {
      text-transform: uppercase;
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:\[margin\:16px_32px\] {
    & .sidebar {
      & h6 {
        margin: 16px 32px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:mb-\[4px\] {
    & .sidebar {
      & h6 {
        margin-bottom: 4px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:text-\[14px\] {
    & .sidebar {
      & h6 {
        font-size: 14px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:font-medium {
    & .sidebar {
      & h6 {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:\[letter-spacing\:0\.08rem\] {
    & .sidebar {
      & h6 {
        letter-spacing: 0.08rem;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:\[color\:rgba\(255\,_255\,_255\,_0\.75\)\] {
    & .sidebar {
      & h6 {
        color: rgba(255, 255, 255, 0.75);
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_h6\]\:uppercase {
    & .sidebar {
      & h6 {
        text-transform: uppercase;
      }
    }
  }
  .max-sm\:\[\&_header\]\:mt-\[12px\] {
    @media (width < 640px) {
      & header {
        margin-top: 12px;
      }
    }
  }
  .max-sm\:\[\&_header\]\:mb-\[12px\] {
    @media (width < 640px) {
      & header {
        margin-bottom: 12px;
      }
    }
  }
  .\[\&_hr\]\:\[margin\:4px_32px\] {
    & hr {
      margin: 4px 32px;
    }
  }
  .\[\&_hr\]\:\[margin\:12px_32px\] {
    & hr {
      margin: 12px 32px;
    }
  }
  .\[\&_hr\]\:my-3 {
    & hr {
      margin-block: var(--spacing-3);
    }
  }
  .\[\&_hr\]\:mb-\[12px\] {
    & hr {
      margin-bottom: 12px;
    }
  }
  .\[\&_hr\]\:h-px {
    & hr {
      height: 1px;
    }
  }
  .\[\&_hr\]\:border-none {
    & hr {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_hr\]\:border-slate-200 {
    & hr {
      border-color: var(--color-slate-200);
    }
  }
  .\[\&_hr\]\:\[background\:rgba\(255\,255\,255\,0\.25\)\] {
    & hr {
      background: rgba(255,255,255,0.25);
    }
  }
  .\[\&_hr\]\:\[background\:rgba\(255\,_255\,_255\,_0\.25\)\] {
    & hr {
      background: rgba(255, 255, 255, 0.25);
    }
  }
  .\[\&_\.config\]\:\[\&_hr\]\:m-\[0\] {
    & .config {
      & hr {
        margin: 0;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_hr\]\:m-\[0px\] {
    & .config {
      & hr {
        margin: 0px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_hr\]\:h-px {
    & .config {
      & hr {
        height: 1px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_hr\]\:border-none {
    & .config {
      & hr {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_hr\]\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .config {
      & hr {
        background: rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_hr\]\:\[margin\:12px_32px\] {
    & .sidebar {
      & hr {
        margin: 12px 32px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_hr\]\:h-px {
    & .sidebar {
      & hr {
        height: 1px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_hr\]\:border-none {
    & .sidebar {
      & hr {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&_hr\]\:\[background\:rgba\(255\,_255\,_255\,_0\.25\)\] {
    & .sidebar {
      & hr {
        background: rgba(255, 255, 255, 0.25);
      }
    }
  }
  .\[\&_i\]\:relative {
    & i {
      position: relative;
    }
  }
  .\[\&_i\]\:z-0 {
    & i {
      z-index: 0;
    }
  }
  .\[\&_i\]\:m-\[8px\] {
    & i {
      margin: 8px;
    }
  }
  .\[\&_i\]\:-mt-\[2px\] {
    & i {
      margin-top: calc(2px * -1);
    }
  }
  .\[\&_i\]\:ml-\[4px\] {
    & i {
      margin-left: 4px;
    }
  }
  .\[\&_i\]\:ml-\[6px\] {
    & i {
      margin-left: 6px;
    }
  }
  .\[\&_i\]\:box-border {
    & i {
      box-sizing: border-box;
    }
  }
  .\[\&_i\]\:h-\[36px\] {
    & i {
      height: 36px;
    }
  }
  .\[\&_i\]\:\[width\:20px\] {
    & i {
      width: 20px;
    }
  }
  .\[\&_i\]\:w-\[36px\] {
    & i {
      width: 36px;
    }
  }
  .\[\&_i\]\:cursor-pointer {
    & i {
      cursor: pointer;
    }
  }
  .\[\&_i\]\:\[border-radius\:50\%\] {
    & i {
      border-radius: 50%;
    }
  }
  .\[\&_i\]\:bg-white {
    & i {
      background-color: var(--color-white);
    }
  }
  .\[\&_i\]\:p-\[8px\] {
    & i {
      padding: 8px;
    }
  }
  .\[\&_i\]\:px-\[6px\] {
    & i {
      padding-inline: 6px;
    }
  }
  .\[\&_i\]\:align-top {
    & i {
      vertical-align: top;
    }
  }
  .\[\&_i\]\:\[font-size\:1\.5em\] {
    & i {
      font-size: 1.5em;
    }
  }
  .\[\&_i\]\:text-\[16px\] {
    & i {
      font-size: 16px;
    }
  }
  .\[\&_i\]\:text-\[24px\] {
    & i {
      font-size: 24px;
    }
  }
  .\[\&_i\]\:leading-\[24px\] {
    & i {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .\[\&_i\]\:\[color\:\#999\] {
    & i {
      color: #999;
    }
  }
  .\[\&_i\]\:not-italic {
    & i {
      font-style: normal;
    }
  }
  .\[\&_i\]\:\[outline\:none\] {
    & i {
      outline: none;
    }
  }
  .\[\&_i\]\:select-none {
    & i {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_i\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    & i {
      border: 1px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&_i\]\:\[webkit-tap-highlight-color\:transparent\] {
    & i {
      webkit-tap-highlight-color: transparent;
    }
  }
  .\[\&_i\]\:hover\:\[background\:\#dddddd\] {
    & i {
      &:hover {
        @media (hover: hover) {
          background: #dddddd;
        }
      }
    }
  }
  .not-disabled\:\[\&_i\]\:cursor-pointer {
    &:not(.disabled) {
      & i {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:ml-\[4px\] {
    & .button-container {
      & i {
        margin-left: 4px;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:cursor-pointer {
    & .button-container {
      & i {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:\[border-radius\:50\%\] {
    & .button-container {
      & i {
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:bg-white {
    & .button-container {
      & i {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:text-\[24px\] {
    & .button-container {
      & i {
        font-size: 24px;
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .button-container {
      & i {
        border: 1px solid rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_\.button-container\]\:\[\&_i\]\:hover\:\[background\:\#dddddd\] {
    & .button-container {
      & i {
        &:hover {
          @media (hover: hover) {
            background: #dddddd;
          }
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:h-\[28px\] {
    & .card-actions {
      & div.card-action {
        & i {
          height: 28px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:cursor-pointer {
    & .card-actions {
      & div.card-action {
        & i {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:\[border-radius\:50\%\] {
    & .card-actions {
      & div.card-action {
        & i {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:p-\[4px\] {
    & .card-actions {
      & div.card-action {
        & i {
          padding: 4px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:text-\[20px\] {
    & .card-actions {
      & div.card-action {
        & i {
          font-size: 20px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:\[color\:\#adadad\] {
    & .card-actions {
      & div.card-action {
        & i {
          color: #adadad;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&_i\]\:\[transition\:color_200ms\] {
    & .card-actions {
      & div.card-action {
        & i {
          transition: color 200ms;
        }
      }
    }
  }
  .\[\&_img\]\:relative {
    & img {
      position: relative;
    }
  }
  .\[\&_img\]\:z-\[1\] {
    & img {
      z-index: 1;
    }
  }
  .\[\&_img\]\:my-2 {
    & img {
      margin-block: var(--spacing-2);
    }
  }
  .\[\&_img\]\:h-\[40px\] {
    & img {
      height: 40px;
    }
  }
  .\[\&_img\]\:h-\[45px\] {
    & img {
      height: 45px;
    }
  }
  .\[\&_img\]\:h-\[50px\] {
    & img {
      height: 50px;
    }
  }
  .\[\&_img\]\:h-\[68px\] {
    & img {
      height: 68px;
    }
  }
  .\[\&_img\]\:\[max-height\:100\%\] {
    & img {
      max-height: 100%;
    }
  }
  .\[\&_img\]\:\[max-width\:100\%\] {
    & img {
      max-width: 100%;
    }
  }
  .\[\&_img\]\:max-w-\[280px\] {
    & img {
      max-width: 280px;
    }
  }
  .\[\&_img\]\:max-w-full {
    & img {
      max-width: 100%;
    }
  }
  .\[\&_img\]\:rounded-md {
    & img {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_img\]\:border {
    & img {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_img\]\:border-slate-200 {
    & img {
      border-color: var(--color-slate-200);
    }
  }
  .\[\&_img\]\:object-contain {
    & img {
      object-fit: contain;
    }
  }
  .\[\&_img\]\:p-\[5px\] {
    & img {
      padding: 5px;
    }
  }
  .\[\&_img\.profile-pic\]\:h-\[80px\] {
    & img.profile-pic {
      height: 80px;
    }
  }
  .\[\&_img\.profile-pic\]\:w-\[80px\] {
    & img.profile-pic {
      width: 80px;
    }
  }
  .\[\&_img\.profile-pic\]\:\[border-radius\:50\%\] {
    & img.profile-pic {
      border-radius: 50%;
    }
  }
  .\[\&_img\.profile-pic\]\:object-cover {
    & img.profile-pic {
      object-fit: cover;
    }
  }
  .\[\&_img\.signature\]\:-ml-\[17px\] {
    & img.signature {
      margin-left: calc(17px * -1);
    }
  }
  .\[\&_img\.signature\]\:w-\[224px\] {
    & img.signature {
      width: 224px;
    }
  }
  .\[\&_input\]\:absolute {
    & input {
      position: absolute;
    }
  }
  .\[\&_input\]\:relative {
    & input {
      position: relative;
    }
  }
  .\[\&_input\]\:-top-\[2px\] {
    & input {
      top: calc(2px * -1);
    }
  }
  .\[\&_input\]\:top-0 {
    & input {
      top: var(--spacing-0);
    }
  }
  .\[\&_input\]\:right-0 {
    & input {
      right: var(--spacing-0);
    }
  }
  .\[\&_input\]\:bottom-0 {
    & input {
      bottom: var(--spacing-0);
    }
  }
  .\[\&_input\]\:-left-\[2px\] {
    & input {
      left: calc(2px * -1);
    }
  }
  .\[\&_input\]\:left-0 {
    & input {
      left: var(--spacing-0);
    }
  }
  .\[\&_input\]\:m-0 {
    & input {
      margin: var(--spacing-0);
    }
  }
  .\[\&_input\]\:m-\[0\] {
    & input {
      margin: 0;
    }
  }
  .\[\&_input\]\:m-\[0px\] {
    & input {
      margin: 0px;
    }
  }
  .\[\&_input\]\:mt-\[4px\] {
    & input {
      margin-top: 4px;
    }
  }
  .\[\&_input\]\:mb-px {
    & input {
      margin-bottom: 1px;
    }
  }
  .\[\&_input\]\:ml-\[12px\] {
    & input {
      margin-left: 12px;
    }
  }
  .\[\&_input\]\:box-border {
    & input {
      box-sizing: border-box;
    }
  }
  .\[\&_input\]\:block {
    & input {
      display: block;
    }
  }
  .\[\&_input\]\:hidden {
    & input {
      display: none;
    }
  }
  .\[\&_input\]\:h-\[28px\] {
    & input {
      height: 28px;
    }
  }
  .\[\&_input\]\:h-\[48px\] {
    & input {
      height: 48px;
    }
  }
  .\[\&_input\]\:\[width\:100\%\] {
    & input {
      width: 100%;
    }
  }
  .\[\&_input\]\:\[width\:calc\(100\%_-_40px\)\] {
    & input {
      width: calc(100% - 40px);
    }
  }
  .\[\&_input\]\:w-\[28px\] {
    & input {
      width: 28px;
    }
  }
  .\[\&_input\]\:w-full {
    & input {
      width: 100%;
    }
  }
  .\[\&_input\]\:min-w-\[340px\] {
    & input {
      min-width: 340px;
    }
  }
  .\[\&_input\]\:flex-1 {
    & input {
      flex: 1;
    }
  }
  .\[\&_input\]\:\[border-radius\:var\(--radius-sm\,_5px\)\] {
    & input {
      border-radius: var(--radius-sm, 5px);
    }
  }
  .\[\&_input\]\:rounded-\[4px\] {
    & input {
      border-radius: 4px;
    }
  }
  .\[\&_input\]\:rounded-\[8px\] {
    & input {
      border-radius: 8px;
    }
  }
  .\[\&_input\]\:rounded-none {
    & input {
      border-radius: var(--radius-none);
    }
  }
  .\[\&_input\]\:border {
    & input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\]\:border-\[1px\] {
    & input {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_input\]\:border-none {
    & input {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_input\]\:border-solid {
    & input {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_input\]\:\[border-color\:\#334155\] {
    & input {
      border-color: #334155;
    }
  }
  .\[\&_input\]\:\[border-color\:\#e5e7eb\] {
    & input {
      border-color: #e5e7eb;
    }
  }
  .\[\&_input\]\:\[border-color\:var\(--color-border-default\,_\#848484\)\] {
    & input {
      border-color: var(--color-border-default, #848484);
    }
  }
  .\[\&_input\]\:bg-primary-50 {
    & input {
      background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
    }
  }
  .\[\&_input\]\:bg-transparent {
    & input {
      background-color: transparent;
    }
  }
  .\[\&_input\]\:bg-white {
    & input {
      background-color: var(--color-white);
    }
  }
  .\[\&_input\]\:bg-none {
    & input {
      background-image: none;
    }
  }
  .\[\&_input\]\:\[padding\:8px_12px\] {
    & input {
      padding: 8px 12px;
    }
  }
  .\[\&_input\]\:\[padding\:11px_13px\] {
    & input {
      padding: 11px 13px;
    }
  }
  .\[\&_input\]\:\[padding\:var\(--space-4\,_20px\)\] {
    & input {
      padding: var(--space-4, 20px);
    }
  }
  .\[\&_input\]\:p-0 {
    & input {
      padding: var(--spacing-0);
    }
  }
  .\[\&_input\]\:p-0\.5 {
    & input {
      padding: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&_input\]\:pt-\[4px\] {
    & input {
      padding-top: 4px;
    }
  }
  .\[\&_input\]\:pb-\[4px\] {
    & input {
      padding-bottom: 4px;
    }
  }
  .\[\&_input\]\:font-app {
    & input {
      font-family: var(--font-app);
    }
  }
  .\[\&_input\]\:font-sans {
    & input {
      font-family: var(--font-sans);
    }
  }
  .\[\&_input\]\:\[font-size\:0\.82rem\] {
    & input {
      font-size: 0.82rem;
    }
  }
  .\[\&_input\]\:text-\[1rem\] {
    & input {
      font-size: 1rem;
    }
  }
  .\[\&_input\]\:text-\[12pt\] {
    & input {
      font-size: 12pt;
    }
  }
  .\[\&_input\]\:text-\[16px\] {
    & input {
      font-size: 16px;
    }
  }
  .\[\&_input\]\:leading-5 {
    & input {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_input\]\:leading-\[16px\] {
    & input {
      --tw-leading: 16px;
      line-height: 16px;
    }
  }
  .\[\&_input\]\:\[color\:\#000000\] {
    & input {
      color: #000000;
    }
  }
  .\[\&_input\]\:\[color\:\#f1f5f9\] {
    & input {
      color: #f1f5f9;
    }
  }
  .\[\&_input\]\:\[color\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.87\)\] {
    & input {
      color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.87);
    }
  }
  .\[\&_input\]\:\[color\:var\(--accent-text-colour\)\] {
    & input {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_input\]\:\[color\:var\(--text-colour\)\] {
    & input {
      color: var(--text-colour);
    }
  }
  .\[\&_input\]\:text-surface-text {
    & input {
      color: #1a2d35;
    }
  }
  .\[\&_input\]\:text-white {
    & input {
      color: var(--color-white);
    }
  }
  .\[\&_input\]\:opacity-0 {
    & input {
      opacity: 0%;
    }
  }
  .\[\&_input\]\:\[outline\:none\] {
    & input {
      outline: none;
    }
  }
  .\[\&_input\]\:\[-webkit-border-horizontal-spacing\:0\] {
    & input {
      -webkit-border-horizontal-spacing: 0;
    }
  }
  .\[\&_input\]\:\[-webkit-border-vertical-spacing\:0\] {
    & input {
      -webkit-border-vertical-spacing: 0;
    }
  }
  .\[\&_input\]\:\[background\:\#0f172a\] {
    & input {
      background: #0f172a;
    }
  }
  .\[\&_input\]\:\[background\:var\(--color-bg-surface\,_\#f7f7f7\)\] {
    & input {
      background: var(--color-bg-surface, #f7f7f7);
    }
  }
  .\[\&_input\]\:\[border-bottom\:1px_solid_\#aaa\] {
    & input {
      border-bottom: 1px solid #aaa;
    }
  }
  .\[\&_input\]\:\[border-bottom\:1px_solid_rgba\(255\,_255\,_255\,_0\.75\)\] {
    & input {
      border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    }
  }
  .\[\&_input\]\:\[border\:1\.5px_solid_transparent\] {
    & input {
      border: 1.5px solid transparent;
    }
  }
  .\[\&_input\]\:\[border\:1px_solid_\#ccc\] {
    & input {
      border: 1px solid #ccc;
    }
  }
  .\[\&_input\]\:\[transition\:border-color_\.15s\,_background_\.15s\,_box-shadow_\.15s\] {
    & input {
      transition: border-color .15s, background .15s, box-shadow .15s;
    }
  }
  .\[\&_input\]\:\[transition\:border-color_200ms\,_box-shadow_200ms\] {
    & input {
      transition: border-color 200ms, box-shadow 200ms;
    }
  }
  .\[\&_input\]\:\[transition\:border-color_200ms\] {
    & input {
      transition: border-color 200ms;
    }
  }
  .\[\&_input\]\:\[webkit-appearance\:none\] {
    & input {
      webkit-appearance: none;
    }
  }
  .\[\&_input\]\:placeholder\:\[color\:\#64748b\] {
    & input {
      &::placeholder {
        color: #64748b;
      }
    }
  }
  .\[\&_input\]\:placeholder\:text-slate-400 {
    & input {
      &::placeholder {
        color: var(--color-slate-400);
      }
    }
  }
  .\[\&_input\]\:placeholder\:text-white {
    & input {
      &::placeholder {
        color: var(--color-white);
      }
    }
  }
  .\[\&_input\]\:placeholder\:\[opacity\:0\.5\] {
    & input {
      &::placeholder {
        opacity: 0.5;
      }
    }
  }
  .\[\&_input\]\:read-only\:cursor-not-allowed {
    & input {
      &:read-only {
        cursor: not-allowed;
      }
    }
  }
  .\[\&_input\]\:read-only\:\[border-color\:var\(--color-border-default\,_\#acacac\)\] {
    & input {
      &:read-only {
        border-color: var(--color-border-default, #acacac);
      }
    }
  }
  .\[\&_input\]\:read-only\:\[color\:var\(--color-text-secondary\,_rgb\(119\,_119\,_119\)\)\] {
    & input {
      &:read-only {
        color: var(--color-text-secondary, rgb(119, 119, 119));
      }
    }
  }
  .\[\&_input\]\:read-only\:\[background\:var\(--color-bg-page\,_\#dddddd\)\] {
    & input {
      &:read-only {
        background: var(--color-bg-page, #dddddd);
      }
    }
  }
  .\[\&_input\]\:focus\:\[border-color\:\#22d3ee\] {
    & input {
      &:focus {
        border-color: #22d3ee;
      }
    }
  }
  .\[\&_input\]\:focus\:\[border-color\:\#039be5\] {
    & input {
      &:focus {
        border-color: #039be5;
      }
    }
  }
  .\[\&_input\]\:focus\:border-primary-700 {
    & input {
      &:focus {
        border-color: oklch(from var(--brand-primary) l c h);
      }
    }
  }
  .\[\&_input\]\:focus\:bg-white {
    & input {
      &:focus {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_input\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(3\,_155\,_229\,_0\.1\)\] {
    & input {
      &:focus {
        box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
      }
    }
  }
  .\[\&_input\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(26\,_122\,_150\,_0\.1\)\] {
    & input {
      &:focus {
        box-shadow: 0 0 0 3px rgba(26, 122, 150, 0.1);
      }
    }
  }
  .\[\&_input\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(34\,_211\,_238\,_0\.2\)\] {
    & input {
      &:focus {
        box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
      }
    }
  }
  .\[\&_input\]\:focus\:\[outline\:none\] {
    & input {
      &:focus {
        outline: none;
      }
    }
  }
  .\[\&_input\]\:disabled\:cursor-not-allowed {
    & input {
      &:disabled {
        cursor: not-allowed;
      }
    }
  }
  .\[\&_input\]\:disabled\:\[border-color\:var\(--color-border-default\,_\#acacac\)\] {
    & input {
      &:disabled {
        border-color: var(--color-border-default, #acacac);
      }
    }
  }
  .\[\&_input\]\:disabled\:\[color\:var\(--color-text-secondary\,_rgb\(119\,_119\,_119\)\)\] {
    & input {
      &:disabled {
        color: var(--color-text-secondary, rgb(119, 119, 119));
      }
    }
  }
  .\[\&_input\]\:disabled\:\[background\:var\(--color-bg-page\,_\#dddddd\)\] {
    & input {
      &:disabled {
        background: var(--color-bg-page, #dddddd);
      }
    }
  }
  .\[\&_input\]\:ui-active\:mb-\[0\] {
    & input {
      &.active {
        margin-bottom: 0;
      }
    }
  }
  .\[\&_input\]\:ui-active\:mb-\[0px\] {
    & input {
      &.active {
        margin-bottom: 0px;
      }
    }
  }
  .\[\&_input\]\:ui-active\:border-b-\[2px\] {
    & input {
      &.active {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
      }
    }
  }
  .\[\&_input\]\:ui-active\:\[border-bottom-color\:var\(--primary-colour\,_\#1976d2\)\] {
    & input {
      &.active {
        border-bottom-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .ui-disabled\:\[\&_input\]\:\[border-bottom-style\:dashed\] {
    &.disabled {
      & input {
        border-bottom-style: dashed;
      }
    }
  }
  .ui-disabled\:\[\&_input\]\:\[color\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.62\)\] {
    &.disabled {
      & input {
        color: rgba(var(--text-colour-rgb, 0, 0, 0), 0.62);
      }
    }
  }
  .\[\&_\.config\]\:\[\&_input\]\:\[width\:100\%\] {
    & .config {
      & input {
        width: 100%;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.input\]\:\[\&_input\]\:\[width\:100\%\] {
    & .config {
      & .input {
        & input {
          width: 100%;
        }
      }
    }
  }
  .\[\&_\.options\]\:\[\&_input\]\:border-white {
    & .options {
      & input {
        border-color: var(--color-white);
      }
    }
  }
  .\[\&_\.options\]\:\[\&_input\]\:text-white {
    & .options {
      & input {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:inline-block {
    & .timepicker {
      & .picker {
        & input {
          display: inline-block;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:\[width\:100\%\] {
    & .timepicker {
      & .picker {
        & input {
          width: 100%;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:border-none {
    & .timepicker {
      & .picker {
        & input {
          --tw-border-style: none;
          border-style: none;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:p-\[0\] {
    & .timepicker {
      & .picker {
        & input {
          padding: 0;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:p-\[0px\] {
    & .timepicker {
      & .picker {
        & input {
          padding: 0px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:text-center {
    & .timepicker {
      & .picker {
        & input {
          text-align: center;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:text-\[32px\] {
    & .timepicker {
      & .picker {
        & input {
          font-size: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_input\]\:leading-\[200px\] {
    & .timepicker {
      & .picker {
        & input {
          --tw-leading: 200px;
          line-height: 200px;
        }
      }
    }
  }
  .\[\&_input\&\]\:\[padding\:0\.6em_1\.5em\] {
    & input& {
      padding: 0.6em 1.5em;
    }
  }
  .\[\&_input\.datepicker-input\]\:\[height\:calc\(1\.2em_\+_0\.6em_\+_2px\)\] {
    & input.datepicker-input {
      height: calc(1.2em + 0.6em + 2px);
    }
  }
  .\[\&_input\.datepicker-input\]\:\[line-height\:1\.2em\] {
    & input.datepicker-input {
      line-height: 1.2em;
    }
  }
  .\[\&_input\.w-form-control\]\:p-\[8px\] {
    & input.w-form-control {
      padding: 8px;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:h-14 {
    & input[type=checkbox] {
      height: calc(var(--spacing) * 14);
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:h-16 {
    & input[type=checkbox] {
      height: calc(var(--spacing) * 16);
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:w-14 {
    & input[type=checkbox] {
      width: calc(var(--spacing) * 14);
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:w-16 {
    & input[type=checkbox] {
      width: calc(var(--spacing) * 16);
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:shrink-0 {
    & input[type=checkbox] {
      flex-shrink: 0;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:cursor-pointer {
    & input[type=checkbox] {
      cursor: pointer;
    }
  }
  .\[\&_input\[type\=checkbox\]\]\:accent-primary-700 {
    & input[type=checkbox] {
      accent-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .\[\&_kbd\]\:inline-block {
    & kbd {
      display: inline-block;
    }
  }
  .\[\&_kbd\]\:rounded-\[3px\] {
    & kbd {
      border-radius: 3px;
    }
  }
  .\[\&_kbd\]\:\[padding\:1px_5px\] {
    & kbd {
      padding: 1px 5px;
    }
  }
  .\[\&_kbd\]\:\[font-family\:var\(--font-family-sans\)\] {
    & kbd {
      font-family: var(--font-family-sans);
    }
  }
  .\[\&_kbd\]\:\[font-size\:0\.75rem\] {
    & kbd {
      font-size: 0.75rem;
    }
  }
  .\[\&_kbd\]\:\[line-height\:1\.5\] {
    & kbd {
      line-height: 1.5;
    }
  }
  .\[\&_kbd\]\:\[box-shadow\:var\(--elevation-popout-shadow\)\] {
    & kbd {
      box-shadow: var(--elevation-popout-shadow);
    }
  }
  .\[\&_kbd\]\:\[background\:var\(--color-bg-surface\)\] {
    & kbd {
      background: var(--color-bg-surface);
    }
  }
  .\[\&_kbd\]\:\[border\:1px_solid_var\(--color-border-default\)\] {
    & kbd {
      border: 1px solid var(--color-border-default);
    }
  }
  .\[\&_label\]\:pointer-events-none {
    & label {
      pointer-events: none;
    }
  }
  .\[\&_label\]\:absolute {
    & label {
      position: absolute;
    }
  }
  .\[\&_label\]\:static {
    & label {
      position: static;
    }
  }
  .\[\&_label\]\:\[top\:50\%\] {
    & label {
      top: 50%;
    }
  }
  .\[\&_label\]\:top-0 {
    & label {
      top: var(--spacing-0);
    }
  }
  .\[\&_label\]\:top-\[12px\] {
    & label {
      top: 12px;
    }
  }
  .\[\&_label\]\:left-13 {
    & label {
      left: calc(var(--spacing) * 13);
    }
  }
  .\[\&_label\]\:left-\[12px\] {
    & label {
      left: 12px;
    }
  }
  .\[\&_label\]\:m-0 {
    & label {
      margin: var(--spacing-0);
    }
  }
  .\[\&_label\]\:m-\[0\] {
    & label {
      margin: 0;
    }
  }
  .\[\&_label\]\:m-\[0px\] {
    & label {
      margin: 0px;
    }
  }
  .\[\&_label\]\:box-border {
    & label {
      box-sizing: border-box;
    }
  }
  .\[\&_label\]\:flex {
    & label {
      display: flex;
    }
  }
  .\[\&_label\]\:w-full {
    & label {
      width: 100%;
    }
  }
  .\[\&_label\]\:\[transform\:none\] {
    & label {
      transform: none;
    }
  }
  .\[\&_label\]\:\[transform\:translateY\(-50\%\)\] {
    & label {
      transform: translateY(-50%);
    }
  }
  .\[\&_label\]\:cursor-pointer {
    & label {
      cursor: pointer;
    }
  }
  .\[\&_label\]\:flex-row {
    & label {
      flex-direction: row;
    }
  }
  .\[\&_label\]\:items-center {
    & label {
      align-items: center;
    }
  }
  .\[\&_label\]\:gap-8 {
    & label {
      gap: calc(var(--spacing) * 8);
    }
  }
  .\[\&_label\]\:gap-\[16px\] {
    & label {
      gap: 16px;
    }
  }
  .\[\&_label\]\:bg-primary-50 {
    & label {
      background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
    }
  }
  .\[\&_label\]\:bg-transparent {
    & label {
      background-color: transparent;
    }
  }
  .\[\&_label\]\:\[padding\:2px_6px\] {
    & label {
      padding: 2px 6px;
    }
  }
  .\[\&_label\]\:p-0 {
    & label {
      padding: var(--spacing-0);
    }
  }
  .\[\&_label\]\:p-\[16px\] {
    & label {
      padding: 16px;
    }
  }
  .\[\&_label\]\:\[font-size\:0\.62rem\] {
    & label {
      font-size: 0.62rem;
    }
  }
  .\[\&_label\]\:\[font-size\:0\.78rem\] {
    & label {
      font-size: 0.78rem;
    }
  }
  .\[\&_label\]\:text-\[12px\] {
    & label {
      font-size: 12px;
    }
  }
  .\[\&_label\]\:font-bold {
    & label {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_label\]\:font-semibold {
    & label {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_label\]\:\[letter-spacing\:0\.06em\] {
    & label {
      letter-spacing: 0.06em;
    }
  }
  .\[\&_label\]\:\[color\:\#f1f5f9\] {
    & label {
      color: #f1f5f9;
    }
  }
  .\[\&_label\]\:text-surface-label {
    & label {
      color: #7a909a;
    }
  }
  .\[\&_label\]\:text-surface-text {
    & label {
      color: #1a2d35;
    }
  }
  .\[\&_label\]\:uppercase {
    & label {
      text-transform: uppercase;
    }
  }
  .\[\&_label\]\:select-none {
    & label {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_label\]\:\[transition\:all_\.15s\] {
    & label {
      transition: all .15s;
    }
  }
  .\[\&_label_span\]\:min-w-0 {
    & label span {
      min-width: var(--spacing-0);
    }
  }
  .\[\&_label_span\]\:leading-normal {
    & label span {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:relative {
    & .config {
      & label.checkbox {
        position: relative;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:block {
    & .config {
      & label.checkbox {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:min-h-\[48px\] {
    & .config {
      & label.checkbox {
        min-height: 48px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:touch-manipulation {
    & .config {
      & label.checkbox {
        touch-action: manipulation;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[padding\:16px_8px\] {
    & .config {
      & label.checkbox {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\*\]\:touch-manipulation {
    & .config {
      & label.checkbox {
        & * {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.checkbox\]\:absolute {
    & .config {
      & label.checkbox {
        & .checkbox {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.checkbox\]\:top-\[16px\] {
    & .config {
      & label.checkbox {
        & .checkbox {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.checkbox\]\:right-\[8px\] {
    & .config {
      & label.checkbox {
        & .checkbox {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.checkbox\]\:right-\[24px\] {
    & .config {
      & label.checkbox {
        & .checkbox {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & label.checkbox {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.checkbox {
        & .subtitle {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & label.checkbox {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:leading-\[20px\] {
    & .config {
      & label.checkbox {
        & .subtitle {
          --tw-leading: 20px;
          line-height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:\[opacity\:0\.75\] {
    & .config {
      & label.checkbox {
        & .subtitle {
          opacity: 0.75;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.subtitle\]\:select-none {
    & .config {
      & label.checkbox {
        & .subtitle {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.switch\]\:absolute {
    & .config {
      & label.checkbox {
        & .switch {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.switch\]\:top-\[16px\] {
    & .config {
      & label.checkbox {
        & .switch {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.switch\]\:right-\[8px\] {
    & .config {
      & label.checkbox {
        & .switch {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.title\]\:block {
    & .config {
      & label.checkbox {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.title\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.checkbox {
        & .title {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .config {
      & label.checkbox {
        & .title {
          --tw-leading: 28px;
          line-height: 28px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & label.checkbox {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&_\.title\]\:select-none {
    & .config {
      & label.checkbox {
        & .title {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:relative {
    & .config {
      & label.select {
        position: relative;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:block {
    & .config {
      & label.select {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:grid {
    & .config {
      & label.select {
        display: grid;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[height\:unset\] {
    & .config {
      & label.select {
        height: unset;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:min-h-\[32px\] {
    & .config {
      & label.select {
        min-height: 32px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:min-h-\[48px\] {
    & .config {
      & label.select {
        min-height: 48px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:touch-manipulation {
    & .config {
      & label.select {
        touch-action: manipulation;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[grid-template-columns\:1fr_3fr\] {
    & .config {
      & label.select {
        grid-template-columns: 1fr 3fr;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[padding\:16px_8px\] {
    & .config {
      & label.select {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[grid-template-areas\:\'title_select\'_\'subtitle_select\'\] {
    & .config {
      & label.select {
        grid-template-areas: 'title select' 'subtitle select';
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\*\]\:touch-manipulation {
    & .config {
      & label.select {
        & * {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:mr-\[24px\] {
    & .config {
      & label.select {
        & .Select-control {
          margin-right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:ml-auto {
    & .config {
      & label.select {
        & .Select-control {
          margin-left: auto;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:\[width\:75\%\] {
    & .config {
      & label.select {
        & .Select-control {
          width: 75%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:rounded-\[4px\] {
    & .config {
      & label.select {
        & .Select-control {
          border-radius: 4px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-control\]\:\[background\:rgba\(0\,_0\,_0\,_0\.05\)\] {
    & .config {
      & label.select {
        & .Select-control {
          background: rgba(0, 0, 0, 0.05);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:pr-\[32px\] {
    & .config {
      & label.select {
        & .Select-value {
          padding-right: 32px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.Select-value\]\:text-right {
    & .config {
      & label.select {
        & .Select-value {
          text-align: right;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.checkbox\]\:absolute {
    & .config {
      & label.select {
        & .checkbox {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.checkbox\]\:top-\[16px\] {
    & .config {
      & label.select {
        & .checkbox {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.checkbox\]\:right-\[8px\] {
    & .config {
      & label.select {
        & .checkbox {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.checkbox\]\:right-\[24px\] {
    & .config {
      & label.select {
        & .checkbox {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.custom-select\]\:\[grid-area\:select\] {
    & .config {
      & label.select {
        & .custom-select {
          grid-area: select;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & label.select {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:\[max-width\:100\%\] {
    & .config {
      & label.select {
        & .subtitle {
          max-width: 100%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.select {
        & .subtitle {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & label.select {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:leading-\[20px\] {
    & .config {
      & label.select {
        & .subtitle {
          --tw-leading: 20px;
          line-height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:\[opacity\:0\.75\] {
    & .config {
      & label.select {
        & .subtitle {
          opacity: 0.75;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:select-none {
    & .config {
      & label.select {
        & .subtitle {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.subtitle\]\:\[grid-area\:subtitle\] {
    & .config {
      & label.select {
        & .subtitle {
          grid-area: subtitle;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.switch\]\:absolute {
    & .config {
      & label.select {
        & .switch {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.switch\]\:top-\[16px\] {
    & .config {
      & label.select {
        & .switch {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.switch\]\:right-\[8px\] {
    & .config {
      & label.select {
        & .switch {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:block {
    & .config {
      & label.select {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:\[max-width\:100\%\] {
    & .config {
      & label.select {
        & .title {
          max-width: 100%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.select {
        & .title {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .config {
      & label.select {
        & .title {
          --tw-leading: 28px;
          line-height: 28px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & label.select {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:select-none {
    & .config {
      & label.select {
        & .title {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&_\.title\]\:\[grid-area\:title\] {
    & .config {
      & label.select {
        & .title {
          grid-area: title;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:relative {
    & .config {
      & label.switch {
        position: relative;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:block {
    & .config {
      & label.switch {
        display: block;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:min-h-\[48px\] {
    & .config {
      & label.switch {
        min-height: 48px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:touch-manipulation {
    & .config {
      & label.switch {
        touch-action: manipulation;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[padding\:16px_8px\] {
    & .config {
      & label.switch {
        padding: 16px 8px;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\*\]\:touch-manipulation {
    & .config {
      & label.switch {
        & * {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.checkbox\]\:absolute {
    & .config {
      & label.switch {
        & .checkbox {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.checkbox\]\:top-\[16px\] {
    & .config {
      & label.switch {
        & .checkbox {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.checkbox\]\:right-\[8px\] {
    & .config {
      & label.switch {
        & .checkbox {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.checkbox\]\:right-\[24px\] {
    & .config {
      & label.switch {
        & .checkbox {
          right: 24px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:block {
    & .config {
      & label.switch {
        & .subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.switch {
        & .subtitle {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:text-\[14px\] {
    & .config {
      & label.switch {
        & .subtitle {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:leading-\[20px\] {
    & .config {
      & label.switch {
        & .subtitle {
          --tw-leading: 20px;
          line-height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:\[opacity\:0\.75\] {
    & .config {
      & label.switch {
        & .subtitle {
          opacity: 0.75;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.subtitle\]\:select-none {
    & .config {
      & label.switch {
        & .subtitle {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.switch\]\:absolute {
    & .config {
      & label.switch {
        & .switch {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.switch\]\:top-\[16px\] {
    & .config {
      & label.switch {
        & .switch {
          top: 16px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.switch\]\:right-\[8px\] {
    & .config {
      & label.switch {
        & .switch {
          right: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.title\]\:block {
    & .config {
      & label.switch {
        & .title {
          display: block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.title\]\:\[max-width\:calc\(100\%_-_60px\)\] {
    & .config {
      & label.switch {
        & .title {
          max-width: calc(100% - 60px);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.title\]\:leading-\[28px\] {
    & .config {
      & label.switch {
        & .title {
          --tw-leading: 28px;
          line-height: 28px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.title\]\:font-medium {
    & .config {
      & label.switch {
        & .title {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&_\.title\]\:select-none {
    & .config {
      & label.switch {
        & .title {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:mb-\[0px\] {
    & form {
      & fieldset {
        & legend {
          margin-bottom: 0px;
        }
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:w-auto {
    & form {
      & fieldset {
        & legend {
          width: auto;
        }
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:border-none {
    & form {
      & fieldset {
        & legend {
          --tw-border-style: none;
          border-style: none;
        }
      }
    }
  }
  .\[\&_form\]\:\[\&_fieldset\]\:\[\&_legend\]\:p-\[8px\] {
    & form {
      & fieldset {
        & legend {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_li\]\:\[margin\:3px_0\] {
    & li {
      margin: 3px 0;
    }
  }
  .\[\&_li\]\:\[margin\:8px_0px\] {
    & li {
      margin: 8px 0px;
    }
  }
  .\[\&_li\]\:m-\[0px\] {
    & li {
      margin: 0px;
    }
  }
  .\[\&_li\]\:m-auto {
    & li {
      margin: auto;
    }
  }
  .\[\&_li\]\:box-border {
    & li {
      box-sizing: border-box;
    }
  }
  .\[\&_li\]\:block {
    & li {
      display: block;
    }
  }
  .\[\&_li\]\:flex {
    & li {
      display: flex;
    }
  }
  .\[\&_li\]\:inline {
    & li {
      display: inline;
    }
  }
  .\[\&_li\]\:inline-block {
    & li {
      display: inline-block;
    }
  }
  .\[\&_li\]\:h-\[32px\] {
    & li {
      height: 32px;
    }
  }
  .\[\&_li\]\:h-\[48px\] {
    & li {
      height: 48px;
    }
  }
  .\[\&_li\]\:min-h-\[32px\] {
    & li {
      min-height: 32px;
    }
  }
  .\[\&_li\]\:max-w-\[264px\] {
    & li {
      max-width: 264px;
    }
  }
  .\[\&_li\]\:min-w-\[100px\] {
    & li {
      min-width: 100px;
    }
  }
  .\[\&_li\]\:flex-1 {
    & li {
      flex: 1;
    }
  }
  .\[\&_li\]\:cursor-pointer {
    & li {
      cursor: pointer;
    }
  }
  .\[\&_li\]\:touch-manipulation {
    & li {
      touch-action: manipulation;
    }
  }
  .\[\&_li\]\:p-\[8px\] {
    & li {
      padding: 8px;
    }
  }
  .\[\&_li\]\:pl-\[32px\] {
    & li {
      padding-left: 32px;
    }
  }
  .\[\&_li\]\:text-center {
    & li {
      text-align: center;
    }
  }
  .\[\&_li\]\:\[font-size\:0\.8125rem\] {
    & li {
      font-size: 0.8125rem;
    }
  }
  .\[\&_li\]\:text-\[14px\] {
    & li {
      font-size: 14px;
    }
  }
  .\[\&_li\]\:leading-\[48px\] {
    & li {
      --tw-leading: 48px;
      line-height: 48px;
    }
  }
  .\[\&_li\]\:\[line-height\:1\.6\] {
    & li {
      line-height: 1.6;
    }
  }
  .\[\&_li\]\:font-medium {
    & li {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&_li\]\:\[color\:var\(--color-text-secondary\)\] {
    & li {
      color: var(--color-text-secondary);
    }
  }
  .\[\&_li\]\:uppercase {
    & li {
      text-transform: uppercase;
    }
  }
  .\[\&_li\]\:\[outline\:none\] {
    & li {
      outline: none;
    }
  }
  .\[\&_li\]\:select-none {
    & li {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_li\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & li {
      border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
    }
  }
  .\[\&_li\]\:\[border-bottom\:4px_solid_transparent\] {
    & li {
      border-bottom: 4px solid transparent;
    }
  }
  .\[\&_li\]\:\[list-style\:none\] {
    & li {
      list-style: none;
    }
  }
  .\[\&_li\]\:\[transition\:border-bottom-color_200ms\] {
    & li {
      transition: border-bottom-color 200ms;
    }
  }
  .\[\&_li\]\:hover\:\[border-bottom-color\:rgba\(255\,_255\,_255\,_0\.5\)\] {
    & li {
      &:hover {
        @media (hover: hover) {
          border-bottom-color: rgba(255, 255, 255, 0.5);
        }
      }
    }
  }
  .\[\&_li\]\:focus\:\[border-bottom-color\:rgba\(255\,_255\,_255\,_0\.5\)\] {
    & li {
      &:focus {
        border-bottom-color: rgba(255, 255, 255, 0.5);
      }
    }
  }
  .\[\&_li\]\:ui-active\:\[border-bottom-color\:rgba\(255\,_255\,_255\,_1\)\] {
    & li {
      &.active {
        border-bottom-color: rgba(255, 255, 255, 1);
      }
    }
  }
  .\[\&_li\]\:\[\&\]\:\[line-height\:1\.25rem\] {
    & li {
      line-height: 1.25rem;
    }
  }
  .\[\&_li\]\:\[\&\]\:text-white {
    & li {
      color: var(--color-white);
    }
  }
  .\[\&_li\]\:\[\&\]\:no-underline {
    & li {
      text-decoration-line: none;
    }
  }
  .\[\&_\.markdown\]\:\[\&_li\]\:\[margin-bottom\:0\.25rem\] {
    & .markdown {
      & li {
        margin-bottom: 0.25rem;
      }
    }
  }
  .\[\&_li\]\:\[\&_\>_span\]\:ml-\[16px\] {
    & li {
      & > span {
        margin-left: 16px;
      }
    }
  }
  .\[\&_li\]\:\[\&_\>_span\]\:flex-1 {
    & li {
      & > span {
        flex: 1;
      }
    }
  }
  .\[\&_li\]\:\[\&_\>_span\]\:p-\[4px\] {
    & li {
      & > span {
        padding: 4px;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:relative {
    & > ul {
      & li {
        position: relative;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:flex-1 {
    & > ul {
      & li {
        flex: 1;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[flex-shrink\:0\.5\] {
    & > ul {
      & li {
        flex-shrink: 0.5;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[flex-grow\:2\] {
    & > ul {
      & li {
        flex-grow: 2;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:cursor-pointer {
    & > ul {
      & li {
        cursor: pointer;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[padding\:4px_8px\] {
    & > ul {
      & li {
        padding: 4px 8px;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:text-center {
    & > ul {
      & li {
        text-align: center;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:font-medium {
    & > ul {
      & li {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:whitespace-nowrap {
    & > ul {
      & li {
        white-space: nowrap;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & > ul {
      & li {
        color: rgba(0, 0, 0, 0.5);
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:uppercase {
    & > ul {
      & li {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:select-none {
    & > ul {
      & li {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[border-bottom\:3px_solid_rgba\(0\,_0\,_0\,_0\.1\)\] {
    & > ul {
      & li {
        border-bottom: 3px solid rgba(0, 0, 0, 0.1);
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[transition\:color_400ms\] {
    & > ul {
      & li {
        transition: color 400ms;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[webkit-user-select\:none\] {
    & > ul {
      & li {
        webkit-user-select: none;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:absolute {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:\[right\:50\%\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          right: 50%;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:-bottom-\[3px\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          bottom: calc(3px * -1);
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:\[left\:50\%\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          left: 50%;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:h-\[3px\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          height: 3px;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:opacity-0 {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          opacity: 0%;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:\[content\:\"\"\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          content: "";
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:\[background\:\#1e88e5\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          background: #1e88e5;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:after\:\[transition\:400ms\] {
    & > ul {
      & li {
        &::after {
          content: var(--tw-content);
          transition: 400ms;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:text-black {
    & > ul {
      & li {
        &.active {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:opacity-1 {
    & > ul {
      & li {
        &.active {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:after\:right-\[0px\] {
    & > ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            right: 0px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:after\:left-\[0px\] {
    & > ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            left: 0px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:after\:opacity-1 {
    & > ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            opacity: 1%;
          }
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:-ml-\[32px\] {
    & li {
      & a {
        margin-left: calc(32px * -1);
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:block {
    & li {
      & a {
        display: block;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:cursor-pointer {
    & li {
      & a {
        cursor: pointer;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:p-\[8px\] {
    & li {
      & a {
        padding: 8px;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:pl-\[64px\] {
    & li {
      & a {
        padding-left: 64px;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:\[line-height\:1\.25rem\] {
    & li {
      & a {
        line-height: 1.25rem;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:text-white {
    & li {
      & a {
        color: var(--color-white);
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:no-underline {
    & li {
      & a {
        text-decoration-line: none;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:\[outline\:none\] {
    & li {
      & a {
        outline: none;
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:hover\:\[background\:\#1976d2\] {
    & li {
      & a {
        &:hover {
          @media (hover: hover) {
            background: #1976d2;
          }
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:focus\:\[background\:\#1976d2\] {
    & li {
      & a {
        &:focus {
          background: #1976d2;
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:ui-active\:font-medium {
    & li {
      & a {
        &.active {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:ui-active\:text-black {
    & li {
      & a {
        &.active {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_a\]\:ui-active\:\[background\:\#f0f0f0\] {
    & li {
      & a {
        &.active {
          background: #f0f0f0;
        }
      }
    }
  }
  .\[\&_li\]\:\[\&_label\]\:m-\[0px\] {
    & li {
      & label {
        margin: 0px;
      }
    }
  }
  .\[\&_li\]\:\[\&_label\]\:inline-block {
    & li {
      & label {
        display: inline-block;
      }
    }
  }
  .\[\&_li\]\:\[\&_label\]\:p-\[4px\] {
    & li {
      & label {
        padding: 4px;
      }
    }
  }
  .\[\&_li_\.active\]\:\[color\:\#4CAF50\] {
    & li .active {
      color: #4CAF50;
    }
  }
  .\[\&_li_button\:not\(\.active\)\]\:\[color\:var\(--accent-background-colour\)\] {
    & li button:not(.active) {
      color: var(--accent-background-colour);
    }
  }
  .\[\&_li\.active\]\:font-bold {
    & li.active {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_li\.active\]\:\[color\:var\(--form-nav-active\,_\#185abc\)\] {
    & li.active {
      color: var(--form-nav-active, #185abc);
    }
  }
  .\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_span\:hover\]\:cursor-pointer {
    & li:not(.header):not(.sub-header) span:hover {
      cursor: pointer;
    }
  }
  .\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_span\:hover\]\:\[color\:var\(--form-nav-active\,_rgb\(26\,_115\,_232\)\)\] {
    & li:not(.header):not(.sub-header) span:hover {
      color: var(--form-nav-active, rgb(26, 115, 232));
    }
  }
  .\[\&_mark\]\:bg-none {
    & mark {
      background-image: none;
    }
  }
  .\[\&_mark\]\:font-\[inherit\] {
    & mark {
      font-family: inherit;
    }
  }
  .\[\&_mark\]\:font-semibold {
    & mark {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_mark\]\:\[color\:\#1e88e5\] {
    & mark {
      color: #1e88e5;
    }
  }
  .\[\&_mark\]\:\[color\:\#1976d2\] {
    & mark {
      color: #1976d2;
    }
  }
  .\[\&_mark\]\:\[color\:var\(--color-action-primary\)\] {
    & mark {
      color: var(--color-action-primary);
    }
  }
  .\[\&_ol\]\:my-1 {
    & ol {
      margin-block: var(--spacing-1);
    }
  }
  .\[\&_ol\]\:list-decimal {
    & ol {
      list-style-type: decimal;
    }
  }
  .\[\&_ol\]\:pl-5 {
    & ol {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .\[\&_p\]\:\[margin\:3px_0\] {
    & p {
      margin: 3px 0;
    }
  }
  .\[\&_p\]\:\[margin\:4px_0\] {
    & p {
      margin: 4px 0;
    }
  }
  .\[\&_p\]\:m-0 {
    & p {
      margin: var(--spacing-0);
    }
  }
  .\[\&_p\]\:m-\[0px\] {
    & p {
      margin: 0px;
    }
  }
  .\[\&_p\]\:my-1 {
    & p {
      margin-block: var(--spacing-1);
    }
  }
  .\[\&_p\]\:overflow-hidden {
    & p {
      overflow: hidden;
    }
  }
  .\[\&_p\]\:\[padding\:0px_32px\] {
    & p {
      padding: 0px 32px;
    }
  }
  .\[\&_p\]\:p-\[0px\] {
    & p {
      padding: 0px;
    }
  }
  .\[\&_p\]\:text-center {
    & p {
      text-align: center;
    }
  }
  .\[\&_p\]\:\[font-size\:0\.8125rem\] {
    & p {
      font-size: 0.8125rem;
    }
  }
  .\[\&_p\]\:text-\[14px\] {
    & p {
      font-size: 14px;
    }
  }
  .\[\&_p\]\:\[line-height\:1\.6\] {
    & p {
      line-height: 1.6;
    }
  }
  .\[\&_p\]\:text-ellipsis {
    & p {
      text-overflow: ellipsis;
    }
  }
  .\[\&_p\]\:whitespace-nowrap {
    & p {
      white-space: nowrap;
    }
  }
  .\[\&_p\]\:\[color\:\#1a1a2e\] {
    & p {
      color: #1a1a2e;
    }
  }
  .\[\&_p\]\:\[color\:var\(--color-text-secondary\)\] {
    & p {
      color: var(--color-text-secondary);
    }
  }
  .\[\&_\.markdown\]\:\[\&_p\]\:\[margin-bottom\:0\.25rem\] {
    & .markdown {
      & p {
        margin-bottom: 0.25rem;
      }
    }
  }
  .\[\&_\.markdown\]\:\[\&_p\]\:leading-\[2rem\] {
    & .markdown {
      & p {
        --tw-leading: 2rem;
        line-height: 2rem;
      }
    }
  }
  .\[\&_\.note-message\]\:\[\&_p\]\:m-\[0px\] {
    & .note-message {
      & p {
        margin: 0px;
      }
    }
  }
  .\[\&_blockquote\]\:\[\&_p\]\:inline {
    & blockquote {
      & p {
        display: inline;
      }
    }
  }
  .\[\&_pre\]\:m-0 {
    & pre {
      margin: var(--spacing-0);
    }
  }
  .\[\&_pre\]\:my-2 {
    & pre {
      margin-block: var(--spacing-2);
    }
  }
  .\[\&_pre\]\:max-h-\[320px\] {
    & pre {
      max-height: 320px;
    }
  }
  .\[\&_pre\]\:overflow-x-auto {
    & pre {
      overflow-x: auto;
    }
  }
  .\[\&_pre\]\:overflow-y-auto {
    & pre {
      overflow-y: auto;
    }
  }
  .\[\&_pre\]\:rounded-\[8px\] {
    & pre {
      border-radius: 8px;
    }
  }
  .\[\&_pre\]\:rounded-md {
    & pre {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_pre\]\:\[background-color\:\#f8fafb\] {
    & pre {
      background-color: #f8fafb;
    }
  }
  .\[\&_pre\]\:bg-slate-950 {
    & pre {
      background-color: var(--color-slate-950);
    }
  }
  .\[\&_pre\]\:p-3 {
    & pre {
      padding: var(--spacing-3);
    }
  }
  .\[\&_pre\]\:p-\[14px\] {
    & pre {
      padding: 14px;
    }
  }
  .\[\&_pre\]\:p-\[16px\] {
    & pre {
      padding: 16px;
    }
  }
  .\[\&_pre\]\:\[font-family\:ui-monospace\,_SFMono-Regular\,_Menlo\,_Monaco\,_Consolas\,_monospace\] {
    & pre {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
  }
  .\[\&_pre\]\:font-\[monospace\] {
    & pre {
      font-family: monospace;
    }
  }
  .\[\&_pre\]\:font-mono {
    & pre {
      font-family: var(--font-mono);
    }
  }
  .\[\&_pre\]\:text-sm {
    & pre {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_pre\]\:\[font-size\:0\.875rem\] {
    & pre {
      font-size: 0.875rem;
    }
  }
  .\[\&_pre\]\:\[font-size\:0\.8125rem\] {
    & pre {
      font-size: 0.8125rem;
    }
  }
  .\[\&_pre\]\:\[line-height\:1\.55\] {
    & pre {
      line-height: 1.55;
    }
  }
  .\[\&_pre\]\:break-all {
    & pre {
      word-break: break-all;
    }
  }
  .\[\&_pre\]\:whitespace-pre-wrap {
    & pre {
      white-space: pre-wrap;
    }
  }
  .\[\&_pre\]\:\[color\:\#374151\] {
    & pre {
      color: #374151;
    }
  }
  .\[\&_pre\]\:text-slate-50 {
    & pre {
      color: var(--color-slate-50);
    }
  }
  .\[\&_pre\]\:\[background\:rgba\(0\,_0\,_0\,_0\.9\)\] {
    & pre {
      background: rgba(0, 0, 0, 0.9);
    }
  }
  .\[\&_pre\]\:\[border\:1px_solid_\#d4e2e8\] {
    & pre {
      border: 1px solid #d4e2e8;
    }
  }
  .\[\&_select\]\:\[width\:100\%\] {
    & select {
      width: 100%;
    }
  }
  .\[\&_select\]\:cursor-pointer {
    & select {
      cursor: pointer;
    }
  }
  .\[\&_select\]\:appearance-none {
    & select {
      appearance: none;
    }
  }
  .\[\&_select\]\:rounded-\[8px\] {
    & select {
      border-radius: 8px;
    }
  }
  .\[\&_select\]\:bg-primary-50 {
    & select {
      background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
    }
  }
  .\[\&_select\]\:\[padding\:11px_13px\] {
    & select {
      padding: 11px 13px;
    }
  }
  .\[\&_select\]\:font-sans {
    & select {
      font-family: var(--font-sans);
    }
  }
  .\[\&_select\]\:\[font-size\:0\.82rem\] {
    & select {
      font-size: 0.82rem;
    }
  }
  .\[\&_select\]\:text-surface-text {
    & select {
      color: #1a2d35;
    }
  }
  .\[\&_select\]\:\[outline\:none\] {
    & select {
      outline: none;
    }
  }
  .\[\&_select\]\:\[border\:1\.5px_solid_transparent\] {
    & select {
      border: 1.5px solid transparent;
    }
  }
  .\[\&_select\]\:focus\:border-primary-700 {
    & select {
      &:focus {
        border-color: oklch(from var(--brand-primary) l c h);
      }
    }
  }
  .\[\&_select\]\:focus\:bg-white {
    & select {
      &:focus {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_span\]\:mr-\[8px\] {
    & span {
      margin-right: 8px;
    }
  }
  .\[\&_span\]\:block {
    & span {
      display: block;
    }
  }
  .\[\&_span\]\:\[transform\:rotate\(180deg\)\] {
    & span {
      transform: rotate(180deg);
    }
  }
  .\[\&_span\]\:bg-red-700 {
    & span {
      background-color: var(--color-red-700);
    }
  }
  .\[\&_span\]\:before\:\[top\:-4\.75px\] {
    & span {
      &::before {
        content: var(--tw-content);
        top: -4.75px;
      }
    }
  }
  .\[\&_span\]\:before\:left-\[8px\] {
    & span {
      &::before {
        content: var(--tw-content);
        left: 8px;
      }
    }
  }
  .\[\&_span\]\:before\:\[width\:75\%\] {
    & span {
      &::before {
        content: var(--tw-content);
        width: 75%;
      }
    }
  }
  .\[\&_span\]\:before\:\[transform\:rotate\(45deg\)\] {
    & span {
      &::before {
        content: var(--tw-content);
        transform: rotate(45deg);
      }
    }
  }
  .\[\&_span\]\:after\:\[bottom\:-4\.75px\] {
    & span {
      &::after {
        content: var(--tw-content);
        bottom: -4.75px;
      }
    }
  }
  .\[\&_span\]\:after\:left-\[8px\] {
    & span {
      &::after {
        content: var(--tw-content);
        left: 8px;
      }
    }
  }
  .\[\&_span\]\:after\:\[width\:75\%\] {
    & span {
      &::after {
        content: var(--tw-content);
        width: 75%;
      }
    }
  }
  .\[\&_span\]\:after\:\[transform\:rotate\(-45deg\)\] {
    & span {
      &::after {
        content: var(--tw-content);
        transform: rotate(-45deg);
      }
    }
  }
  .hover\:\[\&_span\]\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        & span {
          background-color: var(--color-red-700);
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_span\]\:block {
    & .content {
      & span {
        display: block;
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:relative {
    & .filter-group {
      & .icon-add {
        & span {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:-top-\[2px\] {
    & .filter-group {
      & .icon-add {
        & span {
          top: calc(2px * -1);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:left-\[24px\] {
    & .filter-group {
      & .icon-add {
        & span {
          left: 24px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:font-bold {
    & .filter-group {
      & .icon-add {
        & span {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:\[color\:\#1976d2\] {
    & .filter-group {
      & .icon-add {
        & span {
          color: #1976d2;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_span\]\:uppercase {
    & .filter-group {
      & .icon-add {
        & span {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:absolute {
    & .notification-area-container {
      & .empty {
        & span {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:\[top\:calc\(50\%_-_12px\)\] {
    & .notification-area-container {
      & .empty {
        & span {
          top: calc(50% - 12px);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:right-\[0px\] {
    & .notification-area-container {
      & .empty {
        & span {
          right: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:left-\[0px\] {
    & .notification-area-container {
      & .empty {
        & span {
          left: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.empty\]\:\[\&_span\]\:text-center {
    & .notification-area-container {
      & .empty {
        & span {
          text-align: center;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:absolute {
    & .notification-area-container {
      & .header {
        & span {
          position: absolute;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:right-\[0px\] {
    & .notification-area-container {
      & .header {
        & span {
          right: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:bottom-\[0px\] {
    & .notification-area-container {
      & .header {
        & span {
          bottom: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:box-border {
    & .notification-area-container {
      & .header {
        & span {
          box-sizing: border-box;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:block {
    & .notification-area-container {
      & .header {
        & span {
          display: block;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:cursor-pointer {
    & .notification-area-container {
      & .header {
        & span {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:\[padding\:0px_8px\] {
    & .notification-area-container {
      & .header {
        & span {
          padding: 0px 8px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:\[font-size\:0\.75em\] {
    & .notification-area-container {
      & .header {
        & span {
          font-size: 0.75em;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:leading-\[40px\] {
    & .notification-area-container {
      & .header {
        & span {
          --tw-leading: 40px;
          line-height: 40px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & .notification-area-container {
      & .header {
        & span {
          color: rgba(0, 0, 0, 0.87);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_\.header\]\:\[\&_span\]\:hover\:underline {
    & .notification-area-container {
      & .header {
        & span {
          &:hover {
            @media (hover: hover) {
              text-decoration-line: underline;
            }
          }
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:inline-block {
    & .timepicker {
      & .picker {
        & span {
          display: inline-block;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:\[width\:100\%\] {
    & .timepicker {
      & .picker {
        & span {
          width: 100%;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:cursor-pointer {
    & .timepicker {
      & .picker {
        & span {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:text-center {
    & .timepicker {
      & .picker {
        & span {
          text-align: center;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:text-\[32px\] {
    & .timepicker {
      & .picker {
        & span {
          font-size: 32px;
        }
      }
    }
  }
  .\[\&_\.timepicker\]\:\[\&_\.picker\]\:\[\&_span\]\:leading-\[200px\] {
    & .timepicker {
      & .picker {
        & span {
          --tw-leading: 200px;
          line-height: 200px;
        }
      }
    }
  }
  .\[\&_\.toast\]\:\[\&_span\]\:block {
    & .toast {
      & span {
        display: block;
      }
    }
  }
  .\[\&_\.toast\]\:\[\&_span\]\:text-\[20px\] {
    & .toast {
      & span {
        font-size: 20px;
      }
    }
  }
  .\[\&_\.toast\]\:\[\&_span\]\:leading-\[20px\] {
    & .toast {
      & span {
        --tw-leading: 20px;
        line-height: 20px;
      }
    }
  }
  .\[\&_li\]\:\[\&_label\]\:\[\&_span\]\:mr-\[8px\] {
    & li {
      & label {
        & span {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&_span_\>_span\]\:p-\[16px\] {
    & span > span {
      padding: 16px;
    }
  }
  .\[\&_span_\>_span\]\:text-\[1rem\] {
    & span > span {
      font-size: 1rem;
    }
  }
  .\[\&_span_\>_span\]\:font-bold {
    & span > span {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_span\.filter\]\:text-\[13px\] {
    & span.filter {
      font-size: 13px;
    }
  }
  .\[\&_span\.filter\]\:leading-\[18px\] {
    & span.filter {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  .\[\&_span\.input\]\:absolute {
    & span.input {
      position: absolute;
    }
  }
  .\[\&_span\.input\]\:top-\[4px\] {
    & span.input {
      top: 4px;
    }
  }
  .\[\&_span\.input\]\:right-\[12px\] {
    & span.input {
      right: 12px;
    }
  }
  .\[\&_span\.input\]\:left-\[48px\] {
    & span.input {
      left: 48px;
    }
  }
  .\[\&_span\.input\]\:m-\[0px\] {
    & span.input {
      margin: 0px;
    }
  }
  .\[\&_span\.input\]\:mt-\[0px\] {
    & span.input {
      margin-top: 0px;
    }
  }
  .\[\&_span\.input\]\:mt-\[12px\] {
    & span.input {
      margin-top: 12px;
    }
  }
  .\[\&_span\.input\]\:mb-\[0px\] {
    & span.input {
      margin-bottom: 0px;
    }
  }
  .\[\&_span\.input\]\:h-\[24px\] {
    & span.input {
      height: 24px;
    }
  }
  .\[\&_span\.input\]\:\[width\:100\%\] {
    & span.input {
      width: 100%;
    }
  }
  .\[\&_span\.input\]\:\[width\:calc\(100\%_-_8px\)\] {
    & span.input {
      width: calc(100% - 8px);
    }
  }
  .\[\&_span\.input\]\:w-auto {
    & span.input {
      width: auto;
    }
  }
  .max-sm\:\[\&_span\.input\]\:top-px {
    @media (width < 640px) {
      & span.input {
        top: 1px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:m-\[0px\] {
    & .filter-inputs {
      & .operator-container {
        & span.input {
          margin: 0px;
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:\[width\:100\%\] {
    & .filter-inputs {
      & .operator-container {
        & span.input {
          width: 100%;
        }
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:mt-0 {
    & span.input {
      & input {
        margin-top: var(--spacing-0);
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:\[width\:100\%\] {
    & span.input {
      & input {
        width: 100%;
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:\[width\:calc\(100\%_-_32px\)\] {
    & span.input {
      & input {
        width: calc(100% - 32px);
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:rounded-\[2px\] {
    & span.input {
      & input {
        border-radius: 2px;
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:border-none {
    & span.input {
      & input {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:p-\[8px\] {
    & span.input {
      & input {
        padding: 8px;
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\]\:text-white {
    & span.input {
      & input {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&_\.operator-container\]\:\[\&_span\.input\]\:\[\&_input\]\:\[width\:100\%\] {
    & .filter-inputs {
      & .operator-container {
        & span.input {
          & input {
            width: 100%;
          }
        }
      }
    }
  }
  .\[\&_span\.input\]\:\[\&_input\:\:-webkit-search-cancel-button\]\:hidden {
    & span.input {
      & input::-webkit-search-cancel-button {
        display: none;
      }
    }
  }
  .\[\&_\.options\]\:\[\&_span\.input_\.label\]\:text-white {
    & .options {
      & span.input .label {
        color: var(--color-white);
      }
    }
  }
  .\[\&_span\.input_input\]\:h-5 {
    & span.input input {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_span\.input_input\]\:\[width\:100\%\] {
    & span.input input {
      width: 100%;
    }
  }
  .\[\&_span\.input_input\]\:px-2 {
    & span.input input {
      padding-inline: var(--spacing-2);
    }
  }
  .\[\&_span\.input_input\]\:py-0\.5 {
    & span.input input {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&_span\.input_input\]\:text-\[12px\] {
    & span.input input {
      font-size: 12px;
    }
  }
  .\[\&_span\.input_input\]\:leading-3 {
    & span.input input {
      --tw-leading: var(--spacing-3);
      line-height: var(--spacing-3);
    }
  }
  .\[\&_span\.label\]\:\[color\:var\(--text-colour\)\] {
    & span.label {
      color: var(--text-colour);
    }
  }
  .\[\&_\.options\]\:\[\&_span\.label\]\:text-white {
    & .options {
      & span.label {
        color: var(--color-white);
      }
    }
  }
  .\[\&_span\.radio_\.label\]\:\[font-family\:Montserrat\,_\'Open_Sans\'\,_Roboto\,_-apple-system\,_BlinkMacSystemFont\,_\'Segoe_UI\'\,_\'Helvetica_Neue\'\,_Arial\,_\'Noto_Sans\'\,_\'Liberation_Sans\'\,_sans-serif\,_\'Apple_Color_Emoji\'\,_\'Segoe_UI_Emoji\'\,_\'Segoe_UI_Symbol\'\,_\'Noto_Color_Emoji\'\] {
    & span.radio .label {
      font-family: Montserrat, 'Open Sans', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    }
  }
  .validation-error\:\[\&_span\.validation-error\]\:ml-\[8px\] {
    &.validation-error {
      & span.validation-error {
        margin-left: 8px;
      }
    }
  }
  .validation-error\:\[\&_span\.validation-error\]\:\[color\:\#333333\] {
    &.validation-error {
      & span.validation-error {
        color: #333333;
      }
    }
  }
  .validation-error\:\[\&_span\.validation-error\]\:\[color\:\#F44336\] {
    &.validation-error {
      & span.validation-error {
        color: #F44336;
      }
    }
  }
  .validation-error\:\[\&_span\.validation-error\]\:\[color\:\#ef4444\] {
    &.validation-error {
      & span.validation-error {
        color: #ef4444;
      }
    }
  }
  .validation-error\:\[\&_span\.validation-error\]\:\[color\:\#f87171\] {
    &.validation-error {
      & span.validation-error {
        color: #f87171;
      }
    }
  }
  .\[\&_strong\]\:font-semibold {
    & strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_svg\]\:relative {
    & svg {
      position: relative;
    }
  }
  .\[\&_svg\]\:top-\[4px\] {
    & svg {
      top: 4px;
    }
  }
  .\[\&_svg\]\:z-0 {
    & svg {
      z-index: 0;
    }
  }
  .\[\&_svg\]\:m-\[8px\] {
    & svg {
      margin: 8px;
    }
  }
  .\[\&_svg\]\:-mt-\[2px\] {
    & svg {
      margin-top: calc(2px * -1);
    }
  }
  .\[\&_svg\]\:mt-\[8px\] {
    & svg {
      margin-top: 8px;
    }
  }
  .\[\&_svg\]\:mr-\[8px\] {
    & svg {
      margin-right: 8px;
    }
  }
  .\[\&_svg\]\:ml-1 {
    & svg {
      margin-left: var(--spacing-1);
    }
  }
  .\[\&_svg\]\:ml-\[4px\] {
    & svg {
      margin-left: 4px;
    }
  }
  .\[\&_svg\]\:ml-\[6px\] {
    & svg {
      margin-left: 6px;
    }
  }
  .\[\&_svg\]\:ml-\[8px\] {
    & svg {
      margin-left: 8px;
    }
  }
  .\[\&_svg\]\:box-border {
    & svg {
      box-sizing: border-box;
    }
  }
  .\[\&_svg\]\:h-\[1em\] {
    & svg {
      height: 1em;
    }
  }
  .\[\&_svg\]\:h-\[1rem\] {
    & svg {
      height: 1rem;
    }
  }
  .\[\&_svg\]\:h-\[14px\] {
    & svg {
      height: 14px;
    }
  }
  .\[\&_svg\]\:h-\[18px\] {
    & svg {
      height: 18px;
    }
  }
  .\[\&_svg\]\:h-\[20px\] {
    & svg {
      height: 20px;
    }
  }
  .\[\&_svg\]\:h-\[22px\] {
    & svg {
      height: 22px;
    }
  }
  .\[\&_svg\]\:h-\[24px\] {
    & svg {
      height: 24px;
    }
  }
  .\[\&_svg\]\:h-\[36px\] {
    & svg {
      height: 36px;
    }
  }
  .\[\&_svg\]\:\[width\:20px\] {
    & svg {
      width: 20px;
    }
  }
  .\[\&_svg\]\:w-\[1em\] {
    & svg {
      width: 1em;
    }
  }
  .\[\&_svg\]\:w-\[1rem\] {
    & svg {
      width: 1rem;
    }
  }
  .\[\&_svg\]\:w-\[14px\] {
    & svg {
      width: 14px;
    }
  }
  .\[\&_svg\]\:w-\[18px\] {
    & svg {
      width: 18px;
    }
  }
  .\[\&_svg\]\:w-\[20px\] {
    & svg {
      width: 20px;
    }
  }
  .\[\&_svg\]\:w-\[22px\] {
    & svg {
      width: 22px;
    }
  }
  .\[\&_svg\]\:w-\[24px\] {
    & svg {
      width: 24px;
    }
  }
  .\[\&_svg\]\:w-\[36px\] {
    & svg {
      width: 36px;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\]\:cursor-pointer {
    & svg {
      cursor: pointer;
    }
  }
  .\[\&_svg\]\:\[border-radius\:50\%\] {
    & svg {
      border-radius: 50%;
    }
  }
  .\[\&_svg\]\:rounded-full {
    & svg {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_svg\]\:p-\[8px\] {
    & svg {
      padding: 8px;
    }
  }
  .\[\&_svg\]\:px-\[6px\] {
    & svg {
      padding-inline: 6px;
    }
  }
  .\[\&_svg\]\:align-top {
    & svg {
      vertical-align: top;
    }
  }
  .\[\&_svg\]\:text-\[2rem\] {
    & svg {
      font-size: 2rem;
    }
  }
  .\[\&_svg\]\:text-\[24px\] {
    & svg {
      font-size: 24px;
    }
  }
  .\[\&_svg\]\:text-\[28px\] {
    & svg {
      font-size: 28px;
    }
  }
  .\[\&_svg\]\:\[color\:\#1ba360\] {
    & svg {
      color: #1ba360;
    }
  }
  .\[\&_svg\]\:\[color\:\#94a3b8\] {
    & svg {
      color: #94a3b8;
    }
  }
  .\[\&_svg\]\:\[color\:\#999\] {
    & svg {
      color: #999;
    }
  }
  .\[\&_svg\]\:text-white {
    & svg {
      color: var(--color-white);
    }
  }
  .\[\&_svg\]\:\[opacity\:0\.9\] {
    & svg {
      opacity: 0.9;
    }
  }
  .\[\&_svg\]\:\[outline\:none\] {
    & svg {
      outline: none;
    }
  }
  .\[\&_svg\]\:transition-\[background-color\,color\] {
    & svg {
      transition-property: background-color,color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_svg\]\:duration-100 {
    & svg {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  .\[\&_svg\]\:select-none {
    & svg {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_svg\]\:\[background\:\#fdfdfd\] {
    & svg {
      background: #fdfdfd;
    }
  }
  .\[\&_svg\]\:\[transition\:color_200ms\] {
    & svg {
      transition: color 200ms;
    }
  }
  .\[\&_svg\]\:\[transition\:transform_0\.5s_ease-out\] {
    & svg {
      transition: transform 0.5s ease-out;
    }
  }
  .\[\&_svg\]\:\[webkit-tap-highlight-color\:transparent\] {
    & svg {
      webkit-tap-highlight-color: transparent;
    }
  }
  .ui-active\:\[\&_svg\]\:opacity-1 {
    &.active {
      & svg {
        opacity: 1%;
      }
    }
  }
  .ui-active\:\[\&_svg\]\:opacity-100 {
    &.active {
      & svg {
        opacity: 100%;
      }
    }
  }
  .not-disabled\:\[\&_svg\]\:cursor-pointer {
    &:not(.disabled) {
      & svg {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:ml-\[8px\] {
    & .config {
      & .action-container {
        & svg {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:box-content {
    & .config {
      & .action-container {
        & svg {
          box-sizing: content-box;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:inline-block {
    & .config {
      & .action-container {
        & svg {
          display: inline-block;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:h-\[20px\] {
    & .config {
      & .action-container {
        & svg {
          height: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:w-\[20px\] {
    & .config {
      & .action-container {
        & svg {
          width: 20px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:cursor-pointer {
    & .config {
      & .action-container {
        & svg {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[border-radius\:50\%\] {
    & .config {
      & .action-container {
        & svg {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:p-\[8px\] {
    & .config {
      & .action-container {
        & svg {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    & .config {
      & .action-container {
        & svg {
          border: 1px solid rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:\[transition\:background-color_200ms\] {
    & .config {
      & .action-container {
        & svg {
          transition: background-color 200ms;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:border-transparent {
    & .config {
      & .action-container {
        & svg {
          &:hover {
            @media (hover: hover) {
              border-color: transparent;
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .config {
      & .action-container {
        & svg {
          &:hover {
            @media (hover: hover) {
              color: rgba(255, 255, 255, 0.87);
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & .config {
      & .action-container {
        & svg {
          &:hover {
            @media (hover: hover) {
              background: rgba(0, 0, 0, 0.5);
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:border-transparent {
    & .config {
      & .action-container {
        & svg {
          &:focus {
            border-color: transparent;
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .config {
      & .action-container {
        & svg {
          &:focus {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    & .config {
      & .action-container {
        & svg {
          &:focus {
            background: rgba(0, 0, 0, 0.5);
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_svg\]\:relative {
    & .filter-group {
      & .add-group {
        & svg {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_svg\]\:top-\[4px\] {
    & .filter-group {
      & .add-group {
        & svg {
          top: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_svg\]\:\[border-radius\:50\%\] {
    & .filter-group {
      & .add-group {
        & svg {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_svg\]\:text-\[28px\] {
    & .filter-group {
      & .add-group {
        & svg {
          font-size: 28px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&_svg\]\:\[background\:\#fdfdfd\] {
    & .filter-group {
      & .add-group {
        & svg {
          background: #fdfdfd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_svg\]\:relative {
    & .filter-group {
      & .add-rule {
        & svg {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_svg\]\:top-\[4px\] {
    & .filter-group {
      & .add-rule {
        & svg {
          top: 4px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_svg\]\:\[border-radius\:50\%\] {
    & .filter-group {
      & .add-rule {
        & svg {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_svg\]\:text-\[28px\] {
    & .filter-group {
      & .add-rule {
        & svg {
          font-size: 28px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&_svg\]\:\[background\:\#fdfdfd\] {
    & .filter-group {
      & .add-rule {
        & svg {
          background: #fdfdfd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:relative {
    & .filter-group {
      & .icon-add {
        & svg {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:left-\[14px\] {
    & .filter-group {
      & .icon-add {
        & svg {
          left: 14px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:box-content {
    & .filter-group {
      & .icon-add {
        & svg {
          box-sizing: content-box;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:h-\[14px\] {
    & .filter-group {
      & .icon-add {
        & svg {
          height: 14px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:w-\[14px\] {
    & .filter-group {
      & .icon-add {
        & svg {
          width: 14px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:\[border-radius\:50\%\] {
    & .filter-group {
      & .icon-add {
        & svg {
          border-radius: 50%;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:p-\[5px\] {
    & .filter-group {
      & .icon-add {
        & svg {
          padding: 5px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:text-\[20px\] {
    & .filter-group {
      & .icon-add {
        & svg {
          font-size: 20px;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:text-white {
    & .filter-group {
      & .icon-add {
        & svg {
          color: var(--color-white);
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.icon-add\]\:\[\&_svg\]\:\[background\:\#1976d2\] {
    & .filter-group {
      & .icon-add {
        & svg {
          background: #1976d2;
        }
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_svg\]\:m-\[8px\] {
    & .submit-loader {
      & svg {
        margin: 8px;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_svg\]\:mt-\[6px\] {
    & .submit-loader {
      & svg {
        margin-top: 6px;
      }
    }
  }
  .\[\&_\.submit-loader\]\:\[\&_svg\]\:ml-\[6px\] {
    & .submit-loader {
      & svg {
        margin-left: 6px;
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:relative {
    & > div {
      & svg {
        position: relative;
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:-top-\[2px\] {
    & > div {
      & svg {
        top: calc(2px * -1);
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:mt-\[2px\] {
    & > div {
      & svg {
        margin-top: 2px;
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:ml-\[2px\] {
    & > div {
      & svg {
        margin-left: 2px;
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:text-white {
    & > div {
      & svg {
        color: var(--color-white);
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:opacity-0 {
    & > div {
      & svg {
        opacity: 0%;
      }
    }
  }
  .\[\&_\>_div\]\:\[\&_svg\]\:\[transition\:opacity_200ms\] {
    & > div {
      & svg {
        transition: opacity 200ms;
      }
    }
  }
  .max-sm\:\[\&_\>_span\]\:\[\&_svg\]\:h-\[32px\] {
    @media (width < 640px) {
      & > span {
        & svg {
          height: 32px;
        }
      }
    }
  }
  .max-sm\:\[\&_\>_span\]\:\[\&_svg\]\:w-\[32px\] {
    @media (width < 640px) {
      & > span {
        & svg {
          width: 32px;
        }
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:m-\[0\] {
    & button {
      & svg {
        margin: 0;
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:m-\[0px\] {
    & button {
      & svg {
        margin: 0px;
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:mr-\[4px\] {
    & button {
      & svg {
        margin-right: 4px;
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:ml-\[4px\] {
    & button {
      & svg {
        margin-left: 4px;
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:p-\[0\] {
    & button {
      & svg {
        padding: 0;
      }
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:p-\[0px\] {
    & button {
      & svg {
        padding: 0px;
      }
    }
  }
  .\[\&_li\]\:\[\&_svg\]\:m-\[0px\] {
    & li {
      & svg {
        margin: 0px;
      }
    }
  }
  .\[\&_li\]\:\[\&_svg\]\:inline {
    & li {
      & svg {
        display: inline;
      }
    }
  }
  .\[\&_li\]\:\[\&_svg\]\:cursor-pointer {
    & li {
      & svg {
        cursor: pointer;
      }
    }
  }
  .\[\&_li\]\:\[\&_svg\]\:\[text-shadow\:1px_1px_1px_\#666\] {
    & li {
      & svg {
        text-shadow: 1px 1px 1px #666;
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:relative {
    & > ul {
      & li {
        & svg {
          position: relative;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:top-\[3px\] {
    & > ul {
      & li {
        & svg {
          top: 3px;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:mr-\[8px\] {
    & > ul {
      & li {
        & svg {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:cursor-pointer {
    & > ul {
      & li {
        & svg {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:align-text-bottom {
    & > ul {
      & li {
        & svg {
          vertical-align: text-bottom;
        }
      }
    }
  }
  .ui-active\:\[\&_svg_\.inner-radio\]\:\[transform\:scale\(1\)\] {
    &.active {
      & svg .inner-radio {
        transform: scale(1);
      }
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft\] {
    & svg#freepik stories-high-five.animated #freepik--Floor--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Floor--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--Floor--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideUp\] {
    & svg#freepik stories-high-five.animated #freepik--Lines--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideUp;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Lines--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--Lines--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft\] {
    & svg#freepik stories-high-five.animated #freepik--Plant--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--Plant--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--Plant--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_zoomIn\] {
    & svg#freepik stories-high-five.animated #freepik--background-complete--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomIn;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--background-complete--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--background-complete--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideLeft\] {
    & svg#freepik stories-high-five.animated #freepik--character-1--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideLeft;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-1--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--character-1--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:\[animation\:1s_1_forwards_cubic-bezier\(\.36\,_-0\.01\,_\.5\,_1\.38\)_slideRight\] {
    & svg#freepik stories-high-five.animated #freepik--character-2--inject-3 {
      animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideRight;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\.animated_\#freepik--character-2--inject-3\]\:\[animation-delay\:0s\] {
    & svg#freepik stories-high-five.animated #freepik--character-2--inject-3 {
      animation-delay: 0s;
    }
  }
  .\[\&_svg\#freepik_stories-high-five\:not\(\.animated\)_\.animable\]\:opacity-0 {
    & svg#freepik stories-high-five:not(.animated) .animable {
      opacity: 0%;
    }
  }
  .\[\&_svg\.fa-times\]\:absolute {
    & svg.fa-times {
      position: absolute;
    }
  }
  .\[\&_svg\.fa-times\]\:\[top\:calc\(var\(--base-padding\)_-_2px\)\] {
    & svg.fa-times {
      top: calc(var(--base-padding) - 2px);
    }
  }
  .\[\&_svg\.fa-times\]\:\[right\:calc\(var\(--base-padding\)_-_2px\)\] {
    & svg.fa-times {
      right: calc(var(--base-padding) - 2px);
    }
  }
  .\[\&_svg\.fa-times\]\:m-\[0px\] {
    & svg.fa-times {
      margin: 0px;
    }
  }
  .\[\&_svg\.fa-times\]\:h-\[32px\] {
    & svg.fa-times {
      height: 32px;
    }
  }
  .\[\&_svg\.fa-times\]\:w-\[32px\] {
    & svg.fa-times {
      width: 32px;
    }
  }
  .\[\&_svg\.fa-times\]\:p-\[4px\] {
    & svg.fa-times {
      padding: 4px;
    }
  }
  .\[\&_svg\.fa-times\]\:hover\:cursor-pointer {
    & svg.fa-times {
      &:hover {
        @media (hover: hover) {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_svg\.fa-times\]\:hover\:\[border-radius\:var\(--base-padding\)\] {
    & svg.fa-times {
      &:hover {
        @media (hover: hover) {
          border-radius: var(--base-padding);
        }
      }
    }
  }
  .\[\&_svg\.fa-times\]\:focus-visible\:cursor-pointer {
    & svg.fa-times {
      &:focus-visible {
        cursor: pointer;
      }
    }
  }
  .\[\&_svg\.fa-times\]\:focus-visible\:\[border-radius\:var\(--base-padding\)\] {
    & svg.fa-times {
      &:focus-visible {
        border-radius: var(--base-padding);
      }
    }
  }
  .\[\&_svg\:hover\]\:bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    & svg:hover {
      background-color: rgba(0,0,0,0.5);
    }
  }
  .\[\&_svg\:hover\]\:text-white {
    & svg:hover {
      color: var(--color-white);
    }
  }
  .\[\&_table\]\:\[margin\:6px_0\] {
    & table {
      margin: 6px 0;
    }
  }
  .\[\&_table\]\:my-2 {
    & table {
      margin-block: var(--spacing-2);
    }
  }
  .\[\&_table\]\:\[width\:100\%\] {
    & table {
      width: 100%;
    }
  }
  .\[\&_table\]\:w-full {
    & table {
      width: 100%;
    }
  }
  .\[\&_table\]\:table-fixed {
    & table {
      table-layout: fixed;
    }
  }
  .\[\&_table\]\:border-collapse {
    & table {
      border-collapse: collapse;
    }
  }
  .\[\&_table\]\:\[border-spacing\:0\] {
    & table {
      border-spacing: 0;
    }
  }
  .\[\&_table\]\:text-left {
    & table {
      text-align: left;
    }
  }
  .\[\&_table\]\:text-right {
    & table {
      text-align: right;
    }
  }
  .\[\&_table\]\:\[font-size\:0\.8125rem\] {
    & table {
      font-size: 0.8125rem;
    }
  }
  .\[\&_table_\.fa-filter\]\:hidden {
    & table .fa-filter {
      display: none;
    }
  }
  .print\:\[\&_table_tbody_tr_td\]\:text-\[10px\] {
    @media print {
      & table tbody tr td {
        font-size: 10px;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_td\]\:leading-\[10px\] {
    @media print {
      & table tbody tr td {
        --tw-leading: 10px;
        line-height: 10px;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_td_span\.input_input\]\:text-\[10px\] {
    @media print {
      & table tbody tr td span.input input {
        font-size: 10px;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_td\.spacer\]\:h-auto {
    @media print {
      & table tbody tr td.spacer {
        height: auto;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_th\]\:text-\[10px\] {
    @media print {
      & table tbody tr th {
        font-size: 10px;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_th\]\:leading-\[10px\] {
    @media print {
      & table tbody tr th {
        --tw-leading: 10px;
        line-height: 10px;
      }
    }
  }
  .print\:\[\&_table_tbody_tr_th\.child\]\:pl-\[12px\] {
    @media print {
      & table tbody tr th.child {
        padding-left: 12px;
      }
    }
  }
  .print\:\[\&_table_thead_tr_th\]\:p-\[4px\] {
    @media print {
      & table thead tr th {
        padding: 4px;
      }
    }
  }
  .print\:\[\&_table_thead_tr_th\]\:text-\[10px\] {
    @media print {
      & table thead tr th {
        font-size: 10px;
      }
    }
  }
  .print\:\[\&_table_thead_tr_th\]\:leading-\[10px\] {
    @media print {
      & table thead tr th {
        --tw-leading: 10px;
        line-height: 10px;
      }
    }
  }
  .\[\&_table_tr\]\:border-b {
    & table tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_table_tr\]\:border-b-\(--border-colour\) {
    & table tr {
      border-bottom-color: var(--border-colour);
    }
  }
  .\[\&_table_tr\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\)\,_0\.25\)\] {
    & table tr {
      border-bottom: 1px solid rgba(var(--text-colour-rgb), 0.25);
    }
  }
  .\[\&_table_tr_td\:first-child\]\:text-left {
    & table tr td:first-child {
      text-align: left;
    }
  }
  .\[\&_table_tr_td\:last-child\]\:\[width\:40\%\] {
    & table tr td:last-child {
      width: 40%;
    }
  }
  .\[\&_table_tr_td\:last-child\]\:text-right {
    & table tr td:last-child {
      text-align: right;
    }
  }
  .\[\&_table_tr_td\:last-child\]\:font-bold {
    & table tr td:last-child {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .\[\&_table_tr\:hover_\.fa-filter\]\:inline-block {
    & table tr:hover .fa-filter {
      display: inline-block;
    }
  }
  .\[\&_table\.data-grid\]\:\[--color-table-row-hover\:var\(--accent-background-colour\)\] {
    & table.data-grid {
      --color-table-row-hover: var(--accent-background-colour);
    }
  }
  .\[\&_\.info-panel\]\:\[\&_tbody_td\]\:pb-\[8px\] {
    & .info-panel {
      & tbody td {
        padding-bottom: 8px;
      }
    }
  }
  .\[\&_td\]\:border {
    & td {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_td\]\:border-slate-200 {
    & td {
      border-color: var(--color-slate-200);
    }
  }
  .\[\&_td\]\:\[padding\:2px_8px\] {
    & td {
      padding: 2px 8px;
    }
  }
  .\[\&_td\]\:\[padding\:4px_10px\] {
    & td {
      padding: 4px 10px;
    }
  }
  .\[\&_td\]\:px-2 {
    & td {
      padding-inline: var(--spacing-2);
    }
  }
  .\[\&_td\]\:py-1 {
    & td {
      padding-block: var(--spacing-1);
    }
  }
  .\[\&_td\]\:align-top {
    & td {
      vertical-align: top;
    }
  }
  .\[\&_td\]\:text-\[12px\] {
    & td {
      font-size: 12px;
    }
  }
  .\[\&_td\]\:\[color\:var\(--color-text-secondary\)\] {
    & td {
      color: var(--color-text-secondary);
    }
  }
  .\[\&_td\]\:\[border-bottom\:1px_solid_var\(--color-border-default\)\] {
    & td {
      border-bottom: 1px solid var(--color-border-default);
    }
  }
  .hover\:\[\&_td\]\:bg-\[\#bbdefb\] {
    &:hover {
      @media (hover: hover) {
        & td {
          background-color: #bbdefb;
        }
      }
    }
  }
  .\[\&_\.info-panel\]\:\[\&_td\]\:pr-\[32px\] {
    & .info-panel {
      & td {
        padding-right: 32px;
      }
    }
  }
  .\[\&_\.info-panel\]\:\[\&_td\]\:pl-\[32px\] {
    & .info-panel {
      & td {
        padding-left: 32px;
      }
    }
  }
  .\[\&_\.info-panel\]\:\[\&_td\]\:uppercase {
    & .info-panel {
      & td {
        text-transform: uppercase;
      }
    }
  }
  .\[\&_table\]\:\[\&_td\]\:bg-white {
    & table {
      & td {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_table\]\:\[\&_td\]\:\[padding\:2px_8px\] {
    & table {
      & td {
        padding: 2px 8px;
      }
    }
  }
  .\[\&_table\]\:\[\&_td\]\:\[border\:1px_solid_\#ccc\] {
    & table {
      & td {
        border: 1px solid #ccc;
      }
    }
  }
  .\[\&_td\.cell\]\:h-10 {
    & td.cell {
      height: calc(var(--spacing) * 10);
    }
  }
  .\[\&_td\.cell\]\:\[line-height\:40px\] {
    & td.cell {
      line-height: 40px;
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:\[border-left\:none\] {
    & table {
      & tbody {
        & td.columnHidden {
          border-left: none;
        }
      }
    }
  }
  .\[\&_td\:first-child\]\:bg-\[rgba\(var\(--text-colour-rgb\)\,0\.05\)\] {
    & td:first-child {
      background-color: rgba(var(--text-colour-rgb),0.05);
    }
  }
  .\[\&_td\:first-of-type\]\:w-\[100px\] {
    & td:first-of-type {
      width: 100px;
    }
  }
  .\[\&_td\:first-of-type\]\:\[font-family\:\'JetBrains_Mono\'\,_ui-monospace\,_monospace\] {
    & td:first-of-type {
      font-family: 'JetBrains Mono', ui-monospace, monospace;
    }
  }
  .\[\&_td\:first-of-type\]\:font-semibold {
    & td:first-of-type {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_td\:first-of-type\]\:whitespace-nowrap {
    & td:first-of-type {
      white-space: nowrap;
    }
  }
  .\[\&_td\:first-of-type\]\:\[color\:\#1976d2\] {
    & td:first-of-type {
      color: #1976d2;
    }
  }
  .\[\&_\.info-panel\]\:\[\&_td\:last-child\]\:text-right {
    & .info-panel {
      & td:last-child {
        text-align: right;
      }
    }
  }
  .\[\&_td\:last-of-type\]\:\[color\:\#666\] {
    & td:last-of-type {
      color: #666;
    }
  }
  .\[\&_textarea\]\:m-px {
    & textarea {
      margin: 1px;
    }
  }
  .\[\&_textarea\]\:box-border {
    & textarea {
      box-sizing: border-box;
    }
  }
  .\[\&_textarea\]\:\[width\:100\%\] {
    & textarea {
      width: 100%;
    }
  }
  .\[\&_textarea\]\:resize {
    & textarea {
      resize: both;
    }
  }
  .\[\&_textarea\]\:rounded-\[4px\] {
    & textarea {
      border-radius: 4px;
    }
  }
  .\[\&_textarea\]\:rounded-\[8px\] {
    & textarea {
      border-radius: 8px;
    }
  }
  .\[\&_textarea\]\:border-\[1px\] {
    & textarea {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_textarea\]\:border-none {
    & textarea {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_textarea\]\:border-solid {
    & textarea {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&_textarea\]\:\[border-color\:\#334155\] {
    & textarea {
      border-color: #334155;
    }
  }
  .\[\&_textarea\]\:\[border-color\:\#e5e7eb\] {
    & textarea {
      border-color: #e5e7eb;
    }
  }
  .\[\&_textarea\]\:bg-primary-50 {
    & textarea {
      background-color: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
    }
  }
  .\[\&_textarea\]\:bg-transparent {
    & textarea {
      background-color: transparent;
    }
  }
  .\[\&_textarea\]\:bg-white {
    & textarea {
      background-color: var(--color-white);
    }
  }
  .\[\&_textarea\]\:bg-none {
    & textarea {
      background-image: none;
    }
  }
  .\[\&_textarea\]\:\[padding\:8px_12px\] {
    & textarea {
      padding: 8px 12px;
    }
  }
  .\[\&_textarea\]\:\[padding\:11px_13px\] {
    & textarea {
      padding: 11px 13px;
    }
  }
  .\[\&_textarea\]\:p-0 {
    & textarea {
      padding: var(--spacing-0);
    }
  }
  .\[\&_textarea\]\:p-\[16px\] {
    & textarea {
      padding: 16px;
    }
  }
  .\[\&_textarea\]\:pt-\[32px\] {
    & textarea {
      padding-top: 32px;
    }
  }
  .\[\&_textarea\]\:pl-\[10px\] {
    & textarea {
      padding-left: 10px;
    }
  }
  .\[\&_textarea\]\:font-sans {
    & textarea {
      font-family: var(--font-sans);
    }
  }
  .\[\&_textarea\]\:\[font-size\:0\.82rem\] {
    & textarea {
      font-size: 0.82rem;
    }
  }
  .\[\&_textarea\]\:text-\[1rem\] {
    & textarea {
      font-size: 1rem;
    }
  }
  .\[\&_textarea\]\:text-\[12pt\] {
    & textarea {
      font-size: 12pt;
    }
  }
  .\[\&_textarea\]\:\[color\:\#000000\] {
    & textarea {
      color: #000000;
    }
  }
  .\[\&_textarea\]\:\[color\:\#f1f5f9\] {
    & textarea {
      color: #f1f5f9;
    }
  }
  .\[\&_textarea\]\:text-surface-text {
    & textarea {
      color: #1a2d35;
    }
  }
  .\[\&_textarea\]\:\[outline\:none\] {
    & textarea {
      outline: none;
    }
  }
  .\[\&_textarea\]\:\[background\:\#0f172a\] {
    & textarea {
      background: #0f172a;
    }
  }
  .\[\&_textarea\]\:\[border\:1\.5px_solid_transparent\] {
    & textarea {
      border: 1.5px solid transparent;
    }
  }
  .\[\&_textarea\]\:\[border\:1px_solid_\#ccc\] {
    & textarea {
      border: 1px solid #ccc;
    }
  }
  .\[\&_textarea\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.87\)\] {
    & textarea {
      border: 1px solid rgba(0, 0, 0, 0.87);
    }
  }
  .\[\&_textarea\]\:\[scrollbar-width\:thin\] {
    & textarea {
      scrollbar-width: thin;
    }
  }
  .\[\&_textarea\]\:\[transition\:border-color_\.15s\,_background_\.15s\,_box-shadow_\.15s\] {
    & textarea {
      transition: border-color .15s, background .15s, box-shadow .15s;
    }
  }
  .\[\&_textarea\]\:\[transition\:border-color_200ms\,_box-shadow_200ms\] {
    & textarea {
      transition: border-color 200ms, box-shadow 200ms;
    }
  }
  .\[\&_textarea\]\:placeholder\:\[color\:\#64748b\] {
    & textarea {
      &::placeholder {
        color: #64748b;
      }
    }
  }
  .\[\&_textarea\]\:placeholder\:text-slate-400 {
    & textarea {
      &::placeholder {
        color: var(--color-slate-400);
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[border-color\:\#22d3ee\] {
    & textarea {
      &:focus {
        border-color: #22d3ee;
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[border-color\:\#039be5\] {
    & textarea {
      &:focus {
        border-color: #039be5;
      }
    }
  }
  .\[\&_textarea\]\:focus\:border-primary-700 {
    & textarea {
      &:focus {
        border-color: oklch(from var(--brand-primary) l c h);
      }
    }
  }
  .\[\&_textarea\]\:focus\:bg-white {
    & textarea {
      &:focus {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(3\,_155\,_229\,_0\.1\)\] {
    & textarea {
      &:focus {
        box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(26\,_122\,_150\,_0\.1\)\] {
    & textarea {
      &:focus {
        box-shadow: 0 0 0 3px rgba(26, 122, 150, 0.1);
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[box-shadow\:0_0_0_3px_rgba\(34\,_211\,_238\,_0\.2\)\] {
    & textarea {
      &:focus {
        box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
      }
    }
  }
  .\[\&_textarea\]\:focus\:\[outline\:none\] {
    & textarea {
      &:focus {
        outline: none;
      }
    }
  }
  .\[\&_textarea\]\:disabled\:\[border-color\:rgba\(0\,_0\,_0\,_0\.12\)\] {
    & textarea {
      &:disabled {
        border-color: rgba(0, 0, 0, 0.12);
      }
    }
  }
  .\[\&_textarea\]\:disabled\:\[background-color\:rgba\(0\,_0\,_0\,_0\.06\)\] {
    & textarea {
      &:disabled {
        background-color: rgba(0, 0, 0, 0.06);
      }
    }
  }
  .\[\&_textarea\]\:disabled\:\[color\:rgba\(0\,_0\,_0\,_0\.42\)\] {
    & textarea {
      &:disabled {
        color: rgba(0, 0, 0, 0.42);
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:hover\:m-\[0\] {
    & textarea {
      &:not(.disabled) {
        &:hover {
          @media (hover: hover) {
            margin: 0;
          }
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:hover\:m-\[0px\] {
    & textarea {
      &:not(.disabled) {
        &:hover {
          @media (hover: hover) {
            margin: 0px;
          }
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:hover\:border-\[2px\] {
    & textarea {
      &:not(.disabled) {
        &:hover {
          @media (hover: hover) {
            border-style: var(--tw-border-style);
            border-width: 2px;
          }
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:hover\:\[border-color\:rgba\(0\,_0\,_0\,_0\.42\)\] {
    & textarea {
      &:not(.disabled) {
        &:hover {
          @media (hover: hover) {
            border-color: rgba(0, 0, 0, 0.42);
          }
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:focus\:m-\[0\] {
    & textarea {
      &:not(.disabled) {
        &:focus {
          margin: 0;
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:focus\:m-\[0px\] {
    & textarea {
      &:not(.disabled) {
        &:focus {
          margin: 0px;
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:focus\:border-\[2px\] {
    & textarea {
      &:not(.disabled) {
        &:focus {
          border-style: var(--tw-border-style);
          border-width: 2px;
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:focus\:\[border-color\:rgba\(0\,_0\,_0\,_0\.42\)\] {
    & textarea {
      &:not(.disabled) {
        &:focus {
          border-color: rgba(0, 0, 0, 0.42);
        }
      }
    }
  }
  .\[\&_textarea\]\:not-disabled\:focus\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    & textarea {
      &:not(.disabled) {
        &:focus {
          border-color: var(--primary-colour, #1976d2);
        }
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:flex-1 {
    & .fab {
      & textarea {
        flex: 1;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:cursor-text {
    & .fab {
      & textarea {
        cursor: text;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:resize-none {
    & .fab {
      & textarea {
        resize: none;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:border-none {
    & .fab {
      & textarea {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:bg-none {
    & .fab {
      & textarea {
        background-image: none;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:p-\[32px\] {
    & .fab {
      & textarea {
        padding: 32px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:pb-\[32px\] {
    & .fab {
      & textarea {
        padding-bottom: 32px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:text-\[20px\] {
    & .fab {
      & textarea {
        font-size: 20px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:opacity-0 {
    & .fab {
      & textarea {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&_textarea\]\:\[outline\:transparent\] {
    & .fab {
      & textarea {
        outline: transparent;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&_textarea\]\:opacity-1 {
    & .fab {
      &.open {
        & div.editor {
          & textarea {
            opacity: 1%;
          }
        }
      }
    }
  }
  .\[\&_textarea\&\]\:\[padding\:0\.6em_1\.5em\] {
    & textarea& {
      padding: 0.6em 1.5em;
    }
  }
  .\[\&_th\]\:border {
    & th {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_th\]\:border-slate-300 {
    & th {
      border-color: var(--color-slate-300);
    }
  }
  .\[\&_th\]\:bg-slate-50 {
    & th {
      background-color: var(--color-slate-50);
    }
  }
  .\[\&_th\]\:\[padding\:5px_10px\] {
    & th {
      padding: 5px 10px;
    }
  }
  .\[\&_th\]\:px-2 {
    & th {
      padding-inline: var(--spacing-2);
    }
  }
  .\[\&_th\]\:py-1 {
    & th {
      padding-block: var(--spacing-1);
    }
  }
  .\[\&_th\]\:text-left {
    & th {
      text-align: left;
    }
  }
  .\[\&_th\]\:\[font-size\:0\.7rem\] {
    & th {
      font-size: 0.7rem;
    }
  }
  .\[\&_th\]\:text-\[15px\] {
    & th {
      font-size: 15px;
    }
  }
  .\[\&_th\]\:font-semibold {
    & th {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&_th\]\:\[letter-spacing\:0\.05em\] {
    & th {
      letter-spacing: 0.05em;
    }
  }
  .\[\&_th\]\:\[color\:var\(--color-text-primary\)\] {
    & th {
      color: var(--color-text-primary);
    }
  }
  .\[\&_th\]\:uppercase {
    & th {
      text-transform: uppercase;
    }
  }
  .\[\&_th\]\:\[border-bottom\:2px_solid_var\(--color-border-default\)\] {
    & th {
      border-bottom: 2px solid var(--color-border-default);
    }
  }
  .\[\&_\.info-panel\]\:\[\&_th\]\:pr-\[32px\] {
    & .info-panel {
      & th {
        padding-right: 32px;
      }
    }
  }
  .\[\&_\.info-panel\]\:\[\&_th\]\:pl-\[32px\] {
    & .info-panel {
      & th {
        padding-left: 32px;
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:bg-white {
    & table {
      & th {
        background-color: var(--color-white);
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:\[padding\:2px_8px\] {
    & table {
      & th {
        padding: 2px 8px;
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:text-\[12px\] {
    & table {
      & th {
        font-size: 12px;
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:leading-\[12px\] {
    & table {
      & th {
        --tw-leading: 12px;
        line-height: 12px;
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:font-normal {
    & table {
      & th {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:\[background\:\#f8f8f8\] {
    & table {
      & th {
        background: #f8f8f8;
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:\[border\:1px_solid_\#ccc\] {
    & table {
      & th {
        border: 1px solid #ccc;
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:text-left {
    & table {
      & tbody {
        & th {
          text-align: left;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:select-none {
    & table {
      & tbody {
        & th {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:mt-px {
    & table {
      & tbody {
        & th {
          & span {
            margin-top: 1px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\]\:\[\&_span\]\:inline-block {
    & table {
      & tbody {
        & th {
          & span {
            display: inline-block;
          }
        }
      }
    }
  }
  .\[\&_th\.cell\]\:px-1 {
    & th.cell {
      padding-inline: var(--spacing-1);
    }
  }
  .\[\&_th\.cell\]\:py-0 {
    & th.cell {
      padding-block: var(--spacing-0);
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:pl-\[24px\] {
    & table {
      & tbody {
        & th.child {
          padding-left: 24px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_th\.child\]\:text-left {
    & table {
      & tbody {
        & th.child {
          text-align: left;
        }
      }
    }
  }
  .\[\&_\.info-panel\]\:\[\&_th\:last-child\]\:text-right {
    & .info-panel {
      & th:last-child {
        text-align: right;
      }
    }
  }
  .\[\&_th\:not\(\.cell\)\]\:text-left {
    & th:not(.cell) {
      text-align: left;
    }
  }
  .\[\&_th\:not\(\.spacer\)\]\:bg-\[rgb\(248\,248\,248\)\] {
    & th:not(.spacer) {
      background-color: rgb(248,248,248);
    }
  }
  .\[\&_th\:not\(\.spacer\)\]\:p-2 {
    & th:not(.spacer) {
      padding: var(--spacing-2);
    }
  }
  .\[\&_\.info-panel\]\:\[\&_thead_th\]\:pt-\[8px\] {
    & .info-panel {
      & thead th {
        padding-top: 8px;
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:h-px {
    & table {
      & thead tr {
        height: 1px;
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:p-\[8px\] {
    & table {
      & thead tr {
        & th {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:text-left {
    & table {
      & thead tr {
        & th {
          text-align: left;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:align-bottom {
    & table {
      & thead tr {
        & th {
          vertical-align: bottom;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:text-\[14px\] {
    & table {
      & thead tr {
        & th {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:leading-\[14px\] {
    & table {
      & thead tr {
        & th {
          --tw-leading: 14px;
          line-height: 14px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:mt-px {
    & table {
      & thead tr {
        & th {
          & span {
            margin-top: 1px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&_span\]\:inline-block {
    & table {
      & thead tr {
        & th {
          & span {
            display: inline-block;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:\[border-left\:none\] {
    & table {
      & thead tr {
        & th.columnHidden {
          border-left: none;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.title\]\:text-right {
    & table {
      & thead tr {
        & th.title {
          text-align: right;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:p-\[0\] {
    & table {
      & tr td {
        padding: 0;
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:m-\[0\] {
    & table {
      & tr td {
        & span.input {
          margin: 0;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:mt-px {
    & table {
      & tr td {
        & span.input {
          margin-top: 1px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[width\:100\%\] {
    & table {
      & tr td {
        & span.input {
          width: 100%;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:p-\[0\] {
    & table {
      & tr td {
        & span.input {
          padding: 0;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:m-\[0\] {
    & table {
      & tr td {
        & span.input {
          & input {
            margin: 0;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:\[width\:100\%\] {
    & table {
      & tr td {
        & span.input {
          & input {
            width: 100%;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:border-none {
    & table {
      & tr td {
        & span.input {
          & input {
            --tw-border-style: none;
            border-style: none;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:\[padding\:2px_8px\] {
    & table {
      & tr td {
        & span.input {
          & input {
            padding: 2px 8px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:text-left {
    & table {
      & tr td {
        & span.input {
          & input {
            text-align: left;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&_span\.input\]\:\[\&_input\]\:text-\[12px\] {
    & table {
      & tr td {
        & span.input {
          & input {
            font-size: 12px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:cursor-pointer {
    & table {
      & tr.group {
        cursor: pointer;
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_\*\]\:cursor-pointer {
    & table {
      & tr.group {
        & * {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:font-bold {
    & table {
      & tr.group {
        & input {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:text-black {
    & table {
      & tr.group {
        & input {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_input\]\:opacity-1 {
    & table {
      & tr.group {
        & input {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_span\.input\.disabled\]\:opacity-1 {
    & table {
      & tr.group {
        & span.input.disabled {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_td\]\:\[background\:rgb\(248\,_248\,_248\)\] {
    & table {
      & tr.group {
        & td {
          background: rgb(248, 248, 248);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:text-left {
    & table {
      & tr.group {
        & th {
          text-align: left;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:font-bold {
    & table {
      & tr.group {
        & th {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:select-none {
    & table {
      & tr.group {
        & th {
          -webkit-user-select: none;
          user-select: none;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[background\:rgb\(248\,_248\,_248\)\] {
    & table {
      & tr.group {
        & th {
          background: rgb(248, 248, 248);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:\[transition\:background-color_200ms\] {
    & table {
      & tr.group {
        & th {
          transition: background-color 200ms;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:after\:float-right {
    & table {
      & tr.group {
        & th {
          &::after {
            content: var(--tw-content);
            float: right;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:after\:\[font-family\:Material_Icons\] {
    & table {
      & tr.group {
        & th {
          &::after {
            content: var(--tw-content);
            font-family: Material Icons;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:after\:\[content\:\'keyboard_arrow_right\'\] {
    & table {
      & tr.group {
        & th {
          &::after {
            content: var(--tw-content);
            content: 'keyboard arrow right';
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&_th\]\:hover\:\[background\:rgb\(240\,_240\,_240\)\] {
    & table {
      & tr.group {
        & th {
          &:hover {
            @media (hover: hover) {
              background: rgb(240, 240, 240);
            }
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:cursor-pointer {
    & table {
      & tr.hasTip th {
        cursor: pointer;
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:ml-\[8px\] {
    & table {
      & tr.hasTip th {
        & svg {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:text-\[14px\] {
    & table {
      & tr.hasTip th {
        & svg {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.hasTip_th\]\:\[\&_svg\]\:\[color\:\#888\] {
    & table {
      & tr.hasTip th {
        & svg {
          color: #888;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_td\]\:font-bold {
    & table {
      & tbody {
        & tr.total td {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:text-right {
    & table {
      & tbody {
        & tr.total th {
          text-align: right;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:font-bold {
    & table {
      & tbody {
        & tr.total th {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\.total_th\]\:\[opacity\:0\.5\] {
    & table {
      & tbody {
        & tr.total th {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_td\]\:\[background\:\#e1f5fe\] {
    & table {
      & tbody {
        & tr:not(.disabled):not(.group):hover td {
          background: #e1f5fe;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_tr\:not\(\.disabled\)\:not\(\.group\)\:hover_th\]\:\[background\:\#e1f5fe\] {
    & table {
      & tbody {
        & tr:not(.disabled):not(.group):hover th {
          background: #e1f5fe;
        }
      }
    }
  }
  .\[\&_ul\]\:\[margin\:4px_0_8px\] {
    & ul {
      margin: 4px 0 8px;
    }
  }
  .\[\&_ul\]\:m-0 {
    & ul {
      margin: var(--spacing-0);
    }
  }
  .\[\&_ul\]\:m-\[0px\] {
    & ul {
      margin: 0px;
    }
  }
  .\[\&_ul\]\:my-1 {
    & ul {
      margin-block: var(--spacing-1);
    }
  }
  .\[\&_ul\]\:\[\&_ul\]\:ml-\[16px\] {
    & ul {
      & ul {
        margin-left: 16px;
      }
    }
  }
  .\[\&_ul\]\:ml-\[54px\] {
    & ul {
      margin-left: 54px;
    }
  }
  .\[\&_ul\]\:\[height\:100\%\] {
    & ul {
      height: 100%;
    }
  }
  .\[\&_ul\]\:flex-1 {
    & ul {
      flex: 1;
    }
  }
  .\[\&_ul\]\:list-disc {
    & ul {
      list-style-type: disc;
    }
  }
  .\[\&_ul\]\:list-none {
    & ul {
      list-style-type: none;
    }
  }
  .\[\&_ul\]\:self-end {
    & ul {
      align-self: flex-end;
    }
  }
  .\[\&_ul\]\:overflow-y-scroll {
    & ul {
      overflow-y: scroll;
    }
  }
  .\[\&_ul\]\:\[padding\:8px_0px\] {
    & ul {
      padding: 8px 0px;
    }
  }
  .\[\&_ul\]\:p-0 {
    & ul {
      padding: var(--spacing-0);
    }
  }
  .\[\&_ul\]\:p-\[0px\] {
    & ul {
      padding: 0px;
    }
  }
  .\[\&_ul\]\:pl-5 {
    & ul {
      padding-left: calc(var(--spacing) * 5);
    }
  }
  .\[\&_ul\]\:pl-\[18px\] {
    & ul {
      padding-left: 18px;
    }
  }
  .\[\&_ul\]\:text-left {
    & ul {
      text-align: left;
    }
  }
  .\[\&_ul\]\:\[font-size\:0\.875rem\] {
    & ul {
      font-size: 0.875rem;
    }
  }
  .\[\&_ul\]\:\[color\:rgb\(32\,_33\,_36\)\] {
    & ul {
      color: rgb(32, 33, 36);
    }
  }
  .\[\&_ul\]\:\[border\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & ul {
      border: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
    }
  }
  .\[\&_ul\]\:\[grid-area\:navigation\] {
    & ul {
      grid-area: navigation;
    }
  }
  .\[\&_ul\]\:\[list-style\:none\] {
    & ul {
      list-style: none;
    }
  }
  .\[\&_ul\]\:\[\&_\.header\]\:font-bold {
    & ul {
      & .header {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_ul\]\:\[\&_\.header\]\:\[color\:rgba\(0\,_0\,_0\,_0\.65\)\] {
    & ul {
      & .header {
        color: rgba(0, 0, 0, 0.65);
      }
    }
  }
  .\[\&_ul\]\:\[\&_\.header\]\:select-none {
    & ul {
      & .header {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\.markdown\]\:\[\&_ul\]\:\[margin-bottom\:0\.25rem\] {
    & .markdown {
      & ul {
        margin-bottom: 0.25rem;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:m-\[0px\] {
    & .notification-area-container {
      & ul {
        margin: 0px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:w-\[500px\] {
    & .notification-area-container {
      & ul {
        width: 500px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:flex-1 {
    & .notification-area-container {
      & ul {
        flex: 1;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:overflow-auto {
    & .notification-area-container {
      & ul {
        overflow: auto;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:p-\[0px\] {
    & .notification-area-container {
      & ul {
        padding: 0px;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[list-style\:none\] {
    & .notification-area-container {
      & ul {
        list-style: none;
      }
    }
  }
  .\[\&_ul\]\:\[\&_\.sub-header\]\:select-none {
    & ul {
      & .sub-header {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_ul\]\:\[\&_a\]\:\[color\:unset\] {
    & ul {
      & a {
        color: unset;
      }
    }
  }
  .\[\&_ul\]\:\[\&_a\]\:hover\:\[color\:unset\] {
    & ul {
      & a {
        &:hover {
          @media (hover: hover) {
            color: unset;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_a\]\:hover\:no-underline {
    & ul {
      & a {
        &:hover {
          @media (hover: hover) {
            text-decoration-line: none;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[margin\:8px_0px\] {
    & ul {
      & li {
        margin: 8px 0px;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:flex {
    & ul {
      & li {
        display: flex;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:grid {
    & ul {
      & li {
        display: grid;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:cursor-pointer {
    & ul {
      & li {
        cursor: pointer;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[grid-template-columns\:auto_1fr_auto_auto_1fr\] {
    & ul {
      & li {
        grid-template-columns: auto 1fr auto auto 1fr;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:gap-\[8px\] {
    & ul {
      & li {
        gap: 8px;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[padding\:4px_8px\] {
    & ul {
      & li {
        padding: 4px 8px;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:p-\[8px\] {
    & ul {
      & li {
        padding: 8px;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.15\)\] {
    & ul {
      & li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    & ul {
      & li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.25\)\] {
    & ul {
      & li {
        border-bottom: 1px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.25);
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[transition\:background-color_200ms\,_color_200ms\] {
    & ul {
      & li {
        transition: background-color 200ms, color 200ms;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:hover\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        &:hover {
          @media (hover: hover) {
            color: var(--text-colour, white);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:hover\:\[background\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\)\] {
    & ul {
      & li {
        &:hover {
          @media (hover: hover) {
            background: rgba(var(--text-colour-rgb, 0, 0, 0), 0.05);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:hover\:\[background\:var\(--primary-colour-hover\,_\#1976d2A0\)\] {
    & ul {
      & li {
        &:hover {
          @media (hover: hover) {
            background: var(--primary-colour-hover, #1976d2A0);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:focus\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        &:focus {
          color: var(--text-colour, white);
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:focus\:\[background\:rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.05\)\] {
    & ul {
      & li {
        &:focus {
          background: rgba(var(--text-colour-rgb, 0, 0, 0), 0.05);
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:focus\:\[background\:var\(--primary-colour-hover\,_\#1976d2A0\)\] {
    & ul {
      & li {
        &:focus {
          background: var(--primary-colour-hover, #1976d2A0);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:relative {
    & .notification-area-container {
      & ul {
        & li {
          position: relative;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:flex {
    & .notification-area-container {
      & ul {
        & li {
          display: flex;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:min-h-\[64px\] {
    & .notification-area-container {
      & ul {
        & li {
          min-height: 64px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:cursor-pointer {
    & .notification-area-container {
      & ul {
        & li {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:p-\[8px\] {
    & .notification-area-container {
      & ul {
        & li {
          padding: 8px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[border-bottom\:1px_solid_rgba\(0\,_0\,_0\,_0\.1\)\] {
    & .notification-area-container {
      & ul {
        & li {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.05\)\] {
    & .notification-area-container {
      & ul {
        & li {
          &:hover {
            @media (hover: hover) {
              background: rgba(0, 0, 0, 0.05);
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\*\]\:cursor-pointer {
    & .notification-area-container {
      & ul {
        & li {
          & * {
            cursor: pointer;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:flex-1 {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            flex: 1;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:m-0 {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            margin: var(--spacing-0);
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:-mt-\[4px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            margin-top: calc(4px * -1);
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:mr-\[8px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            margin-right: 8px;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:max-w-\[40px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            max-width: 40px;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:flex-1 {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            flex: 1;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:text-center {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            text-align: center;
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.icon-container\]\:text-\[40px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .icon-container {
            font-size: 40px;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:block {
    & ul {
      & li {
        & > span {
          display: block;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:inline-block {
    & ul {
      & li {
        & > span {
          display: inline-block;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:cursor-pointer {
    & ul {
      & li {
        & > span {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[padding\:4px_8px\] {
    & ul {
      & li {
        & > span {
          padding: 4px 8px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:p-\[4px\] {
    & ul {
      & li {
        & > span {
          padding: 4px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:hover\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        & > span {
          &:hover {
            @media (hover: hover) {
              color: var(--text-colour, white);
            }
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:hover\:\[background\:var\(--primary-colour-hover\,_\#1976d2A0\)\] {
    & ul {
      & li {
        & > span {
          &:hover {
            @media (hover: hover) {
              background: var(--primary-colour-hover, #1976d2A0);
            }
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:focus\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        & > span {
          &:focus {
            color: var(--text-colour, white);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:focus\:\[background\:var\(--primary-colour-hover\,_\#1976d2A0\)\] {
    & ul {
      & li {
        & > span {
          &:focus {
            background: var(--primary-colour-hover, #1976d2A0);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_svg\]\:mr-\[8px\] {
    & ul {
      & li {
        & > svg {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:mr-\[8px\] {
    & ul {
      & li {
        & > span {
          & > svg {
            margin-right: 8px;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&_\>_svg\]\:\[opacity\:0\.75\] {
    & ul {
      & li {
        & > span {
          & > svg {
            opacity: 0.75;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_button\]\:m-\[0px\] {
    & ul {
      & li {
        & button {
          margin: 0px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:m-\[0px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & h6 {
              margin: 0px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:text-\[16px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & h6 {
              font-size: 16px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_h6\]\:font-medium {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & h6 {
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
            }
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_input\[type\=\"number\"\]\]\:w-\[80px\] {
    & ul {
      & li {
        & input[type="number"] {
          width: 80px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:m-\[0px\] {
    & ul {
      & li {
        & label {
          margin: 0px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:inline-block {
    & ul {
      & li {
        & label {
          display: inline-block;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:p-\[4px\] {
    & ul {
      & li {
        & label {
          padding: 4px;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_label\]\:\[\&_\>_span\]\:mr-\[8px\] {
    & ul {
      & li {
        & label {
          & > span {
            margin-right: 8px;
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\.active\]\:font-bold {
    & ul {
      & li.active {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\.active\]\:\[color\:var\(--form-nav-active\,_rgb\(26\,_115\,_232\)\)\] {
    & ul {
      & li.active {
        color: var(--form-nav-active, rgb(26, 115, 232));
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_button\:hover\]\:cursor-pointer {
    & ul {
      & li:not(.header):not(.sub-header) button:hover {
        cursor: pointer;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_button\:hover\]\:\[color\:var\(--form-nav-active\,_rgb\(26\,_115\,_232\)\)\] {
    & ul {
      & li:not(.header):not(.sub-header) button:hover {
        color: var(--form-nav-active, rgb(26, 115, 232));
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_span\:hover\]\:cursor-pointer {
    & ul {
      & li:not(.header):not(.sub-header) span:hover {
        cursor: pointer;
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\:not\(\.header\)\:not\(\.sub-header\)_span\:hover\]\:\[color\:var\(--form-nav-active\,_rgb\(26\,_115\,_232\)\)\] {
    & ul {
      & li:not(.header):not(.sub-header) span:hover {
        color: var(--form-nav-active, rgb(26, 115, 232));
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:m-\[0px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & p {
              margin: 0px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:text-\[14px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & p {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:leading-\[18px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & p {
              --tw-leading: 18px;
              line-height: 18px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_p\]\:\[opacity\:0\.87\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & p {
              opacity: 0.87;
            }
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:flex-1 {
    & ul {
      & li {
        & span {
          flex: 1;
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_span\]\:leading-\[40px\] {
    & ul {
      & li {
        & span {
          --tw-leading: 40px;
          line-height: 40px;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\]\:m-\[0px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span {
              margin: 0px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:block {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.date {
              display: block;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:text-\[11px\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.date {
              font-size: 11px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.date\]\:\[color\:rgba\(0\,_0\,_0\,_0\.67\)\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.date {
              color: rgba(0, 0, 0, 0.67);
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:block {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              display: block;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:text-right {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              text-align: right;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[font-size\:0\.75em\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              font-size: 0.75em;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              color: rgba(0, 0, 0, 0.87);
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:opacity-0 {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              opacity: 0%;
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:hover\:cursor-pointer {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              &:hover {
                @media (hover: hover) {
                  cursor: pointer;
                }
              }
            }
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&_\.content-container\]\:\[\&_span\.mark-as-read\]\:hover\:underline {
    & .notification-area-container {
      & ul {
        & li {
          & .content-container {
            & span.mark-as-read {
              &:hover {
                @media (hover: hover) {
                  text-decoration-line: underline;
                }
              }
            }
          }
        }
      }
    }
  }
  .\[\&_ul_button\]\:box-border {
    & ul button {
      box-sizing: border-box;
    }
  }
  .\[\&_ul_button\]\:w-full {
    & ul button {
      width: 100%;
    }
  }
  .\[\&_ul_button\]\:cursor-pointer {
    & ul button {
      cursor: pointer;
    }
  }
  .\[\&_ul_button\]\:appearance-none {
    & ul button {
      appearance: none;
    }
  }
  .\[\&_ul_button\]\:overflow-hidden {
    & ul button {
      overflow: hidden;
    }
  }
  .\[\&_ul_button\]\:border-none {
    & ul button {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&_ul_button\]\:bg-transparent {
    & ul button {
      background-color: transparent;
    }
  }
  .\[\&_ul_button\]\:\[padding\:8px_16px\] {
    & ul button {
      padding: 8px 16px;
    }
  }
  .\[\&_ul_button\]\:text-left {
    & ul button {
      text-align: left;
    }
  }
  .\[\&_ul_button\]\:text-ellipsis {
    & ul button {
      text-overflow: ellipsis;
    }
  }
  .\[\&_ul_button\]\:whitespace-nowrap {
    & ul button {
      white-space: nowrap;
    }
  }
  .\[\&_ul_button\]\:text-inherit {
    & ul button {
      color: inherit;
    }
  }
  .\[\&_ul_button\]\:select-none {
    & ul button {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_ul_button\]\:\[border-bottom\:1px_solid_rgba\(var\(--text-colour-rgb\)\,0\.15\)\] {
    & ul button {
      border-bottom: 1px solid rgba(var(--text-colour-rgb),0.15);
    }
  }
  .\[\&_ul_button\.active\]\:\[color\:var\(--accent-text-colour\)\] {
    & ul button.active {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_ul_button\.active\]\:\[background\:var\(--accent-background-colour\)\] {
    & ul button.active {
      background: var(--accent-background-colour);
    }
  }
  .\[\&_ul_button\:focus-visible\]\:\[color\:var\(--accent-text-colour\)\] {
    & ul button:focus-visible {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_ul_button\:focus-visible\]\:\[background\:var\(--accent-background-colour\)\] {
    & ul button:focus-visible {
      background: var(--accent-background-colour);
    }
  }
  .\[\&_ul_button\:hover\]\:\[color\:var\(--accent-text-colour\)\] {
    & ul button:hover {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_ul_button\:hover\]\:\[background\:var\(--accent-background-colour\)\] {
    & ul button:hover {
      background: var(--accent-background-colour);
    }
  }
  .\[\&_ul_li\]\:relative {
    & ul li {
      position: relative;
    }
  }
  .\[\&_ul_li\]\:\[margin\:0px_2px\] {
    & ul li {
      margin: 0px 2px;
    }
  }
  .\[\&_ul_li\]\:box-border {
    & ul li {
      box-sizing: border-box;
    }
  }
  .\[\&_ul_li\]\:inline-block {
    & ul li {
      display: inline-block;
    }
  }
  .\[\&_ul_li\]\:h-\[32px\] {
    & ul li {
      height: 32px;
    }
  }
  .\[\&_ul_li\]\:cursor-pointer {
    & ul li {
      cursor: pointer;
    }
  }
  .\[\&_ul_li\]\:rounded-tl-\[6px\] {
    & ul li {
      border-top-left-radius: 6px;
    }
  }
  .\[\&_ul_li\]\:rounded-tr-\[6px\] {
    & ul li {
      border-top-right-radius: 6px;
    }
  }
  .\[\&_ul_li\]\:\[padding\:8px_16px\] {
    & ul li {
      padding: 8px 16px;
    }
  }
  .\[\&_ul_li\]\:\[transition-duration\:200ms\] {
    & ul li {
      transition-duration: 200ms;
    }
  }
  .\[\&_ul_li\]\:select-none {
    & ul li {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&_ul_li\]\:\[background\:rgba\(0\,0\,0\,0\.1\)\] {
    & ul li {
      background: rgba(0,0,0,0.1);
    }
  }
  .\[\&_ul_li\]\:\[transition\:background-color\,color\] {
    & ul li {
      transition: background-color,color;
    }
  }
  .\[\&_ul_li_\.active\]\:\[color\:\#4CAF50\] {
    & ul li .active {
      color: #4CAF50;
    }
  }
  .\[\&_ul_li_button\:not\(\.active\)\]\:\[color\:var\(--accent-background-colour\)\] {
    & ul li button:not(.active) {
      color: var(--accent-background-colour);
    }
  }
  .\[\&_ul_li\.active\]\:\[color\:var\(--header-hover-text-colour\)\] {
    & ul li.active {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&_ul_li\.active\]\:\[background\:var\(--header-hover-background-colour\)\] {
    & ul li.active {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&_ul_li\:not\(\.active\)\:focus-visible\]\:text-black {
    & ul li:not(.active):focus-visible {
      color: var(--color-black);
    }
  }
  .\[\&_ul_li\:not\(\.active\)\:focus-visible\]\:\[background\:rgba\(255\,255\,255\,0\.75\)\] {
    & ul li:not(.active):focus-visible {
      background: rgba(255,255,255,0.75);
    }
  }
  .\[\&_ul_li\:not\(\.active\)\:hover\]\:text-black {
    & ul li:not(.active):hover {
      color: var(--color-black);
    }
  }
  .\[\&_ul_li\:not\(\.active\)\:hover\]\:\[background\:rgba\(255\,255\,255\,0\.75\)\] {
    & ul li:not(.active):hover {
      background: rgba(255,255,255,0.75);
    }
  }
  .\[\&_ul\.file-list-contents\]\:block {
    & ul.file-list-contents {
      display: block;
    }
  }
  .\[\&_ul\.file-list-contents\]\:list-none {
    & ul.file-list-contents {
      list-style-type: none;
    }
  }
  .\[\&_ul\.file-list-contents\]\:p-\[8px\] {
    & ul.file-list-contents {
      padding: 8px;
    }
  }
  .\[\&_ul\.file-list-contents\]\:pl-\[0px\] {
    & ul.file-list-contents {
      padding-left: 0px;
    }
  }
  .\[\&_ul\.file-list-contents\]\:normal-case {
    & ul.file-list-contents {
      text-transform: none;
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:relative {
    & ul.file-list-contents {
      & li {
        position: relative;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:cursor-pointer {
    & ul.file-list-contents {
      & li {
        cursor: pointer;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:p-\[8px\] {
    & ul.file-list-contents {
      & li {
        padding: 8px;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:text-\[14px\] {
    & ul.file-list-contents {
      & li {
        font-size: 14px;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:leading-\[16px\] {
    & ul.file-list-contents {
      & li {
        --tw-leading: 16px;
        line-height: 16px;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:font-normal {
    & ul.file-list-contents {
      & li {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:text-ellipsis {
    & ul.file-list-contents {
      & li {
        text-overflow: ellipsis;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:\[border-bottom\:1px_solid_\#dddddd\] {
    & ul.file-list-contents {
      & li {
        border-bottom: 1px solid #dddddd;
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:absolute {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:right-\[16px\] {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          right: 16px;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:\[font-family\:FontAwesome\] {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          font-family: FontAwesome;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:text-\[18px\] {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          font-size: 18px;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:\[color\:\#aaaaaa\] {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          color: #aaaaaa;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:after\:\[content\:\'\\\\f0ed\'\] {
    & ul.file-list-contents {
      & li {
        &::after {
          content: var(--tw-content);
          content: '\\f0ed';
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:hover\:\[background\:\#f4f4f4\] {
    & ul.file-list-contents {
      & li {
        &:hover {
          @media (hover: hover) {
            background: #f4f4f4;
          }
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:\[\&_li\]\:hover\:after\:\[color\:\#42a5f5\] {
    & ul.file-list-contents {
      & li {
        &:hover {
          @media (hover: hover) {
            &::after {
              content: var(--tw-content);
              color: #42a5f5;
            }
          }
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:max-md\:\[\&_li\]\:min-h-\[48px\] {
    & ul.file-list-contents {
      @media (width < 768px) {
        & li {
          min-height: 48px;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:max-md\:\[\&_li\]\:p-\[12px\] {
    & ul.file-list-contents {
      @media (width < 768px) {
        & li {
          padding: 12px;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:max-md\:\[\&_li\]\:leading-\[24px\] {
    & ul.file-list-contents {
      @media (width < 768px) {
        & li {
          --tw-leading: 24px;
          line-height: 24px;
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:max-md\:\[\&_li\]\:after\:right-\[16px\] {
    & ul.file-list-contents {
      @media (width < 768px) {
        & li {
          &::after {
            content: var(--tw-content);
            right: 16px;
          }
        }
      }
    }
  }
  .\[\&_ul\.file-list-contents\]\:print\:\[\&_li\:\:after\]\:hidden {
    & ul.file-list-contents {
      @media print {
        & li::after {
          display: none;
        }
      }
    }
  }
  .\[\&_ul\>li\]\:cursor-pointer {
    & ul>li {
      cursor: pointer;
    }
  }
  .\[\&_ul\>li\]\:p-\[8px\] {
    & ul>li {
      padding: 8px;
    }
  }
  .\[\&_ul\>li\]\:pl-\[32px\] {
    & ul>li {
      padding-left: 32px;
    }
  }
  .\[\&_ul\>li\]\:text-\[1rem\] {
    & ul>li {
      font-size: 1rem;
    }
  }
  .\[\&_ul\>li\]\:\[color\:var\(--accent-text-colour\)\] {
    & ul>li {
      color: var(--accent-text-colour);
    }
  }
  .\[\&_ul\>li\]\:focus-within\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & ul>li {
      &:focus-within {
        background: rgba(0, 0, 0, 0.25);
      }
    }
  }
  .\[\&_ul\>li\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    & ul>li {
      &:hover {
        @media (hover: hover) {
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&\&\]\:max-h-\[85vh\] {
    && {
      max-height: 85vh;
    }
  }
  .\[\&\&\]\:max-w-\[700px\] {
    && {
      max-width: 700px;
    }
  }
  .\[\&\&\]\:overflow-y-auto {
    && {
      overflow-y: auto;
    }
  }
  .\[\&\&\]\:rounded-\[8px\] {
    && {
      border-radius: 8px;
    }
  }
  .\[\&\&\]\:p-0 {
    && {
      padding: var(--spacing-0);
    }
  }
  .\[\&\&\]\:\[color\:var\(--color-text-primary\)\] {
    && {
      color: var(--color-text-primary);
    }
  }
  .\[\&\&\]\:\[box-shadow\:var\(--elevation-overlay-shadow\)\] {
    && {
      box-shadow: var(--elevation-overlay-shadow);
    }
  }
  .\[\&\&\]\:\[background\:var\(--color-bg-surface\)\] {
    && {
      background: var(--color-bg-surface);
    }
  }
  .\[\&\.-left\>_div\>_div\>_\.react-menu\]\:\[right\:calc\(100\%_-_4px\)\] {
    &.-left> div> div> .react-menu {
      right: calc(100% - 4px);
    }
  }
  .\[\&\.-left\>_div\>_div\>_\.react-menu\]\:left-auto {
    &.-left> div> div> .react-menu {
      left: auto;
    }
  }
  .\[\&\.active\]\:block {
    &.active {
      display: block;
    }
  }
  .\[\&\.active\]\:rounded-\[16px\] {
    &.active {
      border-radius: 16px;
    }
  }
  .\[\&\.active\]\:bg-\[\#f0f0f0\] {
    &.active {
      background-color: #f0f0f0;
    }
  }
  .\[\&\.active\]\:pl-\[8px\] {
    &.active {
      padding-left: 8px;
    }
  }
  .\[\&\.active\]\:font-medium {
    &.active {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .\[\&\.active\]\:font-semibold {
    &.active {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&\.active\]\:text-black {
    &.active {
      color: var(--color-black);
    }
  }
  .\[\&\.active\]\:opacity-100 {
    &.active {
      opacity: 100%;
    }
  }
  .\[\&\.active\]\:\[background\:rgba\(var\(--accent-background-colour-rgb\)\,0\.25\)\] {
    &.active {
      background: rgba(var(--accent-background-colour-rgb),0.25);
    }
  }
  .\[\&\.active_\>_div\:after\]\:top-\[4px\] {
    &.active > div:after {
      top: 4px;
    }
  }
  .\[\&\.active_\>_div\:after\]\:left-\[4px\] {
    &.active > div:after {
      left: 4px;
    }
  }
  .\[\&\.active_\>_div\:after\]\:h-\[12px\] {
    &.active > div:after {
      height: 12px;
    }
  }
  .\[\&\.active_\>_div\:after\]\:w-\[12px\] {
    &.active > div:after {
      width: 12px;
    }
  }
  .\[\&\.active_\>_div\:after\]\:\[transition\:width_400ms\,_height_400ms\,_left_100ms\,_top_100ms\] {
    &.active > div:after {
      transition: width 400ms, height 400ms, left 100ms, top 100ms;
    }
  }
  .\[\&\.active\:\:backdrop\]\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &.active::backdrop {
      background: rgba(0, 0, 0, 0.5);
    }
  }
  .\[\&\.active\:focus-visible\]\:\[color\:white\] {
    &.active:focus-visible {
      color: white;
    }
  }
  .\[\&\.active\:focus-visible\]\:\[background\:\#388E3C\] {
    &.active:focus-visible {
      background: #388E3C;
    }
  }
  .\[\&\.active\:hover\]\:\[color\:white\] {
    &.active:hover {
      color: white;
    }
  }
  .\[\&\.active\:hover\]\:\[background\:\#388E3C\] {
    &.active:hover {
      background: #388E3C;
    }
  }
  .\[\&\.active\>_div_\.back\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    &.active> div .back {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&\.animated_\.fifth-gear\]\:\[animation-delay\:400ms\] {
    &.animated .fifth-gear {
      animation-delay: 400ms;
    }
  }
  .\[\&\.animated_\.fourth-gear\]\:\[animation-delay\:300ms\] {
    &.animated .fourth-gear {
      animation-delay: 300ms;
    }
  }
  .\[\&\.animated_\.part\]\:\[animation\:ANI_600ms_linear_infinite\] {
    &.animated .part {
      animation: ANI 600ms linear infinite;
    }
  }
  .\[\&\.animated_\.second-gear\]\:\[animation-delay\:100ms\] {
    &.animated .second-gear {
      animation-delay: 100ms;
    }
  }
  .\[\&\.animated_\.sixth-gear\]\:\[animation-delay\:500ms\] {
    &.animated .sixth-gear {
      animation-delay: 500ms;
    }
  }
  .\[\&\.animated_\.third-gear\]\:\[animation-delay\:200ms\] {
    &.animated .third-gear {
      animation-delay: 200ms;
    }
  }
  .\[\&_\.toast\]\:\[\&\.blue\]\:\[background\:\#2196f3\] {
    & .toast {
      &.blue {
        background: #2196f3;
      }
    }
  }
  .\[\&\.can-click\]\:cursor-pointer {
    &.can-click {
      cursor: pointer;
    }
  }
  .\[\&\.can-click\:hover\]\:\[border-color\:transparent\] {
    &.can-click:hover {
      border-color: transparent;
    }
  }
  .\[\&\.can-click\:hover\]\:\[color\:var\(--accent-text-colour\)\] {
    &.can-click:hover {
      color: var(--accent-text-colour);
    }
  }
  .\[\&\.can-click\:hover\]\:\[background\:var\(--accent-background-colour\)\] {
    &.can-click:hover {
      background: var(--accent-background-colour);
    }
  }
  .\[\&_\>_span\.title\]\:\[\&\.cancellable\]\:pr-\[4px\] {
    & > span.title {
      &.cancellable {
        padding-right: 4px;
      }
    }
  }
  .\[\&\.center\]\:text-center {
    &.center {
      text-align: center;
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.center\]\:text-center {
    & table {
      & thead tr {
        & th {
          &.center {
            text-align: center;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:text-center {
    & table {
      & tr td {
        &.center {
          text-align: center;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.center\]\:\[\&_span\.input_input\]\:text-center {
    & table {
      & tr td {
        &.center {
          & span.input input {
            text-align: center;
          }
        }
      }
    }
  }
  .\[\&\.center_input\]\:text-center {
    &.center input {
      text-align: center;
    }
  }
  .\[\&\.checkbox\]\:\[width\:100\%\] {
    &.checkbox {
      width: 100%;
    }
  }
  .\[\&\.checkbox\]\:\[\&_\>_\*\]\:float-right {
    &.checkbox {
      & > * {
        float: right;
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.close\]\:\[background\:\#f44336\] {
    & .config {
      & .action-container {
        & svg {
          &:hover {
            @media (hover: hover) {
              &.close {
                background: #f44336;
              }
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:\[\&\.close\]\:\[background\:\#f44336\] {
    & .config {
      & .action-container {
        & svg {
          &:focus {
            &.close {
              background: #f44336;
            }
          }
        }
      }
    }
  }
  .\[\&\.codeless\]\:grid-rows-\[1fr\] {
    &.codeless {
      grid-template-rows: 1fr;
    }
  }
  .\[\&\.coloured\]\:text-white {
    &.coloured {
      color: var(--color-white);
    }
  }
  .\[\&\.coloured\]\:\[\&_\.card-actions_div\.card-action_i\]\:text-white {
    &.coloured {
      & .card-actions div.card-action i {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:before\]\:\[background-color\:rgba\(255\,_255\,_255\,_0\.15\)\] {
    &.coloured {
      & .card-actions div.card-action:before {
        background-color: rgba(255, 255, 255, 0.15);
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:\[color\:\#eeeeee\] {
    &.coloured {
      & .card-actions div.card-action:hover i {
        color: #eeeeee;
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\.subtitle\]\:text-white {
    &.coloured {
      & .subtitle {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\.title\]\:text-white {
    &.coloured {
      & .title {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\>_ul\]\:\[\&_li\]\:border-b-transparent {
    &.coloured {
      & > ul {
        & li {
          border-bottom-color: transparent;
        }
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[color\:rgba\(255\,_255\,_255\,_0\.5\)\] {
    &.coloured {
      & > ul {
        & li {
          color: rgba(255, 255, 255, 0.5);
        }
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\>_ul\]\:\[\&_li\]\:after\:\[background\:rgba\(255\,_255\,_255\,_0\.75\)\] {
    &.coloured {
      & > ul {
        & li {
          &::after {
            content: var(--tw-content);
            background: rgba(255, 255, 255, 0.75);
          }
        }
      }
    }
  }
  .\[\&\.coloured\]\:\[\&_\>_ul\]\:\[\&_li\]\:ui-active\:text-white {
    &.coloured {
      & > ul {
        & li {
          &.active {
            color: var(--color-white);
          }
        }
      }
    }
  }
  .\[\&\.coloured_\.card-header\]\:text-white {
    &.coloured .card-header {
      color: var(--color-white);
    }
  }
  .\[\&\.coloured_\.card-header\]\:\[\&_\.card-actions_div\.card-action_i\]\:text-white {
    &.coloured .card-header {
      & .card-actions div.card-action i {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured_\.card-header\]\:\[\&_\.card-actions_div\.card-action\:before\]\:\[background-color\:rgba\(255\,_255\,_255\,_0\.15\)\] {
    &.coloured .card-header {
      & .card-actions div.card-action:before {
        background-color: rgba(255, 255, 255, 0.15);
      }
    }
  }
  .\[\&\.coloured_\.card-header\]\:\[\&_\.card-actions_div\.card-action\:hover_i\]\:\[color\:\#eeeeee\] {
    &.coloured .card-header {
      & .card-actions div.card-action:hover i {
        color: #eeeeee;
      }
    }
  }
  .\[\&\.coloured_\.card-header\]\:\[\&_\.subtitle\]\:text-white {
    &.coloured .card-header {
      & .subtitle {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured_\.card-header\]\:\[\&_\.title\]\:text-white {
    &.coloured .card-header {
      & .title {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured\:not\(\.flat\)\]\:\[color\:var\(--text-colour\,_white\)\] {
    &.coloured:not(.flat) {
      color: var(--text-colour, white);
    }
  }
  .\[\&\.coloured\:not\(\.flat\)\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    &.coloured:not(.flat) {
      background: var(--primary-colour, #1976d2);
    }
  }
  .\[\&\.coloured\:not\(\.flat\)\]\:hover\:\[background\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    &.coloured:not(.flat) {
      &:hover {
        @media (hover: hover) {
          background: var(--primary-hover-colour, #1565c0);
        }
      }
    }
  }
  .\[\&\.coloured\:not\(\.flat\)\]\:focus\:\[background\:var\(--primary-hover-colour\,_\#1565c0\)\] {
    &.coloured:not(.flat) {
      &:focus {
        background: var(--primary-hover-colour, #1565c0);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\.coloured\>_i\]\:text-white {
    & .fab {
      &.coloured> i {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.coloured\>_ul_li\]\:border-b-transparent {
    &.coloured> ul li {
      border-bottom-color: transparent;
    }
  }
  .\[\&\.coloured\>_ul_li\]\:\[color\:rgba\(255\,_255\,_255\,_0\.5\)\] {
    &.coloured> ul li {
      color: rgba(255, 255, 255, 0.5);
    }
  }
  .\[\&\.coloured\>_ul_li\]\:after\:\[background\:rgba\(255\,_255\,_255\,_0\.75\)\] {
    &.coloured> ul li {
      &::after {
        content: var(--tw-content);
        background: rgba(255, 255, 255, 0.75);
      }
    }
  }
  .\[\&\.coloured\>_ul_li\]\:ui-active\:text-white {
    &.coloured> ul li {
      &.active {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[left\:calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\)\] {
    &.complete:not(.disabled) .submit-loader {
      left: calc(var(--width) / 2 - var(--height) / 2);
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[width\:var\(--height\)\] {
    &.complete:not(.disabled) .submit-loader {
      width: var(--height);
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:border-transparent {
    &.complete:not(.disabled) .submit-loader {
      border-color: transparent;
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[background\:\#4caf50\] {
    &.complete:not(.disabled) .submit-loader {
      background: #4caf50;
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-complete\]\:opacity-1 {
    &.complete:not(.disabled) .submit-loader {
      & .submit-complete {
        opacity: 1%;
      }
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:opacity-1 {
    &.complete:not(.disabled) .submit-loader {
      & svg {
        opacity: 1%;
      }
    }
  }
  .\[\&\.complete\:not\(\.disabled\)_\.submit-overlay\]\:opacity-0 {
    &.complete:not(.disabled) .submit-overlay {
      opacity: 0%;
    }
  }
  .\[\&\.custom-title\]\:text-center {
    &.custom-title {
      text-align: center;
    }
  }
  .\[\&\.disabled\]\:opacity-50 {
    &.disabled {
      opacity: 50%;
    }
  }
  .\[\&\.disabled_\.layout-preview\]\:opacity-50 {
    &.disabled .layout-preview {
      opacity: 50%;
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&\.disabled_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & div.date {
        &.disabled .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&\.disabled_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & div.range {
        &.disabled .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&\.disabled_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & label.checkbox {
        &.disabled .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&\.disabled_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & label.select {
        &.disabled .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&\.disabled_\.subtitle\]\:\[opacity\:0\.5\] {
    & .config {
      & label.switch {
        &.disabled .subtitle {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&\.disabled_\.title\]\:\[opacity\:0\.5\] {
    & .config {
      & div.date {
        &.disabled .title {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&\.disabled_\.title\]\:\[opacity\:0\.5\] {
    & .config {
      & div.range {
        &.disabled .title {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&\.disabled_\.title\]\:\[opacity\:0\.5\] {
    & .config {
      & label.checkbox {
        &.disabled .title {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&\.disabled_\.title\]\:\[opacity\:0\.5\] {
    & .config {
      & label.select {
        &.disabled .title {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&\.disabled_\.title\]\:\[opacity\:0\.5\] {
    & .config {
      & label.switch {
        &.disabled .title {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:\[border-color\:var\(--backgroundColor\,_rgb\(224\,_224\,_224\)\)\] {
    & .pointer {
      &.disabled::after {
        border-color: var(--backgroundColor, rgb(224, 224, 224));
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:\[background\:rgb\(180\,_180\,_180\)\] {
    & .pointer {
      &.disabled::after {
        background: rgb(180, 180, 180);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\.disabled\:\:after\]\:\[border\:4px_solid\] {
    & .pointer {
      &.disabled::after {
        border: 4px solid;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-content\]\:flex {
    &.done {
      & .item-content {
        display: flex;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-content\]\:flex-col {
    &.done {
      & .item-content {
        flex-direction: column;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-content\]\:gap-\[2px\] {
    &.done {
      & .item-content {
        gap: 2px;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-subtitle\]\:text-\[12px\] {
    &.done {
      & .item-subtitle {
        font-size: 12px;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-subtitle\]\:font-medium {
    &.done {
      & .item-subtitle {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-title\]\:text-\[15px\] {
    &.done {
      & .item-title {
        font-size: 15px;
      }
    }
  }
  .\[\&\.done\]\:\[\&_\.item-title\]\:font-bold {
    &.done {
      & .item-title {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&\.done_\.otp-num\]\:bg-beedee-green {
    &.done .otp-num {
      background-color: var(--color-beedee-green);
    }
  }
  .\[\&\.done_\.otp-num\]\:text-white {
    &.done .otp-num {
      color: var(--color-white);
    }
  }
  .\[\&\.drag-over\]\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    &.drag-over {
      background: rgba(0, 0, 0, 0.15);
    }
  }
  .\[\&\.drop-target-next\]\:right-0 {
    &.drop-target-next {
      right: var(--spacing-0);
    }
  }
  .\[\&\.drop-target-previous\]\:left-\[-10px\] {
    &.drop-target-previous {
      left: -10px;
    }
  }
  .\[\&\.drop-target-previous\]\:\[width\:calc\(50\%_\+_10px\)\] {
    &.drop-target-previous {
      width: calc(50% + 10px);
    }
  }
  .\[\&_\.snackbar\]\:\[\&\.error\]\:\[background-color\:var\(--snackbar-error\,\#d74545\)\] {
    & .snackbar {
      &.error {
        background-color: var(--snackbar-error,#d74545);
      }
    }
  }
  .\[\&_\.snackbar\]\:\[\&\.error\]\:text-white {
    & .snackbar {
      &.error {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.field-value\]\:mt-\[-24px\] {
    &.field-value {
      margin-top: -24px;
    }
  }
  .\[\&\.field-value\]\:grid {
    &.field-value {
      display: grid;
    }
  }
  .\[\&\.field-value\]\:\[grid-template-rows\:24px_1fr\] {
    &.field-value {
      grid-template-rows: 24px 1fr;
    }
  }
  .\[\&\.field-value\>\:first-child\]\:text-\[0\.6875rem\] {
    &.field-value>:first-child {
      font-size: 0.6875rem;
    }
  }
  .\[\&\.field-value\>\:first-child\]\:\[line-height\:unset\] {
    &.field-value>:first-child {
      line-height: unset;
    }
  }
  .\[\&\.field-value\>\:first-child\]\:font-light {
    &.field-value>:first-child {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
  }
  .\[\&\.field-value\>\:first-child\]\:\[letter-spacing\:0\.0625rem\] {
    &.field-value>:first-child {
      letter-spacing: 0.0625rem;
    }
  }
  .\[\&\.field-value\>\:first-child\]\:uppercase {
    &.field-value>:first-child {
      text-transform: uppercase;
    }
  }
  .\[\&\.field-value\>\:first-child\]\:opacity-\[0\.65\] {
    &.field-value>:first-child {
      opacity: 0.65;
    }
  }
  .\[\&\.fill\]\:\[width\:calc\(100\%_-_4px\)\] {
    &.fill {
      width: calc(100% - 4px);
    }
  }
  .\[\&\.flat\]\:\[background-color\:\#ffffff\] {
    &.flat {
      background-color: #ffffff;
    }
  }
  .\[\&\.flat\]\:bg-transparent {
    &.flat {
      background-color: transparent;
    }
  }
  .\[\&\.flat\]\:shadow-none {
    &.flat {
      --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);
    }
  }
  .\[\&\.flat\]\:active\:enabled\:\[background\:\#e0e0e0\] {
    &.flat {
      &:active {
        &:enabled {
          background: #e0e0e0;
        }
      }
    }
  }
  .\[\&\.flat\]\:hover-not-disabled\:\[background-color\:\#eeeeee\] {
    &.flat {
      &:hover:not(.disabled) {
        background-color: #eeeeee;
      }
    }
  }
  .\[\&\.flipped_\.flip-card-inner\]\:\[transform\:rotateY\(180deg\)\] {
    &.flipped .flip-card-inner {
      transform: rotateY(180deg);
    }
  }
  .\[\&\.focused\>_div_\.back\]\:mt-\[0\] {
    &.focused> div .back {
      margin-top: 0;
    }
  }
  .\[\&\.focused\>_div_\.back\]\:ml-\[10px\] {
    &.focused> div .back {
      margin-left: 10px;
    }
  }
  .\[\&\.focused\>_div_\.back\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.focused> div .back {
      border: 4px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&\.focused\>_div_\.front\]\:top-\[4px\] {
    &.focused> div .front {
      top: 4px;
    }
  }
  .\[\&\.focused\>_div_\.front\]\:-ml-\[4px\] {
    &.focused> div .front {
      margin-left: calc(4px * -1);
    }
  }
  .\[\&\.focused\>_div_\.front\]\:rounded-\[16px\] {
    &.focused> div .front {
      border-radius: 16px;
    }
  }
  .\[\&\.focused\>_div_\.front\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.focused> div .front {
      border: 4px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&\.form_li\]\:text-\[2em\] {
    &.form li {
      font-size: 2em;
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-enter\]\:left-\[100vw\] {
    &.forward {
      & .transition-enter {
        left: 100vw;
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-enter\]\:z-\[99\] {
    &.forward {
      & .transition-enter {
        z-index: 99;
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-enter\]\:\[transition-timing-function\:cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\)\] {
    &.forward {
      & .transition-enter {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-enter-active\]\:left-0 {
    &.forward {
      & .transition-enter-active {
        left: var(--spacing-0);
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:left-0 {
    &.forward {
      & .transition-leave {
        left: var(--spacing-0);
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:duration-\[400ms\] {
    &.forward {
      & .transition-leave {
        --tw-duration: 400ms;
        transition-duration: 400ms;
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:fixed {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          position: fixed;
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:top-0 {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          top: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:right-0 {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          right: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:bottom-0 {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          bottom: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:left-0 {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:z-\[98\] {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          z-index: 98;
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:block {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          display: block;
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:opacity-0 {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          opacity: 0%;
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:\[content\:\'\'\] {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave\]\:after\:\[transition\:opacity_400ms\] {
    &.forward {
      & .transition-leave {
        &::after {
          content: var(--tw-content);
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:-left-\[10vw\] {
    &.forward {
      & .transition-leave-active {
        left: calc(10vw * -1);
      }
    }
  }
  .\[\&\.forward\]\:\[\&_\.transition-leave-active\]\:after\:opacity-1 {
    &.forward {
      & .transition-leave-active {
        &::after {
          content: var(--tw-content);
          opacity: 1%;
        }
      }
    }
  }
  .\[\&\.full\]\:mt-\[0\] {
    &.full {
      margin-top: 0;
    }
  }
  .\[\&\.full\]\:mt-\[0px\] {
    &.full {
      margin-top: 0px;
    }
  }
  .\[\&\.full\]\:gap-\[64px\] {
    &.full {
      gap: 64px;
    }
  }
  .\[\&\.full\]\:bg-white {
    &.full {
      background-color: var(--color-white);
    }
  }
  .\[\&\.full\]\:\[\&_\.form-inner-style\]\:border-none {
    &.full {
      & .form-inner-style {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&\.full\]\:\[\&_\.form-inner-style\]\:shadow-none {
    &.full {
      & .form-inner-style {
        --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);
      }
    }
  }
  .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\.svg-background\]\:hidden {
    &.full {
      & .form-inner-style {
        & .svg-background {
          display: none;
        }
      }
    }
  }
  .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&_\>_div_\>_div_\.nav-item\]\:p-\[0px\] {
    &.full {
      & .form-inner-style {
        & > div > div .nav-item {
          padding: 0px;
        }
      }
    }
  }
  .\[\&\.grandchildren-tabs\]\:h-\[50\%\] {
    &.grandchildren-tabs {
      height: 50%;
    }
  }
  .\[\&_\.toast\]\:\[\&\.green\]\:\[background\:\#4caf50\] {
    & .toast {
      &.green {
        background: #4caf50;
      }
    }
  }
  .\[\&\.has-action-bar\]\:lg\:z-\[7\] {
    &.has-action-bar {
      @media (width >= 1024px) {
        z-index: 7;
      }
    }
  }
  .\[\&\.has-action-bar\]\:lg\:z-\[8\] {
    &.has-action-bar {
      @media (width >= 1024px) {
        z-index: 8;
      }
    }
  }
  .\[\&\.has-action-bar\]\:lg\:mt-\[64px\] {
    &.has-action-bar {
      @media (width >= 1024px) {
        margin-top: 64px;
      }
    }
  }
  .\[\&\.has-action-bar\]\:lg\:\[height\:calc\(100vh_-_64px\)\] {
    &.has-action-bar {
      @media (width >= 1024px) {
        height: calc(100vh - 64px);
      }
    }
  }
  .\[\&\.has-ball_\.subtitle\]\:ml-\[48px\] {
    &.has-ball .subtitle {
      margin-left: 48px;
    }
  }
  .\[\&_\.content\]\:\[\&\.has-ball_\.subtitle\]\:ml-\[48px\] {
    & .content {
      &.has-ball .subtitle {
        margin-left: 48px;
      }
    }
  }
  .\[\&\.has-ball_\.title\]\:ml-\[48px\] {
    &.has-ball .title {
      margin-left: 48px;
    }
  }
  .\[\&_\.content\]\:\[\&\.has-ball_\.title\]\:ml-\[48px\] {
    & .content {
      &.has-ball .title {
        margin-left: 48px;
      }
    }
  }
  .\[\&\.has-chart\]\:\[grid-template-columns\:auto_auto_1fr\] {
    &.has-chart {
      grid-template-columns: auto auto 1fr;
    }
  }
  .\[\&\.has-chart\]\:\[grid-template-areas\:\'header_header_header\'_\'sidebar_controls_controls\'_\'sidebar_grid_chart\'\] {
    &.has-chart {
      grid-template-areas: 'header header header' 'sidebar controls controls' 'sidebar grid chart';
    }
  }
  .\[\&\.has-children\]\:\[height\:50\%\] {
    &.has-children {
      height: 50%;
    }
  }
  .\[\&\.has-click\]\:cursor-pointer {
    &.has-click {
      cursor: pointer;
    }
  }
  .\[\&\.has-click\:not\(\.has-custom-background\)\]\:hover\:\[background\:\#cccccc\] {
    &.has-click:not(.has-custom-background) {
      &:hover {
        @media (hover: hover) {
          background: #cccccc;
        }
      }
    }
  }
  .\[\&\.has-click\:not\(\.has-custom-background\)\]\:focus-visible\:\[background\:\#cccccc\] {
    &.has-click:not(.has-custom-background) {
      &:focus-visible {
        background: #cccccc;
      }
    }
  }
  .\[\&\.has-dropdown\]\:pr-\[16px\] {
    &.has-dropdown {
      padding-right: 16px;
    }
  }
  .\[\&_\>_div\]\:\[\&\.has-icon\]\:-top-\[32px\] {
    & > div {
      &.has-icon {
        top: calc(32px * -1);
      }
    }
  }
  .\[\&_\>_div\]\:\[\&\.has-icon\]\:ml-\[36px\] {
    & > div {
      &.has-icon {
        margin-left: 36px;
      }
    }
  }
  .\[\&\.has-tab-bar\]\:h-\[112px\] {
    &.has-tab-bar {
      height: 112px;
    }
  }
  .max-sm\:\[\&\.has-tab-bar\]\:h-\[104px\] {
    @media (width < 640px) {
      &.has-tab-bar {
        height: 104px;
      }
    }
  }
  .\[\&\.has-value-label\]\:\[width\:calc\(100\%_-_48px\)\] {
    &.has-value-label {
      width: calc(100% - 48px);
    }
  }
  .\[\&\.has-value-label\]\:\[width\:calc\(100\%_-_64px\)\] {
    &.has-value-label {
      width: calc(100% - 64px);
    }
  }
  .\[\&_\.back-plane\]\:\[\&\.has-value-label\]\:\[width\:calc\(100\%_-_64px\)\] {
    & .back-plane {
      &.has-value-label {
        width: calc(100% - 64px);
      }
    }
  }
  .\[\&_\.input\]\:\[\&\.has-value-label\]\:\[width\:calc\(100\%_-_48px\)\] {
    & .input {
      &.has-value-label {
        width: calc(100% - 48px);
      }
    }
  }
  .\[\&_\.tooltip\]\:\[\&\.has-value\:\:before\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & .tooltip {
      &.has-value::before {
        background: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&\.hasGroups_tr\:not\(\.group\)_th\]\:bg-white {
    & table {
      & tbody {
        &.hasGroups tr:not(.group) th {
          background-color: var(--color-white);
        }
      }
    }
  }
  .\[\&_\>_span\.title\]\:\[\&\.hasIcon\]\:pl-\[8px\] {
    & > span.title {
      &.hasIcon {
        padding-left: 8px;
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:flex-row {
    @media (width < 768px) {
      &.horizontal-phone {
        flex-direction: row;
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-1 {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-1-phone\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-1-phone {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-2 {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-2-phone\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-2-phone {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-3 {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-3-phone\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-3-phone {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-4 {
          min-height: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.horizontal-phone\]\:\[\&_\.fb-4-phone\]\:min-h-auto {
    @media (width < 768px) {
      &.horizontal-phone {
        & .fb-4-phone {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:flex-row {
    @media (width < 1024px) {
      &.horizontal-tablet {
        flex-direction: row;
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-1 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-1-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-1-tablet {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-2 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-2-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-2-tablet {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-3 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-3-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-3-tablet {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-4 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-4-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-4-tablet {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-5 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-5-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-5-tablet {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-6 {
          min-height: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.horizontal-tablet\]\:\[\&_\.fb-6-tablet\]\:min-h-auto {
    @media (width < 1024px) {
      &.horizontal-tablet {
        & .fb-6-tablet {
          min-height: auto;
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:\[background\:rgba\(244\,_67\,_54\,_0\.1\)\] {
    & .notification-area-container {
      & ul {
        & li {
          &.important {
            background: rgba(244, 67, 54, 0.1);
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.important\]\:hover\:\[background\:rgba\(244\,_67\,_54\,_0\.05\)\] {
    & .notification-area-container {
      & ul {
        & li {
          &.important {
            &:hover {
              @media (hover: hover) {
                background: rgba(244, 67, 54, 0.05);
              }
            }
          }
        }
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_\.error-label\]\:opacity-1 {
    &.invalid {
      & .error-label {
        opacity: 1%;
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_\.error-label\]\:\[transition\:opacity_200ms\] {
    &.invalid {
      & .error-label {
        transition: opacity 200ms;
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_\.label\]\:\[color\:\#f44336\] {
    &.invalid {
      & .label {
        color: #f44336;
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_\.label\]\:\[transition\:color_200ms\,_font-size_200ms\,_top_200ms\,_color_200ms\] {
    &.invalid {
      & .label {
        transition: color 200ms, font-size 200ms, top 200ms, color 200ms;
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_input\]\:\[border-color\:\#f44336\] {
    &.invalid {
      & input {
        border-color: #f44336;
      }
    }
  }
  .\[\&\.invalid\]\:\[\&_input\]\:\[transition\:200ms\] {
    &.invalid {
      & input {
        transition: 200ms;
      }
    }
  }
  .max-sm\:\[\&\.ios\.standalone\]\:h-\[76px\] {
    @media (width < 640px) {
      &.ios.standalone {
        height: 76px;
      }
    }
  }
  .\[\&\.is-editing\]\:cursor-pointer {
    &.is-editing {
      cursor: pointer;
    }
  }
  .\[\&\.is-editing\]\:rounded-\[16px\] {
    &.is-editing {
      border-radius: 16px;
    }
  }
  .\[\&\.is-editing\]\:p-0 {
    &.is-editing {
      padding: var(--spacing-0);
    }
  }
  .\[\&\.is-editing\]\:pl-\[8px\] {
    &.is-editing {
      padding-left: 8px;
    }
  }
  .\[\&\.is-editing\]\:opacity-100 {
    &.is-editing {
      opacity: 100%;
    }
  }
  .\[\&\.is-editing\]\:\[--min-opacity\:1\] {
    &.is-editing {
      --min-opacity: 1;
    }
  }
  .\[\&\.is-editing\]\:\[border\:1px_solid_rgba\(var\(--text-colour-rgb\,0\,0\,0\)\,0\.25\)\] {
    &.is-editing {
      border: 1px solid rgba(var(--text-colour-rgb,0,0,0),0.25);
    }
  }
  .\[\&\.is-editing_\.field-container\]\:pr-\[8px\] {
    &.is-editing .field-container {
      padding-right: 8px;
    }
  }
  .\[\&\.is-editing_\.field-container\]\:pl-\[4px\] {
    &.is-editing .field-container {
      padding-left: 4px;
    }
  }
  .\[\&\.is-editing\:hover\]\:\[border-color\:transparent\] {
    &.is-editing:hover {
      border-color: transparent;
    }
  }
  .\[\&\.is-editing\:hover\]\:\[color\:var\(--accent-text-colour\)\] {
    &.is-editing:hover {
      color: var(--accent-text-colour);
    }
  }
  .\[\&\.is-editing\:hover\]\:\[background\:var\(--accent-background-colour\)\] {
    &.is-editing:hover {
      background: var(--accent-background-colour);
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&\.is-first\]\:before\:\[top\:50\%\] {
    & .filter-group {
      & .add-group {
        &.is-first {
          &::before {
            content: var(--tw-content);
            top: 50%;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-group\]\:\[\&\.is-first\]\:before\:\[height\:calc\(50\%_\+_6px\)\] {
    & .filter-group {
      & .add-group {
        &.is-first {
          &::before {
            content: var(--tw-content);
            height: calc(50% + 6px);
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&\.is-first\]\:before\:\[top\:50\%\] {
    & .filter-group {
      & .add-rule {
        &.is-first {
          &::before {
            content: var(--tw-content);
            top: 50%;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\.add-rule\]\:\[\&\.is-first\]\:before\:\[height\:calc\(50\%_\+_6px\)\] {
    & .filter-group {
      & .add-rule {
        &.is-first {
          &::before {
            content: var(--tw-content);
            height: calc(50% + 6px);
          }
        }
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:pt-\[0px\] {
    & .filter-inputs {
      &.is-first {
        padding-top: 0px;
      }
    }
  }
  .\[\&_\.filter-inputs\]\:\[\&\.is-first\]\:after\:h-\[60px\] {
    & .filter-inputs {
      &.is-first {
        &::after {
          content: var(--tw-content);
          height: 60px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:relative {
    & table {
      & tr td {
        &.is-invalid {
          position: relative;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:\[background\:\#ffebee\] {
    & table {
      & tr td {
        &.is-invalid {
          background: #ffebee;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:absolute {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            position: absolute;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:\[top\:calc\(50\%_-_10px\)\] {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            top: calc(50% - 10px);
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:left-\[10px\] {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            left: 10px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:\[font-family\:FontAwesome\] {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            font-family: FontAwesome;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:text-\[20px\] {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            font-size: 20px;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.is-invalid\]\:before\:font-normal {
    & table {
      & tr td {
        &.is-invalid {
          &::before {
            content: var(--tw-content);
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
          }
        }
      }
    }
  }
  .\[\&\.is-open\]\:\[color\:var\(--primary-text-color\,_white\)\] {
    &.is-open {
      color: var(--primary-text-color, white);
    }
  }
  .\[\&\.is-open\]\:\[background\:var\(--primary-background-color\,_\#0d47a1\)\] {
    &.is-open {
      background: var(--primary-background-color, #0d47a1);
    }
  }
  .\[\&\.layout-sidebar_\.grid\]\:\[width\:calc\(100\%_-_16px_-_64px\)\] {
    &.layout-sidebar .grid {
      width: calc(100% - 16px - 64px);
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:\[\&\.left\:not\(\.iconOnly\)\]\:mr-\[8px\] {
    & button {
      & svg {
        &.left:not(.iconOnly) {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&\.left\>_div\>_div\>_\.react-menu\]\:\[right\:calc\(100\%_-_4px\)\] {
    &.left> div> div> .react-menu {
      right: calc(100% - 4px);
    }
  }
  .\[\&\.left\>_div\>_div\>_\.react-menu\]\:left-auto {
    &.left> div> div> .react-menu {
      left: auto;
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[left\:calc\(var\(--width\)_\/_2_-_var\(--height\)_\/_2\)\] {
    &.loading:not(.disabled) .submit-loader {
      left: calc(var(--width) / 2 - var(--height) / 2);
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[width\:var\(--height\)\] {
    &.loading:not(.disabled) .submit-loader {
      width: var(--height);
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:rounded-\[24px\] {
    &.loading:not(.disabled) .submit-loader {
      border-radius: 24px;
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[border-color\:\#ccc\] {
    &.loading:not(.disabled) .submit-loader {
      border-color: #ccc;
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:bg-transparent {
    &.loading:not(.disabled) .submit-loader {
      background-color: transparent;
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_\.submit-title\]\:opacity-0 {
    &.loading:not(.disabled) .submit-loader {
      & .submit-title {
        opacity: 0%;
      }
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-loader\]\:\[\&_svg\]\:opacity-0 {
    &.loading:not(.disabled) .submit-loader {
      & svg {
        opacity: 0%;
      }
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-overlay\]\:\[border-top-color\:\#1976d2\] {
    &.loading:not(.disabled) .submit-overlay {
      border-top-color: #1976d2;
    }
  }
  .\[\&\.loading\:not\(\.disabled\)_\.submit-overlay\]\:opacity-1 {
    &.loading:not(.disabled) .submit-overlay {
      opacity: 1%;
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:before\:\[opacity\:0\.25\] {
    & .filter-group {
      &.may-delete {
        &::before {
          content: var(--tw-content);
          opacity: 0.25;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:before\:\[transition\:opacity_400ms\] {
    & .filter-group {
      &.may-delete {
        &::before {
          content: var(--tw-content);
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:after\:\[opacity\:0\.25\] {
    & .filter-group {
      &.may-delete {
        &::after {
          content: var(--tw-content);
          opacity: 0.25;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:after\:\[transition\:opacity_400ms\] {
    & .filter-group {
      &.may-delete {
        &::after {
          content: var(--tw-content);
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\]\:\[opacity\:0\.25\] {
    & .filter-group {
      &.may-delete {
        & > :not(div) {
          opacity: 0.25;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_\:not\(div\)\]\:\[transition\:opacity_400ms\] {
    & .filter-group {
      &.may-delete {
        & > :not(div) {
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_div_\>_\:not\(\.delete-group\)\]\:\[opacity\:0\.25\] {
    & .filter-group {
      &.may-delete {
        & > div > :not(.delete-group) {
          opacity: 0.25;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&\.may-delete\]\:\[\&_\>_div_\>_\:not\(\.delete-group\)\]\:\[transition\:opacity_400ms\] {
    & .filter-group {
      &.may-delete {
        & > div > :not(.delete-group) {
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:grid-cols-\[1fr\] {
    &.mini-mobile {
      grid-template-columns: 1fr;
    }
  }
  .\[\&\.mini-mobile\]\:\[grid-template-areas\:\'content\'\] {
    &.mini-mobile {
      grid-template-areas: 'content';
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.config\]\:\[grid-area\:content\] {
    &.mini-mobile {
      & .config {
        grid-area: content;
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.config_\.config-content\]\:p-\[16px\] {
    &.mini-mobile {
      & .config .config-content {
        padding: 16px;
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:pt-\[0\] {
    &.mini-mobile {
      & .sidebar {
        padding-top: 0;
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:pt-\[0px\] {
    &.mini-mobile {
      & .sidebar {
        padding-top: 0px;
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        color: rgba(0, 0, 0, 0.87);
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[background\:rgb\(240\,_240\,_240\)\] {
    &.mini-mobile {
      & .sidebar {
        background: rgb(240, 240, 240);
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[grid-area\:content\] {
    &.mini-mobile {
      & .sidebar {
        grid-area: content;
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:touch-manipulation {
    &.mini-mobile {
      & .sidebar {
        & > a {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:bg-transparent {
    &.mini-mobile {
      & .sidebar {
        & > a {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:pl-\[16px\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          padding-left: 16px;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          color: rgba(0, 0, 0, 0.87);
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:hover {
            @media (hover: hover) {
              color: rgba(255, 255, 255, 0.87);
            }
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:hover\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:hover {
            @media (hover: hover) {
              background: #546e7a;
            }
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:focus {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:focus\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:focus {
            background: #546e7a;
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:active\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:active {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_\>_a\]\:active\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        & > a {
          &:active {
            background: #546e7a;
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:ml-\[16px\] {
    &.mini-mobile {
      & .sidebar {
        & h6 {
          margin-left: 16px;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_h6\]\:\[color\:rgba\(0\,_0\,_0\,_0\.75\)\] {
    &.mini-mobile {
      & .sidebar {
        & h6 {
          color: rgba(0, 0, 0, 0.75);
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:\[margin\:12px_16px\] {
    &.mini-mobile {
      & .sidebar {
        & hr {
          margin: 12px 16px;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&_hr\]\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    &.mini-mobile {
      & .sidebar {
        & hr {
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&\.mobile\]\:h-screen {
    &.mobile {
      height: 100vh;
    }
  }
  .\[\&\.mobile\]\:\[min-height\:unset\] {
    &.mobile {
      min-height: unset;
    }
  }
  .\[\&\.mobile\]\:\[width\:100\%\] {
    &.mobile {
      width: 100%;
    }
  }
  .\[\&\.mobile\]\:w-screen {
    &.mobile {
      width: 100vw;
    }
  }
  .\[\&\.mobile\]\:\[max-width\:unset\] {
    &.mobile {
      max-width: unset;
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:h-\[32px\] {
    &.mobile {
      & .sidebar > a {
        height: 32px;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:\[font-size\:1\.25rem\] {
    &.mobile {
      & .sidebar > a {
        font-size: 1.25rem;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar_\>_a\]\:leading-\[32px\] {
    &.mobile {
      & .sidebar > a {
        --tw-leading: 32px;
        line-height: 32px;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar\>_a\]\:h-\[32px\] {
    &.mobile {
      & .sidebar> a {
        height: 32px;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar\>_a\]\:\[font-size\:1\.25rem\] {
    &.mobile {
      & .sidebar> a {
        font-size: 1.25rem;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_\.sidebar\>_a\]\:leading-\[32px\] {
    &.mobile {
      & .sidebar> a {
        --tw-leading: 32px;
        line-height: 32px;
      }
    }
  }
  .\[\&\.mobile\]\:\[\&_ul\]\:leading-\[40px\] {
    &.mobile {
      & ul {
        --tw-leading: 40px;
        line-height: 40px;
      }
    }
  }
  .\[\&\.nav-item-header\]\:\[font-size\:1\.4em\] {
    &.nav-item-header {
      font-size: 1.4em;
    }
  }
  .\[\&\.nav-item-header\]\:uppercase {
    &.nav-item-header {
      text-transform: uppercase;
    }
  }
  .\[\&\.no-flip_\.flip-card-inner\]\:\[transition\:none\] {
    &.no-flip .flip-card-inner {
      transition: none;
    }
  }
  .\[\&\.no-icon\]\:\[padding\:10px_16px\] {
    &.no-icon {
      padding: 10px 16px;
    }
  }
  .\[\&\.no-padding\]\:m-\[0px\] {
    &.no-padding {
      margin: 0px;
    }
  }
  .\[\&\.no-padding\]\:p-\[0px\] {
    &.no-padding {
      padding: 0px;
    }
  }
  .\[\&\.no-padding\]\:\[\&_\>_\*\]\:m-\[0px\] {
    &.no-padding {
      & > * {
        margin: 0px;
      }
    }
  }
  .\[\&\.no-shadow\]\:shadow-none {
    &.no-shadow {
      --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);
    }
  }
  .\[\&_\.config\]\:\[\&_div\.date\]\:\[\&\.no-subtitle_\.title\]\:mt-\[10px\] {
    & .config {
      & div.date {
        &.no-subtitle .title {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_div\.range\]\:\[\&\.no-subtitle_\.title\]\:mt-\[10px\] {
    & .config {
      & div.range {
        &.no-subtitle .title {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.checkbox\]\:\[\&\.no-subtitle_\.title\]\:mt-\[10px\] {
    & .config {
      & label.checkbox {
        &.no-subtitle .title {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.select\]\:\[\&\.no-subtitle_\.title\]\:mt-\[10px\] {
    & .config {
      & label.select {
        &.no-subtitle .title {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_label\.switch\]\:\[\&\.no-subtitle_\.title\]\:mt-\[10px\] {
    & .config {
      & label.switch {
        &.no-subtitle .title {
          margin-top: 10px;
        }
      }
    }
  }
  .\[\&\.no-title\]\:p-\[8px\] {
    &.no-title {
      padding: 8px;
    }
  }
  .\[\&\.no-title\]\:\[\&_i\]\:mr-\[2px\] {
    &.no-title {
      & i {
        margin-right: 2px;
      }
    }
  }
  .\[\&\.no-title\]\:\[\&_i\]\:cursor-pointer {
    &.no-title {
      & i {
        cursor: pointer;
      }
    }
  }
  .\[\&\.no-title\]\:\[\&_svg\]\:mr-\[2px\] {
    &.no-title {
      & svg {
        margin-right: 2px;
      }
    }
  }
  .\[\&\.no-title\]\:\[\&_svg\]\:cursor-pointer {
    &.no-title {
      & svg {
        cursor: pointer;
      }
    }
  }
  .\[\&\.non-swiping\]\:\[transition\:left_400ms_ease-in\] {
    &.non-swiping {
      transition: left 400ms ease-in;
    }
  }
  .\[\&_\.content\]\:\[\&\.non-swiping\]\:\[transition\:left_400ms_ease-in\] {
    & .content {
      &.non-swiping {
        transition: left 400ms ease-in;
      }
    }
  }
  .\[\&_table\]\:\[\&_tr\.group\]\:\[\&\.open_th\:after\]\:\[content\:\'keyboard_arrow_down\'\] {
    & table {
      & tr.group {
        &.open th:after {
          content: 'keyboard arrow down';
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:\[color\:var\(--text-colour-faint\,_white\)\] {
    & ul {
      & li {
        & > span {
          &.parent-selected {
            color: var(--text-colour-faint, white);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.parent-selected\]\:\[background\:var\(--primary-colour-faint\,_\#1976d2\)\] {
    & ul {
      & li {
        & > span {
          &.parent-selected {
            background: var(--primary-colour-faint, #1976d2);
          }
        }
      }
    }
  }
  .\[\&\.polyfill\]\:fixed {
    &.polyfill {
      position: fixed;
    }
  }
  .\[\&\.polyfill\]\:top-0 {
    &.polyfill {
      top: var(--spacing-0);
    }
  }
  .\[\&\.polyfill\]\:right-0 {
    &.polyfill {
      right: var(--spacing-0);
    }
  }
  .\[\&\.polyfill\]\:bottom-0 {
    &.polyfill {
      bottom: var(--spacing-0);
    }
  }
  .\[\&\.polyfill\]\:left-0 {
    &.polyfill {
      left: var(--spacing-0);
    }
  }
  .\[\&\.polyfill\]\:z-\[300\] {
    &.polyfill {
      z-index: 300;
    }
  }
  .\[\&\.polyfill\]\:z-\[3000\] {
    &.polyfill {
      z-index: 3000;
    }
  }
  .\[\&\.polyfill\]\:m-\[0px\] {
    &.polyfill {
      margin: 0px;
    }
  }
  .\[\&\.polyfill\]\:block {
    &.polyfill {
      display: block;
    }
  }
  .\[\&\.polyfill\]\:bg-black {
    &.polyfill {
      background-color: var(--color-black);
    }
  }
  .\[\&\.polyfill\]\:\[transition\:opacity_400ms\] {
    &.polyfill {
      transition: opacity 400ms;
    }
  }
  .\[\&\.polyfill\]\:ui-active\:\[opacity\:0\.5\] {
    &.polyfill {
      &.active {
        opacity: 0.5;
      }
    }
  }
  .\[\&_\.toast\]\:\[\&\.purple\]\:\[background\:\#9c27b0\] {
    & .toast {
      &.purple {
        background: #9c27b0;
      }
    }
  }
  .\[\&_li\]\:\[\&_svg\]\:\[\&\.rating-empty\]\:\[color\:\#cccccc\] {
    & li {
      & svg {
        &.rating-empty {
          color: #cccccc;
        }
      }
    }
  }
  .\[\&\.react-modal-container\:\:backdrop\]\:\[background\:rgba\(0\,_0\,_0\,_0\)\] {
    &.react-modal-container::backdrop {
      background: rgba(0, 0, 0, 0);
    }
  }
  .\[\&\.react-modal-container\:\:backdrop\]\:\[transition\:background-color_400ms\] {
    &.react-modal-container::backdrop {
      transition: background-color 400ms;
    }
  }
  .ui-active\:\[\&\.react-modal-container\:\:backdrop\]\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &.active {
      &.react-modal-container::backdrop {
        background: rgba(0, 0, 0, 0.5);
      }
    }
  }
  .\[\&_\.toast\]\:\[\&\.red\]\:\[background\:\#f44336\] {
    & .toast {
      &.red {
        background: #f44336;
      }
    }
  }
  .\[\&\.right\]\:text-right {
    &.right {
      text-align: right;
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\]\:\[\&\.right\]\:text-right {
    & table {
      & thead tr {
        & th {
          &.right {
            text-align: right;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:text-right {
    & table {
      & tr td {
        &.right {
          text-align: right;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_tr_td\]\:\[\&\.right\]\:\[\&_span\.input_input\]\:text-right {
    & table {
      & tr td {
        &.right {
          & span.input input {
            text-align: right;
          }
        }
      }
    }
  }
  .\[\&\.right_input\]\:text-right {
    &.right input {
      text-align: right;
    }
  }
  .\[\&_button\]\:\[\&_svg\]\:\[\&\.right\:not\(\.iconOnly\)\]\:ml-\[8px\] {
    & button {
      & svg {
        &.right:not(.iconOnly) {
          margin-left: 8px;
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:hover\:\[\&\.save\]\:\[background\:\#4caf50\] {
    & .config {
      & .action-container {
        & svg {
          &:hover {
            @media (hover: hover) {
              &.save {
                background: #4caf50;
              }
            }
          }
        }
      }
    }
  }
  .\[\&_\.config\]\:\[\&_\.action-container\]\:\[\&_svg\]\:focus\:\[\&\.save\]\:\[background\:\#4caf50\] {
    & .config {
      & .action-container {
        & svg {
          &:focus {
            &.save {
              background: #4caf50;
            }
          }
        }
      }
    }
  }
  .\[\&\.scroll-transition\]\:visible {
    &.scroll-transition {
      visibility: visible;
    }
  }
  .\[\&\.searching\]\:bg-white {
    &.searching {
      background-color: var(--color-white);
    }
  }
  .\[\&\.searching\]\:text-black {
    &.searching {
      color: var(--color-black);
    }
  }
  .\[\&\.searching\]\:\[\&_\.close-button\]\:\[color\:rgba\(0\,0\,0\,0\.7\)\] {
    &.searching {
      & .close-button {
        color: rgba(0,0,0,0.7);
      }
    }
  }
  .\[\&\.searching\]\:\[\&_\.search-button\]\:\[color\:rgba\(0\,0\,0\,0\.7\)\] {
    &.searching {
      & .search-button {
        color: rgba(0,0,0,0.7);
      }
    }
  }
  .\[\&\.searching\]\:\[\&_input\[type\=search\]\]\:\[color\:rgba\(0\,0\,0\,0\.7\)\] {
    &.searching {
      & input[type=search] {
        color: rgba(0,0,0,0.7);
      }
    }
  }
  .\[\&\.searching\]\:\[\&_input\[type\=search\]\:\:placeholder\]\:\[color\:rgba\(0\,0\,0\,0\.5\)\] {
    &.searching {
      & input[type=search]::placeholder {
        color: rgba(0,0,0,0.5);
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        &.selected {
          color: var(--text-colour, white);
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&\.selected\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & ul {
      & li {
        &.selected {
          background: var(--primary-colour, #1976d2);
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:\[color\:var\(--text-colour\,_white\)\] {
    & ul {
      & li {
        & > span {
          &.selected {
            color: var(--text-colour, white);
          }
        }
      }
    }
  }
  .\[\&_ul\]\:\[\&_li\]\:\[\&_\>_span\]\:\[\&\.selected\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & ul {
      & li {
        & > span {
          &.selected {
            background: var(--primary-colour, #1976d2);
          }
        }
      }
    }
  }
  .\[\&\.showMenu\]\:block {
    &.showMenu {
      display: block;
    }
  }
  .\[\&\.showMenu\]\:overflow-hidden {
    &.showMenu {
      overflow: hidden;
    }
  }
  .\[\&\.showMenu\]\:opacity-1 {
    &.showMenu {
      opacity: 1%;
    }
  }
  .\[\&\.showMenu\]\:\[transition\:height_500ms\,_width_300ms\,_left_300ms\] {
    &.showMenu {
      transition: height 500ms, width 300ms, left 300ms;
    }
  }
  .\[\&\.sidebar\]\:hidden {
    &.sidebar {
      display: none;
    }
  }
  .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:left-0 {
    & .slide-right-back-enter {
      &.slide-right-back-enter-active {
        left: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-back-enter\]\:\[\&\.slide-right-back-enter-active\]\:after\:opacity-0 {
    & .slide-right-back-enter {
      &.slide-right-back-enter-active {
        &::after {
          content: var(--tw-content);
          opacity: 0%;
        }
      }
    }
  }
  .\[\&_\.slide-right-back-exit\]\:\[\&\.slide-right-back-exit-active\]\:left-\[100vw\] {
    & .slide-right-back-exit {
      &.slide-right-back-exit-active {
        left: 100vw;
      }
    }
  }
  .\[\&_\.slide-right-enter\]\:\[\&\.slide-right-enter-active\]\:left-0 {
    & .slide-right-enter {
      &.slide-right-enter-active {
        left: var(--spacing-0);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:-left-\[10vw\] {
    & .slide-right-exit {
      &.slide-right-exit-active {
        left: calc(10vw * -1);
      }
    }
  }
  .\[\&_\.slide-right-exit\]\:\[\&\.slide-right-exit-active\]\:after\:opacity-1 {
    & .slide-right-exit {
      &.slide-right-exit-active {
        &::after {
          content: var(--tw-content);
          opacity: 1%;
        }
      }
    }
  }
  .\[\&\.small\]\:pb-\[0\] {
    &.small {
      padding-bottom: 0;
    }
  }
  .\[\&\.small\]\:\[\&_\.subtitle\]\:pl-\[8px\] {
    &.small {
      & .subtitle {
        padding-left: 8px;
      }
    }
  }
  .\[\&\.small\]\:\[\&_\.title\]\:pt-\[8px\] {
    &.small {
      & .title {
        padding-top: 8px;
      }
    }
  }
  .\[\&\.small\]\:\[\&_\.title\]\:pl-\[8px\] {
    &.small {
      & .title {
        padding-left: 8px;
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:p-\[2px\] {
    &.small {
      & > ul {
        & li {
          padding: 2px;
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:pb-\[12px\] {
    &.small {
      & > ul {
        & li {
          padding-bottom: 12px;
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:font-normal {
    &.small {
      & > ul {
        & li {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:h-\[20px\] {
    &.small {
      & > ul {
        & li {
          & span {
            height: 20px;
          }
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:text-\[12px\] {
    &.small {
      & > ul {
        & li {
          & span {
            font-size: 12px;
          }
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:leading-\[16px\] {
    &.small {
      & > ul {
        & li {
          & span {
            --tw-leading: 16px;
            line-height: 16px;
          }
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:mr-\[4px\] {
    &.small {
      & > ul {
        & li {
          & svg {
            margin-right: 4px;
          }
        }
      }
    }
  }
  .\[\&\.small\]\:\[\&_\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:align-middle {
    &.small {
      & > ul {
        & li {
          & svg {
            vertical-align: middle;
          }
        }
      }
    }
  }
  .\[\&\.small\>_ul_li\]\:p-\[2px\] {
    &.small> ul li {
      padding: 2px;
    }
  }
  .\[\&\.small\>_ul_li\]\:pb-\[12px\] {
    &.small> ul li {
      padding-bottom: 12px;
    }
  }
  .\[\&\.small\>_ul_li\]\:font-normal {
    &.small> ul li {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&\.small\>_ul_li\]\:\[\&_span\]\:h-\[20px\] {
    &.small> ul li {
      & span {
        height: 20px;
      }
    }
  }
  .\[\&\.small\>_ul_li\]\:\[\&_span\]\:text-\[12px\] {
    &.small> ul li {
      & span {
        font-size: 12px;
      }
    }
  }
  .\[\&\.small\>_ul_li\]\:\[\&_span\]\:leading-\[16px\] {
    &.small> ul li {
      & span {
        --tw-leading: 16px;
        line-height: 16px;
      }
    }
  }
  .\[\&\.small\>_ul_li\]\:\[\&_svg\]\:mr-\[4px\] {
    &.small> ul li {
      & svg {
        margin-right: 4px;
      }
    }
  }
  .\[\&\.small\>_ul_li\]\:\[\&_svg\]\:align-middle {
    &.small> ul li {
      & svg {
        vertical-align: middle;
      }
    }
  }
  .\[\&\.smart-scroll\]\:relative {
    &.smart-scroll {
      position: relative;
    }
  }
  .\[\&\.smart-scroll\]\:top-\[0px\] {
    &.smart-scroll {
      top: 0px;
    }
  }
  .\[\&\.spacer\]\:w-4 {
    &.spacer {
      width: var(--spacing-4);
    }
  }
  .\[\&\.spacer\]\:border-none {
    &.spacer {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .print\:\[\&_table_thead_tr_th\]\:\[\&\.spacer\]\:h-auto {
    @media print {
      & table thead tr th {
        &.spacer {
          height: auto;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_td\]\:\[\&\.spacer\]\:w-\[8px\] {
    & table {
      & td {
        &.spacer {
          width: 8px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_td\]\:\[\&\.spacer\]\:p-\[0\] {
    & table {
      & td {
        &.spacer {
          padding: 0;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:\[\&\.spacer\]\:w-\[8px\] {
    & table {
      & th {
        &.spacer {
          width: 8px;
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_th\]\:\[\&\.spacer\]\:p-\[0\] {
    & table {
      & th {
        &.spacer {
          padding: 0;
        }
      }
    }
  }
  .\[\&\.sticky\]\:sticky {
    &.sticky {
      position: sticky;
    }
  }
  .\[\&\.sticky\]\:top-\[0\] {
    &.sticky {
      top: 0;
    }
  }
  .\[\&\.sticky\]\:z-\[900\] {
    &.sticky {
      z-index: 900;
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:\[\&\.subtitle\]\:mt-\[4px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          &.subtitle {
            margin-top: 4px;
          }
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:\[\&\.subtitle\]\:\[width\:20\%\] {
    & .content {
      & .subtitle {
        &.skeleton {
          &.subtitle {
            width: 20%;
          }
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.subtitle\]\:ui-skeleton\:\[\&\.subtitle\]\:min-w-\[100px\] {
    & .content {
      & .subtitle {
        &.skeleton {
          &.subtitle {
            min-width: 100px;
          }
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:\[\&\.subtitle\]\:mt-\[4px\] {
    & .content {
      & .title {
        &.skeleton {
          &.subtitle {
            margin-top: 4px;
          }
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:\[\&\.subtitle\]\:\[width\:20\%\] {
    & .content {
      & .title {
        &.skeleton {
          &.subtitle {
            width: 20%;
          }
        }
      }
    }
  }
  .\[\&_\.content\]\:\[\&_\.title\]\:ui-skeleton\:\[\&\.subtitle\]\:min-w-\[100px\] {
    & .content {
      & .title {
        &.skeleton {
          &.subtitle {
            min-width: 100px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.subtitle\]\:block {
    & > ul {
      & li {
        & span {
          &.subtitle {
            display: block;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.subtitle\]\:text-\[11px\] {
    & > ul {
      & li {
        & span {
          &.subtitle {
            font-size: 11px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.subtitle\]\:leading-\[13px\] {
    & > ul {
      & li {
        & span {
          &.subtitle {
            --tw-leading: 13px;
            line-height: 13px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.subtitle\]\:font-normal {
    & > ul {
      & li {
        & span {
          &.subtitle {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
          }
        }
      }
    }
  }
  .\[\&_\.snackbar\]\:\[\&\.success\]\:\[background-color\:var\(--snackbar-success\,\#4d9a51\)\] {
    & .snackbar {
      &.success {
        background-color: var(--snackbar-success,#4d9a51);
      }
    }
  }
  .\[\&_\.snackbar\]\:\[\&\.success\]\:text-white {
    & .snackbar {
      &.success {
        color: var(--color-white);
      }
    }
  }
  .\[\&\.swiped-away\]\:\[left\:100\%\] {
    &.swiped-away {
      left: 100%;
    }
  }
  .\[\&\.swiped-away\]\:\[transition\:left_400ms_ease-out\] {
    &.swiped-away {
      transition: left 400ms ease-out;
    }
  }
  .\[\&_\.content\]\:\[\&\.swiped-away\]\:\[left\:100\%\] {
    & .content {
      &.swiped-away {
        left: 100%;
      }
    }
  }
  .\[\&_\.content\]\:\[\&\.swiped-away\]\:\[transition\:left_400ms_ease-out\] {
    & .content {
      &.swiped-away {
        transition: left 400ms ease-out;
      }
    }
  }
  .\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:\[left\:-100\%\] {
    &.swiped-away {
      &.swiped-left {
        left: -100%;
      }
    }
  }
  .\[\&_\.content\]\:\[\&\.swiped-away\]\:\[\&\.swiped-left\]\:\[left\:-100\%\] {
    & .content {
      &.swiped-away {
        &.swiped-left {
          left: -100%;
        }
      }
    }
  }
  .\[\&\.text-editor\]\:min-h-\[150px\] {
    &.text-editor {
      min-height: 150px;
    }
  }
  .\[\&\.text-editor\]\:min-w-\[300px\] {
    &.text-editor {
      min-width: 300px;
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.title\]\:h-\[28px\] {
    & > ul {
      & li {
        & span {
          &.title {
            height: 28px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.title\]\:leading-\[32px\] {
    & > ul {
      & li {
        & span {
          &.title {
            --tw-leading: 32px;
            line-height: 32px;
          }
        }
      }
    }
  }
  .\[\&_\>_ul\]\:\[\&_li\]\:\[\&_span\]\:\[\&\.title\]\:\[\&\.hasSubtitle\]\:leading-\[11px\] {
    & > ul {
      & li {
        & span {
          &.title {
            &.hasSubtitle {
              --tw-leading: 11px;
              line-height: 11px;
            }
          }
        }
      }
    }
  }
  .\[\&\.transparent\]\:bg-transparent {
    &.transparent {
      background-color: transparent;
    }
  }
  .\[\&\.transparent\]\:\[color\:\#444\] {
    &.transparent {
      color: #444;
    }
  }
  .\[\&\.transparent\]\:\[color\:var\(--transparent-color\,\#444\)\] {
    &.transparent {
      color: var(--transparent-color,#444);
    }
  }
  .\[\&\.transparent\]\:shadow-none {
    &.transparent {
      --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);
    }
  }
  .\[\&\.transparent\]\:\[\&_header_\.filter\]\:\[color\:\#444\] {
    &.transparent {
      & header .filter {
        color: #444;
      }
    }
  }
  .\[\&\.transparent\]\:\[\&_header_\.title\]\:\[color\:\#444\] {
    &.transparent {
      & header .title {
        color: #444;
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:\[background\:rgba\(33\,_150\,_243\,_0\.1\)\] {
    & .notification-area-container {
      & ul {
        & li {
          &.unread {
            background: rgba(33, 150, 243, 0.1);
          }
        }
      }
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\.unread\]\:hover\:\[background\:rgba\(33\,_150\,_243\,_0\.05\)\] {
    & .notification-area-container {
      & ul {
        & li {
          &.unread {
            &:hover {
              @media (hover: hover) {
                background: rgba(33, 150, 243, 0.05);
              }
            }
          }
        }
      }
    }
  }
  .\[\&\.unsaved\]\:\[\&_\.button-container\]\:mt-\[0\] {
    &.unsaved {
      & .button-container {
        margin-top: 0;
      }
    }
  }
  .\[\&\.unsaved\]\:\[\&_\.button-container\]\:opacity-1 {
    &.unsaved {
      & .button-container {
        opacity: 1%;
      }
    }
  }
  .\[\&\.vertical\]\:flex-col {
    &.vertical {
      flex-direction: column;
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:flex-col {
    @media (width < 768px) {
      &.vertical-phone {
        flex-direction: column;
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-1\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-1 {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-1-phone\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-1-phone {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-2\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-2 {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-2-phone\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-2-phone {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-3\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-3 {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-3-phone\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-3-phone {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-4\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-4 {
          min-width: auto;
        }
      }
    }
  }
  .max-md\:\[\&\.vertical-phone\]\:\[\&_\.fb-4-phone\]\:min-w-auto {
    @media (width < 768px) {
      &.vertical-phone {
        & .fb-4-phone {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:flex-col {
    @media (width < 1024px) {
      &.vertical-tablet {
        flex-direction: column;
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-1 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-1-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-1-tablet {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-2 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-2-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-2-tablet {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-3 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-3-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-3-tablet {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-4 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-4-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-4-tablet {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-5 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-5-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-5-tablet {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-6 {
          min-width: auto;
        }
      }
    }
  }
  .max-lg\:\[\&\.vertical-tablet\]\:\[\&_\.fb-6-tablet\]\:min-w-auto {
    @media (width < 1024px) {
      &.vertical-tablet {
        & .fb-6-tablet {
          min-width: auto;
        }
      }
    }
  }
  .\[\&\.w-form-control\]\:z-0 {
    &.w-form-control {
      z-index: 0;
    }
  }
  .\[\&\.w-form-control\]\:\[width\:100\%\] {
    &.w-form-control {
      width: 100%;
    }
  }
  .\[\&\.w-form-control\]\:\[border-radius\:0\.25rem\] {
    &.w-form-control {
      border-radius: 0.25rem;
    }
  }
  .\[\&\.w-form-control\]\:border-none {
    &.w-form-control {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&\.w-form-control\]\:\[background-color\:\#fff\] {
    &.w-form-control {
      background-color: #fff;
    }
  }
  .\[\&\.w-form-control\]\:bg-clip-padding {
    &.w-form-control {
      background-clip: padding-box;
    }
  }
  .\[\&\.w-form-control\]\:\[line-height\:1\.2\] {
    &.w-form-control {
      line-height: 1.2;
    }
  }
  .\[\&\.w-form-control\]\:font-normal {
    &.w-form-control {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&\.w-form-control\]\:\[color\:\#495057\] {
    &.w-form-control {
      color: #495057;
    }
  }
  .\[\&\.w-form-control\]\:\[border\:1px_solid_\#ced4da\] {
    &.w-form-control {
      border: 1px solid #ced4da;
    }
  }
  .\[\&\.w-form-control\]\:\[transition\:border-color_0\.15s_ease-in-out\,_box-shadow_0\.15s_ease-in-out\] {
    &.w-form-control {
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  }
  .\[\&\.w-form-control\]\:focus\:\[border-color\:\#80bdff\] {
    &.w-form-control {
      &:focus {
        border-color: #80bdff;
      }
    }
  }
  .\[\&\.w-form-control\]\:focus\:\[background-color\:\#fff\] {
    &.w-form-control {
      &:focus {
        background-color: #fff;
      }
    }
  }
  .\[\&\.w-form-control\]\:focus\:\[color\:\#495057\] {
    &.w-form-control {
      &:focus {
        color: #495057;
      }
    }
  }
  .\[\&\.w-form-control\]\:focus\:\[box-shadow\:0_0_0_0\.2rem_rgba\(0\,_123\,_255\,_0\.25\)\] {
    &.w-form-control {
      &:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
    }
  }
  .\[\&\.w-form-control\]\:focus\:\[outline\:0\] {
    &.w-form-control {
      &:focus {
        outline: 0;
      }
    }
  }
  .\[\&\.w-form-control\]\:\[\&_input\&\]\:\[height\:calc\(1\.2em_\+_1\.2em_\+_2px\)\] {
    &.w-form-control {
      & input& {
        height: calc(1.2em + 1.2em + 2px);
      }
    }
  }
  .\[\&\.w-form-control\]\:\[\&\.view\]\:\[height\:calc\(1\.2em_\+_1\.2em_\+_2px\)\] {
    &.w-form-control {
      &.view {
        height: calc(1.2em + 1.2em + 2px);
      }
    }
  }
  .\[\&\.w-form-control\]\:\[\&\.view\]\:\[padding\:0\.6em_1\.5em\] {
    &.w-form-control {
      &.view {
        padding: 0.6em 1.5em;
      }
    }
  }
  .\[\&\.w-form-control\.view\]\:\[padding\:0\.3em_0\.75em\] {
    &.w-form-control.view {
      padding: 0.3em 0.75em;
    }
  }
  .\[\&\.waiting-for-user\]\:z-\[3000\] {
    &.waiting-for-user {
      z-index: 3000;
    }
  }
  .\[\&\.white_\.part\]\:fill-white {
    &.white .part {
      fill: var(--color-white);
    }
  }
  .\[\&\.white\.animated_\.part\]\:\[animation-name\:ANI-WHITE\] {
    &.white.animated .part {
      animation-name: ANI-WHITE;
    }
  }
  .\[\&_textarea\]\:\[\&\.without-label\]\:pt-\[8px\] {
    & textarea {
      &.without-label {
        padding-top: 8px;
      }
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:w-\[20px\] {
    &::-moz-range-thumb {
      width: 20px;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:opacity-0 {
    &::-moz-range-thumb {
      opacity: 0%;
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:w-\[20px\] {
    & .input {
      &::-moz-range-thumb {
        width: 20px;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-moz-range-thumb\]\:opacity-0 {
    & .input {
      &::-moz-range-thumb {
        opacity: 0%;
      }
    }
  }
  .\[\&\:\:-moz-range-track\]\:hidden {
    &::-moz-range-track {
      display: none;
    }
  }
  .\[\&\:\:-moz-range-track\]\:appearance-none {
    &::-moz-range-track {
      appearance: none;
    }
  }
  .\[\&\:\:-moz-range-track\]\:bg-none {
    &::-moz-range-track {
      background-image: none;
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:hidden {
    & .input {
      &::-moz-range-track {
        display: none;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-moz-range-track\]\:bg-none {
    & .input {
      &::-moz-range-track {
        background-image: none;
      }
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-\[4px\] {
    &::-webkit-scrollbar {
      width: 4px;
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[2px\] {
    &::-webkit-scrollbar-thumb {
      border-radius: 2px;
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-beedee-border {
    &::-webkit-scrollbar-thumb {
      background-color: var(--color-beedee-border);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:ml-\[2px\] {
    &::-webkit-slider-thumb {
      margin-left: 2px;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
    &::-webkit-slider-thumb {
      height: var(--spacing-4);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:h-\[24px\] {
    &::-webkit-slider-thumb {
      height: 24px;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:w-4 {
    &::-webkit-slider-thumb {
      width: var(--spacing-4);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:w-\[24px\] {
    &::-webkit-slider-thumb {
      width: 24px;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer {
    &::-webkit-slider-thumb {
      cursor: pointer;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
    &::-webkit-slider-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
    &::-webkit-slider-thumb {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-brand {
    &::-webkit-slider-thumb {
      background-color: var(--color-primary-700);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:opacity-0 {
    &::-webkit-slider-thumb {
      opacity: 0%;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:\[webkit-appearance\:none\] {
    &::-webkit-slider-thumb {
      webkit-appearance: none;
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:ml-\[2px\] {
    & .input {
      &::-webkit-slider-thumb {
        margin-left: 2px;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:h-\[24px\] {
    & .input {
      &::-webkit-slider-thumb {
        height: 24px;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:w-\[24px\] {
    & .input {
      &::-webkit-slider-thumb {
        width: 24px;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:opacity-0 {
    & .input {
      &::-webkit-slider-thumb {
        opacity: 0%;
      }
    }
  }
  .\[\&_\.input\]\:\[\&\:\:-webkit-slider-thumb\]\:\[webkit-appearance\:none\] {
    & .input {
      &::-webkit-slider-thumb {
        webkit-appearance: none;
      }
    }
  }
  .\[\&\:\:backdrop\]\:\[background\:rgba\(0\,_0\,_0\,_0\)\] {
    &::backdrop {
      background: rgba(0, 0, 0, 0);
    }
  }
  .\[\&\:\:backdrop\]\:\[transition\:background-color_400ms\] {
    &::backdrop {
      transition: background-color 400ms;
    }
  }
  .\[\&\:active\]\:\[color\:var\(--primary-text-color\,_white\)\] {
    &:active {
      color: var(--primary-text-color, white);
    }
  }
  .\[\&\:active\]\:\[background\:var\(--primary-background-color\,_\#0d47a1\)\] {
    &:active {
      background: var(--primary-background-color, #0d47a1);
    }
  }
  .\[\&\:active_svg\]\:\[transform\:rotate\(360deg\)\] {
    &:active svg {
      transform: rotate(360deg);
    }
  }
  .\[\&\:active\:after\]\:\[top\:0\%\] {
    &:active:after {
      top: 0%;
    }
  }
  .\[\&\:active\:after\]\:\[right\:0\%\] {
    &:active:after {
      right: 0%;
    }
  }
  .\[\&\:active\:after\]\:\[bottom\:0\%\] {
    &:active:after {
      bottom: 0%;
    }
  }
  .\[\&\:active\:after\]\:\[left\:0\%\] {
    &:active:after {
      left: 0%;
    }
  }
  .\[\&\:active\:after\]\:\[background\:rgba\(255\,255\,255\,0\.35\)\] {
    &:active:after {
      background: rgba(255,255,255,0.35);
    }
  }
  .\[\&_\>_span\]\:\[\&\:active\:after\]\:\[background\:rgba\(255\,255\,255\,0\.35\)\] {
    & > span {
      &:active:after {
        background: rgba(255,255,255,0.35);
      }
    }
  }
  .\[\&\:focus_\>_div\]\:border-\[4px\] {
    &:focus > div {
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }
  .\[\&\:focus_\>_div\]\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &:focus > div {
      border-color: var(--primary-colour, #1976d2);
    }
  }
  .\[\&\:focus-visible_\.actions\]\:visible {
    &:focus-visible .actions {
      visibility: visible;
    }
  }
  .\[\&\:focus-visible_\.linker\]\:visible {
    &:focus-visible .linker {
      visibility: visible;
    }
  }
  .\[\&\:focus\:after\]\:\[top\:0\%\] {
    &:focus:after {
      top: 0%;
    }
  }
  .\[\&\:focus\:after\]\:\[right\:0\%\] {
    &:focus:after {
      right: 0%;
    }
  }
  .\[\&\:focus\:after\]\:\[bottom\:0\%\] {
    &:focus:after {
      bottom: 0%;
    }
  }
  .\[\&\:focus\:after\]\:\[left\:0\%\] {
    &:focus:after {
      left: 0%;
    }
  }
  .\[\&\:focus\:after\]\:\[background\:rgba\(255\,255\,255\,0\.15\)\] {
    &:focus:after {
      background: rgba(255,255,255,0.15);
    }
  }
  .\[\&_\>_span\]\:\[\&\:focus\:after\]\:\[top\:10\%\] {
    & > span {
      &:focus:after {
        top: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:focus\:after\]\:\[right\:10\%\] {
    & > span {
      &:focus:after {
        right: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:focus\:after\]\:\[bottom\:10\%\] {
    & > span {
      &:focus:after {
        bottom: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:focus\:after\]\:\[left\:10\%\] {
    & > span {
      &:focus:after {
        left: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:focus\:after\]\:\[background\:rgba\(255\,255\,255\,0\.15\)\] {
    & > span {
      &:focus:after {
        background: rgba(255,255,255,0.15);
      }
    }
  }
  .\[\&\:hover_\.actions\]\:visible {
    &:hover .actions {
      visibility: visible;
    }
  }
  .\[\&_\.notification-area-container\]\:\[\&_ul\]\:\[\&_li\]\:\[\&\:hover_\.content-container_span\.mark-as-read\]\:opacity-1 {
    & .notification-area-container {
      & ul {
        & li {
          &:hover .content-container span.mark-as-read {
            opacity: 1%;
          }
        }
      }
    }
  }
  .\[\&\:hover_\.linker\]\:visible {
    &:hover .linker {
      visibility: visible;
    }
  }
  .\[\&\:hover_\>_div\]\:border-\[4px\] {
    &:hover > div {
      border-style: var(--tw-border-style);
      border-width: 4px;
    }
  }
  .\[\&\:hover_\>_div\]\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &:hover > div {
      border-color: var(--primary-colour, #1976d2);
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover_i\]\:text-black {
    & .card-actions {
      & div.card-action {
        &:hover i {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&\:hover\:after\]\:\[top\:0\%\] {
    &:hover:after {
      top: 0%;
    }
  }
  .\[\&\:hover\:after\]\:\[right\:0\%\] {
    &:hover:after {
      right: 0%;
    }
  }
  .\[\&\:hover\:after\]\:\[bottom\:0\%\] {
    &:hover:after {
      bottom: 0%;
    }
  }
  .\[\&\:hover\:after\]\:\[left\:0\%\] {
    &:hover:after {
      left: 0%;
    }
  }
  .\[\&\:hover\:after\]\:\[background\:rgba\(255\,255\,255\,0\.15\)\] {
    &:hover:after {
      background: rgba(255,255,255,0.15);
    }
  }
  .\[\&_\>_span\]\:\[\&\:hover\:after\]\:\[top\:10\%\] {
    & > span {
      &:hover:after {
        top: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:hover\:after\]\:\[right\:10\%\] {
    & > span {
      &:hover:after {
        right: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:hover\:after\]\:\[bottom\:10\%\] {
    & > span {
      &:hover:after {
        bottom: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:hover\:after\]\:\[left\:10\%\] {
    & > span {
      &:hover:after {
        left: 10%;
      }
    }
  }
  .\[\&_\>_span\]\:\[\&\:hover\:after\]\:\[background\:rgba\(255\,255\,255\,0\.15\)\] {
    & > span {
      &:hover:after {
        background: rgba(255,255,255,0.15);
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:top-\[0\] {
    & .card-actions {
      & div.card-action {
        &:hover:before {
          top: 0;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:left-\[0\] {
    & .card-actions {
      & div.card-action {
        &:hover:before {
          left: 0;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:h-\[28px\] {
    & .card-actions {
      & div.card-action {
        &:hover:before {
          height: 28px;
        }
      }
    }
  }
  .\[\&_\.card-actions\]\:\[\&_div\.card-action\]\:\[\&\:hover\:before\]\:w-\[28px\] {
    & .card-actions {
      & div.card-action {
        &:hover:before {
          width: 28px;
        }
      }
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.back\]\:mt-\[0\] {
    &:hover:not(.disabled)> div .back {
      margin-top: 0;
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.back\]\:ml-\[10px\] {
    &:hover:not(.disabled)> div .back {
      margin-left: 10px;
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.back\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &:hover:not(.disabled)> div .back {
      border: 4px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.front\]\:top-\[4px\] {
    &:hover:not(.disabled)> div .front {
      top: 4px;
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.front\]\:-ml-\[4px\] {
    &:hover:not(.disabled)> div .front {
      margin-left: calc(4px * -1);
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.front\]\:rounded-\[16px\] {
    &:hover:not(.disabled)> div .front {
      border-radius: 16px;
    }
  }
  .\[\&\:hover\:not\(\.disabled\)\>_div_\.front\]\:\[border\:4px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &:hover:not(.disabled)> div .front {
      border: 4px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[aria-disabled\=true\]\:cursor-default {
    &:is(aria-disabled=true) {
      cursor: default;
    }
  }
  .\[aria-disabled\=true\]\:\[opacity\:0\.38\] {
    &:is(aria-disabled=true) {
      opacity: 0.38;
    }
  }
  .not-disabled\:\[\&\:not\(\.active\)\.focus\]\:before\:-top-\[10px\] {
    &:not(.disabled) {
      &:not(.active).focus {
        &::before {
          content: var(--tw-content);
          top: calc(10px * -1);
        }
      }
    }
  }
  .not-disabled\:\[\&\:not\(\.active\)\.focus\]\:before\:-left-\[10px\] {
    &:not(.disabled) {
      &:not(.active).focus {
        &::before {
          content: var(--tw-content);
          left: calc(10px * -1);
        }
      }
    }
  }
  .not-disabled\:\[\&\:not\(\.active\)\.focus\]\:before\:h-\[40px\] {
    &:not(.disabled) {
      &:not(.active).focus {
        &::before {
          content: var(--tw-content);
          height: 40px;
        }
      }
    }
  }
  .not-disabled\:\[\&\:not\(\.active\)\.focus\]\:before\:w-\[40px\] {
    &:not(.disabled) {
      &:not(.active).focus {
        &::before {
          content: var(--tw-content);
          width: 40px;
        }
      }
    }
  }
  .\[\&\:not\(\.animated\)_\.part\]\:fill-white {
    &:not(.animated) .part {
      fill: var(--color-white);
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:absolute {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:top-\[70px\] {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          top: 70px;
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:left-0 {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:h-\[4px\] {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          height: 4px;
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:w-\[34px\] {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          width: 34px;
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:\[content\:\'\'\] {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:\[background\:\#bdbdbd\] {
    & > div .filter-group {
      &:not(.collapsed) {
        &::after {
          content: var(--tw-content);
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:absolute {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            position: absolute;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:top-\[70px\] {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            top: 70px;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:left-0 {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            left: var(--spacing-0);
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:h-\[4px\] {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            height: 4px;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:w-\[34px\] {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            width: 34px;
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:\[content\:\'\'\] {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            content: '';
          }
        }
      }
    }
  }
  .\[\&_\.filter-group\]\:\[\&_\>_div_\.filter-group\]\:\[\&\:not\(\.collapsed\)\]\:after\:\[background\:\#bdbdbd\] {
    & .filter-group {
      & > div .filter-group {
        &:not(.collapsed) {
          &::after {
            content: var(--tw-content);
            background: #bdbdbd;
          }
        }
      }
    }
  }
  .\[\&\:not\(\.coloured\)\]\:\[background-color\:\#ffffff\] {
    &:not(.coloured) {
      background-color: #ffffff;
    }
  }
  .\[\&\:not\(\.coloured\)\]\:active\:enabled\:\[background\:\#e0e0e0\] {
    &:not(.coloured) {
      &:active {
        &:enabled {
          background: #e0e0e0;
        }
      }
    }
  }
  .\[\&\:not\(\.coloured\)\]\:hover-not-disabled\:\[background-color\:\#eeeeee\] {
    &:not(.coloured) {
      &:hover:not(.disabled) {
        background-color: #eeeeee;
      }
    }
  }
  .\[\&\.flat\]\:\[\&\:not\(\.coloured\)\]\:\[color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.flat {
      &:not(.coloured) {
        color: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&\:not\(\.column-title\)\]\:text-center {
    &:not(.column-title) {
      text-align: center;
    }
  }
  .\[\&\:not\(\.disabled\)_\*\]\:cursor-pointer {
    &:not(.disabled) * {
      cursor: pointer;
    }
  }
  .\[\&\:not\(\.disabled\)_\.submit-loader\]\:\[box-shadow\:0_2px_2px_0_rgba\(0\,_0\,_0\,_0\.14\)\,_0_3px_1px_-2px_rgba\(0\,_0\,_0\,_0\.2\)\,_0_1px_5px_0_rgba\(0\,_0\,_0\,_0\.12\)\] {
    &:not(.disabled) .submit-loader {
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }
  }
  .\[\&\:not\(\.disabled\)_\.submit-loader\]\:\[background\:\#1976d2\] {
    &:not(.disabled) .submit-loader {
      background: #1976d2;
    }
  }
  .\[\&\:not\(\.disabled\)_\.submit-loader\]\:hover\:\[background\:\#2196f3\] {
    &:not(.disabled) .submit-loader {
      &:hover {
        @media (hover: hover) {
          background: #2196f3;
        }
      }
    }
  }
  .\[\&\:not\(\.disabled\)_\.submit-loader\]\:active\:\[background\:\#90caf9\] {
    &:not(.disabled) .submit-loader {
      &:active {
        background: #90caf9;
      }
    }
  }
  .\[\&\:not\(\.disabled\)\.active_\.layout-preview\]\:opacity-100 {
    &:not(.disabled).active .layout-preview {
      opacity: 100%;
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:-top-\[2px\] {
    & .pointer {
      &:not(.disabled).active::after {
        top: calc(2px * -1);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:-left-\[2px\] {
    & .pointer {
      &:not(.disabled).active::after {
        left: calc(2px * -1);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:h-\[24px\] {
    & .pointer {
      &:not(.disabled).active::after {
        height: 24px;
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.active\:\:after\]\:w-\[24px\] {
    & .pointer {
      &:not(.disabled).active::after {
        width: 24px;
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    & .pointer {
      &:not(.disabled).has-value::after {
        border-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:after\]\:\[background-color\:var\(--primary-colour\,_\#1976d2\)\] {
    & .pointer {
      &:not(.disabled).has-value::after {
        background-color: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\.has-value\:\:before\]\:\[background\:var\(--primary-colour\,_\#1976d2\)\] {
    & .pointer {
      &:not(.disabled).has-value::before {
        background: var(--primary-colour, #1976d2);
      }
    }
  }
  .\[\&\:not\(\.disabled\)\:focus-visible\]\:\[background\:rgba\(var\(--accent-background-colour-rgb\)\,0\.5\)\] {
    &:not(.disabled):focus-visible {
      background: rgba(var(--accent-background-colour-rgb),0.5);
    }
  }
  .\[\&\:not\(\.disabled\)\:focus-visible_\.layout-preview\]\:opacity-100 {
    &:not(.disabled):focus-visible .layout-preview {
      opacity: 100%;
    }
  }
  .\[\&\:not\(\.disabled\)\:hover\]\:\[background\:rgba\(var\(--accent-background-colour-rgb\)\,0\.5\)\] {
    &:not(.disabled):hover {
      background: rgba(var(--accent-background-colour-rgb),0.5);
    }
  }
  .\[\&\:not\(\.disabled\)\:hover_\.layout-preview\]\:opacity-100 {
    &:not(.disabled):hover .layout-preview {
      opacity: 100%;
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:-top-\[10px\] {
    & .pointer {
      &:not(.disabled):not(.active).focus::before {
        top: calc(10px * -1);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:-left-\[10px\] {
    & .pointer {
      &:not(.disabled):not(.active).focus::before {
        left: calc(10px * -1);
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:h-\[40px\] {
    & .pointer {
      &:not(.disabled):not(.active).focus::before {
        height: 40px;
      }
    }
  }
  .\[\&_\.pointer\]\:\[\&\:not\(\.disabled\)\:not\(\.active\)\.focus\:\:before\]\:w-\[40px\] {
    & .pointer {
      &:not(.disabled):not(.active).focus::before {
        width: 40px;
      }
    }
  }
  .\[\&\:not\(\.flat\)\:active\]\:\[box-shadow\:0_2px_4px_0px_rgba\(0\,_0\,_0\,_0\.14\)\,_0_4px_5px_0px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_1px_10px_0px_rgba\(0\,_0\,_0\,_0\.4\)\] {
    &:not(.flat):active {
      box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.14), 0 4px 5px 0px rgba(0, 0, 0, 0.12), 0 1px 10px 0px rgba(0, 0, 0, 0.4);
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:-left-\[10vw\] {
    &:not(.forward) {
      & .transition-enter {
        left: calc(10vw * -1);
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:fixed {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          position: fixed;
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:top-0 {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          top: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:right-0 {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          right: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:bottom-0 {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          bottom: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:left-0 {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:z-\[98\] {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          z-index: 98;
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:block {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          display: block;
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:opacity-1 {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          opacity: 1%;
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:\[content\:\'\'\] {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:\[background\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          background: rgba(0, 0, 0, 0.25);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:after\:\[transition\:opacity_400ms\] {
    &:not(.forward) {
      & .transition-enter {
        &::after {
          content: var(--tw-content);
          transition: opacity 400ms;
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:left-0 {
    &:not(.forward) {
      & .transition-leave {
        left: var(--spacing-0);
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:z-\[99\] {
    &:not(.forward) {
      & .transition-leave {
        z-index: 99;
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:\[transition-timing-function\:cubic-bezier\(0\.215\,_0\.61\,_0\.355\,_1\)\] {
    &:not(.forward) {
      & .transition-leave {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:left-0 {
    &:not(.forward) {
      & .transition-enter {
        &.transition-enter-active {
          left: var(--spacing-0);
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-enter\]\:\[\&\.transition-enter-active\]\:after\:opacity-0 {
    &:not(.forward) {
      & .transition-enter {
        &.transition-enter-active {
          &::after {
            content: var(--tw-content);
            opacity: 0%;
          }
        }
      }
    }
  }
  .\[\&\:not\(\.forward\)\]\:\[\&_\.transition-leave\]\:\[\&\.transition-leave-active\]\:left-\[100vw\] {
    &:not(.forward) {
      & .transition-leave {
        &.transition-leave-active {
          left: 100vw;
        }
      }
    }
  }
  .\[\&\:not\(\.hover-only-clear\)\]\:cursor-pointer {
    &:not(.hover-only-clear) {
      cursor: pointer;
    }
  }
  .\[\&\:not\(\.no-title\)_i\]\:mr-\[4px\] {
    &:not(.no-title) i {
      margin-right: 4px;
    }
  }
  .\[\&\:not\(\.no-title\)_i\]\:-ml-\[4px\] {
    &:not(.no-title) i {
      margin-left: calc(4px * -1);
    }
  }
  .\[\&\:not\(\.no-title\)_svg\]\:mr-\[4px\] {
    &:not(.no-title) svg {
      margin-right: 4px;
    }
  }
  .\[\&\:not\(\.no-title\)_svg\]\:-ml-\[4px\] {
    &:not(.no-title) svg {
      margin-left: calc(4px * -1);
    }
  }
  .\[\&\:not\(\.open\)\]\:hidden {
    &:not(.open) {
      display: none;
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:mt-\[30px\] {
    &:not(:first-of-type) {
      margin-top: 30px;
    }
  }
  .\[\&\:not\(\:last-child\)\]\:border-b-\[1px\] {
    &:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&\:not\(\:last-child\)\]\:\[border-bottom-style\:solid\] {
    &:not(:last-child) {
      border-bottom-style: solid;
    }
  }
  .\[\&\:not\(\:last-child\)\]\:border-b-border-subtle {
    &:not(:last-child) {
      border-bottom-color: var(--color-border-subtle);
    }
  }
  .\[\&_table\]\:\[\&_tbody\]\:\[\&_td\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:\[border-right\:none\] {
    & table {
      & tbody {
        & td.columnHidden {
          &:not(:last-child) {
            border-right: none;
          }
        }
      }
    }
  }
  .\[\&_table\]\:\[\&_thead_tr\]\:\[\&_th\.columnHidden\]\:\[\&\:not\(\:last-child\)\]\:\[border-right\:none\] {
    & table {
      & thead tr {
        & th.columnHidden {
          &:not(:last-child) {
            border-right: none;
          }
        }
      }
    }
  }
  .\[\&\:not\(\:last-of-type\)\]\:\[border-bottom\:1px_solid_rgba\(0\,0\,0\,0\.1\)\] {
    &:not(:last-of-type) {
      border-bottom: 1px solid rgba(0,0,0,0.1);
    }
  }
  .\[\&\:not\(\[data-disabled\=\"true\"\]\)\]\:cursor-pointer {
    &:not([data-disabled="true"]) {
      cursor: pointer;
    }
  }
  .\[\&\:not\(\[data-disabled\=\"true\"\]\)\:focus-visible\]\:bg-white {
    &:not([data-disabled="true"]):focus-visible {
      background-color: var(--color-white);
    }
  }
  .\[\&\:not\(\[data-disabled\=\"true\"\]\)\:focus-visible\]\:text-black {
    &:not([data-disabled="true"]):focus-visible {
      color: var(--color-black);
    }
  }
  .\[\&\:not\(\[data-disabled\=\"true\"\]\)\:hover\]\:bg-white {
    &:not([data-disabled="true"]):hover {
      background-color: var(--color-white);
    }
  }
  .\[\&\:not\(\[data-disabled\=\"true\"\]\)\:hover\]\:text-black {
    &:not([data-disabled="true"]):hover {
      color: var(--color-black);
    }
  }
  .\[\&\>_\*\]\:cursor-default {
    &> * {
      cursor: default;
    }
  }
  .\[\&\>_\*\]\:overflow-hidden {
    &> * {
      overflow: hidden;
    }
  }
  .\[\&\>_\*\]\:\[text-align\:unset\] {
    &> * {
      text-align: unset;
    }
  }
  .\[\&\>_\*\]\:select-none {
    &> * {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&\>_\*\]\:\[webkit-user-select\:none\] {
    &> * {
      webkit-user-select: none;
    }
  }
  .\[\&_\.double-fields\]\:\[\&\>_\*\]\:flex-1 {
    & .double-fields {
      &> * {
        flex: 1;
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&\>_\*\]\:bg-white {
    & .grid-like {
      & .container {
        &> * {
          background-color: var(--color-white);
        }
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.container\]\:\[\&\>_\*\]\:\[border\:1px_solid_rgb\(196\,_196\,_196\)\] {
    & .grid-like {
      & .container {
        &> * {
          border: 1px solid rgb(196, 196, 196);
        }
      }
    }
  }
  .\[\&_\.quintuple-fields\]\:\[\&\>_\*\]\:flex-1 {
    & .quintuple-fields {
      &> * {
        flex: 1;
      }
    }
  }
  .\[\&_\.triple-fields\]\:\[\&\>_\*\]\:flex-1 {
    & .triple-fields {
      &> * {
        flex: 1;
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&\>_\*\]\:mb-\[0\] {
    & .grid-like {
      & .triple-fields {
        &> * {
          margin-bottom: 0;
        }
      }
    }
  }
  .\[\&\.checkbox\]\:\[\&\>_\*\]\:float-right {
    &.checkbox {
      &> * {
        float: right;
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&\>_\*\:nth-of-type\(2\)\]\:\[border-left\:none\] {
    & .grid-like {
      & .triple-fields {
        &> *:nth-of-type(2) {
          border-left: none;
        }
      }
    }
  }
  .\[\&_\.grid-like\]\:\[\&_\.triple-fields\]\:\[\&\>_\*\:nth-of-type\(2\)\]\:\[border-right\:none\] {
    & .grid-like {
      & .triple-fields {
        &> *:nth-of-type(2) {
          border-right: none;
        }
      }
    }
  }
  .\[\&\>_\.arrow\]\:absolute {
    &> .arrow {
      position: absolute;
    }
  }
  .\[\&\>_\.arrow\]\:-z-\[1\] {
    &> .arrow {
      z-index: calc(1 * -1);
    }
  }
  .\[\&\>_\.arrow\]\:h-\[12px\] {
    &> .arrow {
      height: 12px;
    }
  }
  .\[\&\>_\.arrow\]\:w-\[12px\] {
    &> .arrow {
      width: 12px;
    }
  }
  .\[\&\>_\.arrow\]\:text-black {
    &> .arrow {
      color: var(--color-black);
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:absolute {
    &> .arrow::before {
      position: absolute;
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:-z-\[1\] {
    &> .arrow::before {
      z-index: calc(1 * -1);
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:h-\[12px\] {
    &> .arrow::before {
      height: 12px;
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:w-\[12px\] {
    &> .arrow::before {
      width: 12px;
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:\[transform\:rotate\(45deg\)\] {
    &> .arrow::before {
      transform: rotate(45deg);
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:text-black {
    &> .arrow::before {
      color: var(--color-black);
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:\[content\:\'\'\] {
    &> .arrow::before {
      content: '';
    }
  }
  .\[\&\>_\.arrow\:\:before\]\:\[background\:var\(--month-color\)\] {
    &> .arrow::before {
      background: var(--month-color);
    }
  }
  .print\:\[\&\>_\.card-tabs-content\>_\.inactive\]\:block {
    @media print {
      &> .card-tabs-content> .inactive {
        display: block;
      }
    }
  }
  .\[\&\>_\.extra\]\:\[color\:\#039be5\] {
    &> .extra {
      color: #039be5;
    }
  }
  .\[\&\>_\.extra\]\:\[color\:rgba\(0\,_0\,_0\,_0\.65\)\] {
    &> .extra {
      color: rgba(0, 0, 0, 0.65);
    }
  }
  .\[\&\>_\.extra\]\:\[color\:var\(--color-form-header-extra\)\] {
    &> .extra {
      color: var(--color-form-header-extra);
    }
  }
  .\[\&\>_\.icon\]\:ml-\[8px\] {
    &> .icon {
      margin-left: 8px;
    }
  }
  .\[\&\>_\.icon\]\:box-content {
    &> .icon {
      box-sizing: content-box;
    }
  }
  .\[\&\>_\.icon\]\:inline-block {
    &> .icon {
      display: inline-block;
    }
  }
  .\[\&\>_\.icon\]\:h-\[20px\] {
    &> .icon {
      height: 20px;
    }
  }
  .\[\&\>_\.icon\]\:w-\[20px\] {
    &> .icon {
      width: 20px;
    }
  }
  .\[\&\>_\.icon\]\:cursor-pointer {
    &> .icon {
      cursor: pointer;
    }
  }
  .\[\&\>_\.icon\]\:\[border-radius\:50\%\] {
    &> .icon {
      border-radius: 50%;
    }
  }
  .\[\&\>_\.icon\]\:rounded-full {
    &> .icon {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&\>_\.icon\]\:border {
    &> .icon {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>_\.icon\]\:border-\[1px\] {
    &> .icon {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>_\.icon\]\:border-solid {
    &> .icon {
      --tw-border-style: solid;
      border-style: solid;
    }
  }
  .\[\&\>_\.icon\]\:\[border-color\:rgba\(0\,_0\,_0\,_0\.25\)\] {
    &> .icon {
      border-color: rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&\>_\.icon\]\:p-\[8px\] {
    &> .icon {
      padding: 8px;
    }
  }
  .\[\&\>_\.icon\]\:align-\[-1\.75px\] {
    &> .icon {
      vertical-align: -1.75px;
    }
  }
  .\[\&\>_\.icon\]\:leading-\[21px\] {
    &> .icon {
      --tw-leading: 21px;
      line-height: 21px;
    }
  }
  .\[\&\>_\.icon\]\:\[border\:1px_solid_rgba\(0\,_0\,_0\,_0\.25\)\] {
    &> .icon {
      border: 1px solid rgba(0, 0, 0, 0.25);
    }
  }
  .\[\&\>_\.icon\]\:\[transition\:background-color_200ms\] {
    &> .icon {
      transition: background-color 200ms;
    }
  }
  .\[\&\>_\.icon\]\:hover\:border-transparent {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          border-color: transparent;
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          color: rgba(255, 255, 255, 0.87);
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          background: rgba(0, 0, 0, 0.5);
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:border-transparent {
    &> .icon {
      &:focus {
        border-color: transparent;
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &> .icon {
      &:focus {
        color: rgba(255, 255, 255, 0.87);
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[background\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &> .icon {
      &:focus {
        background: rgba(0, 0, 0, 0.5);
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.cancel\]\:\[background\:\#f44336\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.cancel {
            background: #f44336;
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.cancel\]\:\[background\:var\(--color-red\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.cancel {
            background: var(--color-red);
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.cancel\]\:\[background\:var\(--color-red\,_\#f44336\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.cancel {
            background: var(--color-red, #f44336);
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.cancel\]\:\[background\:\#f44336\] {
    &> .icon {
      &:focus {
        &.cancel {
          background: #f44336;
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.cancel\]\:\[background\:var\(--color-red\)\] {
    &> .icon {
      &:focus {
        &.cancel {
          background: var(--color-red);
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.cancel\]\:\[background\:var\(--color-red\,_\#f44336\)\] {
    &> .icon {
      &:focus {
        &.cancel {
          background: var(--color-red, #f44336);
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.save\]\:\[background\:\#4caf50\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.save {
            background: #4caf50;
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.save\]\:\[background\:var\(--color-green\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.save {
            background: var(--color-green);
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:hover\:\[\&\.save\]\:\[background\:var\(--color-green\,_\#4caf50\)\] {
    &> .icon {
      &:hover {
        @media (hover: hover) {
          &.save {
            background: var(--color-green, #4caf50);
          }
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.save\]\:\[background\:\#4caf50\] {
    &> .icon {
      &:focus {
        &.save {
          background: #4caf50;
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.save\]\:\[background\:var\(--color-green\)\] {
    &> .icon {
      &:focus {
        &.save {
          background: var(--color-green);
        }
      }
    }
  }
  .\[\&\>_\.icon\]\:focus\:\[\&\.save\]\:\[background\:var\(--color-green\,_\#4caf50\)\] {
    &> .icon {
      &:focus {
        &.save {
          background: var(--color-green, #4caf50);
        }
      }
    }
  }
  .\[\&_\.card-tabs-content\]\:\[\&\>_\.inactive\]\:hidden {
    & .card-tabs-content {
      &> .inactive {
        display: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:block {
    & .sidebar {
      &> a {
        display: block;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:cursor-pointer {
    & .sidebar {
      &> a {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:p-\[8px\] {
    & .sidebar {
      &> a {
        padding: 8px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:pl-\[32px\] {
    & .sidebar {
      &> a {
        padding-left: 32px;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    & .sidebar {
      &> a {
        color: rgba(255, 255, 255, 0.87);
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:no-underline {
    & .sidebar {
      &> a {
        text-decoration-line: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:\[outline\:none\] {
    & .sidebar {
      &> a {
        outline: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:select-none {
    & .sidebar {
      &> a {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:hover\:\[background\:\#1976d2\] {
    & .sidebar {
      &> a {
        &:hover {
          @media (hover: hover) {
            background: #1976d2;
          }
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:focus\:\[background\:\#1976d2\] {
    & .sidebar {
      &> a {
        &:focus {
          background: #1976d2;
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:ui-active\:font-medium {
    & .sidebar {
      &> a {
        &.active {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:ui-active\:text-black {
    & .sidebar {
      &> a {
        &.active {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&_\.sidebar\]\:\[\&\>_a\]\:ui-active\:\[background\:\#f0f0f0\] {
    & .sidebar {
      &> a {
        &.active {
          background: #f0f0f0;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:touch-manipulation {
    &.mini-mobile {
      & .sidebar {
        &> a {
          touch-action: manipulation;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:bg-transparent {
    &.mini-mobile {
      & .sidebar {
        &> a {
          background-color: transparent;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:pl-\[16px\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          padding-left: 16px;
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:\[color\:rgba\(0\,_0\,_0\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          color: rgba(0, 0, 0, 0.87);
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:hover\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:hover {
            @media (hover: hover) {
              color: rgba(255, 255, 255, 0.87);
            }
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:hover\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:hover {
            @media (hover: hover) {
              background: #546e7a;
            }
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:focus\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:focus {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:focus\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:focus {
            background: #546e7a;
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:active\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:active {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&\.mini-mobile\]\:\[\&_\.sidebar\]\:\[\&\>_a\]\:active\:\[background\:\#546e7a\] {
    &.mini-mobile {
      & .sidebar {
        &> a {
          &:active {
            background: #546e7a;
          }
        }
      }
    }
  }
  .\[\&\>_button\]\:m-\[0px\] {
    &> button {
      margin: 0px;
    }
  }
  .\[\&\>_button\]\:\[margin-left\:var\(--space-2\,_8px\)\] {
    &> button {
      margin-left: var(--space-2, 8px);
    }
  }
  .\[\&\>_button\]\:ml-\[8px\] {
    &> button {
      margin-left: 8px;
    }
  }
  .\[\&\>_button\]\:block {
    &> button {
      display: block;
    }
  }
  .\[\&\>_button\]\:min-h-\[22px\] {
    &> button {
      min-height: 22px;
    }
  }
  .\[\&\>_button\]\:w-full {
    &> button {
      width: 100%;
    }
  }
  .\[\&\>_button\]\:cursor-pointer {
    &> button {
      cursor: pointer;
    }
  }
  .\[\&\>_button\]\:overflow-hidden {
    &> button {
      overflow: hidden;
    }
  }
  .\[\&\>_button\]\:border-none {
    &> button {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&\>_button\]\:bg-transparent {
    &> button {
      background-color: transparent;
    }
  }
  .\[\&\>_button\]\:\[padding\:2px_4px\] {
    &> button {
      padding: 2px 4px;
    }
  }
  .\[\&\>_button\]\:\[padding-left\:calc\(var\(--padding-left\,_0px\)_\+_4px_\+_8px\)\] {
    &> button {
      padding-left: calc(var(--padding-left, 0px) + 4px + 8px);
    }
  }
  .\[\&\>_button\]\:text-left {
    &> button {
      text-align: left;
    }
  }
  .\[\&\>_button\]\:font-\[inherit\] {
    &> button {
      font-family: inherit;
    }
  }
  .\[\&\>_button\]\:text-\[inherit\] {
    &> button {
      color: inherit;
    }
  }
  .\[\&\>_button\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    &> button {
      &:hover {
        @media (hover: hover) {
          background: rgba(0, 0, 0, 0.15);
        }
      }
    }
  }
  .\[\&_\.wf-action-area\]\:\[\&\>_button\]\:m-\[0px\] {
    & .wf-action-area {
      &> button {
        margin: 0px;
      }
    }
  }
  .\[\&_\.wf-action-area\]\:\[\&\>_button\]\:mr-\[8px\] {
    & .wf-action-area {
      &> button {
        margin-right: 8px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:relative {
    &> div {
      &> div {
        position: relative;
      }
    }
  }
  .\[\&\>_div\]\:relative {
    &> div {
      position: relative;
    }
  }
  .\[\&\>_div\]\:-top-\[4px\] {
    &> div {
      top: calc(4px * -1);
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:box-border {
    &> div {
      &> div {
        box-sizing: border-box;
      }
    }
  }
  .\[\&\>_div\]\:box-border {
    &> div {
      box-sizing: border-box;
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:block {
    &> div {
      &> div {
        display: block;
      }
    }
  }
  .\[\&\>_div\]\:inline-block {
    &> div {
      display: inline-block;
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:h-\[48px\] {
    &> div {
      &> div {
        height: 48px;
      }
    }
  }
  .\[\&\>_div\]\:h-\[40px\] {
    &> div {
      height: 40px;
    }
  }
  .\[\&\>_div\]\:w-\[60px\] {
    &> div {
      width: 60px;
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:p-\[4px\] {
    &> div {
      &> div {
        padding: 4px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:pr-\[16px\] {
    &> div {
      &> div {
        padding-right: 16px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:pl-\[16px\] {
    &> div {
      &> div {
        padding-left: 16px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:text-\[16px\] {
    &> div {
      &> div {
        font-size: 16px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:leading-\[36px\] {
    &> div {
      &> div {
        --tw-leading: 36px;
        line-height: 36px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:select-none {
    &> div {
      &> div {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&\>_div\]\:\[transition\:left_300ms\] {
    &> div {
      transition: left 300ms;
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:ui-disabled\:\[opacity\:0\.5\] {
    &> div {
      &> div {
        &.disabled {
          opacity: 0.5;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:not-disabled\:cursor-pointer {
    &> div {
      &> div {
        &:not(.disabled) {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:hover-not-disabled\:\[background\:rgba\(0\,_0\,_0\,_0\.1\)\] {
    &> div {
      &> div {
        &:hover:not(.disabled) {
          background: rgba(0, 0, 0, 0.1);
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:max-h-\[56px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            max-height: 56px;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:flex-1 {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            flex: 1;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:p-\[8px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            padding: 8px;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:text-right {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            text-align: right;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:text-\[20px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            font-size: 20px;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:leading-\[20px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            --tw-leading: 20px;
            line-height: 20px;
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[border-top\:1px_solid_\#ddd\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            border-top: 1px solid #ddd;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:m-\[0\] {
    &> div {
      & hr {
        margin: 0;
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:-mb-\[1px\] {
    &> div {
      & hr {
        margin-bottom: calc(1px * -1);
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:\[border-color\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    &> div {
      & hr {
        border-color: rgba(0, 0, 0, 0.15);
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:bg-none {
    &> div {
      & hr {
        background-image: none;
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:\[border-bottom\:none\] {
    &> div {
      & hr {
        border-bottom: none;
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:\[border-left\:none\] {
    &> div {
      & hr {
        border-left: none;
      }
    }
  }
  .\[\&\>_div\]\:\[\&_hr\]\:\[border-right\:none\] {
    &> div {
      & hr {
        border-right: none;
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:cursor-pointer {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              cursor: pointer;
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:\[border-radius\:50\%\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              border-radius: 50%;
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:p-\[8px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              padding: 8px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:text-\[24px\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              font-size: 24px;
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:font-bold {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              --tw-font-weight: var(--font-weight-bold);
              font-weight: var(--font-weight-bold);
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:\[background\:rgba\(0\,_0\,_0\,_0\)\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              background: rgba(0, 0, 0, 0);
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:\[transition\:background_100ms\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              transition: background 100ms;
            }
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&_div\.editor\]\:\[\&\>_div\]\:\[\&_i\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.15\)\] {
    & .fab {
      &.open {
        & div.editor {
          &> div {
            & i {
              &:hover {
                @media (hover: hover) {
                  background: rgba(0, 0, 0, 0.15);
                }
              }
            }
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[background\:\#f44336\] {
    &> div {
      &> div {
        &.danger:hover:not(.disabled) {
          background: #f44336;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\.has-icon\]\:-top-\[32px\] {
    &> div {
      &.has-icon {
        top: calc(32px * -1);
      }
    }
  }
  .\[\&\>_div\]\:\[\&\.has-icon\]\:ml-\[36px\] {
    &> div {
      &.has-icon {
        margin-left: 36px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\:hover\.disabled\]\:\[background\:\#bdbdbd\] {
    &> div {
      &> div {
        &:hover.disabled {
          background: #bdbdbd;
        }
      }
    }
  }
  .\[\&\>_div\.active_\.front\]\:left-\[34px\] {
    &> div.active .front {
      left: 34px;
    }
  }
  .\[\&\.full\]\:\[\&_\.form-inner-style\]\:\[\&\>_div\>_div_\.nav-item\]\:p-\[0\] {
    &.full {
      & .form-inner-style {
        &> div> div .nav-item {
          padding: 0;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:relative {
    &> div> div> .nav-item {
      position: relative;
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[padding\:32px_64px\] {
    &> div> div> .nav-item {
      padding: 32px 64px;
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:max-xl\:p-\[32px\] {
    &> div> div> .nav-item {
      @media (width < 1280px) {
        padding: 32px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:max-lg\:p-\[24px\] {
    &> div> div> .nav-item {
      @media (width < 1024px) {
        padding: 24px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:max-sm\:p-\[16px\] {
    &> div> div> .nav-item {
      @media (width < 640px) {
        padding: 16px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:p-\[0\] {
    &> div> div> .nav-item {
      & .nav-item {
        padding: 0;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:mb-\[24px\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        margin-bottom: 24px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:mb-\[32px\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        margin-bottom: 32px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-\[9px\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        margin-left: 9px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[2rem\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        font-size: 2rem;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[line-height\:1\.5\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        line-height: 1.5;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:font-bold {
    &> div> div> .nav-item {
      & .nav-item-header {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#039be5\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        color: #039be5;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#4464A1\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        color: #4464A1;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[transition\:color_200ms\] {
    &> div> div> .nav-item {
      & .nav-item-header {
        transition: color 200ms;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:mt-\[16px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:ml-\[9px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          margin-left: 9px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:text-\[14px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#22d3ee\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #22d3ee;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#039be5\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #039be5;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:\[color\:\#64BAA7\] {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          color: #64BAA7;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_\.nav-item-header\]\:uppercase {
    &> div> div> .nav-item {
      & .nav-item {
        & .nav-item-header {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:mb-\[24px\] {
    &> div> div> .nav-item {
      & h1 {
        margin-bottom: 24px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:mb-\[32px\] {
    &> div> div> .nav-item {
      & h1 {
        margin-bottom: 32px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:ml-\[9px\] {
    &> div> div> .nav-item {
      & h1 {
        margin-left: 9px;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:text-\[2rem\] {
    &> div> div> .nav-item {
      & h1 {
        font-size: 2rem;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:\[line-height\:1\.5\] {
    &> div> div> .nav-item {
      & h1 {
        line-height: 1.5;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:font-bold {
    &> div> div> .nav-item {
      & h1 {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:\[color\:\#22d3ee\] {
    &> div> div> .nav-item {
      & h1 {
        color: #22d3ee;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:\[color\:\#039be5\] {
    &> div> div> .nav-item {
      & h1 {
        color: #039be5;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:\[color\:\#4464A1\] {
    &> div> div> .nav-item {
      & h1 {
        color: #4464A1;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_h1\]\:\[transition\:color_200ms\] {
    &> div> div> .nav-item {
      & h1 {
        transition: color 200ms;
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:mt-\[16px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          margin-top: 16px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:ml-\[9px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          margin-left: 9px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:text-\[14px\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          font-size: 14px;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#22d3ee\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          color: #22d3ee;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#039be5\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          color: #039be5;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:\[color\:\#64BAA7\] {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          color: #64BAA7;
        }
      }
    }
  }
  .\[\&\>_div\>_div\>_\.nav-item\]\:\[\&_\.nav-item\]\:\[\&_h2\]\:uppercase {
    &> div> div> .nav-item {
      & .nav-item {
        & h2 {
          text-transform: uppercase;
        }
      }
    }
  }
  .\[\&\>_h1\]\:ml-\[8px\] {
    &> h1 {
      margin-left: 8px;
    }
  }
  .\[\&\>_h1\]\:inline-block {
    &> h1 {
      display: inline-block;
    }
  }
  .\[\&\>_h1\]\:\[color\:\#1a1a2e\] {
    &> h1 {
      color: #1a1a2e;
    }
  }
  .\[\&\>_h1\]\:\[color\:\#201547\] {
    &> h1 {
      color: #201547;
    }
  }
  .\[\&\>_h1\]\:\[color\:rgb\(0\,_82\,_194\)\] {
    &> h1 {
      color: rgb(0, 82, 194);
    }
  }
  .\[\&\>_h1\]\:\[color\:var\(--color-form-header-title\)\] {
    &> h1 {
      color: var(--color-form-header-title);
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:m-\[0\] {
    &> div {
      &> h5 {
        margin: 0;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:box-border {
    &> div {
      &> h5 {
        box-sizing: border-box;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:\[padding\:12px_16px\] {
    &> div {
      &> h5 {
        padding: 12px 16px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:text-\[16px\] {
    &> div {
      &> h5 {
        font-size: 16px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:leading-\[24px\] {
    &> div {
      &> h5 {
        --tw-leading: 24px;
        line-height: 24px;
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:font-medium {
    &> div {
      &> h5 {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_h5\]\:\[color\:rgba\(0\,_0\,_0\,_0\.7\)\] {
    &> div {
      &> h5 {
        color: rgba(0, 0, 0, 0.7);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:absolute {
    & .fab {
      &> i {
        position: absolute;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[top\:calc\(50\%_-_24px\)\] {
    & .fab {
      &> i {
        top: calc(50% - 24px);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[left\:calc\(50\%_-_24px\)\] {
    & .fab {
      &> i {
        left: calc(50% - 24px);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:z-\[1\] {
    & .fab {
      &> i {
        z-index: 1;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:h-\[48px\] {
    & .fab {
      &> i {
        height: 48px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:w-\[48px\] {
    & .fab {
      &> i {
        width: 48px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[transform\:rotate\(0deg\)_scale\(1\)\] {
    & .fab {
      &> i {
        transform: rotate(0deg) scale(1);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:cursor-pointer {
    & .fab {
      &> i {
        cursor: pointer;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[border-radius\:50\%\] {
    & .fab {
      &> i {
        border-radius: 50%;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:p-\[12px\] {
    & .fab {
      &> i {
        padding: 12px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:text-\[24px\] {
    & .fab {
      &> i {
        font-size: 24px;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:text-black {
    & .fab {
      &> i {
        color: var(--color-black);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:select-none {
    & .fab {
      &> i {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[background\:rgba\(0\,_0\,_0\,_0\)\] {
    & .fab {
      &> i {
        background: rgba(0, 0, 0, 0);
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:\[transition\:400ms\] {
    & .fab {
      &> i {
        transition: 400ms;
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:hover\:\[transform\:rotate\(360deg\)_scale\(1\.1\)\] {
    & .fab {
      &> i {
        &:hover {
          @media (hover: hover) {
            transform: rotate(360deg) scale(1.1);
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:hover\:\[background\:rgba\(0\,_0\,_0\,_0\.05\)\] {
    & .fab {
      &> i {
        &:hover {
          @media (hover: hover) {
            background: rgba(0, 0, 0, 0.05);
          }
        }
      }
    }
  }
  .\[\&_\.fab\]\:\[\&\>_i\]\:active\:\[background\:rgba\(139\,_195\,_74\,_0\.2\)\] {
    & .fab {
      &> i {
        &:active {
          background: rgba(139, 195, 74, 0.2);
        }
      }
    }
  }
  .\[\&_\.fab\]\:ui-open\:\[\&\>_i\]\:hidden {
    & .fab {
      &.open {
        &> i {
          display: none;
        }
      }
    }
  }
  .\[\&_\.tooltip\]\:\[\&\>_span\]\:relative {
    & .tooltip {
      &> span {
        position: relative;
      }
    }
  }
  .\[\&_\.tooltip\]\:\[\&\>_span\]\:z-\[1\] {
    & .tooltip {
      &> span {
        z-index: 1;
      }
    }
  }
  .\[\&_\.tooltip\]\:\[\&\>_span\]\:block {
    & .tooltip {
      &> span {
        display: block;
      }
    }
  }
  .\[\&_\.tooltip\]\:\[\&\>_span\]\:text-white {
    & .tooltip {
      &> span {
        color: var(--color-white);
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:mt-\[2px\] {
    &> div {
      &> div {
        &> span {
          margin-top: 2px;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:-mb-\[2px\] {
    &> div {
      &> div {
        &> span {
          margin-bottom: calc(2px * -1);
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:block {
    &> div {
      &> div {
        &> span {
          display: block;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:whitespace-nowrap {
    &> div {
      &> div {
        &> span {
          white-space: nowrap;
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:not-disabled\:\[\&\>_span\]\:cursor-pointer {
    &> div {
      &> div {
        &:not(.disabled) {
          &> span {
            cursor: pointer;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:not-disabled\:\[\&\>_span\]\:\[\&_\*\]\:cursor-pointer {
    &> div {
      &> div {
        &:not(.disabled) {
          &> span {
            & * {
              cursor: pointer;
            }
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_i\]\:-mt-\[4px\] {
    &> div {
      &> div {
        &> span {
          & i {
            margin-top: calc(4px * -1);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_i\]\:mr-\[16px\] {
    &> div {
      &> div {
        &> span {
          & i {
            margin-right: 16px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_i\]\:pl-\[4px\] {
    &> div {
      &> div {
        &> span {
          & i {
            padding-left: 4px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_i\]\:text-\[16px\] {
    &> div {
      &> div {
        &> span {
          & i {
            font-size: 16px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_i\]\:\[color\:rgba\(0\,_0\,_0\,_0\.7\)\] {
    &> div {
      &> div {
        &> span {
          & i {
            color: rgba(0, 0, 0, 0.7);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_svg\]\:-mt-\[4px\] {
    &> div {
      &> div {
        &> span {
          & svg {
            margin-top: calc(4px * -1);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_svg\]\:mr-\[16px\] {
    &> div {
      &> div {
        &> span {
          & svg {
            margin-right: 16px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_svg\]\:pl-\[4px\] {
    &> div {
      &> div {
        &> span {
          & svg {
            padding-left: 4px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_svg\]\:text-\[16px\] {
    &> div {
      &> div {
        &> span {
          & svg {
            font-size: 16px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&_svg\]\:\[color\:rgba\(0\,_0\,_0\,_0\.7\)\] {
    &> div {
      &> div {
        &> span {
          & svg {
            color: rgba(0, 0, 0, 0.7);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\.danger\:hover\:not\(\.disabled\)\]\:\[\&\>_span\]\:\[color\:rgba\(255\,_255\,_255\,_0\.87\)\] {
    &> div {
      &> div {
        &.danger:hover:not(.disabled) {
          &> span {
            color: rgba(255, 255, 255, 0.87);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\:hover\.disabled\]\:\[\&\>_span\]\:text-black {
    &> div {
      &> div {
        &:hover.disabled {
          &> span {
            color: var(--color-black);
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:absolute {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            position: absolute;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:top-\[7px\] {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            top: 7px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:right-\[8px\] {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            right: 8px;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:\[font-size\:0\.75rem\] {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            font-size: 0.75rem;
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:\[\&_svg\]\:relative {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            & svg {
              position: relative;
            }
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:\[\&_svg\]\:top-\[2px\] {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            & svg {
              top: 2px;
            }
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_\.shortcut\]\:\[\&_svg\]\:mr-\[4px\] {
    &> div {
      &> div {
        &> span {
          &> .shortcut {
            & svg {
              margin-right: 4px;
            }
          }
        }
      }
    }
  }
  .\[\&\>_div\]\:\[\&\>_div\]\:\[\&\>_span\]\:\[\&\>_span\:not\(\.shortcut\)\]\:leading-\[20px\] {
    &> div {
      &> div {
        &> span {
          &> span:not(.shortcut) {
            --tw-leading: 20px;
            line-height: 20px;
          }
        }
      }
    }
  }
  .\[\&\>_ul\]\:m-\[0\] {
    &> ul {
      margin: 0;
    }
  }
  .\[\&\>_ul\]\:flex {
    &> ul {
      display: flex;
    }
  }
  .\[\&\>_ul\]\:p-\[0\] {
    &> ul {
      padding: 0;
    }
  }
  .\[\&\>_ul\]\:pt-\[3px\] {
    &> ul {
      padding-top: 3px;
    }
  }
  .\[\&\>_ul\]\:\[list-style\:none\] {
    &> ul {
      list-style: none;
    }
  }
  .print\:\[\&\>_ul\]\:hidden {
    @media print {
      &> ul {
        display: none;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:relative {
    &> ul {
      & li {
        position: relative;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:flex-1 {
    &> ul {
      & li {
        flex: 1;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[flex-shrink\:0\.5\] {
    &> ul {
      & li {
        flex-shrink: 0.5;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[flex-grow\:2\] {
    &> ul {
      & li {
        flex-grow: 2;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:cursor-pointer {
    &> ul {
      & li {
        cursor: pointer;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[padding\:4px_8px\] {
    &> ul {
      & li {
        padding: 4px 8px;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:text-center {
    &> ul {
      & li {
        text-align: center;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:font-medium {
    &> ul {
      & li {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:whitespace-nowrap {
    &> ul {
      & li {
        white-space: nowrap;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    &> ul {
      & li {
        color: rgba(0, 0, 0, 0.5);
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:uppercase {
    &> ul {
      & li {
        text-transform: uppercase;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:select-none {
    &> ul {
      & li {
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[border-bottom\:3px_solid_rgba\(0\,_0\,_0\,_0\.1\)\] {
    &> ul {
      & li {
        border-bottom: 3px solid rgba(0, 0, 0, 0.1);
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[transition\:color_400ms\] {
    &> ul {
      & li {
        transition: color 400ms;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[webkit-user-select\:none\] {
    &> ul {
      & li {
        webkit-user-select: none;
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:absolute {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          position: absolute;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:\[right\:50\%\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          right: 50%;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:-bottom-\[3px\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          bottom: calc(3px * -1);
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:\[left\:50\%\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          left: 50%;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:h-\[3px\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          height: 3px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:opacity-0 {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          opacity: 0%;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:\[content\:\'\'\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          content: '';
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:\[background\:\#1e88e5\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          background: #1e88e5;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:after\:\[transition\:400ms\] {
    &> ul {
      & li {
        &::after {
          content: var(--tw-content);
          transition: 400ms;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:ui-active\:text-black {
    &> ul {
      & li {
        &.active {
          color: var(--color-black);
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:ui-active\:opacity-1 {
    &> ul {
      & li {
        &.active {
          opacity: 1%;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:ui-active\:after\:right-\[0\] {
    &> ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            right: 0;
          }
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:ui-active\:after\:left-\[0\] {
    &> ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            left: 0;
          }
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:ui-active\:after\:opacity-1 {
    &> ul {
      & li {
        &.active {
          &::after {
            content: var(--tw-content);
            opacity: 1%;
          }
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:block {
    &> ul {
      & li {
        & span.subtitle {
          display: block;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:text-\[11px\] {
    &> ul {
      & li {
        & span.subtitle {
          font-size: 11px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:leading-\[13px\] {
    &> ul {
      & li {
        & span.subtitle {
          --tw-leading: 13px;
          line-height: 13px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.subtitle\]\:font-normal {
    &> ul {
      & li {
        & span.subtitle {
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:h-\[28px\] {
    &> ul {
      & li {
        & span.title {
          height: 28px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:leading-\[32px\] {
    &> ul {
      & li {
        & span.title {
          --tw-leading: 32px;
          line-height: 32px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:relative {
    &> ul {
      & li {
        & svg {
          position: relative;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:top-\[3px\] {
    &> ul {
      & li {
        & svg {
          top: 3px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:mr-\[8px\] {
    &> ul {
      & li {
        & svg {
          margin-right: 8px;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:cursor-pointer {
    &> ul {
      & li {
        & svg {
          cursor: pointer;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_svg\]\:align-text-bottom {
    &> ul {
      & li {
        & svg {
          vertical-align: text-bottom;
        }
      }
    }
  }
  .\[\&\>_ul\]\:\[\&_li\]\:\[\&_span\.title\]\:\[\&\.hasSubtitle\]\:leading-\[11px\] {
    &> ul {
      & li {
        & span.title {
          &.hasSubtitle {
            --tw-leading: 11px;
            line-height: 11px;
          }
        }
      }
    }
  }
  .\[\&\>\*\]\:cursor-pointer {
    &>* {
      cursor: pointer;
    }
  }
  .max-sm\:\[\&\>\.backdrop\]\:hidden {
    @media (width < 640px) {
      &>.backdrop {
        display: none;
      }
    }
  }
  .max-sm\:\[\&\>\.content\]\:mt-0 {
    @media (width < 640px) {
      &>.content {
        margin-top: var(--spacing-0);
      }
    }
  }
  .max-sm\:\[\&\>\.content\]\:w-full {
    @media (width < 640px) {
      &>.content {
        width: 100%;
      }
    }
  }
  .max-sm\:\[\&\>\.content\]\:border-none {
    @media (width < 640px) {
      &>.content {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .print\:\[\&\>\.content\]\:m-0 {
    @media print {
      &>.content {
        margin: var(--spacing-0);
      }
    }
  }
  .print\:\[\&\>\.content\]\:border-none {
    @media print {
      &>.content {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .\[\&\>\.filter-filler\]\:grow {
    &>.filter-filler {
      flex-grow: 1;
    }
  }
  .\[\&\>\.filter-message\]\:\[max-width\:calc\(50\%-60px\)\] {
    &>.filter-message {
      max-width: calc(50% - 60px);
    }
  }
  .\[\&\>\.filter-message\]\:shrink {
    &>.filter-message {
      flex-shrink: 1;
    }
  }
  .\[\&\>\.filter-message\]\:grow-0 {
    &>.filter-message {
      flex-grow: 0;
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:mb-0 {
    &>.filter-message>.alert {
      margin-bottom: var(--spacing-0);
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:inline-flex {
    &>.filter-message>.alert {
      display: inline-flex;
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:h-full {
    &>.filter-message>.alert {
      height: 100%;
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:max-w-full {
    &>.filter-message>.alert {
      max-width: 100%;
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:justify-between {
    &>.filter-message>.alert {
      justify-content: space-between;
    }
  }
  .\[\&\>\.filter-message\>\.alert\]\:\[padding\:6px_12px\] {
    &>.filter-message>.alert {
      padding: 6px 12px;
    }
  }
  .\[\&\>\.filter-message\>\.alert\>\.close\]\:pl-\[6px\] {
    &>.filter-message>.alert>.close {
      padding-left: 6px;
    }
  }
  .\[\&\>\.filter-message\>\.alert\>i\]\:leading-\[24px\] {
    &>.filter-message>.alert>i {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }
  .\[\&\>\.filter-message\>\.alert\>span\]\:overflow-x-hidden {
    &>.filter-message>.alert>span {
      overflow-x: hidden;
    }
  }
  .\[\&\>\.filter-message\>\.alert\>span\]\:whitespace-nowrap {
    &>.filter-message>.alert>span {
      white-space: nowrap;
    }
  }
  .\[\&\>\.grid-search-bar\]\:max-w-\[400px\] {
    &>.grid-search-bar {
      max-width: 400px;
    }
  }
  .\[\&\>\.grid-search-bar\]\:min-w-\[80px\] {
    &>.grid-search-bar {
      min-width: 80px;
    }
  }
  .\[\&\>\.grid-search-bar\]\:\[flex\:1_1_200px\] {
    &>.grid-search-bar {
      flex: 1 1 200px;
    }
  }
  .\[\&\>\.toolbar-buttons\]\:shrink-0 {
    &>.toolbar-buttons {
      flex-shrink: 0;
    }
  }
  .\[\&\>\.toolbar-buttons\]\:grow-0 {
    &>.toolbar-buttons {
      flex-grow: 0;
    }
  }
  .\[\&\>\.toolbar-buttons\>\:first-of-type\]\:mr-\[3px\] {
    &>.toolbar-buttons>:first-of-type {
      margin-right: 3px;
    }
  }
  .\[\&\>\.toolbar-buttons\>\:first-of-type\]\:ml-0 {
    &>.toolbar-buttons>:first-of-type {
      margin-left: var(--spacing-0);
    }
  }
  .\[\&\>\:not\(\:first-of-type\)\]\:ml-\[6px\] {
    &>:not(:first-of-type) {
      margin-left: 6px;
    }
  }
  .\[\&\>button\]\:m-\[4px\] {
    &>button {
      margin: 4px;
    }
  }
  .\[\&\>button\]\:mt-\[6px\] {
    &>button {
      margin-top: 6px;
    }
  }
  .\[\&\>button\]\:ml-\[8px\] {
    &>button {
      margin-left: 8px;
    }
  }
  .\[\&\>button\]\:box-border {
    &>button {
      box-sizing: border-box;
    }
  }
  .\[\&\>button\]\:box-content {
    &>button {
      box-sizing: content-box;
    }
  }
  .\[\&\>button\]\:inline-block {
    &>button {
      display: inline-block;
    }
  }
  .\[\&\>button\]\:h-\[20px\] {
    &>button {
      height: 20px;
    }
  }
  .\[\&\>button\]\:h-\[41px\] {
    &>button {
      height: 41px;
    }
  }
  .\[\&\>button\]\:w-8 {
    &>button {
      width: calc(var(--spacing) * 8);
    }
  }
  .\[\&\>button\]\:w-\[20px\] {
    &>button {
      width: 20px;
    }
  }
  .\[\&\>button\]\:cursor-pointer {
    &>button {
      cursor: pointer;
    }
  }
  .\[\&\>button\]\:appearance-none {
    &>button {
      appearance: none;
    }
  }
  .\[\&\>button\]\:rounded-\[2px\] {
    &>button {
      border-radius: 2px;
    }
  }
  .\[\&\>button\]\:border-0 {
    &>button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&\>button\]\:border-none {
    &>button {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\&\>button\]\:bg-transparent {
    &>button {
      background-color: transparent;
    }
  }
  .\[\&\>button\]\:p-1 {
    &>button {
      padding: var(--spacing-1);
    }
  }
  .\[\&\>button\]\:p-\[8px\] {
    &>button {
      padding: 8px;
    }
  }
  .\[\&\>button\]\:pr-\[12px\] {
    &>button {
      padding-right: 12px;
    }
  }
  .\[\&\>button\]\:pl-\[12px\] {
    &>button {
      padding-left: 12px;
    }
  }
  .\[\&\>button\]\:text-center {
    &>button {
      text-align: center;
    }
  }
  .\[\&\>button\]\:align-middle {
    &>button {
      vertical-align: middle;
    }
  }
  .\[\&\>button\]\:align-top {
    &>button {
      vertical-align: top;
    }
  }
  .\[\&\>button\]\:leading-6 {
    &>button {
      --tw-leading: var(--spacing-6);
      line-height: var(--spacing-6);
    }
  }
  .\[\&\>button\]\:transition-\[background-color\] {
    &>button {
      transition-property: background-color;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&\>button\]\:duration-100 {
    &>button {
      --tw-duration: 100ms;
      transition-duration: 100ms;
    }
  }
  .\[\&\>button\]\:select-none {
    &>button {
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .\[\&\>button\]\:\[-moz-user-select\:none\] {
    &>button {
      -moz-user-select: none;
    }
  }
  .\[\&\>button\]\:\[border\:2px_solid_rgba\(var\(--text-colour-rgb\,_0\,_0\,_0\)\,_0\.5\)\] {
    &>button {
      border: 2px solid rgba(var(--text-colour-rgb, 0, 0, 0), 0.5);
    }
  }
  .\[\&\>button\]\:\[transition\:background-color_200ms\,_border-color_200ms\] {
    &>button {
      transition: background-color 200ms, border-color 200ms;
    }
  }
  .ui-active\:not-ui-disabled\:\[\&\>button\]\:\[border-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.active {
      &:not(*.disabled) {
        &>button {
          border-color: var(--primary-colour, #1976d2);
        }
      }
    }
  }
  .ui-active\:not-ui-disabled\:\[\&\>button\]\:\[background-color\:var\(--primary-colour\,_\#1976d2\)\] {
    &.active {
      &:not(*.disabled) {
        &>button {
          background-color: var(--primary-colour, #1976d2);
        }
      }
    }
  }
  .ui-active\:ui-disabled\:\[\&\>button\]\:border-transparent {
    &.active {
      &.disabled {
        &>button {
          border-color: transparent;
        }
      }
    }
  }
  .ui-active\:ui-disabled\:\[\&\>button\]\:opacity-\[0\.38\] {
    &.active {
      &.disabled {
        &>button {
          opacity: 0.38;
        }
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&\>button\]\:-m-\[4px\] {
    &.focused, &:hover:not(.disabled) {
      &>button {
        margin: calc(4px * -1);
      }
    }
  }
  .focus-or-hover-not-disabled\:\[\&\>button\]\:rounded-\[6px\] {
    &.focused, &:hover:not(.disabled) {
      &>button {
        border-radius: 6px;
      }
    }
  }
  .\[\&\>button_svg\]\:relative {
    &>button svg {
      position: relative;
    }
  }
  .\[\&\>button_svg\]\:-top-\[2px\] {
    &>button svg {
      top: calc(2px * -1);
    }
  }
  .\[\&\>button_svg\]\:mt-\[2px\] {
    &>button svg {
      margin-top: 2px;
    }
  }
  .\[\&\>button_svg\]\:ml-\[2px\] {
    &>button svg {
      margin-left: 2px;
    }
  }
  .\[\&\>button_svg\]\:p-0 {
    &>button svg {
      padding: var(--spacing-0);
    }
  }
  .\[\&\>button_svg\]\:text-white {
    &>button svg {
      color: var(--color-white);
    }
  }
  .\[\&\>button_svg\]\:opacity-0 {
    &>button svg {
      opacity: 0%;
    }
  }
  .\[\&\>button_svg\]\:\[transition\:opacity_200ms\] {
    &>button svg {
      transition: opacity 200ms;
    }
  }
  .\[\&\>button\:focus-visible\]\:rounded-\[20px\] {
    &>button:focus-visible {
      border-radius: 20px;
    }
  }
  .\[\&\>button\:focus-visible\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>button:focus-visible {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>button\:focus-visible\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>button:focus-visible {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>button\:hover\]\:rounded-\[20px\] {
    &>button:hover {
      border-radius: 20px;
    }
  }
  .\[\&\>button\:hover\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>button:hover {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>button\:hover\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>button:hover {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>button\>svg\.dropdown\]\:mr-\[8px\] {
    &>button>svg.dropdown {
      margin-right: 8px;
    }
  }
  .\[\&\>button\>svg\.dropdown\]\:h-\[25px\] {
    &>button>svg.dropdown {
      height: 25px;
    }
  }
  .\[\&\>button\>svg\:not\(\.dropdown\)\]\:h-\[25px\] {
    &>button>svg:not(.dropdown) {
      height: 25px;
    }
  }
  .\[\&\>button\>svg\:not\(\.dropdown\)\]\:w-\[25px\] {
    &>button>svg:not(.dropdown) {
      width: 25px;
    }
  }
  .\[\&\>div\]\:m-\[4px\] {
    &>div {
      margin: 4px;
    }
  }
  .\[\&\>div\]\:\[margin-top\:calc\(32px_-_12px\)\] {
    &>div {
      margin-top: calc(32px - 12px);
    }
  }
  .\[\&\>div\]\:mt-\[6px\] {
    &>div {
      margin-top: 6px;
    }
  }
  .\[\&\>div\]\:mr-\[2px\] {
    &>div {
      margin-right: 2px;
    }
  }
  .\[\&\>div\]\:ml-\[8px\] {
    &>div {
      margin-left: 8px;
    }
  }
  .\[\&\>div\]\:box-border {
    &>div {
      box-sizing: border-box;
    }
  }
  .\[\&\>div\]\:\!block {
    &>div {
      display: block !important;
    }
  }
  .\[\&\>div\]\:inline-block {
    &>div {
      display: inline-block;
    }
  }
  .\[\&\>div\]\:h-\[8px\] {
    &>div {
      height: 8px;
    }
  }
  .\[\&\>div\]\:h-\[12px\] {
    &>div {
      height: 12px;
    }
  }
  .\[\&\>div\]\:h-\[41px\] {
    &>div {
      height: 41px;
    }
  }
  .\[\&\>div\]\:\!w-full {
    &>div {
      width: 100% !important;
    }
  }
  .\[\&\>div\]\:w-\[32px\] {
    &>div {
      width: 32px;
    }
  }
  .\[\&\>div\]\:\!flex-none {
    &>div {
      flex: none !important;
    }
  }
  .\[\&\>div\]\:cursor-pointer {
    &>div {
      cursor: pointer;
    }
  }
  .\[\&\>div\]\:p-\[8px\] {
    &>div {
      padding: 8px;
    }
  }
  .\[\&\>div\]\:pr-\[12px\] {
    &>div {
      padding-right: 12px;
    }
  }
  .\[\&\>div\]\:pl-\[12px\] {
    &>div {
      padding-left: 12px;
    }
  }
  .\[\&\>div\]\:align-top {
    &>div {
      vertical-align: top;
    }
  }
  .\[\&\>div\]\:\[background\:rgba\(0\,0\,0\,0\.5\)\] {
    &>div {
      background: rgba(0,0,0,0.5);
    }
  }
  .\[\&\>div\]\:\[border-bottom\:var\(--border-thickness\)_solid_var\(--accent-background-colour\)\] {
    &>div {
      border-bottom: var(--border-thickness) solid var(--accent-background-colour);
    }
  }
  .\[\&\>div\]\:\[border-left\:none\] {
    &>div {
      border-left: none;
    }
  }
  .\[\&\>div\]\:\[border-top\:none\] {
    &>div {
      border-top: none;
    }
  }
  .\[\&\>div\]\:\[border\:var\(--border-thickness\)_solid_var\(--accent-background-colour\)\] {
    &>div {
      border: var(--border-thickness) solid var(--accent-background-colour);
    }
  }
  .\[\&\>div\:focus-visible\]\:rounded-\[20px\] {
    &>div:focus-visible {
      border-radius: 20px;
    }
  }
  .\[\&\>div\:focus-visible\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>div:focus-visible {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>div\:focus-visible\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>div:focus-visible {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>div\:hover\]\:rounded-\[20px\] {
    &>div:hover {
      border-radius: 20px;
    }
  }
  .\[\&\>div\:hover\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>div:hover {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>div\:hover\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>div:hover {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>div\:nth-child\(2\)\]\:\[background\:var\(--accent-background-colour\)\] {
    &>div:nth-child(2) {
      background: var(--accent-background-colour);
    }
  }
  .\[\&\>div\:nth-child\(2\)\]\:\[background\:var\(--background-colour\)\] {
    &>div:nth-child(2) {
      background: var(--background-colour);
    }
  }
  .\[\&\>div\>svg\.dropdown\]\:mr-\[8px\] {
    &>div>svg.dropdown {
      margin-right: 8px;
    }
  }
  .\[\&\>div\>svg\.dropdown\]\:h-\[25px\] {
    &>div>svg.dropdown {
      height: 25px;
    }
  }
  .\[\&\>div\>svg\:not\(\.dropdown\)\]\:h-\[25px\] {
    &>div>svg:not(.dropdown) {
      height: 25px;
    }
  }
  .\[\&\>div\>svg\:not\(\.dropdown\)\]\:w-\[25px\] {
    &>div>svg:not(.dropdown) {
      width: 25px;
    }
  }
  .\[\&\>i\]\:p-0 {
    &>i {
      padding: var(--spacing-0);
    }
  }
  .\[\&\>label\]\:flex {
    &>label {
      display: flex;
    }
  }
  .\[\&\>label\]\:items-center {
    &>label {
      align-items: center;
    }
  }
  .\[\&\>span\]\:block {
    &>span {
      display: block;
    }
  }
  .\[\&\>span\]\:h-5 {
    &>span {
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&\>span\]\:py-0\.5 {
    &>span {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  .\[\&\>span\]\:text-\[13px\] {
    &>span {
      font-size: 13px;
    }
  }
  .\[\&\>span\]\:\[line-height\:18px\] {
    &>span {
      line-height: 18px;
    }
  }
  .\[\&\>span\.filter-name\]\:m-\[4px\] {
    &>span.filter-name {
      margin: 4px;
    }
  }
  .\[\&\>span\.filter-name\]\:mt-\[10px\] {
    &>span.filter-name {
      margin-top: 10px;
    }
  }
  .\[\&\>span\.filter-name\]\:inline-block {
    &>span.filter-name {
      display: inline-block;
    }
  }
  .\[\&\>span\.filter-name\]\:rounded-\[16px\] {
    &>span.filter-name {
      border-radius: 16px;
    }
  }
  .\[\&\>span\.filter-name\]\:\[padding\:4px_12px\] {
    &>span.filter-name {
      padding: 4px 12px;
    }
  }
  .\[\&\>span\.filter-name\]\:align-top {
    &>span.filter-name {
      vertical-align: top;
    }
  }
  .\[\&\>span\.filter-name\]\:\[background\:rgba\(0\,0\,0\,0\.25\)\] {
    &>span.filter-name {
      background: rgba(0,0,0,0.25);
    }
  }
  .\[\&\>span\.filter-name\>svg\]\:ml-\[8px\] {
    &>span.filter-name>svg {
      margin-left: 8px;
    }
  }
  .\[\&\>span\.filter-name\>svg\]\:cursor-pointer {
    &>span.filter-name>svg {
      cursor: pointer;
    }
  }
  .\[\&\>span\:not\(\.control-container\)\:not\(\.tooltip-container\)\]\:align-middle {
    &>span:not(.control-container):not(.tooltip-container) {
      vertical-align: middle;
    }
  }
  .\[\&\>svg\]\:relative {
    &>svg {
      position: relative;
    }
  }
  .\[\&\>svg\]\:m-\[4px\] {
    &>svg {
      margin: 4px;
    }
  }
  .\[\&\>svg\]\:mt-\[6px\] {
    &>svg {
      margin-top: 6px;
    }
  }
  .\[\&\>svg\]\:ml-\[8px\] {
    &>svg {
      margin-left: 8px;
    }
  }
  .\[\&\>svg\]\:box-border {
    &>svg {
      box-sizing: border-box;
    }
  }
  .\[\&\>svg\]\:block {
    &>svg {
      display: block;
    }
  }
  .\[\&\>svg\]\:h-\[41px\] {
    &>svg {
      height: 41px;
    }
  }
  .\[\&\>svg\]\:h-full {
    &>svg {
      height: 100%;
    }
  }
  .\[\&\>svg\]\:w-\[41px\] {
    &>svg {
      width: 41px;
    }
  }
  .\[\&\>svg\]\:cursor-pointer {
    &>svg {
      cursor: pointer;
    }
  }
  .\[\&\>svg\]\:p-0 {
    &>svg {
      padding: var(--spacing-0);
    }
  }
  .\[\&\>svg\]\:p-\[8px\] {
    &>svg {
      padding: 8px;
    }
  }
  .\[\&\>svg\.dropdown\]\:mr-2 {
    &>svg.dropdown {
      margin-right: var(--spacing-2);
    }
  }
  .\[\&\>svg\.dropdown\]\:h-\[25px\] {
    &>svg.dropdown {
      height: 25px;
    }
  }
  .\[\&\>svg\:focus-visible\]\:rounded-\[20px\] {
    &>svg:focus-visible {
      border-radius: 20px;
    }
  }
  .\[\&\>svg\:focus-visible\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>svg:focus-visible {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>svg\:focus-visible\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>svg:focus-visible {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>svg\:hover\]\:rounded-\[20px\] {
    &>svg:hover {
      border-radius: 20px;
    }
  }
  .\[\&\>svg\:hover\]\:\[color\:var\(--header-hover-text-colour\)\] {
    &>svg:hover {
      color: var(--header-hover-text-colour);
    }
  }
  .\[\&\>svg\:hover\]\:\[background\:var\(--header-hover-background-colour\)\] {
    &>svg:hover {
      background: var(--header-hover-background-colour);
    }
  }
  .\[\&\>svg\:not\(\.dropdown\)\]\:h-\[25px\] {
    &>svg:not(.dropdown) {
      height: 25px;
    }
  }
  .\[\&\>svg\:not\(\.dropdown\)\]\:w-\[25px\] {
    &>svg:not(.dropdown) {
      width: 25px;
    }
  }
  .\[\&\[data-active\=\'true\'\]\]\:\[border-bottom-color\:var\(--color-action-primary\)\] {
    &[data-active='true'] {
      border-bottom-color: var(--color-action-primary);
    }
  }
  .\[\&\[data-active\=\'true\'\]\]\:font-semibold {
    &[data-active='true'] {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&\[data-active\=\'true\'\]\]\:\[color\:var\(--color-text-primary\)\] {
    &[data-active='true'] {
      color: var(--color-text-primary);
    }
  }
  .\[\&\[data-drag-over\=true\]\]\:border-primary-700 {
    &[data-drag-over=true] {
      border-color: oklch(from var(--brand-primary) l c h);
    }
  }
  .\[\&\[data-open\=\"true\"\]\]\:pointer-events-auto {
    &[data-open="true"] {
      pointer-events: auto;
    }
  }
  .\[\&\[data-open\=\"true\"\]\]\:\[transform\:translateX\(0\)\] {
    &[data-open="true"] {
      transform: translateX(0);
    }
  }
  .\[\&\[data-open\=\"true\"\]\]\:opacity-1 {
    &[data-open="true"] {
      opacity: 1%;
    }
  }
  .\[\&\[data-popper-placement\^\=\'bottom\'\]\>_\.arrow\]\:-top-\[6px\] {
    &[data-popper-placement^='bottom']> .arrow {
      top: calc(6px * -1);
    }
  }
  .\[\&\[data-popper-placement\^\=\'left\'\]\>_\.arrow\]\:-right-\[6px\] {
    &[data-popper-placement^='left']> .arrow {
      right: calc(6px * -1);
    }
  }
  .\[\&\[data-popper-placement\^\=\'right\'\]\>_\.arrow\]\:-left-\[6px\] {
    &[data-popper-placement^='right']> .arrow {
      left: calc(6px * -1);
    }
  }
  .\[\&\[data-popper-placement\^\=\'top\'\]\>_\.arrow\]\:-bottom-\[6px\] {
    &[data-popper-placement^='top']> .arrow {
      bottom: calc(6px * -1);
    }
  }
  .\[\@container_toolbar_\(max-width\:_260px\)\]\:\[\&_\.gears-button\]\:hidden {
    @container toolbar (max-width: 260px) {
      & .gears-button {
        display: none;
      }
    }
  }
  .\[\@container_toolbar_\(max-width\:_360px\)\]\:\[\@container_toolbar_\(max-width\:_360px\)\]\:\[\&_\.action-button\,_\&_\.mode-button\,_\&_\.quick-action-button\,_\&_\.refresh-button\]\:hidden {
    @container toolbar (max-width: 360px) {
      @container toolbar (max-width: 360px) {
        & .action-button, & .mode-button, & .quick-action-button, & .refresh-button {
          display: none;
        }
      }
    }
  }
  .\[\@container_toolbar_\(max-width\:_360px\)\]\:\[\&_span\:has\(\>_\.action-button\)\,_\&_span\:has\(\>_\.mode-button\)\,_\&_span\:has\(\>_\.quick-action-button\)\]\:hidden {
    @container toolbar (max-width: 360px) {
      & span:has(> .action-button), & span:has(> .mode-button), & span:has(> .quick-action-button) {
        display: none;
      }
    }
  }
  .\[\[aria-selected\=true\]_\>_div_\>_\&\]\:\[color\:var\(--color-primary\)\] {
    [aria-selected=true] > div > & {
      color: var(--color-primary);
    }
  }
  .\[\[data-active\=\'true\'\]_\&\]\:\[color\:var\(--color-action-primary\)\] {
    [data-active='true'] & {
      color: var(--color-action-primary);
    }
  }
  .\[\[data-active\=\'true\'\]_\&\]\:\[background\:var\(--color-action-primary-transparent\)\] {
    [data-active='true'] & {
      background: var(--color-action-primary-transparent);
    }
  }
}
:root {
  --space-0: var(--spacing-0);
  --space-1: var(--spacing-1);
  --space-2: var(--spacing-2);
  --space-3: var(--spacing-3);
  --space-4: var(--spacing-4);
  --space-6: var(--spacing-6);
  --space-8: var(--spacing-36);
  --font-family-app: var(--font-app);
  --font-family-mono: var(--font-mono);
  --font-family-sans: var(--font-sans);
  --text-size-body: var(--font-size-sm);
  --text-size-label: var(--font-size-xs);
  --text-size-title: 20px;
  --text-line-height-body: 1.4;
  --text-line-height-title: 1.2;
  --text-weight-regular: var(--font-weight-normal);
  --text-weight-medium: var(--font-weight-medium);
  --text-weight-bold: var(--font-weight-bold);
  --radius-none: var(--radius-none);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-pill: var(--radius-pill);
  --motion-duration-fast: var(--duration-fast);
  --motion-duration-base: var(--duration-base);
  --motion-duration-slow: var(--duration-slow);
  --motion-ease-standard: var(--ease-standard);
  --motion-ease-emphasized: var(--ease-emphasized);
  --layout-page-min-width: var(--page-min-width);
  --layout-page-max-width: var(--page-max-width);
  --elevation-overlay-shadow: var(--shadow-overlay);
  --elevation-popout-shadow: var(--shadow-popout);
  --grid-cell-bg: var(--color-surface-card);
  --grid-header-bg: #f8f8f8;
  --grid-header-fg: inherit;
  --grid-border-color: #cccccc;
  --grid-row-hover-bg: var(--color-blue-lighten-4);
  --grid-font-family: var(--font-family-app);
  --grid-close-icon-hover-bg: rgba(0, 0, 0, 0.5);
  --grid-close-icon-hover-fg: #ffffff;
  --grid-active-border: var(--color-blue-base);
  --grid-group-totals-bg: var(--grid-header-bg);
  --grid-paginator-hover-bg: var(--color-grey-lighten);
}
:root {
  --primary-colour: var(--color-action-primary);
  --primary-hover-colour: var(--color-action-primary-hover);
  --primary-active-colour: var(--color-action-primary-active);
  --primary-text-colour: var(--color-action-primary-text);
  --background-colour: var(--color-bg-page);
  --border-colour: var(--color-border-default);
  --text-colour: var(--color-text-primary);
  --danger-colour: var(--color-feedback-danger);
  --info-colour: var(--color-feedback-info);
  --success-colour: var(--color-feedback-success);
  --warning-colour: var(--color-feedback-warning);
  --short-transition: var(--motion-duration-fast);
  --base-padding: var(--space-2);
  --max-page-width: var(--layout-page-max-width);
  --min-page-width: var(--layout-page-min-width);
}
:where(table.data-grid-disable)[data-theme="theme-material"] {
  --grid-header-bg: transparent;
  --grid-header-fg: rgb(0 0 0 / 0.54);
  --grid-border-color: #dddddd;
  --grid-cell-bg: transparent;
  --grid-font-family: "Roboto";
  --grid-row-hover-bg: transparent;
}
[data-firefox-fix] thead th:not(.spacer), [data-firefox-fix] tbody th:not(.spacer) {
  background-clip: padding-box;
}
@layer base {
  body {
    color: rgb(9, 9, 11);
  }
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@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-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  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;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
    }
  }
}


/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/tailwindcss@4.2.4/node_modules/tailwindcss/index.css */
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-thin: 100;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-wide: 0.025em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::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;
  }
  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;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  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;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-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;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    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);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .\[top\:50\%\] {
    top: 50%;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-\[8px\] {
    right: 8px;
  }
  .\[left\:12px\] {
    left: 12px;
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .row-1 {
    grid-row: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .\[margin\:0_0_20px\] {
    margin: 0 0 20px;
  }
  .\[margin\:0_auto\] {
    margin: 0 auto;
  }
  .\[margin\:4px_0_0\] {
    margin: 4px 0 0;
  }
  .\[margin\:12px_0\] {
    margin: 12px 0;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-auto {
    margin-block: auto;
  }
  .\[margin-top\:2px\] {
    margin-top: 2px;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .\[margin-bottom\:3px\] {
    margin-bottom: 3px;
  }
  .\[margin-bottom\:5px\] {
    margin-bottom: 5px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-\[1rem\] {
    margin-bottom: 1rem;
  }
  .mb-\[2rem\] {
    margin-bottom: 2rem;
  }
  .mb-\[7px\] {
    margin-bottom: 7px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .ml-\[6px\] {
    margin-left: 6px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }
  .\[height\:100\%\] {
    height: 100%;
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .\[min-height\:100vh\] {
    min-height: 100vh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\[width\:100\%\] {
    width: 100%;
  }
  .w-\[24rem\] {
    width: 24rem;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .\[max-width\:100\%\] {
    max-width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[950px\] {
    max-width: 950px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1120px\] {
    max-width: 1120px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .\[transform\:scale\(1\.2\)\] {
    transform: scale(1.2);
  }
  .\[transform\:translateY\(-50\%\)\] {
    transform: translateY(-50%);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[animation\:pulse_1\.5s_ease-in-out_infinite\] {
    animation: pulse 1.5s ease-in-out infinite;
  }
  .\[animation\:slideIn_0\.3s_ease-out\] {
    animation: slideIn 0.3s ease-out;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .\[grid-template-columns\:1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(200px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,_minmax\(220px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\[gap\:0\.5rem\] {
    gap: 0.5rem;
  }
  .\[gap\:4px\] {
    gap: 4px;
  }
  .\[gap\:5px\] {
    gap: 5px;
  }
  .\[gap\:6px\] {
    gap: 6px;
  }
  .\[gap\:7px\] {
    gap: 7px;
  }
  .\[gap\:8px\] {
    gap: 8px;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[1rem\] {
    gap: 1rem;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .space-y-3 {
    :where(& > :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)));
    }
  }
  .space-y-6 {
    :where(& > :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)));
    }
  }
  .divide-y {
    :where(& > :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)));
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-100);
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-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-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-\[4px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-black\/10 {
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-stone-200 {
    border-color: var(--color-stone-200);
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-l-gray-200 {
    border-left-color: var(--color-gray-200);
  }
  .\[background-color\:rgba\(0\,_0\,_0\,_0\.5\)\] {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .bg-\(--color-beedee-brand-light\) {
    background-color: var(--color-beedee-brand-light);
  }
  .bg-\[\#dcfce7\] {
    background-color: #dcfce7;
  }
  .bg-\[\#e0e7ff\] {
    background-color: #e0e7ff;
  }
  .bg-\[\#f1f5f9\] {
    background-color: #f1f5f9;
  }
  .bg-\[\#fee2e2\] {
    background-color: #fee2e2;
  }
  .bg-\[\#fef3c7\] {
    background-color: #fef3c7;
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .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-950 {
    background-color: var(--color-gray-950);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-stone-50 {
    background-color: var(--color-stone-50);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/12 {
    background-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .\[padding\:0\.75rem_1\.5rem\] {
    padding: 0.75rem 1.5rem;
  }
  .\[padding\:1\.5rem\] {
    padding: 1.5rem;
  }
  .\[padding\:1\.5rem_2rem\] {
    padding: 1.5rem 2rem;
  }
  .\[padding\:1px_5px\] {
    padding: 1px 5px;
  }
  .\[padding\:2px_8px\] {
    padding: 2px 8px;
  }
  .\[padding\:2px_8px_2px_3px\] {
    padding: 2px 8px 2px 3px;
  }
  .\[padding\:3px_9px\] {
    padding: 3px 9px;
  }
  .\[padding\:4px_0\] {
    padding: 4px 0;
  }
  .\[padding\:4px_8px\] {
    padding: 4px 8px;
  }
  .\[padding\:4px_10px\] {
    padding: 4px 10px;
  }
  .\[padding\:5px_14px\] {
    padding: 5px 14px;
  }
  .\[padding\:6px_10px\] {
    padding: 6px 10px;
  }
  .\[padding\:6px_12px\] {
    padding: 6px 12px;
  }
  .\[padding\:8px_36px_8px_12px\] {
    padding: 8px 36px 8px 12px;
  }
  .\[padding\:9px_16px\] {
    padding: 9px 16px;
  }
  .\[padding\:10px_14px\] {
    padding: 10px 14px;
  }
  .\[padding\:10px_14px_10px_38px\] {
    padding: 10px 14px 10px 38px;
  }
  .\[padding\:14px_16px\] {
    padding: 14px 16px;
  }
  .\[padding\:14px_16px_14px_0\] {
    padding: 14px 16px 14px 0;
  }
  .\[padding\:18px_28px_40px\] {
    padding: 18px 28px 40px;
  }
  .\[padding\:20px_28px_16px\] {
    padding: 20px 28px 16px;
  }
  .\[padding\:28px_20px_16px\] {
    padding: 28px 20px 16px;
  }
  .\[padding\:28px_24px\] {
    padding: 28px 24px;
  }
  .\[padding\:36px\] {
    padding: 36px;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .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);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[60px\] {
    padding: 60px;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .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-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .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-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .\[font-family\:\'Inter\'\,_system-ui\,_sans-serif\] {
    font-family: 'Inter', system-ui, sans-serif;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[font-size\:0\.65rem\] {
    font-size: 0.65rem;
  }
  .\[font-size\:0\.67rem\] {
    font-size: 0.67rem;
  }
  .\[font-size\:0\.68rem\] {
    font-size: 0.68rem;
  }
  .\[font-size\:0\.69rem\] {
    font-size: 0.69rem;
  }
  .\[font-size\:0\.72rem\] {
    font-size: 0.72rem;
  }
  .\[font-size\:0\.73rem\] {
    font-size: 0.73rem;
  }
  .\[font-size\:0\.74rem\] {
    font-size: 0.74rem;
  }
  .\[font-size\:0\.75rem\] {
    font-size: 0.75rem;
  }
  .\[font-size\:0\.76rem\] {
    font-size: 0.76rem;
  }
  .\[font-size\:0\.78rem\] {
    font-size: 0.78rem;
  }
  .\[font-size\:0\.82rem\] {
    font-size: 0.82rem;
  }
  .\[font-size\:0\.85rem\] {
    font-size: 0.85rem;
  }
  .\[font-size\:0\.88rem\] {
    font-size: 0.88rem;
  }
  .\[font-size\:0\.92rem\] {
    font-size: 0.92rem;
  }
  .\[font-size\:0\.875rem\] {
    font-size: 0.875rem;
  }
  .\[font-size\:0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .\[font-size\:1\.15rem\] {
    font-size: 1.15rem;
  }
  .\[font-size\:1\.25rem\] {
    font-size: 1.25rem;
  }
  .\[font-size\:1\.75rem\] {
    font-size: 1.75rem;
  }
  .\[font-size\:16px\] {
    font-size: 16px;
  }
  .text-\[0\.62rem\] {
    font-size: 0.62rem;
  }
  .text-\[0\.63rem\] {
    font-size: 0.63rem;
  }
  .text-\[0\.66rem\] {
    font-size: 0.66rem;
  }
  .text-\[0\.69rem\] {
    font-size: 0.69rem;
  }
  .text-\[0\.72rem\] {
    font-size: 0.72rem;
  }
  .text-\[0\.74rem\] {
    font-size: 0.74rem;
  }
  .text-\[0\.78rem\] {
    font-size: 0.78rem;
  }
  .text-\[0\.82rem\] {
    font-size: 0.82rem;
  }
  .text-\[0\.85rem\] {
    font-size: 0.85rem;
  }
  .text-\[0\.95rem\] {
    font-size: 0.95rem;
  }
  .text-\[1\.15rem\] {
    font-size: 1.15rem;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .\[line-height\:1\.4\] {
    line-height: 1.4;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.07em\] {
    --tw-tracking: 0.07em;
    letter-spacing: 0.07em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .\[letter-spacing\:-0\.01em\] {
    letter-spacing: -0.01em;
  }
  .\[letter-spacing\:-0\.02em\] {
    letter-spacing: -0.02em;
  }
  .\[letter-spacing\:0\.01em\] {
    letter-spacing: 0.01em;
  }
  .\[letter-spacing\:0\.03em\] {
    letter-spacing: 0.03em;
  }
  .\[letter-spacing\:0\.04em\] {
    letter-spacing: 0.04em;
  }
  .\[letter-spacing\:0\.05em\] {
    letter-spacing: 0.05em;
  }
  .\[letter-spacing\:0\.08em\] {
    letter-spacing: 0.08em;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\[color\:\#1a1a2e\] {
    color: #1a1a2e;
  }
  .\[color\:\#4b5563\] {
    color: #4b5563;
  }
  .\[color\:\#4f4f64\] {
    color: #4f4f64;
  }
  .\[color\:\#6a6a7f\] {
    color: #6a6a7f;
  }
  .\[color\:\#6b7280\] {
    color: #6b7280;
  }
  .\[color\:\#7a7a90\] {
    color: #7a7a90;
  }
  .\[color\:\#44445a\] {
    color: #44445a;
  }
  .\[color\:\#66667a\] {
    color: #66667a;
  }
  .\[color\:\#374151\] {
    color: #374151;
  }
  .\[color\:\#555568\] {
    color: #555568;
  }
  .\[color\:\#b0b0c2\] {
    color: #b0b0c2;
  }
  .\[color\:\#c8c8d8\] {
    color: #c8c8d8;
  }
  .\[color\:\#e0e0ec\] {
    color: #e0e0ec;
  }
  .\[color\:\#e8e8f0\] {
    color: #e8e8f0;
  }
  .\[color\:\#fff\] {
    color: #fff;
  }
  .\[color\:var\(--auth-primary\)\] {
    color: var(--auth-primary);
  }
  .\[color\:var\(--auth-primary-fg\)\] {
    color: var(--auth-primary-fg);
  }
  .\[color\:var\(--auth-text-muted\)\] {
    color: var(--auth-text-muted);
  }
  .text-\(--color-beedee-brand\) {
    color: var(--color-beedee-brand);
  }
  .text-\[\#4f46e5\] {
    color: #4f46e5;
  }
  .text-\[\#16a34a\] {
    color: #16a34a;
  }
  .text-\[\#64748b\] {
    color: #64748b;
  }
  .text-\[\#d97706\] {
    color: #d97706;
  }
  .text-\[\#dc2626\] {
    color: #dc2626;
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .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-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-gray-950 {
    color: var(--color-gray-950);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-stone-500 {
    color: var(--color-stone-500);
  }
  .text-stone-900 {
    color: var(--color-stone-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[opacity\:0\.7\] {
    opacity: 0.7;
  }
  .\[opacity\:0\.65\] {
    opacity: 0.65;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(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);
  }
  .\[box-shadow\:-4px_0_20px_rgba\(0\,_0\,_0\,_0\.15\)\] {
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }
  .\[box-shadow\:0_2px_4px_rgba\(0\,_0\,_0\,_0\.1\)\] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,122\,150\,0\.10\)\,_0_1px_3px_rgba\(0\,0\,0\,0\.06\)\] {
    box-shadow: 0 2px 16px rgba(26,122,150,0.10), 0 1px 3px rgba(0,0,0,0.06);
  }
  .\[box-shadow\:0_2px_16px_rgba\(26\,_122\,_150\,_0\.1\)\,_0_1px_3px_rgba\(0\,_0\,_0\,_0\.06\)\] {
    box-shadow: 0 2px 16px rgba(26, 122, 150, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  }
  .\[box-shadow\:var\(--auth-glass-shadow\)\] {
    box-shadow: var(--auth-glass-shadow);
  }
  .\[outline\:none\] {
    outline: none;
  }
  .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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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\:blur\(18px\)\] {
    filter: blur(18px);
  }
  .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-filter\:blur\(12px\)\] {
    backdrop-filter: blur(12px);
  }
  .\[backdrop-filter\:blur\(22px\)\] {
    backdrop-filter: blur(22px);
  }
  .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, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background\] {
    transition-property: background;
    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));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[--auth-content-bg\:rgba\(255\,255\,255\,0\.85\)\] {
    --auth-content-bg: rgba(255,255,255,0.85);
  }
  .\[--auth-error-bg\:\#fef2f2\] {
    --auth-error-bg: #fef2f2;
  }
  .\[--auth-error-border\:\#fecaca\] {
    --auth-error-border: #fecaca;
  }
  .\[--auth-glass-bg\:rgba\(255\,255\,255\,0\.2\)\] {
    --auth-glass-bg: rgba(255,255,255,0.2);
  }
  .\[--auth-glass-border\:rgba\(255\,255\,255\,0\.35\)\] {
    --auth-glass-border: rgba(255,255,255,0.35);
  }
  .\[--auth-glass-shadow\:0_30px_80px_rgba\(0\,0\,0\,0\.35\)\] {
    --auth-glass-shadow: 0 30px 80px rgba(0,0,0,0.35);
  }
  .\[--auth-input-border\:\#ddd\] {
    --auth-input-border: #ddd;
  }
  .\[--auth-primary-fg\:\#fff\] {
    --auth-primary-fg: #fff;
  }
  .\[--auth-primary\:\#00718c\] {
    --auth-primary: #00718c;
  }
  .\[--auth-text-muted\:\#555\] {
    --auth-text-muted: #555;
  }
  .\[-webkit-backdrop-filter\:blur\(22px\)\] {
    -webkit-backdrop-filter: blur(22px);
  }
  .\[background\:\#0c0c12\] {
    background: #0c0c12;
  }
  .\[background\:\#1a1a28\] {
    background: #1a1a28;
  }
  .\[background\:\#14141e\] {
    background: #14141e;
  }
  .\[background\:\#101018\] {
    background: #101018;
  }
  .\[background\:\#e5e7eb\] {
    background: #e5e7eb;
  }
  .\[background\:\#fff\] {
    background: #fff;
  }
  .\[background\:var\(--auth-content-bg\)\] {
    background: var(--auth-content-bg);
  }
  .\[background\:var\(--auth-error-bg\)\] {
    background: var(--auth-error-bg);
  }
  .\[background\:var\(--auth-glass-bg\)\] {
    background: var(--auth-glass-bg);
  }
  .\[background\:var\(--auth-primary\)\] {
    background: var(--auth-primary);
  }
  .\[border-bottom\:1px_solid_\#1a1a28\] {
    border-bottom: 1px solid #1a1a28;
  }
  .\[border-bottom\:1px_solid_\#151520\] {
    border-bottom: 1px solid #151520;
  }
  .\[border-bottom\:2px_solid_\#e5e7eb\] {
    border-bottom: 2px solid #e5e7eb;
  }
  .\[border-left\:3px_solid_transparent\] {
    border-left: 3px solid transparent;
  }
  .\[border-left\:4px_solid_transparent\] {
    border-left: 4px solid transparent;
  }
  .\[border-left\:4px_solid_var\(--contact-status-border\,_\#22c55e\)\] {
    border-left: 4px solid var(--contact-status-border, #22c55e);
  }
  .\[border\:1\.5px_solid\] {
    border: 1.5px solid;
  }
  .\[border\:1px_dashed_\#252538\] {
    border: 1px dashed #252538;
  }
  .\[border\:1px_solid\] {
    border: 1px solid;
  }
  .\[border\:1px_solid_\#1a1a28\] {
    border: 1px solid #1a1a28;
  }
  .\[border\:1px_solid_\#1e1e30\] {
    border: 1px solid #1e1e30;
  }
  .\[border\:1px_solid_\#2a2a3a\] {
    border: 1px solid #2a2a3a;
  }
  .\[border\:1px_solid_\#252538\] {
    border: 1px solid #252538;
  }
  .\[border\:1px_solid_\#e5e7eb\] {
    border: 1px solid #e5e7eb;
  }
  .\[border\:1px_solid_var\(--auth-error-border\)\] {
    border: 1px solid var(--auth-error-border);
  }
  .\[border\:1px_solid_var\(--auth-glass-border\)\] {
    border: 1px solid var(--auth-glass-border);
  }
  .\[border\:1px_solid_var\(--auth-input-border\)\] {
    border: 1px solid var(--auth-input-border);
  }
  .\[mb\:0\.25rem\] {
    mb: 0.25rem;
  }
  .\[mt\:2\.5rem\] {
    mt: 2.5rem;
  }
  .\[padding-y\:0\.5\] {
    padding-y: 0.5;
  }
  .\[pb\:0\.5rem\] {
    pb: 0.5rem;
  }
  .\[transition\:all_0\.12s\] {
    transition: all 0.12s;
  }
  .\[transition\:background-color_0\.15s\] {
    transition: background-color 0.15s;
  }
  .\[transition\:background_0\.15s\,_border-color_0\.15s\] {
    transition: background 0.15s, border-color 0.15s;
  }
  .\[transition\:background_0\.15s\,_color_0\.15s\] {
    transition: background 0.15s, color 0.15s;
  }
  .\[transition\:background_0\.15s\] {
    transition: background 0.15s;
  }
  .\[transition\:border-color_0\.15s\,_box-shadow_0\.15s\] {
    transition: border-color 0.15s, box-shadow 0.15s;
  }
  .\[transition\:box-shadow_0\.2s\] {
    transition: box-shadow 0.2s;
  }
  .\[transition\:box-shadow_0\.15s\,_transform_0\.1s\] {
    transition: box-shadow 0.15s, transform 0.1s;
  }
  .\[transition\:box-shadow_0\.15s\,_transform_0\.12s\] {
    transition: box-shadow 0.15s, transform 0.12s;
  }
  .placeholder\:\[color\:\#3a3a50\] {
    &::placeholder {
      color: #3a3a50;
    }
  }
  .placeholder\:text-slate-400 {
    &::placeholder {
      color: var(--color-slate-400);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:\[transform\:translateY\(-1px\)\] {
    &:hover {
      @media (hover: hover) {
        transform: translateY(-1px);
      }
    }
  }
  .hover\:\[border-color\:\#3b5998\] {
    &:hover {
      @media (hover: hover) {
        border-color: #3b5998;
      }
    }
  }
  .hover\:border-white\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 35%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
      }
    }
  }
  .hover\:bg-\(--color-beedee-brand-light\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-beedee-brand-light);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-orange-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-700);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-white\/22 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 22%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 22%, transparent);
        }
      }
    }
  }
  .hover\:\[color\:\#0070f3\] {
    &:hover {
      @media (hover: hover) {
        color: #0070f3;
      }
    }
  }
  .hover\:\[color\:\#111827\] {
    &:hover {
      @media (hover: hover) {
        color: #111827;
      }
    }
  }
  .hover\:\[color\:\#e8e8f0\] {
    &:hover {
      @media (hover: hover) {
        color: #e8e8f0;
      }
    }
  }
  .hover\:\[color\:\#ffffff\] {
    &:hover {
      @media (hover: hover) {
        color: #ffffff;
      }
    }
  }
  .hover\:text-gray-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-950);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:\[opacity\:0\.9\] {
    &:hover {
      @media (hover: hover) {
        opacity: 0.9;
      }
    }
  }
  .hover\:shadow-\[0_4px_20px_rgba\(26\,_122\,_150\,_0\.15\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(26, 122, 150, 0.15));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:\[box-shadow\:0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      }
    }
  }
  .hover\:\[box-shadow\:0_4px_18px_rgba\(0\,_0\,_0\,_\.1\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: 0 4px 18px rgba(0, 0, 0, .1);
      }
    }
  }
  .hover\:\[background\:\#f3f4f6\] {
    &:hover {
      @media (hover: hover) {
        background: #f3f4f6;
      }
    }
  }
  .hover\:\[background\:\#f9fafb\] {
    &:hover {
      @media (hover: hover) {
        background: #f9fafb;
      }
    }
  }
  .focus\:\[border-color\:\#3b5998\] {
    &:focus {
      border-color: #3b5998;
    }
  }
  .focus\:\[border-color\:var\(--auth-primary\)\] {
    &:focus {
      border-color: var(--auth-primary);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --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);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(13\,_113\,_139\,_0\.1\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(13, 113, 139, 0.1);
    }
  }
  .focus\:\[box-shadow\:0_0_0_3px_rgba\(91\,156\,245\,0\.12\)\] {
    &:focus {
      box-shadow: 0 0 0 3px rgba(91,156,245,0.12);
    }
  }
  .focus\:\[outline\:none\] {
    &:focus {
      outline: none;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-2 {
    &: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);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:\[outline\:2px_solid_rgba\(255\,_255\,_255\,_0\.7\)\] {
    &:focus-visible {
      outline: 2px solid rgba(255, 255, 255, 0.7);
    }
  }
  .focus-visible\:\[outline\:2px_solid_var\(--color-primary-700\)\] {
    &:focus-visible {
      outline: 2px solid var(--color-primary-700);
    }
  }
  .focus-visible\:\[outline-offset\:2px\] {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-gray-50 {
    &:disabled {
      background-color: var(--color-gray-50);
    }
  }
  .disabled\:\[opacity\:0\.4\] {
    &:disabled {
      opacity: 0.4;
    }
  }
  .disabled\:\[opacity\:0\.5\] {
    &:disabled {
      opacity: 0.5;
    }
  }
  .disabled\:\[opacity\:0\.6\] {
    &:disabled {
      opacity: 0.6;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .max-md\:h-\[220px\] {
    @media (width < 48rem) {
      height: 220px;
    }
  }
  .max-md\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-md\:\[padding\:40px_30px\] {
    @media (width < 48rem) {
      padding: 40px 30px;
    }
  }
  .max-sm\:\[max-width\:100\%\] {
    @media (width < 40rem) {
      max-width: 100%;
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .print\:\!block {
    @media print {
      display: block !important;
    }
  }
  .print\:\!hidden {
    @media print {
      display: none !important;
    }
  }
  .print\:block {
    @media print {
      display: block;
    }
  }
  .print\:contents {
    @media print {
      display: contents;
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:\!h-auto {
    @media print {
      height: auto !important;
    }
  }
  .print\:h-auto {
    @media print {
      height: auto;
    }
  }
  .print\:\!min-h-0 {
    @media print {
      min-height: calc(var(--spacing) * 0) !important;
    }
  }
  .print\:min-h-0 {
    @media print {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .print\:\!overflow-visible {
    @media print {
      overflow: visible !important;
    }
  }
  .print\:bg-white {
    @media print {
      background-color: var(--color-white);
    }
  }
  .print\:p-0 {
    @media print {
      padding: calc(var(--spacing) * 0);
    }
  }
  .\[\&_\*\]\:box-border {
    & * {
      box-sizing: border-box;
    }
  }
  .\[\&_\*\]\:\[font-family\:var\(--font-family-app\)\] {
    & * {
      font-family: var(--font-family-app);
    }
  }
  .\[\&_\.apfd-full-dummy\]\:\!hidden {
    & .apfd-full-dummy {
      display: none !important;
    }
  }
  .\[\&_\.apfd-full-sidebar\]\:\!hidden {
    & .apfd-full-sidebar {
      display: none !important;
    }
  }
  .\[\&_\.bfd-full-dummy\]\:\!hidden {
    & .bfd-full-dummy {
      display: none !important;
    }
  }
  .\[\&_\.bfd-full-sidebar\]\:\!hidden {
    & .bfd-full-sidebar {
      display: none !important;
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}


/* /@fs//home/webfront/repos/webfront/styles/tailwind-theme.css */
/* Auto-generated by scripts/generate-tailwind-theme.ts — do not edit manually */
@theme {
  /* Breakpoints */
  --breakpoint-2xl: 1536px;
  --breakpoint-lg: 1024px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 640px;
  --breakpoint-xl: 1280px;

  /* Colors — Material Design palette */
  --color-amber-accent-1: #ffe57f;
  --color-amber-accent-2: #ffd740;
  --color-amber-accent-3: #ffc400;
  --color-amber-accent-4: #ffab00;
  --color-amber-base: #ffc107;
  --color-amber-darken: #ffb300;
  --color-amber-darken-2: #ffa000;
  --color-amber-darken-3: #ff8f00;
  --color-amber-darken-4: #ff6f00;
  --color-amber-lighten: #ffca28;
  --color-amber-lighten-2: #ffd54f;
  --color-amber-lighten-3: #ffe082;
  --color-amber-lighten-4: #ffecb3;
  --color-amber-lighten-5: #fff8e1;
  --color-blue-accent-1: #82b1ff;
  --color-blue-accent-2: #448aff;
  --color-blue-accent-3: #2979ff;
  --color-blue-accent-4: #2962ff;
  --color-blue-base: #2196f3;
  --color-blue-darken: #1e88e5;
  --color-blue-darken-2: #1976d2;
  --color-blue-darken-3: #1565c0;
  --color-blue-darken-4: #0d47a1;
  --color-blue-lighten: #42a5f5;
  --color-blue-lighten-2: #64b5f6;
  --color-blue-lighten-3: #90caf9;
  --color-blue-lighten-4: #bbdefb;
  --color-blue-lighten-5: #e3f2fd;
  --color-blue-grey-accent-1: #cfd8dc;
  --color-blue-grey-accent-2: #b0bec5;
  --color-blue-grey-accent-3: #78909c;
  --color-blue-grey-accent-4: #455a64;
  --color-blue-grey-base: #607d8b;
  --color-blue-grey-darken: #546e7a;
  --color-blue-grey-darken-2: #455a64;
  --color-blue-grey-darken-3: #37474f;
  --color-blue-grey-darken-4: #263238;
  --color-blue-grey-lighten: #78909c;
  --color-blue-grey-lighten-2: #90a4ae;
  --color-blue-grey-lighten-3: #b0bec5;
  --color-blue-grey-lighten-4: #cfd8dc;
  --color-blue-grey-lighten-5: #eceff1;
  --color-brown-accent-1: #d7ccc8;
  --color-brown-accent-2: #bcaaa4;
  --color-brown-accent-3: #8d6e63;
  --color-brown-accent-4: #5d4037;
  --color-brown-base: #795548;
  --color-brown-darken: #6d4c41;
  --color-brown-darken-2: #5d4037;
  --color-brown-darken-3: #4e342e;
  --color-brown-darken-4: #3e2723;
  --color-brown-lighten: #8d6e63;
  --color-brown-lighten-2: #a1887f;
  --color-brown-lighten-3: #bcaaa4;
  --color-brown-lighten-4: #d7ccc8;
  --color-brown-lighten-5: #efebe9;
  --color-cyan-accent-1: #84ffff;
  --color-cyan-accent-2: #18ffff;
  --color-cyan-accent-3: #00e5ff;
  --color-cyan-accent-4: #00b8d4;
  --color-cyan-base: #00bcd4;
  --color-cyan-darken: #00acc1;
  --color-cyan-darken-2: #0097a7;
  --color-cyan-darken-3: #00838f;
  --color-cyan-darken-4: #006064;
  --color-cyan-lighten: #26c6da;
  --color-cyan-lighten-2: #4dd0e1;
  --color-cyan-lighten-3: #80deea;
  --color-cyan-lighten-4: #b2ebf2;
  --color-cyan-lighten-5: #e0f7fa;
  --color-deep-orange-accent-1: #ff9e80;
  --color-deep-orange-accent-2: #ff6e40;
  --color-deep-orange-accent-3: #ff3d00;
  --color-deep-orange-accent-4: #dd2c00;
  --color-deep-orange-base: #ff5722;
  --color-deep-orange-darken: #f4511e;
  --color-deep-orange-darken-2: #e64a19;
  --color-deep-orange-darken-3: #d84315;
  --color-deep-orange-darken-4: #bf360c;
  --color-deep-orange-lighten: #ff7043;
  --color-deep-orange-lighten-2: #ff8a65;
  --color-deep-orange-lighten-3: #ffab91;
  --color-deep-orange-lighten-4: #ffccbc;
  --color-deep-orange-lighten-5: #fbe9e7;
  --color-deep-purple-accent-1: #b388ff;
  --color-deep-purple-accent-2: #7c4dff;
  --color-deep-purple-accent-3: #651fff;
  --color-deep-purple-accent-4: #6200ea;
  --color-deep-purple-base: #673ab7;
  --color-deep-purple-darken: #5e35b1;
  --color-deep-purple-darken-2: #512da8;
  --color-deep-purple-darken-3: #4527a0;
  --color-deep-purple-darken-4: #311b92;
  --color-deep-purple-lighten: #7e57c2;
  --color-deep-purple-lighten-2: #9575cd;
  --color-deep-purple-lighten-3: #b39ddb;
  --color-deep-purple-lighten-4: #d1c4e9;
  --color-deep-purple-lighten-5: #ede7f6;
  --color-green-accent-1: #b9f6ca;
  --color-green-accent-2: #69f0ae;
  --color-green-accent-3: #00e676;
  --color-green-accent-4: #00c853;
  --color-green-base: #4caf50;
  --color-green-darken: #43a047;
  --color-green-darken-2: #388e3c;
  --color-green-darken-3: #2e7d32;
  --color-green-darken-4: #1b5e20;
  --color-green-lighten: #66bb6a;
  --color-green-lighten-2: #81c784;
  --color-green-lighten-3: #a5d6a7;
  --color-green-lighten-4: #c8e6c9;
  --color-green-lighten-5: #e8f5e9;
  --color-grey-accent-1: #d5d5d5;
  --color-grey-accent-2: #aaaaaa;
  --color-grey-accent-3: #303030;
  --color-grey-accent-4: #616161;
  --color-grey-base: #9e9e9e;
  --color-grey-darken: #757575;
  --color-grey-darken-2: #616161;
  --color-grey-darken-3: #424242;
  --color-grey-darken-4: #212121;
  --color-grey-lighten: #bdbdbd;
  --color-grey-lighten-2: #e0e0e0;
  --color-grey-lighten-3: #eeeeee;
  --color-grey-lighten-4: #f5f5f5;
  --color-grey-lighten-5: #fafafa;
  --color-indigo-accent-1: #8c9eff;
  --color-indigo-accent-2: #536dfe;
  --color-indigo-accent-3: #3d5afe;
  --color-indigo-accent-4: #304ffe;
  --color-indigo-base: #3f51b5;
  --color-indigo-darken: #3949ab;
  --color-indigo-darken-2: #303f9f;
  --color-indigo-darken-3: #283593;
  --color-indigo-darken-4: #1a237e;
  --color-indigo-lighten: #5c6bc0;
  --color-indigo-lighten-2: #7986cb;
  --color-indigo-lighten-3: #9fa8da;
  --color-indigo-lighten-4: #c5cae9;
  --color-indigo-lighten-5: #e8eaf6;
  --color-light-blue-accent-1: #80d8ff;
  --color-light-blue-accent-2: #40c4ff;
  --color-light-blue-accent-3: #00b0ff;
  --color-light-blue-accent-4: #0091ea;
  --color-light-blue-base: #03a9f4;
  --color-light-blue-darken: #039be5;
  --color-light-blue-darken-2: #0288d1;
  --color-light-blue-darken-3: #0277bd;
  --color-light-blue-darken-4: #01579b;
  --color-light-blue-lighten: #29b6f6;
  --color-light-blue-lighten-2: #4fc3f7;
  --color-light-blue-lighten-3: #81d4fa;
  --color-light-blue-lighten-4: #b3e5fc;
  --color-light-blue-lighten-5: #e1f5fe;
  --color-light-green-accent-1: #ccff90;
  --color-light-green-accent-2: #b2ff59;
  --color-light-green-accent-3: #76ff03;
  --color-light-green-accent-4: #64dd17;
  --color-light-green-base: #8bc34a;
  --color-light-green-darken: #7cb342;
  --color-light-green-darken-2: #689f38;
  --color-light-green-darken-3: #558b2f;
  --color-light-green-darken-4: #33691e;
  --color-light-green-lighten: #9ccc65;
  --color-light-green-lighten-2: #aed581;
  --color-light-green-lighten-3: #c5e1a5;
  --color-light-green-lighten-4: #dcedc8;
  --color-light-green-lighten-5: #f1f8e9;
  --color-lime-accent-1: #f4ff81;
  --color-lime-accent-2: #eeff41;
  --color-lime-accent-3: #c6ff00;
  --color-lime-accent-4: #aeea00;
  --color-lime-base: #cddc39;
  --color-lime-darken: #c0ca33;
  --color-lime-darken-2: #afb42b;
  --color-lime-darken-3: #9e9d24;
  --color-lime-darken-4: #827717;
  --color-lime-lighten: #d4e157;
  --color-lime-lighten-2: #dce775;
  --color-lime-lighten-3: #e6ee9c;
  --color-lime-lighten-4: #f0f4c3;
  --color-lime-lighten-5: #f9fbe7;
  --color-orange-accent-1: #ffd180;
  --color-orange-accent-2: #ffab40;
  --color-orange-accent-3: #ffcc80;
  --color-orange-accent-4: #ffb74d;
  --color-orange-base: #ff9800;
  --color-orange-darken: #fb8c00;
  --color-orange-darken-2: #f57c00;
  --color-orange-darken-3: #ef6c00;
  --color-orange-darken-4: #e65100;
  --color-orange-lighten: #ffa726;
  --color-orange-lighten-2: #ffb74d;
  --color-orange-lighten-3: #ffcc80;
  --color-orange-lighten-4: #ffe0b2;
  --color-orange-lighten-5: #fff3e0;
  --color-pink-accent-1: #ff80ab;
  --color-pink-accent-2: #ff4081;
  --color-pink-accent-3: #f50057;
  --color-pink-accent-4: #c51162;
  --color-pink-base: #e91e63;
  --color-pink-darken: #d81b60;
  --color-pink-darken-2: #c2185b;
  --color-pink-darken-3: #ad1457;
  --color-pink-darken-4: #880e4f;
  --color-pink-lighten: #ec407a;
  --color-pink-lighten-2: #f06292;
  --color-pink-lighten-3: #f48fb1;
  --color-pink-lighten-4: #f8bbd0;
  --color-pink-lighten-5: #fce4ec;
  --color-purple-accent-1: #ea80fc;
  --color-purple-accent-2: #e040fb;
  --color-purple-accent-3: #d500f9;
  --color-purple-accent-4: #aa00ff;
  --color-purple-base: #9c27b0;
  --color-purple-darken: #8e24aa;
  --color-purple-darken-2: #7b1fa2;
  --color-purple-darken-3: #6a1b9a;
  --color-purple-darken-4: #4a148c;
  --color-purple-lighten: #ab47bc;
  --color-purple-lighten-2: #ba68c8;
  --color-purple-lighten-3: #ce93d8;
  --color-purple-lighten-4: #e1bee7;
  --color-purple-lighten-5: #f3e5f5;
  --color-red-accent-1: #ff8a80;
  --color-red-accent-2: #ff5252;
  --color-red-accent-3: #ff1744;
  --color-red-accent-4: #ff1744;
  --color-red-base: #f44336;
  --color-red-darken: #e53935;
  --color-red-darken-2: #d32f2f;
  --color-red-darken-3: #c62828;
  --color-red-darken-4: #b71c1c;
  --color-red-lighten: #ef5350;
  --color-red-lighten-2: #e57373;
  --color-red-lighten-3: #ef9a9a;
  --color-red-lighten-4: #ffcdd2;
  --color-red-lighten-5: #ffebee;
  --color-teal-accent-1: #a7ffeb;
  --color-teal-accent-2: #64ffda;
  --color-teal-accent-3: #1de9b6;
  --color-teal-accent-4: #00bfa5;
  --color-teal-base: #009688;
  --color-teal-darken: #00897b;
  --color-teal-darken-2: #00796b;
  --color-teal-darken-3: #00695c;
  --color-teal-darken-4: #004d40;
  --color-teal-lighten: #26a69a;
  --color-teal-lighten-2: #4db6ac;
  --color-teal-lighten-3: #80cbc4;
  --color-teal-lighten-4: #b2dfdb;
  --color-teal-lighten-5: #e0f2f1;
  --color-yellow-accent-1: #ffff8d;
  --color-yellow-accent-2: #ffff00;
  --color-yellow-accent-3: #ffea00;
  --color-yellow-accent-4: #ffd600;
  --color-yellow-base: #ffeb3b;
  --color-yellow-darken: #fdd835;
  --color-yellow-darken-2: #fbc02d;
  --color-yellow-darken-3: #f9a825;
  --color-yellow-darken-4: #f57f17;
  --color-yellow-lighten: #ffee58;
  --color-yellow-lighten-2: #fff176;
  --color-yellow-lighten-3: #fff59d;
  --color-yellow-lighten-4: #fff9c4;
  --color-yellow-lighten-5: #fffde7;

  /* Colors — Beedee brand scale */
  --color-beedee-50: #fafcfd;
  --color-beedee-100: #f2f5f6;
  --color-beedee-200: #eaf4f8;
  --color-beedee-300: #d4e2e8;
  --color-beedee-400: #c8d8db;
  --color-beedee-500: #a8d4e0;
  --color-beedee-600: #7a909a;
  --color-beedee-700: #1a7a96;
  --color-beedee-800: #156582;
  --color-beedee-900: #1a2d35;

  /* Colors — special */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;

  /* Colors — semantic roles */
  --color-primary: #1e88e5;
  --color-on-primary: #ffffff;
  --color-action: #1e88e5;
  --color-spinner: #2196f3;
  --color-app-background: #f0f0f0;
  --color-nav-foreground: #ffffff;
  --color-header-foreground: #ffffff;
  --color-header-tabs-active: #ffffff;
  --color-header-tabs-inactive: rgba(255, 255, 255, 0.5);
  --color-header-tabs-background: transparent;
  --color-form-heading: #1976d2;
  --color-form-text: #111827;
  --color-form-error: #f44336;
  --color-form-nav-group: rgba(41, 215, 255, 0.64);
  --color-form-nav-item: rgba(255, 255, 255, 0.87);
  --color-number-positive: #4caf50;
  --color-number-negative: #f44336;
  --color-number-overridden: #2196f3;
  --color-table-row-border: #eeeeee;
  --color-table-row-empty: #9e9e9e;
  --color-table-row-hover: rgba(0, 0, 0, 0.04);
  --color-table-row-selected: #1976d2;
  --color-table-row-selected-bg: rgba(25, 118, 210, 0.15);
  --color-table-row-selected-hover: rgba(25, 118, 210, 0.2);
  --color-table-row-multiselected: #fbc02d;
  --color-table-row-multiselected-bg: rgba(251, 192, 45, 0.2);
  --color-table-row-multiselected-hover: rgba(251, 192, 45, 0.15);
  --color-grid-mode-single: #4caf50;
  --color-grid-mode-edit: #2196f3;
  --color-grid-mode-multi: #fbc02d;
  --color-grid-mode-dive: #9c27b0;
  --color-scrollbar-thumb: #90a4ae;
  --color-success: #4caf50;
  --color-warning: #ffc107;
  --color-error: #f44336;
  --color-info: #3fc3ee;
  --color-brand-dark: #156582;
  --color-brand-light: #eaf4f8;
  --color-brand-mid: #a8d4e0;
  --color-text-label: #7a909a;
  --color-border-subtle: #d4e2e8;
  --color-form-background: #ffffff;
  --color-form-section-bg: #ffffff;
  --color-form-field-bg: #f8fafb;
  --color-form-field-border: #e0e0e0;
  --color-form-field-focus: #2196f3;
  --color-sidebar-bg: #0d47a1;
  --color-sidebar-text: #ffffff;
  --color-sidebar-active: rgba(255, 255, 255, 0.12);
  --color-beedee-brand: #1a7a96;
  --color-beedee-brand-dark: #156582;
  --color-beedee-brand-light: #eaf4f8;
  --color-beedee-brand-mid: #a8d4e0;
  --color-beedee-bg: #f2f5f6;
  --color-beedee-card: #ffffff;
  --color-beedee-label: #7a909a;
  --color-beedee-text: #1a2d35;
  --color-beedee-border: #d4e2e8;
  --color-beedee-red: #c0392b;
  --color-beedee-green: #4caf87;
  --color-beedee-status-archived: #6366f1;
  --color-beedee-status-awaiting: #f59e0b;
  --color-beedee-status-draft: #94a3b8;
  --color-beedee-status-revisions: #ef4444;
  --color-beedee-status-submitted: #22c55e;
  --color-st-pending: #94a3b8;
  --color-st-active: #2563eb;
  --color-st-completed: #16a34a;
  --color-st-revised: #d97706;
  --color-st-pending-bg: #f8fafc;
  --color-st-active-bg: #eff6ff;
  --color-st-completed-bg: #f0fdf4;
  --color-st-revised-bg: #fffbeb;
  --color-st-pending-pill: #f1f5f9;
  --color-st-active-pill: #dbeafe;
  --color-st-completed-pill: #dcfce7;
  --color-st-revised-pill: #fef3c7;
  --color-st-page-bg: #eef2f2;
  --color-st-text: #1a2e2e;
  --color-st-muted: #7a9494;
  --color-st-muted-light: #a0b4b4;
  --color-st-group-quote: #f59e0b;
  --color-st-group-order: #0d9488;
  --color-st-group-artwork: #e11d48;
  --color-st-group-supplier: #7c3aed;
  --color-st-group-shipping: #0284c7;
  --color-st-hover-border: #c0d4d4;
  --color-st-user-pill-bg: #e8f4f4;
  --color-st-user-pill-border: #b2d8d8;
  --color-st-dep-danger-bg: #fff1f2;
  --color-st-dep-danger-border: #fecdd3;
  --color-st-dep-danger: #dc2626;
  --color-st-brand-hover: #155f5f;
  --color-st-eta-orange: #c2410c;
  --color-st-user-pill-hover: #d0eded;
  --color-st-completed-border: #bbf7d0;
  --color-st-eta-bg: #fff7ed;
  --color-st-eta-border: #fed7aa;
  --color-beedee-header: #0d718b;
  --color-beedee-status-amber: #fbbf24;
  --color-beedee-contact-purple: #7c4dbc;
  --color-beedee-contact-purple-light: #f3eef9;
  --color-beedee-tab-badge-blue: #3b82f6;
  --color-stories-border: rgba(255, 255, 255, 0.1);
  --color-stories-preview-border: rgba(255, 255, 255, 0.1);
  --color-stories-sidebar-hover: rgba(255, 255, 255, 0.05);
  --color-stories-input: rgba(255, 255, 255, 0.15);
  --color-sl-bg: #e8e8e8;
  --color-sl-btn: #222;
  --color-sl-toolbar-text: #333;
  --color-sl-btn-hover: #555;
  --color-sl-placeholder-border: #ccc;
  --color-sl-focus: #f0f6ff;
  --color-wf-phase-quote: #4f7ef7;
  --color-wf-phase-order: #1d9e75;
  --color-wf-phase-deposit: #ba7517;
  --color-wf-phase-artwork: #7f77dd;
  --color-wf-phase-production: #639922;
  --color-wf-phase-shipment: #d85a30;
  --color-wf-phase-quote-wcag: #1a4fc4;
  --color-wf-phase-order-wcag: #0e6b4f;
  --color-wf-phase-deposit-wcag: #7a4a00;
  --color-wf-phase-artwork-wcag: #4a2e9e;
  --color-wf-phase-production-wcag: #2d5a0e;
  --color-wf-phase-shipment-wcag: #8f2010;
  --color-wf-accent: #4a2e9e;
  --color-wf-accent-bg: #f3eeff;
  --color-wf-accent-border: #c4a8f0;
  --color-wf-info-bg: #f5f8ff;
  --color-wf-info-border: #c8d4e8;
  --color-wf-info-text: #3a5aad;
  --color-wf-danger-bg: #fff5f5;
  --color-wf-danger-border: #f09595;
  --color-wf-danger-text: #a32d2d;
  --color-wf-text-primary: #1a2540;
  --color-wf-text-muted: #8a97b0;
  --color-wf-text-faint: #a0aec0;
  --color-wf-text-username: #b0bcd4;
  --color-wf-text-inverse: #3a4a6a;
  --color-wf-text-dept: #607090;
  --color-wf-border: #d8e0ee;
  --color-wf-surface: #f0f3f9;
  --color-wf-surface-hover: #f9fbff;
  --color-wf-success-bg: #e6f4ec;
  --color-wf-success-text: #1e7e34;
  --color-wf-success-border: #a8d5b5;
  --color-wf-warning-bg: #fff8f0;
  --color-wf-warning-text: #7a4a00;
  --color-wf-warning-border: #f5c97a;
  --color-wf-fail-bg: #fcebeb;
  --color-wf-fail-text: #a32d2d;
  --color-wf-fail-border: #f0a0a0;
  --color-wf-start-bg: #e8f0fe;
  --color-wf-start-text: #2a5ec4;
  --color-wf-start-border: #b3c8f5;

  /* Colors — semantic-palette roles */
  --color-action-primary: #1976d2;
  --color-action-primary-active: #0d47a1;
  --color-action-primary-hover: #1565c0;
  --color-action-primary-text: #ffffff;
  --color-action-primary-transparent: rgba(25, 118, 210, 0.08);
  --color-bg-elevated: #ffffff;
  --color-bg-page: #f0f0f0;
  --color-bg-surface: #ffffff;
  --color-border-default: rgba(0, 0, 0, 0.12);
  --color-border-focus: #1976d2;
  --color-feedback-danger: #f44336;
  --color-feedback-info: #3fc3ee;
  --color-feedback-success: #4caf50;
  --color-feedback-warning: #e65100;
  --color-scrollbar-background: #e0e0e0;
  --color-scrollbar-thumb: #90a4ae;
  --color-text-primary: #111827;
  --color-text-secondary: rgba(17, 24, 39, 0.72);

  /* Spacing */
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --spacing-12: 48px;
  --spacing-24: 96px;
  --spacing-36: 144px;
  --spacing-48: 192px;
  --spacing-60: 240px;

  /* Typography — font families */
  --font-sans: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif;
  --font-app: "Inter", Montserrat, "Open Sans", Roboto, ui-sans-serif, system-ui, sans-serif;
  --font-mono:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;

  /* Typography — font sizes */
  --font-size-2xl: 32px;
  --font-size-2xs: 10px;
  --font-size-3xl: 48px;
  --font-size-4xl: 64px;
  --font-size-5xl: 72px;
  --font-size-grid: 12px;
  --font-size-lg: 18px;
  --font-size-md: 16px;
  --font-size-sm: 14px;
  --font-size-xl: 24px;
  --font-size-xs: 12px;

  /* Typography — font weights */
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-hairline: 100;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-thin: 200;

  /* Typography — line heights */
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.25rem;
  --line-height-4xl: 2.5rem;
  --line-height-5xl: 1;
  --line-height-6xl: 1;
  --line-height-7xl: 1;
  --line-height-8xl: 1;
  --line-height-9xl: 1;
  --line-height-default: 1.5rem;
  --line-height-lg: 1.75rem;
  --line-height-loose: 2;
  --line-height-none: 1;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-sm: 1.25rem;
  --line-height-snug: 1.375;
  --line-height-tight: 1.25;
  --line-height-xl: 1.75rem;
  --line-height-xs: 1rem;

  /* Sizes */
  --size-header: 64px;
  --size-row: 32px;
  --size-input-height: calc(1.5em + 0.75rem + 2px);
  --size-input-px: 0.375rem;
  --size-input-py: 0.75rem;

  /* Border radius */
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-none: 0px;
  --radius-pill: 9999px;
  --radius-sm: 4px;
  --radius-beedee: 12px;
  --radius-beedee-sm: 8px;

  /* Shadows */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-header: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-beedee-card: 0 2px 16px rgba(26, 122, 150, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-sl: 0 4px 24px rgba(0, 0, 0, 0.15);
  --shadow-overlay: 0 8px 24px rgba(15, 23, 42, 0.2);
  --shadow-popout: 0 4px 12px rgba(15, 23, 42, 0.16);

  /* Motion */
  --duration-base: 200ms;
  --duration-fast: 120ms;
  --duration-slow: 320ms;
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* Layout */
  --page-max-width: 1200px;
  --page-min-width: 320px;
}


/* /@fs//home/webfront/repos/webfront/styles/theme-tokens.css */
/*
 * Themeable Design Tokens — CSS-first, runtime-swappable
 *
 * Architecture:
 *   1. theme-anchors.css defines two brand anchors per tenant (:root vars)
 *   2. This file derives a full numeric scale (50-950) from each anchor
 *      using CSS relative color syntax (oklch L-channel offsets + chroma taper)
 *   3. Semantic aliases (brand, brand-dark, etc.) map to specific stops
 *      for backward compatibility with existing utility classes
 *   4. Neutral surface tokens are NOT derived from primary — they stay fixed
 *
 * @theme inline defers resolution to the browser — utility classes like
 * bg-primary-700 resolve at runtime, picking up tenant overrides.
 * No build step needed for tenant color changes.
 *
 * Browser support: relative color syntax — Chrome 119+, Safari 18+, Firefox 128+.
 *
 * Anchor variables (--brand-primary, --brand-accent) live in theme-anchors.css,
 * which is imported separately from the Tailwind pipeline so :root and
 * [data-theme] selectors pass through to the browser unchanged.
 */

/* ── Derived Scales ────────────────────────────────────────────────────── */
/* L-offsets: calibrated to Tailwind's cyan lightness curve, anchored at   */
/*   700. Chroma tapers at extremes to prevent neon pastels / mud darks.   */

@theme inline {
  /* ── Primary scale (teal) ─────────────────────────────────────────── */
  --color-primary-50: oklch(from var(--brand-primary) calc(l + 0.44) calc(c * 0.1) h);
  --color-primary-100: oklch(from var(--brand-primary) calc(l + 0.42) calc(c * 0.2) h);
  --color-primary-200: oklch(from var(--brand-primary) calc(l + 0.38) calc(c * 0.35) h);
  --color-primary-300: oklch(from var(--brand-primary) calc(l + 0.33) calc(c * 0.55) h);
  --color-primary-400: oklch(from var(--brand-primary) calc(l + 0.26) calc(c * 0.8) h);
  --color-primary-500: oklch(from var(--brand-primary) calc(l + 0.19) c h);
  --color-primary-600: oklch(from var(--brand-primary) calc(l + 0.09) c h);
  --color-primary-700: oklch(from var(--brand-primary) l c h);
  --color-primary-800: oklch(from var(--brand-primary) calc(l - 0.08) calc(c * 0.9) h);
  --color-primary-900: oklch(from var(--brand-primary) calc(l - 0.14) calc(c * 0.7) h);
  --color-primary-950: oklch(from var(--brand-primary) calc(l - 0.24) calc(c * 0.5) h);

  /* ── Accent scale (purple) ────────────────────────────────────────── */
  --color-accent-50: oklch(from var(--brand-accent) calc(l + 0.44) calc(c * 0.1) h);
  --color-accent-100: oklch(from var(--brand-accent) calc(l + 0.42) calc(c * 0.2) h);
  --color-accent-200: oklch(from var(--brand-accent) calc(l + 0.38) calc(c * 0.35) h);
  --color-accent-300: oklch(from var(--brand-accent) calc(l + 0.33) calc(c * 0.55) h);
  --color-accent-400: oklch(from var(--brand-accent) calc(l + 0.26) calc(c * 0.8) h);
  --color-accent-500: oklch(from var(--brand-accent) calc(l + 0.19) c h);
  --color-accent-600: oklch(from var(--brand-accent) calc(l + 0.09) c h);
  --color-accent-700: oklch(from var(--brand-accent) l c h);
  --color-accent-800: oklch(from var(--brand-accent) calc(l - 0.08) calc(c * 0.9) h);
  --color-accent-900: oklch(from var(--brand-accent) calc(l - 0.14) calc(c * 0.7) h);
  --color-accent-950: oklch(from var(--brand-accent) calc(l - 0.24) calc(c * 0.5) h);

  /* ── Semantic aliases (backward compat) ───────────────────────────── */
  /* These preserve existing bg-brand, text-brand-dark, etc. classes     */
  /* used across packages/appointment/ and other migrated code.          */
  --color-brand: var(--color-primary-700);
  --color-brand-dark: var(--color-primary-800);
  --color-brand-light: var(--color-primary-200);
  --color-brand-mid: var(--color-primary-400);

  /* ── Navigation & header (structural, not brand-derived) ──────────── */
  --color-nav-background: var(--color-primary-700);
  --color-header-background: var(--color-primary-700);

  /* ── Neutral surfaces (fixed, not derived from primary) ───────────── */
  --color-surface-page: #f2f5f6;
  --color-surface-card: #ffffff;
  --color-surface-border: #d4e2e8;
  --color-surface-label: #7a909a;
  --color-surface-text: #1a2d35;
}


/* /@fs//home/webfront/repos/webfront/styles/semantic-bridge.css */
/**
 * Semantic CSS Variable Bridge
 * Maps semantic CSS var names to Tailwind @theme tokens.
 * Provides backward compatibility for components that still use
 * var(--text-size-body), var(--space-2), etc.
 *
 * Maintenance: edit manually. When adding vars, keep in sync with
 * REQUIRED_SEMANTIC_CSS_VARS in packages/core/src/gears/theme/semanticCssVars.ts
 * Component-scoped tokens (e.g. --grid-*) live in the first :root block below.
 */

/* ============================================================
   SEMANTIC VARIABLES — mapped to Tailwind @theme tokens
   ============================================================ */

:root {
  /* ── Colors — already in @theme via tailwind-theme.css (18 vars) ── */
  /* --color-action-primary, --color-action-primary-*, --color-bg-*, --color-border-*,
     --color-feedback-*, --color-scrollbar-*, --color-text-*, --color-action-primary-transparent */

  /* ── Spacing — bridge to Tailwind spacing tokens (7 vars) ── */
  --space-0: var(--spacing-0);
  --space-1: var(--spacing-1);
  --space-2: var(--spacing-2);
  --space-3: var(--spacing-3);
  --space-4: var(--spacing-4);
  --space-6: var(--spacing-6);
  --space-8: var(--spacing-36);

  /* ── Typography — font families (3 vars) ────────────────── */
  --font-family-app: var(--font-app);
  --font-family-mono: var(--font-mono);
  --font-family-sans: var(--font-sans);

  /* ── Typography — font sizes (3 vars) ──────────────────── */
  --text-size-body: var(--font-size-sm);
  --text-size-label: var(--font-size-xs);
  /* Literal value — no Tailwind equivalent */
  --text-size-title: 20px;

  /* ── Typography — line heights (2 vars) ────────────────── */
  /* Literal values — no Tailwind equivalents */
  --text-line-height-body: 1.4;
  --text-line-height-title: 1.2;

  /* ── Typography — font weights (3 vars) ────────────────── */
  --text-weight-regular: var(--font-weight-normal);
  --text-weight-medium: var(--font-weight-medium);
  --text-weight-bold: var(--font-weight-bold);

  /* ── Border radius (5 vars) ────────────────────────────── */
  --radius-none: var(--radius-none);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-pill: var(--radius-pill);

  /* ── Motion — durations (3 vars) ───────────────────────── */
  --motion-duration-fast: var(--duration-fast);
  --motion-duration-base: var(--duration-base);
  --motion-duration-slow: var(--duration-slow);

  /* ── Motion — easings (2 vars) ─────────────────────────── */
  --motion-ease-standard: var(--ease-standard);
  --motion-ease-emphasized: var(--ease-emphasized);

  /* ── Layout (2 vars) ────────────────────────────────────── */
  --layout-page-min-width: var(--page-min-width);
  --layout-page-max-width: var(--page-max-width);

  /* ── Elevation — shadows (2 vars) ───────────────────────── */
  --elevation-overlay-shadow: var(--shadow-overlay);
  --elevation-popout-shadow: var(--shadow-popout);

  /* ── Grid (11 vars) — SmartGrid component scope ── */
  --grid-cell-bg: var(--color-surface-card);
  --grid-header-bg: #f8f8f8;
  --grid-header-fg: inherit;
  --grid-border-color: #cccccc;
  --grid-row-hover-bg: var(--color-blue-lighten-4);
  --grid-font-family: var(--font-family-app);
  --grid-close-icon-hover-bg: rgba(0, 0, 0, 0.5);
  --grid-close-icon-hover-fg: #ffffff;
  --grid-active-border: var(--color-blue-base);
  --grid-group-totals-bg: var(--grid-header-bg);
  --grid-paginator-hover-bg: var(--color-grey-lighten);
}

/* ============================================================
   LEGACY FALLBACK VARS — used by old stylesheets
   Maps old naming conventions to new semantic names.
   Derived from semantic-palette.ts legacyVarMap.
   ============================================================ */

:root {
  /* Legacy color names */
  --primary-colour: var(--color-action-primary);
  --primary-hover-colour: var(--color-action-primary-hover);
  --primary-active-colour: var(--color-action-primary-active);
  --primary-text-colour: var(--color-action-primary-text);
  --background-colour: var(--color-bg-page);
  --border-colour: var(--color-border-default);
  --text-colour: var(--color-text-primary);
  --danger-colour: var(--color-feedback-danger);
  --info-colour: var(--color-feedback-info);
  --success-colour: var(--color-feedback-success);
  --warning-colour: var(--color-feedback-warning);

  /* Legacy transition / motion name */
  --short-transition: var(--motion-duration-fast);

  /* Legacy spacing name */
  --base-padding: var(--space-2);

  /* Legacy layout names */
  --max-page-width: var(--layout-page-max-width);
  --min-page-width: var(--layout-page-min-width);
}

/* ============================================================
   MATERIAL THEME OVERRIDES — SmartGrid component scope
   Co-scoped with .data-grid-disable to avoid tenant-theme collision.
   ============================================================ */

:where(table.data-grid-disable)[data-theme="theme-material"] {
  --grid-header-bg: transparent;
  --grid-header-fg: rgb(0 0 0 / 0.54);
  --grid-border-color: #dddddd;
  --grid-cell-bg: transparent;
  --grid-font-family: "Roboto";
  --grid-row-hover-bg: transparent;
}

/* ============================================================
   Firefox UA workaround
   ============================================================ */

[data-firefox-fix] thead th:not(.spacer),
[data-firefox-fix] tbody th:not(.spacer) {
  background-clip: padding-box;
}


/* /@fs//home/webfront/repos/webfront/styles/tailwind-custom-variants.css */
/*
 * Custom Tailwind v4 variants for PandaCSS condition equivalents.
 *
 * These map to the 13 custom conditions defined in panda.config.ts:597-623.
 * Standard Panda conditions (_hover, _focus, etc.) map to built-in Tailwind
 * variants and don't need definitions here.
 *
 * IMPORTANT: These conditions use CSS CLASS selectors (.disabled, .focused),
 * NOT pseudo-classes (:disabled, :focus). This distinction is critical —
 * mixing them up produces silently wrong styling.
 */

/* ── Theme conditions ────────────────────────────────────────────────────────
 * Activated by data-theme attribute on <html>, set by getApplicationTheme().
 * Uses :is() ancestor selector so it applies to all descendants.
 */
@custom-variant beedee (&:is([data-theme="beedee-bags"] *));
@custom-variant pilatus (&:is([data-theme="webfront-blue"] *));
@custom-variant track (&:is([data-theme="track"] *));

/* ── Component state CSS classes ─────────────────────────────────────────────
 * Applied via JS/React className toggling (e.g. <div className="active">).
 * The ui- prefix in the variant name avoids collision with Tailwind's built-in
 * :active, :disabled, :focus pseudo-class variants.
 */
@custom-variant ui-active (&.active);
@custom-variant ui-disabled (&.disabled);
@custom-variant ui-open (&.open);
@custom-variant ui-focus (&.focus);
@custom-variant ui-loading (&.loading);
@custom-variant ui-complete (&.complete);
@custom-variant ui-animated (&.animated);
@custom-variant ui-skeleton (&.skeleton);

/* ── UI pattern classes ──────────────────────────────────────────────────────
 * More complex selectors for common interaction patterns.
 */
@custom-variant hover-only (&.hover-only);
@custom-variant validation-error (&.validation-error);
@custom-variant not-disabled (&:not(.disabled));
@custom-variant hover-not-disabled (&:hover:not(.disabled));

/*
 * focus-or-hover-not-disabled: comma-separated selector.
 *
 * Tailwind v4 @custom-variant supports comma selectors via the
 * functional syntax: @custom-variant name (selector1, selector2).
 *
 * Verified in Phase 0.1.5 — if this doesn't work, split into two variants:
 *   @custom-variant focus-not-disabled (&.focused);
 *   @custom-variant hover-not-disabled-alt (&:hover:not(.disabled));
 * and combine at the call site: cn("focus-not-disabled:... hover-not-disabled-alt:...")
 */
@custom-variant focus-or-hover-not-disabled (&.focused, &:hover:not(.disabled));

/* ── Structural combinator ──────────────────────────────────────────────
 * Adjacent sibling (& + &) — used for spacing between repeated elements.
 * Only 1 usage in source (Panel.styles.ts), likely flagged PANDA_MANUAL.
 */
@custom-variant adjacent-sibling (& + &);


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@mdxeditor+editor@3.55.0_@codemirror+language@6.12.3_@lezer+highlight@1.2.3_@types+reac_720cee2a1140825d6c1cd58a0b76f46c/node_modules/@mdxeditor/editor/dist/style.css */
:root, .light, .light-theme {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --blue-1: color(display-p3 0.986 0.992 0.999);
      --blue-2: color(display-p3 0.96 0.979 0.998);
      --blue-3: color(display-p3 0.912 0.956 0.991);
      --blue-4: color(display-p3 0.853 0.932 1);
      --blue-5: color(display-p3 0.788 0.894 0.998);
      --blue-6: color(display-p3 0.709 0.843 0.976);
      --blue-7: color(display-p3 0.606 0.777 0.947);
      --blue-8: color(display-p3 0.451 0.688 0.917);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.234 0.523 0.912);
      --blue-11: color(display-p3 0.15 0.44 0.84);
      --blue-12: color(display-p3 0.102 0.193 0.379);
    }
  }
}

.dark, .dark-theme {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
    }
  }
}

:root, .light, .light-theme {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-1: color(display-p3 0.988 0.988 0.992);
      --slate-2: color(display-p3 0.976 0.976 0.984);
      --slate-3: color(display-p3 0.94 0.941 0.953);
      --slate-4: color(display-p3 0.908 0.909 0.925);
      --slate-5: color(display-p3 0.88 0.881 0.901);
      --slate-6: color(display-p3 0.85 0.852 0.876);
      --slate-7: color(display-p3 0.805 0.808 0.838);
      --slate-8: color(display-p3 0.727 0.733 0.773);
      --slate-9: color(display-p3 0.547 0.553 0.592);
      --slate-10: color(display-p3 0.503 0.512 0.549);
      --slate-11: color(display-p3 0.379 0.392 0.421);
      --slate-12: color(display-p3 0.113 0.125 0.14);
    }
  }
}

.dark, .dark-theme {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
    }
  }
}

:root, .light, .light-theme {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --grass-1: color(display-p3 0.986 0.996 0.985);
      --grass-2: color(display-p3 0.966 0.983 0.964);
      --grass-3: color(display-p3 0.923 0.965 0.917);
      --grass-4: color(display-p3 0.872 0.94 0.865);
      --grass-5: color(display-p3 0.811 0.908 0.802);
      --grass-6: color(display-p3 0.733 0.864 0.724);
      --grass-7: color(display-p3 0.628 0.803 0.622);
      --grass-8: color(display-p3 0.477 0.72 0.482);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.344 0.598 0.342);
      --grass-11: color(display-p3 0.263 0.488 0.261);
      --grass-12: color(display-p3 0.151 0.233 0.153);
    }
  }
}

:root, .light, .light-theme {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --cyan-1: color(display-p3 0.982 0.992 0.996);
      --cyan-2: color(display-p3 0.955 0.981 0.984);
      --cyan-3: color(display-p3 0.888 0.965 0.975);
      --cyan-4: color(display-p3 0.821 0.941 0.959);
      --cyan-5: color(display-p3 0.751 0.907 0.935);
      --cyan-6: color(display-p3 0.671 0.862 0.9);
      --cyan-7: color(display-p3 0.564 0.8 0.854);
      --cyan-8: color(display-p3 0.388 0.715 0.798);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.264 0.583 0.71);
      --cyan-11: color(display-p3 0.08 0.48 0.63);
      --cyan-12: color(display-p3 0.108 0.232 0.277);
    }
  }
}

:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: color(display-p3 0.995 0.992 0.985);
      --amber-2: color(display-p3 0.994 0.986 0.921);
      --amber-3: color(display-p3 0.994 0.969 0.782);
      --amber-4: color(display-p3 0.989 0.937 0.65);
      --amber-5: color(display-p3 0.97 0.902 0.527);
      --amber-6: color(display-p3 0.936 0.844 0.506);
      --amber-7: color(display-p3 0.89 0.762 0.443);
      --amber-8: color(display-p3 0.85 0.65 0.3);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 0.959 0.741 0.274);
      --amber-11: color(display-p3 0.64 0.4 0);
      --amber-12: color(display-p3 0.294 0.208 0.145);
    }
  }
}

:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: color(display-p3 0.998 0.989 0.988);
      --red-2: color(display-p3 0.995 0.971 0.971);
      --red-3: color(display-p3 0.985 0.925 0.925);
      --red-4: color(display-p3 0.999 0.866 0.866);
      --red-5: color(display-p3 0.984 0.812 0.811);
      --red-6: color(display-p3 0.955 0.751 0.749);
      --red-7: color(display-p3 0.915 0.675 0.672);
      --red-8: color(display-p3 0.872 0.575 0.572);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.798 0.294 0.285);
      --red-11: color(display-p3 0.744 0.234 0.222);
      --red-12: color(display-p3 0.36 0.115 0.143);
    }
  }
}

/** Code mirror */

.mdxeditor .cm-editor {
    --sp-font-mono: var(--font-mono);
    --sp-font-body: var(--font-body);
    padding: var(--sp-space-4) 0;
  }

.mdxeditor .sp-editor .cm-editor {
    padding-bottom: 0;
  }

.mdxeditor .cm-scroller {
    padding: 0 !important;
  }

.mdxeditor .cm-focused {
    outline: none;
  }

.mdxeditor .sp-wrapper {
    overflow: hidden;
  }

.mdxeditor .sp-layout {
    border: none;
  }

.mdxeditor .sp-cm pre {
      white-space: break-spaces;
      word-break: break-word;
      overflow-wrap: anywhere;
      flex-shrink: 1;
    }

/** Diff viewer */

.mdxeditor .cm-mergeView .cm-scroller {
    font-family: var(--font-mono);
    line-height: 1.3rem;
    font-size: var(--text-xs);
  }

/** Diff viewer */

.mdxeditor .cm-sourceView .cm-scroller {
    font-family: var(--font-mono);
    line-height: 1.3rem;
    font-size: var(--text-xs);
  }

.mdxeditor .cm-gutters {
    background: transparent;
    font-size: var(--text-xxs);
  }

.mdxeditor .cm-activeLine {
    background: transparent;
  }

.mdxeditor .cm-tooltip-autocomplete {
    background: var(--baseBgSubtle);
  }

.mdxeditor hr.selected[data-lexical-decorator=true] {
    outline: 2px solid highlight;
  }
._editorRoot_1e2ox_53 {
  --accentBase: var(--blue-1);
  --accentBgSubtle: var(--blue-2);
  --accentBg: var(--blue-3);
  --accentBgHover: var(--blue-4);
  --accentBgActive: var(--blue-5);
  --accentLine: var(--blue-6);
  --accentBorder: var(--blue-7);
  --accentBorderHover: var(--blue-8);
  --accentSolid: var(--blue-9);
  --accentSolidHover: var(--blue-10);
  --accentText: var(--blue-11);
  --accentTextContrast: var(--blue-12);

  --basePageBg: white;
  --baseBase: var(--slate-1);
  --baseBgSubtle: var(--slate-2);
  --baseBg: var(--slate-3);
  --baseBgHover: var(--slate-4);
  --baseBgActive: var(--slate-5);
  --baseLine: var(--slate-6);
  --baseBorder: var(--slate-7);
  --baseBorderHover: var(--slate-8);
  --baseSolid: var(--slate-9);
  --baseSolidHover: var(--slate-10);
  --baseText: var(--slate-11);
  --baseTextContrast: var(--slate-12);

  --admonitionTipBg: var(--cyan-4);
  --admonitionTipBorder: var(--cyan-8);

  --admonitionInfoBg: var(--grass-4);
  --admonitionInfoBorder: var(--grass-8);

  --admonitionCautionBg: var(--amber-4);
  --admonitionCautionBorder: var(--amber-8);

  --admonitionDangerBg: var(--red-4);
  --admonitionDangerBorder: var(--red-8);

  --admonitionNoteBg: var(--slate-4);
  --admonitionNoteBorder: var(--slate-8);

  --error-color: var(--red-10);

  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-0_5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1_5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2_5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3_5: 0.875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;

  --radius-none: 0px;
  --radius-small: var(--spacing-0_5);
  --radius-base: var(--spacing-1);
  --radius-medium: var(--spacing-1_5);
  --radius-large: var(--spacing-2);
  --radius-extra-large: var(--spacing-3);
  --radius-full: 9999px;

  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
    sans-serif;

  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --text-xxs: 0.6rem;

  font-family: var(--font-body);
  color: var(--baseText);
}

._editorWrapper_1e2ox_155 {
}

._nestedListItem_1e2ox_158 {
  list-style: none;
}

._toolbarRoot_1e2ox_162 {
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
  border-radius: var(--radius-medium);
  padding: var(--spacing-1_5);
  align-items: center;
  overflow-x: auto;
  position: sticky;
  top: 0;
  background-color: var(--baseBg);
  width: inherit;
}

._toolbarRoot_1e2ox_162 div[role='separator'] {
    margin: var(--spacing-2) var(--spacing-1);
    border-left: 1px solid var(--baseBorder);
    border-right: 1px solid var(--baseBase);
    height: var(--spacing-4);
  }

._toolbarRoot_1e2ox_162 svg {
    color: var(--baseTextContrast);
    display: block;
  }

._readOnlyToolbarRoot_1e2ox_189 {
  pointer-events: none;
  background: var(--baseBase);
}

._readOnlyToolbarRoot_1e2ox_189 > div {
    opacity: 0.5;
  }

._toolbarModeSwitch_1e2ox_198 {
  opacity: 1 !important;
  margin-left: auto;
  align-self: stretch;
  align-items: stretch;
  display: flex;
  border: 1px solid var(--baseBg);
  border-radius: var(--radius-medium);
  font-size: var(--text-xs);
}

._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
    padding-inline-end: var(--spacing-4);
    padding-inline-start: var(--spacing-4);
  }

._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,
    ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {
      background-color: var(--baseBorder);
    }

._toolbarGroupOfGroups_1e2ox_219 {
  display: flex;
  margin: 0 var(--spacing-1);
}

._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,
._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,
._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarToggleItem_1e2ox_208,
._toolbarButton_1e2ox_239 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-0_5);
}

@media (hover: hover) {
    ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
      background-color: var(--baseBgActive);
    }
  }

._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
    transform: translate(1px, 1px);
  }

._toolbarToggleItem_1e2ox_208[data-state='on'],
  ._toolbarButton_1e2ox_239[data-state='on'],
  ._toolbarToggleItem_1e2ox_208:active,
  ._toolbarButton_1e2ox_239:active {
    color: var(--baseTextContrast);
    background-color: var(--baseBgActive);
  }

._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
    pointer-events: none;
  }

._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
      color: var(--baseBorderHover);
    }

._toolbarButton_1e2ox_239 {
  border-radius: var(--radius-base);
}

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

._activeToolbarButton_1e2ox_275 {
  color: var(--accentText);
}

._toolbarToggleSingleGroup_1e2ox_224 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

._toolbarNodeKindSelectContainer_1e2ox_285,
._toolbarButtonDropdownContainer_1e2ox_286,
._toolbarCodeBlockLanguageSelectContent_1e2ox_287,
._selectContainer_1e2ox_288 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  z-index: 3;
  width: var(--spacing-36);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
  background-color: var(--basePageBg);
  font-size: var(--text-sm);
}

._toolbarButtonDropdownContainer_1e2ox_286 {
  border-top-right-radius: var(--radius-base);
}

._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
    border-top-right-radius: var(--radius-base);
  }

._toolbarNodeKindSelectTrigger_1e2ox_306,
._toolbarButtonSelectTrigger_1e2ox_307,
._selectTrigger_1e2ox_308 {
  border: 0;
  background-color: transparent;
  display: flex;
  color: inherit;
  align-items: center;
  width: var(--spacing-36);
  padding: var(--spacing-0_5) var(--spacing-1);
  padding-inline-start: var(--spacing-2);
  border-radius: var(--radius-medium);
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: var(--text-sm);
  background-color: var(--basePageBg);
  margin: 0 var(--spacing-1);
}

._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {
    filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
  color: var(--baseBorderHover);
}

/** used in the sandpack */
._toolbarButtonSelectTrigger_1e2ox_307 {
  width: auto;
  padding-inline-start: var(--spacing-2);
  padding-inline-end: var(--spacing-1);
  padding-block: var(--spacing-0_5);
}

._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,
._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
  width: var(--spacing-48);
}

._toolbarNodeKindSelectItem_1e2ox_348,
._selectItem_1e2ox_301 {
  cursor: default;
  display: flex;
  padding: var(--spacing-2);
}

._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
    background-color: var(--baseBg);
  }

._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {
    color: var(--baseTextContrast);
    background-color: var(--baseBg);
  }

._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
    outline: none;
  }

._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
    border-bottom-left-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base);
  }

._toolbarNodeKindSelectDropdownArrow_1e2ox_373,
._selectDropdownArrow_1e2ox_374 {
  margin-left: auto;
  display: flex;
  align-items: center;
}

._contentEditable_1e2ox_380 {
  box-sizing: border-box;
  width: 100%;
  color: var(--baseTextContrast);

  padding: var(--spacing-3);
}

._contentEditable_1e2ox_380:focus {
    outline: none;
  }

._codeMirrorWrapper_1e2ox_392 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  overflow: hidden;
  padding: 0.8rem;
  position: relative;
}

._sandPackWrapper_1e2ox_401 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  overflow: hidden;
  position: relative;
}

._codeMirrorToolbar_1e2ox_409 {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
}

._frontmatterWrapper_1e2ox_413 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-3);
  background-color: var(--baseBgSubtle);
}

._frontmatterWrapper_1e2ox_413[data-expanded='true'] {
    margin-bottom: var(--spacing-10);
  }

._frontmatterToggleButton_1e2ox_423 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  font-size: var(--text-sm);
}

._propertyPanelTitle_1e2ox_431 {
  font-size: var(--text-xs);
  font-weight: 400;
  margin: 0;
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-2);
}

._propertyEditorTable_1e2ox_439 {
  table-layout: fixed;
  border-spacing: var(--spacing-2);
}

._propertyEditorTable_1e2ox_439 th {
    text-align: left;
    font-size: var(--text-sm);
    padding: var(--spacing-2) var(--spacing-3);
  }

._propertyEditorTable_1e2ox_439 col:nth-child(1) {
    width: 30%;
  }

._propertyEditorTable_1e2ox_439 col:nth-child(2) {
    width: 70%;
  }

._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
    margin-left: var(--spacing-4);
    margin-right: var(--spacing-4);
  }

._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
    padding-left: 0;
  }

._propertyEditorLabelCell_1e2ox_467 {
  font-weight: 400;
}

._readOnlyColumnCell_1e2ox_462 {
  padding-left: 0;
}

._buttonsFooter_1e2ox_475 {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-2);
}

._propertyEditorInput_1e2ox_481 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  font-size: var(--text-sm);
}

._iconButton_1e2ox_457 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseText);
}

@media (hover: hover) {
    ._iconButton_1e2ox_457:hover {
      color: var(--baseTextContrast);
    }
  }

._iconButton_1e2ox_457:disabled,
  ._iconButton_1e2ox_457:disabled:hover {
    color: var(--baseLine);
  }

._primaryButton_1e2ox_507,
._secondaryButton_1e2ox_508 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--accentBorder);
  background-color: var(--accentSolidHover);
  color: var(--baseBase);
  font-size: var(--text-xs);
  border-radius: var(--radius-medium);
}

._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
    background: var(--accentLine);
    border-color: var(--accentBg);
  }

._smallButton_1e2ox_523 {
  font-size: var(--text-xs);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-base);
}

._secondaryButton_1e2ox_508 {
  border: 1px solid var(--baseBorder);
  background-color: var(--baseSolidHover);
  color: var(--baseBase);
}

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

._linkDialogEditForm_1e2ox_541 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-2);
  padding: 0;
}

._linkDialogInputContainer_1e2ox_549 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

._linkDialogInputWrapper_1e2ox_555 {
  display: flex;
  align-items: center;
  background-color: var(--baseBase);

  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
}

._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
    border-bottom-width: 0;
  }

._linkDialogInputWrapper_1e2ox_555 > button {
    border: 0;
    background-color: transparent;
    font-size: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    all: unset;
    box-sizing: border-box;
    cursor: default;
    padding-right: var(--spacing-2);
  }

._linkDialogInput_1e2ox_549,
._dialogInput_1e2ox_576 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {
    color: var(--baseBorder);
  }

._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
    color: var(--baseBorder);
  }

._linkDialogAnchor_1e2ox_587 {
  position: fixed;
  background-color: highlight;
  z-index: -1;
}

._linkDialogAnchor_1e2ox_587[data-visible='true'] {
    visibility: visible;
  }

._linkDialogAnchor_1e2ox_587[data-visible='false'] {
    visibility: hidden;
  }

._linkDialogPopoverContent_1e2ox_601,
._tableColumnEditorPopoverContent_1e2ox_602,
._dialogContent_1e2ox_603 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  display: flex;
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBg);
  background-color: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-1);
  font-size: var(--text-sm);
}

._largeDialogContent_1e2ox_615 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-4);
  font-size: var(--text-sm);
}

._dialogTitle_1e2ox_625 {
  font-size: var(--text-base);
  font-weight: 600;
  padding-left: var(--spacing-2);
}

._dialogCloseButton_1e2ox_631 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  position: absolute;
  top: 10px;
  right: 10px;
}

._popoverContent_1e2ox_638 {
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
  display: flex;
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-2) var(--spacing-2);
  font-size: var(--text-sm);
  z-index: 1;
}

._popoverArrow_1e2ox_650 {
  fill: var(--basePageBg);
}

._linkDialogPreviewAnchor_1e2ox_654 {
  margin-right: var(--spacing-1);
  display: flex;
  align-items: center;
  color: var(--accentText);
  text-decoration: none;

  border: 1px solid transparent;
}

@media (hover: hover) {
    ._linkDialogPreviewAnchor_1e2ox_654:hover {
      color: var(--accentSolidHover);
    }
  }

._linkDialogPreviewAnchor_1e2ox_654 span {
    max-width: 14rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

._tooltipTrigger_1e2ox_677 {
  align-self: center;
}

._tooltipContent_1e2ox_681 {
  z-index: 2;
  position: relative;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1) var(--spacing-2);
  font-size: var(--text-xs);
  background-color: var(--baseText);
  color: var(--baseBase);
}

._tooltipContent_1e2ox_681 svg {
    fill: var(--baseText);
  }

._actionButton_1e2ox_695 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1) var(--spacing-1);
  border-radius: var(--radius-medium);
  color: var(--baseTextContrast);
}

._actionButton_1e2ox_695 svg {
    display: block;
  }

@media (hover: hover) {
    ._actionButton_1e2ox_695:hover {
      background-color: var(--baseBg);
    }
  }

._actionButton_1e2ox_695:active svg {
    transform: translate(1px, 1px);
  }

._actionButton_1e2ox_695[data-state='on'],
  ._actionButton_1e2ox_695:active {
    background-color: var(--baseBg);
    color: var(--baseTextContrast);
  }

._primaryActionButton_1e2ox_702 {
  background-color: var(--accentSolid);
  color: var(--baseBase);
}

@media (hover: hover) {
    ._primaryActionButton_1e2ox_702:hover {
      background-color: var(--accentSolidHover);
      color: var(--baseBase);
    }
  }

._tableEditor_1e2ox_714 {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

._tableEditor_1e2ox_714 thead > tr > th {
    text-align: right;
  }

._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),
  ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {
    border: 1px solid var(--baseBgActive);
    padding: var(--spacing-1) var(--spacing-2);
    white-space: normal;
  }

:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {
      outline: none;
    }

:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {
        margin: 0;
      }

[data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {
      outline: solid 1px var(--baseSolid);
    }

._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,
  ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,
  ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,
  ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,
  ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
    opacity: 0.15;
  }

@media (hover: hover) {
      ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,
      ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,
      ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,
      ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,
      ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
        opacity: 0.3;
      }

        ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
          opacity: 1;
        }
  }

._toolCell_1e2ox_725 {
  text-align: right;
}

._toolCell_1e2ox_725 button {
    margin: auto;
    display: block;
  }

._tableColumnEditorTrigger_1e2ox_744 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1);
  border-radius: var(--radius-full);
  opacity: 0.2;
}

._tableColumnEditorTrigger_1e2ox_744 svg {
    display: block;
  }

@media (hover: hover) {
    ._tableColumnEditorTrigger_1e2ox_744:hover {
      background-color: var(--baseBg);
    }
  }

._tableColumnEditorTrigger_1e2ox_744:active svg {
    transform: translate(1px, 1px);
  }

._tableColumnEditorTrigger_1e2ox_744[data-state='on'],
  ._tableColumnEditorTrigger_1e2ox_744:active {
    background-color: var(--baseBg);
    color: var(--baseTextContrast);
  }

._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {
    opacity: 1 !important;
  }

._tableColumnEditorToolbar_1e2ox_789 {
  display: flex;
}

._tableColumnEditorToolbar_1e2ox_789 > button {
    border: 0;
    background-color: transparent;
    font-size: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    all: unset;
    box-sizing: border-box;
    cursor: default;
    padding: var(--spacing-1);
    color: var(--baseTextContrast);
  }

._tableColumnEditorToolbar_1e2ox_789 > button svg {
    display: block;
  }

@media (hover: hover) {
    ._tableColumnEditorToolbar_1e2ox_789 > button:hover {
      background-color: var(--baseBg);
    }
  }

._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
    transform: translate(1px, 1px);
  }

._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],
  ._tableColumnEditorToolbar_1e2ox_789 > button:active {
    background-color: var(--baseBg);
    color: var(--baseTextContrast);
  }

._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {
    margin-left: var(--spacing-1);
    margin-right: var(--spacing-1);
  }

._toggleGroupRoot_1e2ox_802 {
  display: inline-flex;
}

._toggleGroupRoot_1e2ox_802 button {
    border: 0;
    background-color: transparent;
    font-size: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    all: unset;
    box-sizing: border-box;
    cursor: default;
    padding: var(--spacing-1);
    color: var(--baseTextContrast);
  }

._toggleGroupRoot_1e2ox_802 button svg {
    display: block;
  }

@media (hover: hover) {
    ._toggleGroupRoot_1e2ox_802 button:hover {
      background-color: var(--baseBg);
    }
  }

._toggleGroupRoot_1e2ox_802 button:active svg {
    transform: translate(1px, 1px);
  }

._toggleGroupRoot_1e2ox_802 button[data-state='on'],
  ._toggleGroupRoot_1e2ox_802 button:active {
    background-color: var(--baseBg);
    color: var(--baseTextContrast);
  }

._toggleGroupRoot_1e2ox_802 button:first-child {
      border-top-left-radius: var(--radius-base);
      border-bottom-left-radius: var(--radius-base);
    }

._toggleGroupRoot_1e2ox_802 button:last-child {
      border-top-right-radius: var(--radius-base);
      border-bottom-right-radius: var(--radius-base);
    }

._tableToolsColumn_1e2ox_820 {
  width: 2rem;
}

._tableToolsColumn_1e2ox_820 button {
    margin: auto;
    display: block;
  }

._leftAlignedCell_1e2ox_829 {
  text-align: left;
}

._rightAlignedCell_1e2ox_833 {
  text-align: right;
}

._centeredCell_1e2ox_837 {
  text-align: center;
}

._addColumnButton_1e2ox_747,
._addRowButton_1e2ox_746 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  background-color: var(--baseBase);

  display: flex;
  align-items: center;
}

._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
    display: block;
  }

@media (hover: hover) {
    ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
      background-color: var(--baseBg);
    }
  }

._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
    transform: translate(1px, 1px);
  }

._addColumnButton_1e2ox_747[data-state='on'],
  ._addRowButton_1e2ox_746[data-state='on'],
  ._addColumnButton_1e2ox_747:active,
  ._addRowButton_1e2ox_746:active {
    background-color: var(--baseBg);
    color: var(--baseTextContrast);
  }

._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
    margin: auto;
  }

._addRowButton_1e2ox_746 {
  width: 100%;
  margin-top: var(--spacing-px);
  box-sizing: border-box;
  border-bottom-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
}

._addColumnButton_1e2ox_747 {
  margin-left: var(--spacing-px);
  height: 100%;
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

/** Dialog */
._dialogOverlay_1e2ox_870 {
  position: fixed;
  inset: 0;
  animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  background-color: var(--baseBase);
  z-index: 51;
  opacity: 0.5;
}

._dialogContent_1e2ox_603,
._largeDialogContent_1e2ox_615 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 52;
}

._dialogContent_1e2ox_603:focus,
._largeDialogContent_1e2ox_615:focus {
  outline: none;
}

@keyframes _overlayShow_1e2ox_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.5;
  }
}

@keyframes _contentShow_1e2ox_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }

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

._focusedImage_1e2ox_916 {
  outline: highlight solid 2px;
}

._imageWrapper_1e2ox_920 {
  display: inline-block;
  position: relative;
}

._imageWrapper_1e2ox_920[draggable='true'] {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}

._editImageToolbar_1e2ox_933 {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
}

._editImageButton_1e2ox_937 svg {
    display: block;
  }

._inlineEditor_1e2ox_943 {
  display: inline-flex;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1);
  gap: var(--spacing-2);
  align-items: center;
  background: var(--baseBg);
}

._blockEditor_1e2ox_952 {
  display: flex;
  justify-content: stretch;
  border-radius: var(--radius-medium);
  padding: var(--spacing-2);
  gap: var(--spacing-2);
  align-items: center;
  background: var(--baseBg);
}

._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
    flex-grow: 1;
  }

._nestedEditor_1e2ox_961 {
  background: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-medium);
}

._nestedEditor_1e2ox_961 > p {
    margin: 0;
  }

._nestedEditor_1e2ox_961:focus {
    outline: none;
  }

._genericComponentName_1e2ox_980 {
  font-size: var(--text-sm);
  color: var(--baseText);
  padding-right: var(--spacing-2);
}

._diffSourceToggleWrapper_1e2ox_986 {
  margin-left: auto;
  pointer-events: auto;
  opacity: 1;
  position: sticky;
  right: 0;
}

._ggDiffSourceToggle_1e2ox_994 {
}

._diffSourceToggle_1e2ox_986 {
  border-radius: var(--radius-medium);
  background-color: var(--baseBase);
  display: flex;
}

._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
    padding: 0;
  }

._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
      display: block;
      padding: var(--spacing-1) var(--spacing-1);
    }

._selectWithLabel_1e2ox_1012 {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-left: var(--spacing-2);
}

._selectWithLabel_1e2ox_1012 > label {
    font-size: var(--text-sm);
  }

._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
    border: 1px solid var(--baseBorder);
  }

._toolbarTitleMode_1e2ox_1027 {
  font-size: var(--text-sm);
  margin-left: var(--spacing-2);
}

._imageControlWrapperResizing_1e2ox_1032 {
  touch-action: none;
}

._imageResizer_1e2ox_1036 {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: var(--accentText);
  border: 1px solid var(--baseBg);
}

._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}

._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}

._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}

._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}

._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}

._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}

._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}

._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}

._imagePlaceholder_1e2ox_1093 {
  border: 2px dashed;
  padding: 48px;
  margin: 12px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

._imageDimensionsContainer_1e2ox_1101 {
  display: flex;
  gap: var(--spacing-4);
}

._placeholder_1e2ox_1106 {
  color: var(--baseSolid);
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: var(--spacing-3);
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  display: inline-block;
  pointer-events: none;
}

._rootContentEditableWrapper_1e2ox_1119 {
  position: relative;
}

._downshiftContainer_1e2ox_1123 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

._downshiftInputWrapper_1e2ox_1129 {
  display: flex;
  align-items: center;
  background-color: var(--baseBase);

  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
}

._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {
    border-bottom-left-radius: var(--radius-none);
    border-bottom-right-radius: var(--radius-none);
    border-bottom-width: 0;
  }

._downshiftInputWrapper_1e2ox_1129 > button {
    border: 0;
    background-color: transparent;
    font-size: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    all: unset;
    box-sizing: border-box;
    cursor: default;
    padding-right: var(--spacing-2);
  }

._downshiftInput_1e2ox_1129 {
  border: 0;
  background-color: transparent;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._downshiftInput_1e2ox_1129::-moz-placeholder {
    color: var(--baseBorder);
  }

._downshiftInput_1e2ox_1129::placeholder {
    color: var(--baseBorder);
  }

._downshiftAutocompleteContainer_1e2ox_1160 {
  position: relative;
}

._downshiftAutocompleteContainer_1e2ox_1160 ul {
    all: unset;
    box-sizing: border-box;
    position: absolute;
    font-size: var(--text-sm);
    width: 100%;
    display: none;
    border-bottom-left-radius: var(--radius-medium);
    border-bottom-right-radius: var(--radius-medium);
    max-height: var(--spacing-48);
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--baseBorder);
    border-top-width: 0;
    background-color: var(--baseBase);
  }

._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {
      display: block;
    }

._downshiftAutocompleteContainer_1e2ox_1160 ul li {
      padding: var(--spacing-2) var(--spacing-3);
      white-space: nowrap;
      margin-bottom: var(--spacing-1);
      overflow-x: hidden;
      text-overflow: ellipsis;
    }

._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {
        background-color: var(--baseBgSubtle);
      }

._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {
        background-color: var(--baseBgHover);
      }

._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
        border-bottom-left-radius: var(--radius-medium);
        border-bottom-right-radius: var(--radius-medium);
      }

._textInput_1e2ox_1206 {
  all: unset;
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  padding: var(--spacing-2) var(--spacing-3);
}

form._multiFieldForm_1e2ox_1214 {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-2);
  gap: var(--spacing-2);
}

form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
  }

form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
      font-size: var(--text-xs);
    }

._markdownParseError_1e2ox_1231 {
  border-radius: var(--radius-base);
  border: 1px solid var(--error-color);
  padding: var(--spacing-2);
  margin-block: var(--spacing-2);
  color: var(--error-color);
  font-size: var(--text-xs);
}

._popupContainer_1e2ox_1240 {
  position: relative;
  z-index: 2;
}

._inputSizer_1e2ox_1245 {
  display: inline-grid;
  vertical-align: baseline;
  align-items: center;
  position: relative;
}

._inputSizer_1e2ox_1245::after,
  ._inputSizer_1e2ox_1245 input {
    width: auto;
    min-width: 1rem;
    grid-area: 1 / 2;
    font: inherit;
    margin: 0;
    padding: 0 2px;
    resize: none;
    background: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    color: inherit;
  }

._inputSizer_1e2ox_1245 span {
    padding: 0.25em;
  }

._inputSizer_1e2ox_1245::after {
    content: attr(data-value);
    white-space: pre-wrap;
  }
:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --blue-1: color(display-p3 0.986 0.992 0.999);
      --blue-2: color(display-p3 0.96 0.979 0.998);
      --blue-3: color(display-p3 0.912 0.956 0.991);
      --blue-4: color(display-p3 0.853 0.932 1);
      --blue-5: color(display-p3 0.788 0.894 0.998);
      --blue-6: color(display-p3 0.709 0.843 0.976);
      --blue-7: color(display-p3 0.606 0.777 0.947);
      --blue-8: color(display-p3 0.451 0.688 0.917);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.234 0.523 0.912);
      --blue-11: color(display-p3 0.15 0.44 0.84);
      --blue-12: color(display-p3 0.102 0.193 0.379);
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --blue-1: color(display-p3 0.057 0.081 0.122);
      --blue-2: color(display-p3 0.072 0.098 0.147);
      --blue-3: color(display-p3 0.078 0.154 0.27);
      --blue-4: color(display-p3 0.033 0.197 0.37);
      --blue-5: color(display-p3 0.08 0.245 0.441);
      --blue-6: color(display-p3 0.14 0.298 0.511);
      --blue-7: color(display-p3 0.195 0.361 0.6);
      --blue-8: color(display-p3 0.239 0.434 0.72);
      --blue-9: color(display-p3 0.247 0.556 0.969);
      --blue-10: color(display-p3 0.344 0.612 0.973);
      --blue-11: color(display-p3 0.49 0.72 1);
      --blue-12: color(display-p3 0.788 0.898 0.99);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --slate-1: color(display-p3 0.988 0.988 0.992);
      --slate-2: color(display-p3 0.976 0.976 0.984);
      --slate-3: color(display-p3 0.94 0.941 0.953);
      --slate-4: color(display-p3 0.908 0.909 0.925);
      --slate-5: color(display-p3 0.88 0.881 0.901);
      --slate-6: color(display-p3 0.85 0.852 0.876);
      --slate-7: color(display-p3 0.805 0.808 0.838);
      --slate-8: color(display-p3 0.727 0.733 0.773);
      --slate-9: color(display-p3 0.547 0.553 0.592);
      --slate-10: color(display-p3 0.503 0.512 0.549);
      --slate-11: color(display-p3 0.379 0.392 0.421);
      --slate-12: color(display-p3 0.113 0.125 0.14);
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --slate-1: color(display-p3 0.067 0.067 0.074);
      --slate-2: color(display-p3 0.095 0.098 0.105);
      --slate-3: color(display-p3 0.13 0.135 0.145);
      --slate-4: color(display-p3 0.156 0.163 0.176);
      --slate-5: color(display-p3 0.183 0.191 0.206);
      --slate-6: color(display-p3 0.215 0.226 0.244);
      --slate-7: color(display-p3 0.265 0.28 0.302);
      --slate-8: color(display-p3 0.357 0.381 0.409);
      --slate-9: color(display-p3 0.415 0.431 0.463);
      --slate-10: color(display-p3 0.469 0.483 0.514);
      --slate-11: color(display-p3 0.692 0.704 0.728);
      --slate-12: color(display-p3 0.93 0.933 0.94);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --grass-1: color(display-p3 0.986 0.996 0.985);
      --grass-2: color(display-p3 0.966 0.983 0.964);
      --grass-3: color(display-p3 0.923 0.965 0.917);
      --grass-4: color(display-p3 0.872 0.94 0.865);
      --grass-5: color(display-p3 0.811 0.908 0.802);
      --grass-6: color(display-p3 0.733 0.864 0.724);
      --grass-7: color(display-p3 0.628 0.803 0.622);
      --grass-8: color(display-p3 0.477 0.72 0.482);
      --grass-9: color(display-p3 0.38 0.647 0.378);
      --grass-10: color(display-p3 0.344 0.598 0.342);
      --grass-11: color(display-p3 0.263 0.488 0.261);
      --grass-12: color(display-p3 0.151 0.233 0.153);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --cyan-1: color(display-p3 0.982 0.992 0.996);
      --cyan-2: color(display-p3 0.955 0.981 0.984);
      --cyan-3: color(display-p3 0.888 0.965 0.975);
      --cyan-4: color(display-p3 0.821 0.941 0.959);
      --cyan-5: color(display-p3 0.751 0.907 0.935);
      --cyan-6: color(display-p3 0.671 0.862 0.9);
      --cyan-7: color(display-p3 0.564 0.8 0.854);
      --cyan-8: color(display-p3 0.388 0.715 0.798);
      --cyan-9: color(display-p3 0.282 0.627 0.765);
      --cyan-10: color(display-p3 0.264 0.583 0.71);
      --cyan-11: color(display-p3 0.08 0.48 0.63);
      --cyan-12: color(display-p3 0.108 0.232 0.277);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --amber-1: color(display-p3 0.995 0.992 0.985);
      --amber-2: color(display-p3 0.994 0.986 0.921);
      --amber-3: color(display-p3 0.994 0.969 0.782);
      --amber-4: color(display-p3 0.989 0.937 0.65);
      --amber-5: color(display-p3 0.97 0.902 0.527);
      --amber-6: color(display-p3 0.936 0.844 0.506);
      --amber-7: color(display-p3 0.89 0.762 0.443);
      --amber-8: color(display-p3 0.85 0.65 0.3);
      --amber-9: color(display-p3 1 0.77 0.26);
      --amber-10: color(display-p3 0.959 0.741 0.274);
      --amber-11: color(display-p3 0.64 0.4 0);
      --amber-12: color(display-p3 0.294 0.208 0.145);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --red-1: color(display-p3 0.998 0.989 0.988);
      --red-2: color(display-p3 0.995 0.971 0.971);
      --red-3: color(display-p3 0.985 0.925 0.925);
      --red-4: color(display-p3 0.999 0.866 0.866);
      --red-5: color(display-p3 0.984 0.812 0.811);
      --red-6: color(display-p3 0.955 0.751 0.749);
      --red-7: color(display-p3 0.915 0.675 0.672);
      --red-8: color(display-p3 0.872 0.575 0.572);
      --red-9: color(display-p3 0.83 0.329 0.324);
      --red-10: color(display-p3 0.798 0.294 0.285);
      --red-11: color(display-p3 0.744 0.234 0.222);
      --red-12: color(display-p3 0.36 0.115 0.143);
    }
  }
}

._bold_1tncs_10 {
  font-weight: bold;
}

._italic_1tncs_14 {
  font-style: italic;
}

._underline_1tncs_18 {
  text-decoration: underline;
}

._bold_1tncs_10 {
  font-weight: 700;
}

._italic_1tncs_14 {
  font-style: italic;
}

._underline_1tncs_18 {
  text-decoration: underline
}

._strikethrough_1tncs_34 {
  text-decoration: line-through
}

._underlineStrikethrough_1tncs_38 {
  text-decoration: underline line-through
}

._subscript_1tncs_42 {
  font-size: .8em;
  vertical-align: sub !important
}

._superscript_1tncs_47 {
  font-size: .8em;
  vertical-align: super
}

._code_1tncs_52 {
  background-color: var(--baseBg);
  padding: 1px .25rem;
  font-family: var(--font-mono);
  font-size: 94%
}

._nestedListItem_1tncs_59 {
  list-style: none;
  list-style-type: none;
}

._nestedListItem_1tncs_59:before,
._nestedListItem_1tncs_59:after {
  display: none;
}

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

._listItemChecked_1tncs_73,
._listItemUnchecked_1tncs_74 {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-inline-start: -1rem;
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
  list-style-type: none;
  outline: none;
}

._listItemChecked_1tncs_73 {
  text-decoration: line-through;
}

._listItemUnchecked_1tncs_74:before,
._listItemChecked_1tncs_73:before {
  content: '';
  width: var(--spacing-4);
  height: var(--spacing-4);
  top: 0;
  left: 0;
  cursor: pointer;
  display: block;
  background-size: cover;
  position: absolute;
}

._listItemUnchecked_1tncs_74[dir='rtl']:before,
._listItemChecked_1tncs_73[dir='rtl']:before {
  left: auto;
  right: 0;
}

._listItemUnchecked_1tncs_74:focus:before,
._listItemChecked_1tncs_73:focus:before {
  box-shadow: 0 0 0 2px var(--accentBgActive);
  border-radius: var(--radius-small);
}

._listItemUnchecked_1tncs_74:before {
  border: 1px solid var(--baseBorder);
  border-radius: var(--radius-small);
}

._listItemChecked_1tncs_73:before {
  border: 1px solid var(--accentBorder);
  border-radius: var(--radius-small);
  background-color: var(--accentSolid);
  background-repeat: no-repeat;
}

._listItemChecked_1tncs_73:after {
  content: '';
  cursor: pointer;
  border-color: var(--baseBase);
  border-style: solid;
  position: absolute;
  display: block;
  top: var(--spacing-0_5);
  width: var(--spacing-1);
  left: var(--spacing-1_5);
  right: var(--spacing-1_5);
  height: var(--spacing-2);
  transform: rotate(45deg);
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
}

._nestedListItem_1tncs_59 {
  list-style-type: none;
}

._nestedListItem_1tncs_59:before,
._nestedListItem_1tncs_59:after {
  display: none;
}

._admonitionDanger_1tncs_151,
._admonitionInfo_1tncs_152,
._admonitionNote_1tncs_153,
._admonitionTip_1tncs_154,
._admonitionCaution_1tncs_155 {
  padding: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-left: 3px solid var(--admonitionBorder);
  background-color: var(--admonitionBg);
}

._admonitionInfo_1tncs_152 {
  --admonitionBorder: var(--admonitionInfoBorder);
  --admonitionBg: var(--admonitionInfoBg);
}

._admonitionTip_1tncs_154 {
  --admonitionBorder: var(--admonitionTipBorder);
  --admonitionBg: var(--admonitionTipBg);
}

._admonitionCaution_1tncs_155 {
  --admonitionBorder: var(--admonitionCautionBorder);
  --admonitionBg: var(--admonitionCautionBg);
}

._admonitionDanger_1tncs_151 {
  --admonitionBorder: var(--admonitionDangerBorder);
  --admonitionBg: var(--admonitionDangerBg);
}

._admonitionNote_1tncs_153 {
  --admonitionBorder: var(--admonitionNoteBorder);
  --admonitionBg: var(--admonitionNoteBg);
}

._mdxExpression_1tncs_188 {
  font-family: var(--font-mono);
  font-size: 84%;
  color: var(--accentText);
}

._mdxExpression_1tncs_188 input:focus-visible {
    outline: none;
  }


/* /@fs/home/webfront/repos/webfront/packages/appointment/src/form/appointmentFormTheme.css */
/*
 * Appointment form theme — input-group overrides.
 *
 * Tailwind v4 arbitrary variants convert `_` to space, which mangles
 * react-select's `wf-lookup__control` / `wf-lookup__value-container`
 * BEM class names into invalid selectors (`wf-lookup value-container`).
 * These rules are kept as plain CSS so the identifiers stay intact.
 *
 * Scope: descendants of `.appointment-input-group`, which is applied by
 * InputGroupStyle in appointmentFormTheme.tsx.
 */

.appointment-input-group .wf-lookup {
  padding: 0;
}

.appointment-input-group .wf-lookup__control {
  min-height: unset;
  padding: 0;
  border: var(--form-input-border, 1.5px solid transparent);
  border-radius: var(--form-input-radius, 8px);
  background: var(--form-input-bg, #f4f9fb);
  box-shadow: none;
  font-family: var(--form-input-font-family, "Inter", sans-serif);
  font-size: var(--form-input-font-size, 1rem);
  transition:
    border-color 0.15s,
    box-shadow 0.15s,
    background 0.15s;
}

.appointment-input-group .wf-lookup__control--is-focused {
  border-color: var(--form-input-focus-border-color, var(--colors-brand, #1a7a96));
  box-shadow: var(--form-input-focus-shadow, 0 0 0 3px rgba(26, 122, 150, 0.12));
  background: var(--form-input-focus-bg, #fff);
}

.appointment-input-group .wf-lookup__value-container {
  min-height: unset;
  padding: var(--form-lookup-value-padding, 24px 13px 8px);
}

.appointment-input-group .wf-lookup__indicators {
  min-height: unset;
  padding: var(--form-lookup-indicators-padding, 16px 8px 0 0);
}

.appointment-input-group input:not([type="checkbox"]):not(.wf-lookup__input),
.appointment-input-group select,
.appointment-input-group textarea {
  box-sizing: border-box;
  width: 100%;
  appearance: none;
  border: var(--form-input-border, 1.5px solid transparent);
  border-radius: var(--form-input-radius, 8px);
  padding: var(--form-input-padding, 26px 13px 9px);
  background: var(--form-input-bg, #f4f9fb);
  color: var(--form-input-color, #1a2d35);
  font-family: var(--form-input-font-family, "Inter", sans-serif);
  font-size: var(--form-input-font-size, 1rem);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s,
    background 0.15s;
}

.appointment-input-group textarea {
  min-height: 84px;
  resize: vertical;
}

.appointment-input-group input:not([type="checkbox"]):not(.wf-lookup__input):focus,
.appointment-input-group select:focus,
.appointment-input-group textarea:focus {
  border-color: var(--form-input-focus-border-color, var(--colors-brand, #1a7a96));
  box-shadow: var(--form-input-focus-shadow, 0 0 0 3px rgba(26, 122, 150, 0.12));
  background: var(--form-input-focus-bg, #fff);
}

.appointment-input-group .wf-lookup input:not([type="checkbox"]) {
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  outline: none;
}

.appointment-form-display .field-container:has(input[type="checkbox"]) {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 11px 13px;
  border-radius: var(--form-input-radius, 8px);
  background: var(--form-input-bg, #f4f9fb);
}

.appointment-form-display .field-container:has(input[type="checkbox"]) .appointment-field-label {
  position: static !important;
  top: auto !important;
  left: auto !important;
  order: 2;
  margin: 0;
  color: var(--form-checkbox-label-color, #7a909a);
  font-size: 0.69rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  pointer-events: none;
  text-transform: uppercase;
}

.appointment-form-display .field-container:has(input[type="checkbox"]) .appointment-input-group {
  display: flex;
  order: 1;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
}

.appointment-input-group .checkbox {
  display: inline-flex;
  flex: 0 0 24px;
  align-items: center;
  width: 24px;
  height: 24px;
}

.appointment-input-group .checkbox > div {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  border: var(--form-checkbox-border, 2px solid rgba(26, 45, 53, 0.5)) !important;
  border-radius: 2px;
}

.appointment-input-group .checkbox:not(.disabled):hover > div,
.appointment-input-group .checkbox.focused:not(.disabled) > div,
.appointment-input-group .checkbox:not(.disabled):focus-within > div {
  margin: 0 !important;
  border-width: 2px !important;
  border-color: var(--colors-brand, #1a7a96) !important;
  border-radius: 2px;
  box-shadow: var(--form-checkbox-focus-shadow, 0 0 0 4px rgba(26, 122, 150, 0.14));
}

.appointment-input-group .checkbox.active:not(.disabled) > div {
  border-color: var(--colors-brand, #1a7a96) !important;
  background: var(--form-checkbox-active-bg, var(--colors-brand, #1a7a96));
}

.appointment-input-group .checkbox > .label {
  width: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.appointment-input-group .checkbox input[type="checkbox"] {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
}


/* /@fs/home/webfront/repos/webfront/packages/core/src/gears/Table/table-grid-styles.css */
/*
 * Table/Grid descendant selectors — replaces Emotion styled.div from authoritative 134a2a4af8.
 *
 * These CANNOT be expressed as Tailwind arbitrary variants because the BEM-style
 * class names (WF_Table__row) contain underscores, which Tailwind v4 converts to spaces.
 * Plain CSS is the correct approach — this is what Emotion generated at runtime.
 *
 * Applied via the .wf-table-style wrapper class on the TableStyle component.
 */

/* ─── Virtual Table structural layout ─── */

.wf-table-style .WF_Table__headerRow,
.wf-table-style .WF_Table__footerRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wf-table-style .WF_Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wf-table-style .WF_Table__footerColumn {
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bold;
}

.wf-table-style .WF_Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  line-height: 40px;
  overflow: hidden;
}

.wf-table-style .center {
  text-align: center;
}

.wf-table-style .right-align {
  float: right;
  text-align: right;
}

.wf-table-style .WF_Table__headerColumn,
.wf-table-style .WF_Table__footerColumn,
.wf-table-style .WF_Table__rowColumn {
  min-width: 0;
}

.wf-table-style .WF_Table__rowColumn,
.wf-table-style .WF_Table__footerColumn {
  text-overflow: clip;
  white-space: nowrap;
}

.wf-table-style .WF_Table__autoWidth {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

.wf-table-style .WF_Table__sortableHeaderColumn {
  cursor: pointer;
}

.wf-table-style .WF_Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}

.wf-table-style .WF_Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1.25em;
  fill: currentColor;
}

.wf-table-style .WF_Table__sortableHeaderIcon--NONE {
  opacity: 0.5;
}

/* ─── Header row styling (from authoritative headerRow export) ─── */

.wf-table-style .WF_Table__headerRow,
.wf-table-style .WF_Table__footerRow {
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-table-row-border, #eeeeee);
  border-top: 1px solid var(--color-table-row-border, #eeeeee);
  font-weight: 500;
  letter-spacing: 0.01071em;
  vertical-align: middle;
  line-height: 100%;
}

.wf-table-style .WF_Table__headerColumn {
  padding-left: 8px;
  padding-right: 8px;
}

.wf-table-style .WF_Table__headerColumn.resizable {
  position: relative;
}

.wf-table-style .WF_Table__headerColumn.icon-right {
  padding-right: calc(1.25em + 0.25em + 8px);
}

.wf-table-style .WF_Table__headerColumn.icon-right:not([aria-sort="none"])[aria-sort] {
  padding-right: 8px;
}

.wf-table-style
  .WF_Table__headerColumn.icon-right:not([aria-sort="none"])[aria-sort]
  .svg-inline--fa {
  margin-left: 0.25em;
}

/* ─── Row styling (from authoritative row export) ─── */

.wf-table-style .WF_Table__row {
  border-collapse: collapse;
  border-bottom: 1px solid var(--color-row-border, #eeeeee);
}

.wf-table-style .WF_Table__row .clickable {
  cursor: pointer;
}

/* ─── Row column / cell styling (from authoritative rowColumn export) ─── */

.wf-table-style .WF_Table__rowColumn {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.wf-table-style .WF_Table__rowColumn > span {
  width: 100%;
  text-overflow: clip;
  white-space: nowrap;
}

.wf-table-style .WF_Table__rowColumn[contenteditable="true"] {
  cursor: text;
}

.wf-table-style .WF_Table__rowColumn[contenteditable="true"]:focus {
  border-bottom: 1px solid var(--color-primary);
}

.wf-table-style .WF_Table__rowColumn.icon-right .svg-inline--fa {
  margin-left: 0.25em;
}

/* ─── Draggable header / column resize handles ─── */

.wf-table-style .DraggableHeader {
  display: block;
  position: relative;
  padding-right: 8px;
}

.wf-table-style .DragHandle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  cursor: col-resize;
  color: var(--color-table-row-border, #eeeeee);
  width: 8px;
  height: 100%;
}

.wf-table-style .DragHandle:hover,
.wf-table-style .DragHandleActive {
  color: var(--color-primary);
}

/* ─── Table icons ─── */

.wf-table-style .gears-grid.edit .gears-table-icon {
  cursor: pointer;
}

.wf-table-style .gears-table-icon i.fa,
.wf-table-style .gears-table-icon .svg-inline--fa {
  font-size: 1.5em;
  text-align: center;
}

.wf-table-style .gears-table-icon.stacked i.fa,
.wf-table-style .gears-table-icon.stacked .svg-inline--fa {
  font-size: 2em;
}

.wf-table-style .gears-table-icon.include-text {
  font-weight: bold;
}

/* ─── Structural rules ─── */

.wf-table-style .multi-select-icon {
  color: var(--color-table-row-multiselected);
  cursor: pointer;
}

.wf-table-style .tab-content .WF_Table__Grid {
  z-index: auto;
}

.wf-table-style .WF_Table__Grid {
  z-index: 1;
}

.wf-table-style .WF_Table__Grid > div {
  background-color: white;
}

/* ─── Selection state descendant selectors (sole active path) ─── */

.wf-table-style .WF_Table__row.plain {
  background-color: var(--background-colour, var(--color-table-row-hover));
}

.wf-table-style .WF_Table__row.plain:focus {
  outline-color: var(--color-table-row-hover);
}

.wf-table-style .WF_Table__row.selected {
  background-color: var(--color-table-row-selected-background);
}

.wf-table-style .WF_Table__row.selected:hover {
  background-color: var(--color-table-row-selected-hover);
}

.wf-table-style .WF_Table__row.selected:focus {
  outline-color: var(--color-table-row-selected-hover);
}

.wf-table-style .WF_Table__row.multi-selected:not(.selected) {
  background-color: var(--color-table-row-multiselected-background);
}

.wf-table-style .WF_Table__row.multi-selected:not(.selected):hover {
  background-color: var(--color-table-row-multiselected-hover);
}

.wf-table-style .WF_Table__row.multi-selected:not(.selected):focus {
  outline-color: var(--color-table-row-multiselected-hover);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/aria/aria.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/widget/codeEditor/editor.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
	overflow-wrap: initial;
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

.monaco-editor .editorCanvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

.monaco-editor .view-overlays > div, .monaco-editor .margin-view-overlays > div {
	position: absolute;
	width: 100%;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/scrollbar/media/scrollbars.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar {
	background: var(--vscode-scrollbar-background);
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/blockDecorations/blockDecorations.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/currentLineHighlight/currentLineHighlight.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	height: 100%;
}

.monaco-editor
	.margin-view-overlays
	.current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/decorations/decorations.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
	height: 100%;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/glyphMargin/glyphMargin.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/indentGuides/indentGuides.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
	height: 100%;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/lineNumbers/lineNumbers.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	bottom: 0;
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/mouseCursor/mouseCursor.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/viewLines/viewLines.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
}

/* There are view-lines in view-zones. We have to make sure this rule does not apply to them, as they don't set a line height */
.monaco-editor .lines-content > .view-lines > .view-line > span {
	top: 0;
	bottom: 0;
	position: absolute;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/linesDecorations/linesDecorations.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/margin/margin.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/marginDecorations/marginDecorations.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/minimap/minimap.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
	pointer-events: none;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.minimap-autohide-mouseover,
.minimap.minimap-autohide-scroll {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.minimap-autohide-scroll{
	pointer-events: none;
}
.minimap.minimap-autohide-mouseover:hover,
.minimap.minimap-autohide-scroll.active {
	opacity: 1;
	pointer-events: auto;
}

.monaco-editor .minimap {
	z-index: 5;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/overlayWidgets/overlayWidgets.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/rulers/rulers.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/scrollDecoration/scrollDecoration.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/selections/selections.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/viewCursors/viewCursors.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/whitespace/whitespace.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/gpu/css/media/decorationCssRuleExtractor.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-decoration-css-rule-extractor {
	visibility: hidden;
	pointer-events: none;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/controller/editContext/textArea/textAreaEditContext.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/controller/editContext/native/nativeEditContext.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .native-edit-context {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow-y: scroll;
	scrollbar-width: none;
	z-index: -10;
	white-space: pre-wrap;
}

.monaco-editor .ime-text-area {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}

.monaco-editor .edit-context-composition-none {
	background-color: transparent;
	border-bottom: none;
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-secondary {
	border-bottom: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :not(.hc-black, .hc-light) .edit-context-composition-primary {
	border-bottom: 2px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-secondary {
	border: 1px solid var(--vscode-editor-compositionBorder);
}

.monaco-editor :is(.hc-black, .hc-light) .edit-context-composition-primary {
	border: 2px solid var(--vscode-editor-compositionBorder);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/viewParts/gpuMark/gpuMark.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .gpu-mark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	border-left: solid 2px var(--vscode-editorWarning-foreground);
	opacity: 0.2;
	transition: background-color 0.1s linear;
}

.monaco-editor .margin-view-overlays .gpu-mark:hover {
	background-color: var(--vscode-editorWarning-foreground)
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/selectBox/selectBox.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 3px;
	min-height: 24px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/list/list.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/dnd/dnd.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;

	/* Default styles */
	background-color: var(--vscode-list-activeSelectionBackground);
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-list-focusOutline);
	outline-offset: -1px;

	/*
	 * Browsers apply an effect to the drag image when the div becomes too
	 * large which makes them unreadable. Use max width so it does not happen
	 */
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/selectBox/selectBoxCustom.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label:not(.icon) ,
.monaco-action-bar .action-item.disabled .action-label:not(.icon)::before,
.monaco-action-bar .action-item.disabled .action-label:not(.icon):hover {
	color: var(--vscode-disabledForeground);
}

/* Unable to change color of SVGs, hence opacity is used */
.monaco-action-bar .action-item.disabled .action-label.icon ,
.monaco-action-bar .action-item.disabled .action-label.icon::before,
.monaco-action-bar .action-item.disabled .action-label.icon:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid var(--vscode-disabledForeground);
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: var(--vscode-disabledForeground);
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review {
	position: absolute;

}

.monaco-component.diff-review {
	user-select: none;
	-webkit-user-select: none;
	z-index: 99;


	.diff-review-line-number {
		text-align: right;
		display: inline-block;
		color: var(--vscode-editorLineNumber-foreground);
	}

	.diff-review-summary {
		padding-left: 10px;
	}

	.diff-review-shadow {
		position: absolute;
		box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
	}

	.diff-review-row {
		white-space: pre;
	}

	.diff-review-table {
		display: table;
		min-width: 100%;
	}

	.diff-review-row {
		display: table-row;
		width: 100%;
	}

	.diff-review-spacer {
		display: inline-block;
		width: 10px;
		vertical-align: middle;
	}

	.diff-review-spacer > .codicon {
		font-size: 9px !important;
	}

	.diff-review-actions {
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 2px;
		z-index: 100;
	}

	.diff-review-actions .action-label {
		width: 16px;
		height: 16px;
		margin: 2px 0;
	}

	.revertButton {
		cursor: pointer;
	}

	.action-label {
		background: var(--vscode-editorActionList-background);
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/sash/sash.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-enable-motion .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/dropdown/dropdown.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/toolbar/toolbar.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}

.monaco-toolbar.responsive {
	.monaco-action-bar > .actions-container > .action-item {
		flex-shrink: 1;
		min-width: 20px;
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/platform/actions/browser/menuEntryActionViewItem.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-action-bar .action-item.menu-entry.text-only .action-label {
	color: var(--vscode-descriptionForeground);
	overflow: hidden;
	border-radius: 2px;
}

.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label::after {
	content: ', ';
}

.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
	color: var(--vscode-descriptionForeground);
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/widget/diffEditor/style.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete, .monaco-editor .inline-deleted-text {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .inline-deleted-text {
	text-decoration: line-through;
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor.side-by-side .editor.original {
	box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-right: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}

.monaco-diff-editor .gutter {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	flex-grow: 0;

	& > div {
		position: absolute;
	}

	.gutterItem {
		opacity: 0;
		transition: opacity 0.7s;

		&.showAlways {
			opacity: 1;
			transition: none;
		}

		&.noTransition {
			transition: none;
		}
	}

	&:hover .gutterItem {
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
	}

	.gutterItem {
		.background {
			position: absolute;
			height: 100%;
			left: 50%;
			width: 1px;

			border-left: 2px var(--vscode-menu-separatorBackground) solid;
		}

		.buttons {
			position: absolute;
			/*height: 100%;*/
			width: 100%;

			display: flex;
			justify-content: center;
			align-items: center;

			.monaco-toolbar {
				height: fit-content;
				.monaco-action-bar  {
					line-height: 1;

					.actions-container {
						width: fit-content;
						border-radius: 4px;
						background: var(--vscode-editorGutter-itemBackground);

						.action-item {
							&:hover {
								background: var(--vscode-toolbar-hoverBackground);
							}

							.action-label {
								color: var(--vscode-editorGutter-itemGlyphForeground);
								padding: 1px 2px;
							}
						}
					}
				}
			}
		}
	}
}


.monaco-diff-editor .diff-hidden-lines-compact {
	display: flex;
	height: 11px;
	.line-left, .line-right {
		height: 1px;
		border-top: 1px solid;
		border-color: var(--vscode-editorCodeLens-foreground);
		opacity: 0.5;
		margin: auto;
		width: 100%;
	}

	.line-left {
		width: 20px;
	}

	.text {
		color: var(--vscode-editorCodeLens-foreground);
		text-wrap: nowrap;
		font-size: 11px;
		line-height: 11px;
		margin: 0 4px;
	}
}

.monaco-editor .line-delete-selectable {
	user-select: text !important;
	-webkit-user-select: text !important;
	z-index: 1 !important;
}

.line-delete-selectable .view-line {
	user-select: text !important;
	-webkit-user-select: text !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/anchorSelect/browser/anchorSelect.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/bracketMatching/browser/bracketMatching.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/inlineProgress/browser/inlineProgressWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: var(--vscode-icon-x-content);
	font-family: var(--vscode-icon-x-font-family);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/message/browser/messageController.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/button/button.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/platform/actionWidget/browser/actionWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 100px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-menu-border) !important;
	border-radius: 5px;
	background-color: var(--vscode-menu-background);
	color: var(--vscode-menu-foreground);
	padding: 4px;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 4px 0 4px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
	border-radius: 3px;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-list-activeSelectionBackground) !important;
	color: var(--vscode-list-activeSelectionForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
	font-size: 13px;
}

.action-widget .monaco-list-row.group-header:not(:first-of-type) {
	margin-top: 2px;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator {
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
	color: var(--vscode-descriptionForeground);
	font-size: 12px;
	padding: 0;
	margin: 4px 0 0 0;
	cursor: default;
	user-select: none;
	border-radius: 0;
}

.action-widget .monaco-scrollable-element .monaco-list-rows .monaco-list-row.separator.focused {
	outline: 0 solid;
	background-color: transparent;
	border-radius: 0;
}

.action-widget .monaco-list-row.separator:first-of-type {
	border-top: none;
	margin-top: 0;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 4px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
		background-color: var(--vscode-keybindingLabel-background);
		color: var(--vscode-keybindingLabel-foreground);
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		border-color: var(--vscode-keybindingLabel-border);
		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-menu-background);
	border-top: 1px solid var(--vscode-menu-border);
	margin-top: 2px;
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 4px 8px 2px 24px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 13px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}

.action-widget .monaco-list .monaco-list-row .description {
	opacity: 0.7;
	margin-left: 0.5em;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/keybindingLabel/keybindingLabel.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/dropOrPasteInto/browser/postEditWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(/@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon-modifiers.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/symbolIcons/browser/symbolIcons.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/codeAction/browser/lightBulbWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

/* gutter decoration */
.monaco-editor .glyph-margin-widgets .cgmr[class*="codicon-gutter-lightbulb"] {
	display: block;
	cursor: pointer;
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/codelens/browser/codelensWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-flex !important; /* !important to override inline display:block style */
	align-items: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
	user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
	display: inline-flex;
	align-items: center;
}

.monaco-editor .codelens-decoration > a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration > a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration > a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon[class*='codicon-'] {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}


.monaco-editor .codelens-decoration > a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/inlineCompletions/browser/hintsWidget/inlineCompletionsHintsWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inlineSuggestionsHints {
	padding: 4px;

	.warningMessage p {
		margin: 0;
	}
}

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground) !important;
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/hover/hoverWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.fade-in {
	animation: fadein 100ms linear;
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
	width: 100%;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
	overflow: hidden;
	text-wrap: nowrap;
	text-overflow: ellipsis;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
	vertical-align: middle;
}

.monaco-hover .hover-row.status-bar .actions .action-container a {
	color: var(--vscode-textLink-foreground);
	text-decoration: var(--text-link-decoration);
}

.monaco-hover .hover-row.status-bar .actions .action-container a .icon.codicon {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/**
 * Spans in markdown hovers need a margin-bottom to avoid looking cramped:
 * https://github.com/microsoft/vscode/issues/101496

 * This was later refined to only apply when the last child of a rendered markdown block (before the
 * border or a `hr`) uses background color:
 * https://github.com/microsoft/vscode/issues/228136
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) p:last-child [style*="background-color"] {
	margin-bottom: 4px;
	display: inline-block;
}

/**
 * Add a slight margin to try vertically align codicons with any text
 * https://github.com/microsoft/vscode/issues/221359
 */
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
	margin-bottom: 2px;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

/* Prevent text selection in all button-like elements within hovers */
.monaco-hover .action-container,
.monaco-hover .action,
.monaco-hover button,
.monaco-hover .monaco-button,
.monaco-hover .monaco-text-button,
.monaco-hover [role="button"] {
	-webkit-user-select: none;
	user-select: none;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/toggle/toggle.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
	border-radius: 2px;
	padding-right: 2px;
}

.monaco-action-bar .checkbox-action-item:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/find/browser/findWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	color: var(--vscode-editorWidget-foreground);
	border-left: 1px solid var(--vscode-widget-border);
	border-right: 1px solid var(--vscode-widget-border);
	border-bottom: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
}

.monaco-reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible {
	transform: translateY(0);
}

/* This outline-color rule is used to override the outline color for synthetic-focus find input. */
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex: 1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	display: flex;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display: none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display: none;
}

.monaco-editor .find-widget.no-results .matchesCount {
	color: var(--vscode-errorForeground);
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor .currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
	border: 2px solid var(--vscode-editor-findMatchBorder);
	padding: 1px;
	box-sizing: border-box;
}

.monaco-editor .findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
	background-color: var(--vscode-editorWidget-resizeBorder, var(--vscode-editorWidget-border));
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Action bars */
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
	background-color: var(--vscode-toolbar-hoverBackground) !important;
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editor-findMatchHighlightBackground);
}

.monaco-editor.currentFindMatch {
	background-color: var(--vscode-editor-findMatchBackground);
}

.monaco-editor.findScope {
	background-color: var(--vscode-editor-findRangeHighlightBackground);
}

.monaco-editor.findMatch {
	background-color: var(--vscode-editorWidget-background);
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/inputbox/inputBox.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/findinput/findInput.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/colorPicker/browser/colorPicker.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/peekView/browser/media/peekViewWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/zoneWidget/browser/zoneWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/splitview/splitview.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/table/table.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-enable-motion .monaco-table > .monaco-split-view2,
.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/tree/media/tree.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
	opacity: 0;
}

.monaco-enable-motion .monaco-tl-indent > .indent-guide {
	transition: opacity 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 10px 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-enable-motion .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* Backup color in case the tree does not provide the background color */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
	display: none;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 0px; /* heigt is 3px and only set when there is a treeStickyScrollShadow color */
	width: 100%;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus{
	outline: none;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/gotoSymbol/browser/peek/referencesWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	color: var(--vscode-peekViewResult-fileForeground) !important;
	background-color: var(--vscode-peekViewResult-matchHighlightBackground) !important;
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/countBadge/countBadge.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 5px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/iconLabel/iconlabel.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-iconpath {
	width: 16px;
	height: 22px;
	margin-right: 6px;
	display: flex;
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.bold > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-weight: bold;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/gotoError/browser/media/gotoErrorWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
	color: var(--vscode-textLink-activeForeground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/severityIcon/media/severityIcon.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.chat-attached-context-attachment .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/hover/browser/hover.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-resizable-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	box-sizing: content-box;
}

.monaco-editor .monaco-resizable-hover > .monaco-hover {
	border: none;
	border-radius: none;
}

.monaco-editor .monaco-hover {
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row {
	display: flex;
}

.monaco-editor .monaco-hover .hover-row.hover-row-with-copy {
	position: relative;
	padding-right: 20px;
}

.monaco-editor .monaco-hover .hover-row .hover-row-contents {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions {
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	width: 22px;
	overflow-y: clip;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	justify-content: flex-end;
	position: relative;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon {
	cursor: pointer;
	font-size: 11px;
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled {
	opacity: 0.6;
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .monaco-hover .hover-copy-button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 2px 4px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,
.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button {
	opacity: 1;
}

.monaco-editor .monaco-hover .hover-copy-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
	cursor: pointer;
}

.monaco-editor .monaco-hover .hover-copy-button:focus {
	outline: 1px solid var(--vscode-focusBorder);
	outline-offset: -1px;
}

.monaco-editor .monaco-hover .hover-copy-button .codicon {
	font-size: 16px;
	color: var(--vscode-foreground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/dnd/browser/dnd.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/find/browser/findOptionsWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/folding/browser/folding.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: var(--vscode-editor-foldPlaceholderForeground);
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/snippet/browser/snippetSession.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/suggest/browser/media/suggest.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget > .message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget > .tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details:focus {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details > .monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 4px 5px;
}

.monaco-editor .suggest-details.detail-and-doc > .monaco-scrollable-element > .body > .header > .type {
	padding-bottom: 12px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/inlineCompletions/browser/view/ghostText/ghostTextView.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .suggest-preview-text.clickable .view-line {
	z-index: 1;
}

.monaco-editor .ghost-text-decoration.clickable,
.monaco-editor .ghost-text-decoration-preview.clickable,
.monaco-editor .suggest-preview-text.clickable .ghost-text {
	cursor: pointer;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	&.syntax-highlighted {
		opacity: 0.7;
	}
	&:not(.syntax-highlighted) {
		color: var(--vscode-editorGhostText-foreground);
	}
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}

.monaco-editor .ghost-text-decoration.warning,
.monaco-editor .ghost-text-decoration-preview.warning,
.monaco-editor .suggest-preview-text .ghost-text.warning {
	background: var(--monaco-editor-warning-decoration) repeat-x bottom left;
	border-bottom: 4px double var(--vscode-editorWarning-border);
}

.ghost-text-view-warning-widget-icon {
	.codicon {
		color: var(--vscode-editorWarning-foreground) !important;
	}
}

.monaco-editor {
	.edits-fadeout-decoration {
		opacity: var(--animation-opacity, 1);
		background-color: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/stickyScroll/browser/stickyScroll.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
	width: 100%;
	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
	z-index: 4;
	right: initial !important;
	margin-left: '0px';
}

.monaco-editor .sticky-widget .sticky-widget-line-numbers {
	float: left;
	background-color: var(--vscode-editorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers {
	background-color: var(--vscode-peekViewEditorStickyScrollGutter-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

.monaco-editor .sticky-widget .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number,
.monaco-editor .sticky-widget .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
	position: absolute;
	margin-left: 2px;
}

.monaco-editor .sticky-widget .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-widget .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor .sticky-widget .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/view.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor {
	.inline-edits-view-indicator {
		display: flex;

		z-index: 34; /* Below the find widget */
		height: 20px;

		color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
		background-color: var(--vscode-inlineEdit-gutterIndicator-background);
		border: 1px solid var(--vscode-inlineEdit-gutterIndicator-primaryBorder);
		border-radius: 3px;

		align-items: center;
		padding: 2px;
		padding-right: 10px;
		margin: 0 4px;

		/*
		animation: blink 1s;
		animation-iteration-count: 3;
		*/

		opacity: 0;

		&.contained {
			transition: opacity 0.2s ease-in-out;
			transition-delay: 0.4s;
		}

		&.visible {
			opacity: 1;
		}

		&.top {
			opacity: 1;

			.icon {
				transform: rotate(90deg);
			}
		}

		&.bottom {
			opacity: 1;

			.icon {
				transform: rotate(-90deg);
			}
		}

		.icon {
			display: flex;
			align-items: center;
			margin: 0 2px;
			transform: none;
			transition: transform 0.2s ease-in-out;
			.codicon {
				color: var(--vscode-inlineEdit-gutterIndicator-primaryForeground);
			}
		}

		.label {
			margin: 0 2px;

			display: flex;
			justify-content: center;
			width: 100%;
		}
	}

	.inline-edits-view .editorContainer {
		.preview .monaco-editor {
			.view-overlays .current-line-exact {
				border: none;
			}

			.current-line-margin {
				border: none;
			}
		}

		.inline-edits-view-zone.diagonal-fill {
			opacity: 0.5;
		}
	}

	.strike-through {
		text-decoration: line-through;
	}

	.inlineCompletions-line-insert {
		background: var(--vscode-inlineEdit-modifiedChangedLineBackground);
	}

	.inlineCompletions-line-delete {
		background: var(--vscode-inlineEdit-originalChangedLineBackground);
	}

	.inlineCompletions-char-insert {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
		cursor: pointer;
	}

	.inlineCompletions-char-delete {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-char-delete.diff-range-empty {
		margin-left: -1px;
		border-left: solid var(--vscode-inlineEdit-originalChangedTextBackground) 3px;
	}

	.inlineCompletions-char-insert.diff-range-empty {
		border-left: solid var(--vscode-inlineEdit-modifiedChangedTextBackground) 3px;
	}

	.inlineCompletions-char-delete.single-line-inline { /* Editor Decoration */
		border: 1px solid var(--vscode-editorHoverWidget-border);
		margin: -2px 0 0 -2px;
	}

	.inlineCompletions-char-insert.single-line-inline { /* Inline Decoration */
		border-top: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
		border-bottom: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.start {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-left: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}
	.inlineCompletions-char-insert.single-line-inline.end {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid var(--vscode-inlineEdit-modifiedBorder); /* TODO: Do not set border inline but create overlaywidget (like deletion view) */
	}

	.inlineCompletions-char-delete.single-line-inline.empty,
	.inlineCompletions-char-insert.single-line-inline.empty {
		display: none;
	}

	.inlineCompletions.strike-through {
		text-decoration-thickness: 1px;
	}

	/* line replacement bubbles */

	.inlineCompletions-modified-bubble {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground);
	}

	.inlineCompletions-original-bubble {
		background: var(--vscode-inlineEdit-originalChangedTextBackground);
	}

	.inlineCompletions-modified-bubble,
	.inlineCompletions-original-bubble {
		pointer-events: none;
		display: inline-block;
	}

	.inline-edit.ghost-text,
	.inline-edit.ghost-text-decoration,
	.inline-edit.ghost-text-decoration-preview,
	.inline-edit.suggest-preview-text .ghost-text {
		&.syntax-highlighted {
			opacity: 1 !important;
		}
		font-style: normal !important;
	}

	.inline-edit.modified-background.ghost-text,
	.inline-edit.modified-background.ghost-text-decoration,
	.inline-edit.modified-background.ghost-text-decoration-preview,
	.inline-edit.modified-background.suggest-preview-text .ghost-text {
		background: var(--vscode-inlineEdit-modifiedChangedTextBackground) !important;
		display: inline-block !important;
	}

	.inlineCompletions-original-lines {
		background: var(--vscode-editor-background);
	}
}

.monaco-menu-option {
	color: var(--vscode-editorActionList-foreground);
	font-size: 13px;
	padding: 0 4px;
	line-height: 28px;
	display: flex;
	gap: 4px;
	align-items: center;
	border-radius: 3px;
	cursor: pointer;

	.monaco-keybinding-key {
		font-size: 13px;
		opacity: 0.7;
	}

	&.active {
		background: var(--vscode-editorActionList-focusBackground);
		color: var(--vscode-editorActionList-focusForeground);
		outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
		outline-offset: -1px;

		.monaco-keybinding-key {
			color: var(--vscode-editorActionList-focusForeground);
		}
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/gotoSymbol/browser/link/goToDefinitionAtPosition.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/inPlaceReplace/browser/inPlaceReplace.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/linkedEditing/browser/linkedEditing.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/links/browser/links.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/middleScroll/browser/middleScroll.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.scroll-editor-on-middle-click-dot {
		cursor: all-scroll;
		position: absolute;
		z-index: 1;
		background-color: var(--vscode-editor-foreground, white);
		border: 1px solid var(--vscode-editor-background, black);
		opacity: 0.5;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		transform: translate(-50%, -50%);

		&.hidden {
			display: none;
		}
	}

	&.scroll-editor-on-middle-click-editor * {
		cursor: all-scroll;
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/wordHighlighter/browser/highlightDecorations.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/parameterHints/browser/parameterHints.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .code {
	font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/placeholderText/browser/placeholderText.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor {
	.editorPlaceholder {
		top: 0px;
		position: absolute;
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		pointer-events: none;

		color: var(--vscode-editor-placeholder-foreground);
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/rename/browser/renameWidget.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input-with-button {
	padding: 3px;
	border-radius: 2px;
	width: calc(100% - 8px); /* 4px padding on each side */
}

.monaco-editor .rename-box .rename-input {
	width: calc(100% - 8px); /* 4px padding on each side */
	padding: 0;
}

.monaco-editor .rename-box .rename-input:focus {
	outline: none;
}

.monaco-editor .rename-box .rename-suggestions-button {
	display: flex;
	align-items: center;
	padding: 3px;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.monaco-editor .rename-box .rename-suggestions-button:hover {
	background-color: var(--vscode-toolbar-hoverBackground)
}

.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/unicodeHighlighter/browser/unicodeHighlighter.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/unicodeHighlighter/browser/bannerController.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/platform/opener/browser/link.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}



/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/contrib/floatingMenu/browser/floatingMenu.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.floating-menu-overlay-widget {
	padding: 0px;
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
	border-radius: 2px;
	border: 1px solid var(--vscode-contrastBorder);
	display: flex;
	align-items: center;
	z-index: 10;
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
	overflow: hidden;

	.action-item > .action-label {
		padding: 5px;
		font-size: 12px;
		border-radius: 2px;
	}

	.action-item > .action-label.codicon {
		color: var(--vscode-button-foreground);
	}

	.action-item > .action-label.codicon:not(.separator) {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.action-item:first-child > .action-label {
		padding-left: 7px;
	}

	.action-item:last-child > .action-label {
		padding-right: 7px;
	}

	.action-item .action-label.separator {
		background-color: var(--vscode-menu-separatorBackground);
	}
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/standalone/browser/inspectTokens/inspectTokens.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/standalone/browser/standalone-tokens.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.monaco-editor .synthetic-focus, .monaco-diff-editor .synthetic-focus,
.monaco-editor [tabindex="0"]:focus, .monaco-diff-editor [tabindex="0"]:focus,
.monaco-editor [tabindex="-1"]:focus, .monaco-diff-editor [tabindex="-1"]:focus,
.monaco-editor button:focus, .monaco-diff-editor button:focus,
.monaco-editor input[type=button]:focus, .monaco-diff-editor input[type=button]:focus,
.monaco-editor input[type=checkbox]:focus, .monaco-diff-editor input[type=checkbox]:focus,
.monaco-editor input[type=search]:focus, .monaco-diff-editor input[type=search]:focus,
.monaco-editor input[type=text]:focus, .monaco-diff-editor input[type=text]:focus,
.monaco-editor select:focus, .monaco-diff-editor select:focus,
.monaco-editor textarea:focus, .monaco-diff-editor textarea:focus {
	outline-width: 1px;
	outline-style: solid;
	outline-offset: -1px;
	outline-color: var(--vscode-focusBorder);
	opacity: 1
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/platform/hover/browser/hover.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* stylelint-disable layer-checker */

.monaco-hover.workbench-hover {
	position: relative;
	font-size: 13px;
	line-height: 19px;
	/* Must be higher than sash's z-index and terminal canvases */
	z-index: 40;
	overflow: hidden;
	max-width: 700px;
	background: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 5px;
	color: var(--vscode-editorHoverWidget-foreground);
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}

.monaco-hover.workbench-hover .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 13px;
	height: 13px;
}

.monaco-hover.workbench-hover hr {
	border-bottom: none;
}

.monaco-hover.workbench-hover.compact {
	font-size: 12px;
}

.monaco-hover.workbench-hover.compact .monaco-action-bar .action-item .codicon {
	/* Given our font-size, adjust action icons accordingly */
	width: 12px;
	height: 12px;
}

.monaco-hover.workbench-hover.compact .hover-contents {
	padding: 2px 8px;
}

.workbench-hover-container.locked .monaco-hover.workbench-hover {
	outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover {
	outline-color: var(--vscode-focusBorder);
}

.workbench-hover-pointer {
	position: absolute;
	/* Must be higher than workbench hover z-index */
	z-index: 41;
	pointer-events: none;
}

.workbench-hover-pointer:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: var(--vscode-editorHoverWidget-background);
	border-right: 1px solid var(--vscode-editorHoverWidget-border);
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.workbench-hover-container:not(:focus-within).locked .workbench-hover-pointer:after {
	width: 4px;
	height: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.workbench-hover-container:focus-within .workbench-hover-pointer:after {
	border-right: 1px solid var(--vscode-focusBorder);
	border-bottom: 1px solid var(--vscode-focusBorder);
}

.workbench-hover-pointer.left   { left: -3px; }
.workbench-hover-pointer.right  { right: 3px; }
.workbench-hover-pointer.top    { top: -3px; }
.workbench-hover-pointer.bottom { bottom: 3px; }

.workbench-hover-pointer.left:after {
	transform: rotate(135deg);
}

.workbench-hover-pointer.right:after {
	transform: rotate(315deg);
}

.workbench-hover-pointer.top:after {
	transform: rotate(225deg);
}

.workbench-hover-pointer.bottom:after {
	transform: rotate(45deg);
}

.monaco-hover.workbench-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-hover.workbench-hover a:focus {
	outline: 1px solid;
	outline-offset: -1px;
	text-decoration: underline;
	outline-color: var(--vscode-focusBorder);
}

.monaco-hover.workbench-hover a.codicon:focus,
.monaco-hover.workbench-hover a.monaco-button:focus {
	text-decoration: none;
}

.monaco-hover.workbench-hover a:hover,
.monaco-hover.workbench-hover a:active {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-hover.workbench-hover code {
	background: var(--vscode-textCodeBlock-background);
}

.monaco-hover.workbench-hover .hover-row .actions {
	background: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-hover.workbench-hover.right-aligned {
	/* The context view service wraps strangely when it's right up against the edge without this */
	left: 1px;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions {
	flex-direction: row-reverse;
}

.monaco-hover.workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
	margin-right: 0;
	margin-left: 16px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/contextview/contextview.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/standalone/browser/quickInput/standaloneQuickInput.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	border: solid 1px rgba(204, 204, 204, 0.4);
	border-bottom-color: rgba(187, 187, 187, 0.4);
	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	border: solid 1px rgba(51, 51, 51, 0.6);
	border-bottom-color: rgba(68, 68, 68, 0.6);
	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
	color: #ccc;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/platform/quickinput/browser/media/quickInput.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	cursor: grab;
	display: flex;
	align-items: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

/* give some space between input and action bar */
.quick-input-inline-action-bar > .actions-container > .action-item:first-child {
	margin-left: 5px;
}

/* center horizontally */
.quick-input-inline-action-bar > .actions-container > .action-item {
	margin-top: 2px;
}

.quick-input-title {
	cursor: grab;
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-right-action-bar > .actions-container > .action-item {
	margin-left: 4px;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	cursor: grab;
	display: flex;
	padding: 6px 6px 2px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-widget .quick-input-header .monaco-checkbox {
	margin-top: 6px;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px;
	/* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 6px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-widget .monaco-checkbox {
	margin-right: 0;
}

.quick-input-widget .quick-input-list .monaco-checkbox,
.quick-input-widget .quick-input-tree .monaco-checkbox {
	margin-top: 4px;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px;
	/* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
	font-weight: bold;
	background-color: unset;
	color: var(--vscode-list-highlightForeground) !important;
}

/* preserve list-like styling instead of tree-like styling */
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: var(--vscode-list-focusHighlightForeground) !important;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px;
	/* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}

.quick-input-list > .monaco-list:focus .monaco-list-row.focused .quick-input-list-entry.quick-input-list-separator-border {
	border-color: transparent;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}

.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

.quick-input-list .quick-input-list-separator-as-item {
	padding: 4px 6px;
	font-size: 12px;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item .label-name {
	font-weight: 600;
}

.quick-input-list .quick-input-list-separator-as-item .label-description {
	/* Override default description opacity so we don't have a contrast ratio issue. */
	opacity: 1 !important;
}

/* Hide border when the item becomes the sticky one */
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
	border-top-style: none;
}

/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
	padding: 0 5px;
}

/* Hide the twistie containers so that there isn't blank indent */
.quick-input-list .monaco-tl-twistie {
	display: none !important;
}

/* Tree */

.quick-input-tree .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-tree .quick-input-tree-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	padding: 0 6px;
}

.quick-input-tree .quick-input-tree-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-tree .quick-input-tree-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-tree .quick-input-tree-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row {
	display: flex;
	align-items: center;
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label,
.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1;
	/* make sure the icon label grows within the row */
}

.quick-input-tree .quick-input-tree-rows > .quick-input-tree-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-tree .quick-input-tree-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-tree .quick-input-tree-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 2px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-top: 1px;
}

.quick-input-tree .quick-input-tree-entry-action-bar {
	margin-right: 4px;
	/* separate from scrollbar */
}

.quick-input-tree .quick-input-tree-entry .quick-input-tree-entry-action-bar .action-label.always-visible,
.quick-input-tree .quick-input-tree-entry:hover .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .quick-input-tree-entry.focus-inside .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.focused .quick-input-tree-entry-action-bar .action-label,
.quick-input-tree .monaco-list-row.passive-focused .quick-input-tree-entry-action-bar .action-label {
	display: flex;
}

.quick-input-tree > .monaco-list:focus .monaco-list-row.focused {
	outline: 1px solid var(--vscode-list-focusOutline) !important;
	outline-offset: -1px;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/base/browser/ui/progressbar/progressbar.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/widget/markdownRenderer/browser/renderedMarkdown.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}

.rendered-markdown li:has(input[type=checkbox]) {
	list-style-type: none;
}


/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/monaco-editor@0.55.1/node_modules/monaco-editor/esm/vs/editor/browser/widget/multiDiffEditor/style.css */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component.multiDiffEditor {
	background: var(--vscode-multiDiffEditor-background);

	position: relative;

	height: 100%;
	width: 100%;

	overflow-y: hidden;

	> div {
		position: absolute;
		top: 0px;
		left: 0px;

		height: 100%;
		width: 100%;

		&.placeholder {
			visibility: hidden;

			&.visible {
				visibility: visible;
			}

			display: grid;
			place-items: center;
			place-content: center;
		}
	}

	.active {
		--vscode-multiDiffEditor-border: var(--vscode-focusBorder);
	}

	.multiDiffEntry {
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;


		.collapse-button {
			margin: 0 5px;
			cursor: pointer;

			a {
				display: block;
			}
		}

		.header {
			z-index: 1000;
			background: var(--vscode-editor-background);

			&:not(.collapsed) .header-content {
				border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
			}

			.header-content {
				margin: 8px 0px 0px 0px;
				padding: 4px 5px;

				border-top: 1px solid var(--vscode-multiDiffEditor-border);

				display: flex;
				align-items: center;

				color: var(--vscode-foreground);
				background: var(--vscode-multiDiffEditor-headerBackground);

				&.shadow {
					box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
				}

				.file-path {
					display: flex;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 14px;
						line-height: 22px;

						&.original {
							flex: 1;
							min-width: 0;
							text-overflow: ellipsis;
						}
					}

					.status {
						font-weight: 600;
						opacity: 0.75;
						margin: 0px 10px;
						line-height: 22px;

						/*
							TODO@hediet: move colors from git extension to core!
						&.renamed {
							color: v ar(--vscode-gitDecoration-renamedResourceForeground);
						}

						&.deleted {
							color: v ar(--vscode-gitDecoration-deletedResourceForeground);
						}

						&.added {
							color: v ar(--vscode-gitDecoration-addedResourceForeground);
						}
						*/
					}
				}

				.actions {
					padding: 0 8px;
				}
			}


		}

		.editorParent {
			flex: 1;
			display: flex;
			flex-direction: column;

			border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
			overflow: hidden;
		}

		.editorContainer {
			flex: 1;
		}
	}
}


/* /@fs/home/webfront/repos/webfront/packages/core/src/mdx-editor/mdxeditor-styles.scss */
/* MDXEditor content area styling */
.mdxeditor [contenteditable] {
  min-height: 200px;
  padding: 1rem;
  border-top: 1px solid #e0e0e0;
  overflow-wrap: anywhere;
}

.mdxeditor [contenteditable] table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  table-layout: fixed;
  white-space: normal;
}

.mdxeditor [contenteditable] th,
.mdxeditor [contenteditable] td {
  min-width: 8rem;
  min-height: 2rem;
  height: auto;
  padding: 0.375rem 0.5rem;
  vertical-align: top;
  word-break: break-word;
}

.mdxeditor [class*=tableColumnEditorTrigger],
.mdxeditor [class*=addColumnButton],
.mdxeditor [class*=addRowButton] {
  opacity: 0;
  transition: opacity 120ms ease;
}

.mdxeditor:focus-within [class*=tableColumnEditorTrigger],
.mdxeditor:focus-within [class*=addColumnButton],
.mdxeditor:focus-within [class*=addRowButton],
.mdxeditor:hover [class*=tableColumnEditorTrigger],
.mdxeditor:hover [class*=addColumnButton],
.mdxeditor:hover [class*=addRowButton] {
  opacity: 1;
}

/* /@fs/home/webfront/repos/webfront/packages/core/src/mdx-editor/typeahead-styles.scss */
/**
 // reference spacing and border-radius variables
 --spacing-0: 0px;
 --spacing-px: 1px;
 --spacing-0_5: 0.125rem;
 --spacing-1: 0.25rem;
 --spacing-1_5: 0.375rem;
 --spacing-2: 0.5rem;
 --spacing-2_5: 0.625rem;
 --spacing-3: 0.75rem;
 --spacing-3_5: 0.875rem;
 --spacing-4: 1rem;
 --spacing-5: 1.25rem;
 --spacing-6: 1.5rem;
 --spacing-7: 1.75rem;
 --spacing-8: 2rem;
 --spacing-9: 2.25rem;
 --spacing-10: 2.5rem;
 --spacing-11: 2.75rem;
 --spacing-12: 3rem;
 --spacing-14: 3.5rem;
 --spacing-16: 4rem;
 --spacing-20: 5rem;
 --spacing-24: 6rem;
 --spacing-28: 7rem;
 --spacing-32: 8rem;
 --spacing-36: 9rem;
 --spacing-40: 10rem;
 --spacing-44: 11rem;
 --spacing-48: 12rem;
 --spacing-52: 13rem;
 --spacing-56: 14rem;
 --spacing-60: 15rem;
 --spacing-64: 16rem;
 --spacing-72: 18rem;
 --spacing-80: 20rem;
 --spacing-96: 24rem;
 --radius-none: 0px;
 --radius-small: var(--spacing-0_5);
 --radius-base: var(--spacing-1);
 --radius-medium: var(--spacing-1_5);
 --radius-large: var(--spacing-2);
 --radius-extra-large: var(--spacing-3);
 */
/* Generic typeahead node styles */
.typeahead {
  cursor: pointer;
}

/* Typeahead popup menu */
.typeahead-popover {
  background: var(--baseBg);
  border-radius: var(--spacing-4);
  position: fixed;
  z-index: 1000;
}

.typeahead-popover ul {
  padding: 0;
  list-style: none;
  margin: 0;
  border-radius: var(--radius-large);
  max-height: 200px;
  overflow-y: auto;
}

/* Hide scrollbar for WebKit browsers */
.typeahead-popover ul::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox and IE */
.typeahead-popover ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.typeahead-popover ul li {
  margin: 0;
  min-width: 180px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}

.typeahead-popover ul li.selected {
  background: var(--baseBgHover, #eee);
}

.typeahead-popover li {
  margin: 0 var(--spacing-2);
  padding: var(--spacing-2);
  color: var(--baseTextContrast, #050505);
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  background-color: var(--baseBg, #fff);
  border: 0;
}

.typeahead-popover li:first-child {
  border-radius: var(--radius-large) var(--radius-large) 0px 0px;
}

.typeahead-popover li:last-child {
  border-radius: 0px 0px var(--radius-large) var(--radius-large);
}

.typeahead-popover li:hover {
  background-color: var(--baseBgHover, #eee);
}

.typeahead-popover li .text {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  min-width: 150px;
}

.typeahead-popover li .icon {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: var(--spacing-2);
  line-height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Loading and empty state styles */
[data-loading=true],
[data-empty=true] {
  color: var(--baseText, #666);
  cursor: default;
  font-style: italic;
}

/* Error state styles */
[data-error=true] {
  color: var(--accentText, #c92a2a);
  cursor: default;
  font-style: italic;
}

/* Disable hover effects for loading/empty/error items */
[data-loading=true]:hover,
[data-empty=true]:hover,
[data-error=true]:hover {
  background-color: transparent !important;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/main.scss */
.react-contexify {
  position: fixed;
  opacity: 0;
  user-select: none;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 6px 0;
  min-width: 200px;
  z-index: 100;
}
.react-contexify__submenu--is-open, .react-contexify__submenu--is-open > .react-contexify__item__content {
  color: white;
  background-color: #4393e6;
}
.react-contexify__submenu--is-open > .react-contexify__submenu {
  pointer-events: initial;
  opacity: 1;
}
.react-contexify .react-contexify__submenu {
  position: absolute;
  /* negate padding */
  top: -6px;
  pointer-events: none;
  transition: opacity 0.275s;
}
.react-contexify__submenu-arrow {
  margin-left: auto;
  font-size: 12px;
}
.react-contexify__separator {
  width: 100%;
  height: 1px;
  cursor: default;
  margin: 4px 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.react-contexify__will-leave--disabled {
  pointer-events: none;
}
.react-contexify__item {
  cursor: pointer;
  position: relative;
}
.react-contexify__item:focus {
  outline: 0;
}
.react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content {
  color: white;
  background-color: #4393e6;
}
.react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__submenu {
  pointer-events: initial;
  opacity: 1;
}
.react-contexify__item--disabled {
  cursor: default;
  opacity: 0.5;
}
.react-contexify__item__content {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #333;
  position: relative;
}

.react-contexify__theme--dark {
  background-color: rgba(40, 40, 40, 0.98);
}
.react-contexify__theme--dark .react-contexify__submenu {
  background-color: rgba(40, 40, 40, 0.98);
}
.react-contexify__theme--dark .react-contexify__separator {
  background-color: #eee;
}
.react-contexify__theme--dark .react-contexify__item__content {
  color: #ffffff;
}

.react-contexify__theme--light .react-contexify__separator {
  background-color: #eee;
}
.react-contexify__theme--light .react-contexify__submenu--is-open,
.react-contexify__theme--light .react-contexify__submenu--is-open > .react-contexify__item__content {
  color: #4393e6;
  background-color: #e0eefd;
}
.react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content {
  color: #4393e6;
  background-color: #e0eefd;
}
.react-contexify__theme--light .react-contexify__item__content {
  color: #666;
}

@keyframes react-contexify__scaleIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes react-contexify__scaleOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.react-contexify__will-enter--scale {
  transform-origin: top left;
  animation: react-contexify__scaleIn 0.3s;
}

.react-contexify__will-leave--scale {
  transform-origin: top left;
  animation: react-contexify__scaleOut 0.3s;
}

@keyframes react-contexify__fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes react-contexify__fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.react-contexify__will-enter--fade {
  animation: react-contexify__fadeIn 0.3s ease;
}

.react-contexify__will-leave--fade {
  animation: react-contexify__fadeOut 0.3s ease;
}

@keyframes react-contexify__flipInX {
  from {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
  }
  to {
    transform: perspective(800px);
  }
}
@keyframes react-contexify__flipOutX {
  from {
    transform: perspective(800px);
  }
  to {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
    opacity: 0;
  }
}
.react-contexify__will-enter--flip {
  backface-visibility: visible !important;
  transform-origin: top center;
  animation: react-contexify__flipInX 0.3s;
}

.react-contexify__will-leave--flip {
  transform-origin: top center;
  animation: react-contexify__flipOutX 0.3s;
  backface-visibility: visible !important;
}

@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes react-contexify__slideIn {
  from {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
  to {
    opacity: 1;
  }
}
@keyframes react-contexify__slideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
}
.react-contexify__will-enter--slide {
  transform-origin: top center;
  animation: react-contexify__slideIn 0.3s;
}

.react-contexify__will-leave--slide {
  transform-origin: top center;
  animation: react-contexify__slideOut 0.3s;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/_menu.scss */
.react-contexify {
  position: fixed;
  opacity: 0;
  user-select: none;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 6px 0;
  min-width: 200px;
  z-index: 100;
}
.react-contexify__submenu--is-open, .react-contexify__submenu--is-open > .react-contexify__item__content {
  color: white;
  background-color: #4393e6;
}
.react-contexify__submenu--is-open > .react-contexify__submenu {
  pointer-events: initial;
  opacity: 1;
}
.react-contexify .react-contexify__submenu {
  position: absolute;
  /* negate padding */
  top: -6px;
  pointer-events: none;
  transition: opacity 0.275s;
}
.react-contexify__submenu-arrow {
  margin-left: auto;
  font-size: 12px;
}
.react-contexify__separator {
  width: 100%;
  height: 1px;
  cursor: default;
  margin: 4px 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.react-contexify__will-leave--disabled {
  pointer-events: none;
}
.react-contexify__item {
  cursor: pointer;
  position: relative;
}
.react-contexify__item:focus {
  outline: 0;
}
.react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content {
  color: white;
  background-color: #4393e6;
}
.react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__submenu {
  pointer-events: initial;
  opacity: 1;
}
.react-contexify__item--disabled {
  cursor: default;
  opacity: 0.5;
}
.react-contexify__item__content {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #333;
  position: relative;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/themes/_dark.scss */
.react-contexify__theme--dark {
  background-color: rgba(40, 40, 40, 0.98);
}
.react-contexify__theme--dark .react-contexify__submenu {
  background-color: rgba(40, 40, 40, 0.98);
}
.react-contexify__theme--dark .react-contexify__separator {
  background-color: #eee;
}
.react-contexify__theme--dark .react-contexify__item__content {
  color: #ffffff;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/themes/_light.scss */
.react-contexify__theme--light .react-contexify__separator {
  background-color: #eee;
}
.react-contexify__theme--light .react-contexify__submenu--is-open,
.react-contexify__theme--light .react-contexify__submenu--is-open > .react-contexify__item__content {
  color: #4393e6;
  background-color: #e0eefd;
}
.react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):hover > .react-contexify__item__content, .react-contexify__theme--light .react-contexify__item:not(.react-contexify__item--disabled):focus > .react-contexify__item__content {
  color: #4393e6;
  background-color: #e0eefd;
}
.react-contexify__theme--light .react-contexify__item__content {
  color: #666;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_scale.scss */
@keyframes react-contexify__scaleIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes react-contexify__scaleOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.react-contexify__will-enter--scale {
  transform-origin: top left;
  animation: react-contexify__scaleIn 0.3s;
}

.react-contexify__will-leave--scale {
  transform-origin: top left;
  animation: react-contexify__scaleOut 0.3s;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_fade.scss */
@keyframes react-contexify__fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes react-contexify__fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.react-contexify__will-enter--fade {
  animation: react-contexify__fadeIn 0.3s ease;
}

.react-contexify__will-leave--fade {
  animation: react-contexify__fadeOut 0.3s ease;
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_flip.scss */
@keyframes react-contexify__flipInX {
  from {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
  }
  to {
    transform: perspective(800px);
  }
}
@keyframes react-contexify__flipOutX {
  from {
    transform: perspective(800px);
  }
  to {
    transform: perspective(800px) rotate3d(1, 0, 0, 45deg);
    opacity: 0;
  }
}
.react-contexify__will-enter--flip {
  backface-visibility: visible !important;
  transform-origin: top center;
  animation: react-contexify__flipInX 0.3s;
}

.react-contexify__will-leave--flip {
  transform-origin: top center;
  animation: react-contexify__flipOutX 0.3s;
  backface-visibility: visible !important;
}

@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}

/* /@fs//home/webfront/repos/webfront/node_modules/.pnpm/react-contexify@5.0.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-contexify/scss/animations/_slide.scss */
@keyframes react-contexify__slideIn {
  from {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
  to {
    opacity: 1;
  }
}
@keyframes react-contexify__slideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(1, 0.3, 1);
  }
}
.react-contexify__will-enter--slide {
  transform-origin: top center;
  animation: react-contexify__slideIn 0.3s;
}

.react-contexify__will-leave--slide {
  transform-origin: top center;
  animation: react-contexify__slideOut 0.3s;
}

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+button@14.0.0/node_modules/@material/button/dist/mdc.button.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{display:none}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(
      100% + 4px
    );width:calc(
      100% + 4px
    );display:block}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring::after,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring::after{border-color:CanvasText}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button__ripple{position:absolute;box-sizing:content-box;overflow:hidden;z-index:0;top:0;left:0;bottom:0;right:0}.mdc-button{font-family:Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #6200ee))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled){background-color:#6200ee;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:hover{--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:not(:disabled):active{--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--raised:disabled{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss))}.mdc-button--outlined{font-family:Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px}

                                             

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+card@14.0.0/node_modules/@material/card/dist/mdc.card.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-card{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);position:relative;box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);display:flex;flex-direction:column;box-sizing:border-box}.mdc-card .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-card::after{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none;pointer-events:none}@media screen and (forced-colors: active){.mdc-card::after{border-color:CanvasText}}.mdc-card--outlined{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12);border-width:1px;border-style:solid;border-color:#e0e0e0}.mdc-card--outlined::after{border:none}.mdc-card__content{border-radius:inherit;height:100%}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media::before{display:block;content:""}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__media--square::before{margin-top:100%}.mdc-card__media--16-9::before{margin-top:56.25%}.mdc-card__media-content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.mdc-card__primary-action{display:flex;flex-direction:column;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}.mdc-card__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px;padding:8px}.mdc-card__actions--full-bleed{padding:0}.mdc-card__action-buttons,.mdc-card__action-icons{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.mdc-card__action-icons{color:rgba(0, 0, 0, 0.6);flex-grow:1;justify-content:flex-end}.mdc-card__action-buttons+.mdc-card__action-icons{margin-left:16px;margin-right:0}[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons,.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl]{margin-left:0;margin-right:16px}.mdc-card__action{display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-card__action:focus{outline:none}.mdc-card__action--button{margin-left:0;margin-right:8px;padding:0 8px}[dir=rtl] .mdc-card__action--button,.mdc-card__action--button[dir=rtl]{margin-left:8px;margin-right:0}.mdc-card__action--button:last-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl]{margin-left:0;margin-right:0}.mdc-card__actions--full-bleed .mdc-card__action--button{justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl]{text-align:right}.mdc-card__action--icon{margin:-6px 0;padding:12px}.mdc-card__action--icon:not(:disabled){color:rgba(0, 0, 0, 0.6)}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-card__primary-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-card__primary-action .mdc-card__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-card__primary-action .mdc-card__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-card__primary-action.mdc-ripple-upgraded--unbounded .mdc-card__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation .mdc-card__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation .mdc-card__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-card__primary-action .mdc-card__ripple::before,.mdc-card__primary-action .mdc-card__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-card__primary-action:hover .mdc-card__ripple::before,.mdc-card__primary-action.mdc-ripple-surface--hover .mdc-card__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-card__primary-action.mdc-ripple-upgraded--background-focused .mdc-card__ripple::before,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus .mdc-card__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-card__primary-action:not(.mdc-ripple-upgraded) .mdc-card__ripple::after{transition:opacity 150ms linear}.mdc-card__primary-action:not(.mdc-ripple-upgraded):active .mdc-card__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-card__primary-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-card__primary-action .mdc-card__ripple{box-sizing:content-box;height:100%;overflow:hidden;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:5px double transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after{border-color:CanvasText}}

                                           

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+chips@14.0.0/node_modules/@material/chips/dist/mdc.chips.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-touch-target-wrapper{display:inline}.mdc-deprecated-chip-trailing-action__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-deprecated-chip-trailing-action{border:none;display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;padding:0;outline:none;cursor:pointer;-webkit-appearance:none;background:none}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon{height:18px;width:18px;font-size:18px}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__touch{width:26px}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon{fill:currentColor;color:inherit}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-deprecated-chip-trailing-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-deprecated-chip-trailing-action:hover .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action.mdc-ripple-surface--hover .mdc-deprecated-chip-trailing-action__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-deprecated-chip-trailing-action__ripple::before,.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-deprecated-chip-trailing-action__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-deprecated-chip-trailing-action__ripple::after{transition:opacity 150ms linear}.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-deprecated-chip-trailing-action__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.mdc-chip__icon--leading{color:rgba(0,0,0,.54)}.mdc-deprecated-chip-trailing-action{color:#000}.mdc-chip__icon--trailing{color:rgba(0,0,0,.54)}.mdc-chip__icon--trailing:hover{color:rgba(0,0,0,.62)}.mdc-chip__icon--trailing:focus{color:rgba(0,0,0,.87)}.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){width:20px;height:20px;font-size:20px}.mdc-deprecated-chip-trailing-action__icon{height:18px;width:18px;font-size:18px}.mdc-chip__icon.mdc-chip__icon--trailing{width:18px;height:18px;font-size:18px}.mdc-deprecated-chip-trailing-action{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-deprecated-chip-trailing-action,.mdc-deprecated-chip-trailing-action[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-chip__icon--trailing{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-chip__icon--trailing,.mdc-chip__icon--trailing[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-chip{border-radius:16px;background-color:#e0e0e0;color:rgba(0, 0, 0, 0.87);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);height:32px;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 12px;border-width:0;outline:none;cursor:pointer;-webkit-appearance:none}.mdc-chip .mdc-chip__ripple{border-radius:16px}.mdc-chip:hover{color:rgba(0, 0, 0, 0.87)}.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){margin-left:-4px;margin-right:4px}[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),.mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl]{margin-left:4px;margin-right:-4px}.mdc-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-chip::-moz-focus-inner{padding:0;border:0}.mdc-chip:hover{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-chip .mdc-chip__touch{position:absolute;top:50%;height:48px;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-chip--exit{transition:opacity 75ms cubic-bezier(0.4, 0, 0.2, 1),width 150ms cubic-bezier(0, 0, 0.2, 1),padding 100ms linear,margin 100ms linear;opacity:0}.mdc-chip__overflow{text-overflow:ellipsis;overflow:hidden}.mdc-chip__text{white-space:nowrap}.mdc-chip__icon{border-radius:50%;outline:none;vertical-align:middle}.mdc-chip__checkmark{height:20px}.mdc-chip__checkmark-path{transition:stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-chip__primary-action:focus{outline:none}.mdc-chip--selected .mdc-chip__checkmark-path{stroke-dashoffset:0}.mdc-chip__icon--leading,.mdc-chip__icon--trailing{position:relative}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading{color:rgba(98,0,238,.54)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip--selected{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-chip__checkmark-svg{width:0;height:20px;transition:width 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-chip--selected .mdc-chip__checkmark-svg{width:20px}.mdc-chip-set--filter .mdc-chip__icon--leading{transition:opacity 75ms linear;transition-delay:-50ms;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark{transition:opacity 75ms linear;transition-delay:80ms;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg{transition:width 0ms}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading{opacity:0}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark{width:0;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading{width:0;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading+.mdc-chip__checkmark{width:20px}.mdc-chip{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-chip .mdc-chip__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-chip .mdc-chip__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-chip:hover .mdc-chip__ripple::before,.mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-chip .mdc-chip__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}@-webkit-keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.mdc-chip-set{padding:4px;display:flex;flex-wrap:wrap;box-sizing:border-box}.mdc-chip-set .mdc-chip{margin:4px}.mdc-chip-set .mdc-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-chip-set--input .mdc-chip{-webkit-animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1)}

                                            

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+drawer@14.0.0/node_modules/@material/drawer/dist/mdc.drawer.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-drawer {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  z-index: 6;
  width: 256px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  border-right-width: 1px;
  /* @noflip */
  /*rtl:ignore*/
  border-right-style: solid;
  overflow: hidden;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer .mdc-drawer__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-deprecated-list-group__subheader {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-drawer__subtitle {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-deprecated-list-item__graphic {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-deprecated-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: #6200ee;
}
.mdc-drawer .mdc-deprecated-list-item--activated {
  color: rgba(98, 0, 238, 0.87);
}
[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-large, 0);
  /*rtl:end:ignore*/
}

.mdc-drawer .mdc-deprecated-list-item {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-small, 4px);
}
.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 256px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 256px;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-right-width: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-left-width: 1px;
  /* @noflip */
  /*rtl:ignore*/
  border-right-style: none;
  /* @noflip */
  /*rtl:ignore*/
  border-left-style: solid;
  /*rtl:end:ignore*/
}

.mdc-drawer .mdc-deprecated-list-item {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  line-height: 1.375rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  letter-spacing: 0.0071428571em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  height: calc(48px - 2 * 4px);
  margin: 8px 8px;
  padding: 0 8px;
}
.mdc-drawer .mdc-deprecated-list-item:nth-child(1) {
  margin-top: 2px;
}
.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1) {
  margin-bottom: 0;
}
.mdc-drawer .mdc-deprecated-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  padding: 0 16px;
}
.mdc-drawer .mdc-deprecated-list-group__subheader::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer .mdc-deprecated-list-divider {
  margin: 3px 0 4px;
}
.mdc-drawer .mdc-deprecated-list-item__text,
.mdc-drawer .mdc-deprecated-list-item__graphic {
  pointer-events: none;
}

.mdc-drawer--animate {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /*rtl:end:ignore*/
}

.mdc-drawer--opening {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition-duration: 250ms;
}
[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(0);
          transform: translateX(0);
  /*rtl:end:ignore*/
}

.mdc-drawer--closing {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition-duration: 200ms;
}
[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /*rtl:end:ignore*/
}

.mdc-drawer__header {
  flex-shrink: 0;
  box-sizing: border-box;
  min-height: 64px;
  padding: 0 16px 4px;
}

.mdc-drawer__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-drawer__title::before {
  display: inline-block;
  width: 0;
  height: 36px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer__title::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-drawer__subtitle {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: 0;
}
.mdc-drawer__subtitle::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-drawer__content {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mdc-drawer--dismissible {
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
  display: none;
  position: absolute;
}
[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--dismissible.mdc-drawer--open {
  display: flex;
}

.mdc-drawer-app-content {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  position: relative;
}
[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--modal {
  /* @alternate */
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
  display: none;
  position: fixed;
}
.mdc-drawer--modal + .mdc-drawer-scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--modal.mdc-drawer--open {
  display: flex;
}

.mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer--open + .mdc-drawer-scrim {
  display: block;
}
.mdc-drawer--animate + .mdc-drawer-scrim {
  opacity: 0;
}
.mdc-drawer--opening + .mdc-drawer-scrim {
  transition-duration: 250ms;
  opacity: 1;
}
.mdc-drawer--closing + .mdc-drawer-scrim {
  transition-duration: 200ms;
  opacity: 0;
}

                                         

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+floating-label@14.0.0/node_modules/@material/floating-label/dist/mdc.floating-label.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}

                                                     

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+icon-button@14.0.0/node_modules/@material/icon-button/dist/mdc.icon-button.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-icon-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-icon-button .mdc-icon-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-icon-button .mdc-icon-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button .mdc-icon-button__ripple::before,.mdc-icon-button .mdc-icon-button__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-icon-button:hover .mdc-icon-button__ripple::before,.mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-icon-button .mdc-icon-button__ripple{height:100%;left:0px;pointer-events:none;position:absolute;top:0px;width:100%;z-index:-1}

                                                  

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+line-ripple@14.0.0/node_modules/@material/line-ripple/dist/mdc.line-ripple.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}

                                                  

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+notched-outline@14.0.0/node_modules/@material/notched-outline/dist/mdc.notched-outline.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}

                                                      

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+ripple@14.0.0/node_modules/@material/ripple/dist/mdc.ripple.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}

                                             

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+textfield@14.0.0/node_modules/@material/textfield/dist/mdc.textfield.min.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports(-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports(-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports(top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:"";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px}

                                                

/* /@fs/home/webfront/repos/webfront/node_modules/.pnpm/@material+top-app-bar@14.0.0/node_modules/@material/top-app-bar/dist/mdc.top-app-bar.css */
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-top-app-bar {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
  color: white;
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.08);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-top-app-bar__row {
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
}
.mdc-top-app-bar__section {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  z-index: 1;
}
.mdc-top-app-bar__section--align-start {
  justify-content: flex-start;
  order: -1;
}
.mdc-top-app-bar__section--align-end {
  justify-content: flex-end;
  order: 1;
}
.mdc-top-app-bar__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 20px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
}
[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 20px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 24px;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 24px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: auto;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  width: 100%;
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short .mdc-top-app-bar__row {
  height: 56px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__section {
  padding: 4px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__title {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

.mdc-top-app-bar--short-collapsed {
  /* @alternate */
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  display: none;
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px;
}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  align-self: flex-end;
  padding-bottom: 2px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  align-self: flex-start;
}

.mdc-top-app-bar--fixed {
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled {
  /* @alternate */
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 20px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  padding-bottom: 9px;
}
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 20px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px;
}

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px;
}

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px;
}

@media (max-width: 599px) {
  .mdc-top-app-bar__row {
    height: 56px;
  }

  .mdc-top-app-bar__section {
    padding: 4px;
  }

  .mdc-top-app-bar--short {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed {
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: 0;
    /* @noflip */
    /*rtl:ignore*/
    padding-right: 12px;
  }
  [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
    /*rtl:begin:ignore*/
    /* @noflip */
    /*rtl:ignore*/
    padding-left: 12px;
    /* @noflip */
    /*rtl:ignore*/
    padding-right: 0;
    /*rtl:end:ignore*/
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust {
    padding-top: 56px;
  }
}