:host {
  --person-badge-size: 6rem;
}

.tagbadge {
    background-color: var(--tagbadge-bg-color);
    transition: all .3s ease-out;
    margin: 0.1875rem 0.625rem 0.1875rem 0;
    border-radius: 0.375rem;
    font-size: .8rem;
    display: inline-block;
    cursor: pointer;
    word-break: break-word;

    i {
        max-height: calc((var(--person-badge-size) / 2));
        height: calc((var(--person-badge-size) / 2));
        width: calc((var(--person-badge-size) / 2));
        font-size: calc((var(--person-badge-size) / 2));
        font-weight: bold;
        cursor: pointer;
    }

    .image-container {
        background: var(--card-bg-color);
        max-height: var(--person-badge-size);
        height: var(--person-badge-size);
        width: var(--person-badge-size);
        border-radius: 50%;
        overflow: hidden;
    }
}
