@import '../../shared/styles.scss';
@import '~@yaireo/tagify/dist/tagify.css';

:host(.pills) {
    .tagify {
        --tag-bg: #e0e0e0;
        --tag-hover: rgba(206, 206, 206, 1);
        --tag-text-color: rgba(0, 0, 0, 0.87);
        --tags-border-color: #bababa;

        display: inline-block;
        min-width: 0;
        border: none;
    }

    .tagify__tag > div {
        border-radius: 16px;
    }

    .tagify__input {
        border-radius: 16px;
        border: 1px solid #bababa;
    }
}
