/* stylelint-disable selector-class-pattern */
@use '../../../mat-selectors.scss' as ms;

adf-search-chip-autocomplete-input {
    .adf-chip-list {
        width: 100%;
    }

    .adf-chip-list:has(#{ms.$mat-notched-outline}) {
        margin-top: 4px;
    }

    #{ms.$mat-form-text-field-infix} {
        border: none;
    }

    .adf-chip-list#{ms.$mat-form-field} {
        #{ms.$mat-form-field-infix} {
            padding-top: 14px;
            padding-bottom: 14px;
            min-height: unset;
        }
    }

    .adf-search-properties-file-input {
        margin-left: 3px;
    }

    .adf-autocomplete-added-option-chips.adf-option-chips {
        border: 1px solid var(--theme-text-color);
        border-radius: 10px;
        background-color: var(--theme-primary-color-default-contrast);
        height: auto;
        word-break: break-word;
        padding: 4px 0;
    }

    #{ms.$mat-evolution-chip-set} {
        #{ms.$mat-evolution-chip} {
            margin-left: 0;
            margin-right: 4px;
        }
    }

    .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button {
        font-size: 13px;
        height: 13px;
        width: 13px;

        .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon {
            font-size: 13px;
            height: 13px;
            width: 13px;
        }
    }
}

.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option {
    background: var(--adf-theme-mat-grey-color-a200);
    color: var(--adf-theme-primary-300);
}