.select-input-viva-container {
    transition: background-color 0.3s ease-in-out;
  }
  .select-input-viva-container.active {
    background-color: var(--color-neutral-150);
  }
  .select-items-viva {
    transition: all 0.6s ease-in-out;
    padding: 0 !important;
    overflow: hidden;
  }
  .select-items-viva.active {
    padding-top: calc(var(--spacing) * 10) !important;
    padding-inline: calc(var(--spacing) * 4) !important;
    padding-bottom: calc(var(--spacing) * 4) !important;
    background-color: var(--color-neutral-050);
    max-height: 250px;
    overflow: auto;
  }
  .select-items-viva li:first-of-type {
    margin-top: 24px;
  }
  .select-items-viva.collapse-mode.active {
    padding-top: calc(var(--spacing) * 0) !important;
    padding-inline: calc(var(--spacing) * 4) !important;
    padding-bottom: calc(var(--spacing) * 4) !important;
    background-color: var(--color-neutral-050);
    max-height: fit-content;
    overflow: none;
  }
  .select-items-viva.collapse-mode li:first-of-type {
    margin-top: 16px;
  }
  .select-items-viva li.selected {
    font-weight: 700;
    background-color: var(--color-viva-orange-500);
    color: var(--color-neutral-1000);
  }