.connection-status[data-v-e5265f82]{cursor:pointer;height:100%;opacity:.8;transition:opacity .2s}.connection-status[data-v-e5265f82]:hover{opacity:1}.status-dot-container[data-v-e5265f82]{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.status-dot[data-v-e5265f82]{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-dot.connected[data-v-e5265f82]{background:#21ba45;box-shadow:0 0 4px #21ba4566}.status-dot.disconnected[data-v-e5265f82]{background:#c10015;box-shadow:0 0 4px #c1001566}.connection-tooltip[data-v-e5265f82]{background:#2d2d2d;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff}@keyframes pulse-connected-e5265f82{0%{box-shadow:0 0 4px rgba(var(--pulse-color),.4);transform:scale(1)}50%{box-shadow:0 0 12px rgba(var(--pulse-color),.8);transform:scale(1.1)}to{box-shadow:0 0 4px rgba(var(--pulse-color),.4);transform:scale(1)}}@keyframes pulse-disconnected-e5265f82{0%{background:red;box-shadow:0 0 8px #f009;transform:scale(1)}25%{background:#fff;box-shadow:0 0 20px #fff;transform:scale(1.2)}50%{background:red;box-shadow:0 0 20px red;transform:scale(1.1)}75%{background:#fff;box-shadow:0 0 20px #fff;transform:scale(1.2)}to{background:red;box-shadow:0 0 8px #f009;transform:scale(1)}}.status-dot.connected[data-v-e5265f82]{--pulse-color:33,186,69;animation:pulse-connected-e5265f82 2s infinite}.status-dot.disconnected[data-v-e5265f82]{--pulse-color:255,0,0;animation:pulse-disconnected-e5265f82 2s infinite}