body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body>#root>.options{background:#f3f3f3;padding:7px;border-bottom:1px solid #ddd;display:flex;justify-content:flex-start;align-items:center}body>#root>.options>input{margin-left:5px;flex:1;border:1px solid #ccc;padding:7px;border-radius:5px}h2{margin-top:40px}.CodeEntry{text-align:center;white-space:nowrap;display:inline-block}.CodeEntry input[type=number]{font-size:1em;width:1.6em;height:2em;margin:.2em;text-align:center;transition:all .1s linear;-moz-appearance:textfield}.CodeEntry input:nth-of-type(3){margin-right:.6em}.CodeEntry input[type=number]::-webkit-outer-spin-button,.CodeEntry input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;margin:0}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-7px,0,0)}40%,60%{transform:translate3d(7px,0,0)}}.CodeEntry .invalid{animation:shake 1s cubic-bezier(.16,.07,.19,.97) both;transform:translateZ(0)}.PlatformIcon{width:.9em;height:.9em;vertical-align:middle}.Device{padding:7px;border-left:5px solid transparent;display:flex;align-items:center}.Device.online{border-left:5px solid #3cc56e}.Device .last-seen{font-size:.8em;color:#777;margin-top:3px;white-space:nowrap}.Device .platform-icon{font-size:30px;max-height:30px;margin:0 4px;pointer-events:none;flex:0 0 auto}.Device .details{flex:1;margin-left:7px}.Session{padding:7px;display:flex;align-items:center;flex-wrap:wrap}.Session .agent{font-size:.8em;margin-right:7px}.Session .details{flex:1}.Session .subdetails{display:flex;margin-top:4px;align-items:baseline;color:#777}.Session .recorded{text-transform:uppercase;font-size:10px;margin-left:15px}.Session .active{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;background-color:#3cc56e;padding:1px 3px;border-radius:3px;display:inline-block}.Session .activated{font-size:.8em;white-space:nowrap}.Session .recorded:before{content:"";width:8px;height:8px;margin-right:4px;background:red;border-radius:100%;display:inline-block}.Session .duration{font-weight:700;font-size:12px}.SmartConnectButton{margin:3px;display:inline-block;border:1px solid #ddd;background:#f3f3f3;padding:7px 14px;cursor:not-allowed;border-radius:100px;font-weight:600;color:#aaa;font-size:.9em}.SmartConnectButton.connectable{border:1px solid #3cc56e;background:#3cc56e;color:#fff;cursor:pointer}