.phone-container{--width:320px;--height:490px;width:var(--width);height:var(--height);mix-blend-mode:screen;margin:auto;position:relative;transform:scale(.6)}.phone-text{color:#a9a9a9;z-index:2;text-align:center;text-transform:uppercase;letter-spacing:2px;font-family:sans-serif;font-size:17px;position:absolute;top:180px;left:0;right:0}.phone-status{color:#fff;z-index:3;justify-content:center;align-items:center;width:190px;margin:auto;display:flex;position:absolute;top:125px;left:0;right:0}.phone-progress{color:#fff;margin-left:8px;font-family:sans-serif;font-size:3em;display:flex}.phone-progress small{color:#fff;margin-left:5px;font-size:18px}.phone-charging{background-color:#fff;width:11px;height:11px;transform:skewY(-45deg)rotate(47deg)scale(.7)}.phone-charging:before{content:"";border-top:7px solid #0000;border-bottom:15px solid #fff;border-left:7px solid #0000;border-right:5px solid #0000;position:absolute;top:-18px;left:-8px;transform:rotate(5deg)skew(-10deg,-5deg)}.phone-charging:after{content:"";border-top:7px solid #0000;border-bottom:15px solid #fff;border-left:7px solid #0000;border-right:5px solid #0000;position:absolute;bottom:-18px;left:6px;transform:rotate(-175deg)skew(-10deg,-5deg)}.phone-contrast{filter:contrast(20);background-color:#000;width:100%;height:100%}.phone-blackhole{filter:blur(10px);background-color:#000;border-radius:50%;width:210px;height:210px;margin:auto;position:absolute;top:60px;left:0;right:0}.phone-blackhole:before{content:"";background-color:#0f0;border-radius:45% 55% 43% 57%/41% 39% 61% 59%;width:100%;height:100%;animation:20s linear infinite rotate,20s linear infinite radius;position:absolute;transform:rotate(426deg);box-shadow:-3px -1px 0 15px #0f0,0 3px 0 18px #0f0}.phone-blackhole:after{content:"";background:#000;border-radius:50%;width:100%;height:100%;position:absolute}.phone-lithium{z-index:-1;filter:blur(10px);background-color:#0f0;border-radius:45% 55% 48% 52%/56% 43% 57% 44%;width:70px;height:50px;margin:auto;animation:8s linear infinite radius;position:absolute;bottom:-19px;left:0;right:0;transform:rotate(-1deg)}.phone-lithium:after{content:"";background-color:#0f0;border-radius:45% 55% 48% 52%/56% 43% 57% 44%;width:70px;height:50px;animation:7s linear 2s infinite radius;position:absolute;bottom:-8px;left:-25px}.phone-lithium:before{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation:7s infinite forwards lithium,20s linear infinite radius;position:absolute;bottom:0;left:0}.phone-lithium i:first-child:before{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation:4s infinite forwards lithium,10s linear infinite radius;position:absolute;bottom:0;left:10px}.phone-lithium i:first-child:after{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium,radius;animation-duration:5s,10s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:1s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:30px;transform:scale(.8)}.phone-lithium i:nth-child(2):before{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium,radius;animation-duration:6s,10s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:2s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:20px}.phone-lithium i:nth-child(2):after{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium2,radius;animation-duration:7s,10s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:3s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:-20px;transform:scale(.9)}.phone-lithium i:nth-child(3):before{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium3,radius;animation-duration:3s,10s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:4s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:35px}.phone-lithium i:nth-child(3):after{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium3,radius;animation-duration:5s,6s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:5s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:-20px;transform:scale(1.1)}.phone-lithium i:nth-child(4):before{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium4,radius;animation-duration:9s,10s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:5s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:45px}.phone-lithium i:nth-child(4):after{content:"";filter:blur(10px);border-radius:50%;width:20px;height:20px;animation-name:lithium4,radius;animation-duration:9s,6s;animation-timing-function:ease,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:6s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:absolute;bottom:0;left:-20px;transform:scale(1.1)}@keyframes lithium{0%{box-shadow:20px -3vh 0 10px #0f0}to{border-radius:45% 55% 48% 52%/56% 43% 57% 44%;transform:scale(1);box-shadow:40px -43vh 0 20px #0f0}}@keyframes lithium2{0%{box-shadow:10px -5vh 0 10px #0f0}to{box-shadow:20px -45vh 0 20px #0f0}}@keyframes lithium3{0%{box-shadow:9px -7vh 0 6px #0f0}to{box-shadow:14px -45vh 0 15px #0f0}}@keyframes lithium4{0%{box-shadow:9px -7vh 0 7px #0f0}to{box-shadow:14px -45vh 0 14px #0f0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radius{0%{border-radius:45% 55% 43% 57%/41% 39% 61% 59%}15%{border-radius:50% 50% 48% 52%/55% 39% 61% 45%}25%{border-radius:45% 55% 39% 61%/55% 30% 70% 45%}50%{border-radius:45% 55% 28% 72%/56% 61% 39% 44%}80%{border-radius:73% 27% 28% 72%/74% 61% 39% 26%}to{border-radius:45% 55% 43% 57%/41% 39% 61% 59%}}