.animation-container{position:relative;background-color:#070f1e;overflow:hidden;width:100%;height:100%;border-radius:8px}.animation-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(30,60,100,.05) 1px,transparent 0),linear-gradient(90deg,rgba(30,60,100,.05) 1px,transparent 0);background-size:20px 20px;z-index:1}.ip-column{position:absolute;top:50px;bottom:50px;width:26%;border-radius:4px;border:1px dashed hsla(0,0%,100%,.1);display:flex;flex-direction:column;align-items:center}.column-title{position:absolute;top:-10px;background-color:#070f1e;color:hsla(0,0%,100%,.7);padding:2px 8px;font-size:10px;text-transform:uppercase;border-radius:3px;letter-spacing:1px}.column-1{left:5%;background-color:rgba(33,150,243,.03)}.column-2{left:37%;background-color:rgba(156,39,176,.03)}.column-3{right:5%;background-color:rgba(244,67,54,.03)}.ip-box{position:absolute;background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);padding:5px 8px;border-radius:3px;font-family:monospace;font-size:11px;color:#fff;text-align:center}.ip-mobile{color:#4caf50;border-color:rgba(76,175,80,.3)}.ip-residential{color:#2196f3;border-color:rgba(33,150,243,.3)}.ip-datacenter{color:#ff9800;border-color:rgba(255,152,0,.3)}.ip-tag{font-size:8px;display:block;margin-top:3px;color:hsla(0,0%,100%,.5)}.ip-status{position:absolute;top:-14px;right:0;font-size:7px;padding:1px 4px;border-radius:2px;text-transform:uppercase;font-weight:700}.status-hidden{background-color:rgba(76,175,80,.2);color:#4caf50}.status-detected{background-color:rgba(244,67,54,.2);color:#f44336}.arrow{position:absolute;top:50%;width:30px;height:1px;background-color:hsla(0,0%,100%,.2)}.arrow:after{content:"";position:absolute;right:0;top:-3px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid hsla(0,0%,100%,.3)}.arrow-1{left:31%;width:6%}.arrow-2{left:63%;width:6%}.network-box{position:absolute;border-radius:4px;padding:8px;font-size:10px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.network-your-device{background-color:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.4);width:120px;bottom:40px;left:50%;transform:translateX(-50%)}.network-mobile-proxies{background-color:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);width:70%;height:120px;top:45%;left:15%;display:flex;flex-direction:column}.network-servers{background-color:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);width:70%;top:40px;left:15%;padding:15px}.mobile-proxy{border-radius:50%;background-color:#4caf50;margin:0 5px}.mobile-proxy,.target-server{width:12px;height:12px;display:inline-block}.target-server{border-radius:3px;background-color:#f44336;margin:0 10px}.proxy-dots{gap:15px;margin-top:8px}.proxy-dots,.server-dots{display:flex;justify-content:center}.server-dots{gap:30px;margin-top:5px}.connection-line{position:absolute;width:1px;background-color:hsla(0,0%,100%,.15);z-index:1}.label{position:absolute;font-size:9px;color:hsla(0,0%,100%,.6);background-color:rgba(0,0,0,.4);padding:2px 5px;border-radius:2px;z-index:10;white-space:nowrap}