#canvas[data-v-6960ebce] {
  width: 100%;
  overflow-x: auto;
}
.slot-style[data-v-6960ebce] {
  fill: cadetblue;
}
.slot-style[data-v-6960ebce]:hover {
  fill: cornflowerblue;
}
.vue-grid-layout[data-v-6960ebce] {
  width: 10000px;
  height: calc(100vh - 107px) !important;
}
.vue-grid-item[data-v-6960ebce]:not(.vue-grid-placeholder) {
  background: var(--color-primary);
  border-radius: 3px;
}
.vue-grid-item:not(.vue-grid-placeholder) .ant-switch-slot[data-v-6960ebce] {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}
.vue-grid-item:not(.vue-grid-placeholder) .ant-input-slot[data-v-6960ebce] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    text-align: center;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    width: 90%;
}
.vue-grid-item:not(.vue-grid-placeholder) .ant-input-slot-disabled[data-v-6960ebce] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid gray;
    text-align: center;
    color: gray;
    margin-left: 5px;
    margin-right: 5px;
    width: 90%;
    cursor: pointer;
    font-weight: bold;
}
.vue-grid-item:not(.vue-grid-placeholder) .SlotSizeSection[data-v-6960ebce] {
    width: 92%;
    font-size: 13px;
    margin: 4px 4px;
}
.vue-grid-item:not(.vue-grid-placeholder) .SlotExpandBtn[data-v-6960ebce] {
    color: #fff;
    padding: 4px;
}
.vue-grid-item:not(.vue-grid-placeholder) .slotName[data-v-6960ebce] {
    font-size: 11px;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
}
.vue-grid-item.resizing[data-v-6960ebce] {
  opacity: 0.9;
}
.vue-grid-item.static[data-v-6960ebce] {
  background: #cce;
}
.vue-grid-item .text[data-v-6960ebce] {
  font-size: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 24px;
}
.vue-grid-item .minMax[data-v-6960ebce] {
  font-size: 12px;
}
.vue-grid-item .add[data-v-6960ebce] {
  cursor: pointer;
}