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