.beatBack10{ background-color: #00A7F5 !important; }
.beatBack20{ background-color: #00BC7D !important; }
.beatBack30{ background-color: #F0444C !important; }
.beatBack40{ background-color: #56577B !important; }

.beatFont10{ color: #00A7F5; }
.beatFont20{ color: #00BC7D; }
.beatFont30{ color: #F0444C; }
.beatFont40{ color: #56577B; }

.beatNode ,.beatNode:hover, .beatNode:active, .beatNode:visited, .beatNode:focus{ color: white; font-weight: 600; display: block; position: relative; border-radius: 8px; cursor: pointer; text-decoration: none; }

.beatNode>div:nth-of-type(1){ padding: 0 8px; font-size: 1.5em; }
.beatNode>div:nth-of-type(2){ padding: 5px; font-size: 0.9em; text-align: center; word-break: break-all; white-space: normal; }
.beatNode>div:nth-of-type(3){ padding: 0 5px; background-color: red; position: absolute; right: -3px; top: -3px; font-size: 0.8em; border-radius: 50%; }

.logNode{ background-color: rgba(255,255,255,0.3); border-radius: 10px; overflow: hidden; font-weight: 600; margin-bottom: 10px; }
.logNode>div:nth-of-type(1){ padding: 0; }
.logNode>div:nth-of-type(1)>div:nth-of-type(1){ margin-left: 10px; font-size: 1.2em; }
.logNode>div:nth-of-type(1)>div:nth-of-type(2){ margin-right: 10px; }
.logNode>div:nth-of-type(2){ padding: 10px; word-break: break-all; white-space: normal; font-size: 1.2em; }