.body-ns-resize {
   cursor: ns-resize !important;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
}

.body-ew-resize {
  cursor: ew-resize !important;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
}

._2RZR0jM4SscMGUcXb7SVW7 {
    position: absolute;
    z-index: 3;
  }

._2RZR0jM4SscMGUcXb7SVW7.v-resizer {
      z-index: 11;
    }

._2RZR0jM4SscMGUcXb7SVW7.h-resizer {
       z-index: 11;
    }

._2RZR0jM4SscMGUcXb7SVW7.top, ._2RZR0jM4SscMGUcXb7SVW7.bottom {
      left: 0;
      width: 100%;
      height: 3px;
      cursor: ns-resize;
    }

._2RZR0jM4SscMGUcXb7SVW7.top {
      top: 1px;
    }

._2RZR0jM4SscMGUcXb7SVW7.bottom {
      bottom: 0px;
    }

._2RZR0jM4SscMGUcXb7SVW7.left, ._2RZR0jM4SscMGUcXb7SVW7.right {
      top: 0;
      width: 3px;
      height: 100%;
      cursor: ew-resize;
    }

._2RZR0jM4SscMGUcXb7SVW7.left {
      left: 1px;
    }

._2RZR0jM4SscMGUcXb7SVW7.right {
      right: -3px;
    }

._2kl0YAfnXq3xlx7HQW2QG {
    position: absolute;
    width: 100%;
    pointer-events: none;
    /* z-index 值应该 高于 StatePanel(100+) 与 ScreenPane (4) */
    z-index: 200;
  }

._2kl0YAfnXq3xlx7HQW2QG > li, ._2kl0YAfnXq3xlx7HQW2QG > div {
      display: flex;
      align-items: center;
      background: rgba(241, 241, 245, 0.4) !important;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15) !important;
    }

._2kl0YAfnXq3xlx7HQW2QG > li .expander, ._2kl0YAfnXq3xlx7HQW2QG > li .actions, ._2kl0YAfnXq3xlx7HQW2QG > div .expander, ._2kl0YAfnXq3xlx7HQW2QG > div .actions {
        display: none;
      }

._2kl0YAfnXq3xlx7HQW2QG > li .layer-item-icon, ._2kl0YAfnXq3xlx7HQW2QG > div .layer-item-icon {
        margin-right: 8px;
      }

._2kl0YAfnXq3xlx7HQW2QG > li .editable-name,._2kl0YAfnXq3xlx7HQW2QG > div .editable-name{
        white-space: nowrap;
      }

._2kl0YAfnXq3xlx7HQW2QG * {
      pointer-events: none !important;
    }

._2kl0YAfnXq3xlx7HQW2QG.is-outside-container {
      pointer-events: auto;
      cursor: not-allowed !important;
    }

._2kl0YAfnXq3xlx7HQW2QG .tool-btns {
       display: none;
     }

.Qz0_vHv0I4SI_p888PzVv {
    position: absolute;
    top: 0;
    /* bottom: -3px; FIX: 拖动尾部位置时拖拽标记线没显示全 */
    bottom: -3px;
    right: 0;
    left: 0;
    color: #0d99ff;
    overflow: hidden;
  }

.Qz0_vHv0I4SI_p888PzVv.is-invalid {
      cursor: not-allowed;
    }

.Qz0_vHv0I4SI_p888PzVv .group-indicator {
      position: absolute;
    }

.Qz0_vHv0I4SI_p888PzVv .group-indicator::after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        opacity: 0.6;
        background-color:rgba(88,71,255,0.10);
      }

.Qz0_vHv0I4SI_p888PzVv .indicator {
      position: absolute;
    }

.Qz0_vHv0I4SI_p888PzVv .indicator.prevSibling .indicator-line, .Qz0_vHv0I4SI_p888PzVv .indicator.nextSibling .indicator-line {
          position: absolute;
          left: 0;
          width: 100%;
        }

.Qz0_vHv0I4SI_p888PzVv .indicator.prevSibling .indicator-circle, .Qz0_vHv0I4SI_p888PzVv .indicator.nextSibling .indicator-circle {
          position: absolute;
          right: 100%;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          border: 2px solid currentColor;
        }

.Qz0_vHv0I4SI_p888PzVv .indicator.prevSibling .indicator-line {
          top: -1.5px;
          border-bottom: 2px solid currentColor;
        }

.Qz0_vHv0I4SI_p888PzVv .indicator.prevSibling .indicator-circle {
          top: -3px;
        }

.Qz0_vHv0I4SI_p888PzVv .indicator.nextSibling .indicator-line {
          bottom: -1px;
          border-top: 2px solid currentColor;
        }

.Qz0_vHv0I4SI_p888PzVv .indicator.nextSibling .indicator-circle {
          bottom: -3px;
        }

.dAlxNgH5z8DWOxhh9k_K8 .same-size-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #FF6161;
      z-index: 11;
    }

      .dAlxNgH5z8DWOxhh9k_K8 .same-size-h-line::after {
        width: 1px;
        height: 5px;
        content: " ";
        background-color: #FF6161;
        position: absolute;
        right: 0;
        bottom: 0;
      }

      .dAlxNgH5z8DWOxhh9k_K8 .same-size-h-line::before {
        width: 1px;
        height: 5px;
        content: " ";
        background-color: #FF6161;
        position: absolute;
        bottom: 0px;
      }
    .dAlxNgH5z8DWOxhh9k_K8 .same-size-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #FF6161;
      z-index: 11;
    }
    .dAlxNgH5z8DWOxhh9k_K8 .same-size-v-line::after {
        width: 5px;
        height: 1px;
        content: " ";
        background-color: #FF6161;
        position: absolute;
        bottom: 0px;
        right: 0px;
      }
    .dAlxNgH5z8DWOxhh9k_K8 .same-size-v-line::before {
        width: 5px;
        height: 1px;
        content: " ";
        background-color: #FF6161;
        position: absolute;
        top: 0px;
        right: 0px;
      }
    .dAlxNgH5z8DWOxhh9k_K8 .same-size-h-value {
      position: absolute;
      top: 0;
      left: 50%;
      color: #FF6161;
      transform: translate(-50%, calc(-100% - 3px));
    }
    .dAlxNgH5z8DWOxhh9k_K8 .same-size-v-value {
      position: absolute;
      left: -40px;
      top: 50%;
      color: #FF6161;
      transform: translate(0, -50%);
    }


