/**
 * ===================================================================
 * 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;

  /* * 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.1 | 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-font-weight: 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;
    }
  }
}

@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-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-teal-500: oklch(70.4% .14 182.503);
    --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;
    --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-4 {
    grid-column: span 4 / span 4;
  }

  .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);
  }

  .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-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-\[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;
  }

  .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-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-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);
  }

  .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-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-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-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);
  }

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

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

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

  .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);
  }

  .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-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;
  }

  .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);
  }

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

  .text-\[\#ff4713\] {
    color: #ff4713;
  }

  .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-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-400 {
    color: var(--color-orange-400);
  }

  .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);
  }

  .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);
  }

  .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;
  }

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

  .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\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

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

    .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);
  }

  .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-font-weight {
  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
}

@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_7gcfh_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_7gcfh_21 {
  width: 64px;
  height: 64px;

  animation: var(--animate-spin);

  color: var(--text-color-2);
}
._logo_7gcfh_29 {
  max-width: 220px;
  width: 50vw;
  max-height: 120px;
}
._title_11hqv_1 {
  color: var(--text-color-2);
  font-size: 24px;
  font-weight: 600;
}
._subtitle_edzv5_1 {
  font-size: 20px;
  font-weight: 600;
}
._subtitle_edzv5_1._black_edzv5_5 {
  color: var(--text-color-1);
}
._subtitle_edzv5_1._orange_edzv5_8 {
  color: var(--text-color-2);
}
._container_37b3z_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_37b3z_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
}

._wrapper_37b3z_25 {
  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_37b3z_45 {
  padding-top: 8px;
  padding-bottom: 64px;

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

  position: relative;

  gap: 8px;

  margin-top: 12px;
}

._input_1k9u0_14 {
  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_1k9u0_14:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._input_1k9u0_14:focus {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._input_1k9u0_14._big_1k9u0_36 {
  font-size: 14px;
  height: 51.25px;
}
._input_1k9u0_14._medium_1k9u0_40 {
  font-size: 13px;
  height: 36px;
}

._input_1k9u0_14._withToggle_1k9u0_45 {
  padding-right: 52px;
}

._toggleVisibility_1k9u0_49 {
  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_1k9u0_49:hover {
  color: var(--text-color-2);
}
._toggleVisibility_1k9u0_49:focus-visible {
  outline: 2px solid var(--border-color-1);
  outline-offset: 2px;
}

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

._label_1k9u0_81 {
  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_1k9u0_14._text_1k9u0_110:focus + ._label_1k9u0_81,
._input_1k9u0_14._text_1k9u0_110:not(:placeholder-shown) + ._label_1k9u0_81 {
  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_1k9u0_14._text_1k9u0_110:not(:focus):not(:placeholder-shown) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._text_1k9u0_110::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_1k9u0_14._text_1k9u0_110:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Email */
