.signal-art.sms-connection{display:block;height:auto;min-height:0;margin:12px -12px 14px;overflow:visible;isolation:isolate}
.signal-art.sms-connection::before{display:none}
.sms-connection>svg{display:block;width:100%;height:auto;overflow:visible}
.sms-radio{animation:sms-radio-signal 3.6s ease-in-out infinite}
.sms-radio.radio-two{animation-delay:.3s}.sms-radio.radio-three{animation-delay:.6s}
.sms-beacon{animation:sms-beacon-glow 3.6s ease-in-out infinite}
.sms-packet-in{animation:sms-send 3.6s linear infinite}.sms-packet-out{animation:sms-deliver 3.6s linear infinite;animation-delay:1.3s}
.sms-phone{filter:drop-shadow(0 10px 16px #0009)}
.sms-floating{filter:drop-shadow(0 8px 10px #0006);transform-box:fill-box;transform-origin:center}
.sms-outgoing{animation:sms-float 4.8s ease-in-out infinite}
.sms-delivered{animation:sms-confirm 4.8s ease-in-out infinite;animation-delay:.7s}
.sms-reply{animation:sms-float 4.8s ease-in-out infinite;animation-delay:1.4s}
.sms-message{animation:sms-message-arrival 4.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.message-two{animation-delay:1.4s}
.sms-bar{animation:sms-bar-signal 3.6s ease-in-out infinite}.bar-two{animation-delay:.25s}.bar-three{animation-delay:.5s}
.sms-dot{animation:sms-typing 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.dot-two{animation-delay:.2s}.dot-three{animation-delay:.4s}
.sms-connection.paused *{animation-play-state:paused!important}
@keyframes sms-radio-signal{0%,100%{opacity:.2}30%,65%{opacity:1}}
@keyframes sms-beacon-glow{0%,100%{opacity:.3}45%{opacity:.85}}
@keyframes sms-send{0%{stroke-dashoffset:159;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sms-deliver{0%{stroke-dashoffset:144;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes sms-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sms-confirm{0%,100%{transform:translateY(0);opacity:.65}35%,70%{transform:translateY(-5px);opacity:1}}
@keyframes sms-message-arrival{0%,100%{opacity:.5;transform:translateY(3px)}25%,75%{opacity:1;transform:translateY(0)}}
@keyframes sms-bar-signal{0%,100%{opacity:.25}40%,80%{opacity:1}}
@keyframes sms-typing{0%,60%,100%{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:640px){.signal-art.sms-connection{margin:10px -17px 14px}.tech-visual .diagram-label{font-size:9px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.sms-connection *{animation:none!important;transform:none!important}.sms-radio,.sms-bar,.sms-message,.sms-delivered,.sms-dot{opacity:1}.sms-packet{display:none}}