/* Estilos para el scroll visible */
/* Ancho y altura del scroll */
::-webkit-scrollbar {
  width: 4px; /* Ancho del scroll */
  height: 4px; /* Altura del scroll */
}

/* Estilo del "thumb" del scroll */
::-webkit-scrollbar-thumb {
  background-color: #0ea5e9; /* Color de fondo del scroll */
  border-radius: 5px; /* Puntas redondeadas */
}

/* Estilo del "thumb" del scroll en estado hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #0ea5e9; /* Color de fondo del scroll */
}

/* Estilo del "track" del scroll */
::-webkit-scrollbar-track {
  background-color: #11182700; /* Fondo transparente */
}

/* Estilo del "corner" del scroll */
::-webkit-scrollbar-corner {
  background-color: #11182700; /* Fondo transparente */
}

/* Ocultar el scroll si no está activo */
::-webkit-scrollbar-thumb:vertical {
  opacity: 0;
}

/* Mostrar el scroll cuando se activa */
::-webkit-scrollbar-thumb:hover:vertical {
  opacity: 1;
}
.drakmode .multiselect,
.darkmode .multiselect__tags,
.darkmode .multiselect__single,
.darkmode .multiselect__input,
.darkmode .multiselect__content-wrapper,
.darkmode .multiselect__option,
.darkmode .multiselect__option--selected {
  background-color: #212429!important;
  color: #fff!important;
  border-color: #272d39!important;
  transition: 0.2s;
}
.darkmode .multiselect__input::placeholder {
  color: #f3f3f3!important;
}
.darkmode .multiselect__option--highlight::after  {
  background-color: transparent;
}
.darkmode .multiselect__tags:hover {
  border: 0.5px solid #214b41!important;
  cursor: pointer;
}

.darkmode .multiselect__option {
font-size: 14px;
font-weight: 400;
}
.darkmode .multiselect__option:hover {
font-size: 16px;
font-weight: 600;
}
.darkmode .multiselect__option, .darkmode .multiselect__single {
  border: none !important;
}
.multiselect__single {
  padding-top: 2px!important;
  margin-bottom: 11px!important;
}