/* Internet of Things: sensor-to-action smart system */
.uc-iot-workspace{min-height:455px;background:radial-gradient(circle at 72% 35%,rgba(26,205,222,.16),transparent 38%),linear-gradient(155deg,#031b29,#063447 64%,#075262)}
.uc-iot-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,10,18,.28)}
.uc-iot-status>span{padding:10px 13px}.uc-iot-status small,.uc-iot-status b{display:block}.uc-iot-status small{font-size:.43rem}.uc-iot-status b{margin-top:3px;color:#e9fbfd;font-size:.68rem}
.uc-iot-scene{position:relative;height:278px;overflow:hidden}.uc-iot-scene:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,27,41,.16),transparent 30% 72%,rgba(3,27,41,.18));pointer-events:none}.uc-iot-scene>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);animation:uc-iot-breathe 5s ease-in-out infinite}
.uc-iot-tag{position:absolute;z-index:4;display:grid;gap:2px;padding:6px 8px;border:1px solid rgba(109,232,235,.3);border-radius:7px;background:rgba(2,24,37,.86);box-shadow:0 8px 20px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.uc-iot-tag:after{content:"";position:absolute;width:26px;border-top:1px dashed rgba(99,226,232,.65)}.uc-iot-tag small{font-size:.38rem}.uc-iot-tag b{font-size:.55rem}
.uc-iot-temperature{left:8%;top:24px}.uc-iot-temperature:after{top:50%;left:100%}.uc-iot-moisture{left:26%;bottom:25px}.uc-iot-moisture:after{left:50%;bottom:100%;width:1px;height:22px;border-top:0;border-left:1px dashed rgba(99,226,232,.65)}.uc-iot-gateway-tag{right:7%;bottom:34px}.uc-iot-gateway-tag:after{right:100%;top:50%}
.uc-iot-packets{position:absolute;z-index:3;right:19%;bottom:63px;width:46%;height:43%;border-top:2px dashed rgba(79,226,234,.75);border-right:2px dashed rgba(79,226,234,.75);border-radius:0 60% 0 0;transform:rotate(-8deg)}.uc-iot-packets i{position:absolute;width:8px;height:8px;border-radius:50%;background:#dfffff;box-shadow:0 0 12px #58e0e8;animation:uc-iot-packet 2.8s linear infinite}.uc-iot-packets i:nth-child(2){animation-delay:.7s}.uc-iot-packets i:nth-child(3){animation-delay:1.4s}.uc-iot-packets i:nth-child(4){animation-delay:2.1s}
.uc-iot-flow{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1.25fr;align-items:center;gap:5px;margin:0 18px 17px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(2,18,29,.6)}.uc-iot-flow span{display:flex;align-items:center;justify-content:center;gap:5px;color:#d9f2f5;font-size:.52rem;font-weight:800}.uc-iot-flow span i{width:6px;height:6px;border-radius:50%;background:#42d7e2;box-shadow:0 0 8px #42d7e2}.uc-iot-flow>b{color:#4ed9e6;font-size:.6rem}.uc-iot-flow .is-action{padding:5px;border-radius:6px;color:#91f0c3;background:rgba(72,218,160,.1)}.uc-iot-flow .is-action i{background:#54dda7;box-shadow:0 0 8px #54dda7}
@keyframes uc-iot-packet{0%{left:0;bottom:0;opacity:0}12%,80%{opacity:1}50%{left:96%;bottom:0}100%{left:96%;bottom:95%;opacity:0}}@keyframes uc-iot-breathe{50%{transform:scale(1.015)}}
@media(max-width:600px){.uc-iot-workspace{min-height:415px}.uc-iot-status>span{padding:8px 6px}.uc-iot-status small{font-size:.36rem}.uc-iot-scene{height:245px}.uc-iot-tag{padding:5px}.uc-iot-tag b{font-size:.47rem}.uc-iot-moisture{left:20%;bottom:20px}.uc-iot-gateway-tag{right:4%;bottom:24px}.uc-iot-flow{grid-template-columns:1fr auto 1fr auto 1fr;margin:0 10px 12px}.uc-iot-flow>b:nth-of-type(3),.uc-iot-flow .is-action{display:none}}
@media(prefers-reduced-motion:reduce){.uc-iot-scene>img,.uc-iot-packets i{animation:none!important}.uc-iot-packets i{display:none}}