.title[data-v-fd08e2e4]{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.title h2[data-v-fd08e2e4]{font-size:30px}.title h2 span[data-v-fd08e2e4]{font-size:12px;color:#999}@-webkit-keyframes dashedam-fd08e2e4{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-fd08e2e4{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-fd08e2e4]{color:#24cf15;position:relative;padding-left:16px;margin-left:20px}.status[data-v-fd08e2e4]:after{content:" ";width:12px;height:12px;border-radius:50%;background-color:#24cf15;position:absolute;left:0;top:.5px;-webkit-animation:dashedam-fd08e2e4 2s infinite;animation:dashedam-fd08e2e4 2s infinite}.status.online[data-v-fd08e2e4]{color:#24cf15}.status.offline[data-v-fd08e2e4]{color:#636363}.status.offline[data-v-fd08e2e4]:after{filter:grayscale(1)}.status.alarm[data-v-fd08e2e4]{color:#d83d3d}.status.alarm[data-v-fd08e2e4]:after{filter:hue-rotate(240deg)}.title[data-v-fd08e2e4]{border-top:1px solid #f0f0f0}.list[data-v-fd08e2e4]{overflow-y:auto;height:calc(100% - 300px)}.alarm-body[data-v-fd08e2e4]{height:300px;display:flex;align-items:center;justify-content:center;position:relative}@-webkit-keyframes shake-fd08e2e4{0%{transform:scale(.8) translateX(0)}30%{transform:scale(.8) translateX(-20%)}60%{transform:scale(.8) translateX(20%)}90%{transform:scale(.8) translateX(0)}to{transform:scale(.8) translateX(0)}}@keyframes shake-fd08e2e4{0%{transform:scale(.8) translateX(0)}30%{transform:scale(.8) translateX(-20%)}60%{transform:scale(.8) translateX(20%)}90%{transform:scale(.8) translateX(0)}to{transform:scale(.8) translateX(0)}}.alarm-body .container[data-v-fd08e2e4]{perspective:1500px;-webkit-animation:shake-fd08e2e4 2s ease-in-out infinite;animation:shake-fd08e2e4 2s ease-in-out infinite}.alarm-body .container .pan[data-v-fd08e2e4]{position:relative;width:200px;height:200px;transform:rotateX(-20deg);transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible}.alarm-body .container .pan .side[data-v-fd08e2e4]{width:200px;height:200px;background-color:#6e97c9;position:absolute;-webkit-backface-visibility:visible;backface-visibility:visible;opacity:.8;display:flex;align-items:center;justify-content:center;font-size:24px;color:#8fa4b6}.alarm-body .container .pan .side.top[data-v-fd08e2e4]{background-color:#d4d4d4;transform:translateY(-100px) rotateX(90deg);left:-100px;width:400px}.alarm-body .container .pan .side.bottom[data-v-fd08e2e4]{background-color:#eee;transform:translateY(100px) rotateX(90deg);left:-100px;width:400px}.alarm-body .container .pan .side.front[data-v-fd08e2e4]{background-color:#e0e0e0;transform:translateZ(100px);left:-100px;width:400px}.alarm-body .container .pan .side.back[data-v-fd08e2e4]{background-color:#9c9c9c;transform:translateZ(-100px);left:-100px;width:400px}.alarm-body .container .pan .side.left[data-v-fd08e2e4]{background-color:#d6d6d6;transform:translateX(-200px) rotate(90deg) rotateX(90deg)}.alarm-body .container .pan .side.right[data-v-fd08e2e4]{background-color:#d6d6d6;transform:translateX(200px) rotate(90deg) rotateX(90deg)}