.body-wrap {
    min-width: 0;
    min-height: 0;
}


.comm0,
.comm1 {
    text-align: center;
    vertical-align: middle;
}

.comm2 > div {
    display: inline-block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: radial-gradient(circle at 30% 35%, #ffeccd, #f09b00 60%, #b65007 80%);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.4);
}

.comm1 > div {
    display: inline-block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: radial-gradient(circle at 30% 35%, #ffcccc, red 60%, #cc0000 80%);
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.4);
}
.comm0 > div {
    display: inline-block;
    background: radial-gradient(circle at 35% 35%, #cfe7f1, #0e63f6 60%, #0a45a9 100%);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.4);
}

.red {
    color: red;
}