.title[data-v-677e0358]{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.title h2[data-v-677e0358]{font-size:30px}.title h2 span[data-v-677e0358]{font-size:12px;color:#999}@-webkit-keyframes dashedam-677e0358{0%{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}50%{box-shadow:0 0 0 5px rgba(36,207,21,.2);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}}@keyframes dashedam-677e0358{0%{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}50%{box-shadow:0 0 0 5px rgba(36,207,21,.2);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(36,207,21,0);transform:scale(.8)}}.status[data-v-677e0358]{color:#24cf15;position:relative;padding-left:16px;margin-left:20px}.status[data-v-677e0358]:after{content:" ";width:12px;height:12px;border-radius:50%;background-color:#24cf15;position:absolute;left:0;top:.5px;-webkit-animation:dashedam-677e0358 2s infinite;animation:dashedam-677e0358 2s infinite}.status.online[data-v-677e0358]{color:#24cf15}.status.offline[data-v-677e0358]{color:#636363}.status.offline[data-v-677e0358]:after{filter:grayscale(1)}.status.alarm[data-v-677e0358]{color:#d83d3d}.status.alarm[data-v-677e0358]:after{filter:hue-rotate(240deg)}