.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100vw;height:80vh;background-color:#000;position:relative}.title{font-size:28px;font-weight:700;margin-bottom:10px;color:#fff}.middle-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.energy-arrow-container,.middle-container{display:-webkit-box;display:-ms-flexbox;display:flex}.energy-arrow-container{gap:10px}.item-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100px}.icon-small{width:128px;height:128px}.icon-large{width:256px;height:256px}.battery-text{font-size:36px;color:#fff;margin-top:5px}.health-text{font-size:36px;color:#0f0;margin-top:0}.power-text{font-weight:700;margin:0 10px}.led-text,.power-text{font-size:36px;color:#fff}.led-text{margin-top:5px}.arrow-right{-webkit-animation:energy-flow-right 1.5s linear infinite;animation:energy-flow-right 1.5s linear infinite}.arrow-left,.arrow-right{font-size:24px;color:#2ecc71;opacity:0}.arrow-left{-webkit-animation:energy-flow-left 1.5s linear infinite;animation:energy-flow-left 1.5s linear infinite}.arrow-right:first-child{-webkit-animation-delay:0s;animation-delay:0s}.arrow-right:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.arrow-right:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.arrow-right:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.arrow-right:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.arrow-left:first-child,.arrow-right:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}.arrow-left:nth-child(2){-webkit-animation-delay:.7s;animation-delay:.7s}.arrow-left:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.arrow-left:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.arrow-left:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.arrow-left:nth-child(6){-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes energy-flow-right{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes energy-flow-right{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@-webkit-keyframes energy-flow-left{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes energy-flow-left{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}