@charset "UTF-8";

/* src/custom-theme.scss */
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primario-50: rgb(237 245 252);
    --color-primario-100: rgb(199 225 250);
    --color-primario-700: rgb(5 105 199);
    --color-primario-800: rgb(8 84 155);
    --color-primario-base: rgb(0 58 112);
    --color-secundario-50: rgb(252 245 237);
    --color-secundario-100: rgb(250 226 199);
    --color-secundario-700: rgb(199 107 5);
    --color-secundario-800: rgb(155 85 8);
    --color-secundario-base: rgb(255 144 21);
    --color-exito-50: rgba(242, 248, 242, 1);
    --color-exito-700: rgba(66, 140, 64, 1);
    --color-exito-800: rgb(54 110 53);
    --color-exito-base: rgb(72 161 70);
    --color-destructivo-50: rgb(251 240 239);
    --color-destructivo-600: rgb(214 43 30);
    --color-destructivo-700: rgb(177 37 27);
    --color-destructivo-base: rgb(226 45 32);
    --color-informativo-50: rgb(239 243 251);
    --color-informativo-100: rgb(204 220 245);
    --color-informativo-600: rgb(25 100 220);
    --color-informativo-700: rgb(23 84 181);
    --color-informativo-800: rgb(22 68 141);
    --color-advertencia-50: rgb(252 244 237);
    --color-advertencia-700: rgb(199 94 5);
    --color-neutrales-50: rgb(245 245 245);
    --color-neutrales-100: rgb(224 224 224);
    --color-neutrales-200: rgb(204 204 204);
    --color-neutrales-600: rgb(122 122 122);
    --color-neutrales-700: rgb(102 102 102);
    --color-neutrales-800: rgb(82 82 82);
    --color-neutrales-900: rgb(61 61 61);
    --color-texto-blanco: rgb(255 255 255);
    --color-texto-complementario: rgb(122 122 122);
    --color-texto-relevante: rgb(0 0 0);
    --color-texto-titulos: rgb(61 61 61);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-\[3px\] {
    left: 3px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .ms-\[2px\] {
    margin-inline-start: 2px;
  }
  .ms-\[3px\] {
    margin-inline-start: 3px;
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .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-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[90\%\] {
    height: 90%;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .\!w-0 {
    width: calc(var(--spacing) * 0) !important;
  }
  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }
  .\!w-30 {
    width: calc(var(--spacing) * 30) !important;
  }
  .\!w-35 {
    width: calc(var(--spacing) * 35) !important;
  }
  .\!w-\[100px\] {
    width: 100px !important;
  }
  .\!w-\[150px\] {
    width: 150px !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-45 {
    width: calc(var(--spacing) * 45);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-55 {
    width: calc(var(--spacing) * 55);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-150 {
    width: calc(var(--spacing) * 150);
  }
  .w-200 {
    width: calc(var(--spacing) * 200);
  }
  .w-205 {
    width: calc(var(--spacing) * 205);
  }
  .w-250 {
    width: calc(var(--spacing) * 250);
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[103px\] {
    width: 103px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[122px\] {
    width: 122px;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[132px\] {
    width: 132px;
  }
  .w-\[134px\] {
    width: 134px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[155px\] {
    width: 155px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[182px\] {
    width: 182px;
  }
  .w-\[205px\] {
    width: 205px;
  }
  .w-\[207px\] {
    width: 207px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[257px\] {
    width: 257px;
  }
  .w-\[273px\] {
    width: 273px;
  }
  .w-\[317px\] {
    width: 317px;
  }
  .w-\[403px\] {
    width: 403px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[429px\] {
    width: 429px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .\!max-w-\[100\%\] {
    max-width: 100% !important;
  }
  .max-w-\[25ch\] {
    max-width: 25ch;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[752px\] {
    max-width: 752px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-\[900px\] {
    min-width: 900px;
  }
  .\!flex-\[1_0_100\%\] {
    flex: 1 0 100% !important;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .\!grow {
    flex-grow: 1 !important;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\!items-center {
    align-items: center !important;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-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-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[64px\] {
    border-radius: 64px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-advertencia-700 {
    border-color: var(--color-advertencia-700) !important;
  }
  .\!border-destructivo-base {
    border-color: var(--color-destructivo-base) !important;
  }
  .\!border-neutrales-600 {
    border-color: var(--color-neutrales-600) !important;
  }
  .border-\[\#1976D2\] {
    border-color: #1976D2;
  }
  .border-\[\#E5E7EB\] {
    border-color: #E5E7EB;
  }
  .border-\[\#b8b8b8\] {
    border-color: #b8b8b8;
  }
  .border-exito-base {
    border-color: var(--color-exito-base);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-informativo-700 {
    border-color: var(--color-informativo-700);
  }
  .border-neutrales-100 {
    border-color: var(--color-neutrales-100);
  }
  .border-neutrales-200 {
    border-color: var(--color-neutrales-200);
  }
  .border-primario-base {
    border-color: var(--color-primario-base);
  }
  .border-b-neutrales-100 {
    border-bottom-color: var(--color-neutrales-100);
  }
  .\!bg-advertencia-50 {
    background-color: var(--color-advertencia-50) !important;
  }
  .\!bg-amber-500 {
    background-color: var(--color-amber-500) !important;
  }
  .\!bg-blue-600 {
    background-color: var(--color-blue-600) !important;
  }
  .\!bg-emerald-600 {
    background-color: var(--color-emerald-600) !important;
  }
  .\!bg-neutrales-100 {
    background-color: var(--color-neutrales-100) !important;
  }
  .\!bg-red-500 {
    background-color: var(--color-red-500) !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[rgba\(239\,243\,251\,0\.5\)\] {
    background-color: rgba(239, 243, 251, 0.5);
  }
  .bg-\[var\(--Destructivo-50\,\#FBF0EF\)\] {
    background-color: var(--Destructivo-50,#FBF0EF);
  }
  .bg-\[var\(--Neutrales-50\,\#F5F5F5\)\] {
    background-color: var(--Neutrales-50,#F5F5F5);
  }
  .bg-\[var\(--primario-Base\,\#003A70\)\] {
    background-color: var(--primario-Base,#003A70);
  }
  .bg-advertencia-50 {
    background-color: var(--color-advertencia-50);
  }
  .bg-destructivo-50 {
    background-color: var(--color-destructivo-50);
  }
  .bg-exito-50 {
    background-color: var(--color-exito-50);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-informativo-50 {
    background-color: var(--color-informativo-50);
  }
  .bg-informativo-100 {
    background-color: var(--color-informativo-100);
  }
  .bg-neutrales-50 {
    background-color: var(--color-neutrales-50);
  }
  .bg-primario-100 {
    background-color: var(--color-primario-100);
  }
  .bg-primario-base {
    background-color: var(--color-primario-base);
  }
  .bg-secundario-50 {
    background-color: var(--color-secundario-50);
  }
  .bg-secundario-100 {
    background-color: var(--color-secundario-100);
  }
  .bg-secundario-base {
    background-color: var(--color-secundario-base);
  }
  .bg-texto-blanco {
    background-color: var(--color-texto-blanco);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[24px_16px\] {
    padding: 24px 16px;
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .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-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-\[19px\] {
    padding-block: 19px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-right {
    text-align: right;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-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-\[16px\] {
    font-size: 16px !important;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.5\%\] {
    --tw-tracking: -0.5%;
    letter-spacing: -0.5%;
  }
  .tracking-\[-0\.07px\] {
    --tw-tracking: -0.07px;
    letter-spacing: -0.07px;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-advertencia-700 {
    color: var(--color-advertencia-700) !important;
  }
  .\!text-destructivo-base {
    color: var(--color-destructivo-base) !important;
  }
  .\!text-neutrales-600 {
    color: var(--color-neutrales-600) !important;
  }
  .\!text-texto-titulos {
    color: var(--color-texto-titulos) !important;
  }
  .text-\[\#7a7a7a\] {
    color: #7a7a7a;
  }
  .text-\[\#1976D2\] {
    color: #1976D2;
  }
  .text-advertencia-700 {
    color: var(--color-advertencia-700);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-destructivo-600 {
    color: var(--color-destructivo-600);
  }
  .text-destructivo-700 {
    color: var(--color-destructivo-700);
  }
  .text-destructivo-base {
    color: var(--color-destructivo-base);
  }
  .text-exito-700 {
    color: var(--color-exito-700);
  }
  .text-exito-800 {
    color: var(--color-exito-800);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-informativo-600 {
    color: var(--color-informativo-600);
  }
  .text-informativo-800 {
    color: var(--color-informativo-800);
  }
  .text-neutrales-700 {
    color: var(--color-neutrales-700);
  }
  .text-neutrales-800 {
    color: var(--color-neutrales-800);
  }
  .text-neutrales-900 {
    color: var(--color-neutrales-900);
  }
  .text-primario-base {
    color: var(--color-primario-base);
  }
  .text-secundario-700 {
    color: var(--color-secundario-700);
  }
  .text-secundario-800 {
    color: var(--color-secundario-800);
  }
  .text-texto-blanco {
    color: var(--color-texto-blanco);
  }
  .text-texto-complementario {
    color: var(--color-texto-complementario);
  }
  .text-texto-relevante {
    color: var(--color-texto-relevante);
  }
  .text-texto-titulos {
    color: var(--color-texto-titulos);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .accent-primario-base {
    accent-color: var(--color-primario-base);
  }
  .opacity-60 {
    opacity: 60%;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (hover: hover) {
    .hover\:\!bg-neutrales-50:hover {
      background-color: var(--color-neutrales-50) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!bg-neutrales-100:hover {
      background-color: var(--color-neutrales-100) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!bg-primario-50:hover {
      background-color: var(--color-primario-50) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!bg-primario-base:hover {
      background-color: var(--color-primario-base) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!bg-white:hover {
      background-color: var(--color-white) !important;
    }
  }
  @media (hover: hover) {
    .hover\:bg-destructivo-50:hover {
      background-color: var(--color-destructivo-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-neutrales-50:hover {
      background-color: var(--color-neutrales-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primario-50:hover {
      background-color: var(--color-primario-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primario-700:hover {
      background-color: var(--color-primario-700);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primario-800:hover {
      background-color: var(--color-primario-800);
    }
  }
  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .hover\:\!text-neutrales-600:hover {
      color: var(--color-neutrales-600) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!text-texto-blanco:hover {
      color: var(--color-texto-blanco) !important;
    }
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 40rem) {
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:h-\[150px\] {
      height: 150px;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-\[150px\] {
      width: 150px;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-\[716px\] {
      max-width: 716px;
    }
  }
  @media (width >= 40rem) {
    .sm\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-1 {
      flex: 1;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-\[22px\] {
      padding: 22px;
    }
  }
  @media (width >= 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:h-\[198px\] {
      height: 198px;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-45 {
      width: calc(var(--spacing) * 45);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-50 {
      width: calc(var(--spacing) * 50);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-65 {
      width: calc(var(--spacing) * 65);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-70 {
      width: calc(var(--spacing) * 70);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-100 {
      width: calc(var(--spacing) * 100);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-200 {
      width: calc(var(--spacing) * 200);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel,
.mat-mdc-menu-panel {
  background-color: #fff !important;
}
.my-table .mat-mdc-row,
.my-table .mat-mdc-cell {
  background-color: var(--color-white) !important;
  --mat-table-row-item-label-text-color: var(--color-texto-titulos);
  height: 72px;
}
.my-table-short .mat-mdc-row,
.my-table-short .mat-mdc-cell {
  background-color: var(--color-white) !important;
  --mat-table-row-item-label-text-color: var(--color-texto-titulos);
  height: 52px;
}
.my-table .mat-mdc-row:nth-child(even) .mat-mdc-cell {
  background-color: var(--color-white) !important;
}
.my-table .mdc-data-table__cell,
.my-table .mdc-data-table__header-cell {
  padding: 5px;
}
.my-table .mat-column-status,
.my-table .mat-column-actions,
.my-table .mat-column-activeParticipants,
.my-table .mat-column-remainingTime,
.my-table .mat-column-basePrice,
.my-table .mat-column-currentOffer,
.my-table .mat-column-auctionType {
  text-align: center;
}
.my-table .header-align-center .mat-sort-header-container {
  justify-content: center;
}
.my-table th.header-align-right .mat-sort-header-container {
  justify-content: flex-end;
}
.my-table .mat-mdc-table .mat-mdc-cell,
.my-table .mat-mdc-table .mat-mdc-footer-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.my-table .mat-mdc-table .mat-mdc-header-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
html {
  --mat-badge-text-font: Inter, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Inter, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Inter, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Inter, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Inter, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Inter, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Inter, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Inter, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Inter, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Inter, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Inter, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Inter, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Inter, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Inter, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Inter, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-label-text-font: Inter, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Inter, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Inter, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Inter, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Inter, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Inter, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Inter, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Inter, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Inter, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Inter, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Inter, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-tooltip-supporting-text-font: Inter, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-container-text-font: Inter, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Inter, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Inter, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Inter, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Inter, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-dialog-subhead-font: Inter, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Inter, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Inter, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-label-text-font: Inter, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Inter, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Inter, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-label-label-text-font: Inter, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Inter, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-list-item-label-text-font: Inter, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Inter, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Inter, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Inter, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Inter, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Inter, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Inter, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-label-text-font: Inter, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Inter, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Inter, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Inter, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Inter, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-fab-extended-label-text-font: Inter, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-supporting-text-font: Inter, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Inter, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Inter, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Inter, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  color-scheme: light;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
}
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@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-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}

/* src/styles.css */
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-cyrillic-ext-400-normal.woff2") format("woff2"), url("./media/inter-cyrillic-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-cyrillic-400-normal.woff2") format("woff2"), url("./media/inter-cyrillic-400-normal.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-greek-ext-400-normal.woff2") format("woff2"), url("./media/inter-greek-ext-400-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-greek-400-normal.woff2") format("woff2"), url("./media/inter-greek-400-normal.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-vietnamese-400-normal.woff2") format("woff2"), url("./media/inter-vietnamese-400-normal.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-latin-ext-400-normal.woff2") format("woff2"), url("./media/inter-latin-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-latin-400-normal.woff2") format("woff2"), url("./media/inter-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-cyrillic-ext-600-normal.woff2") format("woff2"), url("./media/inter-cyrillic-ext-600-normal.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-cyrillic-600-normal.woff2") format("woff2"), url("./media/inter-cyrillic-600-normal.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-greek-ext-600-normal.woff2") format("woff2"), url("./media/inter-greek-ext-600-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-greek-600-normal.woff2") format("woff2"), url("./media/inter-greek-600-normal.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-vietnamese-600-normal.woff2") format("woff2"), url("./media/inter-vietnamese-600-normal.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-latin-ext-600-normal.woff2") format("woff2"), url("./media/inter-latin-ext-600-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/inter-latin-600-normal.woff2") format("woff2"), url("./media/inter-latin-600-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-cyrillic-ext-700-normal.woff2") format("woff2"), url("./media/inter-cyrillic-ext-700-normal.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-cyrillic-700-normal.woff2") format("woff2"), url("./media/inter-cyrillic-700-normal.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-greek-ext-700-normal.woff2") format("woff2"), url("./media/inter-greek-ext-700-normal.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-greek-700-normal.woff2") format("woff2"), url("./media/inter-greek-700-normal.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-vietnamese-700-normal.woff2") format("woff2"), url("./media/inter-vietnamese-700-normal.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-latin-ext-700-normal.woff2") format("woff2"), url("./media/inter-latin-ext-700-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/inter-latin-700-normal.woff2") format("woff2"), url("./media/inter-latin-700-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --font-sans:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    sans-serif;
  --mat-table-background-color: #f5f5f5;
  --mat-table-header-headline-weight: 600;
  --mat-icon-button-icon-size: 20px;
  --mat-divider-width: 1px;
  --mat-divider-color: var(--color-neutrales-200);
  --mat-paginator-container-background-color: var(--color-white);
}
body {
  margin: 0;
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
body,
html {
  background-color: #f5f5f5;
}
html,
body {
  height: 100%;
}
.custom-select-panel.mdc-menu-surface {
  width: 250px;
  height: auto;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px 2px #00000026;
  box-shadow: 0px 1px 2px 0px #0000004d;
}
.custom-select-panel .mat-mdc-option {
  width: 93.5%;
  max-width: 250px;
  height: auto;
  padding: 8px;
  color: #3d3d3d;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
}
.custom-select-panel .mat-mdc-option:hover {
  background-color: #edf5fc !important;
}
.custom-select-panel .mat-mdc-option.mat-mdc-selected {
  background-color: #edf5fc !important;
}
.soft-outline {
  --mdc-outlined-text-field-outline-color: #e5e7eb;
  --mdc-outlined-text-field-hover-outline-color: #d1d5db;
  --mdc-outlined-text-field-focus-outline-color: #9ca3af;
  --mdc-outlined-text-field-label-text-color: #9ca3af;
  --mdc-outlined-text-field-container-shape: 12px;
  --mdc-typography-body2-font-size: 14px;
  --mdc-outlined-text-field-content-padding: 14px 16px;
  --mdc-outlined-text-field-container-color: #ffffff;
  --mat-option-label-text-color: var(--color-texto-complementario);
  --mat-option-selected-state-label-text-color: #111827;
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-form-field-filled-focus-label-text-color: var( --color-texto-complementario );
  --mat-form-field-filled-hover-label-text-color: var( --color-texto-complementario );
  --mat-form-field-filled-label-text-color: var(--color-texto-complementario);
  --mat-select-enabled-trigger-text-color: var(--color-texto-titulos);
}
.soft-outline .mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  display: none;
}
.soft-outline .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  background: var(--mdc-outlined-text-field-container-color);
  border-radius: 4px;
  border: 1px solid var(--color-neutrales-200);
}
.soft-outline .mat-mdc-form-field .mdc-floating-label,
.soft-outline .mat-mdc-select-placeholder,
.soft-outline input::placeholder {
  color: var(--mdc-outlined-text-field-label-text-color);
}
.soft-outline .mat-mdc-select-arrow {
  border-top-color: var(--color-neutrales-900);
}
.soft-outline .mat-mdc-select-arrow svg,
.soft-outline .mat-mdc-select-arrow path,
.soft-outline .mat-mdc-select-arrow polygon {
  fill: var(--color-neutrales-900);
}
.soft-outline .mat-mdc-form-field .mdc-line-ripple {
  display: none !important;
}

/* src/assets/styles/main.scss */
.sidebar {
  width: 256px;
  height: 100vh;
  background-color: #003A70;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}
.sidebar-logos-frame {
  width: 80%;
  max-width: 256px;
  height: 80px;
  gap: 16px;
  padding-top: 8px;
  padding-right: 24px;
  padding-bottom: 8px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.collapse-button {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sidebar-logos {
  width: 145px;
  height: auto;
  gap: 4px;
}
.side-logo {
  width: 123px;
  height: 40px;
}
.side-logo-text {
  width: 141px;
  height: 17px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: bold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.5%;
  color: #FFFFFF;
}
.options-wrapper {
  width: 81%;
  max-width: 256px;
  height: auto;
  padding-top: 9px;
  padding-right: 24px;
  padding-bottom: 9px;
  padding-left: 24px;
  border-top-width: 1px;
  background-color: #003A70;
  transition: transform 0.3s ease;
  text-decoration: none;
}
.options-wrapper:hover {
  background-color: #08549B;
}
.options-title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  gap: 10px;
}
.icon-wrapper {
  width: 20px;
  height: 20px;
}
.side-option-icon {
  width: 20.24px;
  height: 19.11px;
}
.option-text {
  width: 42;
  height: 19;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: white;
}
.inner-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  width: auto;
  height: auto;
  gap: 10px;
}
.inner-divisor {
  border: solid white 1px;
  width: 100%;
}
.inner-option {
  width: 32px;
  height: 32px;
  border-radius: 100px;
  gap: 8px;
  padding: 16px;
}
.inner-icon {
  width: 20px;
  height: 20px;
}
.inner-option-icon {
  width: 15px;
  height: 15px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.sidebar-options {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.active-option {
  background-color: #08549B;
}
.sidebar.collapsed {
  width: 89px;
  transition: width 0.3s ease;
}
.sidebar:not(.collapsed) {
  transition: width 0.3s ease;
}
.sidebar.collapsed .option-text,
.sidebar.collapsed .side-logo-text {
  display: none;
}
.sidebar.collapsed .sidebar-logos-frame {
  width: 41px;
  height: 40px;
  justify-content: center;
}
.sidebar.collapsed .side-logo {
  width: 41px;
  height: 40px;
}
.sidebar.collapsed .options-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 41px;
  height: 58px;
}
.sidebar.collapsed .inner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.sidebar.collapsed .collapse-button {
  justify-content: center;
}
.sidebar.collapsed .inner-option-icon {
  transform: rotate(180deg);
}
.header-wrapper {
  height: 72px;
  min-height: 72px;
  width: 100%;
}
.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 72px;
  padding: 0 40px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 256px;
  right: 0;
  transition: left 0.3s ease;
}
.sidebar-collapsed.header {
  left: 89px;
}
.header-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row-reverse;
}
.header-frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 297px;
  height: 44px;
  gap: 16px;
}
.notification-container {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notificacion-boton {
  font-size: 16px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-Icon {
  width: 16px;
  height: 18px;
}
.divisor {
  width: 0px;
  height: 100%;
  border-right: 0.01px #000000 solid;
}
.user {
  width: auto;
  height: auto;
  border-radius: 5px;
  gap: 8px;
  margin-bottom: 1px;
  margin-right: 60px;
  display: flex;
  flex-direction: row;
}
.user-frame {
  width: 201px;
  height: auto;
  margin-top: 25px;
}
.username {
  width: 201px;
  height: 17px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 14px;
  letter-spacing: -0.5%;
  color: #003a70;
}
.usertype {
  width: 79px;
  height: 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1%;
  letter-spacing: -0.5%;
  display: flex;
  margin-bottom: 20px;
}
.dropdown {
  width: 20px;
  height: 20px;
}
.dropdown-Icon {
  width: 10px;
  height: 6px;
  margin-top: 45px;
}
.indicators {
  display: flex;
  flex-direction: row;
  width: 1008px;
  height: 105px;
  gap: 16px;
  margin-top: 20px;
  margin-left: 20px;
}
.data {
  width: 273px;
  height: auto;
  border-radius: 8px;
  border-width: 1px;
  gap: 16px;
  padding-top: 24px;
  padding-right: 16px;
  padding-bottom: 24px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid #E0E0E0 1px;
}
.title-wrapper {
  display: flex;
  width: 100%;
  max-width: 241px;
  height: auto;
  gap: 16px;
}
.auction-line {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  padding: 8px;
  gap: 10px;
  background: #FF9015;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-line {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
}
.user-Icon {
  width: 55px;
  height: 25px;
}
.data-frame {
  width: 168px;
  height: 57px;
}
.cant-data {
  width: 38px;
  height: 10px;
  font-size: 33px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: bold;
  line-height: 100%;
  letter-spacing: 0.25%;
  margin-top: auto;
}
.category-data {
  width: 168px;
  height: 17px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  color: #3D3D3D;
}
@media (max-width: 1600px) {
  .indicators {
    margin-top: 25px;
  }
}
.home-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1407px;
  height: auto;
  margin-top: 10px;
  justify-content: start;
  margin-left: 20px;
}
.actions {
  width: 100%;
  max-width: 1566px;
  height: 152px;
  border-radius: 8px;
  gap: 24px;
  padding: 24px;
  background-color: white;
}
.title-actions {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.15%;
  color: #000000;
}
.CTA {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 56px;
  gap: 17px;
}
.create-btn {
  display: flex;
  flex-direction: row;
  width: 200px;
  height: 100%;
  border-radius: 4px;
  gap: 8px;
  padding: 16px;
  background-color: #003A70;
  color: white;
  cursor: pointer;
}
.create-icon-container {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-Icon {
  width: auto;
  height: auto;
  color: #F6F6F6;
}
.create-btn-text {
  width: auto;
  height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}
.opt-btn {
  display: flex;
  flex-direction: row;
  width: 200px;
  height: 100%;
  border-radius: 4px;
  border-width: 1px;
  gap: 16px;
  padding: 16px;
  background-color: white;
  color: #003A70;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.opt-btn-text {
  width: auto;
  height: 24px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  color: #003A70;
}
@media (max-width: 1600px) {
  .home-content {
    margin-top: 15px;
  }
}
.table-Title {
  width: 100%;
  max-width: 1407px;
  height: auto;
  gap: 8px;
  padding: 24px;
  margin-top: 20px;
  background-color: #FFFFFF;
}
.table-Title p {
  display: grid;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: auto;
  color: #3D3D3D;
}
.table-Options {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  gap: 24px;
  margin-top: 20px;
}
.table-Options .mat-mdc-form-field {
  width: 250px;
  height: 56px;
}
.custom-date-field input {
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
.custom-date-field .calendar-Icon {
  width: 16px;
}
.mat-calendar {
  background-color: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.mat-calendar-body-selected {
  background-color: #16448D;
  color: white;
}
.mat-calendar-body-cell:hover .mat-calendar-body-cell-content {
  background-color: #16448D !important;
  color: white;
  border-radius: 50%;
}
.mat-calendar-body-today {
  background-color: #16448D !important;
  color: white !important;
}
::ng-deep .mat-select-arrow {
  color: #003A70;
}
.user-table {
  display: block;
  width: 100%;
  max-width: 1359px;
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: visible;
  position: relative;
}
.user-table-header-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.user-table-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.user-table-item {
  height: 38px;
  flex: 1;
  display: flex;
  justify-content: center;
  padding: auto;
  font-weight: 600;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  background-color: #F5F5F5;
  align-items: center;
  color: #3D3D3D;
}
.table-header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
}
.table-header-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #3D3D3D;
  object-fit: contain;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.table-header-icon.rotated {
  transform: rotate(180deg);
}
mat-icon.table-header-icon {
  font-size: 16px !important;
  line-height: 1;
  cursor: pointer;
}
.custom-tooltip-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
}
.custom-tooltip-wrapper:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
}
.custom-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-70%);
  background-color: #3D3D3D;
  color: #EBEBEB;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 4px;
  white-space: wrap;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 194px;
  height: 30px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.5%;
  z-index: 1000;
}
.wide-actions {
  flex: 1.8;
}
.user-table-body-wrapper {
  display: block;
  max-height: 260px;
  overflow-y: auto;
  position: relative;
}
.user-table-body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  border-bottom: 1px solid #ddd;
  text-align: center;
  min-height: 50px;
}
.user-table-cell {
  flex: 1;
  text-align: center;
  padding: 4px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  color: #454545;
}
.user-table-cell:last-child {
  flex: 0 0 220px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-cell {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  max-width: 250px;
}
.table-cell .opt-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: white;
  color: #003A70;
  border: solid #003A70 1px;
  cursor: pointer;
}
.table-cell .create-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: #003A70;
  cursor: pointer;
}
.table-cell .opt-btn-text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #003A70;
}
.table-cell .create-btn-text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.user-table-body-wrapper::-webkit-scrollbar {
  width: 6px;
}
.user-table-body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.footer {
  display: flex;
  height: 62px;
  background-color: #f6f6f6;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #333;
  flex-shrink: 0;
  margin-top: auto;
}
.footer p {
  margin-left: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
  color: #666666;
}
.info-document {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1412px;
  height: auto;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  gap: 24px;
  margin-top: 20px;
  margin-left: 40px;
  background-color: white;
}
.info-document .info-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1364px;
  height: auto;
  gap: 7px;
}
.info-document .info-frame h1,
.info-document .info-frame p {
  margin: 0;
}
.info-document .info-frame h1 {
  width: 100%;
  max-width: 1364px;
  height: auto;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.15%;
}
.info-document .info-frame p {
  width: 100%;
  max-width: 1364px;
  height: 17px;
  color: #7a7a7a;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
}
.info-document .title-description,
.info-document p,
.info-document span {
  margin: 0;
}
.info-document .title-description {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1364px;
  height: auto;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
.info-document .title-description .empty-ilustration {
  display: flex;
  width: 150px;
  height: 150px;
  justify-content: center;
  align-items: center;
}
.info-document .title-description .empty-ilustration .group {
  width: 106.5px;
  height: 108.22px;
}
.info-document .title-description p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  color: #3d3d3d;
}
.info-document .title-description .last-item-label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #878787;
}
.superior-content {
  display: flex;
  flex-direction: row;
  width: 100;
  max-width: 1360px;
  height: auto;
  border-radius: 5.75px;
  gap: 16px;
  align-items: center;
}
.superior-content .title-ID {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1182px;
  height: auto;
  grid-area: 8px;
}
.superior-content .title-ID h2 {
  width: 197px;
  height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.15%;
  color: #3d3d3d;
}
.superior-content .title-ID span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #3d3d3d;
}
.superior-content .obligatory-info {
  width: 178px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #e22d20;
}
.uploader {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  border-radius: 1px;
  padding: 24px 10px 24px 10px;
  gap: 24px;
  justify-content: center;
  align-items: center;
  border: dashed #003a70 1.8px;
}
.uploader .icon-description {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 455px;
  height: auto;
  gap: 9px;
  justify-content: center;
  align-items: center;
}
.uploader .icon-description p,
.uploader .icon-description span,
.uploader .icon-description img {
  margin: 0;
}
.uploader .icon-description p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
}
.uploader .icon-description span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
  color: #7a7a7a;
  text-align: center;
}
.uploader .uploader-btn {
  display: flex;
  flex-direction: row;
  width: 177px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #003a70;
  background-color: white;
  gap: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.uploader .uploader-btn .uploader-btn-ico {
  width: 24px;
  height: 24px;
}
.uploader .uploader-btn span {
  display: flex;
  width: auto;
  height: 19px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #003a70;
  align-items: center;
  justify-content: center;
}
.uploader.disabled {
  pointer-events: none;
  opacity: 0.6;
  background-color: #f2f2f2;
  border-radius: 8px;
}
.kebab-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 231px;
  height: auto;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1607843137);
  z-index: 9999;
  top: 0;
  left: 0;
}
.kebab-menu .kebab-menu-btn {
  width: auto;
  min-width: 231px;
  height: 40px;
  display: flex;
  align-items: start;
  gap: 8px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  cursor: default;
}
.kebab-menu .kebab-menu-btn .kebab-menu-btn-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  gap: 8px;
}
.kebab-menu .kebab-menu-btn .kebab-menu-btn-container .kebab-menu-icon-container {
  width: 20px;
  height: 20px;
}
.kebab-menu .kebab-menu-btn .kebab-menu-btn-container .kebab-menu-icon-container .kebab-menu-icon {
  width: 16.8269996643px;
  height: 16.6666679382px;
  top: 1.67px;
  left: 2.5px;
}
.kebab-menu .kebab-menu-btn .kebab-menu-btn-container .kebab-menu-btn-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #3D3D3D;
}
.kebab-menu .kebab-menu-btn:hover {
  background-color: #EDF5FC;
}
.custom-dropdown {
  width: 300px;
  height: 56px;
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #3D3D3D;
  cursor: pointer;
}
.custom-dropdown .selected-option {
  display: flex;
  width: 300px;
  height: 53px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  align-items: center;
}
.custom-dropdown.open .selected-option {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.custom-dropdown .dropdown-option-container {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1490196078);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  list-style: none;
  padding: 0;
  animation: slideDownFade 0.2s ease-out;
}
.custom-dropdown .dropdown-option-container li {
  padding: 10px;
  transition: background-color 0.2s;
  text-decoration: none;
}
.custom-dropdown .dropdown-option-container li:hover {
  background-color: #f0f0f0;
}
@keyframes slideDownFade {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.titulo {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 116px;
  border-bottom: 1px solid #DFE1E5;
  background-color: #FFFFFF;
  padding: 16px 40px;
  gap: 8px;
  box-sizing: border-box;
  transition: margin-left 0.3s ease, width 0.3s ease;
}
.titulo.sidebar-collapsed {
  margin-left: 89px;
  width: calc(100% - 89px);
}
.titulo .breadcrumbs {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1393px;
  height: 20px;
  cursor: default;
}
.titulo .breadcrumbs .breadcrumb-text-b4 {
  color: #666666;
}
.titulo .breadcrumbs .breadcrumb-divider {
  width: 30px;
  height: 20px;
  gap: 10px;
  padding-left: 12px;
}
.titulo .breadcrumbs .breadcrumb-text-principal {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
  vertical-align: middle;
  color: #003A70;
}
.titulo .heading-left {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1393px;
  height: 56px;
  align-items: center;
  justify-content: space-between;
}
.titulo .heading-left .arrow {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.titulo .heading-left .arrow .arrow-left-line {
  width: 16px;
  height: 15.56px;
  cursor: pointer;
}
.titulo .heading-left .Headline-left {
  width: 881px;
  height: 29px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-style: Bold;
  size: 64px;
  line-height: 100%;
  vertical-align: middle;
  margin-left: 10px;
}
.titulo .heading-left .btn-4 {
  display: flex;
  flex-direction: row;
  width: 220px;
  height: 56px;
  border-radius: 4px;
  padding: 16px;
  border: 1px #003A70 solid;
  background-color: #FFFFFF;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.titulo .heading-left .btn-4 .btn-4-text {
  width: 69px;
  height: 19px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  color: #003A70;
}
.titulo .heading-left .create-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 56px;
  padding: 0 12px;
  height: 100%;
  border: none;
  cursor: pointer;
}
.titulo .heading-left .create-btn .content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: none;
}
.titulo .heading-left .create-btn .content .create-btn-text {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.titulo .heading-left .create-btn:disabled {
  background-color: #E0E0E0;
  border-color: #C0C0C0;
  cursor: default;
}
.titulo .heading-left .create-btn:disabled .create-btn-text {
  color: #1553bf;
}
.field {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.obligatory {
  font-size: 20px;
  color: #e22d20;
}
.info-input,
.text-frame {
  width: 100%;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  padding: 14px 12px 10px 12px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  background: #fff;
  outline: none;
}
.info-input::placeholder,
.text-frame::placeholder {
  color: transparent;
}
.fl-label {
  position: absolute;
  left: 10px;
  top: 12px;
  padding: 0 4px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #7a7a7a;
  background: #fff;
  transition:
    transform 0.15s ease,
    color 0.15s ease,
    top 0.15s ease,
    font-size 0.15s ease;
  pointer-events: none;
}
.info-input:focus + .fl-label,
.info-input:not(:placeholder-shown) + .fl-label,
.text-frame:focus + .fl-label,
.text-frame:not(:placeholder-shown) + .fl-label {
  top: -8px;
  font-size: 12px;
  color: #003a70;
  transform: translateY(0);
}
.textarea {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1360px;
  height: auto;
  gap: 8px;
}
.textarea .text-frame {
  display: flex;
  width: 100%;
  max-width: 1355px;
  height: auto;
  gap: 4px;
}
.textarea .cant-frame {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1360px;
  height: 14px;
  justify-content: end;
}
.textarea .cant-frame span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #7a7a7a;
}
.input-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1360px;
  height: auto;
  gap: 16px;
}
.input-container .info-input {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 674px;
  height: auto;
  min-height: 36px;
  border-radius: 4px;
  border: 1px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  gap: 10px;
  border: solid #b8b8b8 1px;
}
.tab-search {
  display: flex;
  justify-content: end;
}
.tab-search .search-bar {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  gap: 8px;
  background-color: white;
  align-items: center;
  border: solid #b8b8b8 1px;
}
.tab-search .search-bar .search-icon-container {
  width: 20px;
  height: 20px;
}
.tab-search .search-bar .search-bar-input {
  width: 100%;
  height: 90%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  border: none;
  outline: none;
  color: #7a7a7a;
}
.confirm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 13, 18, 0.7);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  overscroll-behavior: contain;
}
.confirm-overlay-secondary {
  position: fixed;
  inset: 0;
  background: rgba(10, 13, 18, 0.7);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  overscroll-behavior: contain;
}
.confirm-panel {
  display: flex;
  flex-direction: column;
  width: 800px;
  max-height: 90vh;
  background: #fff;
  border-radius: 2px;
  border: solid #e0e0e0 1px;
  padding: 24px;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.confirm-panel .panel-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 752px;
  flex: 1;
  min-height: 0;
  gap: 16px;
  overflow: hidden;
}
.confirm-panel .panel-text .text-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 752px;
  height: auto;
  justify-content: space-between;
  flex-shrink: 0;
}
.confirm-panel .panel-text .text-container .text-icon {
  display: flex;
  flex-direction: row;
  width: auto;
  min-width: 452px;
  height: auto;
  min-height: 24px;
  gap: 8px;
}
.confirm-panel .panel-text .text-container .text-icon .warning-icon {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.confirm-panel .panel-text .text-container .text-icon span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.15%;
  text-align: center;
  vertical-align: middle;
  color: #3d3d3d;
}
.confirm-panel .panel-text .text-container .close-modal-icon {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.confirm-panel .panel-text p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #7a7a7a;
}
.confirm-panel .panel-text [confirm-body] {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
  margin-right: -8px;
}
.confirm-panel .panel-text [confirm-body]::-webkit-scrollbar {
  width: 8px;
}
.confirm-panel .panel-text [confirm-body]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.confirm-panel .panel-text [confirm-body]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.confirm-panel .panel-text [confirm-body]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.confirm-panel .secondary-title {
  display: flex;
  width: 100%;
  max-width: 936px;
  height: auto;
  margin: 0;
}
.confirm-panel .secondary-title .secondary-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 888px;
  height: auto;
  gap: 8px;
}
.confirm-panel .secondary-title .secondary-right h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.15%;
  color: #3d3d3d;
}
.confirm-panel .secondary-title .secondary-right p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #757575;
}
.confirm-panel .secondary-data-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 936px;
  height: auto;
  gap: 16px;
}
.confirm-panel .secondary-data-container .data-type {
  display: flex;
  flex-direction: row;
  width: 325px;
  height: 17px;
  align-items: center;
  gap: 4px;
}
.confirm-panel .secondary-data-container .data-type span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #3d3d3d;
}
.confirm-panel .secondary-data-container .data-type p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #7a7a7a;
}
.confirm-panel .secondary-data-container .overlay-field {
  display: flex;
  flex-direction: row;
  width: 584px;
  height: 17px;
  gap: 32px;
}
.confirm-panel .secondary-data-container .overlay-field .field {
  display: flex;
  flex-direction: row;
  width: 276px;
  height: auto;
  gap: 4px;
  align-items: center;
}
.confirm-panel .secondary-data-container .overlay-field .field span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #3d3d3d;
}
.confirm-panel .secondary-data-container .overlay-field .field p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #7a7a7a;
}
.confirm-panel .secondary-data-container .overlay-alert {
  display: flex;
  flex-direction: row;
  width: 96%;
  height: auto;
  border-radius: 4px;
  gap: 8px;
  border-width: 1px;
  padding: 16px;
  background-color: #eff3fb;
  border: solid #1754b5 1px;
}
.confirm-panel .secondary-data-container .overlay-alert .alert-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 904px;
  height: auto;
  gap: 8px;
  align-items: center;
}
.confirm-panel .secondary-data-container .overlay-alert .alert-content .alert-text-container {
  display: flex;
  width: 864px;
  height: 38px;
  align-items: center;
}
.confirm-panel .confirm-actions {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 752px;
  height: auto;
  gap: 16px;
  flex-shrink: 0;
}
.confirm-panel .confirm-actions .modal-btn-1 {
  width: 100%;
  max-width: 364px;
  height: auto;
  background-color: #ffffff;
  border: solid #003a70 1px;
  border-radius: 4px;
  padding: 16px;
  gap: 16px;
  cursor: pointer;
}
.confirm-panel .confirm-actions .modal-btn-1 .modal-btn-1-text {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
  vertical-align: middle;
  color: #003a70;
}
.confirm-panel .confirm-actions .modal-btn-2 {
  width: 100%;
  max-width: 364px;
  height: auto;
  background-color: #003a70;
  border: solid #003a70 1px;
  border-radius: 4px;
  padding: 16px;
  gap: 16px;
  cursor: pointer;
}
.confirm-panel .confirm-actions .modal-btn-2 .modal-btn-2-text {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: -0.5%;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.confirm-panel .confirm-actions .modal-btn-2[disabled],
.confirm-panel .confirm-actions .modal-btn-2[aria-disabled=true] {
  background-color: #e0e0e0;
  cursor: default;
  border: none;
}
.confirm-panel .confirm-actions .modal-btn-2[disabled] .modal-btn-2-text,
.confirm-panel .confirm-actions .modal-btn-2[aria-disabled=true] .modal-btn-2-text {
  color: #7a7a7a;
}
.confirm-panel .confirm-actions .btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #c53030;
  background: #e53e3e;
  color: #fff;
  cursor: pointer;
}
.alert-info {
  display: flex;
  height: auto;
  border-radius: 4px;
  padding: 16px;
  gap: 16px;
  border: solid #1754b5 1px;
  background-color: #eff3fb;
}
.alert-info .alert-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1328px;
  height: auto;
  gap: 8px;
  align-items: center;
}
.alert-info .alert-content .alert-icon-container {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.alert-info .alert-content .alert-icon-container .alert-icon {
  width: 16px;
  height: 21px;
  top: 2px;
  left: 4px;
}
.alert-info .alert-content .alert-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  color: #3d3d3d;
}
.toast-success {
  position: fixed;
  width: 395px;
  height: auto;
  top: 165px;
  right: 80px;
  background-color: #F2F8F2;
  padding: 16px;
  border-radius: 4px;
  border: solid #428C40 1px;
  z-index: 9999;
  animation: fadeInOut 3s ease forwards;
}
.toast-success .toast-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 363px;
  height: auto;
  gap: 8px;
}
.toast-success .toast-content .toast-icon-container {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.toast-success .toast-content .span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -0.5%;
  vertical-align: middle;
  color: #3D3D3D;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.page-content {
  width: auto;
  display: flex;
  flex-direction: column;
}

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