._input_1k9u0_14._email_1k9u0_139:focus + ._label_1k9u0_81,
._input_1k9u0_14._email_1k9u0_139:not(:placeholder-shown) + ._label_1k9u0_81 {
  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_1k9u0_14._email_1k9u0_139:not(:focus):not(:placeholder-shown) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._email_1k9u0_139::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_1k9u0_14._email_1k9u0_139:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Password */
._input_1k9u0_14._password_1k9u0_168:focus + ._label_1k9u0_81,
._input_1k9u0_14._password_1k9u0_168:not(:placeholder-shown) + ._label_1k9u0_81 {
  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_1k9u0_14._password_1k9u0_168:not(:focus):not(:placeholder-shown) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._password_1k9u0_168::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_1k9u0_14._password_1k9u0_168:not(:focus)::placeholder {
  color: transparent;
}

/* ! Input type Date */
._input_1k9u0_14._date_1k9u0_197:focus + ._label_1k9u0_81,
._input_1k9u0_14._date_1k9u0_197:not([value='']) + ._label_1k9u0_81 {
  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_1k9u0_14._date_1k9u0_197:not(:focus):not([value='']) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._date_1k9u0_197[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_1k9u0_14._date_1k9u0_197[value='']:not(:focus)::-webkit-datetime-edit {
  color: transparent;
}

/* ! Input type Textarea */
._input_1k9u0_14._textarea_1k9u0_226:focus + ._label_1k9u0_81,
._input_1k9u0_14._textarea_1k9u0_226:not([data-value='']) + ._label_1k9u0_81 {
  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_1k9u0_14._textarea_1k9u0_226:not(:focus):not([data-value='']) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._textarea_1k9u0_226[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_1k9u0_14._textarea_1k9u0_226[data-value='']:not(:focus)::-webkit-datetime-edit {
  color: transparent;
}

/* ! Input type Number */
._input_1k9u0_14._number_1k9u0_255:focus + ._label_1k9u0_81,
._input_1k9u0_14._number_1k9u0_255:not([value='']) + ._label_1k9u0_81 {
  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_1k9u0_14._number_1k9u0_255:not(:focus):not([value='']) + ._label_1k9u0_81 {
  color: var(--text-color-6);
}
._input_1k9u0_14._number_1k9u0_255::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_1k9u0_14._text_1k9u0_110:not(:focus)::placeholder {
  color: transparent;
}

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

  position: relative;

  gap: 8px;

  margin-top: 12px;
}
._select_o4956_13 {
  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;
}
._select_o4956_13:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._select_o4956_13:focus {
  box-shadow: 0 0 0 2px var(--border-color-1);
}
._select_o4956_13._big_o4956_37 {
  height: 51.25px;
}

._label_o4956_41 {
  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_o4956_13:focus + ._label_o4956_41,
._select_o4956_13:valid + ._label_o4956_41 {
  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_o4956_13:valid:not(:focus) + ._label_o4956_41 {
  color: var(--text-color-6);
}
._select_o4956_13::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_o4956_13:not(:focus)::placeholder {
  color: transparent;
}
._tableContainer_1lih0_1 {
  overflow: auto;

  margin-bottom: 36px;

  width: 100%;
  height: 100%;
}
._tableContainer_1lih0_1._filterable_1lih0_9 {
  margin-top: 36px;
}
._table_1lih0_1 {
  border-collapse: collapse;

  width: 100%;
  height: 100%;

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

/* .headerRow {
} */

._headerCell_1lih0_24 {
  padding-bottom: 18px;

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

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

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

._stickyRight_1lih0_41 {
  position: sticky;

  right: 0;

  z-index: 2;

  background-color: transparent;
}

._stickyHeader_1lih0_51 {
  z-index: 3;

  background-color: transparent;
}

._body_1lih0_57 {
  background-color: transparent;
}

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

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

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

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

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

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

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

._alignLeft_1lih0_127 {
  text-align: left;
}
._alignCenter_1lih0_130 {
  text-align: center;
}
._alignRight_1lih0_133 {
  text-align: right;
}

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

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

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

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

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

._pageSizeSelect_1lih0_173 {
  min-width: 84px;
}

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

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

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

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

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

._paginatorButton_1lih0_188:not(:disabled):hover {
  background: rgba(0, 0, 0, 0.06);
}
._container_1evg4_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_1evg4_17 {
  flex-shrink: 0;

  margin: auto;
}

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

  object-fit: contain;
}

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

  gap: 12px;
}

._closeButton_1evg4_45 {
  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_1evg4_1 {
  0% {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

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

._animateEnter_1evg4_90 {
  animation: _st_toast_enter_1evg4_1 200ms ease-out both;
}

._animateLeave_1evg4_94 {
  animation: _st_toast_leave_1evg4_1 150ms ease-in both;
}
._button_z0jj6_1 {
  position: relative;
  overflow: hidden;

  cursor: pointer;
  background-color: transparent;
  transition: opacity var(--timing-fast) ease-in-out;
}
._button_z0jj6_1:hover {
  opacity: 0.85;
}
._button_z0jj6_1::before {
  content: '';
  position: absolute;
  left: var(--ripple-x, 50%);
  top: var(--ripple-y, 50%);
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--background-color-8);
  opacity: 0;
  transition: width var(--timing-fast) ease-in-out,
    height var(--timing-fast) ease-in-out,
    opacity var(--timing-fast) ease-in-out;
}
._button_z0jj6_1:active::before {
  width: var(--ripple-size, 0);
  height: var(--ripple-size, 0);

  opacity: 0.7;
}

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

  border-style: solid;
  border-width: 1px;
  border-color: var(--border-color-2);
}
._primary_z0jj6_42 {
  color: white;
  background-color: var(--background-color-11);
}
._secondary_z0jj6_46 {
  color: white;
  background-color: var(--background-color-10);
}
._danger_z0jj6_50 {
  color: white;
  background-color: var(--background-color-danger-1);
}

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

  gap: 8px;

  /* min-width: 135px; */
  min-width: 36px;
  width: max-content;

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

._button_z0jj6_1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._dialog_spers_1 {
  position: relative;

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

  z-index: 100;
}
._dialog_spers_1::backdrop {
  background-color: transparent;
}
._modal_spers_13 {
  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_spers_40 {
  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_spers_59 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow-y: auto;

  width: 50%;

  height: fit-content;

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

  z-index: 200;
}
._modal-body_spers_75 {
  display: inline-block;
  position: relative;

  width: 100%;
  height: 100%;

  flex: 1;

  border-radius: 10px;
}
._modal-footer_spers_86 {
  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_spers_13._modal-fade_spers_101 {
  animation: _fade-in_spers_1 1s 1 linear;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes _fade-in_spers_1 {
  0% {
    animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._footerCloseButton_spers_116 {
  min-width: 100px;
  border-radius: 6px;
}
._dialog_1hyd7_1 {
  position: relative;

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

  z-index: 100;
}
._dialog_1hyd7_1::backdrop {
  background-color: transparent;
}
._modal_1hyd7_13 {
  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_1hyd7_40 {
  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_1hyd7_59 {
  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_1hyd7_76 {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

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

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

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

  width: 100%;
}
._buttonCancel_1hyd7_108,
._buttonConfirm_1hyd7_109 {
  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_1hyd7_108 {
  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_1hyd7_109 {
  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_1hyd7_108:hover,
._buttonCancel_1hyd7_108:active,
._buttonConfirm_1hyd7_109:hover,
._buttonConfirm_1hyd7_109:active {
  filter: blur(0.4px);
  background-color: rgba(255, 255, 255, 0.45);
}
._modal_1hyd7_13._modal-fade_1hyd7_146 {
  animation: _fade-in_1hyd7_1 1s 1 linear;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes _fade-in_1hyd7_1 {
  0% {
    animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._button_nlm44_1 {
  padding: 6px;

  position: relative;
  overflow: hidden;

  cursor: pointer;
  border-radius: 9999px;
  transition: background-color var(--timing-xx-fast) ease-in-out;
}
._button_nlm44_1._transparent_nlm44_11:hover {
  background-color: var(--background-color-6);
}
._button_nlm44_1._solid_nlm44_14:hover {
  background-color: var(--background-color-9);
}
._button_nlm44_1:active::before {
  width: 125%;
  height: 125%;
}
._button_nlm44_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_gw0dm_1 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 8px;

  width: 233.3px;
  width: 100%;
}

._title_gw0dm_13 {
  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_gw0dm_28 {
  width: 16px;
  height: 16px;

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

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

._content_gw0dm_37 {
  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_gw0dm_37::placeholder {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}

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

._content_gw0dm_37:focus,
._content_gw0dm_37:focus-within,
._content_gw0dm_37:focus-visible,
._content_gw0dm_37:target,
._content_gw0dm_37: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_gw0dm_37:disabled {
  color: var(--text-color-6);
  background: var(--background-color-9);
  cursor: not-allowed;
}

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

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

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

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

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

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

._track_1glq1_50 {
  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_1glq1_33:not(:disabled):hover + ._track_1glq1_50 {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

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

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

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

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

._thumb_1glq1_88 {
  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_1glq1_88[data-checked='true'] {
  transform: translate(20px, -50%);
}

._thumb_1glq1_88[data-disabled='true'] {
  opacity: 0.7;
  cursor: not-allowed;
}
._estado_n4kju_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_n4kju_1._Activo_n4kju_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_n4kju_1._Suspendido_n4kju_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._form_83q03_1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;

  gap: 8px;

  width: 100%;
}

._selectContainer_83q03_13 {
  display: flex;

  flex: 1;

  position: relative;

  width: 100%;
}
._select_83q03_13 {
  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_83q03_13:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

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

._select_83q03_13._big_83q03_48 {
  height: 51.25px;
}

._form_83q03_1:has(._label_83q03_52._outside_83q03_52) {
  flex-direction: column-reverse;
}

._label_83q03_52 {
  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_83q03_52._inside_83q03_72 {
  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_83q03_1:has(._panel_83q03_101[data-open='true']) ._label_83q03_52 {
  color: color-mix(in oklab, var(--text-color-3) 50%, transparent);
}
._form_83q03_1:has(._panel_83q03_101[data-open='true']) ._label_83q03_52 ._icon_83q03_104 {
  color: color-mix(in oklab, var(--text-color-2) 50%, transparent);
}

._select_83q03_13:focus + ._label_83q03_52._inside_83q03_72,
._select_83q03_13[data-open='true'] + ._label_83q03_52._inside_83q03_72,
._select_83q03_13[data-has-value='true'] + ._label_83q03_52._inside_83q03_72 {
  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_83q03_13[data-has-value='true']:not(:focus):not([data-open='true'])
  + ._label_83q03_52._inside_83q03_72 {
  color: var(--text-color-6);
}

._select_83q03_13::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_83q03_13:not(:focus)::placeholder {
  color: transparent;
}

._caret_83q03_141 {
  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_83q03_1:has(._panel_83q03_101[data-open='true']) ._caret_83q03_141 {
  transform: rotate(180deg);
}

._panel_83q03_101 {
  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_83q03_181 {
  z-index: 10000;
}

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

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

._actionBtn_83q03_199 {
  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_83q03_210 {
  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_83q03_221 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._option_83q03_221 {
  margin: 2px 0;
}

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

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

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

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

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

  position: relative;
}

._select_1gbi6_10 {
  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_1gbi6_10:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}

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

._select_1gbi6_10._big_1gbi6_36 {
  height: 51.25px;
}

._label_1gbi6_40 {
  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_1gbi6_1:has(._label_1gbi6_40._outside_1gbi6_52) {
  flex-direction: column-reverse;
}
._label_1gbi6_40._outside_1gbi6_52 {
  margin-bottom: 8px;

  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
._label_1gbi6_40._inside_1gbi6_62 {
  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_1gbi6_10:focus + ._label_1gbi6_40._inside_1gbi6_62,
._select_1gbi6_10[data-open='true'] + ._label_1gbi6_40._inside_1gbi6_62,
._select_1gbi6_10[data-has-value='true'] + ._label_1gbi6_40._inside_1gbi6_62 {
  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_1gbi6_10[data-has-value='true']:not(:focus):not([data-open='true']) + ._label_1gbi6_40 {
  color: var(--text-color-6);
}

._select_1gbi6_10::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_1gbi6_10:not(:focus)::placeholder {
  color: transparent;
}

._caret_1gbi6_104 {
  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_1gbi6_1[data-open='true'] ._caret_1gbi6_104 {
  transform: rotate(180deg);
}
._form_1gbi6_1:has(._label_1gbi6_40._outside_1gbi6_52) ._caret_1gbi6_104 {
  top: calc(55%);
}

._panel_1gbi6_125 {
  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_1gbi6_141 {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-bottom: 1px solid var(--border-color-3);
  margin-bottom: 6px;
}

._actionBtn_1gbi6_149 {
  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_1gbi6_160 {
  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_1gbi6_171 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._option_1gbi6_171 {
  margin: 2px 0;
}

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

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

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

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

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

  gap: 8px;

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

  gap: 8px;

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

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

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

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

._selectContainer_1dwdq_37 {
  position: relative;

  width: 100%;
}
._select_1dwdq_37 {
  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;
}
._select_1dwdq_37:hover {
  box-shadow: 0 0 0 2px var(--text-color-3);
}
._select_1dwdq_37:focus,
._select_1dwdq_37:focus-within,
._select_1dwdq_37:focus-visible,
._select_1dwdq_37:active {
  box-shadow: 0 0 0 2px var(--border-color-1);
}

/* ! Placeholder styles */
._select_1dwdq_37 option[data-placeholder] {
  color: color-mix(in oklab, var(--text-color-1) 50%, transparent);
}
._select_1dwdq_37:has(> option:checked[data-placeholder]) {
  color: color-mix(in oklab, var(--text-color-1, #111) 50%, transparent);
}
._select_1dwdq_37 option:checked:not([data-placeholder]) {
  color: var(--text-color-8);
  font-weight: bold;
}
/* ! Dropdown styles */
@supports (appearance: base-select) {
  ._select_1dwdq_37,
  ._select_1dwdq_37::picker(select) {
    appearance: base-select;
  }
  ._select_1dwdq_37 {
    display: flex;
    justify-content: space-between;

    cursor: pointer;
  }
  ._select_1dwdq_37::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_1dwdq_37:open::picker-icon {
    rotate: 180deg;
  }
  ._select_1dwdq_37::picker(select) {
    border: none;
  }
  ._select_1dwdq_37::picker(select) {
    opacity: 0;
    transition: all var(--timing-xx-fast) allow-discrete;
  }
  ._select_1dwdq_37::picker(select):popover-open {
    opacity: 1;

    border-radius: 8px;
  }
  @starting-style {
    ._select_1dwdq_37::picker(select):popover-open {
      opacity: 0;
    }
  }
  ._select_1dwdq_37::picker(select) {
    top: calc(anchor(bottom) + 4px);
    /* left: anchor(28%); */
  }
  ._select_1dwdq_37 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_1dwdq_37 option:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  ._select_1dwdq_37 option:last-of-type {
    border-radius: 0 0 8px 8px;
  }
  ._select_1dwdq_37 option:not(option:last-of-type) {
    border-bottom: none;
  }
  ._select_1dwdq_37 option:hover {
    background: #f5f5f5;
  }
  ._select_1dwdq_37 option:checked {
    background: rgba(0, 0, 0, 0.077);
  }
  /* .select option:nth-of-type(odd) {
  background: white;
} */
  ._select_1dwdq_37 option:checked[data-placeholder]::checkmark {
    order: 0;
    content: 'ㅤ';
  }
}
._container_1iy87_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_1iy87_14 {
  width: 100%;
  height: calc(100vh - 320px);
  overflow-x: hidden;
  overflow-y: hidden;
}
._container_1e4tn_1 {
  display: flex;
  flex-direction: row;

  gap: 32px;

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

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

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

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

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

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

._rightColumn_1e4tn_46 {
  min-height: 120px;
}

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

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

._treeDetails_1e4tn_61 {
  margin: 0;
}

._treeNodeWithChildren_1e4tn_65 {
  margin: 0;
}

._chevronButton_1e4tn_69 {
  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_1e4tn_83 {
  width: 20px;
  flex-shrink: 0;
}

._treeSummary_1e4tn_88 {
  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_1e4tn_88::-webkit-details-marker {
  display: none;
}

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

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

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

._treeLeaf_1e4tn_122 {
  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_1e4tn_122:hover {
  background-color: var(--background-color-12);
}

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

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

._chevronExpanded_1e4tn_152 {
  display: none;
}

._chevronCollapsed_1e4tn_156 {
  display: inline-flex;
}

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

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

._nodeLabel_1e4tn_168 {
  flex: 1;
}

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

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

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

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

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

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

._usersListItem_1e4tn_212 svg {
  flex-shrink: 0;
}

._usersListItemName_1e4tn_225 {
  font-weight: 600;
}

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

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

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

._departmentSummary_1e4tn_238::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_1e4tn_238::before {
  transform: rotate(45deg);
}
._container_196st_1 {
  position: relative;
  display: flex;
  flex-direction: column;

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

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

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

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

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

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

._taskPill_196st_38 {
  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_196st_51 {
  white-space: nowrap;
}

._taskDotHigh_196st_55,
._taskDotLow_196st_56 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

._taskDotHigh_196st_55 {
  background-color: #ff4b4b;
}

._taskDotLow_196st_56 {
  background-color: #ff8f2a;
}

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

  position: fixed;

  inset: 0;

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

  z-index: 50;
}

._modal_196st_70 {
  width: 100%;

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

  border-radius: 12px;

  background: #ffffff;
}

._modalHeader_196st_95 {
  margin-bottom: 18px;
}

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

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

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

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

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

._modalSection_196st_131 {
  margin-bottom: 16px;
}

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

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

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

._modalCloseButton_196st_156 {
  min-width: 96px;

  padding: 8px 18px;

  cursor: pointer;

  border-radius: 6px;

  /* background: #f43f5e; */
}

@media (max-width: 900px) {
  ._modalGrid_196st_106 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
._estado_n4kju_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_n4kju_1._Activo_n4kju_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_n4kju_1._Suspendido_n4kju_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._container_19lze_1 {
  position: relative;
  display: flex;
  flex-direction: column;

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

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

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

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

._eventPointer_19lze_23 {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

  position: fixed;

  inset: 0;

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

  z-index: 50;
}

._modal_19lze_72 {
  width: 100%;

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

  border-radius: 12px;

  background: #ffffff;
}

._modalHeader_19lze_97 {
  margin-bottom: 18px;
}

._modalEdit_19lze_101 {
  margin-bottom: 8px;
}

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

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

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

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

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

._modalSection_19lze_137 {
  margin-bottom: 16px;
}

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

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

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

._modalCloseButton_19lze_162 {
  min-width: 96px;

  padding: 8px 18px;

  cursor: pointer;

  border-radius: 6px;

  /* background: #f43f5e; */
}

@media (max-width: 900px) {
  ._modalGrid_19lze_112 {
    grid-template-columns: 1fr;
  }
}
._estado_n4kju_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_n4kju_1._Activo_n4kju_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_n4kju_1._Suspendido_n4kju_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._tab_rq4sd_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_rq4sd_28 {
  color: var(--text-color-4);

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

._rounded-top_rq4sd_37 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
._rectangular_rq4sd_41 {
  border-radius: 0;
}
._container_4pjv0_1 {
  display: flex;
  align-items: center;

  width: 100%;

  border-bottom: 1px solid var(--border-color-2);
}
._filtersContainer_v9jhv_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

._searchContainer_v9jhv_8 {
  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_v9jhv_8:focus-within {
  background-color: #fff;
  border-color: #ff4713;
  box-shadow: 0 0 0 3px rgba(255, 71, 19, 0.1);
}

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

._filterSelect_v9jhv_32 {
  padding: 12px 40px 12px 16px;
  background-color: #f5f5f5;
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  transition: all 0.2s ease;
}

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

._filterSelect_v9jhv_32:hover {
  background-color: #eee;
}

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

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

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

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

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

._productCard_v9jhv_80 {
  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_v9jhv_107 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}

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

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

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

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

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

._productCardDescription_v9jhv_154 {
  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_v9jhv_168 {
  color: rgb(0, 0, 0);
  white-space: nowrap;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
}

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

._addProduct_v9jhv_180 {
  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_v9jhv_180 span {
  color: white;
  font-size: 28px;
  line-height: 28px;
}

._loadingOverlay_v9jhv_201 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
  border-radius: 12px;
}

._paginationContainer_v9jhv_215 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

._paginationInfo_v9jhv_224 {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

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

._paginationText_v9jhv_236 {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  min-width: 120px;
  text-align: center;
}

._stickyContainer_v9jhv_244 {
  position: sticky;
  top: 16px;
  z-index: 10;
}

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

._subtotalLabel_v9jhv_257 {
  min-width: fit-content;
}

._subtotalValue_v9jhv_261 {
  font-weight: 600;
}

._cartItemDivider_v9jhv_265 {
  margin: 12px 0;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

._quantityValue_v9jhv_277 {
  width: 44px;
  text-align: center;
}

._cardWithShadow_v9jhv_282 {
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
._card_mt9fr_1 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 24px;
}

._tunelContainer_mt9fr_8 {
  max-height: calc(100vh - 250px);
  overflow: auto;
  margin-top: 10px;
}

._tunelRow_mt9fr_14 {
  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_mt9fr_24 {
  width: 20px;
  display: flex;
  align-items: center;
  cursor: grab;
  flex-shrink: 0;
}

._tunelGrip_mt9fr_24:active {
  cursor: grabbing;
}

._tunelName_mt9fr_36 {
  display: flex;
  align-items: center;
  flex-shrink: 0;

  gap: 4px;

  padding-right: 8px;

  width: 140px;

  font-weight: 600;
}
._tunelName_mt9fr_36 span {
  overflow: hidden;

  min-width: 0;

  text-overflow: ellipsis;
  white-space: nowrap;
}
._tunelName_mt9fr_36 ._iconBtn_mt9fr_57 {
  flex-shrink: 0;
}

._tunelStages_mt9fr_61 {
  display: flex;
  flex-grow: 1;

  min-width: 0;
  max-width: calc(100% - 160px);
}

._category_mt9fr_69 {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

._categoryInprogress_mt9fr_75 {
  min-width: calc(100% - 359px);
}

._categorySuccess_mt9fr_79 {
  width: 140px;
  flex-shrink: 0;
}

._categoryFailed_mt9fr_84 {
  min-width: 219px;
}

._categoryHeader_mt9fr_88 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #525c69;
  margin-bottom: 6px;
}

._stagesList_mt9fr_97 {
  min-height: 44px;

  overflow-x: visible;
}

._stagesRow_mt9fr_103 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 6px;
}

._containerEtapa_mt9fr_111 {
  display: inline-flex;
  align-items: center;

  overflow: visible;

  gap: 4px;

  max-width: 160px;
}
._containerEtapa_mt9fr_111:hover {
  ._stageButtons_mt9fr_122 {
    opacity: 1;
  }
}
._etapa_mt9fr_126 {
  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_mt9fr_150 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._stageButtons_mt9fr_122 {
  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_mt9fr_185 {
  left: 0;

  margin-left: -16px;
}
._addStageButton_mt9fr_190 {
  right: 0;

  margin-right: -16px;
}

._dragging_mt9fr_196 {
  opacity: 0.6;
}

._dragOver_mt9fr_200 {
  background: rgba(59, 130, 246, 0.06);
}
._estado_1flka_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_1flka_1._Activo_1flka_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_1flka_1._Suspendido_1flka_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}

._root_1flka_27 {
  display: flex;

  gap: 32px;

  width: 90%;

  height: 100%;
  min-height: 0;

  background: transparent;
}

._leftPanel_1flka_40 {
  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_1flka_51 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

._seguimientoItem_1flka_57 {
  padding: 12px 16px 12px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--background-color-12, #eee);
  transition: background 0.15s ease;
}

._seguimientoItem_1flka_57:hover {
  background: var(--background-color-12, #f5f5f5);
}

._seguimientoItemSelected_1flka_68 {
  background: var(--background-color-12, #e8eaf6);
}

._seguimientoItemDisabled_1flka_72 {
  cursor: default;
  opacity: 0.8;
}

._seguimientoTitle_1flka_77 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._seguimientoEtapa_1flka_87 {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  border-radius: 9999px;
  flex-shrink: 0;
}

._seguimientoComentario_1flka_97 {
  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_1flka_108 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
  gap: 8px;
}

._seguimientoFecha_1flka_116 {
  font-size: 12px;
  white-space: nowrap;
}

._messageIcon_1flka_121 {
  color: #075e54;
  display: flex;
  align-items: center;
}

._rightPanel_1flka_127 {
  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_1flka_137 {
  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_1flka_146 {
  background: gray;
}

._chatHeaderAvatar_1flka_150 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 15px 0 0;
}

._chatHeaderInfo_1flka_158 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  flex: 1;
  min-width: 0;
}

._chatHeaderName_1flka_167 {
  font-weight: 500;
  font-size: 0.8em;
  color: #fff;
  word-break: break-word;
}

._chatHeaderPhone_1flka_174 {
  font-weight: 200;
  font-size: 0.9em;
  color: #fff;
}

._chatHeaderTitle_1flka_180 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

._messagesWrap_1flka_187 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 10px;
  background: #fff;
}

._message_1flka_121 {
  margin-bottom: 12px;
  max-width: 75%;
  word-break: break-word;
}

._messageLeft_1flka_201 {
  margin-right: auto;
  margin-left: 0;
}

._messageRight_1flka_206 {
  margin-left: auto;
  margin-right: 0;
}

._msgDetail_1flka_211 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-color-12, #f0f0f0);
}

._messageRight_1flka_206 ._msgDetail_1flka_211 {
  background: #dcf8c6;
}

._msgInfo_1flka_221 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  margin-bottom: 4px;
}

._msgContent_1flka_227 {
  font-size: 14px;
  line-break: normal;
}

._hrSect_1flka_232 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: center;
  margin: 8px 0;
}

._inputBar_1flka_239 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid var(--background-color-12, #eee);
  background: #fff;
}

._emojiBtn_1flka_248 {
  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_1flka_248:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._chatInputWrap_1flka_266 {
  flex: 1;
  min-width: 0;
}

._chatInput_1flka_266 {
  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_1flka_266:focus {
  outline: none;
  border-color: var(--primary-color, #6366f1);
}

._chatHint_1flka_288 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: right;
  margin-top: 2px;
}

._sendBtn_1flka_295 {
  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_1flka_295:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._emptyState_1flka_313 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  color: var(--text-color-2, #666);
  font-size: 14px;
}

._menuButton_1flka_322 {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

._menuButton_1flka_322:hover {
  background: rgba(255, 255, 255, 0.2);
}

._menuButton_1flka_322:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._estado_14tpl_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_14tpl_1._Activo_14tpl_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_14tpl_1._Suspendido_14tpl_22 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}

._callRoot_14tpl_27 {
  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_14tpl_41 {
  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_14tpl_50 {
  display: flex;
  align-items: center;
  gap: 0 4px;
  color: #fff;
}

._callContent_14tpl_57 {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #fff;
}

._root_14tpl_64 {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: transparent;
}

._leftPanel_14tpl_72 {
  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_14tpl_83 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

._seguimientoItem_14tpl_89 {
  padding: 12px 16px 12px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--background-color-12, #eee);
  transition: background 0.15s ease;
}

._seguimientoItem_14tpl_89:hover {
  background: var(--background-color-12, #f5f5f5);
}

._seguimientoItemSelected_14tpl_100 {
  background: var(--background-color-12, #e8eaf6);
}

._seguimientoItemDisabled_14tpl_104 {
  cursor: default;
  opacity: 0.8;
}

._seguimientoTitle_14tpl_109 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

._seguimientoEtapa_14tpl_119 {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  border-radius: 9999px;
  flex-shrink: 0;
}

._seguimientoComentario_14tpl_129 {
  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_14tpl_140 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
  gap: 8px;
}

._seguimientoFecha_14tpl_148 {
  font-size: 12px;
  white-space: nowrap;
}

._messageIcon_14tpl_153 {
  color: #075e54;
  display: flex;
  align-items: center;
}

._rightPanel_14tpl_159 {
  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_14tpl_169 {
  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_14tpl_178 {
  background: #007bff;
}

._chatHeaderAvatar_14tpl_182 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 15px 0 0;
}

._chatHeaderInfo_14tpl_190 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  flex: 1;
  min-width: 0;
}

._chatHeaderName_14tpl_199 {
  font-weight: 500;
  font-size: 0.8em;
  color: #fff;
  word-break: break-word;
}

._chatHeaderPhone_14tpl_206 {
  font-weight: 200;
  font-size: 0.9em;
  color: #fff;
}

._chatHeaderTitle_14tpl_212 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

._messagesWrap_14tpl_219 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 10px;
  background: #fff;
}

._message_14tpl_153 {
  margin-bottom: 12px;
  max-width: 75%;
  word-break: break-word;
}

._messageLeft_14tpl_233 {
  margin-right: auto;
  margin-left: 0;
}

._messageRight_14tpl_238 {
  margin-left: auto;
  margin-right: 0;
}

._msgDetail_14tpl_243 {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--background-color-12, #f0f0f0);
}

._messageRight_14tpl_238 ._msgDetail_14tpl_243 {
  background: #dcf8c6;
}

._msgInfo_14tpl_253 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  margin-bottom: 4px;
}

._msgContent_14tpl_259 {
  font-size: 14px;
  line-break: normal;
}

._hrSect_14tpl_264 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: center;
  margin: 8px 0;
}

._inputBar_14tpl_271 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid var(--background-color-12, #eee);
  background: #fff;
}

._emojiBtn_14tpl_280 {
  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_14tpl_280:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._chatInputWrap_14tpl_298 {
  flex: 1;
  min-width: 0;
}

._chatInput_14tpl_298 {
  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_14tpl_298:focus {
  outline: none;
  border-color: var(--primary-color, #6366f1);
}

._chatHint_14tpl_320 {
  font-size: 12px;
  color: var(--text-color-2, #666);
  text-align: right;
  margin-top: 2px;
}

._sendBtn_14tpl_327 {
  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_14tpl_327:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._emptyState_14tpl_345 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  color: var(--text-color-2, #666);
  font-size: 14px;
}

._menuButton_14tpl_354 {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

._menuButton_14tpl_354:hover {
  background: rgba(255, 255, 255, 0.2);
}

._menuButton_14tpl_354:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._estado_w9z9m_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_w9z9m_1._Activo_w9z9m_13 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_w9z9m_1._Suspendido_w9z9m_17 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}
._estado_wrfw7_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_wrfw7_1._Activo_wrfw7_18 {
  color: var(--text-color-success-1);
  background-color: rgba(0, 128, 0, 0.15);
}
._estado_wrfw7_1._Suspendido_wrfw7_22,
._estado_wrfw7_1._Inactivo_wrfw7_23 {
  color: var(--text-color-error-1);
  background-color: rgba(255, 0, 0, 0.15);
}

._seguimientoCard_wrfw7_28 {
  padding: 16px;
  margin: 8px 12px;
  border-radius: 12px;
  background-color: var(--background-color-12);
}

._seguimientoTable_wrfw7_35 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

._seguimientoTh_wrfw7_41 {
  padding: 8px 12px;
  text-align: left;
  font-weight: 600;
  color: var(--text-color-3);
  border-bottom: 1px solid var(--border-color-2);
}

._seguimientoTd_wrfw7_49 {
  padding: 8px 12px;
  color: var(--text-color-3);
  border-bottom: 1px solid var(--border-color-2);
}

._estadoTag_wrfw7_55 {
  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);
}
._container_h23oe_1 {
  min-height: 100vh;
  padding: 40px 20px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._header_h23oe_10 {
  text-align: center;
  margin-bottom: 50px;
  color: #333;
}

._title_h23oe_16 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1a1a2e;
}

._subtitle_h23oe_23 {
  font-size: 1.2rem;
  color: #666;
}

._countriesGrid_h23oe_28 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 800px;
  width: 100%;
  padding: 0 20px;
}

._countryCard_h23oe_37 {
  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_h23oe_1 300ms ease-out backwards;
}

._countryCard_h23oe_37:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border-color: #4facfe;
}

._countryCard_h23oe_37::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_h23oe_37:hover::before {
  opacity: 1;
}

._countryCard_h23oe_37._selected_h23oe_75 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  border-color: #4facfe;
}

._countryCard_h23oe_37._selected_h23oe_75 ._countryName_h23oe_80 {
  color: white;
}

@keyframes _cardEnter_h23oe_1 {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

._flagContainer_h23oe_95 {
  margin-bottom: 20px;
}

._flagImage_h23oe_99 {
  width: 160px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

._countryCard_h23oe_37:hover ._flagImage_h23oe_99 {
  transform: scale(1.05);
}

._countryInfo_h23oe_111 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._countryName_h23oe_80 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  margin: 0;
}

._checkIcon_h23oe_125 {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
}

._checkIcon_h23oe_125 svg {
  width: 32px;
  height: 32px;
}

._selectedInfo_h23oe_137 {
  margin-top: 50px;
  width: 100%;
  max-width: 500px;
}

._selectedCard_h23oe_143 {
  border-radius: 16px;
  background: #f8f9fa;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

._selectedContent_h23oe_149 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
}

._selectedFlagImage_h23oe_156 {
  width: 80px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._selectedDetails_h23oe_163 {
  display: flex;
  flex-direction: column;
}

._selectedLabel_h23oe_168 {
  font-size: 0.9rem;
  color: #666;
}

._selectedDetails_h23oe_163 ._selectedName_h23oe_173 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
}

._nextButton_h23oe_179 {
  margin-left: auto;
  padding: 12px 32px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
}

@media (max-width: 768px) {
  ._header_h23oe_10 ._title_h23oe_16 {
    font-size: 1.8rem;
  }

  ._header_h23oe_10 ._subtitle_h23oe_23 {
    font-size: 1rem;
  }

  ._countriesGrid_h23oe_28 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  ._countryCard_h23oe_37 {
    padding: 20px;
  }

  ._flagContainer_h23oe_95 ._flagImage_h23oe_99 {
    width: 120px;
  }

  ._countryInfo_h23oe_111 ._countryName_h23oe_80 {
    font-size: 1.4rem;
  }
}
._sidebarContainer_1huh9_1 {
  position: relative;

  min-height: 100dvh;

  transition: transform var(--timing-fast) ease-in-out;
}
._toggleSidebarButtonContainer_1huh9_8 {
  position: fixed;

  margin-top: 36px;
  margin-left: 12px;

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

  z-index: 100;
}
._toggleSidebarButtonContainer_1huh9_8._collapsed_1huh9_18 {
  width: 80px;
}
._toggleSidebarButtonContainer_1huh9_8._expanded_1huh9_21 {
  width: 265px;
}
._toggleSidebarButton_1huh9_8._toggleSidebarButton_1huh9_8 {
  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_1huh9_47 {
  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_1huh9_47._collapsed_1huh9_18 {
  width: 80px;

  box-shadow: var(--shadow-elevation-medium-small);
}
._container_1huh9_47._expanded_1huh9_21 {
  width: 265px;

  box-shadow: var(--shadow-elevation-medium);
}

._logoContainer_1huh9_92 {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;

  width: 100%;
  min-width: 100%;

  padding-left: 4px;
}
._logo_1huh9_92 {
  width: 32px;
  min-width: 32px;
  max-width: 32px;

  height: 32px;
  min-height: 32px;
  max-height: 32px;

  &._collapsed_1huh9_18 {
    width: 32px;
    min-width: 32px;
    max-width: 32px;

    height: 32px;
    min-height: 32px;
    max-height: 32px;

    margin-top: 11px;

    animation: _logoCollapsedIn_1huh9_1 var(--timing-fast) ease-out both;
  }
  &._expanded_1huh9_21 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;

    height: 52px;
    min-height: 52px;
    max-height: 52px;

    animation: _logoExpandedIn_1huh9_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_1huh9_1 {
  from {
    opacity: 0;
    transform: translateX(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes _logoCollapsedIn_1huh9_1 {
  from {
    opacity: 0;
    transform: translateX(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

._navigationContainer_1huh9_165 {
  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_1huh9_181 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;

  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
._parent_1huh9_192 {
  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_1huh9_206 {
  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;

  transition-behavior: allow-discrete;
  z-index: 1;
}
._navigationItem_1huh9_206._expanded_1huh9_21 {
  width: 100%;

  border-radius: 24px;
}
._navigationItem_1huh9_206._collapsed_1huh9_18 {
  flex-direction: column;
  justify-content: center;

  gap: 4px;

  padding: 4px;

  border-radius: 16px;
}
._navigationItemName_1huh9_251 {
  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_1huh9_251._collapsed_1huh9_18 {
  max-width: 100%;

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

  opacity: 1;
}
._navigationItem_1huh9_206._active_1huh9_267 {
  color: var(--text-color-4);
  background-color: var(--background-color-2);
}
._navigationItem_1huh9_206._inactive_1huh9_271 {
  color: var(--text-color-3);
}
._navigationItem_1huh9_206:hover:not(._active_1huh9_267) {
  background-color: var(--background-color-3);
}

._navigationItem_1huh9_206._child_1huh9_278 {
  padding-left: 28px;
  height: 40px;
}

._navigationItem_1huh9_206._child_1huh9_278::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_1huh9_295 {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

._childIndicator_1huh9_302 {
  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_1huh9_302 {
  text-decoration: none;
}
._childIndicator_1huh9_302::before {
  content: '';

  position: absolute;

  left: 24px;
  top: -4px;
  bottom: 50%;

  width: 1px;

  background-color: var(--border-color-5);

  opacity: 0.7;
}
._childIndicator_1huh9_302:has(~ ._childIndicator_1huh9_302)::before {
  height: 40px;
}
._childIndicator_1huh9_302::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_1huh9_360 {
  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_1huh9_374 {
  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_1huh9_374:hover {
  background-color: var(--background-color-8);
}
._childIndicatorActive_1huh9_405 ._childIndicatorName_1huh9_374 {
  background-color: var(--background-color-13);
}

._navigationItem_1huh9_206::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_1huh9_206:active::before {
  transition: width var(--timing-fast) ease-out,
    height var(--timing-fast) ease-out;
  width: 300px;
  height: 300px;
}
._wrapper_qw2ok_1 {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--background-color-1);
  color: var(--text-color-1);
}

._surface_qw2ok_10 {
  display: grid;
  justify-items: start;
  align-items: start;
  gap: clamp(16px, 2.5vw, 28px);
}

._brandBadge_qw2ok_17 {
  display: inline-block;
  text-decoration: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  line-height: 0;
}

._brandLogo_qw2ok_26 {
  display: block;
  width: clamp(96px, 25vw, 256px);
  height: auto;
  object-fit: contain;
}

._card_qw2ok_33 {
  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_qw2ok_46 {
  display: grid;
  gap: 4px;
}

._appName_qw2ok_51 {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

._appTag_qw2ok_57 {
  font-size: 12px;
  opacity: 0.8;
}

._hero_qw2ok_62 {
  display: grid;
  gap: 6px;
}

._title_qw2ok_67 {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.2px;
}

._subtitle_qw2ok_74 {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  opacity: 0.95;
}

._suggestions_qw2ok_81 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

._suggestionItem_qw2ok_89 {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.95;
}

._suggestionItem_qw2ok_89::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_qw2ok_109 {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

._primary_qw2ok_116 {
  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_qw2ok_116:hover {
  filter: brightness(1.06);
}

._secondary_qw2ok_134 {
  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_qw2ok_134:hover {
  background: var(--background-color-6);
}

._link_qw2ok_151 {
  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_qw2ok_151:hover {
  background: var(--background-color-6);
}

._ghost_qw2ok_167 {
  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_qw2ok_167:hover {
  background: var(--background-color-6);
}

._meta_qw2ok_185 {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.85;
  font-size: 12px;
}

._badgeSmall_qw2ok_193 {
  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_qw2ok_203 {
  opacity: 0.6;
}

._disclosure_qw2ok_207 {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 8px 0 0 0;
  text-align: left;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
}

._dialogRoot_qw2ok_218 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
}

._dialogBackdrop_qw2ok_226 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(1px);
}

._dialogCard_qw2ok_233 {
  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_qw2ok_247 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._dialogTitle_qw2ok_254 {
  font-weight: 800;
  font-size: 16px;
}

._dialogActions_qw2ok_259 {
  display: flex;
  gap: 8px;
}

._dialogClose_qw2ok_264 {
  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_qw2ok_264:hover {
  background: var(--background-color-6);
}

._advanced_qw2ok_280 {
  display: none;
}

._details_qw2ok_284 {
  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_qw2ok_300 {
  display: none;
}

._copy_qw2ok_304 {
  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_qw2ok_304:hover {
  background: var(--background-color-6);
}

@media (max-width: 560px) {
  ._brandLogo_qw2ok_26 {
    width: clamp(84px, 24vw, 124px);
  }

  ._dialogCard_qw2ok_233 {
    width: 94vw;
    max-height: 70vh;
  }
}

._icon_qw2ok_331 {
  width: 18px;
  height: 18px;
}
._container_1mqql_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_1mqql_1._visible_1mqql_25 {
  transform-origin: top left;
  animation: _revealDown_1mqql_1 var(--timing-fast) ease-in-out forwards;
}

@keyframes _revealDown_1mqql_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_1mqql_43 {
  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_1mqql_43:first-child {
  border-radius: 4px 4px 0 0;
}
._item_1mqql_43:last-child {
  border-radius: 0 0 4px 4px;
}
._item_1mqql_43:hover,
._item_1mqql_43._active_1mqql_75 {
  color: white;
  background-color: var(--background-color-5);
}
._item_1mqql_43:hover ._icon_1mqql_79 svg {
  color: white;
}
._item_1mqql_43._component_1mqql_82 {
  color: white;
}
._container_5fohq_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_5fohq_1:focus-within {
  outline: 1px solid var(--border-color-1);
}

._input_5fohq_31 {
  width: 100%;
  height: 100%;

  color: var(--text-color-1);
}
._input_5fohq_31:focus {
  outline: none;
}

._icon_5fohq_41 {
  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_5fohq_41._focus_5fohq_57 {
  width: 16px;
  min-width: 16px;
  max-width: 16px;

  height: 16px;
  min-height: 16px;
  max-height: 16px;
}
._container_6qqqe_1 {
  position: relative;
}
._button_6qqqe_4 {
  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_6qqqe_4:hover {
  background-color: var(--background-color-6);
}

._alertsCount_6qqqe_25 {
  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_6qqqe_54 {
  min-width: max-content;
}
._container_1qhdo_1 {
  position: relative;
}
._button_1qhdo_4 {
  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_1qhdo_4:hover {
  background-color: var(--background-color-6);
}

._notificationsCount_1qhdo_25 {
  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_1qhdo_49 {
  min-width: max-content;
}
._container_1dg0l_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;

  width: 100dvw;
  max-width: 100%;

  height: 100dvh;
}

._contentContainer_1dg0l_13 {
  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_1dg0l_13._hidden_1dg0l_25 {
  max-width: calc(100% - 80px);

  transform: translateX(80px);
}
._contentContainer_1dg0l_13._expanded_1dg0l_30 {
  max-width: calc(100% - 265px);

  transform: translateX(265px);
}

._header_1dg0l_36 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;

  gap: 16px;

  padding-top: 24px;

  width: 100%;
  max-width: 100%;

  height: 45px;
}

._username_1dg0l_51 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-color-5);
}

._content_1dg0l_13 {
  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_1dg0l_71 {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 16px;
}

._profileTrigger_1dg0l_79,
._countryTrigger_1dg0l_80 {
  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_1dg0l_79:hover,
._countryTrigger_1dg0l_80:hover {
  color: var(--text-color-1);

  background: #f5f4f4;
}

._profileCircle_1dg0l_107 {
  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_1dg0l_121 {
  font-weight: 100;
}
._profileCircle_1dg0l_107 ._initial_1dg0l_121 {
  font-size: 16px;
}
._profileCircleLarge_1dg0l_127 {
  width: 55px;
  height: 55px;
  font-size: 24px;
}
._profileCircleLarge_1dg0l_127 ._initial_1dg0l_121 {
  font-size: 24px;
}

._countryFlag_1dg0l_136 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

._dropdownWrap_1dg0l_144 {
  position: relative;
}

._menuPanel_1dg0l_148 {
  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_1dg0l_148._countryPanel_1dg0l_162 {
  min-width: 220px;
  max-height: 300px;
  overflow-y: auto;
}

._menuHeader_1dg0l_168 {
  padding: 18px 24px;
  border-bottom: 1px solid var(--border-color-1);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color-1);
}

._profileBody_1dg0l_176 {
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color-1);
  display: flex;
  align-items: center;
  gap: 16px;
}
._profileMeta_1dg0l_183 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._profileMeta_1dg0l_183 ._profileName_1dg0l_189 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color-1);
  text-transform: capitalize;
}
._profileMeta_1dg0l_183 ._role_1dg0l_195 {
  font-size: 12px;
  color: var(--text-color-5);
  text-transform: capitalize;
}
._profileMeta_1dg0l_183 ._email_1dg0l_200 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-color-3);
}

._menuFooter_1dg0l_208 {
  padding: 16px 24px;
}
._menuFooter_1dg0l_208 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_1dg0l_208 button:hover {
  background: rgba(0, 191, 255, 0.08);
  color: #0099cc;
}

._countryItem_1dg0l_228 {
  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_1dg0l_228:hover {
  background: rgba(0, 191, 255, 0.06);
  color: var(--text-color-1);
}
._countryItem_1dg0l_228 ._flag_1dg0l_253 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
._countryItem_1dg0l_228 ._countryName_1dg0l_260 {
  color: var(--text-color-1);
}
._countryItem_1dg0l_228 ._check_1dg0l_263 {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--text-color-1);
}

._currentRouteIndicator_1dg0l_269 {
  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);
}