/**
 * ===================================================================
 * SATOSHI - Modern Font Stack (Variable + Static Fallback)
 * Designed by: Deni Anggara | © 2025 Indian Type Foundry
 * ===================================================================
 */

/* 1. Mejora Progresiva con Variable CSS */
:root {
  --font-satoshi: 'Satoshi', sans-serif;
}

@supports (font-variation-settings: normal) {
  :root {
    --font-satoshi: 'SatoshiVariable', sans-serif;
  }
}

/* 2. Definición de Fuentes Variables (para navegadores modernos) */
@font-face {
  font-family: 'SatoshiVariable';
  src: url('/assets/Satoshi-Variable-CFg-z2ne.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'SatoshiVariable';
  src: url('/assets/Satoshi-VariableItalic-DjwFspxr.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

/* 3. Definición de Fuentes Estáticas (Fallback para navegadores antiguos) */
/* Todas las reglas ahora comparten el mismo 'font-family: "Satoshi"' */
@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Light-IqwJ_ZjS.woff2') format('woff2'),
    url('/assets/Satoshi-Light-C_dmkKXz.woff') format('woff');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-LightItalic-C9iuU4v7.woff2') format('woff2'),
    url('/assets/Satoshi-LightItalic-B9L6s97T.woff') format('woff');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Regular-CPM9dct4.woff2') format('woff2'),
    url('/assets/Satoshi-Regular-CWSyEjGv.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Italic-wVmEEc6M.woff2') format('woff2'),
    url('/assets/Satoshi-Italic-BPCXRxzy.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Medium-ByP-Zb-9.woff2') format('woff2'),
    url('/assets/Satoshi-Medium-DDwDPeBg.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-MediumItalic-BxR-IcRj.woff2') format('woff2'),
    url('/assets/Satoshi-MediumItalic-BPTJUpxz.woff') format('woff');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Bold-Bd5kKQ_U.woff2') format('woff2'),
    url('/assets/Satoshi-Bold-C2PhLWFc.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-BoldItalic-CAjvAcxR.woff2') format('woff2'),
    url('/assets/Satoshi-BoldItalic-DQ7B0PfL.woff') format('woff');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-Black-DjnQuuRz.woff2') format('woff2'),
    url('/assets/Satoshi-Black-D3hzT7Um.woff') format('woff');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi';
  src: url('/assets/Satoshi-BlackItalic-ChCbTD27.woff2') format('woff2'),
    url('/assets/Satoshi-BlackItalic-D8Ai_S3C.woff') format('woff');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
.icon {
  width: 24px;
  min-width: 24px;
  max-width: 24px;

  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.icon-small {
  width: 20px;
  min-width: 20px;
  max-width: 20px;

  height: 20px;
  min-height: 20px;
  max-height: 20px;
}
.icon-x-small {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
.icon-xs-small {
  width: 18px;
  min-width: 18px;
  max-width: 18px;

  height: 18px;
  min-height: 18px;
  max-height: 18px;
}
.icon-xx-small {
  width: 14px;
  min-width: 14px;
  max-width: 14px;

  height: 14px;
  min-height: 14px;
  max-height: 14px;
}
.icon-xxs-small {
  width: 12px;
  min-width: 12px;
  max-width: 12px;

  height: 12px;
  min-height: 12px;
  max-height: 12px;
}

.icon-large {
  width: 28px;
  min-width: 28px;
  max-width: 28px;

  height: 28px;
  min-height: 28px;
  max-height: 28px;
}
.icon-x-large {
  width: 32px;
  min-width: 32px;
  max-width: 32px;

  height: 32px;
  min-height: 32px;
  max-height: 32px;
}
:root[data-theme='dark'] {
  /* * Text Colors */
  --text-color-1: #fffefe;
  --text-color-2: #00bfff;
  --text-color-3: rgba(255, 255, 255, 0.87);
  --text-color-4: #fffefe;
  --text-color-5: rgb(148, 157, 178);
  --text-color-6: rgba(255, 255, 255, 0.6);
  --text-color-7: #95918c;

  /* * Background Colors */
  --background-color-1: #000000;
  --background-color-2: #077fed;
  --background-color-3: rgba(255, 255, 255, 0.15);
  --background-color-4: #000000;
  --background-color-5: #00bfff;
  --background-color-6: rgba(255, 255, 255, 0.26);
  --background-color-7: rgba(255, 255, 255, 0.13);
  --background-color-8: rgba(255, 255, 255, 0.1);
  --background-color-9: #090909;
  --background-color-12: rgba(255, 255, 255, 0.3);
  --background-color-13: #fec90f;

  /* * Border Colors */
  --border-color-1: #00bfff;
  --border-color-2: rgba(255, 255, 255, 0.3);
  --border-color-3: rgb(224, 224, 224);
  --border-color-4: rgba(255, 255, 255, 0.15);
  --border-color-5: #ffffff;

  /* * Shadow Colors */
  --shadow-color: 0deg 0% 100%;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  :root {
    --timing-xxxx-fast: 0s;
    --timing-xxx-fast: 0s;
    --timing-xx-fast: 0s;
    --timing-x-fast: 0s;
    --timing-fast: 0s;
    --timing: 0s;
  }
}

:root {
  /* ? Color Palette */
  /* * Text Colors */
  --text-color-1: #213547;
  --text-color-2: #00bfff;
  --text-color-3: rgba(0, 0, 0, 0.87);
  --text-color-4: #ffffff;
  --text-color-5: rgb(148, 157, 178);
  --text-color-6: rgba(0, 0, 0, 0.6);
  --text-color-7: #6a6e73;
  --text-color-8: #00bfff;
  --text-color-9: #077fed;
  --text-color-10: rgb(0, 0, 0);

  /* * Background Colors */
  --background-color-1: #fffefe;
  --background-color-2: #00bfff;
  --background-color-3: rgba(0, 0, 0, 0.05);
  --background-color-4: rgb(255, 255, 255);
  --background-color-5: #00bfff;
  --background-color-6: rgba(0, 0, 0, 0.04);
  --background-color-7: #fafafa;
  --background-color-8: rgba(0, 0, 0, 0.1);
  --background-color-9: rgb(246, 246, 246);
  --background-color-10: #8a999b;
  --background-color-11: #00bfff;
  --background-color-12: #f4f2f2;
  --background-color-13: #fec90f;

  /* * Danger Colors */
  --background-color-danger-1: #ff0000;

  /* * Success Colors */
  --text-color-success-1: #008000;
  --background-color-success-1: #008000;

  /* * Border Colors */
  --border-color-1: #00bfff;
  --border-color-2: rgba(0, 0, 0, 0.12);
  --border-color-3: #e0e0e0;
  --border-color-4: rgba(0, 0, 0, 0.15);
  --border-color-5: black;

  /* * Shadow Colors */
  --shadow-color: 0deg 0% 0%;

  /* ? Animation Variables */
  /* * Timing Variables */
  --timing-xxxx-fast: 0.05s;
  --timing-xxx-fast: 0.1s;
  --timing-xx-fast: 0.15s;
  --timing-x-fast: 0.2s;
  --timing-fast: 0.25s;
  --timing-normal: 0.3s;

  --shadow-elevation-low:
    0.3px 0.5px 0.8px hsl(var(--shadow-color) / 0.06),
    0.5px 1px 1.5px -0.6px hsl(var(--shadow-color) / 0.11),
    1.1px 2.3px 3.3px -1.2px hsl(var(--shadow-color) / 0.15);
  --shadow-elevation-medium-small:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.06),
    0.6px 1.2px 1.5px -0.6px hsl(var(--shadow-color) / 0.06),
    1.2px 2.3px 2.9px -1.2px hsl(var(--shadow-color) / 0.06),
    2.3px 4.6px 5.8px -1.9px hsl(var(--shadow-color) / 0.06),
    4.4px 8.8px 11.1px -2.5px hsl(var(--shadow-color) / 0.06);
  --shadow-elevation-medium:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.09),
    0.7px 1.3px 1.7px -0.6px hsl(var(--shadow-color) / 0.09),
    1.3px 2.6px 3.3px -1.2px hsl(var(--shadow-color) / 0.09),
    2.6px 5.2px 6.5px -1.9px hsl(var(--shadow-color) / 0.09),
    5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.09);
  --shadow-elevation-high:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.06),
    1px 1.9px 2.4px -0.3px hsl(var(--shadow-color) / 0.06),
    1.7px 3.3px 4.2px -0.6px hsl(var(--shadow-color) / 0.06),
    2.5px 5px 6.3px -0.8px hsl(var(--shadow-color) / 0.06),
    3.6px 7.2px 9.1px -1.1px hsl(var(--shadow-color) / 0.06),
    5.1px 10.3px 12.9px -1.4px hsl(var(--shadow-color) / 0.06),
    7.3px 14.5px 18.3px -1.7px hsl(var(--shadow-color) / 0.06),
    10.2px 20.3px 25.6px -1.9px hsl(var(--shadow-color) / 0.06),
    13.9px 27.9px 35.1px -2.2px hsl(var(--shadow-color) / 0.06),
    18.8px 37.5px 47.2px -2.5px hsl(var(--shadow-color) / 0.06);
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@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-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-cyan-50: oklch(98.4% .019 200.873);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

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

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

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

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

@layer components;

@layer utilities {
  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

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

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

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

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

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

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

  .z-10 {
    z-index: 10;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-5 {
    grid-column: span 5 / span 5;
  }

  .col-span-6 {
    grid-column: span 6 / span 6;
  }

  .col-span-12 {
    grid-column: span 12 / span 12;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .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-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

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

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[42px\] {
    min-height: 42px;
  }

  .min-h-\[55px\] {
    min-height: 55px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[75\%\] {
    width: 75%;
  }

  .w-\[90\%\] {
    width: 90%;
  }

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

  .w-full {
    width: 100%;
  }

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

  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[750px\] {
    max-width: 750px;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .min-w-\[400px\] {
    min-width: 400px;
  }

  .flex-1 {
    flex: 1;
  }

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

  .table-fixed {
    table-layout: fixed;
  }

  .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-help {
    cursor: help;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-y {
    resize: vertical;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

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

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

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

  .items-baseline {
    align-items: baseline;
  }

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

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

  .items-start {
    align-items: flex-start;
  }

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

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

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

  .justify-evenly {
    justify-content: space-evenly;
  }

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

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

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

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

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

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

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

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

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

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

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

  .rounded {
    border-radius: .25rem;
  }

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

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

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

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

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-teal-200 {
    border-color: var(--color-teal-200);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-\[\#5c3d6b\] {
    background-color: #5c3d6b;
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300\/70 {
    background-color: #d1d5dcb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-300\/70 {
      background-color: color-mix(in oklab, var(--color-gray-300) 70%, transparent);
    }
  }

  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }

  .bg-green-50\/80 {
    background-color: #f0fdf4cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-50\/80 {
      background-color: color-mix(in oklab, var(--color-green-50) 80%, transparent);
    }
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-orange-600\/70 {
    background-color: #f05100b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-600\/70 {
      background-color: color-mix(in oklab, var(--color-orange-600) 70%, transparent);
    }
  }

  .bg-sky-100\/60 {
    background-color: #dff2fe99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-100\/60 {
      background-color: color-mix(in oklab, var(--color-sky-100) 60%, transparent);
    }
  }

  .bg-teal-50\/80 {
    background-color: #f0fdfacc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-teal-50\/80 {
      background-color: color-mix(in oklab, var(--color-teal-50) 80%, transparent);
    }
  }

  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }

  .bg-teal-500\/70 {
    background-color: #00baa7b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-teal-500\/70 {
      background-color: color-mix(in oklab, var(--color-teal-500) 70%, transparent);
    }
  }

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

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-emerald-50 {
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-emerald-500 {
    --tw-gradient-from: var(--color-emerald-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-teal-500 {
    --tw-gradient-via: var(--color-teal-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-cyan-50 {
    --tw-gradient-to: var(--color-cyan-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[24px\] {
    padding: 24px;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-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-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

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

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

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

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

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

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

  .text-\[\#3B4C82\] {
    color: #3b4c82;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-50 {
    opacity: .5;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .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-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .first-letter\:uppercase:first-letter {
    text-transform: uppercase;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .even\:bg-neutral-50:nth-child(2n) {
    background-color: var(--color-neutral-50);
  }

  @media (hover: hover) {
    .hover\:border-emerald-200:hover {
      border-color: var(--color-emerald-200);
    }

    .hover\:border-teal-300:hover {
      border-color: var(--color-teal-300);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/90:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }

    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }

    .hover\:text-blue-800:hover {
      color: var(--color-blue-800);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-gray-800:hover {
      color: var(--color-gray-800);
    }

    .hover\:text-green-800:hover {
      color: var(--color-green-800);
    }

    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-red-800:hover {
      color: var(--color-red-800);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-emerald-200:focus {
    --tw-ring-color: var(--color-emerald-200);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}

@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-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-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: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}
:root {
  font-family: 'Satoshi', system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color: var(--text-color-1);
  background-color: var(--background-color-1);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._container_5yze5_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: fixed;

  inset: 0;

  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);

  z-index: 1337;
}
._icon_5yze5_41 {
  width: 64px;
  height: 64px;

  animation: var(--animate-spin);

  color: var(--text-color-2);
}
._logo_5yze5_57 {
  max-width: 220px;
  width: 50vw;
  max-height: 120px;
}
._title_a27t9_1 {
  color: var(--text-color-2);
  font-size: 24px;
  font-weight: 600;
}
._subtitle_5q965_1 {
  font-size: 20px;
  font-weight: 600;
}
._subtitle_5q965_1._black_5q965_9 {
  color: var(--text-color-1);
}
._subtitle_5q965_1._orange_5q965_15 {
  color: var(--text-color-2);
}
._container_xxxvf_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  position: relative;

  width: 100%;

  height: fit-content;
  min-height: fit-content;

  border-radius: 16px;
  box-shadow: 0 0 0 1px inset var(--border-color-4);
}
._header_xxxvf_33 {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
}

._wrapper_xxxvf_49 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  padding-left: 32px;
  padding-right: 32px;

  padding-top: 16px;

  width: 100%;

  height: 100%;
  min-height: fit-content;

  border-radius: inherit;
  box-shadow: var(--shadow-elevation-medium-small);
}

._content_xxxvf_89 {
  padding-top: 8px;
  padding-bottom: 64px;

  width: 100%;
  height: 100%;
}
._form_1g1n7_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  position: relative;

  gap: 8px;

  margin-top: 12px;
}

._input_1g1n7_27 {
  position: relative;

  padding: 8px;
  padding-right: 36px;

  width: 100%;

  color: var(--text-color-1);

  outline: none;
  border-width: 0px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}
._input_1g1n7_27:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._input_1g1n7_27:focus {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._input_1g1n7_27._big_1g1n7_71 {
  font-size: 14px;
  height: 51.25px;
}
._input_1g1n7_27._medium_1g1n7_79 {
  font-size: 13px;
  height: 36px;
}

._input_1g1n7_27._withToggle_1g1n7_89 {
  padding-right: 52px;
}

._toggleVisibility_1g1n7_97 {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--text-color-3);
  cursor: pointer;
  transition: color var(--timing-xx-fast) ease-in-out,
    outline-color var(--timing-xx-fast) ease-in-out,
    outline-width var(--timing-xx-fast) ease-in-out;
  z-index: 20;
}
._toggleVisibility_1g1n7_97:hover {
  color: var(--text-color-2);
}
._toggleVisibility_1g1n7_97:focus-visible {
  outline: 2px solid var(--border-color-1);
  outline-offset: 2px;
}

._toggleIcon_1g1n7_151 {
  width: 18px;
  height: 18px;
}

._label_1g1n7_161 {
  position: absolute;

  top: calc(50% - 14px / 1.75);
  left: 16px;

  padding-left: 4px;
  padding-right: 4px;

  color: var(--text-color-6);

  height: 14px;
  font-size: 14px;
  line-height: 14px;

  font-weight: 400;

  background-color: var(--background-color-4);

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 0ms cubic-bezier(0.25, 0.8, 0.25, 1);

  z-index: 10;
}

/* ! Input type Text */
._input_1g1n7_27._text_1g1n7_219:focus + ._label_1g1n7_161,
._input_1g1n7_27._text_1g1n7_219:not(:placeholder-shown) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._text_1g1n7_219:not(:focus):not(:placeholder-shown) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._text_1g1n7_219::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._text_1g1n7_219:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Email */
._input_1g1n7_27._email_1g1n7_277:focus + ._label_1g1n7_161,
._input_1g1n7_27._email_1g1n7_277:not(:placeholder-shown) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._email_1g1n7_277:not(:focus):not(:placeholder-shown) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._email_1g1n7_277::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._email_1g1n7_277:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Password */
._input_1g1n7_27._password_1g1n7_335:focus + ._label_1g1n7_161,
._input_1g1n7_27._password_1g1n7_335:not(:placeholder-shown) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._password_1g1n7_335:not(:focus):not(:placeholder-shown) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._password_1g1n7_335::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._password_1g1n7_335:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Date */
._input_1g1n7_27._date_1g1n7_393:focus + ._label_1g1n7_161,
._input_1g1n7_27._date_1g1n7_393:not([value='']) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._date_1g1n7_393:not(:focus):not([value='']) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._date_1g1n7_393[value='']::-webkit-datetime-edit {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._date_1g1n7_393[value='']:not(:focus)::-webkit-datetime-edit {
  color: transparent;
}

/* ! Input type Textarea */
._input_1g1n7_27._textarea_1g1n7_451:focus + ._label_1g1n7_161,
._input_1g1n7_27._textarea_1g1n7_451:not([data-value='']) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._textarea_1g1n7_451:not(:focus):not([data-value='']) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._textarea_1g1n7_451[data-value='']::-webkit-datetime-edit {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._textarea_1g1n7_451[data-value='']:not(:focus)::-webkit-datetime-edit {
  color: transparent;
}

/* ! Input type Number */
._input_1g1n7_27._number_1g1n7_509:focus + ._label_1g1n7_161,
._input_1g1n7_27._number_1g1n7_509:not([value='']) + ._label_1g1n7_161 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._number_1g1n7_509:not(:focus):not([value='']) + ._label_1g1n7_161 {
  color: var(--text-color-6);
}
._input_1g1n7_27._number_1g1n7_509::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._input_1g1n7_27._text_1g1n7_219:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Border Bottom Only */
._input_1g1n7_27._borderBottomOnly_1g1n7_567:not([value='']) + ._label_1g1n7_161 {
  left: 0px;
}
._input_1g1n7_27._borderBottomOnly_1g1n7_567 {
  border-radius: 0;
  box-shadow: inset 0 -1px 0 0 var(--border-color-3);
}
._input_1g1n7_27._borderBottomOnly_1g1n7_567:hover {
  box-shadow: inset 0 -1px 0 0 var(--text-color-3);
}
._input_1g1n7_27._borderBottomOnly_1g1n7_567:focus {
  box-shadow: inset 0 -1.5px 0 0 var(--border-color-1);
}
._form_kh7cw_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  position: relative;

  gap: 8px;
}
._select_kh7cw_21 {
  position: relative;

  padding: 8px;

  width: 100%;
  height: 36px;

  color: var(--text-color-1);
  font-size: 13px;

  outline: none;
  border-width: 0px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}
._select_kh7cw_21:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._select_kh7cw_21:focus {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._select_kh7cw_21._big_kh7cw_67 {
  height: 51.25px;
}

._label_kh7cw_75 {
  position: absolute;

  top: calc(50% - 14px / 1.75);
  left: 16px;

  padding-left: 4px;
  padding-right: 4px;

  color: var(--text-color-6);

  height: 14px;
  font-size: 14px;
  line-height: 14px;

  font-weight: 400;

  background-color: var(--background-color-4);

  transition:
    top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 0ms cubic-bezier(0.25, 0.8, 0.25, 1);

  z-index: -10;
}
._select_kh7cw_21:focus + ._label_kh7cw_75,
._select_kh7cw_21:valid + ._label_kh7cw_75 {
  top: calc(0% - (14px / 1.75));
  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition:
    top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._select_kh7cw_21:valid:not(:focus) + ._label_kh7cw_75 {
  color: var(--text-color-6);
}
._select_kh7cw_21::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);

  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._select_kh7cw_21:not(:focus)::placeholder {
  color: transparent;
}
._tableContainer_1xkw4_1 {
  overflow: auto;

  margin-bottom: 36px;

  width: 100%;
  height: 100%;
}
._tableContainer_1xkw4_1._filterable_1xkw4_17 {
  margin-top: 36px;
}
._table_1xkw4_1 {
  border-collapse: collapse;

  width: 100%;
  height: 100%;

  background-color: var(--background-color-1);
}

/* .headerRow {
} */

._headerCell_1xkw4_47 {
  padding-bottom: 18px;

  color: var(--text-color-3);
  font-size: 12px;
  font-weight: 500;

  border-bottom: 1px solid var(--border-color-2);
}

._stickyLeft_1xkw4_67 {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: transparent;
}

._stickyRight_1xkw4_81 {
  position: sticky;

  right: 0;

  z-index: 2;

  background-color: transparent;
}

._stickyHeader_1xkw4_101 {
  z-index: 3;

  background-color: transparent;
}

._body_1xkw4_113 {
  background-color: transparent;
}

._row_1xkw4_121 {
  cursor: default;
}
._row_1xkw4_121:hover,
._row_1xkw4_121:nth-child(even):hover {
  background-color: color-mix(
    in oklab,
    var(--background-color-12) 100%,
    transparent
  );
}
._row_1xkw4_121:nth-child(even) {
  background-color: var(--background-color-7);
}
._selectedRow_1xkw4_149,
._row_1xkw4_121:nth-child(even)._selectedRow_1xkw4_149 {
  background-color: color-mix(
    in oklab,
    var(--background-color-12) 100%,
    transparent
  );
}

._clickableRow_1xkw4_167 {
  cursor: pointer;
}
._clickableRow_1xkw4_167:hover,
._clickableRow_1xkw4_167:nth-child(even):hover {
  background-color: color-mix(
    in oklab,
    var(--background-color-12) 100%,
    transparent
  );
}
._clickableRow_1xkw4_167:nth-child(even) {
  background-color: var(--background-color-7);
}
._selectedRow_1xkw4_149,
._clickableRow_1xkw4_167:nth-child(even)._selectedRow_1xkw4_149 {
  background-color: color-mix(
    in oklab,
    var(--background-color-12) 100%,
    transparent
  );
}

._cell_1xkw4_213 {
  padding-top: 2px;
  padding-bottom: 2px;

  color: var(--text-color-3);
  font-size: 13px;

  border-bottom: 1px solid var(--border-color-2);
}

._expandedRow_1xkw4_233 {
  background-color: var(--background-color-7);
}

._expandedCell_1xkw4_241 {
  padding: 0;
  vertical-align: top;
  border-bottom: 1px solid var(--border-color-2);
}

._alignLeft_1xkw4_253 {
  text-align: left;
}
._alignCenter_1xkw4_259 {
  text-align: center;
}
._alignRight_1xkw4_265 {
  text-align: right;
}

._loaderContent_1xkw4_273 {
  display: flex;
  align-items: center;

  gap: 8px;
}
._loaderIcon_1xkw4_285 {
  color: var(--text-color-2);
}
._loaderText_1xkw4_291 {
  color: var(--text-color-2);
  font-size: 14px;
  font-weight: 500;
}

/** Paginator */
._paginator_1xkw4_305 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 8px;
  font-size: 14px;
}

._paginatorLeft_1xkw4_323 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._paginatorLabel_1xkw4_335 {
  opacity: 0.8;
  white-space: nowrap;
}

._paginatorRight_1xkw4_345 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._paginatorCount_1xkw4_357 {
  white-space: nowrap;
  opacity: 0.8;
}

._paginatorButtons_1xkw4_367 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._paginatorButton_1xkw4_367 {
  background: transparent;
  border: none;
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  opacity: 0.9;
}

._paginatorButton_1xkw4_367:disabled {
  opacity: 0.35;
  cursor: default;
}

._paginatorButton_1xkw4_367:not(:disabled):hover {
  background: rgba(0, 0, 0, 0.06);
}
._container_1cqaf_1 {
  display: flex;
  flex-direction: row-reverse;
  flex: 1 1 auto;

  width: 100%;
  max-width: 448px;

  border: 1px solid rgba(0, 0, 0, 0.085);
  border-radius: 16px;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.085);

  background-color: white;
  pointer-events: auto;
}

._logoContainer_1cqaf_33 {
  flex-shrink: 0;

  margin: auto;
}

._logo_1cqaf_33 {
  width: 48px;
  height: 48px;

  object-fit: contain;
}

._titleContainer_1cqaf_59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
._messageContainer_1cqaf_71 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  gap: 12px;
}

._closeButton_1cqaf_89 {
  display: flex;
  justify-content: center;
  align-items: center;

  color: black;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;

  cursor: pointer;

  padding: 12px;

  border-right: 1px solid rgba(0, 0, 0, 0.085);

  transition: color var(--timing-xx-fast) ease-in-out;

  &:hover {
    color: rgba(0, 0, 0, 0.5);
  }
}

@keyframes _st_toast_enter_1cqaf_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes _st_toast_leave_1cqaf_1 {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
}

._animateEnter_1cqaf_179 {
  animation: _st_toast_enter_1cqaf_1 200ms ease-out both;
}

._animateLeave_1cqaf_187 {
  animation: _st_toast_leave_1cqaf_1 150ms ease-in both;
}
._button_6xdtf_1 {
  position: relative;
  overflow: hidden;

  cursor: pointer;
  background-color: transparent;
  transition: opacity var(--timing-fast) ease-in-out;
}
._button_6xdtf_1:hover {
  opacity: 0.85;
}
._button_6xdtf_1::before {
  content: '';

  position: absolute;

  left: var(--ripple-x, 50%);
  top: var(--ripple-y, 50%);

  width: 0;
  height: 0;

  border-radius: 50%;
  background-color: var(--background-color-8);

  opacity: 0;

  transform: translate(-50%, -50%);
  transition:
    width var(--timing-fast) ease-in-out,
    height var(--timing-fast) ease-in-out,
    opacity var(--timing-fast) ease-in-out;
}
._button_6xdtf_1:active::before {
  width: var(--ripple-size, 0);
  height: var(--ripple-size, 0);

  opacity: 0.7;
}

._neutral_6xdtf_81 {
  color: var(--text-color-1);
  background-color: var(--background-color-1);

  border-style: solid;
  border-width: 1px;
  border-color: var(--border-color-2);
}
._primary_6xdtf_97 {
  color: white;
  background-color: var(--background-color-11);
}
._secondary_6xdtf_105 {
  color: white;
  background-color: var(--background-color-10);
}
._danger_6xdtf_113 {
  color: white;
  background-color: var(--background-color-danger-1);
}

._rectangular_6xdtf_123 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 8px;

  min-width: max-content;

  font-size: 14px;
  font-weight: 500;
}

._button_6xdtf_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._dialog_x93gq_1 {
  position: relative;

  outline: none;
  background: transparent;
  background-color: transparent;

  z-index: 100;
}
._dialog_x93gq_1::backdrop {
  background-color: transparent;
}
._modal_x93gq_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  position: fixed;
  overflow: hidden;

  padding-left: 5dvw;
  padding-right: 5dvw;

  padding-top: 5dvh;
  padding-bottom: 5dvh;

  width: 100%;
  height: 100%;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #000000a6;
  backdrop-filter: blur(1.5px);
  /* background-color: hsla(0, 0%, 0%, 0.25); */
}
._modal-overlay_x93gq_79 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  position: fixed;
  overflow: hidden;

  width: 100%;
  height: 100%;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 100;
}
._modal-container_x93gq_117 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow-y: auto;

  width: 50%;

  height: fit-content;
  max-height: 100%;

  border-radius: 10px;
  background-color: #fff;

  z-index: 200;
}
._modal-container_x93gq_117::-webkit-scrollbar {
  width: 10.5px;
}
._modal-container_x93gq_117::-webkit-scrollbar-button {
  display: none;

  width: 0;
  height: 0;
}
._modal-container_x93gq_117::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
  margin-block: 4px;
}
._modal-container_x93gq_117::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(17, 24, 39, 0.2) 0%,
    rgba(17, 24, 39, 0.4) 100%
  );
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
._modal-container_x93gq_117::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    rgba(17, 24, 39, 0.4) 0%,
    rgba(17, 24, 39, 0.6) 100%
  );
  border: 3px solid transparent;
  background-clip: padding-box;
}
._modal-container_x93gq_117::-webkit-scrollbar-corner {
  background: transparent;
}

._modal-body_x93gq_225 {
  display: inline-block;
  position: relative;

  width: 100%;
  height: 100%;

  flex: 1;

  border-radius: 10px;
}
._modal-footer_x93gq_247 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* justify-content: space-between; */

  gap: 12px;

  width: 100%;

  padding-left: 24px;
  padding-right: 24px;

  padding-bottom: 24px;
}
._modal_x93gq_25._modal-fade_x93gq_277 {
  animation: _fade-in_x93gq_1 1s 1 linear;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes _fade-in_x93gq_1 {
  0% {
    animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._footerCloseButton_x93gq_307 {
  min-width: 100px;
  border-radius: 6px;
}
._dialog_hu9hk_1 {
  position: relative;

  outline: none;
  background: transparent;
  background-color: transparent;

  z-index: 100;
}
._dialog_hu9hk_1::backdrop {
  background-color: transparent;
}
._modal_hu9hk_25 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  position: fixed;
  overflow: hidden;

  padding-left: 5dvw;
  padding-right: 5dvw;

  padding-top: 5dvh;
  padding-bottom: 5dvh;

  width: 100%;
  height: 100%;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #000000a6;
  backdrop-filter: blur(1.5px);
  /* background-color: hsla(0, 0%, 0%, 0.25); */
}
._modal-overlay_hu9hk_79 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  position: fixed;
  overflow: hidden;

  width: 100%;
  height: 100%;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 100;
}
._modal-content_hu9hk_117 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

  overflow-y: auto;

  width: 400px;
  height: 180px;

  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(0.5px);

  z-index: 200;
}
._modal-body_hu9hk_151 {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  padding-left: 24px;
  padding-right: 24px;

  text-align: center;
}
._separator_hu9hk_177 {
  width: 100%;
  color: var(--border-color-4);
}
._modal-footer_hu9hk_185 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
}
._buttonsContainer_hu9hk_201 {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
}
._buttonCancel_hu9hk_215,
._buttonConfirm_hu9hk_217 {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 56px;

  font-size: 16px;
  font-weight: 500;

  text-align: center;
  color: var(--text-color-2);

  cursor: pointer;
}
._buttonCancel_hu9hk_215 {
  color: #c62e2e;
  box-shadow: 1px 0 0 0 var(--border-color-4);

  transition: background-color var(--timing-xx-fast) ease-in-out,
    filter var(--timing-xx-fast) ease-in-out;
}
._buttonConfirm_hu9hk_217 {
  color: var(--text-color-9);
  /* box-shadow: -1px 0 0 0 var(--border-color-4); */

  transition: background-color var(--timing-xx-fast) ease-in-out,
    filter var(--timing-xx-fast) ease-in-out;
}
._buttonCancel_hu9hk_215:hover,
._buttonCancel_hu9hk_215:active,
._buttonConfirm_hu9hk_217:hover,
._buttonConfirm_hu9hk_217:active {
  filter: blur(0.4px);
  background-color: rgba(255, 255, 255, 0.45);
}
._modal_hu9hk_25._modal-fade_hu9hk_291 {
  animation: _fade-in_hu9hk_1 1s 1 linear;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes _fade-in_hu9hk_1 {
  0% {
    animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._button_1az3c_1 {
  padding: 6px;

  position: relative;
  overflow: hidden;

  cursor: pointer;
  border-radius: 9999px;
  transition: background-color var(--timing-xx-fast) ease-in-out;
}
._button_1az3c_1._transparent_1az3c_21:hover {
  background-color: var(--background-color-6);
}
._button_1az3c_1._solid_1az3c_27:hover {
  background-color: var(--background-color-9);
}
._button_1az3c_1:active::before {
  width: 125%;
  height: 125%;
}
._button_1az3c_1::before {
  content: '';

  position: absolute;

  top: 50%;
  left: 50%;

  width: 0;
  height: 0;

  border-radius: 50%;
  background-color: var(--background-color-8);
  transform: translate(-50%, -50%);
  /* z-index: -1; */
  transition: width var(--timing-fast) ease-in-out var(--timing-xxxx-fast),
    height var(--timing-fast) ease-in-out var(--timing-xxxx-fast);
}
._container_omj4p_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 8px;

  width: 233.3px;
  width: 100%;
}
._label_omj4p_23 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 8px;

  font-size: 12px;
  font-weight: 400;

  color: var(--text-color-3);
}

._inputContainer_omj4p_49 {
  position: relative;

  width: 100%;
}
._inputIcon_omj4p_59 {
  position: absolute;

  right: 1%;
  top: 5.5%;

  cursor: pointer;
}
._input_omj4p_49 {
  padding: 8px;
  padding-right: 36px;

  width: 100%;
  height: 36px;

  outline: none;
  border-radius: 4px;
  border-width: 0px;

  color: var(--text-color-1);
  font-size: 13px;

  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}
._input_omj4p_49::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}
._input_omj4p_49:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._input_omj4p_49:focus {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._input_omj4p_49:disabled {
  background-color: color-mix(
    in oklab,
    var(--background-color-6) 50%,
    transparent
  );

  &:hover {
    box-shadow: 0 0 0 1px
      color-mix(in oklab, var(--text-color-3) 50%, transparent);
  }

  &:focus,
  &:focus-within,
  &:focus-visible,
  &:active {
    box-shadow: 0 0 0 2px
      color-mix(in oklab, var(--border-color-1) 50%, transparent);
  }
}

._icon_omj4p_169 {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;

  color: var(--text-color-2);
}
._container_1qe8o_1 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 8px;

  width: 233.3px;
  width: 100%;
}

