@use "variables" as *;
@import "common";

p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: $error;
}

.p-chips .p-chips-multiple-container {
    padding: 0.375rem $spacing-2;
}

.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
    border-color: $input-border-color-hover;
}

.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    border-color: $color-palette-primary;
    box-shadow: $input-inset-shadow;
}

.p-chips .p-chips-multiple-container .p-chips-token {
    @extend #field-chip-token;
}

.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: $spacing-1;
}

.p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
}

.p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: $font-default;
    font-size: $font-size-md;
    color: $black;
    padding: 0;
    margin: 0;
}

.p-chips.p-error > .p-inputtext,
.p-chips.p-invalid > .p-inputtext {
    border-color: $error;
}
