.device[data-v-7dc5b6f8],.device-active[data-v-7dc5b6f8]{align-items:center;background-color:#bcbcbc;border-radius:5px;color:#fff;display:flex;flex-direction:row;gap:1rem;height:3.5rem;justify-content:flex-start;padding:0 1.25rem;position:relative;width:100%}.device-enabled[data-v-7dc5b6f8]:hover{cursor:pointer}.device-enabled[data-v-7dc5b6f8]:hover:not(.device-active){background-color:#b7b7b7}.device-enabled[data-v-7dc5b6f8]:not(.device-active):active{background-color:#b4b4b4}.device-active[data-v-7dc5b6f8]{background-color:#00b2ff}.device-active .device-control .device-control-item[data-v-7dc5b6f8]{background-color:#ffffff1a}.device-active .device-control .device-control-item[data-v-7dc5b6f8]:hover{background-color:#ffffff40}.device-active .device-control .device-control-item .device-control-item-icon[data-v-7dc5b6f8],.device-active .device-control .device-control-item:hover:hover .device-control-item-icon[data-v-7dc5b6f8]{filter:invert(1)}.device-disconnected[data-v-7dc5b6f8]{background-color:#ececec;color:#000}.device-disconnected .device-name-input[data-v-7dc5b6f8],.device-disconnected .device-name-input-disabled[data-v-7dc5b6f8],.device-disconnected .device-name-input-editing[data-v-7dc5b6f8]{color:#000}.device-icon[data-v-7dc5b6f8]{height:1.5rem}.device-name[data-v-7dc5b6f8],.device-name-calibration[data-v-7dc5b6f8],.device-name-input[data-v-7dc5b6f8],.device-name-input-disabled[data-v-7dc5b6f8],.device-name-input-editing[data-v-7dc5b6f8]{border-bottom:1px solid transparent;color:#fff;font-family:inherit;font-size:1rem;white-space:nowrap}.device-name-parent[data-v-7dc5b6f8]{position:relative;width:-moz-min-content;width:min-content}.device-name-input[data-v-7dc5b6f8],.device-name-input-disabled[data-v-7dc5b6f8],.device-name-input-editing[data-v-7dc5b6f8]{background-color:transparent;border:none;border-bottom:1px solid #fff;left:0;outline:none;padding:0;position:absolute;width:100%}.device-name-input-disabled[data-v-7dc5b6f8]{pointer-events:none}.device-name-calibration[data-v-7dc5b6f8]{position:static;visibility:hidden;white-space:pre}.device-control[data-v-7dc5b6f8]{flex-direction:column;gap:.5rem}.device-control[data-v-7dc5b6f8],.device-control-item[data-v-7dc5b6f8]{align-items:center;display:flex;justify-content:center}.device-control-item[data-v-7dc5b6f8]{border-radius:5px;height:2rem;width:2rem}.device-control-item[data-v-7dc5b6f8]:hover{background-color:#00000008}.device-control-item:hover:hover .device-control-item-icon[data-v-7dc5b6f8]{filter:opacity(.6)}.device-control-item-icon[data-v-7dc5b6f8]{filter:opacity(.4);width:1rem}.connect[data-v-7dc5b6f8]{align-items:center;background-color:#bcbcbc;border:none;border-radius:5px;color:#fff;display:flex;font-size:.75rem;font-weight:500;justify-content:center;margin:0 0 0 auto;padding:.5rem 2rem}.connect[data-v-7dc5b6f8]:hover{background-color:#b7b7b7;cursor:pointer}.connect[data-v-7dc5b6f8]:active{background-color:#b4b4b4}