._title_1qe8o_25 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 8px;

  font-size: 12px;
  font-weight: 500;

  color: var(--text-color-3);

  transition: color var(--timing-xx-fast) ease-in-out;
}

._icon_1qe8o_55 {
  width: 16px;
  height: 16px;

  color: var(--text-color-2);

  transition: color var(--timing-xx-fast) ease-in-out;
}

._content_1qe8o_73 {
  display: block;

  padding: 8px;

  width: 100%;

  min-height: 36px;

  outline: none;
  border-radius: 4px;
  border-width: 0px;

  color: var(--text-color-1);
  font-size: 13px;
  font-weight: 500;

  background: var(--background-color-4);
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition:
    box-shadow var(--timing-xx-fast) ease-in-out,
    background var(--timing-xx-fast) ease-in-out;
}

._content_1qe8o_73::placeholder {
  color: color-mix(in oklab, var(--text-color-10) 35%, transparent);
}

._content_1qe8o_73:hover {
  box-shadow: 0 0 0 2px
    color-mix(in oklab, var(--text-color-3) 70%, transparent);
}

._content_1qe8o_73:focus,
._content_1qe8o_73:focus-within,
._content_1qe8o_73:focus-visible,
._content_1qe8o_73:target,
._content_1qe8o_73:active {
  box-shadow: 0 0 0 2px
    color-mix(in oklab, var(--border-color-1) 85%, transparent);
  background: color-mix(
    in oklab,
    var(--background-color-4) 95%,
    var(--background-color-9) 5%
  );
}

