.select-kit {
  &.multi-select {
    width: 300px;
    background: var(--secondary);

    .select-kit-filter {
      & + .selected-content,
      & + .select-kit-collection {
        border-top: 1px solid var(--primary-low);
      }
    }

    .select-kit-row {
      min-height: 1px;
    }

    &.is-disabled {
      .multi-select-header {
        background: var(--primary-low);
        border-color: var(--primary-low-mid);
        color: var(--primary-medium);
        .d-icon {
          color: var(--primary-medium);
        }
      }
    }

    .selected-content {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      padding: 0;
      justify-content: flex-start;
      box-sizing: border-box;
      border-bottom: 1px solid var(--primary-low);
      padding: 0.25em 0.25em 0 0.25em;

      .selected-choice {
        margin: 0 0.25em 0.25em 0;
        font-size: var(--font-down-1);

        &.selected-choice-color {
          border-bottom: 2px solid transparent;
        }
      }
    }

    .multi-select-header {
      background: var(--secondary);
      border-color: var(--primary-medium);

      .formatted-selection {
        margin: 0;
        cursor: pointer;
        @include ellipsis;
        display: inline-block;
      }
    }

    &.is-expanded .multi-select-header,
    .multi-select-header:focus {
      @include default-focus;
    }
  }
}
