.gm-node-avatar {
    width: 100%;
    height: 100%;
    background: var(--avatar-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.34), 0 0 0.2em rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 6px var(--shadow, rgba(0, 0, 0, 0.18));
    flex-shrink: 0;
    overflow: hidden;
}

.gm-node-avatar[data-tone="light"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12));
}

.gm-node-avatar[data-shape="circle"] {
    border-radius: 50%;
}

.gm-node-avatar[data-shape="square"] {
    border-radius: 16%;
}

.gm-node-avatar[data-shape="rounded-square"] {
    border-radius: 28%;
}

.gm-node-avatar[data-shape="diamond"] {
    clip-path: polygon(50% 2%, 98% 50%, 50% 98%, 2% 50%);
}

.gm-node-avatar[data-shape="hexagon"] {
    clip-path: polygon(25% 7%, 75% 7%, 100% 50%, 75% 93%, 25% 93%, 0% 50%);
}

.gm-node-avatar[data-shape="pentagon"] {
    clip-path: polygon(50% 4%, 96% 38%, 78% 94%, 22% 94%, 4% 38%);
}

.gm-node-avatar[data-shape="octagon"] {
    clip-path: polygon(28% 2%, 72% 2%, 98% 28%, 98% 72%, 72% 98%, 28% 98%, 2% 72%, 2% 28%);
}

.gm-node-avatar-glyph {
    font-size: 1em;
    line-height: 1;
}

.gm-node-avatar[data-tone="light"] .gm-node-avatar-glyph {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.48), 0 0 0.12em rgba(0, 0, 0, 0.72), 0 0 0.32em rgba(0, 0, 0, 0.22);
}

.gm-node-avatar-status,
.gm-node-avatar-badge {
    display: none;
}