._content_1qe8o_73:disabled {
  color: var(--text-color-6);
  background: var(--background-color-9);
  cursor: not-allowed;
}

._content_1qe8o_73:focus-visible + ._title_1qe8o_25 {
  color: color-mix(in oklab, var(--text-color-3) 50%, transparent);
}
._content_1qe8o_73:focus-visible + ._title_1qe8o_25 ._icon_1qe8o_55 {
  color: color-mix(in oklab, var(--text-color-2) 50%, transparent);
}
._container_17lqd_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  width: fit-content;
}

._container_17lqd_1[data-size='big'] {
  width: 260px;
}

._label_17lqd_27 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-color-3);
}

._switchContainer_17lqd_47 {
  position: relative;
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

._checkbox_17lqd_65 {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 36px;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  touch-action: manipulation;
  z-index: 1;
}

._checkbox_17lqd_65:disabled {
  cursor: not-allowed;
}

._track_17lqd_99 {
  display: inline-block;
  width: 44px;
  height: 24px;
  border-radius: 9999px;
  background: var(--background-color-8);
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out,
    background var(--timing-xx-fast) ease-in-out;
  pointer-events: none;
  z-index: 0;
}

._checkbox_17lqd_65:not(:disabled):hover + ._track_17lqd_99 {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

._checkbox_17lqd_65:focus-visible + ._track_17lqd_99 {
  box-shadow: 0 0 0 2px var(--border-color-1);
}

._track_17lqd_99[data-checked='true'] {
  background: var(--background-color-11);
  box-shadow: 0 0 0 1px var(--border-color-1);
}

._checkbox_17lqd_65:not(:disabled):hover + ._track_17lqd_99[data-checked='true'] {
  background: color-mix(
    in oklab,
    var(--background-color-11) 90%,
    var(--text-color-4) 10%
  );
}

._track_17lqd_99[data-disabled='true'] {
  opacity: 0.6;
}

._thumb_17lqd_175 {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 9999px;
  transform: translateY(-50%);
  background: var(--text-color-4);
  transition: transform var(--timing-xx-fast) ease-in-out,
    box-shadow var(--timing-xx-fast) ease-in-out;
  box-shadow: 0 0 0 1px var(--border-color-2),
    0 1px 1px color-mix(in oklab, var(--text-color-1) 20%, transparent);
  z-index: 2;
  cursor: pointer;
}

._thumb_17lqd_175[data-checked='true'] {
  transform: translate(20px, -50%);
}

._thumb_17lqd_175[data-disabled='true'] {
  opacity: 0.7;
  cursor: not-allowed;
}
._estado_ffz25_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_ffz25_1._Activo_ffz25_35 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_ffz25_1._Suspendido_ffz25_43 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._form_bt20a_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;

  gap: 8px;

  width: 100%;
}

._selectContainer_bt20a_25 {
  display: flex;

  flex: 1;

  position: relative;

  width: 100%;
}
._select_bt20a_25 {
  position: relative;
  padding: 8px;
  padding-right: 36px;
  width: 100%;
  height: 36px;
  color: var(--text-color-1);
  font-size: 13px;
  outline: none;
  border-width: 0px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;

  cursor: default;
}

._select_bt20a_25:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

._select_bt20a_25:focus,
._select_bt20a_25[data-open='true'] {
  box-shadow: 0 0 0 2px var(--border-color-1);
}

._select_bt20a_25._big_bt20a_95 {
  height: 51.25px;
}

._form_bt20a_1:has(._label_bt20a_103._outside_bt20a_103) {
  flex-direction: column-reverse;
}

._label_bt20a_103 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 8px;

  width: fit-content;

  font-size: 12px;
  font-weight: 500;

  color: var(--text-color-3);

  transition: color var(--timing-xx-fast) ease-in-out;
}
._label_bt20a_103._inside_bt20a_143 {
  position: absolute;

  top: calc(50% - 14px / 1.75);
  left: 16px;

  padding-left: 4px;
  padding-right: 4px;

  height: 14px;

  color: var(--text-color-6);

  font-size: 14px;
  line-height: 14px;

  font-weight: 400;

  background-color: var(--background-color-4);

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 0ms cubic-bezier(0.25, 0.8, 0.25, 1);

  z-index: -10;
}

._form_bt20a_1:has(._panel_bt20a_201[data-open='true']) ._label_bt20a_103 {
  color: color-mix(in oklab, var(--text-color-3) 50%, transparent);
}
._form_bt20a_1:has(._panel_bt20a_201[data-open='true']) ._label_bt20a_103 ._icon_bt20a_207 {
  color: color-mix(in oklab, var(--text-color-2) 50%, transparent);
}

