disabled maui-icon,
  .disabled maui-hint,
  .disabled .control::placeholder,
  .disabled .control[disabled] {
    --maui-select-button-color: var(--maui-color-disabled-foreground);
    --maui-label-color-override: var(--maui-color-disabled-foreground);
    --maui-hint-color-override: var(--maui-color-disabled-foreground);
    --maui-icon-color-override: var(--maui-color-disabled-foreground);
    color: var(--maui-color-disabled-foreground);
  }

  .icon-expand {
    transform: rotate(-180deg);
    transition: transform 0.25s linear;
  }

  /* last child is not working anymore needs to be fixed */
  .dropdown-list li.skeleton-loader:last-child {
    width: 61.8%;
  }

  .dropdown-list li.skeleton-loader:last-of-type {
    width: 61.8%;
  }

  /* Outline has to be fixed and tranisiton */
  maui-icon {
    outline: none;
  }

  .icon-wrapper button {
    outline: none;
  }

  .icon-wrapper .icon {
    transform: rotate(-180deg);
    transition: transform 0.25s linear !important;
  }

  .is-open .icon-expand {
    transform: rotate(0);
  }
  .wrapper {
    position: relative;
  }
  .overlay {
    position: absolute;
    right: var(--maui-select-clear-icon-right, 100px);
    top: 60%;
    transform: translateY(-50%);
    z-index: 2;
    color: var(--maui-select-optional-color, var(--maui-color-grey-07));
  }

  .control[disabled],
  .disabled.has-value .control[disabled] {
    cursor: not-allowed;
    color: var(--maui-color-disabled-foreground);
  }
