.host-current-task{height:500px;overflow:scroll}.host-current-task ul{list-style:none}.host-current-task-item{height:60px;width:100%;border-radius:6px;margin-bottom:10px;line-height:60px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.host-current-task-item-blue{background-color:#3d73f5;color:#fff}.host-current-task-item-green{background-color:#27d68f}.host-current-task-item-yellow{background-color:#ff8f34}.host-current-task-item-gray{background-color:#dadcdf;color:#fff}.host-current-task-item-hover{background-color:#699bff}.host-current-task-item-slip{height:60px;width:60px;background:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));background:linear-gradient(90deg,#fff,transparent);position:absolute;border-radius:6px;-webkit-animation:progressMove 5s infinite;animation:progressMove 5s infinite}@-webkit-keyframes progressMove{0%{margin-left:0;opacity:.1}30%{margin-left:90%;opacity:.1}70%{margin-left:94%;opacity:0}to{margin-left:0;opacity:0}}@keyframes progressMove{0%{margin-left:0;opacity:.1}30%{margin-left:90%;opacity:.1}70%{margin-left:94%;opacity:0}to{margin-left:0;opacity:0}}.host-current-task .host-current-task-item span{width:100px;text-align:center}