._select_bt20a_25:focus + ._label_bt20a_103._inside_bt20a_143,
._select_bt20a_25[data-open='true'] + ._label_bt20a_103._inside_bt20a_143,
._select_bt20a_25[data-has-value='true'] + ._label_bt20a_103._inside_bt20a_143 {
  top: calc(0% - (14px / 1.75));

  left: 8px;

  color: var(--text-color-2);
  font-size: 12px;

  z-index: 10;

  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

._select_bt20a_25[data-has-value='true']:not(:focus):not([data-open='true'])
  + ._label_bt20a_103._inside_bt20a_143 {
  color: var(--text-color-6);
}

._select_bt20a_25::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

._select_bt20a_25:not(:focus)::placeholder {
  color: transparent;
}

._caret_bt20a_281 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;

  position: absolute;

  right: 10px;
  top: calc(50% - 10px);

  width: 20px;
  height: 20px;

  opacity: 0.8;

  transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._form_bt20a_1:has(._panel_bt20a_201[data-open='true']) ._caret_bt20a_281 {
  transform: rotate(180deg);
}

._panel_bt20a_201 {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: 300px;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px;
  background-color: var(--background-color-4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  box-sizing: border-box;
  z-index: 50;
  border: 1px solid var(--border-color-3);
}

._panelPortal_bt20a_361 {
  z-index: 10000;
}

._slotHeader_bt20a_369 {
  padding: 6px;
  border-bottom: 1px solid var(--border-color-3);
  margin-bottom: 6px;
}

._actions_bt20a_381 {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-bottom: 1px solid var(--border-color-3);
  margin-bottom: 6px;
}

._actionBtn_bt20a_397 {
  min-height: min-content;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--text-color-1);
  background: transparent;
  border: 1px solid var(--border-color-3);
  border-radius: 4px;
}

._actionBtnPrimary_bt20a_419 {
  margin-left: auto;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  color: var(--background-color-4);
  background: var(--border-color-1);
  border: 1px solid var(--border-color-1);
  border-radius: 4px;
}

._options_bt20a_441 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._option_bt20a_441 {
  margin: 2px 0;
}

._optionRow_bt20a_461 {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
}

._optionRow_bt20a_461:hover {
  background: color-mix(in oklab, var(--text-color-3) 10%, transparent);
}

._checkbox_bt20a_487 {
  width: 14px;
  height: 14px;
}

._optionLabel_bt20a_497 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color-1);
  font-size: 13px;
}

._empty_bt20a_513 {
  padding: 10px;
  text-align: center;
  color: var(--text-color-6);
  font-size: 12px;
}
._form_1bbpd_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  position: relative;
}

._select_1bbpd_19 {
  position: relative;
  padding: 8px;
  padding-right: 36px;
  width: 100%;
  height: 36px;
  color: var(--text-color-1);
  font-size: 13px;
  outline: none;
  border-width: 0px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;

  cursor: default;
}

._select_1bbpd_19:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

._select_1bbpd_19:focus,
._select_1bbpd_19[data-open='true'] {
  box-shadow: 0 0 0 2px var(--border-color-1);
}

._select_1bbpd_19._big_1bbpd_71 {
  height: 51.25px;
}

._label_1bbpd_79 {
  height: 14px;

  background-color: var(--background-color-4);
  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 0ms cubic-bezier(0.25, 0.8, 0.25, 1);

  z-index: -10;
}
._form_1bbpd_1:has(._label_1bbpd_79._outside_1bbpd_103) {
  flex-direction: column-reverse;
}
._label_1bbpd_79._outside_1bbpd_103 {
  margin-bottom: 8px;

  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
._label_1bbpd_79._inside_1bbpd_123 {
  position: absolute;

  left: 16px;
  top: calc(50% - 14px / 0.75);

  padding-left: 4px;
  padding-right: 4px;

  color: var(--text-color-6);
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
._select_1bbpd_19:focus + ._label_1bbpd_79._inside_1bbpd_123,
._select_1bbpd_19[data-open='true'] + ._label_1bbpd_79._inside_1bbpd_123,
._select_1bbpd_19[data-has-value='true'] + ._label_1bbpd_79._inside_1bbpd_123 {
  top: calc(0% - (14px / 1.75));
  left: 8px;
  color: var(--text-color-2);
  font-size: 12px;
  z-index: 10;
  transition: top 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    left 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    color 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    font-size 300ms cubic-bezier(0.25, 0.8, 0.25, 1),
    z-index 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

._select_1bbpd_19[data-has-value='true']:not(:focus):not([data-open='true']) + ._label_1bbpd_79 {
  color: var(--text-color-6);
}

._select_1bbpd_19::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
  transition: color 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

._select_1bbpd_19:not(:focus)::placeholder {
  color: transparent;
}

._caret_1bbpd_207 {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px / 0.5);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.8;

  transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._form_1bbpd_1[data-open='true'] ._caret_1bbpd_207 {
  transform: rotate(180deg);
}
._form_1bbpd_1:has(._label_1bbpd_79._outside_1bbpd_103) ._caret_1bbpd_207 {
  top: calc(55%);
}

._panel_1bbpd_249 {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: 300px;
  overflow: auto;
  padding: 6px;
  background-color: var(--background-color-4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  box-sizing: border-box;
  z-index: 50;
  border: 1px solid var(--border-color-3);
}

._actions_1bbpd_281 {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-bottom: 1px solid var(--border-color-3);
  margin-bottom: 6px;
}

._actionBtn_1bbpd_297 {
  min-height: min-content;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--text-color-1);
  background: transparent;
  border: 1px solid var(--border-color-3);
  border-radius: 4px;
}

._actionBtnPrimary_1bbpd_319 {
  margin-left: auto;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  color: var(--background-color-4);
  background: var(--border-color-1);
  border: 1px solid var(--border-color-1);
  border-radius: 4px;
}

._options_1bbpd_341 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._option_1bbpd_341 {
  margin: 2px 0;
}

._optionRow_1bbpd_361 {
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
}

._optionRow_1bbpd_361:hover {
  background: color-mix(in oklab, var(--text-color-3) 10%, transparent);
}

._checkbox_1bbpd_387 {
  width: 14px;
  height: 14px;
}

._optionLabel_1bbpd_397 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color-1);
  font-size: 13px;
}

._empty_1bbpd_413 {
  padding: 10px;
  text-align: center;
  color: var(--text-color-6);
  font-size: 12px;
}
._container_1wmci_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 8px;

  width: 281px;
  width: 233.3px;
  width: 100%;
}
._label_1wmci_25 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 8px;

  font-size: 13px;
  font-weight: 500;

  color: var(--text-color-3);
}
._icon_1wmci_49 {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;

  color: var(--text-color-2);
}

._selectContainer_1wmci_73 {
  position: relative;

  width: 100%;
}
._fieldLoader_1wmci_78 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 50%;
  left: 8px;
  z-index: 1;

  transform: translateY(-50%);
  pointer-events: none;
}
._select_1wmci_73 {
  padding: 8px;

  width: 100%;
  height: 36px;

  outline: none;
  border-radius: 4px;
  border-width: 0px;

  color: var(--text-color-1);
  font-size: 13px;

  box-shadow: 0 0 0 1px var(--border-color-3);
  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}
._selectLoading_1wmci_117 {
  padding-left: 32px;
}
._select_1wmci_73:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._select_1wmci_73:focus,
._select_1wmci_73:focus-within,
._select_1wmci_73:focus-visible,
._select_1wmci_73:active {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._select_1wmci_73:disabled {
  cursor: default;

  background-color: color-mix(
    in oklab,
    var(--background-color-6) 50%,
    transparent
  );

  &:hover {
    box-shadow: 0 0 0 1px
      color-mix(in oklab, var(--text-color-3) 50%, transparent);
  }

  &:focus,
  &:focus-within,
  &:focus-visible,
  &:active {
    box-shadow: 0 0 0 2px
      color-mix(in oklab, var(--border-color-1) 50%, transparent);
  }
}

/* ! Placeholder styles */
._select_1wmci_73 option[data-placeholder] {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}
._select_1wmci_73:has(> option:checked[data-placeholder]) {
  color: color-mix(in oklab, var(--text-color-1, #111) 50%, transparent);
}
._select_1wmci_73 option:checked:not([data-placeholder]) {
  color: var(--text-color-8);
  font-weight: bold;
}

._trigger_1wmci_205 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  background-color: var(--background-color-4);
  cursor: pointer;
}

._triggerText_1wmci_225,
._placeholderText_1wmci_227 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

._placeholderText_1wmci_227 {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}

._chevronIcon_1wmci_251 {
  width: 18px;
  min-width: 18px;
  max-width: 18px;

  height: 18px;
  min-height: 18px;
  max-height: 18px;

  color: var(--text-color-2);
  transition: transform var(--timing-fast) ease-in-out;
}

._chevronIconHidden_1wmci_272 {
  opacity: 0;
}

._trigger_1wmci_205[data-open='true'] ._chevronIcon_1wmci_251 {
  transform: rotate(180deg);
}

._panel_1wmci_285 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;

  overflow: hidden;
  border: 1px solid var(--border-color-3);
  border-radius: 8px;
  background-color: var(--background-color-4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 60;
}

._searchBox_1wmci_313 {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 8px 10px;
  border-bottom: 1px solid var(--border-color-3);
}

._searchFieldIcon_1wmci_331 {
  width: 14px;
  min-width: 14px;
  max-width: 14px;

  height: 14px;
  min-height: 14px;
  max-height: 14px;

  color: var(--text-color-2);
}

._searchField_1wmci_331 {
  width: 100%;
  outline: none;
  border: none;
  background: transparent;
  color: var(--text-color-1);
  font-size: 13px;
}

._searchField_1wmci_331::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}

._optionsContainer_1wmci_377 {
  position: relative;
}

._optionsList_1wmci_381 {
  list-style: none;
  margin: 0;
  padding: 4px;
  max-height: 240px;
  overflow-y: auto;
}

._optionItem_1wmci_392 {
  margin: 0;
}

._optionButton_1wmci_400 {
  display: grid;
  grid-template-columns: 1fr 16px;
  align-items: center;
  gap: 8px;

  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;

  font-size: 13px;
  text-align: left;

  cursor: pointer;
}
._optionButton_1wmci_400:hover,
._optionButtonActive_1wmci_436 {
  background: color-mix(in oklab, var(--text-color-3) 10%, transparent);
}
._optionButton_1wmci_400[data-selected='true'] {
  color: var(--text-color-8);
  font-weight: 600;
}

._optionPlaceholder_1wmci_452 {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
  font-size: 13px;
}

._optionCheckIcon_1wmci_462,
._optionCheckSpacer_1wmci_464 {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;
}

._optionCheckIcon_1wmci_462 {
  color: var(--text-color-8);
}

._empty_1wmci_492 {
  padding: 12px 10px;

  color: var(--text-color-6);
  font-size: 13px;
  text-align: center;
}

._loadingOverlay_1wmci_500 {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  border-radius: 8px;
  background-color: color-mix(
    in oklab,
    var(--background-color-4) 82%,
    transparent
  );
  pointer-events: none;
}
/* ! Dropdown styles */
@supports (appearance: base-select) {
  ._select_1wmci_73,
  ._select_1wmci_73::picker(select) {
    appearance: base-select;
  }
  ._select_1wmci_73 {
    display: flex;
    justify-content: space-between;

    cursor: pointer;
  }
  ._select_1wmci_73::picker-icon {
    content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='currentColor'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m19.5%208.25-7.5%207.5-7.5-7.5'%20/%3e%3c/svg%3e");

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

    width: 24px;
    height: 24px;

    margin: 0;
    padding: 0;

    font-size: 16px;
    color: #999999;

    transition: var(--timing-fast) rotate;
  }
  ._select_1wmci_73:open::picker-icon {
    rotate: 180deg;
  }
  ._select_1wmci_73::picker(select) {
    border: none;
  }
  ._select_1wmci_73::picker(select) {
    opacity: 0;
    transition: all var(--timing-xx-fast) allow-discrete;
  }
  ._select_1wmci_73::picker(select):popover-open {
    opacity: 1;

    border-radius: 8px;
  }
  @starting-style {
    ._select_1wmci_73::picker(select):popover-open {
      opacity: 0;
    }
  }
  ._select_1wmci_73::picker(select) {
    top: calc(anchor(bottom) + 4px);
    /* left: anchor(28%); */
  }
  ._select_1wmci_73 option {
    display: flex;
    justify-content: flex-start;

    gap: 20px;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;

    outline: none;
    border: 1px solid #dddddd;

    transition: background var(--timing-fast) ease-in-out;
  }
  ._select_1wmci_73 option:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  ._select_1wmci_73 option:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  ._select_1wmci_73 option:not(option:last-of-type) {
    border-bottom: none;
  }
  ._select_1wmci_73 option:hover {
    background: #f5f5f5;
  }
  ._select_1wmci_73 option:checked {
    background: rgba(0, 0, 0, 0.077);
  }
  /* .select option:nth-of-type(odd) {
  background: white;
} */
  ._select_1wmci_73 option:checked[data-placeholder]::checkmark {
    order: 0;
    content: 'ㅤ';
  }
}
._container_1a65y_1 {
  position: relative;
  display: flex;
  flex-direction: column;

  width: 100%;
  min-height: 640px;

  /* background: var(--panel-bg, #0b0b0c); */
  border-radius: 12px;
  overflow: hidden;
  isolation: isolate;
}
._iframeContainer_1a65y_27 {
  width: 100%;
  height: calc(100vh - 320px);
  overflow-x: hidden;
  overflow-y: hidden;
}
._container_1dlph_1 {
  display: flex;
  flex-direction: row;

  gap: 32px;

  width: 90%;
}
._usersCard_1dlph_17 {
  width: 50%;
}

._departamentosLayout_1dlph_25 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

@media (max-width: 900px) {
  ._departamentosLayout_1dlph_25 {
    grid-template-columns: 1fr;
  }
}

._twoColumns_1dlph_53 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
}

@media (max-width: 900px) {
  ._twoColumns_1dlph_53 {
    grid-template-columns: 1fr;
  }
}

._leftColumn_1dlph_79 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._rightColumn_1dlph_91 {
  min-height: 120px;
}

._treeCard_1dlph_99 {
  padding: 32px;
  min-height: 200px;
}

._treeList_1dlph_109 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._treeDetails_1dlph_121 {
  margin: 0;
}

._treeNodeWithChildren_1dlph_129 {
  margin: 0;
}

._chevronButton_1dlph_137 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
}

._treeChevronSlot_1dlph_165 {
  width: 20px;
  flex-shrink: 0;
}

._treeSummary_1dlph_175 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color-1);
}

._treeSummary_1dlph_175::-webkit-details-marker {
  display: none;
}

._treeSummary_1dlph_175:hover {
  background-color: var(--background-color-12);
}

._treeSummary_1dlph_175._selected_1dlph_217 {
  background-color: rgba(59, 130, 246, 0.2);
  color: var(--text-color-1);
  font-weight: 600;
}

._treeChildren_1dlph_229 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 2px;
}

._treeLeaf_1dlph_243 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color-1);
}

._treeLeaf_1dlph_243:hover {
  background-color: var(--background-color-12);
}

._treeLeaf_1dlph_243._selected_1dlph_217 {
  background-color: rgba(59, 130, 246, 0.2);
  color: var(--text-color-1);
  font-weight: 600;
}

._chevron_1dlph_137 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  flex-shrink: 0;
}

._chevronExpanded_1dlph_303 {
  display: none;
}

._chevronCollapsed_1dlph_311 {
  display: inline-flex;
}

details[open] ._chevronExpanded_1dlph_303 {
  display: inline-flex;
}

details[open] ._chevronCollapsed_1dlph_311 {
  display: none;
}

._nodeLabel_1dlph_335 {
  flex: 1;
}

._actionButtons_1dlph_343 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

._usersCardTitle_1dlph_355 {
  font-size: 15px;
  font-weight: 300;
  color: var(--text-color-1);
  margin: 0 0 16px 0;
  display: block;
}

._usersCardEmpty_1dlph_371 {
  font-size: 14px;
  color: var(--text-color-2);
  margin: 0;
  text-align: center;
  padding: 24px 0;
}

._usersCardEmptyWrap_1dlph_387 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  font-size: 14px;
  color: var(--text-color-2);
}

._usersList_1dlph_405 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._usersListItem_1dlph_423 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--text-color-1);
  padding: 6px 0;
}

._usersListItem_1dlph_423 svg {
  flex-shrink: 0;
}

._usersListItemName_1dlph_449 {
  font-weight: 600;
}

._departamentCheckbox_1dlph_457 {
  width: 18px;
  height: 18px;
  margin-left: 12px;
  border-radius: 4px;
  border: 1px solid var(--border-color-3);
  background-color: var(--background-color-2);
}

._departmentSummary_1dlph_475 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
}

._departmentSummary_1dlph_475::-webkit-details-marker {
  display: none;
}

._departmentSummary_1dlph_475::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

details[open] > ._departmentSummary_1dlph_475::before {
  transform: rotate(45deg);
}
._container_2qdos_1 {
  position: relative;
  display: flex;
  flex-direction: column;

  width: 100%;
  min-height: 640px;

  border-radius: 12px;
  overflow: visible;
  isolation: isolate;
}

._calendarWrapper_2qdos_27 {
  flex: 1;
  background: #ffffff;
}

._calendarWrapper_2qdos_27 .fc-toolbar-title:first-letter {
  text-transform: capitalize;
}

._tasksBar_2qdos_45 {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: #333333;
  color: #ffffff;
}

._tasksBarList_2qdos_61 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

._taskPill_2qdos_75 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: transparent;
  color: inherit;
  font-size: 12px;
  cursor: pointer;
}

._taskPillText_2qdos_101 {
  white-space: nowrap;
}

._taskDotHigh_2qdos_109,
._taskDotLow_2qdos_111 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

._taskDotHigh_2qdos_109 {
  background-color: #ff4b4b;
}

._taskDotLow_2qdos_111 {
  background-color: #ff8f2a;
}

._modalBackdrop_2qdos_139 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.32);

  z-index: 50;
}

._modal_2qdos_139 {
  width: 100%;

  padding: 24px 24px 20px;
  padding-bottom: 0px;

  border-radius: 12px;

  background: #ffffff;
}

._modalHeader_2qdos_189 {
  margin-bottom: 18px;
}

._modalTitle_2qdos_197 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

._modalGrid_2qdos_211 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

._modalColumn_2qdos_225 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._modalLabel_2qdos_237 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}

._modalValue_2qdos_251 {
  font-size: 14px;
  color: #111827;
}

._modalSection_2qdos_261 {
  margin-bottom: 16px;
}

._modalDescription_2qdos_269 {
  margin: 4px 0 0;
  font-size: 14px;
  color: #374151;
}

._modalLink_2qdos_281 {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  color: #2563eb;
  text-decoration: underline;
  word-break: break-all;
}

._modalFooter_2qdos_299 {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

._modalCloseButton_2qdos_311 {
  min-width: 96px;

  padding: 8px 18px;

  cursor: pointer;

  border-radius: 6px;

  /* background: #f43f5e; */
}

@media (max-width: 900px) {
  ._modalGrid_2qdos_211 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
._estado_ffz25_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_ffz25_1._Activo_ffz25_35 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_ffz25_1._Suspendido_ffz25_43 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._container_46fsg_1 {
  position: relative;
  display: flex;
  flex-direction: column;

  width: 100%;
  min-height: 640px;

  border-radius: 12px;
  overflow: visible;
  isolation: isolate;
}

._calendarWrapper_46fsg_27 {
  flex: 1;
  background: #ffffff;
}

._calendarWrapper_46fsg_27 .fc-toolbar-title:first-letter {
  text-transform: capitalize;
}

._eventPointer_46fsg_45 {
  cursor: pointer;
}

._eventNonEditable_46fsg_53 {
  opacity: 0.42;
  cursor: help;
}

._legend_46fsg_63 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  background: #333333;
  color: #ffffff;
  font-size: 12px;
}

._legendItem_46fsg_83 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

._legendDotHabil_46fsg_95 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5d87ff;
}

._legendDotNoHabil_46fsg_109 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff4817;
}

._legendMuted_46fsg_123 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
}

._legendEditar_46fsg_133 {
  color: rgba(255, 255, 255, 0.7);
  margin-left: auto;
}

._modalBackdrop_46fsg_143 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.32);

  z-index: 50;
}

._modal_46fsg_143 {
  width: 100%;

  padding: 24px 24px 20px;
  padding-bottom: 0px;

  border-radius: 12px;

  background: #ffffff;
}

._modalHeader_46fsg_193 {
  margin-bottom: 18px;
}

._modalEdit_46fsg_201 {
  margin-bottom: 8px;
}

._modalTitle_46fsg_209 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

._modalGrid_46fsg_223 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

._modalColumn_46fsg_237 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._modalLabel_46fsg_249 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}

._modalValue_46fsg_263 {
  font-size: 14px;
  color: #111827;
}

._modalSection_46fsg_273 {
  margin-bottom: 16px;
}

._modalDescription_46fsg_281 {
  margin: 4px 0 0;
  font-size: 14px;
  color: #374151;
}

._modalLink_46fsg_293 {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  color: #2563eb;
  text-decoration: underline;
  word-break: break-all;
}

._modalFooter_46fsg_311 {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

._modalCloseButton_46fsg_323 {
  min-width: 96px;

  padding: 8px 18px;

  cursor: pointer;

  border-radius: 6px;

  /* background: #f43f5e; */
}

@media (max-width: 900px) {
  ._modalGrid_46fsg_223 {
    grid-template-columns: 1fr;
  }
}
._estado_ffz25_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_ffz25_1._Activo_ffz25_35 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_ffz25_1._Suspendido_ffz25_43 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._tab_18twi_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  min-width: fit-content;
  width: 160px;

  height: 48px;
  min-height: 48px;
  max-height: 48px;

  padding-left: 16px;
  padding-right: 16px;

  padding-top: 8px;
  padding-bottom: 8px;

  font-weight: 500;

  cursor: pointer;

  transition: color var(--timing-xx-fast) ease-in-out,
    background-color var(--timing-xx-fast) ease-in-out,
    border-bottom var(--timing-xx-fast) ease-in-out;
}

._active_18twi_55 {
  color: var(--text-color-4);

  background-color: var(--background-color-5);
}
._inactive_18twi_65 {
  background-color: var(--background-color-8);
}

._rounded-top_18twi_73 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
._rectangular_18twi_81 {
  border-radius: 0;
}
._container_1gd93_1 {
  display: flex;
  align-items: center;

  width: 100%;

  border-bottom: 1px solid var(--border-color-2);
}
._companySelector_gkq3e_1 {
  position: relative;
}

._companySelectorPopover_gkq3e_5 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 20;

  display: flex;
  flex-direction: column;
  gap: 8px;

  width: min(320px, calc(100vw - 32px));
  padding: 12px;
  border: 1px solid var(--border-color-2);
  border-radius: 12px;

  background-color: var(--background-color-4);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

._companySelectorLabel_gkq3e_24 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color-3);
}
._filtersContainer_198jx_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

._searchContainer_198jx_15 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 200px;
  padding: 12px 16px;
  background-color: #f5f5f5;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

._searchContainer_198jx_15:focus-within {
  background-color: #fff;
  border-color: #ff4713;
  box-shadow: 0 0 0 3px rgba(255, 71, 19, 0.1);
}

._filterContainer_198jx_53 {
  display: flex;
  align-items: center;
}

._filterSelect_198jx_63 {
  padding: 12px 40px 12px 16px;

  color: var(--text-color-1);
  font-size: 14px;
  font-weight: 500;

  cursor: pointer;

  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--border-color-3);

  background-color: var(--background-color-4);
}
._filterSelect_198jx_63:focus {
  outline: none;

  box-shadow: 0 0 0 1.5px var(--border-color-3);

  background-color: var(--background-color-7);
}
._filterSelect_198jx_63:hover {
  background-color: var(--background-color-7);
}
._filterSelect_198jx_63:has(option[data-placeholder]:checked) {
  color: var(--text-color-5);
  font-weight: 400;
}
._filterSelect_198jx_63 option {
  color: var(--text-color-1);
  font-weight: 400;
}
._filterSelect_198jx_63 option[data-placeholder] {
  color: var(--text-color-1);
  font-weight: 400;
}
._filterSelect_198jx_63::picker(select) {
  appearance: base-select;
}
._filterSelect_198jx_63:open::picker-icon {
  rotate: 180deg;
}
._filterSelect_198jx_63::picker-icon {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20width='12'%20height='12'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='currentColor'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m19.5%208.25-7.5%207.5-7.5-7.5'%20/%3e%3c/svg%3e");

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

  width: 24px;
  height: 24px;

  margin: 0;
  padding: 0;

  font-size: 16px;
  color: #999999;

  transition: var(--timing-fast) rotate;
}

._searchIcon_198jx_185 {
  color: #888;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

._searchInput_198jx_199 {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

._searchInput_198jx_199::placeholder {
  color: #aaa;
}

._productCardsContainer_198jx_227 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 40px;
  margin-bottom: 16px;
  position: relative;
}

._separator_198jx_245 {
  margin: 0;
  width: 100%;
  height: 1px;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
}

._productCard_198jx_227 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 214.44px;
  height: 280px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

._productCardFirstHalf_198jx_281 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}

._productCardSecondHalf_198jx_297 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 16px;
  gap: 4px;
  height: 100%;
}

._productCardImageContainer_198jx_317 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

._productCardImage_198jx_317 {
  max-width: 100px;
  max-height: 100px;
  object-fit: scale-down;
}

._productCardBrandContainer_198jx_343 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

._productCardBrand_198jx_343 {
  font-weight: 700;
  font-size: 11px;
  line-height: 15px;
  color: rgb(170, 170, 170);
  overflow-wrap: normal;
  letter-spacing: 1.5px;
}

._productCardDescription_198jx_375 {
  letter-spacing: 0.03px;
  margin-bottom: 5px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 15px;
  font-weight: 600;
}

._productCardPrice_198jx_403 {
  color: rgb(0, 0, 0);
  white-space: nowrap;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
}

._productCardPriceLocal_198jx_419 {
  color: rgb(240, 118, 29);
}

._addProduct_198jx_427 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: white;
  border-radius: 50%;
  background-color: #ff4713;
}

._addProduct_198jx_427 span {
  color: white;
  font-size: 28px;
  line-height: 28px;
}

._loadingOverlay_198jx_469 {
  display: flex;
  justify-content: center;
  align-items: center;

  position: absolute;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  border-radius: 12px;
  background-color: color-mix(
    in oklab,
    var(--background-color-1) 65%,
    transparent
  );
  backdrop-filter: blur(1px);

  z-index: 10;
}

._paginationContainer_198jx_515 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 0;
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

._paginationWrapper_198jx_537 {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-wrap: wrap;

  gap: 16px;

  width: 100%;
}

._paginationInfo_198jx_559 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;

  gap: 4px;

  width: 100%;

  margin-top: 12px;

  color: #666;
  font-size: 14px;
  font-weight: 500;
}

._paginationPageSize_198jx_593 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

._paginationPageSizeSelect_198jx_605 {
  min-width: 72px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px
    color-mix(in oklab, var(--border-color-5) 35%, transparent);
  cursor: pointer;
  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}

._paginationPageSizeSelect_198jx_605:hover:not(:disabled) {
  box-shadow: 0 0 0 1.5px
    color-mix(in oklab, var(--border-color-5) 70%, transparent);
}

._paginationPageSizeSelect_198jx_605:focus {
  outline: none;
  box-shadow: 0 0 0 2px
    color-mix(in oklab, var(--border-color-5) 50%, transparent);
}

