.tagify__input::before {
    color: rgb(209 213 219) !important;
    opacity: 1;
}

.tagify__tag {
    background-color: #1f2937 !important;
    color: #ffffff !important;
    border: 2px solid rgb(75 85 99);
    ;
    border-radius: 0.375rem !important;
    padding: 4px 8px !important;

}

/* Use a pseudo-element to fill the entire tag */
.tagify__tag div::before {
    opacity: 0;
    /* Place it behind the content */
}

.tagify__tag__removeBtn {
    color: #ffffff !important;
    /* White remove button */
    margin-left: 4px !important;
    /* Adjust spacing if needed */
}

/* Ensure the tag text color is white */
.tagify__tag-text {
    color: #ffffff !important;
    font-weight: 600;
}