/* libs/themes/oauth/theme.css */
/*! tailwindcss v4.1.18 | 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-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-800: oklch(44.4% 0.177 26.899);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --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-400: oklch(76.5% 0.177 163.223);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-blue-50: oklch(97% 0.014 254.604);
    --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-blue-950: oklch(28.2% 0.091 267.935);
    --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-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-rose-300: oklch(81% 0.117 11.638);
    --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-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-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-3xl: 48rem;
    --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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --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-Aksia: #1b6d85;
    --color-HedgeFund: #17375e;
    --color-LongOnly: #da470e;
    --color-LongOnlyCredit: #deb10b;
    --color-LongOnlyEquity: #ff6464;
    --color-PublicCredit: #79bccc;
    --color-PublicEquity: #55695f;
    --color-PrivateCredit: #403152;
    --color-PrivateEquity: #984807;
    --color-RealAssets: #cd5c5c;
    --color-Co-Invest: #64bce8;
    --color-Secondary: #046f2f;
    --color-FundOfFunds: #256eec;
    --color-LiquidAlts: #215968;
    --color-CoreFixedIncome: #0ba280;
    --color-AssetAllocation: #e494bd;
    --color-MonitorFundComposite: #838be8;
    --page-layout-center: "center";
    --page-layout-top: "top" "topHandle" "center";
    --page-layout-bottom: "center" "bottomHandle" "bottom";
    --page-layout-left: "left leftHandle center";
    --page-layout-right: "center rightHandle right";
    --page-layout-top-bottom: "top" "topHandle" "center" "bottomHandle" "bottom";
    --page-layout-left-right: "left leftHandle center rightHandle right";
    --page-layout-top-left: "top top top" "left leftHandle topHandle" "left leftHandle center";
    --page-layout-top-right: "top top top" "topHandle rightHandle right" "center rightHandle right";
    --page-layout-top-left-right: "top top top top top" "left leftHandle topHandle rightHandle right" "left leftHandle center rightHandle right";
    --page-layout-bottom-left: "left leftHandle center" "left leftHandle bottomHandle" "bottom bottom bottom";
    --page-layout-bottom-right: "center rightHandle right" "bottomHandle rightHandle right" "bottom bottom bottom";
    --page-layout-bottom-left-right: "left leftHandle center rightHandle right" "left leftHandle bottomHandle rightHandle right" "bottom bottom bottom bottom bottom";
    --page-layout-all: "top top top top top" "left leftHandle topHandle rightHandle right" "left leftHandle center rightHandle right" "left leftHandle bottomHandle rightHandle right" "bottom bottom bottom bottom bottom";
    --z-toast: 10000;
    --z-loading: 1000;
    --z-popup: 998;
    --z-modal: 997;
    --z-sticky: 1;
    --font-primary-aksia: var(--theme-font-family-aksia);
    --font-icons-aksia: var(--theme-font-family-icons-aksia);
    --font-icons-variation-settings-aksia: var( --theme-font-variation-settings-icons-aksia );
    --animate-fade-from-bottom: fadeInFromBottom 0.5s both;
    --animate-fade-to-bottom: fadeOutToBottom 0.5s both;
    --animate-fade-from-top: fadeInFromTop 0.5s both;
    --animate-fade-to-top: fadeOutToTop 0.5s both;
    --color-primary-aksia-1: var(--theme-color-primary-aksia-1);
    --color-primary-aksia-2: var(--theme-color-primary-aksia-2);
    --color-primary-aksia-3: var(--theme-color-primary-aksia-3);
    --color-primary-aksia-4: var(--theme-color-primary-aksia-4);
    --color-primary-aksia-5: var(--theme-color-primary-aksia-5);
    --color-secondary-aksia-1: var(--theme-color-secondary-aksia-1);
    --color-secondary-aksia-2: var(--theme-color-secondary-aksia-2);
    --color-secondary-aksia-3: var(--theme-color-secondary-aksia-3);
    --color-bg-primary-aksia: var(--theme-color-bg-primary-aksia);
    --color-bg-secondary-aksia: var(--theme-color-bg-secondary-aksia);
    --color-bg-primary-aksia-dark: var(--theme-color-bg-primary-aksia-dark);
    --color-bg-secondary-aksia-dark: var(--theme-color-bg-secondary-aksia-dark);
    --color-success-aksia: var(--theme-color-success-aksia);
    --color-error-aksia: var(--theme-color-error-aksia);
    --color-warning-aksia: var(--theme-color-warning-aksia);
    --color-link: var(--theme-color-link);
    --radius-control-aksia: var(--theme-radius-control-aksia);
    --spacing-content-gap-y-xs: var(--theme-spacing-content-gap-y-xs);
    --spacing-content-gap-y-s: var(--theme-spacing-content-gap-y-s);
    --spacing-content-gap-y: var(--theme-spacing-content-gap-y);
    --spacing-content-gap-y-l: var(--theme-spacing-content-gap-y-l);
    --spacing-content-gap-y-xl: var(--theme-spacing-content-gap-y-xl);
    --page-layout-handle-height: var(--theme-handle-height);
    --handle-width: var(--theme-handle-width);
    --text-size-page-title: var(--theme-text-size-page-title);
    --text-size-page-title-unstyled: var(--theme-text-size-page-title-unstyled);
    --font-weight-page-title: var(--theme-font-weight-page-title);
    --font-weight-page-title-unstyled: var( --theme-font-weight-page-title-unstyled );
    --text-size-page-subtitle: var(--theme-text-size-page-subtitle);
    --font-weight-page-subtitle: var(--theme-font-weight-page-subtitle);
    --color-page-title: var(--theme-color-page-title);
    --color-page-title-dark: var(--theme-color-page-title-dark);
    --spacing-page-header-icon: var(--theme-spacing-page-header-icon);
    --spacing-page-header-pad-x: var(--theme-spacing-page-header-pad-x);
    --spacing-page-header-pad-y: var(--theme-spacing-page-header-pad-y);
    --spacing-page-header-gap-x: var(--theme-spacing-page-header-gap-x);
    --spacing-page-header-unstyled-gap-x: var( --theme-spacing-page-header-unstyled-gap-x );
    --spacing-page-header-gap-y: var(--theme-spacing-page-header-gap-y);
    --spacing-page-header-unstyled-gap-y: var( --theme-spacing-page-header-unstyled-gap-y );
    --spacing-page-header-actions-gap-x: var( --theme-spacing-page-header-actions-gap-x );
    --spacing-page-header-tools-gap-x: var( --theme-spacing-page-header-tools-gap-x );
    --spacing-page-content-max-width: var(--theme-spacing-page-content-max-width);
    --spacing-page-content-pad-x: var(--theme-spacing-page-content-pad-x);
    --spacing-page-content-pad-y: var(--theme-spacing-page-content-pad-y);
    --spacing-page-content-unstyled-pad-x: var( --theme-spacing-page-content-unstyled-pad-x );
    --spacing-page-content-unstyled-pad-y: var( --theme-spacing-page-content-unstyled-pad-y );
    --spacing-page-content-gap-x: var(--theme-spacing-page-content-gap-x);
    --spacing-page-content-gap-y: var(--theme-spacing-page-content-gap-y);
    --text-size-page-toolbar-title: var(--theme-text-size-page-toolbar-title);
    --text-size-page-toolbar-app-icon: var( --theme-text-size-page-toolbar-app-icon );
    --spacing-page-toolbar-title-gap-x: var( --theme-spacing-page-toolbar-title-gap-x );
    --spacing-page-toolbar-height: var(--theme-spacing-page-toolbar-height);
    --spacing-page-toolbar-pad-x: var(--theme-spacing-page-toolbar-pad-x);
    --spacing-page-toolbar-pad-y: var(--theme-spacing-page-toolbar-pad-y);
    --spacing-page-toolbar-gap-x: var(--theme-spacing-page-toolbar-gap-x);
    --spacing-page-toolbar-gap-y: var(--theme-spacing-page-toolbar-gap-y);
    --text-size-page-nav-item-title: var(--theme-text-size-page-nav-item-title);
    --font-weight-page-nav-item-title: var( --theme-font-weight-page-nav-item-title );
    --text-size-page-nav-item-icon: var(--theme-text-size-page-nav-item-icon);
    --color-page-nav-bg: var(--theme-color-page-nav-bg);
    --color-page-nav-bg-dark: var(--theme-color-page-nav-bg-dark);
    --color-page-nav-item-title: var(--theme-color-page-nav-item-title);
    --color-page-nav-item-title-dark: var(--theme-color-page-nav-item-title-dark);
    --color-page-nav-item-icon: var(--theme-color-page-nav-item-icon);
    --color-page-nav-item-icon-dark: var(--theme-color-page-nav-item-icon-dark);
    --color-page-nav-item-bg: var(--theme-color-page-nav-item-bg);
    --color-page-nav-item-bg-dark: var(--theme-color-page-nav-item-bg-dark);
    --color-page-nav-item-bg-hover: var(--theme-color-page-nav-item-bg-hover);
    --color-page-nav-item-bg-hover-dark: var( --theme-color-page-nav-item-bg-hover-dark );
    --spacing-page-nav-width: var(--theme-spacing-page-nav-width);
    --spacing-page-nav-item-height: var(--theme-spacing-page-nav-item-height);
    --spacing-page-nav-item-pad-x: var(--theme-spacing-page-nav-item-pad-x);
    --spacing-page-nav-item-pad-t: var(--theme-spacing-page-nav-item-pad-t);
    --spacing-page-nav-item-pad-b: var(--theme-spacing-page-nav-item-pad-b);
    --spacing-page-nav-item-gap-y: var(--theme-spacing-page-nav-item-gap-y);
    --text-size-page-tab-item-title: var(--theme-text-size-page-tab-item-title);
    --font-weight-page-tab-item-title: var( --theme-font-weight-page-tab-item-title );
    --text-size-page-tab-item-icon: var(--theme-text-size-page-tab-item-icon);
    --color-page-tab-item-title: var(--theme-color-page-tab-item-title);
    --color-page-tab-item-title-dark: var(--theme-color-page-tab-item-title-dark);
    --color-page-tab-item-title-active: var( --theme-color-page-tab-item-title-active );
    --color-page-tab-item-title-active-dark: var( --theme-color-page-tab-item-title-active-dark );
    --color-page-tab-item-icon: var(--theme-color-page-tab-item-icon);
    --color-page-tab-item-icon-dark: var(--theme-color-page-tab-item-icon-dark);
    --color-page-tab-item-border: var(--theme-color-page-tab-item-border);
    --color-page-tab-item-border-dark: var( --theme-color-page-tab-item-border-dark );
    --color-page-tab-item-border-hover: var( --theme-color-page-tab-item-border-hover );
    --color-page-tab-item-border-hover-dark: var( --theme-color-page-tab-item-border-hover-dark );
    --color-page-tab-item-border-active: var( --theme-color-page-tab-item-border-active );
    --color-page-tab-item-border-active-dark: var( --theme-color-page-tab-item-border-active-dark );
    --spacing-page-tab-gap-y: var(--theme-spacing-page-tab-gap-y);
    --spacing-page-tab-header-gap-x: var(--theme-spacing-page-tab-header-gap-x);
    --spacing-page-tab-item-border-size: var( --theme-spacing-page-tab-item-border-size );
    --spacing-page-tab-item-pad-y: var(--theme-spacing-page-tab-item-pad-y);
    --spacing-page-tab-item-title-leading: var( --theme-spacing-page-tab-item-title-leading );
    --text-size-page-bookmark-title: var(--theme-text-size-page-bookmark-title);
    --font-weight-page-bookmark-title: var( --theme-font-weight-page-bookmark-title );
    --color-page-bookmark-title: var(--theme-color-page-bookmark-title);
    --color-page-bookmark-title-dark: var(--theme-color-page-bookmark-title-dark);
    --spacing-page-bookmark-header-height: var( --theme-spacing-page-bookmark-header-height );
    --spacing-page-bookmark-header-pad-x: var( --theme-spacing-page-bookmark-header-pad-x );
    --spacing-page-bookmark-header-pad-y: var( --theme-spacing-page-bookmark-header-pad-y );
    --text-size-page-bookmark-item-title: var( --theme-text-size-page-bookmark-item-title );
    --font-weight-page-bookmark-item-title: var( --theme-font-weight-page-bookmark-item-title );
    --color-page-bookmark-item-title: var(--theme-color-page-bookmark-item-title);
    --color-page-bookmark-item-title-dark: var( --theme-color-page-bookmark-item-title-dark );
    --color-page-bookmark-item-bg: var(--theme-color-page-bookmark-item-bg);
    --color-page-bookmark-item-bg-dark: var( --theme-color-page-bookmark-item-bg-dark );
    --color-page-bookmark-item-bg-hover: var( --theme-color-page-bookmark-item-bg-hover );
    --color-page-bookmark-item-bg-hover-dark: var( --theme-color-page-bookmark-item-bg-hover-dark );
    --spacing-page-bookmark-item-height: var( --theme-spacing-page-bookmark-item-height );
    --spacing-page-bookmark-item-pad-x: var( --theme-spacing-page-bookmark-item-pad-x );
    --text-size-section-title: var(--theme-text-size-section-title);
    --font-weight-section-title: var(--theme-font-weight-section-title);
    --color-section-title: var(--theme-color-section-title);
    --color-section-title-dark: var(--theme-color-section-title-dark);
    --spacing-section-tool: var(--theme-spacing-section-tool);
    --color-section-tool: var(--theme-color-section-tool);
    --color-section-tool-dark: var(--theme-color-section-tool-dark);
    --spacing-section-header-height: var(--theme-spacing-section-header-height);
    --spacing-section-header-pad-x: var(--theme-spacing-section-header-pad-x);
    --spacing-section-header-pad-y: var(--theme-spacing-section-header-pad-y);
    --spacing-section-header-gap-x: var(--theme-spacing-section-header-gap-x);
    --spacing-section-content-pad-x: var(--theme-spacing-section-content-pad-x);
    --spacing-section-content-pad-t: var(--theme-spacing-section-content-pad-t);
    --spacing-section-content-pad-b: var(--theme-spacing-section-content-pad-b);
    --spacing-section-content-gap-x: var(--theme-spacing-section-content-gap-x);
    --spacing-section-border-size: var(--theme-spacing-section-border-size);
    --text-size-section-group-title: var(--theme-text-size-section-group-title);
    --font-weight-section-group-title: var( --theme-font-weight-section-group-title );
    --color-section-group-title: var(--theme-color-section-group-title);
    --color-section-group-title-dark: var(--theme-color-section-group-title-dark);
    --spacing-section-group-tool: var(--theme-spacing-section-group-tool);
    --color-section-group-tool: var(--theme-color-section-group-tool);
    --color-section-group-tool-dark: var(--theme-color-section-group-tool-dark);
    --spacing-section-group-header-height: var( --theme-spacing-section-group-header-height );
    --spacing-section-group-header-pad-x: var( --theme-spacing-section-group-header-pad-x );
    --spacing-section-group-header-pad-y: var( --theme-spacing-section-group-header-pad-y );
    --spacing-section-group-header-gap-x: var( --theme-spacing-section-group-header-gap-x );
    --spacing-section-group-header-gap-y: var( --theme-spacing-section-group-header-gap-y );
    --spacing-section-group-content-pad-x: var( --theme-spacing-section-group-content-pad-x );
    --spacing-section-group-content-pad-t: var( --theme-spacing-section-group-content-pad-t );
    --spacing-section-group-content-pad-b: var( --theme-spacing-section-group-content-pad-b );
    --spacing-section-group-content-gap-x: var( --theme-spacing-section-group-content-gap-x );
    --spacing-section-group-border-size: var( --theme-spacing-section-group-border-size );
    --text-size-list-label: var(--theme-text-size-list-label);
    --font-weight-list-label: var(--theme-font-weight-list-label);
    --color-list-label: var(--theme-color-list-label);
    --color-list-label-dark: var(--theme-color-list-label-dark);
    --text-size-list-header: var(--theme-text-size-list-header);
    --font-weight-list-header: var(--theme-font-weight-list-header);
    --color-list-header: var(--theme-color-list-header);
    --color-list-header-dark: var(--theme-color-list-header-dark);
    --text-size-list-item: var(--theme-text-size-list-item);
    --text-size-list-item-icon: var(--theme-text-size-list-item-icon);
    --font-weight-list-item: var(--theme-font-weight-list-item);
    --color-list-item: var(--theme-color-list-item);
    --color-list-item-dark: var(--theme-color-list-item-dark);
    --color-list-item-bg-hover: var(--theme-color-list-item-bg-hover);
    --color-list-item-bg-hover-dark: var(--theme-color-list-item-bg-hover-dark);
    --text-size-list-item-actions: var(--theme-text-size-list-item-actions);
    --text-size-list-item-reorder-handle: var( --theme-text-size-list-item-reorder-handle );
    --spacing-list-header-height: var(--theme-spacing-list-header-height);
    --spacing-list-item-height: var(--theme-spacing-list-item-height);
    --spacing-list-header-pad-x: var(--theme-spacing-list-header-pad-x);
    --spacing-list-item-pad-x: var(--theme-spacing-list-item-pad-x);
    --spacing-list-header-gap-x: var(--theme-spacing-list-header-gap-x);
    --spacing-list-item-gap-x: var(--theme-spacing-list-item-gap-x);
    --text-size-modal-title: var(--theme-text-size-modal-title);
    --font-weight-modal-title: var(--theme-font-weight-modal-title);
    --color-modal-title: var(--theme-color-modal-title);
    --color-modal-title-dark: var(--theme-color-modal-title-dark);
    --spacing-modal-tool: var(--theme-spacing-modal-tool);
    --color-modal-tool: var(--theme-color-modal-tool);
    --color-modal-tool-dark: var(--theme-color-modal-tool-dark);
    --spacing-modal-header-height: var(--theme-spacing-modal-header-height);
    --spacing-modal-header-pad-x: var(--theme-spacing-modal-header-pad-x);
    --spacing-modal-header-pad-y: var(--theme-spacing-modal-header-pad-y);
    --spacing-modal-header-gap-x: var(--theme-spacing-modal-header-gap-x);
    --spacing-modal-header-gap-y: var(--theme-spacing-modal-header-gap-y);
    --spacing-modal-content-pad-x: var(--theme-spacing-modal-content-pad-x);
    --spacing-modal-content-pad-y: var(--theme-spacing-modal-content-pad-y);
    --spacing-modal-content-gap-x: var(--theme-spacing-modal-content-gap-x);
    --spacing-modal-content-gap-y: var(--theme-spacing-modal-content-gap-y);
    --spacing-modal-border-size: var(--theme-spacing-modal-border-size);
    --text-size-toast-title: var(--theme-text-size-toast-title);
    --font-weight-toast-title: var(--theme-font-weight-toast-title);
    --spacing-toast-title: var(--theme-spacing-toast-title);
    --color-toast-title: var(--theme-color-toast-title);
    --color-toast-icon: var(--theme-color-toast-icon);
    --color-toast-bg: var(--theme-color-toast-bg-default);
    --spacing-toast-height: var(--theme-spacing-toast-height);
    --spacing-toast-pad: var(--theme-spacing-toast-pad);
    --spacing-toast-gap: var(--theme-spacing-toast-gap);
    --spacing-toast-margin: var(--theme-spacing-toast-margin);
    --spacing-toast-icon: var(--theme-spacing-toast-icon);
    --text-size-alert-title: var(--theme-text-size-alert-title);
    --text-size-alert-message: var(--theme-text-size-alert-message);
    --font-weight-alert-title: var(--theme-font-weight-alert-title);
    --font-weight-alert-message: var(--theme-font-weight-alert-message);
    --spacing-alert-border: var(--theme-spacing-alert-border);
    --color-alert-text-info: var(--theme-color-alert-text-info);
    --color-alert-text-info-dark: var(--theme-color-alert-text-info-dark);
    --color-alert-text-success: var(--theme-color-alert-text-success);
    --color-alert-text-success-dark: var(--theme-color-alert-text-success-dark);
    --color-alert-text-warning: var(--theme-color-alert-text-warning);
    --color-alert-text-warning-dark: var(--theme-color-alert-text-warning-dark);
    --color-alert-text-error: var(--theme-color-alert-text-error);
    --color-alert-text-error-dark: var(--theme-color-alert-text-error-dark);
    --color-alert-fg-info: var(--theme-color-alert-fg-info);
    --color-alert-fg-info-dark: var(--theme-color-alert-fg-info-dark);
    --color-alert-fg-success: var(--theme-color-alert-fg-success);
    --color-alert-fg-success-dark: var(--theme-color-alert-fg-success-dark);
    --color-alert-fg-warning: var(--theme-color-alert-fg-warning);
    --color-alert-fg-warning-dark: var(--theme-color-alert-fg-warning-dark);
    --color-alert-fg-error: var(--theme-color-alert-fg-error);
    --color-alert-fg-error-dark: var(--theme-color-alert-fg-error-dark);
    --color-alert-bg-info: var(--theme-color-alert-bg-info);
    --color-alert-bg-info-dark: var(--theme-color-alert-bg-info-dark);
    --color-alert-bg-success: var(--theme-color-alert-bg-success);
    --color-alert-bg-success-dark: var(--theme-color-alert-bg-success-dark);
    --color-alert-bg-warning: var(--theme-color-alert-bg-warning);
    --color-alert-bg-warning-dark: var(--theme-color-alert-bg-warning-dark);
    --color-alert-bg-error: var(--theme-color-alert-bg-error);
    --color-alert-bg-error-dark: var(--theme-color-alert-bg-error-dark);
    --spacing-alert-pad-x: var(--theme-spacing-alert-pad-x);
    --spacing-alert-pad-y: var(--theme-spacing-alert-pad-y);
    --spacing-alert-gap-x: var(--theme-spacing-alert-gap-x);
    --spacing-alert-gap-y: var(--theme-spacing-alert-gap-y);
    --spacing-alert-icon: var(--theme-spacing-alert-icon);
    --spacing-alert-tool: var(--theme-spacing-alert-tool);
    --text-size-input-label: var(--theme-text-size-input-label);
    --text-size-input-value: var(--theme-text-size-input-value);
    --text-size-input-value-xxs: var(--theme-text-size-input-value-xxs);
    --text-size-input-tool: var(--theme-text-size-input-tool);
    --text-size-input-default-icon: var(--theme-text-size-input-default-icon);
    --text-size-input-footer: var(--theme-text-size-input-footer);
    --font-weight-input-label: var(--theme-font-weight-input-label);
    --font-weight-input-placeholder: var(--theme-font-weight-input-placeholder);
    --font-weight-input-footer: var(--theme-font-weight-input-footer);
    --color-input-label: var(--theme-color-input-label);
    --color-input-label-dark: var(--theme-color-input-label-dark);
    --color-input-value: var(--theme-color-input-value);
    --color-input-value-dark: var(--theme-color-input-value-dark);
    --color-input-value-disabled: var(--theme-color-input-value-disabled);
    --color-input-placeholder: var(--theme-color-input-placeholder);
    --color-input-placeholder-dark: var(--theme-color-input-placeholder-dark);
    --color-input-tool: var(--theme-color-input-tool);
    --color-input-tool-dark: var(--theme-color-input-tool-dark);
    --color-input-tool-hover: var(--theme-color-input-tool-hover);
    --color-input-tool-hover-dark: var(--theme-color-input-tool-hover-dark);
    --color-input-default-icon: var(--theme-color-input-default-icon);
    --color-input-default-icon-dark: var(--theme-color-input-default-icon-dark);
    --color-input-default-icon-disabled: var( --theme-color-input-default-icon-disabled );
    --color-input-footer: var(--theme-color-input-footer);
    --color-input-bg: var(--theme-color-input-bg);
    --color-input-bg-dark: var(--theme-color-input-bg-dark);
    --color-input-bg-hover: var(--theme-color-input-bg-hover);
    --color-input-bg-hover-dark: var(--theme-color-input-bg-hover-dark);
    --color-input-bg-active: var(--theme-color-input-bg-active);
    --color-input-bg-disabled: var(--theme-color-input-bg-disabled);
    --color-input-bg-disabled-dark: var(--theme-color-input-bg-disabled-dark);
    --color-input-border: var(--theme-color-input-border);
    --color-input-border-dark: var(--theme-color-input-border-dark);
    --color-input-border-hover: var(--theme-color-input-border-hover);
    --color-input-border-hover-dark: var(--theme-color-input-border-hover-dark);
    --color-input-border-active: var(--theme-color-input-border-active);
    --color-input-border-active-dark: var(--theme-color-input-border-active-dark);
    --color-input-border-disabled: var(--theme-color-input-border-disabled);
    --color-input-border-disabled-dark: var( --theme-color-input-border-disabled-dark );
    --spacing-input-gap-y: var(--theme-spacing-input-gap-y);
    --spacing-input-gap-x: var(--theme-spacing-input-gap-x);
    --spacing-input-pad-x: var(--theme-spacing-input-pad-x);
    --spacing-input-label-height: var(--theme-spacing-input-label-height);
    --spacing-input-label-gap-x: var(--theme-spacing-input-label-gap-x);
    --spacing-input-value-height-xxs: var(--theme-spacing-input-value-height-xxs);
    --spacing-input-value-height-xs: var(--theme-spacing-input-value-height-xs);
    --spacing-input-value-height-s: var(--theme-spacing-input-value-height-s);
    --spacing-input-value-height-base: var( --theme-spacing-input-value-height-base );
    --spacing-input-value-height-l: var(--theme-spacing-input-value-height-l);
    --spacing-input-value-height-xl: var(--theme-spacing-input-value-height-xl);
    --spacing-input-value-height-xxl: var(--theme-spacing-input-value-height-xxl);
    --spacing-input-footer-height: var(--theme-spacing-input-footer-height);
    --spacing-input-border-size: var(--theme-spacing-input-border-size);
    --text-size-button-label: var(--theme-text-size-button-label);
    --text-size-button-label-xxs: var(--theme-text-size-button-label-xxs);
    --font-weight-button-label: var(--theme-font-weight-button-label);
    --font-weight-button-label-xxs: var(--theme-font-weight-button-label-xxs);
    --color-button-label-primary: var(--theme-color-button-label-primary);
    --color-button-label-primary-dark: var( --theme-color-button-label-primary-dark );
    --color-button-label-primary-hover: var( --theme-color-button-label-primary-hover );
    --color-button-label-primary-hover-dark: var( --theme-color-button-label-primary-hover-dark );
    --color-button-label-primary-active: var( --theme-color-button-label-primary-active );
    --color-button-label-primary-active-dark: var( --theme-color-button-label-primary-active-dark );
    --color-button-label-primary-disabled: var( --theme-color-button-label-primary-disabled );
    --color-button-label-primary-disabled-dark: var( --theme-color-button-label-primary-disabled-dark );
    --color-button-label-secondary: var(--theme-color-button-label-secondary);
    --color-button-label-secondary-dark: var( --theme-color-button-label-secondary-dark );
    --color-button-label-secondary-hover: var( --theme-color-button-label-secondary-hover );
    --color-button-label-secondary-hover-dark: var( --theme-color-button-label-secondary-hover-dark );
    --color-button-label-secondary-active: var( --theme-color-button-label-secondary-active );
    --color-button-label-secondary-active-dark: var( --theme-color-button-label-secondary-active-dark );
    --color-button-label-secondary-disabled: var( --theme-color-button-label-secondary-disabled );
    --color-button-label-secondary-disabled-dark: var( --theme-color-button-label-secondary-disabled-dark );
    --color-button-label-tertiary: var(--theme-color-button-label-tertiary);
    --color-button-label-tertiary-dark: var( --theme-color-button-label-tertiary-dark );
    --color-button-label-tertiary-hover: var( --theme-color-button-label-tertiary-hover );
    --color-button-label-tertiary-hover-dark: var( --theme-color-button-label-tertiary-hover-dark );
    --color-button-label-tertiary-active: var( --theme-color-button-label-tertiary-active );
    --color-button-label-tertiary-active-dark: var( --theme-color-button-label-tertiary-active-dark );
    --color-button-label-tertiary-disabled: var( --theme-color-button-label-tertiary-disabled );
    --color-button-label-tertiary-disabled-dark: var( --theme-color-button-label-tertiary-disabled-dark );
    --color-button-label-toggle: var(--theme-color-button-label-toggle);
    --color-button-label-toggle-dark: var(--theme-color-button-label-toggle-dark);
    --color-button-label-toggle-hover: var( --theme-color-button-label-toggle-hover );
    --color-button-label-toggle-hover-dark: var( --theme-color-button-label-toggle-hover-dark );
    --color-button-label-toggle-active: var( --theme-color-button-label-toggle-active );
    --color-button-label-toggle-active-dark: var( --theme-color-button-label-toggle-active-dark );
    --color-button-border-primary: var(--theme-color-button-border-primary);
    --color-button-border-primary-dark: var( --theme-color-button-border-primary-dark );
    --color-button-border-primary-hover: var( --theme-color-button-border-primary-hover );
    --color-button-border-primary-hover-dark: var( --theme-color-button-border-primary-hover-dark );
    --color-button-border-primary-active: var( --theme-color-button-border-primary-active );
    --color-button-border-primary-active-dark: var( --theme-color-button-border-primary-active-dark );
    --color-button-border-primary-disabled: var( --theme-color-button-border-primary-disabled );
    --color-button-border-primary-disabled-dark: var( --theme-color-button-border-primary-disabled-dark );
    --color-button-border-secondary: var(--theme-color-button-border-secondary);
    --color-button-border-secondary-dark: var( --theme-color-button-border-secondary-dark );
    --color-button-border-secondary-hover: var( --theme-color-button-border-secondary-hover );
    --color-button-border-secondary-hover-dark: var( --theme-color-button-border-secondary-hover-dark );
    --color-button-border-secondary-active: var( --theme-color-button-border-secondary-active );
    --color-button-border-secondary-active-dark: var( --theme-color-button-border-secondary-active-dark );
    --color-button-border-secondary-disabled: var( --theme-color-button-border-secondary-disabled );
    --color-button-border-secondary-disabled-dark: var( --theme-color-button-border-secondary-disabled-dark );
    --color-button-border-tertiary: var(--theme-color-button-border-tertiary);
    --color-button-border-tertiary-dark: var( --theme-color-button-border-tertiary-dark );
    --color-button-border-tertiary-hover: var( --theme-color-button-border-tertiary-hover );
    --color-button-border-tertiary-hover-dark: var( --theme-color-button-border-tertiary-hover-dark );
    --color-button-border-tertiary-active: var( --theme-color-button-border-tertiary-active );
    --color-button-border-tertiary-active-dark: var( --theme-color-button-border-tertiary-active-dark );
    --color-button-border-tertiary-disabled: var( --theme-color-button-border-tertiary-disabled );
    --color-button-border-tertiary-disabled-dark: var( --theme-color-button-border-tertiary-disabled-dark );
    --color-button-border-toggle: var(--theme-color-button-border-toggle);
    --color-button-border-toggle-dark: var( --theme-color-button-border-toggle-dark );
    --color-button-border-toggle-hover: var( --theme-color-button-border-toggle-hover );
    --color-button-border-toggle-hover-dark: var( --theme-color-button-border-toggle-hover-dark );
    --color-button-border-toggle-active: var( --theme-color-button-border-toggle-active );
    --color-button-border-toggle-active-dark: var( --theme-color-button-border-toggle-active-dark );
    --color-button-bg-primary: var(--theme-color-button-bg-primary);
    --color-button-bg-primary-dark: var(--theme-color-button-bg-primary-dark);
    --color-button-bg-primary-hover: var(--theme-color-button-bg-primary-hover);
    --color-button-bg-primary-hover-dark: var( --theme-color-button-bg-primary-hover-dark );
    --color-button-bg-primary-active: var(--theme-color-button-bg-primary-active);
    --color-button-bg-primary-active-dark: var( --theme-color-button-bg-primary-active-dark );
    --color-button-bg-primary-disabled: var( --theme-color-button-bg-primary-disabled );
    --color-button-bg-primary-disabled-dark: var( --theme-color-button-bg-primary-disabled-dark );
    --color-button-bg-secondary: var(--theme-color-button-bg-secondary);
    --color-button-bg-secondary-dark: var(--theme-color-button-bg-secondary-dark);
    --color-button-bg-secondary-hover: var( --theme-color-button-bg-secondary-hover );
    --color-button-bg-secondary-hover-dark: var( --theme-color-button-bg-secondary-hover-dark );
    --color-button-bg-secondary-active: var( --theme-color-button-bg-secondary-active );
    --color-button-bg-secondary-active-dark: var( --theme-color-button-bg-secondary-active-dark );
    --color-button-bg-secondary-disabled: var( --theme-color-button-bg-secondary-disabled );
    --color-button-bg-secondary-disabled-dark: var( --theme-color-button-bg-secondary-disabled-dark );
    --color-button-bg-tertiary: var(--theme-color-button-bg-tertiary);
    --color-button-bg-tertiary-dark: var(--theme-color-button-bg-tertiary-dark);
    --color-button-bg-tertiary-hover: var(--theme-color-button-bg-tertiary-hover);
    --color-button-bg-tertiary-hover-dark: var( --theme-color-button-bg-tertiary-hover-dark );
    --color-button-bg-tertiary-active: var( --theme-color-button-bg-tertiary-active );
    --color-button-bg-tertiary-active-dark: var( --theme-color-button-bg-tertiary-active-dark );
    --color-button-bg-tertiary-disabled: var( --theme-color-button-bg-tertiary-disabled );
    --color-button-bg-tertiary-disabled-dark: var( --theme-color-button-bg-tertiary-disabled-dark );
    --color-button-bg-toggle: var(--theme-color-button-bg-toggle);
    --color-button-bg-toggle-dark: var(--theme-color-button-bg-toggle-dark);
    --color-button-bg-toggle-hover: var(--theme-color-button-bg-toggle-hover);
    --color-button-bg-toggle-hover-dark: var( --theme-color-button-bg-toggle-hover-dark );
    --color-button-bg-toggle-active: var(--theme-color-button-bg-toggle-active);
    --color-button-bg-toggle-active-dark: var( --theme-color-button-bg-toggle-active-dark );
    --spacing-button-gap-x-xxs: var(--theme-spacing-button-gap-xxs);
    --spacing-button-gap-x: var(--theme-spacing-button-gap-x);
    --spacing-button-pad-x-xxs: var(--theme-spacing-button-pad-x-xxs);
    --spacing-button-pad-x-xs: var(--theme-spacing-button-pad-x-xs);
    --spacing-button-pad-x-s: var(--theme-spacing-button-pad-x-s);
    --spacing-button-pad-x: var(--theme-spacing-button-pad-x);
    --spacing-button-pad-x-l: var(--theme-spacing-button-pad-x-l);
    --spacing-button-pad-x-xl: var(--theme-spacing-button-pad-x-xl);
    --spacing-button-pad-toggle-x: var(--theme-spacing-button-pad-toggle-x);
    --spacing-button-pad-x-label-xxs: var(--theme-spacing-button-pad-x-label-xxs);
    --spacing-button-pad-x-label: var(--theme-spacing-button-pad-x-label);
    --color-check-border: var(--theme-color-check-border);
    --color-check-border-dark: var(--theme-color-check-border-dark);
    --color-check-border-checked: var(--theme-color-check-border-checked);
    --color-check-border-checked-dark: var( --theme-color-check-border-checked-dark );
    --color-check-border-disabled: var(--theme-color-check-border-disabled);
    --color-check-border-disabled-dark: var( --theme-color-check-border-disabled-dark );
    --color-check-bg: var(--theme-color-check-bg);
    --color-check-bg-dark: var(--theme-color-check-bg-dark);
    --color-check-bg-checked: var(--theme-color-check-bg-checked);
    --color-check-bg-checked-dark: var(--theme-color-check-bg-checked-dark);
    --color-check-bg-disabled: var(--theme-color-check-bg-disabled);
    --color-check-bg-disabled-dark: var(--theme-color-check-bg-disabled-dark);
    --color-check-icon: var(--theme-color-check-icon);
    --color-check-icon-dark: var(--theme-color-check-icon-dark);
    --color-radio-icon: var(--theme-color-radio-icon);
    --color-radio-icon-dark: var(--theme-color-radio-icon-dark);
    --color-radio-icon-checked: var(--theme-color-radio-icon-checked);
    --color-radio-icon-checked-dark: var(--theme-color-radio-icon-checked-dark);
    --color-radio-icon-disabled: var(--theme-color-radio-icon-disabled);
    --color-radio-icon-disabled-dark: var(--theme-color-radio-icon-disabled-dark);
    --text-size-chip-title: var(--theme-text-size-chip-title);
    --font-weight-chip-title: var(--theme-font-weight-chip-title);
    --color-chip-title: var(--theme-color-chip-title);
    --color-chip-title-dark: var(--theme-color-chip-title-dark);
    --color-chip-title-disabled: var(--theme-color-chip-title-disabled);
    --color-chip-title-disabled-dark: var(--theme-color-chip-title-disabled-dark);
    --color-chip-bg: var(--theme-color-chip-bg);
    --color-chip-bg-dark: var(--theme-color-chip-bg-dark);
    --color-chip-bg-disabled: var(--theme-color-chip-bg-disabled);
    --color-chip-bg-disabled-dark: var(--theme-color-chip-bg-disabled-dark);
    --color-chip-border: var(--theme-color-chip-border);
    --color-chip-border-dark: var(--theme-color-chip-border-dark);
    --color-chip-border-disabled: var(--theme-color-chip-border-disabled);
    --color-chip-border-disabled-dark: var( --theme-color-chip-border-disabled-dark );
    --spacing-chip-height: var(--theme-spacing-chip-height);
    --spacing-chip-pad-l: var(--theme-spacing-chip-pad-l);
    --spacing-chip-pad-r: var(--theme-spacing-chip-pad-r);
    --spacing-chip-gap-x: var(--theme-spacing-chip-gap-x);
    --spacing-chipstrip-gap: var(--theme-spacing-chipstrip-gap);
    --spacing-popup-border-size: var(--theme-spacing-popup-border-size);
    --color-popup-border: var(--theme-color-popup-border);
    --text-size-popup-item-title: var(--theme-text-size-popup-item-title);
    --font-weight-popup-item-title: var(--theme-font-weight-popup-item-title);
    --color-popup-item-title: var(--color-gray-600);
    --color-popup-item-title-dark: var(--theme-color-popup-item-title-dark);
    --color-popup-item-bg: var(--theme-color-popup-item-bg);
    --color-popup-item-bg-dark: var(--theme-color-popup-item-bg-dark);
    --color-popup-item-bg-hover: var(--theme-color-popup-item-bg-hover);
    --color-popup-item-bg-hover-dark: var(--theme-color-popup-item-bg-hover-dark);
    --spacing-popup-item-height: var(--theme-spacing-popup-item-height);
    --spacing-popup-item-pad-x: var(--theme-spacing-popup-item-pad-x);
    --spacing-popup-item-gap-x: var(--theme-spacing-popup-item-gap-x);
    --popup-max-items: var(--theme-popup-max-items);
    --spacing-scrollbar-width: var(--theme-spacing-scrollbar-width);
    --color-scrollbar: var(--theme-color-scrollbar);
    --color-scrollbar-dark: var(--theme-color-scrollbar-dark);
  }
}
@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)) {
      ::placeholder {
        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 {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-\[-24px\] {
    top: -24px;
  }
  .top-\[3rem\] {
    top: 3rem;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[var\(--z-sticky\)\] {
    z-index: var(--z-sticky);
  }
  .col-1 {
    grid-column: 1;
  }
  .col-2 {
    grid-column: 2;
  }
  .col-3 {
    grid-column: 3;
  }
  .col-4 {
    grid-column: 4;
  }
  .col-5 {
    grid-column: 5;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-7 {
    grid-column: 7;
  }
  .col-8 {
    grid-column: 8;
  }
  .col-9 {
    grid-column: 9;
  }
  .col-10 {
    grid-column: 10;
  }
  .col-11 {
    grid-column: 11;
  }
  .col-\[1_\/_span_1\] {
    grid-column: 1 / span 1;
  }
  .col-\[1_\/_span_2\] {
    grid-column: 1 / span 2;
  }
  .col-\[1_\/_span_3\] {
    grid-column: 1 / span 3;
  }
  .col-\[1_\/_span_4\] {
    grid-column: 1 / span 4;
  }
  .col-\[1_\/_span_6\] {
    grid-column: 1 / span 6;
  }
  .col-\[1_\/_span_7\] {
    grid-column: 1 / span 7;
  }
  .col-\[1_\/_span_9\] {
    grid-column: 1 / span 9;
  }
  .col-\[1_\/_span_10\] {
    grid-column: 1 / span 10;
  }
  .col-\[2_\/_span_1\] {
    grid-column: 2 / span 1;
  }
  .col-\[2_\/_span_2\] {
    grid-column: 2 / span 2;
  }
  .col-\[2_\/_span_5\] {
    grid-column: 2 / span 5;
  }
  .col-\[3_\/_span_1\] {
    grid-column: 3 / span 1;
  }
  .col-\[3_\/_span_2\] {
    grid-column: 3 / span 2;
  }
  .col-\[3_\/_span_4\] {
    grid-column: 3 / span 4;
  }
  .col-\[3_\/_span_6\] {
    grid-column: 3 / span 6;
  }
  .col-\[4_\/_span_1\] {
    grid-column: 4 / span 1;
  }
  .col-\[4_\/_span_2\] {
    grid-column: 4 / span 2;
  }
  .col-\[5_\/_span_1\] {
    grid-column: 5 / span 1;
  }
  .col-\[5_\/_span_2\] {
    grid-column: 5 / span 2;
  }
  .col-\[5_\/_span_3\] {
    grid-column: 5 / span 3;
  }
  .col-\[6_\/_span_1\] {
    grid-column: 6 / span 1;
  }
  .col-\[6_\/_span_2\] {
    grid-column: 6 / span 2;
  }
  .col-\[7_\/_span_1\] {
    grid-column: 7 / span 1;
  }
  .col-\[7_\/_span_2\] {
    grid-column: 7 / span 2;
  }
  .col-\[7_\/_span_4\] {
    grid-column: 7 / span 4;
  }
  .col-\[8_\/_span_1\] {
    grid-column: 8 / span 1;
  }
  .col-\[8_\/_span_2\] {
    grid-column: 8 / span 2;
  }
  .col-\[9_\/_span_1\] {
    grid-column: 9 / span 1;
  }
  .col-\[9_\/_span_2\] {
    grid-column: 9 / span 2;
  }
  .col-\[9_\/_span_4\] {
    grid-column: 9 / span 4;
  }
  .col-\[10_\/_span_1\] {
    grid-column: 10 / span 1;
  }
  .col-\[10_\/_span_2\] {
    grid-column: 10 / span 2;
  }
  .col-\[11_\/_span_1\] {
    grid-column: 11 / span 1;
  }
  .col-\[11_\/_span_2\] {
    grid-column: 11 / span 2;
  }
  .col-\[12_\/_span_1\] {
    grid-column: 12 / span 1;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .-col-start-1 {
    grid-column-start: calc(1 * -1);
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .-col-end-2 {
    grid-column-end: calc(2 * -1);
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .row-3 {
    grid-row: 3;
  }
  .row-span-full {
    grid-row: 1 / -1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-\[calc\(var\(--spacing-input-value-height-base\)\/2-var\(--spacing-chip-height\)\/2\)\] {
    margin-top: calc(var(--spacing-input-value-height-base) / 2 - var(--spacing-chip-height) / 2);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-scrollbar-width {
    margin-right: var(--spacing-scrollbar-width);
  }
  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-\[1\.5rem\] {
    margin-bottom: 1.5rem;
  }
  .mb-\[200px\] {
    margin-bottom: 200px;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .icon-size-\[0\.75rem\] {
    font-size: 0.75rem;
    height: 0.75rem;
    width: 0.75rem;
    line-height: 0.75rem;
  }
  .icon-size-\[0\.750rem\] {
    font-size: 0.750rem;
    height: 0.750rem;
    width: 0.750rem;
    line-height: 0.750rem;
  }
  .icon-size-\[0\.875rem\] {
    font-size: 0.875rem;
    height: 0.875rem;
    width: 0.875rem;
    line-height: 0.875rem;
  }
  .icon-size-\[1\.5rem\] {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
  }
  .icon-size-\[1\.25rem\] {
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    line-height: 1.25rem;
  }
  .icon-size-\[1\.75rem\] {
    font-size: 1.75rem;
    height: 1.75rem;
    width: 1.75rem;
    line-height: 1.75rem;
  }
  .icon-size-\[1rem\] {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
    line-height: 1rem;
  }
  .icon-size-\[2\.5rem\] {
    font-size: 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
  }
  .icon-size-\[2rem\] {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
  }
  .icon-size-\[20px\] {
    font-size: 20px;
    height: 20px;
    width: 20px;
    line-height: 20px;
  }
  .icon-size-\[40rem\] {
    font-size: 40rem;
    height: 40rem;
    width: 40rem;
    line-height: 40rem;
  }
  .size-\[1\.5rem\] {
    width: 1.5rem;
    height: 1.5rem;
  }
  .h-fill-available {
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[2rem\] {
    height: 2rem;
  }
  .h-\[4\.063rem\] {
    height: 4.063rem;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[12rem\] {
    height: 12rem;
  }
  .h-\[16\.75rem\] {
    height: 16.75rem;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[calc\(100\%-56px\)\] {
    height: calc(100% - 56px);
  }
  .h-\[calc\(var\(--center-area-height\)-26\.875rem\)\] {
    height: calc(var(--center-area-height) - 26.875rem);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-full\! {
    height: 100% !important;
  }
  .h-list-item-height {
    height: var(--spacing-list-item-height);
  }
  .h-min {
    height: min-content;
  }
  .h-screen {
    height: 100vh;
  }
  .max-list-items-6 {
    overflow-y: auto;
  }
  .max-list-items-6:not(:has([uilistheader])) {
    max-height: calc(6 * var(--spacing-list-item-height) + 0.125rem);
  }
  .max-list-items-6:has([uilistheader]) {
    max-height: calc(6 * var(--spacing-list-item-height) + var(--spacing-list-header-height) + 0.125rem);
  }
  .max-list-items-26 {
    overflow-y: auto;
  }
  .max-list-items-26:not(:has([uilistheader])) {
    max-height: calc(26 * var(--spacing-list-item-height) + 0.125rem);
  }
  .max-list-items-26:has([uilistheader]) {
    max-height: calc(26 * var(--spacing-list-item-height) + var(--spacing-list-header-height) + 0.125rem);
  }
  .\!max-h-\[200px\] {
    max-height: 200px !important;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-fit {
    max-height: fit-content;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }
  .min-h-\[22rem\] {
    min-height: 22rem;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[var\(--spacing-list-item-height\)\] {
    min-height: var(--spacing-list-item-height);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-\[250px\] {
    width: 250px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[45rem\] {
    width: 45rem;
  }
  .w-\[48\.75rem\] {
    width: 48.75rem;
  }
  .w-\[80vw\] {
    width: 80vw;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[1100px\] {
    width: 1100px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[2rem\] {
    max-width: 2rem;
  }
  .max-w-\[8rem\] {
    max-width: 8rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[19rem\] {
    max-width: 19rem;
  }
  .max-w-\[80vw\] {
    max-width: 80vw;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[50rem\] {
    min-width: 50rem;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-\[500px\] {
    min-width: 500px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .resize {
    resize: both;
  }
  .resize-x {
    resize: horizontal;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-\[auto\] {
    list-style-type: auto;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-normal {
    column-gap: 2.5rem;
    row-gap: 3.5rem;
    grid-auto-rows: 2.5rem;
  }
  .auto-rows-\[2\.0625rem\] {
    grid-auto-rows: 2.0625rem;
  }
  .auto-rows-\[2rem\] {
    grid-auto-rows: 2rem;
  }
  .auto-rows-\[3rem\] {
    grid-auto-rows: 3rem;
  }
  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-\[0\.875rem_1fr_20px_20px\] {
    grid-template-columns: 0.875rem 1fr 20px 20px;
  }
  .grid-cols-\[1\.5fr_1fr_1fr_1fr\] {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_0\.5fr_0\.5fr_0\.5fr_2fr\] {
    grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 2fr;
  }
  .grid-cols-\[1fr_0\.5fr_0\.5fr_2fr\] {
    grid-template-columns: 1fr 0.5fr 0.5fr 2fr;
  }
  .grid-cols-\[1fr_1\.5rem\] {
    grid-template-columns: 1fr 1.5rem;
  }
  .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .grid-cols-\[1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid-cols-\[1fr_1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid-cols-\[1fr_1fr_1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .grid-cols-\[1fr_1fr_1fr_1fr_1fr_1fr_1fr_2rem_2rem\] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 2rem 2rem;
  }
  .grid-cols-\[1fr_1fr_1fr_2rem\] {
    grid-template-columns: 1fr 1fr 1fr 2rem;
  }
  .grid-cols-\[1fr_1fr_2rem\] {
    grid-template-columns: 1fr 1fr 2rem;
  }
  .grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .grid-cols-\[1fr_2fr_0\.5fr_0\.5fr_1\.5rem\] {
    grid-template-columns: 1fr 2fr 0.5fr 0.5fr 1.5rem;
  }
  .grid-cols-\[1fr_500px_1fr\] {
    grid-template-columns: 1fr 500px 1fr;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[2fr_1fr_0\.5fr_0\.75rem\] {
    grid-template-columns: 2fr 1fr 0.5fr 0.75rem;
  }
  .grid-cols-\[2fr_1fr_1fr_20px\] {
    grid-template-columns: 2fr 1fr 1fr 20px;
  }
  .grid-cols-\[2fr_2fr_2fr_2fr_20px_24px\] {
    grid-template-columns: 2fr 2fr 2fr 2fr 20px 24px;
  }
  .grid-cols-\[2fr_2fr_2fr_2fr_24px\] {
    grid-template-columns: 2fr 2fr 2fr 2fr 24px;
  }
  .grid-cols-\[2rem_2rem_1fr_0\.5fr_0\.5fr_2fr\] {
    grid-template-columns: 2rem 2rem 1fr 0.5fr 0.5fr 2fr;
  }
  .grid-cols-\[2rem_2rem_2rem_1fr_1fr_1fr_1fr_1fr_4rem\] {
    grid-template-columns: 2rem 2rem 2rem 1fr 1fr 1fr 1fr 1fr 4rem;
  }
  .grid-cols-\[2rem_2rem_2rem_1fr_1fr_1fr_1fr_4rem\] {
    grid-template-columns: 2rem 2rem 2rem 1fr 1fr 1fr 1fr 4rem;
  }
  .grid-cols-\[2rem_2rem_2rem_1fr_1fr_1fr_4rem\] {
    grid-template-columns: 2rem 2rem 2rem 1fr 1fr 1fr 4rem;
  }
  .grid-cols-\[2rem_2rem_2rem_1fr_1fr_4rem\] {
    grid-template-columns: 2rem 2rem 2rem 1fr 1fr 4rem;
  }
  .grid-cols-\[3fr\] {
    grid-template-columns: 3fr;
  }
  .grid-cols-\[4rem_1fr_2rem\] {
    grid-template-columns: 4rem 1fr 2rem;
  }
  .grid-cols-\[20px_1fr_1fr_1fr_1fr_auto\] {
    grid-template-columns: 20px 1fr 1fr 1fr 1fr auto;
  }
  .grid-cols-\[32\%_32\%_32\%_4\%\] {
    grid-template-columns: 32% 32% 32% 4%;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[auto_2fr_2fr_2fr_2fr_20px_24px\] {
    grid-template-columns: auto 2fr 2fr 2fr 2fr 20px 24px;
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(2rem\,auto\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(2rem, auto));
  }
  .grid-rows-\[1\.75rem_1fr\] {
    grid-template-rows: 1.75rem 1fr;
  }
  .grid-rows-\[1fr_380px_1fr\] {
    grid-template-rows: 1fr 380px 1fr;
  }
  .grid-rows-\[30rem_1fr\] {
    grid-template-rows: 30rem 1fr;
  }
  .grid-rows-\[33\.3rem_33\.3rem\] {
    grid-template-rows: 33.3rem 33.3rem;
  }
  .grid-rows-\[100\%\] {
    grid-template-rows: 100%;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-start {
    place-content: start;
  }
  .content-center {
    align-content: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-\[0\.5rem\] {
    gap: 0.5rem;
  }
  .gap-\[2rem\] {
    gap: 2rem;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-section-header-gap-x {
    gap: var(--spacing-section-header-gap-x);
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .\!gap-x-\[2rem\] {
    column-gap: 2rem !important;
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-\[0\.5rem\] {
    column-gap: 0.5rem;
  }
  .gap-x-\[1rem\] {
    column-gap: 1rem;
  }
  .gap-x-\[var\(--spacing-list-header-gap-x\)\] {
    column-gap: var(--spacing-list-header-gap-x);
  }
  .gap-x-\[var\(--spacing-popup-item-gap-x\)\] {
    column-gap: var(--spacing-popup-item-gap-x);
  }
  .gap-x-page-header-gap-x {
    column-gap: var(--spacing-page-header-gap-x);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-\[0\.5rem\] {
    row-gap: 0.5rem;
  }
  .gap-y-\[1\.5rem\] {
    row-gap: 1.5rem;
  }
  .gap-y-\[1\.5rem\]\! {
    row-gap: 1.5rem !important;
  }
  .gap-y-\[3\.12rem\] {
    row-gap: 3.12rem;
  }
  .place-self-center {
    place-self: center;
  }
  .place-self-center-safe {
    place-self: safe center;
  }
  .place-self-end {
    place-self: end;
  }
  .place-self-start {
    place-self: start;
  }
  .place-self-stretch {
    place-self: stretch;
  }
  .self-center {
    align-self: center;
  }
  .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-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .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: 0;
  }
  .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-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[calc\(var\(--spacing-input-border-size\)\)\] {
    border-top-style: var(--tw-border-style);
    border-top-width: calc(var(--spacing-input-border-size));
  }
  .border-b {
    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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-input-border {
    border-color: var(--color-input-border);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-400\/30 {
    border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-400\/30 {
      border-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-t-slate-600 {
    border-top-color: var(--color-slate-600);
  }
  .bg-\[\#e29fce\] {
    background-color: #e29fce;
  }
  .bg-bg-primary-aksia {
    background-color: var(--color-bg-primary-aksia);
  }
  .bg-bg-secondary-aksia {
    background-color: var(--color-bg-secondary-aksia);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-orange-200 {
    background-color: var(--color-orange-200);
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-slate-100\/95 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 95%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-100\/95 {
      background-color: color-mix(in oklab, var(--color-slate-100) 95%, transparent);
    }
  }
  .bg-slate-900\/72 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 72%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/72 {
      background-color: color-mix(in oklab, var(--color-slate-900) 72%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .fill-none {
    fill: none;
  }
  .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-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-\[1rem\] {
    padding: 1rem;
  }
  .p-\[2\.25rem\] {
    padding: 2.25rem;
  }
  .p-section-content-pad-x {
    padding: var(--spacing-section-content-pad-x);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .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-\[0\.125rem\] {
    padding-inline: 0.125rem;
  }
  .px-\[var\(--spacing-list-header-pad-x\)\] {
    padding-inline: var(--spacing-list-header-pad-x);
  }
  .px-page-header-pad-x {
    padding-inline: var(--spacing-page-header-pad-x);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-\[0\.1rem\] {
    padding-block: 0.1rem;
  }
  .py-\[0\.5rem\] {
    padding-block: 0.5rem;
  }
  .py-\[0\.25rem\] {
    padding-block: 0.25rem;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-\[0\.2125rem\] {
    padding-top: 0.2125rem;
  }
  .pt-\[1\.1rem\] {
    padding-top: 1.1rem;
  }
  .pt-\[1rem\] {
    padding-top: 1rem;
  }
  .pt-page-header-pad-y {
    padding-top: var(--spacing-page-header-pad-y);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-\[4rem\] {
    padding-bottom: 4rem;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-\[0\.15rem\] {
    padding-left: 0.15rem;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .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));
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[0\.875rem\] {
    font-size: 0.875rem;
  }
  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }
  .text-\[3\.875rem\] {
    font-size: 3.875rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[calc\(var\(--text-size-list-item\)\)\] {
    font-size: calc(var(--text-size-list-item));
  }
  .text-\[calc\(var\(--text-size-section-title\)\)\] {
    font-size: calc(var(--text-size-section-title));
  }
  .text-\[calc\(var\(--text-size-section-title\)\*0\.9\)\] {
    font-size: calc(var(--text-size-section-title) * 0.9);
  }
  .text-\[length\:var\(--text-size-page-title\)\] {
    font-size: var(--text-size-page-title);
  }
  .text-size-input-label {
    font-size: var(--text-size-input-label);
  }
  .text-size-list-item {
    font-size: var(--text-size-list-item);
  }
  .text-size-list-label {
    font-size: var(--text-size-list-label);
  }
  .text-size-section-group-title\! {
    font-size: var(--text-size-section-group-title) !important;
  }
  .leading-\[1\.75rem\] {
    --tw-leading: 1.75rem;
    line-height: 1.75rem;
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-\[calc\(var\(--font-weight-section-title\)-100\)\] {
    --tw-font-weight: calc(var(--font-weight-section-title) - 100);
    font-weight: calc(var(--font-weight-section-title) - 100);
  }
  .font-\[var\(--font-weight-section-title\)\] {
    --tw-font-weight: var(--font-weight-section-title);
    font-weight: var(--font-weight-section-title);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-input-label {
    --tw-font-weight: var(--font-weight-input-label);
    font-weight: var(--font-weight-input-label);
  }
  .font-list-item {
    --tw-font-weight: var(--font-weight-list-item);
    font-weight: var(--font-weight-list-item);
  }
  .font-list-label {
    --tw-font-weight: var(--font-weight-list-label);
    font-weight: var(--font-weight-list-label);
  }
  .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-section-group-title\! {
    --tw-font-weight: var(--font-weight-section-group-title) !important;
    font-weight: var(--font-weight-section-group-title) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.4em\] {
    --tw-tracking: 0.4em;
    letter-spacing: 0.4em;
  }
  .tracking-\[0\.5em\] {
    --tw-tracking: 0.5em;
    letter-spacing: 0.5em;
  }
  .tracking-\[0\.23rem\] {
    --tw-tracking: 0.23rem;
    letter-spacing: 0.23rem;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#6568f1\] {
    color: #6568f1;
  }
  .text-\[rgba\(88\,117\,199\,1\)\] {
    color: rgba(88, 117, 199, 1);
  }
  .text-\[var\(--color-blue-gray-400\)\] {
    color: var(--color-blue-gray-400);
  }
  .text-\[var\(--color-section-title\)\] {
    color: var(--color-section-title);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-cyan-300 {
    color: var(--color-cyan-300);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-error-aksia {
    color: var(--color-error-aksia);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .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-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-input-default-icon {
    color: var(--color-input-default-icon);
  }
  .text-input-label {
    color: var(--color-input-label);
  }
  .text-input-placeholder {
    color: var(--color-input-placeholder);
  }
  .text-input-value {
    color: var(--color-input-value);
  }
  .text-list-item {
    color: var(--color-list-item);
  }
  .text-orange-300 {
    color: var(--color-orange-300);
  }
  .text-page-title {
    color: var(--color-page-title);
  }
  .text-pink-400 {
    color: var(--color-pink-400);
  }
  .text-primary-aksia-2 {
    color: var(--color-primary-aksia-2);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-rose-300 {
    color: var(--color-rose-300);
  }
  .text-section-group-title\! {
    color: var(--color-section-group-title) !important;
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-success-aksia {
    color: var(--color-success-aksia);
  }
  .text-warning-aksia {
    color: var(--color-warning-aksia);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/40 {
    color: color-mix(in srgb, #fff 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .text-white\/45 {
    color: color-mix(in srgb, #fff 45%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/45 {
      color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .placeholder-gray-500::placeholder {
    color: var(--color-gray-500);
  }
  .\!accent-blue-600 {
    accent-color: var(--color-blue-600) !important;
  }
  .\!accent-green-600 {
    accent-color: var(--color-green-600) !important;
  }
  .accent-slate-300 {
    accent-color: var(--color-slate-300);
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .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-\[0_4px_24px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(0,0,0,0.4));
    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-section {
    --tw-shadow: var(--theme-shadow-section);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-1 {
    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,);
  }
  .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,);
  }
  .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-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-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .outline-dotted {
    --tw-outline-style: dotted;
    outline-style: dotted;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .ltr {
    direction: ltr;
  }
  .page-layout-\[\"details\"\] {
    grid-template-areas: "details";
  }
  .page-layout-\[\"list\"\] {
    grid-template-areas: "list";
  }
  .page-layout-\[\"list\"_\"details\"\] {
    grid-template-areas: "list" "details";
  }
  .page-layout-\[\"schema_query\"_\"schema_results\"\] {
    grid-template-areas: "schema query" "schema results";
  }
  .page-layout-\[\'email_analysis\'\] {
    grid-template-areas: "email analysis";
  }
  .page-layout-slot-\[details\] {
    grid-area: details;
  }
  .page-layout-slot-\[list\] {
    grid-area: list;
  }
  .page-layout-slot-\[query\] {
    grid-area: query;
  }
  .page-layout-slot-\[results\] {
    grid-area: results;
  }
  .page-layout-slot-\[schema\] {
    grid-area: schema;
  }
  :is(.\*\:w-\[200px\] > *) {
    width: 200px;
  }
  :is(.\*\:overflow-hidden > *) {
    overflow: hidden;
  }
  :is(.\*\:text-nowrap > *) {
    text-wrap: nowrap;
  }
  :is(.\*\:select-text\! > *) {
    -webkit-user-select: text !important;
    user-select: text !important;
  }
  .placeholder\:tracking-normal::placeholder {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400);
  }
  .empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }
  @media (hover: hover) {
    .hover\:border-button-bg-tertiary-hover:hover {
      border-color: var(--color-button-bg-tertiary-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-button-bg-tertiary-hover:hover {
      background-color: var(--color-button-bg-tertiary-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }
  }
  @media (hover: hover) {
    .hover\:font-bold:hover {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }
  }
  @media (hover: hover) {
    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }
  }
  @media (hover: hover) {
    .hover\:text-slate-800:hover {
      color: var(--color-slate-800);
    }
  }
  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .hover\:text-white\/70:hover {
      color: color-mix(in srgb, #fff 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/70:hover {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    :is(.hover\:\*\:text-primary-aksia-1:hover > *) {
      color: var(--color-primary-aksia-1);
    }
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  @media (width < 1300px) {
    .max-\[1300px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 1301px) {
    .min-\[1301px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-fit {
      width: fit-content;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[48\%\] {
      max-width: 48%;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[700px\] {
      max-width: 700px;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-\[350px\] {
      min-width: 350px;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-\[450px\] {
      min-width: 450px;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-\[500px\] {
      min-width: 500px;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-\[700px\] {
      min-width: 700px;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:col-2 {
      grid-column: 2;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 48rem) {
    .md\:min-h-\[350px\] {
      min-height: 350px;
    }
  }
  @media (width >= 48rem) {
    .md\:min-w-\[267px\] {
      min-width: 267px;
    }
  }
  @media (width >= 48rem) {
    .md\:min-w-\[550px\] {
      min-width: 550px;
    }
  }
  @media (width >= 48rem) {
    .md\:min-w-\[600px\] {
      min-width: 600px;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[350px\] {
      width: 350px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-fit {
      width: fit-content;
    }
  }
  @media (width >= 64rem) {
    .lg\:min-w-\[267px\] {
      min-width: 267px;
    }
  }
  @media (width >= 64rem) {
    .lg\:min-w-\[800px\] {
      min-width: 800px;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-rows-\[100\%\] {
      grid-template-rows: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-\[2\.375rem\] {
      font-size: 2.375rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:text-\[6\.125rem\] {
      font-size: 6.125rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:page-layout-\[\"list_details\"\] {
      grid-template-areas: "list details";
    }
  }
  @container (width < 500px) {
    .\@max-\[500px\]\:flex {
      display: flex;
    }
  }
  @container (width < 500px) {
    .\@max-\[500px\]\:hidden {
      display: none;
    }
  }
  @container (width < 500px) {
    .\@max-\[500px\]\:flex-col {
      flex-direction: column;
    }
  }
  @container (width < 500px) {
    .\@max-\[500px\]\:items-center {
      align-items: center;
    }
  }
  @container (width >= 500px) {
    .\@min-\[500px\]\:grid-cols-\[1fr_1px_1fr\] {
      grid-template-columns: 1fr 1px 1fr;
    }
  }
  .dark\:border-gray-700:where(.dark, .dark *) {
    border-color: var(--color-gray-700);
  }
  .dark\:bg-\[\#614559\]:where(.dark, .dark *) {
    background-color: #614559;
  }
  .dark\:bg-bg-primary-aksia-dark:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  .dark\:bg-bg-secondary-aksia-dark:where(.dark, .dark *) {
    background-color: var(--color-bg-secondary-aksia-dark);
  }
  .dark\:text-\[var\(--color-section-title-dark\)\]:where(.dark, .dark *) {
    color: var(--color-section-title-dark);
  }
  .dark\:text-gray-100:where(.dark, .dark *) {
    color: var(--color-gray-100);
  }
  .dark\:text-gray-400:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }
  .dark\:text-green-800:where(.dark, .dark *) {
    color: var(--color-green-800);
  }
  .dark\:text-input-label-dark:where(.dark, .dark *) {
    color: var(--color-input-label-dark);
  }
  .dark\:text-input-value-dark:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  .dark\:text-list-item-dark:where(.dark, .dark *) {
    color: var(--color-list-item-dark);
  }
  .dark\:text-page-title-dark:where(.dark, .dark *) {
    color: var(--color-page-title-dark);
  }
  .dark\:text-red-800:where(.dark, .dark *) {
    color: var(--color-red-800);
  }
  .dark\:text-section-group-title-dark\!:where(.dark, .dark *) {
    color: var(--color-section-group-title-dark) !important;
  }
  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dark\:text-yellow-600:where(.dark, .dark *) {
    color: var(--color-yellow-600);
  }
  @media (hover: hover) {
    .dark\:hover\:border-button-bg-tertiary-hover-dark:where(.dark, .dark *):hover {
      border-color: var(--color-button-bg-tertiary-hover-dark);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-button-bg-tertiary-hover-dark:where(.dark, .dark *):hover {
      background-color: var(--color-button-bg-tertiary-hover-dark);
    }
  }
  .\[\&_\.ag-header-cell-label\]\:justify-center .ag-header-cell-label {
    justify-content: center;
  }
  .\[\&\:\:placeholder\]\:text-\[calc\(var\(--text-size-list-item\)\)\]::placeholder {
    font-size: calc(var(--text-size-list-item));
  }
  .\[\&\:\:placeholder\]\:font-\[500\]::placeholder {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .\[\&\:has\(\[uisectionheader\=\'expanded\'\]\)\]\:border-primary-aksia-2:has([uisectionheader=expanded]) {
    border-color: var(--color-primary-aksia-2);
  }
  .\[\&\:hover\]\:cursor-pointer:hover {
    cursor: pointer;
  }
  .\[\&\:is\(icon\)\]\:h-fit:is(icon) {
    height: fit-content;
  }
  .\[\&\:is\(icon\)\]\:w-fit:is(icon) {
    width: fit-content;
  }
  .\[\&\:is\(icon\)\]\:rounded-\[0\.25rem\]:is(icon) {
    border-radius: 0.25rem;
  }
  .\[\&\:is\(icon\)\]\:border-\[1px\]:is(icon) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&\:is\(icon\)\]\:border-gray-200:is(icon) {
    border-color: var(--color-gray-200);
  }
  .\[\&\:is\(icon\)\]\:bg-bg-primary-aksia:is(icon) {
    background-color: var(--color-bg-primary-aksia);
  }
  .\[\&\:is\(icon\)\]\:p-\[0\.5rem\]:is(icon) {
    padding: 0.5rem;
  }
  .\[\&\>\*\]\:bg-transparent > * {
    background-color: transparent;
  }
  @media (hover: hover) {
    .\[\&\>\.cursor-zoom-in\]\:hover\:bg-list-item-bg-hover > .cursor-zoom-in:hover {
      background-color: var(--color-list-item-bg-hover);
    }
  }
  @media (hover: hover) {
    .\[\&\>\.cursor-zoom-in\]\:dark\:hover\:bg-list-item-bg-hover-dark > .cursor-zoom-in:where(.dark, .dark *):hover {
      background-color: var(--color-list-item-bg-hover-dark);
    }
  }
  @media (hover: hover) {
    .hover\:\[\&\>\[uichiplabel\]\]\:underline:hover > [uichiplabel] {
      text-decoration-line: underline;
    }
  }
  .\[\&\>\[uitoolstrip\]\]\:ml-0 > [uitoolstrip] {
    margin-left: calc(var(--spacing) * 0);
  }
  .\[\&\>\[uitoolstrip\]\]\:w-full > [uitoolstrip] {
    width: 100%;
  }
  @media (hover: hover) {
    .hover\:\[\&\>icon\]\:block:hover > icon {
      display: block;
    }
  }
  .\[\&\>li\]\:p-0 > li {
    padding: calc(var(--spacing) * 0);
  }
  .\[\&\>span\]\:my-\[0\.5rem\] > span {
    margin-block: 0.5rem;
  }
}
@layer theme, base, components, utilities;
@layer theme;
@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)) {
      ::placeholder {
        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;
@font-face {
  font-family: "Custom-Icons";
  src: url("./media/Custom-Icons.woff?8abce1") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes fadeInFromTop {
  from {
    opacity: 0;
  }
  to {
    transform: translateY(100%);
    opacity: 1;
  }
}
@keyframes fadeOutToTop {
  from {
    opacity: 1;
    transform: translateY(100%);
  }
  to {
    opacity: 0.5;
  }
}
@keyframes fadeInFromBottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutToBottom {
  from {
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0.5;
  }
}
:root {
  scrollbar-gutter: auto;
  scrollbar-width: var(--spacing-scrollbar-width);
  scrollbar-color: var(--color-scrollbar) transparent;
}
:root .hover-scrollbar {
  scrollbar-color: transparent transparent;
}
:root .hover-scrollbar:hover {
  scrollbar-color: var(--color-scrollbar) transparent;
}
:root.dark {
  scrollbar-color: var(--color-scrollbar-dark) transparent;
}
@-moz-document url-prefix() {
  :root {
    scrollbar-width: auto;
  }
  :root::-webkit-scrollbar {
    width: var(--spacing-scrollbar-width);
  }
}
@layer utilities {
  .icon-color-HedgeFund {
    color: var(--color-HedgeFund);
  }
  .icon-color-HedgeFund:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-LongOnly {
    color: var(--color-LongOnly);
  }
  .icon-color-LongOnly:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-LongOnlyCredit {
    color: var(--color-LongOnlyCredit);
  }
  .icon-color-LongOnlyCredit:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-LongOnlyEquity {
    color: var(--color-LongOnlyEquity);
  }
  .icon-color-LongOnlyEquity:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-PublicCredit {
    color: var(--color-PublicCredit);
  }
  .icon-color-PublicCredit:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-PublicEquity {
    color: var(--color-PublicEquity);
  }
  .icon-color-PublicEquity:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-PrivateCredit {
    color: var(--color-PrivateCredit);
  }
  .icon-color-PrivateCredit:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-PrivateEquity {
    color: var(--color-PrivateEquity);
  }
  .icon-color-PrivateEquity:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-RealAssets {
    color: var(--color-RealAssets);
  }
  .icon-color-RealAssets:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-Co-Invest {
    color: var(--color-Co-Invest);
  }
  .icon-color-Co-Invest:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-Secondary {
    color: var(--color-Secondary);
  }
  .icon-color-Secondary:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-FundOfFunds {
    color: var(--color-FundOfFunds);
  }
  .icon-color-FundOfFunds:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-LiquidAlts {
    color: var(--color-LiquidAlts);
  }
  .icon-color-LiquidAlts:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-CoreFixedIncome {
    color: var(--color-CoreFixedIncome);
  }
  .icon-color-CoreFixedIncome:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-AssetAllocation {
    color: var(--color-AssetAllocation);
  }
  .icon-color-AssetAllocation:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .icon-color-MonitorFundComposite {
    color: var(--color-MonitorFundComposite);
  }
  .icon-color-MonitorFundComposite:before {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
}
@layer base {
  *:not(input):not(rich-text):not([contenteditable]):not([contenteditable] *) {
    -webkit-user-select: none;
    user-select: none;
  }
  :focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  html,
  body,
  app-root {
    height: 100vh;
    width: 100vw;
  }
  body {
    overflow: hidden;
    background-color: var(--color-bg-secondary-aksia);
    font-family: var(--font-primary-aksia);
  }
  body:where(.dark, .dark *) {
    background-color: var(--color-bg-secondary-aksia-dark);
  }
  app-root {
    display: block;
  }
  hr {
    border-color: var(--color-input-border);
  }
  hr:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  hr.vertical {
    display: list-item;
    height: calc(1/2 * 100%);
    width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  input[readonly] {
    pointer-events: none;
    caret-color: transparent !important;
  }
  textarea {
    resize: none !important;
  }
  a[uilink] {
    cursor: pointer;
    color: var(--color-link);
  }
  @media (hover: hover) {
    a[uilink]:hover {
      text-decoration-line: underline;
    }
  }
}
@layer components {
  [uiloading],
  [uiloading-absolute] {
    position: relative;
    margin: calc(var(--spacing) * 2);
    display: flex !important;
    min-height: 200px;
    min-width: 200px;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
  }
  :is([uiloading], [uiloading-absolute])::before {
    content: var(--tw-content);
    background-color: var(--color-bg-secondary-aksia);
  }
  :is([uiloading], [uiloading-absolute]):where(.dark, .dark *)::before {
    content: var(--tw-content);
    background-color: var(--color-bg-secondary-aksia-dark);
  }
  :is([uiloading], [uiloading-absolute]):not(:has([uiloading])) > * {
    visibility: hidden !important;
  }
  :is([uiloading], [uiloading-absolute]):before {
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: var(--z-loading);
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 140px;
    font-family: var(--font-primary-aksia);
    color: var(--color-primary-aksia-2);
    --tw-content: attr(uiloading);
    content: var(--tw-content);
  }
  :is([uiloading], [uiloading-absolute]):after {
    position: absolute;
    z-index: var(--z-loading);
    display: flex;
    height: auto;
    width: auto;
    animation: var(--animate-spin);
    align-items: center;
    justify-content: center;
    font-family: var(--font-icons-aksia);
    font-size: 5rem;
    color: var(--color-primary-aksia-2);
    --tw-content: "\e9d0";
    content: var(--tw-content);
  }
  [uiloading-fixed]:before {
    position: fixed;
    background-color: transparent;
  }
  [uiloading-fixed]:after {
    position: fixed;
    top: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-color: transparent;
  }
  [uipagelayout] {
    display: grid;
    height: 100%;
    width: 100%;
    place-items: stretch;
    overflow: visible;
  }
  [uipagelayout] [uislot] {
    display: flex;
    flex-direction: column;
  }
  [uipagelayout] [uislot=center] {
    overflow: hidden;
    grid-area: center;
  }
  [uipagelayout] [uislot*=top] {
    height: var(--top-area-height);
    overflow-y: visible;
    --tw-shadow: var(--theme-shadow-page-layout-left);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    grid-area: top;
  }
  [uipagelayout] [uislot*=top]:where(.dark, .dark *) {
    --tw-shadow: var(--theme-shadow-page-layout-left-dark);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uipagelayout] [uislot*=bottom] {
    height: var(--bottom-area-height);
    overflow-y: visible;
    grid-area: bottom;
  }
  [uipagelayout] [uislot*=left] {
    width: var(--left-area-width);
    overflow: hidden;
    --tw-shadow: var(--theme-shadow-page-layout-left);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    grid-area: left;
  }
  [uipagelayout] [uislot*=left]:where(.dark, .dark *) {
    --tw-shadow: var(--theme-shadow-page-layout-left-dark);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uipagelayout] [uislot*=right] {
    width: var(--right-area-width);
    overflow: hidden;
    grid-area: right;
  }
  [uipagelayout] [uihandle]:hover {
    background-color: var(--color-primary-aksia-4);
  }
  [uipagelayout] [uislot=topHandle] {
    height: calc(var(--spacing) * 1);
    grid-area: topHandle;
  }
  @media (hover: hover) {
    [uipagelayout] [uislot=topHandle]:hover {
      cursor: row-resize;
    }
  }
  [uipagelayout] [uislot=bottomHandle] {
    height: calc(var(--spacing) * 1);
    grid-area: bottomHandle;
  }
  @media (hover: hover) {
    [uipagelayout] [uislot=bottomHandle]:hover {
      cursor: row-resize;
    }
  }
  [uipagelayout] [uislot=leftHandle] {
    width: calc(var(--spacing) * 1);
    grid-area: leftHandle;
  }
  @media (hover: hover) {
    [uipagelayout] [uislot=leftHandle]:hover {
      cursor: col-resize;
    }
  }
  [uipagelayout] [uislot=rightHandle] {
    width: calc(var(--spacing) * 1);
    grid-area: rightHandle;
  }
  @media (hover: hover) {
    [uipagelayout] [uislot=rightHandle]:hover {
      cursor: col-resize;
    }
  }
  [uipagelayout=center] {
    grid-template-areas: var(--page-layout-center);
  }
  [uipagelayout=top] {
    grid-template-areas: var(--page-layout-top);
  }
  [uipagelayout=bottom] {
    grid-template-areas: var(--page-layout-bottom);
  }
  [uipagelayout=left] {
    grid-template-areas: var(--page-layout-left);
  }
  [uipagelayout=right] {
    grid-template-areas: var(--page-layout-right);
  }
  [uipagelayout=top-bottom] {
    grid-template-areas: var(--page-layout-top-bottom);
  }
  [uipagelayout=left-right] {
    grid-template-areas: var(--page-layout-left-right);
  }
  [uipagelayout=top-left] {
    grid-template-areas: var(--page-layout-top-left);
  }
  [uipagelayout=top-right] {
    grid-template-areas: var(--page-layout-top-right);
  }
  [uipagelayout=top-left-right] {
    grid-template-areas: var(--page-layout-top-left-right);
  }
  [uipagelayout=bottom-left] {
    grid-template-areas: var(--page-layout-bottom-left);
  }
  [uipagelayout=bottom-right] {
    grid-template-areas: var(--page-layout-bottom-right);
  }
  [uipagelayout=bottom-left-right] {
    grid-template-areas: var(--page-layout-bottom-left-right);
  }
  [uipagelayout=top-bottom-left-right] {
    grid-template-areas: var(--page-layout-all);
  }
  [uipage] {
    display: flex;
    height: 100dvh;
    flex-direction: column;
    overflow: hidden;
  }
  [uipagetitle] {
    font-size: var(--text-size-page-title);
    --tw-font-weight: var(--font-weight-page-title);
    font-weight: var(--font-weight-page-title);
    color: var(--color-page-title);
  }
  [uipagetitle]:where(.dark, .dark *) {
    color: var(--color-page-title-dark);
  }
  [uipagesubtitle] {
    font-size: var(--text-size-page-subtitle);
    --tw-font-weight: var(--font-weight-page-subtitle);
    font-weight: var(--font-weight-page-subtitle);
    color: var(--color-page-title);
  }
  [uipagesubtitle]:where(.dark, .dark *) {
    color: var(--color-page-title-dark);
  }
  [uipageicon] {
    font-size: var(--spacing-page-header-icon);
    height: var(--spacing-page-header-icon);
    width: var(--spacing-page-header-icon);
    line-height: var(--spacing-page-header-icon);
  }
  [uipageheader] {
    display: grid;
    align-items: center;
    column-gap: var(--spacing-page-header-gap-x);
    row-gap: var(--spacing-page-header-gap-y);
    background-color: var(--color-bg-primary-aksia);
    padding-inline: var(--spacing-page-header-pad-x);
    padding-block: var(--spacing-page-header-pad-y);
    --grid-template-areas: "icon title tools" "actions actions tools";
    --grid-template-columns: auto 1fr auto;
    --grid-template-rows: 1fr 1fr;
    grid-template-areas: var(--grid-template-areas);
    grid-template-columns: var(--grid-template-columns);
    grid-template-rows: var(--grid-template-rows);
  }
  [uipageheader]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uipageheader].unstyled {
    row-gap: var(--spacing-page-header-unstyled-gap-y);
    background-color: transparent;
    padding-inline: var(--spacing-page-content-unstyled-pad-x);
    padding-block: var(--spacing-page-content-unstyled-pad-y);
  }
  [uipageheader].unstyled [uipagetitle] {
    font-size: var(--text-size-page-title-unstyled);
    --tw-font-weight: var(--font-weight-page-title-unstyled);
    font-weight: var(--font-weight-page-title-unstyled);
  }
  [uipageheader].unstyled [tools] {
    column-gap: var(--spacing-page-header-unstyled-gap-x);
  }
  [uipageheader]:has([actions]:empty) {
    --grid-template-areas: "icon title tools";
    --grid-template-rows: auto;
  }
  [uipageheader]:has([actions]:empty):not(:has([icon])) {
    --grid-template-areas: "title tools";
    --grid-template-columns: 1fr auto;
  }
  [uipageheader]:not(:has([actions]:empty)):not(:has([icon])) {
    --grid-template-areas: "title tools" "actions tools";
    --grid-template-columns: 1fr auto;
  }
  [uipageheader] [icon] {
    grid-area: icon;
  }
  [uipageheader] [icon]:not(:has(*)) {
    display: none;
  }
  [uipageheader] [title] {
    grid-area: title;
  }
  [uipageheader] [title]:is(:empty) {
    display: none;
  }
  [uipageheader] [tools] {
    grid-area: tools;
    display: flex;
    align-items: center;
    column-gap: var(--spacing-page-header-tools-gap-x);
  }
  [uipageheader] [tools]:not(:has(*)) {
    display: none;
  }
  [uipageheader] [actions] {
    grid-area: actions;
    display: flex;
    column-gap: var(--spacing-page-header-actions-gap-x);
  }
  [uipageheader] [actions]:not(:has(*)) {
    display: none;
  }
  [uipagecontent] {
    display: flex;
    height: 100%;
    flex-direction: column;
    column-gap: var(--spacing-page-content-gap-x);
    row-gap: var(--spacing-page-content-gap-y);
    overflow: auto;
    padding-inline: var(--spacing-page-content-pad-x);
    padding-block: var(--spacing-page-content-pad-y);
  }
  [uipagecontent].unstyled {
    background-color: transparent;
    padding-inline: var(--spacing-page-content-unstyled-pad-x);
    padding-block: var(--spacing-page-content-unstyled-pad-y);
  }
  [uipagecontent] > * {
    max-width: var(--spacing-page-content-max-width);
  }
  [uipagecontent=grid] {
    display: grid;
  }
  [uipagebookmark] {
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: var(--color-bg-primary-aksia);
  }
  [uipagebookmark]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uipagebookmark] [uipagebookmarktitle] {
    font-size: var(--text-size-page-bookmark-title);
    --tw-font-weight: var(--font-weight-page-bookmark-title);
    font-weight: var(--font-weight-page-bookmark-title);
    color: var(--color-page-bookmark-title);
  }
  [uipagebookmark] [uipagebookmarktitle]:where(.dark, .dark *) {
    color: var(--color-page-bookmark-title-dark);
  }
  [uipagebookmark] [uipagebookmarkheader] {
    height: var(--spacing-page-bookmark-header-height);
    padding-inline: var(--spacing-page-bookmark-header-pad-x);
    padding-top: var(--spacing-page-bookmark-header-pad-y);
  }
  [uipagebookmark] [uipagebookmarkcontent] {
    overflow-y: auto;
  }
  [uipagebookmark] [uipagebookmarkcontent] [uipagebookmarkitem] {
    display: flex;
    height: var(--spacing-page-bookmark-item-height);
    cursor: pointer;
    align-items: center;
    background-color: var(--color-page-bookmark-item-bg);
    padding-inline: var(--spacing-page-bookmark-item-pad-x);
    font-size: var(--text-size-page-bookmark-item-title);
    --tw-font-weight: var(--font-weight-page-bookmark-item-title);
    font-weight: var(--font-weight-page-bookmark-item-title);
    color: var(--color-page-bookmark-item-title);
  }
  @media (hover: hover) {
    [uipagebookmark] [uipagebookmarkcontent] [uipagebookmarkitem]:hover {
      background-color: var(--color-page-bookmark-item-bg-hover);
    }
  }
  [uipagebookmark] [uipagebookmarkcontent] [uipagebookmarkitem]:where(.dark, .dark *) {
    background-color: var(--color-page-bookmark-item-bg-dark);
  }
  [uipagebookmark] [uipagebookmarkcontent] [uipagebookmarkitem]:where(.dark, .dark *) {
    color: var(--color-page-bookmark-item-title-dark);
  }
  @media (hover: hover) {
    [uipagebookmark] [uipagebookmarkcontent] [uipagebookmarkitem]:where(.dark, .dark *):hover {
      background-color: var(--color-page-bookmark-item-bg-hover-dark);
    }
  }
  [uipagetoolbar] {
    position: relative;
    display: grid;
    height: var(--spacing-page-toolbar-height);
    align-items: center;
    column-gap: var(--spacing-page-toolbar-gap-x);
    row-gap: var(--spacing-page-toolbar-gap-y);
    background-color: var(--color-bg-primary-aksia);
    padding-inline: var(--spacing-page-toolbar-pad-x);
    padding-block: var(--spacing-page-toolbar-pad-y);
    grid-template-areas: "left center right";
    grid-template-columns: 200px 1fr fit-content(100%);
  }
  [uipagetoolbar]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uipagetoolbar] [area=center] {
    display: flex;
    align-self: stretch;
  }
  [uipagetoolbar] [area=left],
  [uipagetoolbar] [area=right] {
    display: flex;
    column-gap: var(--spacing-page-toolbar-gap-x);
    row-gap: var(--spacing-page-toolbar-gap-y);
    align-self: stretch;
  }
  [uipagetoolbar] [area=left] [uiappicon] {
    font-size: var(--text-size-page-toolbar-app-icon);
    height: var(--text-size-page-toolbar-app-icon);
    width: var(--text-size-page-toolbar-app-icon);
    line-height: var(--text-size-page-toolbar-app-icon);
    align-items: center;
    align-self: center;
    color: var(--color-secondary-aksia-2);
  }
  [uipagetoolbar] [area=left] [uiapptitle] {
    display: flex;
    align-items: center;
    align-self: stretch;
    border-top-right-radius: 0.44rem;
    border-bottom-right-radius: 0.44rem;
    border-bottom-left-radius: 0.44rem;
    background-color: var(--color-secondary-aksia-3);
    padding-inline: var(--spacing-page-toolbar-title-gap-x);
    font-size: var(--text-size-page-toolbar-title);
    --tw-leading: var(--text-size-page-toolbar-title);
    line-height: var(--text-size-page-toolbar-title);
    color: var(--color-secondary-aksia-1);
  }
  [uipagenav] {
    display: flex;
    align-items: center;
  }
  [uipagenav] [uipagenavcontent] {
    width: var(--spacing-page-nav-width);
    overflow-y: auto;
    background-color: var(--color-page-nav-bg);
    height: calc(100vh - var(--spacing-page-toolbar-height));
  }
  [uipagenav] [uipagenavcontent]:where(.dark, .dark *) {
    background-color: var(--color-page-nav-bg-dark);
  }
  [uipagenav] [uipagenavitem] {
    display: flex;
    height: var(--spacing-page-nav-item-height);
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: var(--spacing-page-nav-item-gap-y);
    background-color: var(--color-page-nav-item-bg);
    padding-inline: var(--spacing-page-nav-item-pad-x);
    padding-top: var(--spacing-page-nav-item-pad-t);
    padding-bottom: var(--spacing-page-nav-item-pad-b);
    font-size: var(--text-size-page-nav-item-title);
    --tw-font-weight: var(--font-weight-page-nav-item-title);
    font-weight: var(--font-weight-page-nav-item-title);
    color: var(--color-page-nav-item-title);
  }
  @media (hover: hover) {
    [uipagenav] [uipagenavitem]:hover {
      background-color: var(--color-page-nav-item-bg-hover);
    }
  }
  [uipagenav] [uipagenavitem]:where(.dark, .dark *) {
    background-color: var(--color-page-nav-item-bg-dark);
  }
  [uipagenav] [uipagenavitem]:where(.dark, .dark *) {
    color: var(--color-page-nav-item-title-dark);
  }
  @media (hover: hover) {
    [uipagenav] [uipagenavitem]:where(.dark, .dark *):hover {
      background-color: var(--color-page-nav-item-bg-hover-dark);
    }
  }
  [uipagenav] [uipagenavitem] [uipagenavicon] {
    font-size: var(--text-size-page-nav-item-icon);
    height: var(--text-size-page-nav-item-icon);
    width: var(--text-size-page-nav-item-icon);
    line-height: var(--text-size-page-nav-item-icon);
    color: var(--color-page-nav-item-icon);
  }
  [uipagenav] [uipagenavitem] [uipagenavicon]:active {
    color: var(--color-page-tab-item-title-active);
  }
  [uipagenav] [uipagenavitem] [uipagenavicon]:where(.dark, .dark *) {
    color: var(--color-page-nav-item-icon-dark);
  }
  [uipagenav] [uipagenavitem] [uipagenavtitle] {
    text-align: center;
    font-size: var(--text-size-page-nav-item-title);
    --tw-font-weight: var(--font-weight-page-nav-item-title);
    font-weight: var(--font-weight-page-nav-item-title);
    color: var(--color-page-nav-item-title);
  }
  [uipagenav] [uipagenavitem] [uipagenavtitle]:active {
    color: var(--color-page-tab-item-title-active);
  }
  [uipagenav] [uipagenavitem] [uipagenavtitle]:where(.dark, .dark *) {
    color: var(--color-page-nav-item-title-dark);
  }
  [uipagenav] [uipagenavitem].active {
    background-color: var(--color-page-nav-item-bg-hover);
  }
  [uipagenav] [uipagenavitem].active:where(.dark, .dark *) {
    background-color: var(--color-page-nav-item-bg-hover-dark);
  }
  [uipagenav] [uipagenavitem].active [uipagenavicon],
  [uipagenav] [uipagenavitem].active [uipagenavtitle] {
    color: var(--color-page-tab-item-title-active);
  }
  :is([uipagenav] [uipagenavitem].active [uipagenavicon], [uipagenav] [uipagenavitem].active [uipagenavtitle]):where(.dark, .dark *) {
    color: var(--color-page-tab-item-title-active-dark);
  }
  [uipagetab] {
    display: grid;
    width: 100%;
    height: 100%;
    row-gap: var(--spacing-page-tab-gap-y);
    grid-template-rows: auto 1fr;
  }
  [uipagetab] [uipagetabheader] {
    display: flex;
    width: 100%;
    flex-direction: row;
    column-gap: var(--spacing-page-tab-header-gap-x);
    background-color: transparent;
  }
  [uipagetab] [uipagetabitem] {
    display: flex;
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(var(--spacing-page-tab-item-border-size));
    border-bottom-color: var(--color-page-tab-item-border);
    padding-block: var(--spacing-page-tab-item-pad-y);
  }
  @media (hover: hover) {
    [uipagetab] [uipagetabitem]:hover {
      border-bottom-color: var(--color-page-tab-item-border-hover);
    }
  }
  [uipagetab] [uipagetabitem]:where(.dark, .dark *) {
    border-bottom-color: var(--color-page-tab-item-border-dark);
  }
  @media (hover: hover) {
    [uipagetab] [uipagetabitem]:hover:where(.dark, .dark *) {
      border-bottom-color: var(--color-page-tab-item-border-hover-dark);
    }
  }
  [uipagetab] [uipagetabitem] [uipagetabtitle] {
    font-size: var(--text-size-page-tab-item-title);
    --tw-leading: var(--spacing-page-tab-item-title-leading);
    line-height: var(--spacing-page-tab-item-title-leading);
    --tw-font-weight: var(--font-weight-page-tab-item-title);
    font-weight: var(--font-weight-page-tab-item-title);
    color: var(--color-page-tab-item-title);
  }
  [uipagetab] [uipagetabitem] [uipagetabtitle]:where(.dark, .dark *) {
    color: var(--color-page-tab-item-title-dark);
  }
  [uipagetab] [uipagetabitem] [uipagetabicon] {
    font-size: var(--text-size-page-tab-item-icon);
    height: var(--text-size-page-tab-item-icon);
    width: var(--text-size-page-tab-item-icon);
    line-height: var(--text-size-page-tab-item-icon);
    color: var(--color-page-tab-item-icon);
  }
  [uipagetab] [uipagetabitem] [uipagetabicon]:where(.dark, .dark *) {
    color: var(--color-page-tab-item-icon-dark);
  }
  [uipagetab] [uipagetabitem].active {
    border-bottom-color: var(--color-page-tab-item-border-active);
  }
  [uipagetab] [uipagetabitem].active:where(.dark, .dark *) {
    border-bottom-color: var(--color-page-tab-item-border-active-dark);
  }
  [uipagetab] [uipagetabitem].active [uipagetabtitle] {
    color: var(--color-page-tab-item-title-active);
  }
  [uipagetab] [uipagetabitem].active [uipagetabtitle]:where(.dark, .dark *) {
    color: var(--color-page-tab-item-title-active-dark);
  }
  [uipagetab] [uipagetabcontent] {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    row-gap: var(--spacing-page-tab-gap-y);
  }
  [uipagetab] [uipagetabcontent] router-outlet {
    display: none;
  }
  [uipagetab] [uipagetabcontent=grid] {
    display: grid;
  }
  [uiactionstrip] {
    --actionstrip-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--actionstrip-gap);
  }
  [uiactionstrip].xs {
    --actionstrip-gap: 0.5rem;
  }
  [uiactionstrip].s {
    --actionstrip-gap: 0.75rem;
  }
  [uiactionstrip].l {
    --actionstrip-gap: 1.25rem;
  }
  [uiactionstrip].xl {
    --actionstrip-gap: 1.5rem;
  }
  [uicontrol] {
    position: relative;
  }
  [uicontrol].unstyled {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: inherit;
    --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);
  }
  [uicontrol]:is(label) {
    font-size: var(--text-size-input-label);
    --tw-font-weight: var(--font-weight-input-label);
    font-weight: var(--font-weight-input-label);
    color: var(--color-input-label);
  }
  [uicontrol]:is(label):where(.dark, .dark *) {
    color: var(--color-input-label-dark);
  }
  [uicontrol]:is(section) [uisectiontitle] {
    font-size: var(--text-size-section-title);
    --tw-font-weight: var(--font-weight-section-title);
    font-weight: var(--font-weight-section-title);
    color: var(--color-section-title);
  }
  [uicontrol]:is(section) [uisectiontitle]:where(.dark, .dark *) {
    color: var(--color-section-title-dark);
  }
  [uicontrol]:is(section) [uisectiontool] {
    color: var(--color-section-tool);
  }
  [uicontrol]:is(section) [uisectiontool]:where(.dark, .dark *) {
    color: var(--color-section-tool-dark);
  }
  [uicontrol]:is(section) [uisectiontool]:is(icon) {
    font-size: var(--spacing-section-tool);
    height: var(--spacing-section-tool);
    width: var(--spacing-section-tool);
    line-height: var(--spacing-section-tool);
  }
  [uicontrol]:is(section) [uisectioncontent] {
    display: grid;
    grid-auto-columns: 1fr;
    align-items: center;
    column-gap: var(--spacing-section-content-gap-x);
    row-gap: var(--spacing-content-gap-y);
  }
  [uicontrol]:is(section) [uisectioncontent].denser {
    row-gap: var(--spacing-content-gap-y-xs);
  }
  [uicontrol]:is(section) [uisectioncontent].dense {
    row-gap: var(--spacing-content-gap-y-s);
  }
  [uicontrol]:is(section) [uisectioncontent].sparse {
    row-gap: var(--spacing-content-gap-y-l);
  }
  [uicontrol]:is(section) [uisectioncontent].sparser {
    row-gap: var(--spacing-content-gap-y-xl);
  }
  [uicontrol]:is(section) [uisectioncontent] [uisectionempty] {
    display: flex;
    height: 100%;
    justify-content: center;
  }
  [uicontrol]:is(section):has([uisectioncontent]:empty) [uisectioncontent] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-input-placeholder);
  }
  [uicontrol]:is(section):has([uisectioncontent]:empty) [uisectioncontent]::after {
    content: "No content available";
  }
  [uicontrol]:is(section):not(.unstyled) {
    border-radius: var(--radius-control-aksia);
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    background-color: var(--color-bg-primary-aksia);
    --tw-shadow: var(--theme-shadow-section);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uicontrol]:is(section):not(.unstyled):where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(section):not(.unstyled) [uisectionheader] {
    display: flex;
    height: var(--spacing-section-header-height);
    align-items: center;
    column-gap: var(--spacing-section-header-gap-x);
    row-gap: var(--spacing-section-header-pad-y);
    border-top-left-radius: var(--radius-control-aksia);
    border-top-right-radius: var(--radius-control-aksia);
    padding-inline: var(--spacing-section-header-pad-x);
    padding-block: var(--spacing-section-header-pad-y);
  }
  [uicontrol]:is(section):not(.unstyled) [uisectionheader].collapsible {
    cursor: pointer;
  }
  [uicontrol]:is(section):not(.unstyled) [uisectionheader] > [uitoolstrip] {
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: var(--spacing-section-header-gap-x);
    row-gap: var(--spacing-section-header-pad-y);
  }
  [uicontrol]:is(section):not(.unstyled) [uisectioncontent] {
    border-bottom-right-radius: var(--radius-control-aksia);
    border-bottom-left-radius: var(--radius-control-aksia);
    padding-inline: var(--spacing-section-content-pad-x);
    padding-top: var(--spacing-section-content-pad-t);
    padding-bottom: var(--spacing-section-content-pad-b);
  }
  [uicontrol]:is(section):not(.unstyled):has([uisectioncontent]) [uisectionheader] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(var(--spacing-section-border-size));
    border-bottom-color: var(--color-primary-aksia-3);
  }
  [uicontrol]:is(section):not(.unstyled):not(:has([uisectioncontent])) [uisectionheader] {
    border-bottom-right-radius: var(--radius-control-aksia);
    border-bottom-left-radius: var(--radius-control-aksia);
  }
  [uicontrol]:is(section):not(.unstyled):not(:has([uisectionheader])) [uisectioncontent] {
    border-top-left-radius: var(--radius-control-aksia);
    border-top-right-radius: var(--radius-control-aksia);
  }
  [uicontrol]:is(section).unstyled {
    padding-block: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(section).pinned {
    position: sticky;
    top: -10px;
    z-index: 1;
    background-color: var(--color-bg-primary-aksia);
    outline-style: var(--tw-outline-style);
    outline-width: calc(var(--spacing-page-content-pad-x) - 10px);
    outline-color: var(--color-bg-primary-aksia);
  }
  [uicontrol]:is(section).pinned:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(section).pinned:where(.dark, .dark *) {
    outline-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(section).pinned:is(.unstyled) {
    background-color: var(--color-bg-secondary-aksia);
    outline-color: var(--color-bg-secondary-aksia);
  }
  [uicontrol]:is(section).pinned:is(.unstyled):where(.dark, .dark *) {
    background-color: var(--color-bg-secondary-aksia-dark);
  }
  [uicontrol]:is(section).pinned:is(.unstyled):where(.dark, .dark *) {
    outline-color: var(--color-bg-secondary-aksia-dark);
  }
  [uicontrol]:is(section-group) {
    background-color: var(--color-bg-primary-aksia);
  }
  [uicontrol]:is(section-group):where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(section-group) [uisectiongrouptitle] {
    font-size: var(--text-size-section-group-title);
    --tw-font-weight: var(--font-weight-section-group-title);
    font-weight: var(--font-weight-section-group-title);
    color: var(--color-section-group-title);
  }
  [uicontrol]:is(section-group) [uisectiongrouptitle]:where(.dark, .dark *) {
    color: var(--color-section-group-title-dark);
  }
  [uicontrol]:is(section-group) [uisectiongroupdefaulticon],
  [uicontrol]:is(section-group) [uisectiongrouptool] {
    color: var(--color-section-group-tool);
  }
  :is([uicontrol]:is(section-group) [uisectiongroupdefaulticon], [uicontrol]:is(section-group) [uisectiongrouptool]):is(icon) {
    font-size: var(--spacing-section-group-tool);
    height: var(--spacing-section-group-tool);
    width: var(--spacing-section-group-tool);
    line-height: var(--spacing-section-group-tool);
  }
  :is([uicontrol]:is(section-group) [uisectiongroupdefaulticon], [uicontrol]:is(section-group) [uisectiongrouptool]):where(.dark, .dark *) {
    color: var(--color-section-group-tool-dark);
  }
  [uicontrol]:is(section-group) [uisectiongroupdefaulticon] {
    position: absolute;
    top: calc(calc(-0.5 * var(--spacing-section-group-header-height) + 0.5 * var(--spacing-section-group-tool)) * -1);
    left: calc(-0.5 * var(--spacing-section-group-tool) + 0.5 * var(--spacing-section-group-border-size));
  }
  [uicontrol]:is(section-group) [uisectiongroupheader] {
    display: flex;
    height: var(--spacing-section-group-header-height);
    cursor: pointer;
    column-gap: var(--spacing-section-group-header-gap-x);
    row-gap: var(--spacing-section-group-header-gap-y);
    border-left-style: var(--tw-border-style);
    border-left-width: calc(var(--spacing-section-group-border-size));
    border-color: transparent;
    padding-inline: var(--spacing-section-group-header-pad-x);
    padding-block: var(--spacing-section-group-header-pad-y);
  }
  [uicontrol]:is(section-group) [uisectiongroupheader] > [uitoolstrip] {
    margin-left: auto;
    display: flex;
    align-items: center;
    column-gap: var(--spacing-section-header-gap-x);
    row-gap: var(--spacing-section-header-pad-y);
  }
  [uicontrol]:is(section-group) [uisectiongroupcontent] {
    display: grid;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    column-gap: var(--spacing-section-group-content-gap-x);
    row-gap: var(--spacing-content-gap-y);
    border-left-style: var(--tw-border-style);
    border-left-width: calc(var(--spacing-section-group-border-size));
    border-color: var(--color-primary-aksia-3);
    padding-inline: var(--spacing-section-group-content-pad-x);
    padding-top: var(--spacing-section-group-content-pad-t);
    padding-bottom: var(--spacing-section-group-content-pad-b);
  }
  [uicontrol]:is(section-group) [uisectiongroupcontent].denser {
    row-gap: var(--spacing-content-gap-y-xs);
  }
  [uicontrol]:is(section-group) [uisectiongroupcontent].dense {
    row-gap: var(--spacing-content-gap-y-s);
  }
  [uicontrol]:is(section-group) [uisectiongroupcontent].sparse {
    row-gap: var(--spacing-content-gap-y-l);
  }
  [uicontrol]:is(section-group) [uisectiongroupcontent].sparser {
    row-gap: var(--spacing-content-gap-y-xl);
  }
  [uicontrol]:is(section-group).unstyled [uisectiongroupheader] {
    cursor: default;
    --tw-border-style: none;
    border-style: none;
    padding-inline: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(section-group).unstyled [uisectiongroupcontent] {
    --tw-border-style: none;
    border-style: none;
    padding-inline: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(list) {
    display: flex;
    flex-direction: column;
  }
  [uicontrol]:is(list) [uilistlabel] {
    margin-bottom: 0.75rem;
    height: 1.25rem;
    font-size: var(--text-size-list-label);
    --tw-font-weight: var(--font-weight-list-label);
    font-weight: var(--font-weight-list-label);
    color: var(--color-list-label);
  }
  [uicontrol]:is(list) [uilistlabel]:where(.dark, .dark *) {
    color: var(--color-list-label-dark);
  }
  [uicontrol]:is(list) [uilistheader] {
    display: flex;
    min-height: var(--spacing-list-header-height);
    align-items: center;
    column-gap: var(--spacing-list-header-gap-x);
    background-color: var(--color-bg-primary-aksia);
    padding-inline: var(--spacing-list-header-pad-x);
    font-size: var(--text-size-list-header);
    --tw-font-weight: var(--font-weight-list-header);
    font-weight: var(--font-weight-list-header);
    color: var(--color-list-header);
  }
  [uicontrol]:is(list) [uilistheader]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(list) [uilistheader]:where(.dark, .dark *) {
    color: var(--color-list-header-dark);
  }
  [uicontrol]:is(list):has([class*=max-list-items-]) [uilistheader] {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 2;
  }
  [uicontrol]:is(list) [uilistcontent] {
    display: flex;
    flex-direction: column;
  }
  [uicontrol]:is(list) [uilistitem] {
    display: flex;
    min-height: var(--spacing-list-item-height);
    align-items: center;
    column-gap: var(--spacing-list-header-gap-x);
    padding-inline: var(--spacing-list-header-pad-x);
    font-size: var(--text-size-list-item);
    --tw-font-weight: var(--font-weight-list-item);
    font-weight: var(--font-weight-list-item);
    color: var(--color-list-item);
  }
  [uicontrol]:is(list) [uilistitem]:where(.dark, .dark *) {
    color: var(--color-list-item-dark);
  }
  [uicontrol]:is(list) [uilistitem] > icon {
    font-size: var(--text-size-list-item-icon);
  }
  [uicontrol]:is(list) [uilistitem].loading {
    animation: var(--animate-pulse);
  }
  [uicontrol]:is(list) [uilistitem][uilistitemdisabled] > * {
    pointer-events: none;
  }
  [uicontrol]:is(list) [uilistreorderhandle] {
    grid-column: 1;
    cursor: move;
    font-size: var(--text-size-list-item-reorder-handle);
    color: var(--color-list-item);
  }
  [uicontrol]:is(list) [uilistreorderhandle]:where(.dark, .dark *) {
    color: var(--color-list-item-dark);
  }
  [uicontrol]:is(list) [uilistitemactions] {
    height: 100%;
    align-items: center;
    column-gap: var(--spacing-list-item-gap-x);
    font-size: var(--text-size-list-item-actions);
  }
  [uicontrol]:is(list) [uilistitemactions]:not(.pinned) {
    display: none;
  }
  [uicontrol]:is(list) [uilistitem]:hover [uilistitemactions] {
    display: flex;
  }
  [uicontrol]:is(list).grid-flat {
    display: grid;
  }
  [uicontrol]:is(list).grid-flat [uilistheader] {
    display: contents;
  }
  [uicontrol]:is(list).grid-flat [uilistheader] > * {
    min-height: var(--spacing-list-header-height);
    align-self: center;
    --tw-leading: var(--spacing-list-header-height);
    line-height: var(--spacing-list-header-height);
  }
  [uicontrol]:is(list).grid-flat [uilistheader] > :first-child {
    padding-left: var(--spacing-list-item-pad-x);
  }
  [uicontrol]:is(list).grid-flat [uilistheader] > :last-child {
    padding-right: var(--spacing-list-item-pad-x);
  }
  [uicontrol]:is(list).grid-flat [uilistcontent] {
    display: contents;
  }
  [uicontrol]:is(list).grid-flat [uilistitem] {
    display: contents;
  }
  [uicontrol]:is(list).grid-flat [uilistitem] > * {
    min-height: var(--spacing-list-item-height);
    align-self: center;
    --tw-leading: var(--spacing-list-item-height);
    line-height: var(--spacing-list-item-height);
  }
  [uicontrol]:is(list).grid-flat [uilistitem] > :first-child {
    padding-left: var(--spacing-list-item-pad-x);
  }
  [uicontrol]:is(list).grid-flat [uilistitem] > :last-child {
    padding-right: var(--spacing-list-item-pad-x);
  }
  [uicontrol]:is(list).bordered:not(.no-wrapper-border) [uilistwrapper] {
    border-top-style: var(--tw-border-style);
    border-top-width: calc(var(--spacing-input-border-size));
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
  }
  [uicontrol]:is(list).bordered:not(.no-wrapper-border) [uilistwrapper]:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  [uicontrol]:is(list).bordered.boxed [uilistwrapper] {
    border-radius: var(--radius-control-aksia);
    border-right-style: var(--tw-border-style);
    border-right-width: calc(var(--spacing-input-border-size));
    border-left-style: var(--tw-border-style);
    border-left-width: calc(var(--spacing-input-border-size));
  }
  [uicontrol]:is(list).bordered.boxed [uilistheader] {
    border-top-left-radius: var(--radius-control-aksia);
    border-top-right-radius: var(--radius-control-aksia);
  }
  [uicontrol]:is(list).bordered [uilistheader] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
  }
  [uicontrol]:is(list).bordered [uilistheader]:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  [uicontrol]:is(list).bordered [uilistcontent] > [uilistitem] + [uilistitem] {
    border-top-style: var(--tw-border-style);
    border-top-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
  }
  [uicontrol]:is(list).bordered [uilistcontent] > [uilistitem] + [uilistitem]:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  [uicontrol]:is(list).bordered.grid-flat [uilistcontent] [uilistitem] > * {
    border-top-style: var(--tw-border-style);
    border-top-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
  }
  [uicontrol]:is(list).bordered.grid-flat [uilistcontent] [uilistitem] > *:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  @media (hover: hover) {
    [uicontrol]:is(list).hovered [uilistitem]:hover {
      background-color: var(--color-list-item-bg-hover);
    }
  }
  @media (hover: hover) {
    [uicontrol]:is(list).hovered [uilistitem]:where(.dark, .dark *):hover {
      background-color: var(--color-list-item-bg-hover-dark);
    }
  }
  [uicontrol]:is(modal) {
    pointer-events: none;
    position: fixed !important;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    height: 100vh;
    width: 100vw;
    align-items: center;
    background-image: none;
  }
  [uicontrol]:is(modal) dialog::backdrop {
    background-color: var(--color-gray-900);
    opacity: 50%;
  }
  :is():where(.dark, .dark *) {
    background-color: var(--color-gray-100);
  }
  :is():where(.dark, .dark *) {
    opacity: 95%;
  }
  [uicontrol]:is(modal) dialog {
    pointer-events: auto;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    z-index: var(--z-modal);
    margin: calc(var(--spacing) * 0);
    height: fit-content;
    width: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    overflow: visible;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-modal-border-size));
    background-color: var(--color-bg-primary-aksia);
    opacity: 100%;
    --tw-shadow: var(--theme-shadow-popup);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  @media (width >= 40rem) {
    [uicontrol]:is(modal) dialog {
      width: fit-content;
    }
  }
  [uicontrol]:is(modal) dialog:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-modal-border-size));
  }
  [uicontrol]:is(modal) dialog:where(.dark, .dark *) {
    --tw-border-style: solid;
    border-style: solid;
  }
  [uicontrol]:is(modal) dialog:where(.dark, .dark *) {
    border-color: var(--color-slate-600);
  }
  [uicontrol]:is(modal) dialog:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(modal) dialog [uimodaltitle] {
    font-size: var(--text-size-modal-title);
    --tw-font-weight: var(--font-weight-modal-title);
    font-weight: var(--font-weight-modal-title);
    color: var(--color-modal-title);
  }
  [uicontrol]:is(modal) dialog [uimodaltitle]:where(.dark, .dark *) {
    color: var(--color-modal-title-dark);
  }
  [uicontrol]:is(modal) dialog [uimodaltool] {
    font-size: var(--spacing-modal-tool);
    height: var(--spacing-modal-tool);
    width: var(--spacing-modal-tool);
    line-height: var(--spacing-modal-tool);
    color: var(--color-modal-tool);
  }
  [uicontrol]:is(modal) dialog [uimodaltool]:where(.dark, .dark *) {
    color: var(--color-modal-tool-dark);
  }
  [uicontrol]:is(modal) dialog [uimodalheader] {
    display: flex;
    height: var(--spacing-modal-header-height);
    cursor: pointer;
    align-items: center;
    column-gap: var(--spacing-modal-header-gap-x);
    row-gap: var(--spacing-modal-header-gap-y);
    border-top-left-radius: var(--radius-control-aksia);
    border-top-right-radius: var(--radius-control-aksia);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: calc(var(--spacing-modal-border-size));
    border-bottom-color: var(--color-primary-aksia-3);
    padding-inline: var(--spacing-modal-header-pad-x);
    padding-block: var(--spacing-modal-header-pad-y);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent] {
    display: grid;
    align-items: center;
    column-gap: var(--spacing-modal-content-gap-x);
    row-gap: var(--spacing-content-gap-y);
    padding-inline: var(--spacing-modal-content-pad-x);
    padding-block: var(--spacing-modal-content-pad-y);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent] > p {
    font-size: var(--text-size-input-label);
    --tw-font-weight: var(--font-weight-input-label);
    font-weight: var(--font-weight-input-label);
    color: var(--color-input-label);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent] > p:where(.dark, .dark *) {
    color: var(--color-input-label-dark);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent].denser {
    row-gap: var(--spacing-content-gap-y-xs);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent].dense {
    row-gap: var(--spacing-content-gap-y-s);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent].sparse {
    row-gap: var(--spacing-content-gap-y-l);
  }
  [uicontrol]:is(modal) dialog [uimodalcontent].sparser {
    row-gap: var(--spacing-content-gap-y-xl);
  }
  [uicontrol]:is(modal) dialog [uimodalfooter] {
    display: flex;
    width: 100%;
    place-content: end;
    align-items: center;
    column-gap: var(--spacing-modal-content-gap-x);
    row-gap: var(--spacing-modal-content-gap-y);
    padding-inline: var(--spacing-modal-content-pad-x);
    padding-block: var(--spacing-modal-content-pad-y);
  }
  [uicontrol]:is(toast) {
    z-index: var(--z-toast);
    height: auto;
    width: auto;
    border-radius: var(--radius-control-aksia);
  }
  [uicontrol]:is(toast).pinned {
    cursor: pointer;
  }
  [uicontrol]:is(toast).top-right,
  [uicontrol]:is(toast).top-left {
    position: fixed;
    animation: var(--animate-fade-from-top);
  }
  :is([uicontrol]:is(toast).top-right, [uicontrol]:is(toast).top-left).closing {
    animation: var(--animate-fade-to-top);
  }
  [uicontrol]:is(toast).bottom-right,
  [uicontrol]:is(toast).bottom-left {
    position: fixed;
    animation: var(--animate-fade-from-bottom);
  }
  :is([uicontrol]:is(toast).bottom-right, [uicontrol]:is(toast).bottom-left).closing {
    animation: var(--animate-fade-to-bottom);
  }
  [uicontrol]:is(toast) [uitoast] {
    display: flex;
    height: var(--spacing-toast-height);
    align-items: center;
    gap: var(--spacing-toast-gap);
    border-radius: var(--radius-control-aksia);
    background-color: var(--color-toast-bg);
    padding: var(--spacing-toast-pad);
  }
  [uicontrol]:is(toast) [uitoast].toast-success {
    --color-toast-bg: var(--color-success-aksia);
  }
  [uicontrol]:is(toast) [uitoast].toast-error {
    --color-toast-bg: var(--color-error-aksia);
  }
  [uicontrol]:is(toast) [uitoast].toast-warning {
    --color-toast-bg: var(--color-warning-aksia);
  }
  [uicontrol]:is(toast) [uitoast] [uitoasticon] {
    font-size: var(--spacing-toast-icon);
    height: var(--spacing-toast-icon);
    width: var(--spacing-toast-icon);
    line-height: var(--spacing-toast-icon);
    color: var(--color-toast-icon);
  }
  [uicontrol]:is(toast) [uitoast] [uitoasttitle] {
    font-size: var(--text-size-toast-title);
    --tw-leading: var(--spacing-toast-title);
    line-height: var(--spacing-toast-title);
    --tw-font-weight: var(--font-weight-toast-title);
    font-weight: var(--font-weight-toast-title);
    color: var(--color-toast-title);
  }
  [uicontrol]:is(alert) [uialert] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: var(--spacing-alert-gap-x);
    row-gap: var(--spacing-alert-gap-y);
    border-left-style: var(--tw-border-style);
    border-left-width: calc(var(--spacing-alert-border));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--alert-color);
    background-color: var(--alert-bg-color);
    padding-inline: var(--spacing-alert-pad-x);
    padding-block: var(--spacing-alert-pad-y);
    grid-template-areas: "icon title tool" "empty content content" "empty actions actions";
  }
  [uicontrol]:is(alert) [uialert]:where(.dark, .dark *) {
    border-color: var(--alert-color-dark);
  }
  [uicontrol]:is(alert) [uialert]:where(.dark, .dark *) {
    background-color: var(--alert-bg-color-dark);
  }
  [uicontrol]:is(alert) [uialert] [uialerticon] {
    font-size: var(--spacing-alert-icon);
    height: var(--spacing-alert-icon);
    width: var(--spacing-alert-icon);
    line-height: var(--spacing-alert-icon);
    background-color: transparent;
    color: var(--alert-color);
    grid-area: icon;
  }
  [uicontrol]:is(alert) [uialert] [uialerticon]:where(.dark, .dark *) {
    color: var(--alert-color-dark);
  }
  [uicontrol]:is(alert) [uialert] [uialerttitle] {
    font-size: calc(var(--text-size-alert-title));
    --tw-font-weight: var(--font-weight-alert-title);
    font-weight: var(--font-weight-alert-title);
    color: var(--alert-text-color);
    grid-area: title;
  }
  [uicontrol]:is(alert) [uialert] [uialerttitle]:where(.dark, .dark *) {
    color: var(--alert-text-color-dark);
  }
  [uicontrol]:is(alert) [uialert] [uialertcontent] {
    font-size: calc(var(--text-size-alert-message));
    --tw-font-weight: var(--font-weight-alert-message);
    font-weight: var(--font-weight-alert-message);
    color: var(--alert-text-color);
    grid-area: content;
  }
  [uicontrol]:is(alert) [uialert] [uialertcontent]:where(.dark, .dark *) {
    color: var(--alert-text-color-dark);
  }
  [uicontrol]:is(alert) [uialert] [uialerttool] {
    font-size: var(--spacing-alert-tool);
    height: var(--spacing-alert-tool);
    width: var(--spacing-alert-tool);
    line-height: var(--spacing-alert-tool);
    color: var(--alert-color);
    grid-area: tool;
  }
  [uicontrol]:is(alert) [uialert] [uialerttool]:where(.dark, .dark *) {
    color: var(--alert-color-dark);
  }
  [uicontrol]:is(alert) [uialert] [uialertactions] {
    grid-area: actions;
  }
  [uicontrol]:is(alert) [uialert=info] {
    --alert-text-color: var(--color-alert-text-info);
    --alert-color: var(--color-alert-fg-info);
    --alert-bg-color: var(--color-alert-bg-info);
    --alert-text-color-dark: var(--color-alert-text-info-dark);
    --alert-color-dark: var(--color-alert-fg-info-dark);
    --alert-bg-color-dark: var(--color-alert-bg-info-dark);
  }
  [uicontrol]:is(alert) [uialert=success] {
    --alert-text-color: var(--color-alert-text-success);
    --alert-color: var(--color-alert-fg-success);
    --alert-bg-color: var(--color-alert-bg-success);
    --alert-text-color-dark: var(--color-alert-text-success-dark);
    --alert-color-dark: var(--color-alert-fg-success-dark);
    --alert-bg-color-dark: var(--color-alert-bg-success-dark);
  }
  [uicontrol]:is(alert) [uialert=warning] {
    --alert-text-color: var(--color-alert-text-warning);
    --alert-color: var(--color-alert-fg-warning);
    --alert-bg-color: var(--color-alert-bg-warning);
    --alert-text-color-dark: var(--color-alert-text-warning-dark);
    --alert-color-dark: var(--color-alert-fg-warning-dark);
    --alert-bg-color-dark: var(--color-alert-bg-warning-dark);
  }
  [uicontrol]:is(alert) [uialert=error] {
    --alert-text-color: var(--color-alert-text-error);
    --alert-color: var(--color-alert-fg-error);
    --alert-bg-color: var(--color-alert-bg-error);
    --alert-text-color-dark: var(--color-alert-text-error-dark);
    --alert-color-dark: var(--color-alert-fg-error-dark);
    --alert-bg-color-dark: var(--color-alert-bg-error-dark);
  }
  [uicontrol]:is(chip) {
    display: flex;
    height: var(--spacing-chip-height);
    align-items: center;
    column-gap: var(--spacing-chip-gap-x);
    overflow: hidden;
    border-radius: var(--radius-control-aksia);
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-chip-border);
    background-color: var(--color-chip-bg);
    padding-right: var(--spacing-chip-pad-r);
    padding-left: var(--spacing-chip-pad-l);
    font-size: var(--text-size-chip-title);
    --tw-leading: var(--text-size-chip-title);
    line-height: var(--text-size-chip-title);
    --tw-font-weight: var(--font-weight-chip-title);
    font-weight: var(--font-weight-chip-title);
    text-wrap: nowrap;
    color: var(--color-chip-title);
  }
  [uicontrol]:is(chip):where(.dark, .dark *) {
    border-color: var(--color-chip-border-dark);
  }
  [uicontrol]:is(chip):where(.dark, .dark *) {
    background-color: var(--color-chip-bg-dark);
  }
  [uicontrol]:is(chip):where(.dark, .dark *) {
    color: var(--color-chip-title-dark);
  }
  [uicontrol]:is(chip) [uichiplabel] {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [uicontrol]:is(chip)[uidisabled] {
    border-color: var(--color-chip-border-disabled);
    background-color: var(--color-chip-bg-disabled);
    color: var(--color-chip-title-disabled);
  }
  [uicontrol]:is(chip)[uidisabled]:where(.dark, .dark *) {
    border-color: var(--color-chip-border-disabled-dark);
  }
  [uicontrol]:is(chip)[uidisabled]:where(.dark, .dark *) {
    background-color: var(--color-chip-bg-disabled-dark);
  }
  [uicontrol]:is(chip)[uidisabled]:where(.dark, .dark *) {
    color: var(--color-chip-title-disabled-dark);
  }
  [uicontrol]:is(icon) {
    display: flex;
    align-items: center;
    background-color: inherit;
  }
  [uicontrol]:is(icon) [uiicon] {
    display: inline-block;
    font-family: var(--font-icons-aksia);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    text-transform: none;
    font-style: normal;
    direction: ltr;
    font-variation-settings: var(--font-icons-variation-settings-aksia);
  }
  [uicontrol]:is(icon) [uiicon][class*="@custom-icon-"],
  [uicontrol]:is(icon) [uiicon] [class*=" @custom-icon-"] {
    --font-icons-aksia: "Custom-Icons" !important;
    display: inline-block;
    font-family: var(--font-icons-aksia);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
    text-transform: none;
    font-style: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_aa:before {
    content: "\e901";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_ci:before {
    content: "\e902";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_ff:before {
    content: "\e903";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_la:before {
    content: "\e904";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_lc:before {
    content: "\e905";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_le:before {
    content: "\e906";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_lo:before {
    content: "\e907";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_mc:before {
    content: "\e908";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_pc:before {
    content: "\e909";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_pe:before {
    content: "\e90a";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_ra:before {
    content: "\e90b";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_se:before {
    content: "\e90c";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-aksia_logo:before {
    content: "\e90d";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-excel:before {
    content: "\e90e";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-manage-columns:before {
    content: "\e90f";
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-asset_class_hf::before {
    --tw-content: "\e900";
    content: var(--tw-content);
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-ai::before {
    --tw-content: "\e910";
    content: var(--tw-content);
  }
  [uicontrol]:is(icon) [uiicon].\@custom-icon-email_data_extractor::before {
    --tw-content: "\e911";
    content: var(--tw-content);
  }
  [uicontrol]:is(icon) [uiicon] :before {
    content: "\e900";
  }
  [uicontrol]:is(icon).fill-none [uiicon] {
    font-variation-settings: "FILL" 0, "opsz" 24;
  }
  [uicontrol]:is(spreadsheet) table {
    height: 100%;
    width: 100%;
    table-layout: fixed;
  }
  [uicontrol]:is(spreadsheet) table td,
  [uicontrol]:is(spreadsheet) table th {
    position: relative;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th):where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetheader],
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetsummary],
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uidisabled] {
    background-color: var(--color-bg-secondary-aksia);
    text-align: center;
  }
  :is(:is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetheader], :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetsummary], :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uidisabled]):where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uidisabled] {
    pointer-events: none;
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetheader] {
    cursor: pointer;
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetheader].marked {
    background-color: var(--color-input-border);
  }
  :is([uicontrol]:is(spreadsheet) table td, [uicontrol]:is(spreadsheet) table th)[uispreadsheetheader].marked:where(.dark, .dark *) {
    background-color: var(--color-slate-600);
  }
  [uicontrol]:is(spreadsheet) table th {
    padding: calc(var(--spacing) * 1);
    font-size: 0.875rem;
    --tw-font-weight: 500;
    font-weight: 500;
    color: var(--color-input-label);
  }
  [uicontrol]:is(spreadsheet) table th:where(.dark, .dark *) {
    color: var(--color-input-label-dark);
  }
  [uicontrol]:is(spreadsheet) table td {
    background-color: var(--color-bg-primary-aksia);
    padding: calc(var(--spacing) * 0.5);
    font-size: 0.875rem;
    --tw-font-weight: 400;
    font-weight: 400;
    color: var(--color-input-value);
    outline-offset: -1px !important;
    -webkit-user-select: none;
    user-select: none;
  }
  [uicontrol]:is(spreadsheet) table td:where(.dark, .dark *) {
    background-color: var(--color-bg-secondary-aksia-dark);
  }
  [uicontrol]:is(spreadsheet) table td:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  [uicontrol]:is(spreadsheet) table td:not(:first-child):not([uispreadsheetsummary]) {
    cursor: cell;
  }
  [uicontrol]:is(spreadsheet) table td:not(:first-child):not([uispreadsheetsummary]).selected {
    z-index: 1;
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-color: var(--cell-state-color);
    --tw-outline-style: solid;
    outline-style: solid;
  }
  [uicontrol]:is(spreadsheet) table td:not(:first-child):not([uispreadsheetsummary]).marked {
    background-color: var(--cell-state-color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [uicontrol]:is(spreadsheet) table td:not(:first-child):not([uispreadsheetsummary]).marked {
      background-color: color-mix(in oklab, var(--cell-state-color) 15%, transparent);
    }
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell] {
    --cell-state-color: var(--color-primary-aksia-2);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    position: absolute;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 7px;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 7px;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-top-color: transparent;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-bottom-color: transparent;
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    content: var(--tw-content);
    border-left-color: var(--cell-state-color);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate]:not([uistate=pristine])::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate=dirty] {
    --cell-state-color: var(--color-primary-aksia-2);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate=created] {
    --cell-state-color: var(--color-primary-aksia-2);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate=error] {
    --cell-state-color: var(--color-error-aksia);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetcell][uistate=warning] {
    --cell-state-color: var(--color-warning-aksia);
  }
  [uicontrol]:is(spreadsheet) table td[uispreadsheetsummary] {
    cursor: default;
  }
  [uicontrol]:is(spreadsheet) table td [uispreadsheetcellinput] {
    height: 100%;
    width: 100%;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  [uicontrol]:is(tree) {
    display: flex;
    -webkit-user-select: none;
    user-select: none;
  }
  [uicontrol]:is(tree) [ngTree] {
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 2);
  }
  [uicontrol]:is(tree) [ngTree] ul[role=group] {
    padding-left: calc(var(--spacing) * 5);
  }
  [uicontrol]:is(tree) [ngTreeItem] {
    font-size: var(--text-size-list-item);
    --tw-font-weight: var(--font-weight-list-item);
    font-weight: var(--font-weight-list-item);
    color: var(--color-list-item);
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    text-decoration-line: none;
  }
  [uicontrol]:is(tree) [ngTreeItem]:where(.dark, .dark *) {
    color: var(--color-list-item-dark);
  }
  [uicontrol]:is(tree) [ngTreeItem][aria-disabled=true] {
    cursor: default;
    opacity: 0.5;
  }
  [uicontrol]:is(tree) [ngTreeItem]:focus,
  [uicontrol]:is(tree) [ngTreeItem]:hover {
    background-color: var(--color-list-item-bg-hover);
  }
  :is([uicontrol]:is(tree) [ngTreeItem]:focus, [uicontrol]:is(tree) [ngTreeItem]:hover):where(.dark, .dark *) {
    background-color: var(--color-list-item-bg-hover-dark);
  }
  [uicontrol]:is(tree) .expand-icon {
    transition: transform 0.2s ease;
  }
  [uicontrol]:is(tree) [ngTreeItem][aria-expanded=true] .expand-icon {
    transform: rotate(90deg);
  }
  [uicontrol]:is(tree) .selected-icon {
    visibility: hidden;
    margin-left: auto;
  }
  [uicontrol]:is(tree) [ngTreeItem][aria-current] .selected-icon,
  [uicontrol]:is(tree) [ngTreeItem][aria-selected=true] .selected-icon {
    visibility: visible;
  }
  [uicontrol]:is(tree) li[aria-expanded=false] + ul[role=group] {
    display: none;
  }
  [uicontrol]:is(pdf-viewer) [uiactionstrip] {
    background-color: var(--color-bg-primary-aksia);
    padding: calc(var(--spacing) * 2);
  }
  [uicontrol]:is(pdf-viewer) [uiactionstrip]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol]:is(pdf-viewer) [uipdfviewercanvas] {
    background-color: var(--color-bg-primary-aksia);
    padding: calc(var(--spacing) * 4);
  }
  [uicontrol]:is(pdf-viewer) [uipdfviewercanvas]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uicontrol] [uifooter] {
    height: auto;
    place-self: start;
    font-size: var(--text-size-input-footer);
    --tw-font-weight: var(--font-weight-input-footer);
    font-weight: var(--font-weight-input-footer);
    color: var(--color-input-footer);
  }
  [uicontrol] [uifooter][uistate=error] {
    color: var(--color-error-aksia);
  }
  [uicontrol] [uifooter][uistate=warning] {
    color: var(--color-warning-aksia);
  }
  [uicontrol] [uifooter][uistate=success] {
    color: var(--color-success-aksia);
  }
  [uicontrol] [uichipstrip] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-chipstrip-gap);
  }
  [uiinput] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--spacing-input-gap-y);
    --input-height: var(--spacing-input-value-height-base);
  }
  [uiinput].xxs {
    --input-height: var(--spacing-input-value-height-xxs);
  }
  [uiinput].xs {
    --input-height: var(--spacing-input-value-height-xs);
  }
  [uiinput].s {
    --input-height: var(--spacing-input-value-height-s);
  }
  [uiinput].l {
    --input-height: var(--spacing-input-value-height-l);
  }
  [uiinput].xl {
    --input-height: var(--spacing-input-value-height-xl);
  }
  [uiinput].xxl {
    --input-height: var(--spacing-input-value-height-xxl);
  }
  [uiinput][uistate=error] {
    --input-value: var(--color-error-aksia);
  }
  [uiinput][uistate=warning] {
    --input-value: var(--color-warning-aksia);
  }
  [uiinput][uistate=created],
  [uiinput][uistate=dirty] {
    --input-value: var(--color-primary-aksia-2);
  }
  :is([uiinput][uistate=error], [uiinput][uistate=warning], [uiinput][uistate=dirty], [uiinput][uistate=created]):not(.primary):not(.secondary):not(.tertiary) {
    --color-input-border-hover: var(--input-value);
    --color-input-border-active: var(--input-value);
    --color-input-border-hover-dark: var(--input-value);
    --color-input-border-active-dark: var(--input-value);
  }
  [uiinput][uidisabled] {
    --color-input-value: var(--color-input-value-disabled);
    --color-input-bg: var(--color-input-bg-disabled);
    --color-input-bg-hover: var(--color-input-bg-disabled);
    --color-input-bg-active: var(--color-input-bg-disabled);
    --color-input-bg-dark: var(--color-input-bg-disabled-dark);
    --color-input-bg-hover-dark: var(--color-input-bg-disabled-dark);
    --color-input-bg-active-dark: var(--color-input-bg-disabled-dark);
    --color-input-border: var(--color-input-border-disabled);
    --color-input-border-hover: var(--color-input-border-disabled);
    --color-input-border-active: var(--color-input-border-disabled);
    --color-input-border-dark: var(--color-input-border-disabled-dark);
    --color-input-border-hover-dark: var(--color-input-border-disabled-dark);
    --color-input-border-active-dark: var(--color-input-border-disabled-dark);
    --color-input-default-icon: var(--color-input-default-icon-disabled);
  }
  [uiinput][uidisabled] > [uiinputcontent] {
    cursor: not-allowed;
  }
  [uiinput][uilabelposition=top] > [uilabel] {
    position: absolute;
    top: calc(-1 * var(--spacing-input-gap-y) - var(--spacing-input-label-height));
  }
  [uiinput] [uilabel] {
    display: flex;
    align-items: center;
    column-gap: var(--spacing-input-label-gap-x);
    place-self: start;
    font-size: var(--text-size-input-label);
    --tw-leading: var(--spacing-input-label-height);
    line-height: var(--spacing-input-label-height);
    --tw-font-weight: var(--font-weight-input-label);
    font-weight: var(--font-weight-input-label);
    white-space: nowrap;
    color: var(--color-input-label);
  }
  [uiinput] [uilabel]:where(.dark, .dark *) {
    color: var(--color-input-label-dark);
  }
  [uiinput] [uilabel]:not([slot-embedded]):not([uilabelposition=embedded]) {
    width: 100%;
  }
  [uiinput] [uilabel] > span {
    overflow-x: hidden;
    overflow-y: visible;
    text-overflow: ellipsis;
  }
  [uiinput] [uilabel]:has(span:blank) {
    display: none !important;
    --gap-y-input-gap-y: 0;
  }
  [uiinput] > [uiinputcontent] {
    position: relative;
    display: flex;
    height: var(--input-height);
    width: 100%;
    cursor: pointer;
    align-items: center;
    column-gap: var(--spacing-input-gap-x);
    border-radius: var(--radius-control-aksia);
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
    background-color: var(--color-input-bg);
    padding-inline: var(--spacing-input-pad-x);
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent]:hover {
      border-color: var(--color-input-border-hover);
    }
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent]:hover {
      background-color: var(--color-input-bg-hover);
    }
  }
  [uiinput] > [uiinputcontent]:active {
    border-color: var(--color-input-border-active);
  }
  [uiinput] > [uiinputcontent]:active {
    background-color: var(--color-input-bg-active);
  }
  [uiinput] > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  [uiinput] > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-input-bg-dark);
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent]:where(.dark, .dark *):hover {
      border-color: var(--color-input-border-hover-dark);
    }
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent]:where(.dark, .dark *):hover {
      background-color: var(--color-input-bg-hover-dark);
    }
  }
  [uiinput] > [uiinputcontent]:where(.dark, .dark *):active {
    border-color: var(--color-input-border-active-dark);
  }
  [uiinput] > [uiinputcontent] > [uilabel] {
    height: 100%;
    cursor: inherit;
  }
  [uiinput] > [uiinputcontent] > [uilabel]:has(span:empty) {
    display: none;
  }
  [uiinput] > [uiinputcontent] > [uivalue] {
    display: flex;
    width: 100%;
    cursor: inherit;
    font-size: var(--text-size-input-value);
    --tw-leading: calc(var(--input-height) / 2);
    line-height: calc(var(--input-height) / 2);
    color: var(--color-input-value);
  }
  [uiinput] > [uiinputcontent] > [uivalue]:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  [uiinput] > [uiinputcontent] > [uivalue][uidisabled] {
    align-items: center;
  }
  [uiinput] > [uiinputcontent] > [uivalue]::placeholder,
  [uiinput] > [uiinputcontent] > [uivalue] [uiplaceholder] {
    font-size: var(--text-size-input-label);
    --tw-font-weight: var(--font-weight-input-placeholder);
    font-weight: var(--font-weight-input-placeholder);
    color: var(--color-input-placeholder);
  }
  [uiinput] > [uiinputcontent] > [uivalue] [uiplaceholder]:where(.dark, .dark *) {
    color: var(--color-input-placeholder-dark);
  }
  [uiinput] > [uiinputcontent] > [uitoolstrip] {
    position: absolute;
    display: flex;
    height: calc(var(--input-height) - var(--spacing-input-border-size) * 4);
    align-items: center;
    background-color: var(--color-input-bg);
  }
  [uiinput] > [uiinputcontent] > [uitoolstrip]:where(.dark, .dark *) {
    background-color: var(--color-input-bg-dark);
  }
  [uiinput] > [uiinputcontent] > [uitoolstrip] > * {
    height: 100%;
    cursor: pointer;
    align-items: center;
    color: var(--color-input-tool);
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent] > [uitoolstrip] > *:hover {
      color: var(--color-input-tool-hover);
    }
  }
  [uiinput] > [uiinputcontent] > [uitoolstrip] > *:where(.dark, .dark *) {
    color: var(--color-input-tool-dark);
  }
  @media (hover: hover) {
    [uiinput] > [uiinputcontent] > [uitoolstrip] > *:hover:where(.dark, .dark *) {
      color: var(--color-input-tool-hover-dark);
    }
  }
  [uiinput] > [uiinputcontent] > [uitoolstrip] > *:not(.pinned) {
    display: none;
  }
  [uiinput] > [uiinputcontent]:has([uidefaulticon=right]) > [uitoolstrip] {
    right: calc(var(--text-size-input-default-icon) + var(--spacing-input-gap-x) + var(--text-size-input-tool));
  }
  [uiinput] > [uiinputcontent]:not(:has([uidefaulticon=right])) > [uitoolstrip] {
    right: var(--spacing-input-gap-x);
  }
  [uiinput] > [uiinputcontent]:hover > [uitoolstrip] > * {
    display: flex;
  }
  [uiinput] > [uiinputcontent] > [uidefaulticon] {
    display: flex;
    font-size: var(--text-size-input-default-icon);
    height: var(--text-size-input-default-icon);
    width: var(--text-size-input-default-icon);
    line-height: var(--text-size-input-default-icon);
    height: calc(var(--input-height) - var(--spacing-input-border-size) * 8);
    cursor: pointer;
    align-items: center;
    color: var(--color-input-default-icon);
  }
  [uiinput] > [uiinputcontent] > [uidefaulticon]:where(.dark, .dark *) {
    color: var(--color-input-default-icon-dark);
  }
  [uiinput] > [uifooter] {
    position: absolute;
    bottom: calc(-1 * var(--spacing-input-footer-height) - var(--spacing-input-gap-y));
    height: var(--spacing-input-footer-height) !important;
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [uiinput][uidisabled] > [uiinputcontent] {
    cursor: not-allowed;
  }
  [uiinput][uipermission=View]:not([uiunpermissioned]) {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 50%;
  }
  [uiinput]:is(btn) {
    flex-direction: row;
    align-items: center;
  }
  [uiinput]:is(btn).xxs {
    --text-size-button-label: var(--text-size-button-label-xxs);
    --font-weight-button: var(--font-weight-button-label-xxs);
    --spacing-button-pad-x: var(--spacing-button-pad-x-xxs);
    --spacing-button-pad-x-label: var(--spacing-button-pad-x-label-xxs);
    --spacing-button-gap-x: var(--spacing-button-gap-x-xxs);
  }
  [uiinput]:is(btn).xs {
    --spacing-button-pad-x: var(--spacing-button-pad-x-xs);
  }
  [uiinput]:is(btn).s {
    --spacing-button-pad-x: var(--spacing-button-pad-x-s);
  }
  [uiinput]:is(btn).l {
    --spacing-button-pad-x: var(--spacing-button-pad-x-l);
  }
  [uiinput]:is(btn).xl {
    --spacing-button-pad-x: var(--spacing-button-pad-x-xl);
  }
  [uiinput]:is(btn) > [uiinputcontent] {
    column-gap: var(--spacing-button-gap-x);
    padding-inline: var(--spacing-button-pad-x);
    --tw-shadow: var(--theme-shadow-button);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uiinput]:is(btn) > [uiinputcontent]:where(.dark, .dark *) {
    --tw-shadow: var(--theme-shadow-button-dark);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uiinput]:is(btn) > [uiinputcontent]:has(> [uilabel]:not(:empty)) {
    padding-inline: var(--spacing-button-pad-x-label);
  }
  [uiinput]:is(btn) > [uiinputcontent] > [uilabel] {
    height: 100%;
    justify-content: center;
    overflow: hidden;
    font-size: var(--text-size-button-label);
    --tw-font-weight: var(--font-weight-button-label);
    font-weight: var(--font-weight-button-label);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [uiinput]:is(btn) > [uiinputcontent] > icon {
    height: 100%;
  }
  [uiinput]:is(btn) > [uiinputcontent] > [uilabel]:empty {
    display: none;
  }
  [uiinput]:is(btn).primary > [uiinputcontent] {
    border-color: var(--color-button-border-primary);
    background-color: var(--color-button-bg-primary);
    color: var(--color-button-label-primary);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-primary-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-primary-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-primary-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent] > [uilabel] {
    color: var(--color-button-label-primary);
  }
  [uiinput]:is(btn).primary > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-primary-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent] > icon {
    color: var(--color-button-label-primary);
  }
  [uiinput]:is(btn).primary > [uiinputcontent] > icon:where(.dark, .dark *) {
    color: var(--color-button-label-primary-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:hover {
    border-color: var(--color-button-border-primary-hover);
    background-color: var(--color-button-bg-primary-hover);
    color: var(--color-button-label-primary-hover);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-primary-hover-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-primary-hover-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-primary-hover-dark);
  }
  [uiinput]:is(btn).primary > [uiinputcontent].active,
  [uiinput]:is(btn).primary > [uiinputcontent].toggled {
    border-color: var(--color-button-border-primary-active);
    background-color: var(--color-button-bg-primary-active);
    color: var(--color-button-label-primary-active);
  }
  :is([uiinput]:is(btn).primary > [uiinputcontent].active, [uiinput]:is(btn).primary > [uiinputcontent].toggled):where(.dark, .dark *) {
    border-color: var(--color-button-border-primary-active-dark);
  }
  :is([uiinput]:is(btn).primary > [uiinputcontent].active, [uiinput]:is(btn).primary > [uiinputcontent].toggled):where(.dark, .dark *) {
    background-color: var(--color-button-bg-primary-active-dark);
  }
  :is([uiinput]:is(btn).primary > [uiinputcontent].active, [uiinput]:is(btn).primary > [uiinputcontent].toggled):where(.dark, .dark *) {
    color: var(--color-button-label-primary-active-dark);
  }
  [uiinput]:is(btn).primary[uistate=error] > [uiinputcontent] {
    border-color: var(--color-error-aksia);
    background-color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).primary[uistate=error] > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).primary[uistate=error] > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent] {
    border-color: var(--color-button-border-secondary);
    background-color: var(--color-button-bg-secondary);
    color: var(--color-button-label-secondary);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-secondary-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-secondary-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-secondary-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent] > [uilabel] {
    color: var(--color-button-label-secondary);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-secondary-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent] > icon {
    color: var(--color-button-label-secondary);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent] > icon:where(.dark, .dark *) {
    color: var(--color-button-label-secondary-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:hover {
    border-color: var(--color-button-border-secondary-hover);
    background-color: var(--color-button-bg-secondary-hover);
    color: var(--color-button-label-secondary-hover);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-secondary-hover-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-secondary-hover-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-secondary-hover-dark);
  }
  [uiinput]:is(btn).secondary > [uiinputcontent].active,
  [uiinput]:is(btn).secondary > [uiinputcontent].toggled {
    border-color: var(--color-button-border-secondary-active);
    background-color: var(--color-button-bg-secondary-active);
    color: var(--color-button-label-secondary-active);
  }
  :is([uiinput]:is(btn).secondary > [uiinputcontent].active, [uiinput]:is(btn).secondary > [uiinputcontent].toggled):where(.dark, .dark *) {
    border-color: var(--color-button-border-secondary-active-dark);
  }
  :is([uiinput]:is(btn).secondary > [uiinputcontent].active, [uiinput]:is(btn).secondary > [uiinputcontent].toggled):where(.dark, .dark *) {
    background-color: var(--color-button-bg-secondary-active-dark);
  }
  :is([uiinput]:is(btn).secondary > [uiinputcontent].active, [uiinput]:is(btn).secondary > [uiinputcontent].toggled):where(.dark, .dark *) {
    color: var(--color-button-label-secondary-active-dark);
  }
  [uiinput]:is(btn).secondary[uistate=error] > [uiinputcontent] {
    border-color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).secondary[uistate=error] > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).secondary[uistate=error] > [uiinputcontent] > [uilabel] {
    color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).secondary[uistate=error] > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent] {
    border-color: var(--color-button-border-tertiary);
    background-color: var(--color-button-bg-tertiary);
    color: var(--color-button-label-tertiary);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent] > [uilabel] {
    color: var(--color-button-label-tertiary);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent] > icon {
    color: var(--color-button-label-tertiary);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent] > icon:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:hover {
    border-color: var(--color-button-border-tertiary-hover);
    background-color: var(--color-button-bg-tertiary-hover);
    color: var(--color-button-label-tertiary-hover);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-hover-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-hover-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-hover-dark);
  }
  [uiinput]:is(btn).tertiary > [uiinputcontent].active,
  [uiinput]:is(btn).tertiary > [uiinputcontent].toggled {
    border-color: var(--color-button-border-tertiary-active);
    background-color: var(--color-button-bg-tertiary-active);
    color: var(--color-button-label-tertiary-active);
  }
  :is([uiinput]:is(btn).tertiary > [uiinputcontent].active, [uiinput]:is(btn).tertiary > [uiinputcontent].toggled):where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-active-dark);
  }
  :is([uiinput]:is(btn).tertiary > [uiinputcontent].active, [uiinput]:is(btn).tertiary > [uiinputcontent].toggled):where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-active-dark);
  }
  :is([uiinput]:is(btn).tertiary > [uiinputcontent].active, [uiinput]:is(btn).tertiary > [uiinputcontent].toggled):where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-active-dark);
  }
  [uiinput]:is(btn).tertiary[uistate=error] > [uiinputcontent] > [uilabel] {
    color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).tertiary[uistate=error] > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-error-aksia);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent] {
    border-radius: 1.375rem;
    border-color: var(--color-button-border-toggle);
    background-color: var(--color-button-bg-toggle);
    padding-inline: var(--spacing-button-pad-toggle-x) !important;
    color: var(--color-button-label-toggle);
    --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);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-toggle-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-toggle-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent] > [uilabel] {
    color: var(--color-button-label-toggle);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover {
    border-color: var(--color-button-border-toggle-hover);
    background-color: var(--color-button-bg-toggle-hover);
    color: var(--color-button-label-toggle-hover);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover > [uilabel] {
    color: var(--color-button-label-toggle-hover);
  }
  [uiinput]:is(btn).toggle > [uiinputcontent]:hover > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent] {
    border-radius: 1.375rem;
    border-color: var(--color-button-border-toggle-active);
    background-color: var(--color-button-bg-toggle-active);
    padding-inline: var(--spacing-button-pad-toggle-x) !important;
    color: var(--color-button-label-toggle-active);
    --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);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-toggle-active-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-toggle-active-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-active-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent] > [uilabel] {
    color: var(--color-button-label-toggle-active);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-active-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:hover {
    border-color: var(--color-button-border-toggle-hover);
    background-color: var(--color-button-bg-toggle-hover);
    color: var(--color-button-label-toggle-hover);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-toggle-hover-dark);
  }
  [uiinput]:is(btn).toggle-active > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-toggle-hover-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent] {
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-button-bg-tertiary);
    padding: calc(var(--spacing) * 1);
    color: var(--color-input-value);
    --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);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent] > [uilabel] {
    color: var(--color-input-value);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent] > [uilabel]:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent] > icon {
    color: var(--color-input-value);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent] > icon:where(.dark, .dark *) {
    color: var(--color-input-value-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:hover {
    border-color: var(--color-button-border-tertiary-hover);
    background-color: var(--color-button-bg-tertiary-hover);
    color: var(--color-button-label-tertiary-hover);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:hover:where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-hover-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:hover:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-hover-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent]:hover:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-hover-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent].active {
    border-color: var(--color-button-border-tertiary-active);
    background-color: var(--color-button-bg-tertiary-active);
    color: var(--color-button-label-tertiary-active);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent].active:where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-active-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent].active:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-active-dark);
  }
  [uiinput]:is(btn).unstyled > [uiinputcontent].active:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-active-dark);
  }
  [uiinput]:is(btn)[uidisabled] {
    pointer-events: none;
    cursor: not-allowed;
  }
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent] {
    cursor: not-allowed;
    border-color: var(--color-button-border-primary-disabled);
    background-color: var(--color-button-bg-primary-disabled);
    color: var(--color-button-label-primary-disabled);
  }
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-primary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-primary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-primary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent] > [uilabel],
  [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent] icon {
    color: var(--color-button-label-primary-disabled);
  }
  :is([uiinput]:is(btn)[uidisabled].primary > [uiinputcontent] > [uilabel], [uiinput]:is(btn)[uidisabled].primary > [uiinputcontent] icon):where(.dark, .dark *) {
    color: var(--color-button-label-primary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent] {
    cursor: not-allowed;
    border-color: var(--color-button-border-secondary-disabled);
    background-color: var(--color-button-bg-secondary-disabled);
    color: var(--color-button-label-secondary-disabled);
  }
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-secondary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-secondary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-secondary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent] > [uilabel],
  [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent] icon {
    color: var(--color-button-label-secondary-disabled);
  }
  :is([uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent] > [uilabel], [uiinput]:is(btn)[uidisabled].secondary > [uiinputcontent] icon):where(.dark, .dark *) {
    color: var(--color-button-label-secondary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent] {
    cursor: not-allowed;
    border-color: var(--color-button-border-tertiary-disabled);
    background-color: var(--color-button-bg-tertiary-disabled);
    color: var(--color-button-label-tertiary-disabled);
  }
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent]:where(.dark, .dark *) {
    border-color: var(--color-button-border-tertiary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-button-bg-tertiary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent]:where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-disabled-dark);
  }
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent] > [uilabel],
  [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent] icon {
    color: var(--color-button-label-tertiary-disabled);
  }
  :is([uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent] > [uilabel], [uiinput]:is(btn)[uidisabled].tertiary > [uiinputcontent] icon):where(.dark, .dark *) {
    color: var(--color-button-label-tertiary-disabled-dark);
  }
  [uiinput]:is(check) {
    height: var(--input-height);
    flex-direction: row;
    align-items: center;
    column-gap: var(--spacing-input-label-gap-x);
  }
  [uiinput]:is(check) input {
    appearance: none;
  }
  [uiinput]:is(check) > [uiinputcontent] {
    width: auto;
    place-items: center;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent !important;
    padding: calc(var(--spacing) * 0);
  }
  [uiinput]:is(check) > [uiinputcontent] > [uilabel] {
    cursor: pointer;
    column-gap: var(--spacing-input-label-gap-x);
    align-self: center;
  }
  [uiinput]:is(check) > [uiinputcontent]:has([uitoolstrip]:not(:empty)) {
    padding-right: 1.563rem;
  }
  [uiinput]:is(check) > [uiinputcontent] > [uivalue] {
    display: none;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
    line-height: 1rem;
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    cursor: pointer;
    place-items: center;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-check-border);
    background-color: var(--color-check-bg);
    padding: 1px;
    color: var(--color-check-icon);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon:where(.dark, .dark *) {
    border-color: var(--color-check-border-dark);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon:where(.dark, .dark *) {
    background-color: var(--color-check-bg-dark);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon.checked {
    border-color: var(--color-check-border-checked);
    background-color: var(--color-check-bg-checked);
    color: var(--color-check-icon);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon.checked:where(.dark, .dark *) {
    border-color: var(--color-check-border-checked-dark);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon.checked:where(.dark, .dark *) {
    background-color: var(--color-check-bg-checked-dark);
  }
  [uiinput]:is(check) > [uiinputcontent] > icon.checked:where(.dark, .dark *) {
    color: var(--color-check-icon-dark);
  }
  [uiinput]:is(check) > [uiinputcontent] > [uitoolstrip] {
    right: calc(var(--spacing) * 0) !important;
  }
  [uiinput]:is(check) > [uiinputcontent] > [uitoolstrip]:is(:empty) {
    display: none;
  }
  [uiinput]:is(check)[uidisabled] [uilabel],
  [uiinput]:is(check)[uidisabled] [uiinputicon] {
    cursor: not-allowed;
  }
  [uiinput]:is(check)[uidisabled] [uiinputcontent] [uitoolstrip] {
    background-color: var(--theme-color-input-bg);
  }
  [uiinput]:is(check)[uidisabled] [uiinputcontent] [uitoolstrip]:where(.dark, .dark *) {
    background-color: var(--theme-color-input-bg-dark);
  }
  [uiinput]:is(check)[uidisabled] [uiinputcontent] [uiinputicon] {
    border-color: var(--color-check-border-disabled);
    background-color: var(--color-check-bg-disabled);
  }
  [uiinput]:is(check)[uidisabled] [uiinputcontent] [uiinputicon]:where(.dark, .dark *) {
    border-color: var(--color-check-border-disabled-dark);
  }
  [uiinput]:is(check)[uidisabled] [uiinputcontent] [uiinputicon]:where(.dark, .dark *) {
    background-color: var(--color-check-bg-disabled-dark);
  }
  [uiinput]:is(radio-group) {
    flex-direction: row;
    column-gap: var(--spacing-input-label-gap-x);
    padding-inline: calc(var(--spacing) * 0);
  }
  [uiinput]:is(radio-group) > input {
    appearance: none;
  }
  [uiinput]:is(radio-group) > [uilabel] {
    cursor: pointer;
    column-gap: var(--spacing-input-label-gap-x);
    align-self: center;
  }
  [uiinput]:is(radio-group) > [uilabel][uidisabled=true] {
    pointer-events: none;
    cursor: not-allowed;
    color: var(--color-input-value-disabled);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] {
    width: auto;
    cursor: inherit;
    align-items: center;
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-bg-primary-aksia);
    padding-inline: calc(var(--spacing) * 0);
  }
  [uiinput]:is(radio-group) > [uiinputcontent]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] > [uilabel],
  [uiinput]:is(radio-group) > [uiinputcontent] > [uivalue] {
    display: none;
    height: 1.75rem;
    width: 1.75rem;
    cursor: pointer;
    --tw-leading: 1.75rem;
    line-height: 1.75rem;
  }
  :is([uiinput]:is(radio-group) > [uiinputcontent] > [uilabel], [uiinput]:is(radio-group) > [uiinputcontent] > [uivalue])[uidisabled=true] {
    pointer-events: none;
    cursor: not-allowed;
    color: var(--color-input-value-disabled);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] icon {
    font-size: 1.75rem;
    height: 1.75rem;
    width: 1.75rem;
    line-height: 1.75rem;
    cursor: pointer;
    color: var(--color-radio-icon);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] icon:where(.dark, .dark *) {
    color: var(--color-radio-icon-dark);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] icon.checked {
    color: var(--color-radio-icon-checked);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] icon.checked:where(.dark, .dark *) {
    color: var(--color-radio-icon-checked-dark);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] icon > span {
    font-variation-settings:
      "FILL" 0,
      "wght" 200,
      "GRAD" 0,
      "opsz" 24;
  }
  [uiinput]:is(radio-group) > [uidisabled] icon {
    pointer-events: none;
    color: var(--color-radio-icon-disabled);
  }
  [uiinput]:is(radio-group) > [uidisabled] icon:where(.dark, .dark *) {
    color: var(--color-radio-icon-disabled-dark);
  }
  [uiinput]:is(radio-group)[uidisabled] > [uiinputcontent] icon {
    color: var(--color-radio-icon-disabled);
  }
  [uiinput]:is(radio-group)[uidisabled] > [uiinputcontent] icon:where(.dark, .dark *) {
    color: var(--color-radio-icon-disabled-dark);
  }
  [uiinput]:is(radio-group) > [uiinputcontent] + [uilabel] {
    margin-right: var(--spacing-input-gap-x);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] {
    right: calc(var(--spacing) * 0);
    display: grid;
    max-height: fit-content;
    max-width: fit-content;
    cursor: default;
    grid-auto-columns: minmax(0, 1fr);
    padding: calc(var(--spacing-popup-item-pad-x) / 2);
    grid-template-areas: "header" "calendar";
    grid-template-rows: 1fr auto;
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Day] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1);
    grid-template-columns: repeat(7, 1fr);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Day] > [uipopupheader] {
    grid-column: span 7 / span 7;
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Month] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(6, 1fr);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Month] > [uipopupheader] {
    grid-column: span 6 / span 6;
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Year] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(5, 1fr);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup][uidatecontent=Year] > [uipopupheader] {
    grid-column: span 5 / span 5;
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupheader] {
    height: auto;
    align-items: center;
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupheader] > btn {
    --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);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupoption] {
    grid-column: span 1 / span 1;
    height: var(--spacing-popup-item-height);
    width: var(--spacing-popup-item-height);
    place-content: center;
    border-radius: var(--radius-control-aksia);
    padding-inline: calc(var(--spacing) * 1);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupoption][uipopupoptionselected=true] {
    background-color: var(--color-primary-aksia-2);
    color: var(--color-white);
  }
  :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupoption][uipopupoptionindicated=true] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary-aksia-2);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is([uiinput]:is(date), [uiinput]:is(multi-date)) [uiinputcontent] > [uipopup] > [uipopupoption][uipopupoptionindicated=true] {
      border-color: color-mix(in oklab, var(--color-primary-aksia-2) 20%, transparent);
    }
  }
  [uiinput]:is(multi-date) {
    --input-pad-y: calc( ((var(--input-height) - var(--spacing-chip-height)) / 4) - var(--spacing-input-border-size) );
  }
  [uiinput]:is(multi-date) [uiinputcontent] {
    height: auto;
    min-height: var(--input-height);
    align-items: center;
    padding-block: var(--input-pad-y);
  }
  [uiinput]:is(number) [uiinputcontent] {
    cursor: text;
  }
  [uiinput]:is(text) [uiinputcontent] {
    cursor: text;
  }
  [uiinput]:is(text):has(textarea) > [uiinputcontent] {
    height: auto;
  }
  [uiinput]:is(text):has(textarea) > [uiinputcontent] > [uitoolstrip] {
    margin-top: calc(var(--input-height) / 12);
    align-self: flex-start;
  }
  [uiinput]:is(text):has(textarea) > [uiinputcontent] > [uidefaulticon] {
    margin-top: calc(var(--input-height) / 8);
    align-self: flex-start;
  }
  [uiinput]:is(text):has(textarea) textarea {
    height: auto;
    min-height: var(--input-height);
    padding-top: calc(var(--input-height) / 4);
    --tw-leading: calc(var(--input-height) / 2) !important;
    line-height: calc(var(--input-height) / 2) !important;
  }
  [uiinput]:is(dropdown) [uiinputcontent] > [uipopup] > [uipopupoption][uipopupoptionselected=true] {
    background-color: var(--color-primary-aksia-2);
    color: var(--color-white);
  }
  [uiinput]:is(multi-dropdown) {
    --input-pad-y: calc( ((var(--input-height) - var(--spacing-chip-height)) / 4) - var(--spacing-input-border-size) );
  }
  [uiinput]:is(multi-dropdown) [uiinputcontent] {
    height: auto;
    min-height: var(--input-height);
    align-items: center;
    padding-block: var(--input-pad-y);
  }
  [uiinput]:is(multi-dropdown) [uiinputcontent] [uivalue] {
    width: calc(100% - var(--text-size-input-default-icon));
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  [uiinput]:is(multi-dropdown) [uiinputcontent] [uivalue] > chip {
    max-width: calc(100% - var(--spacing-input-pad-x) * 2);
  }
  [uiinput]:is(multi-dropdown) [uipopupoption] > check {
    height: calc(var(--spacing-popup-item-height) / 2);
    --tw-leading: calc(var(--spacing-popup-item-height) / 2);
    line-height: calc(var(--spacing-popup-item-height) / 2);
  }
  [uiinput]:is(multi-dropdown) [uipopupmore] {
    height: auto;
    align-items: center;
    padding-inline: var(--spacing-input-pad-x);
    padding-block: var(--input-pad-y);
  }
  [uiinput]:is(file-upload) {
    height: var(--input-height);
    flex-direction: row;
    align-items: center;
    column-gap: var(--spacing-input-label-gap-x);
  }
  [uiinput]:is(file-upload) input {
    appearance: none;
  }
  [uiinput]:is(file-upload) > [uiinputcontent] {
    width: 100%;
    place-items: center;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent !important;
    padding: calc(var(--spacing) * 0);
  }
  [uiinput]:is(file-upload) > [uiinputcontent] [uifooter] {
    display: inline-block;
    height: 100%;
    width: 100%;
    place-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  [uipopup] {
    position: absolute;
    top: 100%;
    left: calc(var(--spacing) * 0);
    z-index: var(--z-popup);
    max-height: calc(var(--spacing-popup-item-height) * var(--popup-max-items));
    width: 100%;
    overflow-y: auto;
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-popup-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-popup-border);
    background-color: var(--color-bg-primary-aksia);
    --tw-shadow: var(--theme-shadow-popup);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uipopup]:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uipopup].fit {
    width: fit-content;
  }
  [uipopup].fit > [uipopupoption],
  [uipopup].fit > [uipopupgroup] {
    white-space: nowrap;
  }
  [uipopup].right {
    right: calc(var(--spacing) * 0);
    left: auto;
  }
  [uipopup] > [uipopupheader] {
    display: flex;
    height: auto;
    width: 100%;
    justify-content: center;
    column-gap: var(--spacing-popup-item-gap-x);
    padding-inline: var(--spacing-popup-item-pad-x);
    padding-block: calc(var(--spacing-popup-item-height) / 4);
  }
  [uipopup] > [uipopupoption] {
    display: flex;
    height: auto;
    cursor: pointer;
    align-items: center;
    column-gap: var(--spacing-popup-item-gap-x);
    background-color: var(--color-popup-item-bg);
    padding-inline: var(--spacing-popup-item-pad-x);
    padding-block: calc(var(--spacing-popup-item-height) / 4);
    font-size: var(--text-size-popup-item-title);
    --tw-leading: calc(var(--spacing-popup-item-height) / 2);
    line-height: calc(var(--spacing-popup-item-height) / 2);
    --tw-font-weight: var(--font-weight-popup-item-title);
    font-weight: var(--font-weight-popup-item-title);
    color: var(--color-popup-item-title);
  }
  @media (hover: hover) {
    [uipopup] > [uipopupoption]:hover {
      background-color: var(--color-popup-item-bg-hover);
    }
  }
  [uipopup] > [uipopupoption]:where(.dark, .dark *) {
    background-color: var(--color-popup-item-bg-dark);
  }
  [uipopup] > [uipopupoption]:where(.dark, .dark *) {
    color: var(--color-popup-item-title-dark);
  }
  @media (hover: hover) {
    [uipopup] > [uipopupoption]:where(.dark, .dark *):hover {
      background-color: var(--color-popup-item-bg-hover-dark);
    }
  }
  [uipopup] > [uipopupoption].loading {
    animation: var(--animate-pulse);
  }
  [uipopup] > [uipopupoption][uipopupoptiondisabled] {
    cursor: default;
    font-size: var(--text-size-input-value-xxs);
    color: var(--color-gray-400);
  }
  @media (hover: hover) {
    [uipopup] > [uipopupoption][uipopupoptiondisabled]:hover {
      background-color: inherit;
    }
  }
  [uipopup] > [uipopupgroup] {
    display: flex;
    height: auto;
    cursor: default;
    align-items: center;
    column-gap: var(--spacing-popup-item-gap-x);
    background-color: var(--color-popup-item-bg);
    padding-inline: var(--spacing-popup-item-pad-x);
    padding-block: calc(var(--spacing-popup-item-height) / 4);
    padding-top: 10px;
    font-size: var(--text-size-popup-item-title);
    --tw-leading: calc(var(--spacing-popup-item-height) / 2);
    line-height: calc(var(--spacing-popup-item-height) / 2);
    --tw-font-weight: 600;
    font-weight: 600;
    color: var(--color-popup-item-title);
  }
  [uipopup] > [uipopupgroup]:where(.dark, .dark *) {
    background-color: var(--color-popup-item-bg-dark);
  }
  [uipopup] > [uipopupgroup]:where(.dark, .dark *) {
    color: var(--color-popup-item-title-dark);
  }
  [uipopup] > [uipopupnonoption] {
    display: flex;
    height: auto;
    cursor: default;
    align-items: center;
    column-gap: var(--spacing-popup-item-gap-x);
    background-color: var(--color-popup-item-bg);
    padding-inline: var(--spacing-popup-item-pad-x);
    padding-block: calc(var(--spacing-popup-item-height) / 4);
    font-size: var(--text-size-popup-item-title);
    --tw-leading: calc(var(--spacing-popup-item-height) / 2);
    line-height: calc(var(--spacing-popup-item-height) / 2);
    --tw-font-weight: var(--font-weight-popup-item-title);
    font-weight: var(--font-weight-popup-item-title);
    color: var(--color-popup-item-title);
  }
  [uipopup] > [uipopupnonoption]:where(.dark, .dark *) {
    background-color: var(--color-popup-item-bg-dark);
  }
  [uipopup] > [uipopupnonoption]:where(.dark, .dark *) {
    color: var(--color-popup-item-title-dark);
  }
  [uipermission=View] spreadsheet:not([uiunpermissioned]):not([uipermission=Write]),
  [uipermission=View] [uiinput]:not([uiunpermissioned]):not([uipermission=Write]) {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 50%;
  }
  [uipermission=None] {
    display: none;
  }
  [uipermission=Edit]:not([uiunpermissioned]):hover::after {
    content: "Edit Permissions";
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-color: var(--color-primary-aksia-5);
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-blue-950);
    opacity: 90%;
  }
  [uilistitem].cdk-drag-placeholder {
    opacity: 0%;
  }
  [uilistitem].cdk-drag-preview {
    box-sizing: content-box;
    min-height: var(--spacing-list-item-height);
    align-items: center;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: calc(var(--spacing-input-border-size));
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-input-border);
    background-color: var(--color-bg-primary-aksia) !important;
    padding-block: 0.5rem !important;
    font-size: var(--text-size-list-item);
    --tw-font-weight: var(--font-weight-list-item);
    font-weight: var(--font-weight-list-item);
    color: var(--color-list-item);
    --tw-shadow: var(--theme-shadow-popup);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  [uilistitem].cdk-drag-preview:where(.dark, .dark *) {
    border-color: var(--color-input-border-dark);
  }
  [uilistitem].cdk-drag-preview:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark);
  }
  [uilistitem].cdk-drag-preview [uilistreorderhandle] {
    grid-column: 1;
    cursor: move;
    font-size: var(--text-size-list-item-reorder-handle);
    color: var(--color-list-item);
  }
  [uilistitem].cdk-drag-preview [uilistreorderhandle]:where(.dark, .dark *) {
    color: var(--color-list-item-dark);
  }
  [uilistitem].cdk-drag-animating {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  }
  [uilistitem]:not(.cdk-drag-placeholder) {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  }
  [uiparagraph] {
    width: 100%;
    font-size: calc(var(--theme-text-size-paragraph));
    --tw-leading: var(--theme-spacing-paragraph-leading);
    line-height: var(--theme-spacing-paragraph-leading);
    --tw-font-weight: var(--theme-font-weight-paragraph);
    font-weight: var(--theme-font-weight-paragraph);
    color: var(--theme-color-paragraph);
  }
  [uiparagraph]:where(.dark, .dark *) {
    color: var(--theme-color-paragraph-dark);
  }
  .aksia-theme.fr-box.fr-basic .fr-element {
    background-color: var(--color-bg-primary-aksia) !important;
    color: var(--color-input-value) !important;
  }
  .aksia-theme.fr-box.fr-basic .fr-element:where(.dark, .dark *) {
    background-color: var(--color-bg-secondary-aksia-dark) !important;
  }
  .aksia-theme.fr-box.fr-basic .fr-element:where(.dark, .dark *) {
    color: var(--color-input-value-dark) !important;
  }
  .aksia-theme .fr-toolbar.fr-desktop,
  .aksia-theme .fr-more-toolbar {
    border-bottom-color: var(--color-input-border) !important;
    background-color: var(--color-bg-primary-aksia) !important;
  }
  :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar):where(.dark, .dark *) {
    border-bottom-color: var(--color-input-border-dark) !important;
  }
  :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar):where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark) !important;
  }
  :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar) .fr-command.fr-open,
  :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar) .fr-command:hover {
    background-color: var(--color-input-border) !important;
  }
  :is(:is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar) .fr-command.fr-open, :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar) .fr-command:hover):where(.dark, .dark *) {
    background-color: var(--color-slate-600) !important;
  }
  :is(.aksia-theme .fr-toolbar.fr-desktop, .aksia-theme .fr-more-toolbar) .fr-command.fr-btn svg path:where(.dark, .dark *) {
    fill: var(--color-input-value-dark) !important;
  }
  .aksia-theme .fr-second-toolbar {
    border-top-color: var(--color-input-border) !important;
    background-color: var(--color-bg-primary-aksia) !important;
  }
  .aksia-theme .fr-second-toolbar:where(.dark, .dark *) {
    border-top-color: var(--color-input-border-dark) !important;
  }
  .aksia-theme .fr-second-toolbar:where(.dark, .dark *) {
    background-color: var(--color-bg-primary-aksia-dark) !important;
  }
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-display: block;
  src: url("./media/Material-Symbols-Outlined-Icons.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  src: url("./media/Inter.ttf") format("truetype");
}
:root {
  --theme-font-family-aksia: "Inter";
  --theme-font-family-icons-aksia: "Material Symbols Outlined";
  --theme-font-variation-settings-icons-aksia: "FILL" 1, "opsz" 24;
  --theme-color-primary-aksia-1: var(--color-indigo-600);
  --theme-color-primary-aksia-2: var(--color-indigo-500);
  --theme-color-primary-aksia-3: var(--color-indigo-200);
  --theme-color-primary-aksia-4: var(--color-indigo-100);
  --theme-color-primary-aksia-5: var(--color-indigo-50);
  --theme-color-secondary-aksia-1: var(--color-Aksia);
  --theme-color-secondary-aksia-2: var(--color-Aksia) / 2;
  --theme-color-bg-primary-aksia: var(--color-white);
  --theme-color-bg-secondary-aksia: #f9f9fb;
  --theme-color-bg-primary-aksia-dark: var(--color-gray-900);
  --theme-color-bg-secondary-aksia-dark: var(--color-gray-950);
  --theme-color-success-aksia: var(--color-green-600);
  --theme-color-error-aksia: var(--color-red-600);
  --theme-color-warning-aksia: var(--color-yellow-400);
  --theme-color-link: #5491ff;
  --theme-radius-control-aksia: 0.38rem;
  --theme-spacing-content-gap-y-xs: 1rem;
  --theme-spacing-content-gap-y-s: 1.5rem;
  --theme-spacing-content-gap-y: 2.25rem;
  --theme-spacing-content-gap-y-l: 3rem;
  --theme-spacing-content-gap-y-xl: 3.5rem;
  --theme-handle-height: 0.3rem;
  --theme-handle-width: 0.3rem;
  --theme-handle-color: transparent;
  --theme-shadow-page-layout-top: 0px 4px 6px -1px rgba(55, 88, 249, 0.1), 0px 2px 4px -1px rgba(55, 88, 249, 0.06);
  --theme-shadow-page-layout-left: 0px 4px 9px 0px rgba(41, 102, 245, 0.23);
  --theme-shadow-page-layout-top-dark: 0px 4px 6px -1px rgba(255, 255, 255, 0.1), 0px 2px 4px -1px rgba(255, 255, 255, 0.06);
  --theme-shadow-page-layout-left-dark: 0px 4px 9px 0px rgba(1, 1, 1, 1);
  --theme-text-size-page-title: 1.25rem;
  --theme-text-size-page-title-unstyled: 1.125rem;
  --theme-font-weight-page-title: 500;
  --theme-font-weight-page-title-unstyled: 600;
  --theme-text-size-page-subtitle: 1rem;
  --theme-font-weight-page-subtitle: 400;
  --theme-color-page-title: var(--color-gray-500);
  --theme-color-page-title-dark: var(--color-gray-100);
  --theme-spacing-page-header-icon: 2rem;
  --theme-spacing-page-header-pad-x: 1.5rem;
  --theme-spacing-page-header-pad-y: 1.5rem;
  --theme-spacing-page-header-gap-x: 1rem;
  --theme-spacing-page-header-unstyled-gap-x: 0.5rem;
  --theme-spacing-page-header-gap-y: 0.5rem;
  --theme-spacing-page-header-unstyled-gap-y: 0rem;
  --theme-spacing-page-header-actions-gap-x: 0.5rem;
  --theme-spacing-page-header-tools-gap-x: 1.5rem;
  --theme-spacing-page-content-max-width: 120rem;
  --theme-spacing-page-content-pad-x: 1.5rem;
  --theme-spacing-page-content-pad-y: 1.5rem;
  --theme-spacing-page-content-unstyled-pad-x: 0rem;
  --theme-spacing-page-content-unstyled-pad-y: 0rem;
  --theme-spacing-page-content-gap-x: 2rem;
  --theme-spacing-page-content-gap-y: 2rem;
  --theme-text-size-page-toolbar-title: 0.875rem;
  --theme-font-weight-page-toolbar-title: 500;
  --theme-text-size-page-toolbar-app-icon: 1.5rem;
  --theme-spacing-page-toolbar-title-gap-x: 0.38rem;
  --theme-spacing-page-toolbar-height: 3.5rem;
  --theme-spacing-page-toolbar-pad-x: 2rem;
  --theme-spacing-page-toolbar-pad-y: 0.75rem;
  --theme-spacing-page-toolbar-gap-x: 1rem;
  --theme-spacing-page-toolbar-gap-y: 1rem;
  --theme-text-size-page-nav-item-title: 0.75rem;
  --theme-font-weight-page-nav-item-title: 500;
  --theme-text-size-page-nav-item-icon: 1.5rem;
  --theme-color-page-nav-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-page-nav-bg-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-page-nav-item-title: var(--color-gray-500);
  --theme-color-page-nav-item-title-dark: var(--color-gray-100);
  --theme-color-page-nav-item-title-active: var(--theme-color-primary-aksia-2);
  --theme-color-page-nav-item-title-active-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-page-nav-item-icon: var(--color-gray-400);
  --theme-color-page-nav-item-icon-dark: var(--color-gray-100);
  --theme-color-page-nav-item-icon-active: var(--theme-color-primary-aksia-2);
  --theme-color-page-nav-item-icon-active-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-page-nav-item-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-page-nav-item-bg-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-page-nav-item-bg-hover: var(--color-primary-aksia-5);
  --theme-color-page-nav-item-bg-hover-dark: var(--color-slate-600);
  --theme-spacing-page-nav-width: 6rem;
  --theme-spacing-page-nav-item-height: 5.5625rem;
  --theme-spacing-page-nav-item-pad-x: 0.75rem;
  --theme-spacing-page-nav-item-pad-t: 1.5rem;
  --theme-spacing-page-nav-item-pad-b: 0.82rem;
  --theme-spacing-page-nav-item-gap-y: 0.75rem;
  --theme-text-size-page-tab-item-title: 1rem;
  --theme-font-weight-page-tab-item-title: 500;
  --theme-text-size-page-tab-item-icon: 1rem;
  --theme-color-page-tab-bg: transparent;
  --theme-color-page-tab-bg-dark: transparent;
  --theme-color-page-tab-item-title: var(--color-gray-500);
  --theme-color-page-tab-item-title-dark: var(--color-gray-100);
  --theme-color-page-tab-item-title-active: var(--theme-color-primary-aksia-2);
  --theme-color-page-tab-item-title-active-dark: var(--color-indigo-400);
  --theme-color-page-tab-item-icon: var(--color-gray-500);
  --theme-color-page-tab-item-icon-dark: var(--color-gray-100);
  --theme-color-page-tab-item-icon-active: var(--theme-color-primary-aksia-2);
  --theme-color-page-tab-item-icon-active-dark: var(--color-indigo-400);
  --theme-color-page-tab-item-bg: transparent;
  --theme-color-page-tab-item-bg-dark: transparent;
  --theme-color-page-tab-item-bg-hover: transparent;
  --theme-color-page-tab-item-bg-hover-dark: transparent;
  --theme-color-page-tab-item-bg-active: transparent;
  --theme-color-page-tab-item-bg-active-dark: transparent;
  --theme-color-page-tab-item-bg-disabled: transparent;
  --theme-color-page-tab-item-bg-disabled-dark: transparent;
  --theme-color-page-tab-item-border: transparent;
  --theme-color-page-tab-item-border-dark: transparent;
  --theme-color-page-tab-item-border-hover: var(--theme-color-primary-aksia-2);
  --theme-color-page-tab-item-border-hover-dark: var(--color-indigo-400);
  --theme-color-page-tab-item-border-active: var(--theme-color-primary-aksia-2);
  --theme-color-page-tab-item-border-active-dark: var(--color-indigo-400);
  --theme-color-page-tab-item-border-disabled: transparent;
  --theme-color-page-tab-item-border-disabled-dark: transparent;
  --theme-color-page-tab-item-border-active-disabled: var(--color-gray-200);
  --theme-color-page-tab-item-border-active-disabled-dark: var( --color-gray-600 );
  --theme-spacing-page-tab-gap-y: 1.5rem;
  --theme-spacing-page-tab-header-gap-x: 2rem;
  --theme-spacing-page-tab-item-border-size: 0.125rem;
  --theme-spacing-page-tab-item-pad-y: 0.9375rem;
  --theme-spacing-page-tab-item-title-leading: 1.5rem;
  --theme-text-size-page-bookmark-title: 1.125rem;
  --theme-font-weight-page-bookmark-title: 500;
  --theme-color-page-bookmark-title: var(--color-gray-500);
  --theme-color-page-bookmark-title-dark: var(--color-gray-100);
  --theme-spacing-page-bookmark-header-height: 5rem;
  --theme-spacing-page-bookmark-header-pad-x: 1.63rem;
  --theme-spacing-page-bookmark-header-pad-y: 2.38rem;
  --theme-text-size-page-bookmark-item-title: 0.875rem;
  --theme-font-weight-page-bookmark-item-title: 500;
  --theme-color-page-bookmark-item-title: var(--color-gray-500);
  --theme-color-page-bookmark-item-title-dark: var(--color-gray-100);
  --theme-color-page-bookmark-item-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-page-bookmark-item-bg-dark: var( --theme-color-bg-primary-aksia-dark );
  --theme-color-page-bookmark-item-bg-hover: var(--color-primary-aksia-5);
  --theme-color-page-bookmark-item-bg-hover-dark: var(--color-slate-600);
  --theme-spacing-page-bookmark-item-height: 3.5625rem;
  --theme-spacing-page-bookmark-item-pad-x: 1.63rem;
  --theme-spacing-page-bookmark-item-pad-y: 0rem;
  --theme-text-size-section-title: 1rem;
  --theme-font-weight-section-title: 500;
  --theme-color-section-title: var(--color-gray-500);
  --theme-color-section-title-dark: var(--color-gray-100);
  --theme-spacing-section-tool: 1.5rem;
  --theme-color-section-tool: var(--color-gray-500);
  --theme-color-section-tool-dark: var(--color-gray-100);
  --theme-spacing-section-header-height: 3.5rem;
  --theme-spacing-section-header-pad-x: 1rem;
  --theme-spacing-section-header-pad-y: 1rem;
  --theme-spacing-section-header-gap-x: 0.5rem;
  --theme-spacing-section-header-gap-y: 0.5rem;
  --theme-spacing-section-content-pad-x: 1rem;
  --theme-spacing-section-content-pad-t: 3rem;
  --theme-spacing-section-content-pad-b: 2rem;
  --theme-spacing-section-content-gap-x: 2.5rem;
  --theme-spacing-section-content-gap-y: 3.5rem;
  --theme-spacing-section-border-size: 0.063rem;
  --theme-shadow-section: 0px 4px 6px -1px rgba(37, 99, 235, 0.1), 0px 2px 4px -1px rgba(16, 16, 16, 0.1);
  --theme-text-size-section-group-title: 1.125rem;
  --theme-font-weight-section-group-title: 600;
  --theme-color-section-group-title: var(--color-gray-500);
  --theme-color-section-group-title-dark: var(--color-gray-100);
  --theme-spacing-section-group-tool: 1rem;
  --theme-color-section-group-tool: var(--color-gray-500);
  --theme-color-section-group-tool-dark: var(--color-gray-100);
  --theme-spacing-section-group-header-height: 1.75rem;
  --theme-spacing-section-group-header-pad-x: 1rem;
  --theme-spacing-section-group-header-pad-y: 0rem;
  --theme-spacing-section-group-header-gap-x: 0.5rem;
  --theme-spacing-section-group-header-gap-y: 0.5rem;
  --theme-spacing-section-group-content-pad-x: 1rem;
  --theme-spacing-section-group-content-pad-t: 3rem;
  --theme-spacing-section-group-content-pad-b: 1rem;
  --theme-spacing-section-group-content-gap-x: 2.5rem;
  --theme-spacing-section-group-content-gap-y: 3.5rem;
  --theme-spacing-section-group-border-size: 0.3125rem;
  --theme-text-size-list-label: 0.75rem;
  --theme-font-weight-list-label: 700;
  --theme-color-list-label: var(--color-gray-500);
  --theme-color-list-label-dark: var(--color-gray-100);
  --theme-text-size-list-header: 0.75rem;
  --theme-font-weight-list-header: 600;
  --theme-color-list-header: var(--color-gray-500);
  --theme-color-list-header-dark: var(--color-gray-100);
  --theme-text-size-list-item: 0.75rem;
  --theme-text-size-list-item-icon: 1rem;
  --theme-font-weight-list-item: 400;
  --theme-color-list-item: var(--color-gray-500);
  --theme-color-list-item-dark: var(--color-gray-100);
  --theme-color-list-item-bg-hover: var(--color-indigo-100);
  --theme-color-list-item-bg-hover-dark: #1a2652;
  --theme-text-size-list-item-actions: 1rem;
  --theme-text-size-list-item-reorder-handle: 1rem;
  --theme-spacing-list-header-height: 2.125rem;
  --theme-spacing-list-item-height: 2.125rem;
  --theme-spacing-list-header-pad-x: 0.5rem;
  --theme-spacing-list-item-pad-x: 0.5rem;
  --theme-spacing-list-header-gap-x: 0.5rem;
  --theme-spacing-list-item-gap-x: 0.5rem;
  --theme-text-size-modal-title: 1.125rem;
  --theme-font-weight-modal-title: 600;
  --theme-color-modal-title: var(--color-gray-500);
  --theme-color-modal-title-dark: var(--color-gray-100);
  --theme-spacing-modal-tool: 1.5rem;
  --theme-color-modal-tool: var(--color-gray-500);
  --theme-color-modal-tool-dark: var(--color-gray-100);
  --theme-spacing-modal-header-height: 3.75rem;
  --theme-spacing-modal-header-pad-x: 1.5rem;
  --theme-spacing-modal-header-pad-y: 1rem;
  --theme-spacing-modal-header-gap-x: 0.5rem;
  --theme-spacing-modal-header-gap-y: 0.5rem;
  --theme-spacing-modal-content-pad-x: 1.5rem;
  --theme-spacing-modal-content-pad-y: 1.5rem;
  --theme-spacing-modal-content-gap-x: 1.5rem;
  --theme-spacing-modal-content-gap-y: 1.5rem;
  --theme-spacing-modal-border-size: 0.0625rem;
  --theme-text-size-toast-title: 0.875rem;
  --theme-font-weight-toast-title: 500;
  --theme-spacing-toast-title: 1.25rem;
  --theme-color-toast-title: var(--color-white);
  --theme-color-toast-icon: var(--color-white);
  --theme-color-toast-bg-default: var(--color-blue-500);
  --theme-spacing-toast-height: 3.75rem;
  --theme-spacing-toast-pad: 1.25rem;
  --theme-spacing-toast-gap: 0.75rem;
  --theme-spacing-toast-margin: 1rem;
  --theme-spacing-toast-icon: 1.25rem;
  --theme-text-size-alert-title: 0.875rem;
  --theme-text-size-alert-message: 0.875rem;
  --theme-font-weight-alert-title: 500;
  --theme-font-weight-alert-message: 400;
  --theme-spacing-alert-border: 0.1875rem;
  --theme-color-alert-text-info: var(--color-blue-700);
  --theme-color-alert-text-info-dark: #2c71f6;
  --theme-color-alert-text-success: var(--color-green-700);
  --theme-color-alert-text-success-dark: #17b530;
  --theme-color-alert-text-warning: #a16207;
  --theme-color-alert-text-warning-dark: #ffbe18;
  --theme-color-alert-text-error: var(--color-red-800);
  --theme-color-alert-text-error-dark: #f73b3b;
  --theme-color-alert-fg-info: var(--color-blue-600);
  --theme-color-alert-fg-info-dark: var(--color-blue-600);
  --theme-color-alert-fg-success: var(--color-green-500);
  --theme-color-alert-fg-success-dark: var(--color-green-500);
  --theme-color-alert-fg-warning: var(--color-yellow-400);
  --theme-color-alert-fg-warning-dark: var(--color-yellow-400);
  --theme-color-alert-fg-error: var(--color-red-500);
  --theme-color-alert-fg-error-dark: var(--color-red-500);
  --theme-color-alert-bg-info: var(--color-blue-50);
  --theme-color-alert-bg-info-dark: rgba(62, 121, 247, 0.1);
  --theme-color-alert-bg-success: var(--color-green-50);
  --theme-color-alert-bg-success-dark: rgba(23, 181, 48, 0.1);
  --theme-color-alert-bg-warning: var(--color-yellow-50);
  --theme-color-alert-bg-warning-dark: rgba(255, 190, 24, 0.1);
  --theme-color-alert-bg-error: var(--color-red-50);
  --theme-color-alert-bg-error-dark: rgba(247, 59, 59, 0.1);
  --theme-spacing-alert-pad-x: 1.5rem;
  --theme-spacing-alert-pad-y: 1rem;
  --theme-spacing-alert-gap-x: 0.75rem;
  --theme-spacing-alert-gap-y: 0.25rem;
  --theme-spacing-alert-icon: 1.25rem;
  --theme-spacing-alert-tool: 1rem;
  --theme-text-size-input-label: 0.875rem;
  --theme-text-size-input-value: 0.875rem;
  --theme-text-size-input-value-xxs: 0.75rem;
  --theme-text-size-input-tool: 1rem;
  --theme-text-size-input-default-icon: 1.25rem;
  --theme-text-size-input-footer: 0.75rem;
  --theme-font-weight-input-label: 400;
  --theme-font-weight-input-value: 400;
  --theme-font-weight-input-placeholder: 400;
  --theme-font-weight-input-value-xxs: 400;
  --theme-font-weight-input-footer: 400;
  --theme-color-input-label: var(--color-gray-700);
  --theme-color-input-label-dark: var(--color-gray-50);
  --theme-color-input-value: var(--color-gray-600);
  --theme-color-input-value-dark: var(--color-gray-200);
  --theme-color-input-value-disabled: var(--color-gray-400);
  --theme-color-input-placeholder: var(--color-gray-400);
  --theme-color-input-placeholder-dark: var(--color-gray-500);
  --theme-color-input-tool: var(--color-gray-500);
  --theme-color-input-tool-dark: var(--color-gray-200);
  --theme-color-input-tool-hover: var(--color-gray-500);
  --theme-color-input-tool-hover-dark: var(--color-gray-200);
  --theme-color-input-default-icon: var(--color-gray-500);
  --theme-color-input-default-icon-dark: var(--color-gray-200);
  --theme-color-input-default-icon-hover: var(--color-gray-500);
  --theme-color-input-default-icon-hover-dark: var(--color-gray-200);
  --theme-color-input-default-icon-disabled: var(--color-gray-400);
  --theme-color-input-default-icon-disabled-dark: var(--color-gray-500);
  --theme-color-input-footer: var(--color-gray-500);
  --theme-color-input-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-input-bg-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-input-bg-hover: var(--theme-color-bg-primary-aksia);
  --theme-color-input-bg-hover-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-input-bg-active: var(--theme-color-bg-primary-aksia);
  --theme-color-input-bg-active-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-input-bg-disabled: var(--color-gray-100);
  --theme-color-input-bg-disabled-dark: var(--color-gray-700);
  --theme-color-input-border: var(--color-gray-200);
  --theme-color-input-border-dark: var(--color-gray-500);
  --theme-color-input-border-hover: var(--color-gray-500);
  --theme-color-input-border-hover-dark: var(--color-gray-200);
  --theme-color-input-border-active: var(--color-gray-500);
  --theme-color-input-border-active-dark: var(--color-gray-200);
  --theme-color-input-border-disabled: var(--color-gray-200);
  --theme-color-input-border-disabled-dark: var(--color-gray-600);
  --theme-spacing-input-gap-y: 0.25rem;
  --theme-spacing-input-gap-x: 0.5rem;
  --theme-spacing-input-pad-x: 1rem;
  --theme-spacing-input-label-height: 1.25rem;
  --theme-spacing-input-label-gap-x: 0.5rem;
  --theme-spacing-input-value-height-xxs: 1.5rem;
  --theme-spacing-input-value-height-xs: 2rem;
  --theme-spacing-input-value-height-s: 2.25rem;
  --theme-spacing-input-value-height-base: 2.5rem;
  --theme-spacing-input-value-height-l: 2.75rem;
  --theme-spacing-input-value-height-xl: 3rem;
  --theme-spacing-input-value-height-xxl: 3.5rem;
  --theme-spacing-input-footer-height: 1.25rem;
  --theme-spacing-input-footer-gap-x: 0.5rem;
  --theme-spacing-input-border-size: 0.0625rem;
  --theme-text-size-button-label: 0.875rem;
  --theme-text-size-button-label-xxs: 0.75rem;
  --theme-font-weight-button-label: 500;
  --theme-font-weight-button-label-xxs: 400;
  --theme-color-button-label-primary: var(--color-white);
  --theme-color-button-label-primary-dark: var(--color-white);
  --theme-color-button-label-primary-hover: var(--color-white);
  --theme-color-button-label-primary-hover-dark: var(--color-white);
  --theme-color-button-label-primary-active: var(--color-white);
  --theme-color-button-label-primary-active-dark: var(--color-white);
  --theme-color-button-label-primary-disabled: var(--color-gray-300);
  --theme-color-button-label-primary-disabled-dark: var(--color-slate-600);
  --theme-color-button-label-secondary: var(--theme-color-primary-aksia-2);
  --theme-color-button-label-secondary-dark: var(--theme-color-primary-aksia-2);
  --theme-color-button-label-secondary-hover: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-secondary-hover-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-secondary-active: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-secondary-active-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-secondary-disabled: var(--color-gray-300);
  --theme-color-button-label-secondary-disabled-dark: var(--color-slate-600);
  --theme-color-button-label-tertiary: var(--theme-color-primary-aksia-2);
  --theme-color-button-label-tertiary-dark: var(--theme-color-primary-aksia-2);
  --theme-color-button-label-tertiary-hover: var(--theme-color-primary-aksia-2);
  --theme-color-button-label-tertiary-hover-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-tertiary-active: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-tertiary-active-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-label-tertiary-disabled: var(--color-gray-300);
  --theme-color-button-label-tertiary-disabled-dark: var(--color-slate-600);
  --theme-color-button-label-toggle: #64748b;
  --theme-color-button-label-toggle-dark: #64748b;
  --theme-color-button-label-toggle-hover: var(--color-white);
  --theme-color-button-label-toggle-hover-dark: var(--color-white);
  --theme-color-button-label-toggle-active: var(--color-white);
  --theme-color-button-label-toggle-active-dark: var(--color-white);
  --theme-color-button-label-toggle-disabled: var(--color-gray-300);
  --theme-color-button-label-toggle-disabled-dark: var(--color-slate-600);
  --theme-color-button-label-disabled: var(--color-slate-300);
  --theme-color-button-label-disabled-dark: var(--color-slate-600);
  --theme-color-button-border-primary: var(--theme-color-primary-aksia-2);
  --theme-color-button-border-primary-dark: var(--theme-color-primary-aksia-2);
  --theme-color-button-border-primary-hover: var(--theme-color-primary-aksia-1);
  --theme-color-button-border-primary-hover-dark: var( --theme-color-primary-aksia-1 );
  --theme-color-button-border-primary-active: var( --theme-color-primary-aksia-1 );
  --theme-color-button-border-primary-active-dark: var( --theme-color-primary-aksia-1 );
  --theme-color-button-border-primary-disabled: var(--color-gray-50);
  --theme-color-button-border-primary-disabled-dark: #1c2330;
  --theme-color-button-border-secondary: var(--theme-color-primary-aksia-2);
  --theme-color-button-border-secondary-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-border-secondary-hover: var( --theme-color-primary-aksia-2 );
  --theme-color-button-border-secondary-hover-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-border-secondary-active: var( --theme-color-primary-aksia-2 );
  --theme-color-button-border-secondary-active-dark: var( --theme-color-primary-aksia-2 );
  --theme-color-button-border-secondary-disabled: var(--color-slate-300);
  --theme-color-button-border-secondary-disabled-dark: var(--color-slate-300);
  --theme-color-button-border-tertiary: var(--theme-color-bg-primary-aksia);
  --theme-color-button-border-tertiary-dark: var( --theme-color-bg-primary-aksia-dark );
  --theme-color-button-border-tertiary-hover: var(--color-indigo-100);
  --theme-color-button-border-tertiary-hover-dark: #1a2652;
  --theme-color-button-border-tertiary-active: var(--color-indigo-200);
  --theme-color-button-border-tertiary-active-dark: #192d77;
  --theme-color-button-border-tertiary-disabled: var(--color-gray-50);
  --theme-color-button-border-tertiary-disabled-dark: #1c2330;
  --theme-color-button-border-toggle: var(--color-indigo-300);
  --theme-color-button-border-toggle-dark: var(--color-indigo-300);
  --theme-color-button-border-toggle-hover: var(--color-indigo-300);
  --theme-color-button-border-toggle-hover-dark: var(--color-indigo-300);
  --theme-color-button-border-toggle-active: var(--color-indigo-300);
  --theme-color-button-border-toggle-active-dark: var(--color-indigo-300);
  --theme-color-button-border-toggle-disabled: var(--color-gray-50);
  --theme-color-button-border-toggle-disabled-dark: #1c2330;
  --theme-color-button-bg-primary: var(--theme-color-primary-aksia-2);
  --theme-color-button-bg-primary-dark: var(--theme-color-primary-aksia-2);
  --theme-color-button-bg-primary-hover: var(--theme-color-primary-aksia-1);
  --theme-color-button-bg-primary-hover-dark: var( --theme-color-primary-aksia-1 );
  --theme-color-button-bg-primary-active: var(--theme-color-primary-aksia-1);
  --theme-color-button-bg-primary-active-dark: var( --theme-color-primary-aksia-1 );
  --theme-color-button-bg-primary-disabled: var(--color-gray-50);
  --theme-color-button-bg-primary-disabled-dark: #1c2330;
  --theme-color-button-bg-secondary: var(--theme-color-bg-primary-aksia);
  --theme-color-button-bg-secondary-dark: var( --theme-color-bg-primary-aksia-dark );
  --theme-color-button-bg-secondary-hover: var(--color-indigo-100);
  --theme-color-button-bg-secondary-hover-dark: #1a2652;
  --theme-color-button-bg-secondary-active: var(--color-indigo-200);
  --theme-color-button-bg-secondary-active-dark: #192d77;
  --theme-color-button-bg-secondary-disabled: var( --theme-color-bg-primary-aksia );
  --theme-color-button-bg-secondary-disabled-dark: var( --theme-color-bg-primary-aksia-dark );
  --theme-color-button-bg-tertiary: var(--theme-color-bg-primary-aksia);
  --theme-color-button-bg-tertiary-dark: var( --theme-color-bg-primary-aksia-dark );
  --theme-color-button-bg-tertiary-hover: var(--color-indigo-100);
  --theme-color-button-bg-tertiary-hover-dark: #1a2652;
  --theme-color-button-bg-tertiary-active: var(--color-indigo-200);
  --theme-color-button-bg-tertiary-active-dark: #192d77;
  --theme-color-button-bg-tertiary-disabled: var(--color-gray-50);
  --theme-color-button-bg-tertiary-disabled-dark: #1c2330;
  --theme-color-button-bg-toggle: var(--theme-color-bg-primary-aksia);
  --theme-color-button-bg-toggle-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-button-bg-toggle-hover: var(--color-indigo-300);
  --theme-color-button-bg-toggle-hover-dark: var(--color-indigo-300);
  --theme-color-button-bg-toggle-active: var(--color-indigo-300);
  --theme-color-button-bg-toggle-active-dark: var(--color-indigo-300);
  --theme-color-button-bg-toggle-disabled: var(--color-gray-50);
  --theme-color-button-bg-toggle-disabled-dark: #1c2330;
  --theme-spacing-button-gap-xxs: 0.4375rem;
  --theme-spacing-button-gap-x: 0.75rem;
  --theme-spacing-button-pad-x-xxs: 0.1875rem;
  --theme-spacing-button-pad-x-xs: 0.4375rem;
  --theme-spacing-button-pad-x-s: 0.5625rem;
  --theme-spacing-button-pad-x: 0.688rem;
  --theme-spacing-button-pad-x-l: 0.8125rem;
  --theme-spacing-button-pad-x-xl: 0.9375rem;
  --theme-spacing-button-pad-toggle-x: 1rem;
  --theme-spacing-button-pad-x-label-xxs: 0.5rem;
  --theme-spacing-button-pad-x-label: 1.5rem;
  --theme-spacing-button-border-size: 0.0625rem;
  --theme-shadow-button: 0px 1px 3px 0px rgba(99, 102, 241, 0.2), 0px 1px 2px 0px rgba(99, 102, 241, 0.1);
  --theme-shadow-button-dark: 0px 1px 3px 0px rgba(1, 1, 1, 1), 0px 1px 2px 0px rgba(1, 1, 1, 0.8);
  --theme-color-check-border: var(--color-gray-300);
  --theme-color-check-border-dark: var(--color-gray-500);
  --theme-color-check-border-checked: var(--theme-color-primary-aksia-2);
  --theme-color-check-border-checked-dark: var(--theme-color-primary-aksia-2);
  --theme-color-check-border-disabled: var(--color-gray-200);
  --theme-color-check-border-disabled-dark: var(--color-gray-600);
  --theme-color-check-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-check-bg-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-check-bg-checked: var(--theme-color-primary-aksia-2);
  --theme-color-check-bg-checked-dark: var(--theme-color-primary-aksia-2);
  --theme-color-check-bg-disabled: var(--color-gray-200);
  --theme-color-check-bg-disabled-dark: var(--color-gray-600);
  --theme-color-check-icon: var(--color-white);
  --theme-color-check-icon-dark: var(--color-white);
  --theme-color-radio-icon: var(--color-gray-300);
  --theme-color-radio-icon-dark: var(--color-gray-500);
  --theme-color-radio-icon-checked: var(--theme-color-primary-aksia-2);
  --theme-color-radio-icon-checked-dark: var(--theme-color-primary-aksia-2);
  --theme-color-radio-icon-disabled: var(--color-gray-200);
  --theme-color-radio-icon-disabled-dark: var(--color-gray-700);
  --theme-text-size-chip-title: 0.875rem;
  --theme-font-weight-chip-title: 400;
  --theme-color-chip-title: var(--color-gray-600);
  --theme-color-chip-title-dark: var(--color-gray-200);
  --theme-color-chip-title-disabled: var(--color-gray-500);
  --theme-color-chip-title-disabled-dark: var(--color-gray-400);
  --theme-color-chip-bg: var(--color-indigo-100);
  --theme-color-chip-bg-dark: var(--color-indigo-400);
  --theme-color-chip-bg-disabled: var(--color-gray-200);
  --theme-color-chip-bg-disabled-dark: var(--color-gray-700);
  --theme-color-chip-border: var(--color-indigo-100);
  --theme-color-chip-border-dark: var(--color-indigo-400);
  --theme-color-chip-border-disabled: var(--color-gray-200);
  --theme-color-chip-border-disabled-dark: var(--color-gray-500);
  --theme-spacing-chip-height: 1.5rem;
  --theme-spacing-chip-pad-l: 0.75rem;
  --theme-spacing-chip-pad-r: 0.5rem;
  --theme-spacing-chip-gap-x: 0.25rem;
  --theme-spacing-chipstrip-gap: 0.62rem;
  --theme-spacing-popup-border-size: 0.0625rem;
  --theme-color-popup-border: var(--color-gray-200);
  --theme-text-size-popup-item-title: 0.875rem;
  --theme-font-weight-popup-item-title: 400;
  --theme-color-popup-item-title: var(--color-gray-600);
  --theme-color-popup-item-title-dark: var(--color-gray-200);
  --theme-color-popup-item-bg: var(--theme-color-bg-primary-aksia);
  --theme-color-popup-item-bg-dark: var(--theme-color-bg-primary-aksia-dark);
  --theme-color-popup-item-bg-hover: var(--color-primary-aksia-5);
  --theme-color-popup-item-bg-hover-dark: var(--color-slate-600);
  --theme-spacing-popup-item-height: 2.125rem;
  --theme-spacing-popup-item-pad-x: 1rem;
  --theme-spacing-popup-item-gap-x: 0.62rem;
  --theme-popup-max-items: 8;
  --theme-shadow-popup: 0px 4px 6px -1px rgba(55, 88, 249, 0.1), 0px 2px 4px -1px rgba(55, 88, 249, 0.06);
  --theme-spacing-scrollbar-width: 0.5rem;
  --theme-color-scrollbar: var(--color-gray-300);
  --theme-color-scrollbar-dark: var(--color-gray-600);
  --theme-text-size-paragraph: 0.75rem;
  --theme-font-weight-paragraph: 400;
  --theme-color-paragraph: var(--color-gray-400);
  --theme-color-paragraph-dark: var(--color-gray-200);
  --theme-spacing-paragraph-leading: 1rem;
}
:root {
  --theme-color-primary-aksia-1: #0f243d;
  --theme-color-primary-aksia-2: #1e4f85;
  --theme-color-primary-aksia-3: #b9d1eb;
  --theme-color-primary-aksia-4: #e8f0f8;
  --theme-color-primary-aksia-5: #f4f8fc;
  --theme-color-secondary-aksia-1: #c4a15b;
  --theme-color-secondary-aksia-2: rgba(196, 161, 91, 0.35);
  --theme-color-bg-primary-aksia: #ffffff;
  --theme-color-bg-secondary-aksia: #eef3f8;
  --theme-color-page-title: #13253a;
  --theme-color-section-title: #13253a;
  --theme-color-input-border: #d8e2ec;
  --theme-color-input-border-hover: #1e4f85;
  --theme-color-input-border-active: #1e4f85;
  --theme-color-input-bg: rgba(255, 255, 255, 0.92);
  --theme-color-button-bg-primary: #1e4f85;
  --theme-color-button-bg-primary-hover: #163d67;
  --theme-color-button-bg-primary-active: #132f52;
  --theme-color-button-border-primary: #1e4f85;
  --theme-color-button-border-primary-hover: #163d67;
  --theme-color-button-border-primary-active: #132f52;
}
html,
body {
  min-height: 100%;
}
body {
  color: #13253a;
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[uivalue]:-webkit-autofill,
input[uivalue]:-webkit-autofill:hover,
input[uivalue]:-webkit-autofill:focus,
textarea[uivalue]:-webkit-autofill,
textarea[uivalue]:-webkit-autofill:hover,
textarea[uivalue]:-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #0f172a;
  caret-color: #0f172a;
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.96) inset;
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.96) inset;
  transition: background-color 9999s ease-out 0s;
}
.auth-page {
  display: block;
  min-height: 100vh;
}
@media (prefers-reduced-motion: no-preference) {
  .auth-page section {
    animation: auth-enter 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@keyframes auth-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-shake {
  animation: form-shake 380ms ease;
}
@keyframes form-shake {
  0%, 100% {
    transform: translateX(0);
  }
  18% {
    transform: translateX(-5px);
  }
  36% {
    transform: translateX(4px);
  }
  54% {
    transform: translateX(-3px);
  }
  72% {
    transform: translateX(2px);
  }
  88% {
    transform: translateX(-1px);
  }
}
@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-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@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-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-duration { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; 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 spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --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-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-duration: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

/* apps/oauth/src/styles.css */

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */