/* 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;
    }

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

    .adf-autocomplete-added-option-chips.adf-option-chips {
        border: 1px solid var(--mat-sys-on-surface);
        border-radius: 10px;
        background-color: var(--mat-sys-on-primary);
        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: var(--mat-sys-body-small-size);
        height: var(--mat-sys-body-small-size);
        width: var(--mat-sys-body-small-size);

        .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon {
            font-size: var(--mat-sys-body-small-size);
            height: var(--mat-sys-body-small-size);
            width: var(--mat-sys-body-small-size);
        }
    }
}

.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option {
    background: var(--mat-sys-surface-variant);
    color: var(--mat-sys-primary);
}