.input-card[data-v-7537015f],.relay-card[data-v-7537015f]{transition:all .3s ease;cursor:pointer;border:2px solid transparent;min-width:120px}.input-card[data-v-7537015f]:hover,.relay-card[data-v-7537015f]:hover{transform:scale(1.05)}.relay-on[data-v-7537015f]{background-color:rgba(76,175,80,.1)!important;border-color:#4caf50!important}.relay-off[data-v-7537015f]{background-color:hsla(0,0%,62%,.1)!important;border-color:#9e9e9e!important}.input-on[data-v-7537015f]{background-color:rgba(33,150,243,.1)!important;border-color:#2196f3!important}.input-off[data-v-7537015f]{background-color:hsla(0,0%,62%,.1)!important;border-color:#9e9e9e!important}.state-changed[data-v-7537015f]{animation:pulse-7537015f .6s ease-in-out;box-shadow:0 0 15px rgba(33,150,243,.5)!important}@keyframes pulse-7537015f{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(33,150,243,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(33,150,243,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(33,150,243,0)}}.vue-draggable-handle[data-v-044627f2]{cursor:move}.vue-grid-item[data-v-044627f2] .vue-resizable-handle{background-color:#9c8888;opacity:.5;width:10px;height:10px;filter:hue-rotate(180deg)}