.tagify {
    width: 100%;
    max-width: 100%;
    background: rgba(255, 255, 255, .8)
}

.tagify__dropdown.users-list .tagify__dropdown__item {
    padding: 12px 25px;
    border-bottom: 1px solid #e5e7eb;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 1em;
    grid-template-areas: "avatar name" "avatar email"
}

.tagify__dropdown.users-list .tagify__dropdown__item:last-child {
    border-bottom: none
}

.tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap {
    transform: scale(1.2)
}

.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
    grid-area: avatar;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background: #eee;
    transition: .1s ease-out
}

.tagify__dropdown.users-list img {
    width: 100%;
    vertical-align: top
}

.tagify__dropdown.users-list strong {
    grid-area: name;
    width: 100%;
    align-self: center;
    font-weight: 600;
    color: #283c50
}

.tagify__dropdown.users-list span {
    grid-area: email;
    width: 100%;
    font-size: 12px;
    color: #7587a7
}

.tagify__dropdown.users-list .tagify__dropdown__item__addAll {
    border-bottom: 1px solid #e5e7eb;
    gap: 0
}

.tagify__tag {
    white-space: nowrap
}

.tagify__tag:hover .tagify__tag__avatar-wrap {
    transform: scale(1.2) translateX(-2%)
}

.tagify__tag .tagify__tag__avatar-wrap {
    width: 16px;
    height: 16px;
    white-space: normal;
    background: silver;
    border-radius: 50%;
    margin-right: 10px;
    transition: .12s ease-out
}

.tagify__tag img {
    width: 100%;
    vertical-align: top
}

.tagify__dropdown {
    transform: translateY(2px)
}

.tagify__dropdown[placement=top] {
    transform: translateY(-101%)
}

.tagify__dropdown__wrapper {
    border-color: #e5e7eb
}

.tagify__dropdown__item--active {
    color: #3454d1;
    background: #eeeef5
}

/*# sourceMappingURL=tagify-data.min.css.map */