.rs-net{position:relative;width:min(460px,100%);aspect-ratio:1;margin:0 auto;z-index:1}
.rs-net__svg{position:absolute;inset:0;width:100%;height:100%}
.rs-net__ripple{stroke:#FFB547;stroke-width:2;fill:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:rsRipple 4.2s linear infinite}
.rs-net__ripple--2{animation-delay:1.4s}
.rs-net__ripple--3{animation-delay:2.8s}
@keyframes rsRipple{0%{transform:scale(.3);opacity:.5}100%{transform:scale(1.15);opacity:0}}
.rs-net__ray{stroke:#C6CDE0;stroke-width:2;stroke-dasharray:3 9;stroke-linecap:round;animation:rsRay 1.6s linear infinite}
@keyframes rsRay{to{stroke-dashoffset:-24}}
.rs-net__dot{transform-box:fill-box;transform-origin:center}
.rs-net__dot--out{fill:#2BB673;animation:rsOut 3s ease-in-out infinite}
.rs-net__dot--d3{fill:#FFB547;animation-delay:1.5s}
@keyframes rsOut{0%{transform:translate(0,0);opacity:0}12%{opacity:1}82%{opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
.rs-net__dot--in{fill:#E4574B;animation:rsIn 3.4s ease-in infinite}
.rs-net__dot--d2{animation-delay:1.7s}
@keyframes rsIn{0%{transform:translate(var(--sx),var(--sy));opacity:0}12%{opacity:1}60%{opacity:1;transform:translate(calc(var(--sx)*.24),calc(var(--sy)*.24))}70%{opacity:0;transform:translate(calc(var(--sx)*.17),calc(var(--sy)*.17))}100%{opacity:0;transform:translate(calc(var(--sx)*.17),calc(var(--sy)*.17))}}
.rs-net__router{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;z-index:2}
.rs-net__card{position:relative;filter:drop-shadow(0 20px 28px rgba(27,36,64,.35))}
.rs-net__card img{display:block;width:100%;height:auto}
.rs-net__badge{position:absolute;right:2%;bottom:2%;width:34px;height:34px;border-radius:50%;background:#FFB547;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -4px rgba(27,36,64,.4)}
.rs-net__badge svg{width:16px;height:16px}
.rs-net__chip{position:absolute;transform:translate(-50%,-50%);font-size:12.5px;font-weight:700;padding:7px 11px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;background:#fff;box-shadow:0 8px 20px -8px rgba(27,36,64,.35);animation:rsFloat 5.5s ease-in-out infinite;line-height:1;font-family:inherit;z-index:3}
.rs-net__chip:nth-of-type(2n){animation-delay:1.2s}
.rs-net__chip:nth-of-type(3n){animation-delay:2.3s}
.rs-net__chip b{font-weight:800;font-style:normal}
.rs-net__chip--blocked{background:#FCE9E6;color:#B8392E}
.rs-net__chip--ok{background:#E3F6EC;color:#1E8A54}
.rs-net__chip--time{background:#FFF1D6;color:#B87708}
.rs-net__chip--night{background:#1B2440;color:#fff}
.rs-net__chip--night svg{color:#FFB547}
.rs-net__chip svg{display:block}
@keyframes rsFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 5px))}}
@media(max-width:600px){.rs-net{width:min(400px,100%)}.rs-net__chip{font-size:11px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.rs-net__ripple,.rs-net__ray,.rs-net__dot,.rs-net__chip{animation:none!important}.rs-net__ripple{opacity:.18;transform:scale(.85)}}
