:root {
    --tagify-dd-color-primary: #2f92fb;
}

.tagify__dropdown__item--active {
    color: white;
}



/*

.tagify {
    --tags-focus-border-color: #DDD;
}
*/
.tagify {
    --tag-remove-btn-bg--hover: unset;
    --tag-hover: #2f92fb;
    --tag-text-color: unset;
    --tag-remove-btn-color: unset;
    --tag-remove-bg: #2f92fb;
    --tag-bg: #2f92fb;
    --tags-focus-border-color: #3595f6;
}



.tagify--focus {
    --tags-border-color: #DDD;
}

.tagify.relative-search-tags-input {
    color: white;
}
.relative-search-tags-input {
    flex-grow: 1;
    background-color: white;
}

.tagify__tag__removeBtn:hover + div::before {
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,--tag-remove-bg) inset !important;
    transition: unset;
}

.tagify__tag__removeBtn:hover + div > span {
    opacity: 1;
}

.tagify__dropdown__wrapper {
    border-color: #DDD;
}