.battery-animation-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent}.battery-animation-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.battery-animation-wrapper .animation-container{padding:0!important;margin:0!important;background-color:transparent!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:100%!important;position:relative!important}.battery{position:relative;width:150px;height:80px;border:2px solid rgba(87,205,255,.3);border-radius:12px;background-color:#57cdff0d;overflow:hidden;padding:4px;margin:0;box-shadow:0 0 30px #57cdff1a,inset 0 0 20px #57cdff0d}.battery:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:8px;height:24px;background-color:#57cdff4d;border-radius:0 4px 4px 0;box-shadow:0 0 10px #57cdff33}.battery-segment{position:absolute;top:6px;bottom:6px;width:18%;background:linear-gradient(0deg,#57cdff,#80e9ff);border-radius:4px;margin:0 2px;opacity:0;box-shadow:0 0 15px #57cdff4d}.battery-segment-1{left:4px;animation:appear1 5s infinite}.battery-segment-2{left:24%;animation:appear2 5s infinite}.battery-segment-3{left:46%;animation:appear3 5s infinite}.battery-segment-4{left:68%;animation:appear4 5s infinite}@keyframes appear1{0%,5%{opacity:0;transform:scaleX(0)}10%,to{opacity:1;transform:scaleX(1)}}@keyframes appear2{0%,30%{opacity:0;transform:scaleX(0)}35%,to{opacity:1;transform:scaleX(1)}}@keyframes appear3{0%,55%{opacity:0;transform:scaleX(0)}60%,to{opacity:1;transform:scaleX(1)}}@keyframes appear4{0%,80%{opacity:0;transform:scaleX(0)}85%,to{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){.battery{width:110px;height:60px;border-width:1.5px;padding:3px}.battery:after{top:50%;right:-6px;transform:translateY(-50%);width:6px;height:18px}.battery-segment{top:4px;bottom:4px;margin:0 1.5px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/battery-animation.css.map */