.hub-wrap[data-v-144e66ea]{border-radius:12px;border:1px solid #a4a4a4;background:#fff;font-size:.875rem;padding:16px}.hub-name[data-v-144e66ea]{font-size:.75rem}.device-bg[data-v-144e66ea]{margin-top:23px;background:#f0f5ff;border-radius:50%;width:96px;height:96px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.connect-btn[data-v-144e66ea]{color:#fff;border-radius:8px;background:#000}.connect-btn[data-v-144e66ea],.disconnect-btn[data-v-144e66ea]{text-align:center;width:97px;height:25px;margin-top:20px;line-height:1.5625rem;font-weight:700}.disconnect-btn[data-v-144e66ea]{color:#333;border-radius:8px;border:1px solid #e8e8e8;background:#fff}.connect-status-wrap[data-v-e035c2c2]{width:100%;height:403px;padding:24px}.status[data-v-e035c2c2]{font-size:1rem;font-weight:500}.place-holder[data-v-e035c2c2]{position:absolute;width:90px;height:90px;top:50%;left:50%;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--placeHolderColor);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ripple-container[data-v-e035c2c2]{position:relative;width:160px;height:160px;overflow:hidden}.ripple[data-v-e035c2c2]{position:absolute;border-radius:50%;width:90px;height:90px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:var(--rippleColor);-webkit-animation:ripple-animation-e035c2c2 2s linear infinite;animation:ripple-animation-e035c2c2 2s linear infinite;-webkit-backface-visibility:hidden;overflow:hidden}.ripple[data-v-e035c2c2]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.ripple[data-v-e035c2c2]:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes ripple-animation-e035c2c2{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.777);transform:translate(-50%,-50%) scale(1.777);opacity:0}}@keyframes ripple-animation-e035c2c2{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.777);transform:translate(-50%,-50%) scale(1.777);opacity:0}}.content[data-v-2e0d22ba]{height:100%;overflow-y:auto;background:#f6f6f6;padding:16px 0}