*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
html {
  display: block;
  margin: 0;
  padding: 0 !important;
  min-height: 100%;
}

html.engine-design-mode {
  padding-bottom: 0;
  display: grid;
}

.n-spin-content{
  height: 100%;
}

html.engine-cursor-move,
html.engine-cursor-move * {
  cursor: grabbing !important;
}

html.engine-cursor-copy,
html.engine-cursor-copy * {
  cursor: copy !important;
}

html.engine-cursor-ew-resize,
html.engine-cursor-ew-resize * {
  cursor: ew-resize !important;
}

html.lc-cursor-dragging,
html.lc-cursor-dragging * {
  cursor: move !important;
}

html.lc-cursor-x-resizing,
html.lc-cursor-x-resizing * {
  cursor: col-resize;
}

html.lc-cursor-y-resizing,
html.lc-cursor-y-resizing * {
  cursor: row-resize;
}

html.lc-cursor-copy,
html.lc-cursor-copy * {
  cursor: copy !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #0000004d;
  border-radius: 5px;
}

.lc-container {
  height: 100%;
}

.lc-container:empty {
  display: flex;
  align-items: center;
  min-width: 140px;
  height: 66px;
  max-height: 100%;
  overflow: hidden;
  color: #8492a6;
  text-align: center;
  background: #f2f3f5;
  outline: 1px dashed rgb(31 56 88 / 20%);
  outline-offset: -2px !important;
}

.lc-container:empty::before {
  z-index: 1;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  content: '\62d6\62fd\7ec4\4ef6\5230\8fd9\91cc';
}
.lc-container-placeholder {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 2rem;
  color: #8492a6;
  font-size: 12px;
  background-color: #f2f6fc;
  border-radius: 2px;
  outline: 1px dashed;
  outline-offset: -1px !important;
  justify-content: center;
  align-content: space-around;
  flex-wrap: wrap;
}

.lc-container-placeholder.lc-container-locked {
  background: #eccfcf;
}

body.engine-document::after,
body.engine-document::before {
  display: table;
  content: '';
}

body.engine-document::after {
  clear: both;
}

.engine-live-editing {
  outline: none;
  box-shadow: 0 0 0 2px #66bc5c;
  cursor: text;
  user-select: text;
}

#app,
.n-config-provider {
  height: 100%;
}