.fW-PalIXdV69aL8n1U-SU .h-line, .fW-PalIXdV69aL8n1U-SU .dis-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #FF1313;
      z-index: 10;
    }

    .fW-PalIXdV69aL8n1U-SU .v-line, .fW-PalIXdV69aL8n1U-SU .dis-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #FF1313;
      z-index: 10;
    }

    .fW-PalIXdV69aL8n1U-SU .edge-h-value, .fW-PalIXdV69aL8n1U-SU .dis-h-value {
      position: absolute;
      top: 0;
      left: 50%;
      color: #6c4BD5;
      transform: translate(-50%, calc(-100% - 3px));
    }

    .fW-PalIXdV69aL8n1U-SU .edge-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #64BD5;
      z-index: 10;
    }

    .fW-PalIXdV69aL8n1U-SU .edge-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #6c4BD5;
      z-index: 10;
    }

    .fW-PalIXdV69aL8n1U-SU .edge-v-value, .fW-PalIXdV69aL8n1U-SU .dis-v-value {
      position: absolute;
      right: 0;
      top: 50%;
      color: #6c4BD5;
      transform: translate(0, -50%);
    }

    .fW-PalIXdV69aL8n1U-SU .dis-h-line {
      border-top: 1px solid #6c4BD5;
      z-index: 10;
    }

    .fW-PalIXdV69aL8n1U-SU .dis-v-line {
      border-left: 1px solid #6c4BD5;
      z-index: 10;
    }


._2Sxrfq7Ud_hhDigNTVmK_f .h-edge {
      position: absolute;
      width: 1px;
      border-left: 1px dashed #6C4db5;
    }
    ._2Sxrfq7Ud_hhDigNTVmK_f .v-edge {
      position: absolute;
      height: 1px;
      border-top: 1px dashed #6C4db5;
    }
    ._2Sxrfq7Ud_hhDigNTVmK_f .h-gap {
      position: absolute;
      background: rgba(217, 69, 194, 0.15);
    }
    ._2Sxrfq7Ud_hhDigNTVmK_f .h-gap .line {
        width: 100%;
        height: 1px;
        border-top: 1px solid #6C4db5;
      }
    ._2Sxrfq7Ud_hhDigNTVmK_f .h-gap .value {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, calc(-100% - 3px));
        color: #D945C2;
      }
    ._2Sxrfq7Ud_hhDigNTVmK_f .v-gap {
      position: absolute;
      background: rgba(217, 69, 194, 0.15);
    }
    ._2Sxrfq7Ud_hhDigNTVmK_f .v-gap .line {
        height: 100%;
        width: 1px;
        border-left: 1px solid #6C4db5;
      }
    ._2Sxrfq7Ud_hhDigNTVmK_f .v-gap .value {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        color: #D945C2;
      }


.no-pointer-events::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
    }
    .no-pointer-events.col-resize {
      cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xNyAzLjVWMGw4IDUtOCA1VjYuNUg4VjEwTDAgNWw4LTV2My41aDl6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTIwJSIgeT0iLTQwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR5PSIxIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNDEyMTA5Mzc1IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0ibm9uZSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAyKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYiIvPjwvZz48cGF0aCBkPSJNMjEgNi41VjRsNSAzLTUgM1Y3LjVIMTBWMTBMNSA3bDUtM3YyLjVoMTF6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==') 12 5, default;
    }
    .no-pointer-events.row-resize {
      cursor: url("data:image/svg+xml,%3Csvg width='31' height='31' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter x='-52.3%25' y='-175.5%25' width='204.6%25' height='450.9%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cg filter='url(%23a)' stroke='%23FFF' transform='translate(7 13)'%3E%3Cpath d='M1.5 1.5h14v2h-14z'/%3E%3Cpath d='M-.607 2.72L3.09-.82l.488 6.39L-.607 2.72zM17.607 2.28L13.91 5.82l-.488-6.39 4.185 2.852z'/%3E%3C/g%3E%3Cpath d='M9 15h13v1H9z'/%3E%3Cpath d='M7.184 15.346l2.488-2.073a.2.2 0 01.328.154v4.146a.2.2 0 01-.328.154l-2.488-2.073a.2.2 0 010-.308zM23.816 15.654l-2.488 2.073a.2.2 0 01-.328-.154v-4.146a.2.2 0 01.328-.154l2.488 2.073a.2.2 0 010 .308z'/%3E%3C/g%3E%3C/svg%3E") 8 15, default;
    }

._2UBNif-ah4QyMHKlhEw9H9 {
  position: fixed;
  z-index: 200;
}
  ._2UBNif-ah4QyMHKlhEw9H9 [type="color-picker"] {
    transform: translate(-50%);
  }

.system-color-picker-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
  }

.system-color-picker-wrapper .Icon {
      font-size: 14px;
      color: #415058;
    }

.system-color-picker-wrapper .system-color-picker {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      cursor: pointer;
    }

.color-panel-mask {
    position: absolute;
    width: 100%;
    height: 100%;
  }