.live-dot{border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.live-dot__center,.live-dot__circle-1,.live-dot__circle-2{background-color:var(--color_34);border-radius:50%;position:absolute}.live-dot__center{width:6px;height:6px;top:3px;left:3px}.live-dot__circle-1,.live-dot__circle-2{background-color:var(--color_34);opacity:.6;width:100%;height:100%;animation:2s ease-in-out infinite scale-circle;position:absolute;top:0;left:0}.live-dot__circle-2{opacity:.5;animation-delay:-1s}@keyframes scale-circle{0%,to{transform:scale(.5)}50%{transform:scale(1)}}