._paginationPageSizeSelect_198jx_605:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._paginationControls_198jx_665 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._paginationText_198jx_677 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 8px;

  font-size: 14px;
  font-weight: 500;
  color: #333;
  min-width: 120px;
  text-align: center;
}

._paginationPageInput_198jx_707 {
  width: 52px;
  padding: 4px 6px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-align: center;
  background-color: #fff;

  border-radius: 8px;
  box-shadow: 0 0 0 1px
    color-mix(in oklab, var(--border-color-5) 35%, transparent);

  appearance: textfield;
  -moz-appearance: textfield;

  transition: box-shadow var(--timing-xx-fast) ease-in-out;
}
._paginationPageInput_198jx_707::-webkit-outer-spin-button,
._paginationPageInput_198jx_707::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._paginationPageInput_198jx_707:hover {
  box-shadow: 0 0 0 1.5px
    color-mix(in oklab, var(--border-color-5) 70%, transparent);
}
._paginationPageInput_198jx_707:focus {
  outline: none;
  box-shadow: 0 0 0 2px
    color-mix(in oklab, var(--border-color-5) 50%, transparent);
}

._paginationPageInput_198jx_707:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._stickyContainer_198jx_783 {
  position: sticky;

  top: 16px;

  margin-bottom: 32px;

  z-index: 10;
}

._subtotalContainer_198jx_803 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 4px;
}

._subtotalLabel_198jx_817 {
  min-width: fit-content;
}

._subtotalValue_198jx_825 {
  font-weight: 600;
}

._cartItemDivider_198jx_833 {
  margin: 12px 0;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

._quantityControls_198jx_845 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._quantityValue_198jx_857 {
  width: 44px;
  text-align: center;
}

._cardWithShadow_198jx_867 {
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

._needsFiscalIdentification_198jx_877 {
  padding-top: 2px;
  padding-bottom: 2px;

  padding-left: 8px;
  padding-right: 8px;

  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  margin-left: 4px;
}
._needsFiscalIdentification--hasFiscalIdentification_198jx_901 {
  background-color: var(--background-color-3);
  color: var(--text-color-2);
}
._needsFiscalIdentification--missingFiscalIdentification_198jx_909 {
  background-color: var(--background-color-13);
  color: var(--text-color-13);
}
._card_iph46_1 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 24px;
}

._tunelContainer_iph46_15 {
  max-height: calc(100vh - 250px);
  overflow: auto;
  margin-top: 10px;
}

._tunelRow_iph46_27 {
  display: flex;
  flex-direction: row;
  background: #fff;
  position: relative;
  padding-top: 30px;
  border-bottom: 1px solid rgba(82, 92, 105, 0.1);
  min-height: 107px;
}

._tunelGrip_iph46_47 {
  width: 20px;
  display: flex;
  align-items: center;
  cursor: grab;
  flex-shrink: 0;
}

._tunelGrip_iph46_47:active {
  cursor: grabbing;
}

._tunelName_iph46_71 {
  display: flex;
  align-items: center;
  flex-shrink: 0;

  gap: 4px;

  padding-right: 8px;

  width: 140px;

  font-weight: 600;
}
._tunelName_iph46_71 span {
  overflow: hidden;

  min-width: 0;

  text-overflow: ellipsis;
  white-space: nowrap;
}
._tunelName_iph46_71 ._iconBtn_iph46_113 {
  flex-shrink: 0;
}

._tunelStages_iph46_121 {
  display: flex;
  flex-grow: 1;

  min-width: 0;
  max-width: calc(100% - 160px);
}

._category_iph46_137 {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

._categoryInprogress_iph46_149 {
  min-width: calc(100% - 359px);
}

._categorySuccess_iph46_157 {
  width: 140px;
  flex-shrink: 0;
}

._categoryFailed_iph46_167 {
  min-width: 219px;
}

._categoryHeader_iph46_175 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #525c69;
  margin-bottom: 6px;
}

._stagesList_iph46_193 {
  min-height: 44px;

  overflow-x: visible;
}

._stagesRow_iph46_205 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 6px;
}

._containerEtapa_iph46_221 {
  display: inline-flex;
  align-items: center;

  overflow: visible;

  gap: 4px;

  max-width: 160px;
}
._containerEtapa_iph46_221:hover {
  ._stageButtons_iph46_243 {
    opacity: 1;
  }
}
._etapa_iph46_251 {
  display: inline-flex;
  align-items: center;

  position: relative;

  overflow: visible;

  padding: 6px 10px;

  margin-right: 14px;
  margin-left: 14px;

  max-width: 120px;

  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;

  border-radius: 6px;
}

._etapaInner_iph46_299 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._stageButtons_iph46_243 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  position: absolute;

  padding: 0;

  width: 28px;
  height: 28px;

  min-width: 28px;
  min-height: 28px;

  cursor: pointer;

  color: #4b5563;

  border: none;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  z-index: 10;

  transition: opacity var(--timing-xx-fast) ease-in-out;
}
._editStageButton_iph46_369 {
  left: 0;

  margin-left: -16px;
}
._addStageButton_iph46_379 {
  right: 0;

  margin-right: -16px;
}

._dragging_iph46_391 {
  opacity: 0.6;
}

._dragOver_iph46_399 {
  background: rgba(59, 130, 246, 0.06);
}
._estado_1vbve_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_1vbve_1._Activo_1vbve_35 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_1vbve_1._Suspendido_1vbve_43 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}

._root_1vbve_53 {
  display: flex;

  gap: 32px;

  width: 90%;

  height: 100%;
  min-height: 0;

  background: transparent;
}

._leftPanel_1vbve_79 {
  width: 33.333%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: var(--background-color-1, #fff);
  overflow: hidden;
}

._leftScroll_1vbve_101 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

._seguimientoItem_1vbve_113 {
  padding: 12px 16px 12px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--background-color-12, #eee);
  transition: background 0.15s ease;
}

._seguimientoItem_1vbve_113:hover {
  background: var(--background-color-12, #f5f5f5);
}

._seguimientoItemSelected_1vbve_135 {
  background: var(--background-color-12, #e8eaf6);
}

._seguimientoItemDisabled_1vbve_143 {
  cursor: default;
  opacity: 0.8;
}

._seguimientoTitle_1vbve_153 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._seguimientoEtapa_1vbve_173 {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  border-radius: 9999px;
  flex-shrink: 0;
}

._seguimientoComentario_1vbve_193 {
  font-size: 14px;
  color: var(--text-color-2, #555);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-top: 4px;
}

._seguimientoMeta_1vbve_215 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
  gap: 8px;
}

._seguimientoFecha_1vbve_231 {
  font-size: 12px;
  white-space: nowrap;
}

._messageIcon_1vbve_241 {
  color: #075e54;
  display: flex;
  align-items: center;
}

._rightPanel_1vbve_253 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: var(--background-color-1, #fff);
  margin-left: 0;
}

._chatHeader_1vbve_273 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  min-height: 48px;
}

._chatHeaderDefault_1vbve_291 {
  background: gray;
}

._chatHeaderAvatar_1vbve_299 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 15px 0 0;
}

._chatHeaderInfo_1vbve_315 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  flex: 1;
  min-width: 0;
}

._chatHeaderName_1vbve_333 {
  font-weight: 500;
  font-size: 0.8em;
  color: #fff;
  word-break: break-word;
}

._chatHeaderPhone_1vbve_347 {
  font-weight: 200;
  font-size: 0.9em;
  color: #fff;
}

._chatHeaderTitle_1vbve_359 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

._messagesWrap_1vbve_373 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 10px;
  background: #fff;
}

._message_1vbve_241 {
  margin-bottom: 12px;
  max-width: 75%;
  word-break: break-word;
}

._messageLeft_1vbve_401 {
  margin-right: auto;
  margin-left: 0;
}

._messageRight_1vbve_411 {
  margin-left: auto;
  margin-right: 0;
}

._msgDetail_1vbve_421 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-color-12, #f0f0f0);
}

._messageRight_1vbve_411 ._msgDetail_1vbve_421 {
  background: #dcf8c6;
}

._msgInfo_1vbve_441 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  margin-bottom: 4px;
}

._msgContent_1vbve_453 {
  font-size: 14px;
  line-break: normal;
}

._hrSect_1vbve_463 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: center;
  margin: 8px 0;
}

._inputBar_1vbve_477 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid var(--background-color-12, #eee);
  background: #fff;
}

._emojiBtn_1vbve_495 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--background-color-12, #f0f0f0);
  cursor: pointer;
  flex-shrink: 0;
}

._emojiBtn_1vbve_495:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._chatInputWrap_1vbve_531 {
  flex: 1;
  min-width: 0;
}

._chatInput_1vbve_531 {
  width: 100%;
  min-height: 40px;
  max-height: 80px;
  padding: 8px 12px;
  font-size: 1.1em;
  border: 1px solid var(--background-color-12, #ddd);
  border-radius: 8px;
  resize: none;
  font-family: inherit;
}

._chatInput_1vbve_531:focus {
  outline: none;
  border-color: var(--primary-color, #6366f1);
}

._chatHint_1vbve_575 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: right;
  margin-top: 2px;
}

._sendBtn_1vbve_589 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--background-color-12, #f0f0f0);
  cursor: pointer;
  flex-shrink: 0;
}

._sendBtn_1vbve_589:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._emptyState_1vbve_625 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  color: var(--text-color-2, #666);
  font-size: 14px;
}

._menuButton_1vbve_643 {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

._menuButton_1vbve_643:hover {
  background: rgba(255, 255, 255, 0.2);
}

._menuButton_1vbve_643:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._estado_1oi9s_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_1oi9s_1._Activo_1oi9s_35 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_1oi9s_1._Suspendido_1oi9s_43 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}

._callRoot_1oi9s_53 {
  display: flex;
  flex-direction: column;

  width: 90%;
  height: 100%;

  min-height: 0;
  background: var(--background-color-1, #fff);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

._callHeader_1oi9s_81 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  min-height: 48px;
}

._callHeaderTitle_1oi9s_99 {
  display: flex;
  align-items: center;
  gap: 0 4px;
  color: #fff;
}

._callContent_1oi9s_113 {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #fff;
}

._root_1oi9s_127 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: transparent;
}

._leftPanel_1oi9s_143 {
  width: 33.333%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: var(--background-color-1, #fff);
  overflow: hidden;
}

._leftScroll_1oi9s_165 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

._seguimientoItem_1oi9s_177 {
  padding: 12px 16px 12px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--background-color-12, #eee);
  transition: background 0.15s ease;
}

._seguimientoItem_1oi9s_177:hover {
  background: var(--background-color-12, #f5f5f5);
}

._seguimientoItemSelected_1oi9s_199 {
  background: var(--background-color-12, #e8eaf6);
}

._seguimientoItemDisabled_1oi9s_207 {
  cursor: default;
  opacity: 0.8;
}

._seguimientoTitle_1oi9s_217 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._seguimientoEtapa_1oi9s_237 {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  border-radius: 9999px;
  flex-shrink: 0;
}

._seguimientoComentario_1oi9s_257 {
  font-size: 14px;
  color: var(--text-color-2, #555);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-top: 4px;
}

._seguimientoMeta_1oi9s_279 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
  gap: 8px;
}

._seguimientoFecha_1oi9s_295 {
  font-size: 12px;
  white-space: nowrap;
}

._messageIcon_1oi9s_305 {
  color: #075e54;
  display: flex;
  align-items: center;
}

._rightPanel_1oi9s_317 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: var(--background-color-1, #fff);
  margin-left: 0;
}

._chatHeader_1oi9s_337 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  min-height: 48px;
}

._chatHeaderDefault_1oi9s_355 {
  background: #007bff;
}

._chatHeaderAvatar_1oi9s_363 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 15px 0 0;
}

._chatHeaderInfo_1oi9s_379 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  flex: 1;
  min-width: 0;
}

._chatHeaderName_1oi9s_397 {
  font-weight: 500;
  font-size: 0.8em;
  color: #fff;
  word-break: break-word;
}

._chatHeaderPhone_1oi9s_411 {
  font-weight: 200;
  font-size: 0.9em;
  color: #fff;
}

._chatHeaderTitle_1oi9s_423 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

._messagesWrap_1oi9s_437 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 10px;
  background: #fff;
}

._message_1oi9s_305 {
  margin-bottom: 12px;
  max-width: 75%;
  word-break: break-word;
}

._messageLeft_1oi9s_465 {
  margin-right: auto;
  margin-left: 0;
}

._messageRight_1oi9s_475 {
  margin-left: auto;
  margin-right: 0;
}

._msgDetail_1oi9s_485 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-color-12, #f0f0f0);
}

._messageRight_1oi9s_475 ._msgDetail_1oi9s_485 {
  background: #dcf8c6;
}

._msgInfo_1oi9s_505 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  margin-bottom: 4px;
}

._msgContent_1oi9s_517 {
  font-size: 14px;
  line-break: normal;
}

._hrSect_1oi9s_527 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: center;
  margin: 8px 0;
}

._inputBar_1oi9s_541 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid var(--background-color-12, #eee);
  background: #fff;
}

._emojiBtn_1oi9s_559 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--background-color-12, #f0f0f0);
  cursor: pointer;
  flex-shrink: 0;
}

._emojiBtn_1oi9s_559:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._chatInputWrap_1oi9s_595 {
  flex: 1;
  min-width: 0;
}

