#sys-list{padding:20px;display:flex;flex-direction:column;align-items:center;position:relative;width:80%;height:80%}#close-sys{cursor:pointer;position:absolute;top:10px;left:10px;width:32px;height:32px;background-image:url(../../icon/no_grey.svg);background-position:50%;background-repeat:no-repeat}.sys-box{margin-left:10px;margin-right:10px;margin-top:40px;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:100%;height:60px}.sys-icon{width:32px;height:32px;background-position:50%;background-repeat:no-repeat}.sys-bar{margin-bottom:10px;border-radius:1em;position:relative;width:80%;height:10px;margin-left:10px;background-color:#00000042}.sys-progress{border-radius:1em;height:100%;width:0;background-color:#bfd2db;transition:width .5s ease}.sys-value{font-weight:700;margin-left:10px;font-size:20px;color:#bfd2db}.sys-space{position:absolute;margin-top:10px;bottom:0}.sys-loading{margin-left:10px;width:20px;height:20px;border:2px solid #bfd2db;border-top-color:#69767c;border-right-color:#69767c;border-bottom-color:#69767c;border-radius:100%;animation:loading infinite .5s linear}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#cpu{background-image:url(../../icon/cpu.svg)}#mem{background-image:url(../../icon/mem.svg)}#disk{background-image:url(../../icon/disk.svg)}#net{background-image:url(../../icon/network.svg)}#netup-icon{margin-left:40px;background-image:url(../../icon/toup_grey.svg);animation:net 1.5s infinite}#netdown-icon{margin-left:40px;background-image:url(../../icon/godown_grey.svg);animation:net 1.5s infinite}@keyframes net{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}