._chatInput_1oi9s_595 {
  width: 100%;
  min-height: 40px;
  max-height: 80px;
  padding: 8px 12px;
  font-size: 1.1em;
  border: 1px solid var(--background-color-12, #ddd);
  border-radius: 8px;
  resize: none;
  font-family: inherit;
}

._chatInput_1oi9s_595:focus {
  outline: none;
  border-color: var(--primary-color, #6366f1);
}

._chatHint_1oi9s_639 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: right;
  margin-top: 2px;
}

._sendBtn_1oi9s_653 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: var(--background-color-12, #f0f0f0);
  cursor: pointer;
  flex-shrink: 0;
}

._sendBtn_1oi9s_653:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._emptyState_1oi9s_689 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  color: var(--text-color-2, #666);
  font-size: 14px;
}

._menuButton_1oi9s_707 {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

._menuButton_1oi9s_707:hover {
  background: rgba(255, 255, 255, 0.2);
}

._menuButton_1oi9s_707:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._estado_34955_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 111.91px;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_34955_1._Activo_34955_25 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_34955_1._Suspendido_34955_33 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._estado_1d65u_1 {
  display: flex;
  align-items: center;
  justify-content: center;

  max-width: 111.91px;

  gap: 4px;

  padding: 4px 8px;

  font-size: 12px;
  font-weight: 600;

  border-radius: 12px;
  background-color: var(--background-color-12);
}
._estado_1d65u_1._active_1d65u_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_1d65u_1._inactive_1d65u_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._estado_1d65u_1._no_identification_1d65u_26 {
  color: var(--text-color-3);
  background-color: color-mix(
    in srgb,
    var(--background-color-13) 50%,
    transparent
  );
}

._seguimientoCard_1d65u_35 {
  padding: 16px;
  margin: 8px 12px;
  border-radius: 12px;
  background-color: var(--background-color-12);
}

._seguimientoTable_1d65u_42 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._seguimientoTh_1d65u_48 {
  padding: 8px 12px;
  text-align: left;
  font-weight: 600;
  color: var(--text-color-3);
  border-bottom: 1px solid var(--border-color-2);
}

._seguimientoTd_1d65u_56 {
  padding: 8px 12px;
  color: var(--text-color-3);
  border-bottom: 1px solid var(--border-color-2);
}

._estadoTag_1d65u_62 {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  background-color: var(--background-color-7);
  color: var(--text-color-3);
}

._companySelector_1d65u_72 {
  position: relative;

  display: flex;
  align-items: center;
  gap: 8px;

  min-width: 0;
}

._selectedCompanyLabel_1d65u_82 {
  display: flex;
  align-items: center;
  gap: 8px;

  max-width: min(280px, 34vw);
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid color-mix(in oklab, var(--border-color-2) 70%, transparent);
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    color-mix(in oklab, var(--background-color-4) 92%, white),
    color-mix(in oklab, var(--background-color-7) 55%, transparent)
  );
}

._selectedCompanyLabelIcon_1d65u_100 {
  width: 18px;
  min-width: 18px;
  max-width: 18px;

  height: 18px;
  min-height: 18px;
  max-height: 18px;

  color: var(--text-color-8);
}

._selectedCompanyLabelText_1d65u_112 {
  display: flex;
  flex-direction: column;
  gap: 2px;

  min-width: 0;
  line-height: 1;
}

._selectedCompanyLabelCaption_1d65u_121 {
  color: var(--text-color-2);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

._selectedCompanyLabelName_1d65u_129 {
  overflow: hidden;
  color: var(--text-color-1);
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._companySelectorPopover_1d65u_138 {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 20;

  display: flex;
  flex-direction: column;
  gap: 8px;

  width: min(320px, calc(100vw - 32px));
  padding: 12px;
  border: 1px solid var(--border-color-2);
  border-radius: 12px;

  background-color: var(--background-color-4);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

._companySelectorLabel_1d65u_157 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color-3);
}
._container_4c34s_1 {
  min-height: 100vh;
  padding: 40px 20px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._header_4c34s_19 {
  text-align: center;
  margin-bottom: 50px;
  color: #333;
}

._title_4c34s_31 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1a1a2e;
}

._subtitle_4c34s_45 {
  font-size: 1.2rem;
  color: #666;
}

._countriesGrid_4c34s_55 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 800px;
  width: 100%;
  padding: 0 20px;
}

._countryCard_4c34s_73 {
  background: #f8f9fa;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  animation: _cardEnter_4c34s_1 300ms ease-out backwards;
}

._countryCard_4c34s_73:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border-color: #4facfe;
}

._countryCard_4c34s_73::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #4facfe, #00f2fe);
  opacity: 0;
  transition: opacity 0.3s ease;
}

._countryCard_4c34s_73:hover::before {
  opacity: 1;
}

._countryCard_4c34s_73._selected_4c34s_149 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  border-color: #4facfe;
}

._countryCard_4c34s_73._selected_4c34s_149 ._countryName_4c34s_159 {
  color: white;
}

@keyframes _cardEnter_4c34s_1 {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._flagContainer_4c34s_189 {
  margin-bottom: 20px;
}

._flagImage_4c34s_197 {
  width: 160px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

._countryCard_4c34s_73:hover ._flagImage_4c34s_197 {
  transform: scale(1.05);
}

._countryInfo_4c34s_221 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._countryName_4c34s_159 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  margin: 0;
}

._checkIcon_4c34s_249 {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
}

._checkIcon_4c34s_249 svg {
  width: 32px;
  height: 32px;
}

._selectedInfo_4c34s_273 {
  margin-top: 50px;
  width: 100%;
  max-width: 500px;
}

._selectedCard_4c34s_285 {
  border-radius: 16px;
  background: #f8f9fa;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

._selectedContent_4c34s_297 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
}

._selectedFlagImage_4c34s_311 {
  width: 80px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._selectedDetails_4c34s_325 {
  display: flex;
  flex-direction: column;
}

._selectedLabel_4c34s_335 {
  font-size: 0.9rem;
  color: #666;
}

._selectedDetails_4c34s_325 ._selectedName_4c34s_345 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
}

._nextButton_4c34s_357 {
  margin-left: auto;
  padding: 12px 32px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
}

@media (max-width: 768px) {
  ._header_4c34s_19 ._title_4c34s_31 {
    font-size: 1.8rem;
  }

  ._header_4c34s_19 ._subtitle_4c34s_45 {
    font-size: 1rem;
  }

  ._countriesGrid_4c34s_55 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  ._countryCard_4c34s_73 {
    padding: 20px;
  }

  ._flagContainer_4c34s_189 ._flagImage_4c34s_197 {
    width: 120px;
  }

  ._countryInfo_4c34s_221 ._countryName_4c34s_159 {
    font-size: 1.4rem;
  }
}
._sidebarContainer_1xy4e_1 {
  position: relative;

  min-height: 100dvh;

  transition: transform var(--timing-fast) ease-in-out;
}
._toggleSidebarButtonContainer_1xy4e_15 {
  position: fixed;

  margin-top: 36px;
  margin-left: 12px;

  transition: width var(--timing-fast) ease-in-out;

  z-index: 100;
}
._toggleSidebarButtonContainer_1xy4e_15._collapsed_1xy4e_35 {
  width: 80px;
}
._toggleSidebarButtonContainer_1xy4e_15._expanded_1xy4e_41 {
  width: 265px;
}
._toggleSidebarButton_1xy4e_15._toggleSidebarButton_1xy4e_15 {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;

  position: absolute;
  right: 0;

  margin-left: -16px;

  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color-2);
  border-radius: 9999px;
  background-color: var(--background-color-1);
  opacity: 1;
  cursor: pointer;
  z-index: 10;
}

._container_1xy4e_93 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  position: fixed;

  overflow-x: hidden;
  overflow-y: auto;

  left: 0;
  top: 0;

  padding-left: 12px;
  padding-right: 12px;

  padding-top: 24px;
  padding-bottom: 24px;

  width: 80px;
  min-width: 80px;
  max-width: 265px;

  height: 100%;
  min-height: 100dvh;

  background-color: var(--background-color-1);

  transition:
    width var(--timing-fast) ease-in-out,
    box-shadow var(--timing-fast) ease-in-out;

  z-index: 10;
}
._container_1xy4e_93._collapsed_1xy4e_35 {
  width: 80px;

  box-shadow: var(--shadow-elevation-medium-small);
}
._container_1xy4e_93._expanded_1xy4e_41 {
  width: 265px;

  box-shadow: var(--shadow-elevation-medium);
}

._logoContainer_1xy4e_185 {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;

  width: 100%;
  min-width: 100%;

  padding-left: 4px;
}
._logo_1xy4e_185 {
  width: 32px;
  min-width: 32px;
  max-width: 32px;

  height: 32px;
  min-height: 32px;
  max-height: 32px;

  &._collapsed_1xy4e_35 {
    width: 32px;
    min-width: 32px;
    max-width: 32px;

    height: 32px;
    min-height: 32px;
    max-height: 32px;

    margin-top: 11px;

    animation: _logoCollapsedIn_1xy4e_1 var(--timing-fast) ease-out both;
  }
  &._expanded_1xy4e_41 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;

    height: 52px;
    min-height: 52px;
    max-height: 52px;

    animation: _logoExpandedIn_1xy4e_1 var(--timing-fast) ease-out both;
  }

  will-change:
    width, min-width, max-width, height, min-height, max-height, transform,
    opacity;

  transform-origin: left center;
  transition-behavior: allow-discrete;
}

@keyframes _logoExpandedIn_1xy4e_1 {
  from {
    opacity: 0;
    transform: translateX(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes _logoCollapsedIn_1xy4e_1 {
  from {
    opacity: 0;
    transform: translateX(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

._navigationContainer_1xy4e_333 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;

  padding-top: 32px;

  width: 100%;
  min-width: 100%;
  max-width: 100%;

  height: 100%;
  min-height: fit-content;
}
._itemsGroup_1xy4e_365 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;

  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
._parent_1xy4e_387 {
  width: 100%;

  padding-left: 12px;

  font-size: 12px;
  font-weight: 500;

  color: var(--text-color-3);

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._navigationItem_1xy4e_415 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  position: relative;
  overflow: hidden;

  padding-left: 12px;

  width: 100%;
  height: 48px;

  white-space: nowrap;
  word-break: keep-all;
  color: var(--text-color-3);
  font-size: 16px;

  cursor: pointer;
  transition:
    width var(--timing-fast) ease-in-out,
    overflow var(--timing-fast) ease-in-out,
    flex-direction var(--timing-fast) ease-in-out,
    justify-content var(--timing-fast) ease-in-out,
    gap var(--timing-fast) ease-in-out,
    padding-left var(--timing-fast) ease-in-out,
    background-color var(--timing-xx-fast) ease-in-out,
    color var(--timing-xx-fast) ease-in-out;

  transition-behavior: allow-discrete;
  z-index: 1;
}
._navigationItem_1xy4e_415._expanded_1xy4e_41 {
  width: 100%;

  border-radius: 24px;
}
._navigationItem_1xy4e_415._collapsed_1xy4e_35 {
  flex-direction: column;
  justify-content: center;

  gap: 4px;

  padding: 4px;

  border-radius: 16px;
}
._navigationItemName_1xy4e_511 {
  opacity: 1;
  font-size: 16px;
  font-weight: 400;

  transition:
    opacity var(--timing-fast) ease-in-out,
    font-size var(--timing-fast) ease-in-out;
}
._navigationItemName_1xy4e_511._collapsed_1xy4e_35 {
  max-width: 100%;

  font-size: 10px;
  font-weight: 500;

  opacity: 1;
}
._navigationItem_1xy4e_415._active_1xy4e_545 {
  color: var(--text-color-4);
  background-color: var(--background-color-2);
}
._navigationItem_1xy4e_415._active_1xy4e_545._parentWithActiveChild_1xy4e_553 {
  opacity: 0.85;
}
._navigationItem_1xy4e_415._inactive_1xy4e_559 {
  color: var(--text-color-3);
}
._navigationItem_1xy4e_415:hover:not(._active_1xy4e_545) {
  background-color: var(--background-color-3);
}

._navigationItem_1xy4e_415._child_1xy4e_573 {
  padding-left: 28px;
  height: 40px;
}

._navigationItem_1xy4e_415._child_1xy4e_573::after {
  content: '';
  position: absolute;
  left: 16px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 2px;
  background-color: var(--border-color-2);
  opacity: 0.7;
}

._iconPlaceholder_1xy4e_607 {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

._childIndicator_1xy4e_621 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;

  position: relative;

  width: 100%;
  min-height: 32px;

  padding-left: 48px;

  margin-top: -6px;
  margin-bottom: 4px;

  color: var(--text-color-3);
  white-space: nowrap;
  word-break: keep-all;
}
a._childIndicator_1xy4e_621 {
  text-decoration: none;
}
._childIndicator_1xy4e_621::before {
  content: '';

  position: absolute;

  left: 24px;
  top: -8px;
  bottom: 50%;

  width: 1px;

  background-color: var(--border-color-5);

  opacity: 0.7;
}
._childIndicator_1xy4e_621:not(._childIndicator_1xy4e_621 ~ ._childIndicator_1xy4e_621) {
  margin-top: 6px;
}
._childIndicator_1xy4e_621:has(~ ._childIndicator_1xy4e_621)::before {
  height: 40px;
}
._childIndicator_1xy4e_621::after {
  content: '';

  position: absolute;

  left: 24px;
  top: 50%;

  width: 20px;
  height: 1px;

  background-color: var(--border-color-5);

  /* transform: translateY(-50%); */

  opacity: 0.7;
}
._childDot_1xy4e_743 {
  flex-shrink: 0;

  width: 4px;
  min-width: 4px;

  height: 4px;
  min-height: 4px;

  border-radius: 9999px;

  opacity: 0.7;
  background-color: var(--border-color-5);
}
._childIndicatorName_1xy4e_771 {
  overflow: hidden;

  padding-top: 4px;
  padding-bottom: 4px;

  padding-left: 10px;
  padding-right: 10px;

  margin-left: 8px;

  color: var(--text-color-3);
  font-size: 14px;
  font-style: italic;
  font-weight: 500;

  white-space: nowrap;
  text-overflow: ellipsis;

  border-radius: 6px;
  background-color: var(--background-color-3);

  opacity: 1;

  cursor: pointer;

  transition: background-color var(--timing-xx-fast) ease-in-out;
}
._childIndicatorName_1xy4e_771:hover {
  background-color: var(--background-color-8);
}
._childIndicatorActive_1xy4e_833 ._childIndicatorName_1xy4e_771 {
  font-style: normal;

  background-color: var(--background-color-13);
}

._navigationItem_1xy4e_415::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

._navigationItem_1xy4e_415:active::before {
  transition:
    width var(--timing-fast) ease-out,
    height var(--timing-fast) ease-out;
  width: 300px;
  height: 300px;
}
._wrapper_td964_1 {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--background-color-1);
  color: var(--text-color-1);
}

._surface_td964_19 {
  display: grid;
  justify-items: start;
  align-items: start;
  gap: clamp(16px, 2.5vw, 28px);
}

._brandBadge_td964_33 {
  display: inline-block;
  text-decoration: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  line-height: 0;
}

._brandLogo_td964_51 {
  display: block;
  width: clamp(96px, 25vw, 256px);
  height: auto;
  object-fit: contain;
}

._card_td964_65 {
  width: 100%;
  max-width: 720px;
  border-radius: 20px;
  background: var(--background-color-3);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-color-2);
  padding: 28px;
  display: grid;
  gap: 20px;
  box-shadow: var(--shadow-elevation-medium-small);
}

._brandInfoRow_td964_91 {
  display: grid;
  gap: 4px;
}

._appName_td964_101 {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

._appTag_td964_113 {
  font-size: 12px;
  opacity: 0.8;
}

._hero_td964_123 {
  display: grid;
  gap: 6px;
}

._title_td964_133 {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.2px;
}

._subtitle_td964_147 {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  opacity: 0.95;
}

._suggestions_td964_161 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

._suggestionItem_td964_177 {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.95;
}

._suggestionItem_td964_177::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 0.8em;
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: var(--border-color-4);
  transform: translateY(-50%);
}

._actions_td964_217 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

._primary_td964_231 {
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 14px;
  background: var(--background-color-2);
  color: var(--text-color-4);
  box-shadow: var(--shadow-elevation-low);
}

._primary_td964_231:hover {
  filter: brightness(1.06);
}

._secondary_td964_267 {
  appearance: none;
  border: 1px solid var(--border-color-4);
  outline: none;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 14px;
  background: transparent;
  color: inherit;
}

._secondary_td964_267:hover {
  background: var(--background-color-6);
}

._link_td964_301 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--border-color-4);
  color: inherit;
}

._link_td964_301:hover {
  background: var(--background-color-6);
}

._ghost_td964_333 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px dashed var(--border-color-4);
  color: inherit;
  background: transparent;
  cursor: pointer;
}

._ghost_td964_333:hover {
  background: var(--background-color-6);
}

._meta_td964_369 {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.85;
  font-size: 12px;
}

._badgeSmall_td964_385 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 9999px;
  border: 1px solid var(--border-color-4);
}

._separator_td964_405 {
  opacity: 0.6;
}

._disclosure_td964_413 {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 8px 0 0 0;
  text-align: left;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

._dialogRoot_td964_435 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
}

._dialogBackdrop_td964_451 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(1px);
}

._dialogCard_td964_465 {
  position: relative;
  width: min(96vw, 960px);
  max-height: min(72vh, 720px);
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 12px;
  background: var(--background-color-4);
  border: 1px solid var(--border-color-2);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow-elevation-high);
}

._dialogHeader_td964_493 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._dialogTitle_td964_507 {
  font-weight: 800;
  font-size: 16px;
}

._dialogActions_td964_517 {
  display: flex;
  gap: 8px;
}

._dialogClose_td964_527 {
  appearance: none;
  border: 1px solid var(--border-color-4);
  background: transparent;
  color: inherit;
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
}

._dialogClose_td964_527:hover {
  background: var(--background-color-6);
}

._advanced_td964_559 {
  display: none;
}

._details_td964_567 {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px;
  border-radius: 12px;
  background: var(--background-color-6);
  border: 1px dashed var(--border-color-4);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: var(--shadow-elevation-low);
}

._detailsBar_td964_599 {
  display: none;
}

._copy_td964_607 {
  appearance: none;
  border: 1px solid var(--border-color-4);
  background: transparent;
  color: inherit;
  padding: 8px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
}

._copy_td964_607:hover {
  background: var(--background-color-6);
}

@media (max-width: 560px) {
  ._brandLogo_td964_51 {
    width: clamp(84px, 24vw, 124px);
  }

  ._dialogCard_td964_465 {
    width: 94vw;
    max-height: 70vh;
  }
}

._icon_td964_661 {
  width: 18px;
  height: 18px;
}
._container_1vuny_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  position: absolute;

  overflow: hidden;

  left: 0%;
  top: 100%;

  width: 100%;

  min-height: fit-content;

  border-radius: 4px;
  box-shadow: var(--shadow-elevation-medium);
  background-color: var(--background-color-4);

  z-index: 20;
}

._container_1vuny_1._visible_1vuny_49 {
  transform-origin: top left;
  animation: _revealDown_1vuny_1 var(--timing-fast) ease-in-out forwards;
}

@keyframes _revealDown_1vuny_1 {
  from {
    opacity: 0;
    transform: translateY(-15px);
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(-100%);
  }
}

._item_1vuny_85 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 12px;

  padding-left: 24px;
  padding-right: 16px;

  padding-top: 8px;
  padding-bottom: 8px;

  width: 100%;

  min-height: fit-content;
  height: 40px;

  cursor: pointer;
  color: var(--text-color-3);
  background-color: var(--background-color-4);

  transition: color var(--timing-fast) ease-in-out,
    background-color var(--timing-fast) ease-in-out;
}
._item_1vuny_85:first-child {
  border-radius: 4px 4px 0 0;
}
._item_1vuny_85:last-child {
  border-radius: 0 0 4px 4px;
}
._item_1vuny_85:hover,
._item_1vuny_85._active_1vuny_149 {
  color: white;
  background-color: var(--background-color-5);
}
._item_1vuny_85:hover ._icon_1vuny_157 svg {
  color: white;
}
._item_1vuny_85._component_1vuny_163 {
  color: white;
}
._container_87ikd_1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  position: relative;

  gap: 16px;

  padding-left: 12px;

  width: 600px;
  max-width: 100%;

  height: 45px;

  color: var(--text-color-7);
  background-color: var(--background-color-9);

  border-radius: 4px;

  font-weight: 400;

  outline: 1px solid transparent;
  transition: outline var(--timing-xx-fast) ease-in-out;
}
._container_87ikd_1:focus-within {
  outline: 1px solid var(--border-color-1);
}

._input_87ikd_61 {
  width: 100%;
  height: 100%;

  color: var(--text-color-1);
}
._input_87ikd_61:focus {
  outline: none;
}

._icon_87ikd_81 {
  width: 24px;
  min-width: 24px;
  max-width: 24px;

  height: 24px;
  min-height: 24px;
  max-height: 24px;

  transition: width var(--timing-xx-fast) ease-in-out,
    min-width var(--timing-xx-fast) ease-in-out,
    max-width var(--timing-xx-fast) ease-in-out,
    height var(--timing-xx-fast) ease-in-out,
    min-height var(--timing-xx-fast) ease-in-out,
    max-height var(--timing-xx-fast) ease-in-out;
}
._icon_87ikd_81._focus_87ikd_113 {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
._container_1c5fj_1 {
  position: relative;
}
._button_1c5fj_7 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;

  gap: 8px;

  padding: 8px;

  cursor: pointer;
  border-radius: 100%;

  background-color: transparent;
  transition: background-color var(--timing-fast) ease-in-out;
}
._button_1c5fj_7:hover {
  background-color: var(--background-color-6);
}

._alertsCount_1c5fj_49 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;

  top: 0%;
  right: 0%;

  margin-right: -16px;
  margin-top: -8px;

  width: 26px;
  min-width: 26px;
  max-width: 26px;

  height: 26px;
  min-height: 26px;
  max-height: 26px;

  color: var(--background-color-1);
  font-size: 12px;
  font-weight: 500;

  border-radius: 100%;
  background-color: var(--background-color-5);
}

._dropdown_1c5fj_107 {
  min-width: max-content;
}
._container_1p3nd_1 {
  position: relative;
}
._button_1p3nd_7 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;

  gap: 8px;

  padding: 8px;

  cursor: pointer;
  border-radius: 100%;

  background-color: transparent;
  transition: background-color var(--timing-fast) ease-in-out;
}
._button_1p3nd_7:hover {
  background-color: var(--background-color-6);
}

._notificationsCount_1p3nd_49 {
  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;

  top: 0%;
  right: 0%;

  margin-right: -16px;
  margin-top: -8px;

  width: 24px;
  height: 24px;

  color: var(--background-color-1);
  font-size: 12px;
  font-weight: 500;

  border-radius: 100%;
  background-color: var(--background-color-5);
}

._dropdown_1p3nd_97 {
  min-width: max-content;
}
._container_1wijv_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;

  width: 100dvw;
  max-width: 100%;

  height: 100dvh;
}

._contentContainer_1wijv_25 {
  display: flex;
  flex-direction: column;

  width: 100%;

  height: 100%;

  transition: transform var(--timing-fast) ease-in-out,
    max-width var(--timing-fast) ease-in-out;
  /* transition: transform var(--timing-fast) ease-in-out; */
}
._contentContainer_1wijv_25._hidden_1wijv_49 {
  max-width: calc(100% - 80px);

  transform: translateX(80px);
}
._contentContainer_1wijv_25._expanded_1wijv_59 {
  max-width: calc(100% - 265px);

  transform: translateX(265px);
}

._header_1wijv_71 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;

  gap: 16px;

  padding-top: 24px;

  width: 100%;
  max-width: 100%;

  height: 45px;
}

._username_1wijv_101 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-color-5);
}

._content_1wijv_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  width: 100%;

  min-height: fit-content;

  padding-top: 64px;
  padding-bottom: 64px;
}

._headerRightActions_1wijv_141 {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 16px;
}

._profileTrigger_1wijv_157,
._countryTrigger_1wijv_159 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 6px 10px;

  border: none;
  border-radius: 25px;

  background: transparent;

  font-size: 14px;

  cursor: pointer;

  transition: background-color var(--timing-fast), color var(--timing-fast);
}
._profileTrigger_1wijv_157:hover,
._countryTrigger_1wijv_159:hover {
  color: var(--text-color-1);

  background: #f5f4f4;
}

._profileCircle_1wijv_213 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #00bfff;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  flex-shrink: 0;
}
._initial_1wijv_241 {
  font-weight: 100;
}
._profileCircle_1wijv_213 ._initial_1wijv_241 {
  font-size: 16px;
}
._profileCircleLarge_1wijv_253 {
  width: 55px;
  height: 55px;
  font-size: 24px;
}
._profileCircleLarge_1wijv_253 ._initial_1wijv_241 {
  font-size: 24px;
}

._countryFlag_1wijv_271 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

._dropdownWrap_1wijv_287 {
  position: relative;
}

._menuPanel_1wijv_295 {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 300px;
  max-height: 360px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  background: #fff;
  z-index: 50;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._menuPanel_1wijv_295._countryPanel_1wijv_323 {
  min-width: 220px;
  max-height: 300px;
  overflow-y: auto;
}

._menuHeader_1wijv_335 {
  padding: 18px 24px;
  border-bottom: 1px solid var(--border-color-1);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color-1);
}

._profileBody_1wijv_351 {
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color-1);
  display: flex;
  align-items: center;
  gap: 16px;
}
._profileMeta_1wijv_365 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._profileMeta_1wijv_365 ._profileName_1wijv_377 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color-1);
  text-transform: capitalize;
}
._profileMeta_1wijv_365 ._role_1wijv_389 {
  font-size: 12px;
  color: var(--text-color-5);
  text-transform: capitalize;
}
._profileMeta_1wijv_365 ._email_1wijv_399 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-color-3);
}

._menuFooter_1wijv_415 {
  padding: 16px 24px;
}
._menuFooter_1wijv_415 button {
  width: 100%;
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #00bfff;
  background: #fff;
  color: #00bfff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color var(--timing-fast), color var(--timing-fast);
}
._menuFooter_1wijv_415 button:hover {
  background: rgba(0, 191, 255, 0.08);
  color: #0099cc;
}

._countryItem_1wijv_455 {
  display: flex;
  align-items: center;

  gap: 10px;

  width: 100%;

  padding: 12px 24px;

  color: var(--text-color-3);
  font-size: 14px;
  text-align: left;

  border: none;

  background: transparent;

  cursor: pointer;
  transition: background-color var(--timing-fast), color var(--timing-fast);
}
._countryItem_1wijv_455:hover {
  background: rgba(0, 191, 255, 0.06);
  color: var(--text-color-1);
}
._countryItem_1wijv_455 ._flag_1wijv_505 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
._countryItem_1wijv_455 ._countryName_1wijv_519 {
  color: var(--text-color-1);
}
._countryItem_1wijv_455 ._check_1wijv_525 {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--text-color-1);
}

._currentRouteIndicator_1wijv_537 {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  width: 100%;

  padding-left: 5%;
  padding-bottom: 2.5%;

  font-size: 18px;
  font-weight: 500;
  color: var(--text-color-1);
}