/* 不再导入 Toolbar 相关样式
@import '~@zsk526/jquery-minicolors/jquery.minicolors.css';
*/
.editor-container {
  background: none;
  color: #333;
  font: 14px/1.5 Arial, "STHeitiSC-Light", "Helvetica Neue";
  overflow: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1;
}
.editor-container .hide {
  display: none;
}
.editor-container [class|="icon"],
.editor-container [class*=" icon-"] {
  display: inline-block;
  background: no-repeat 50% 50%;
  vertical-align: top;
}
.editor-container,
.editor-container *,
.editor-container :after,
.editor-container :before {
  box-sizing: border-box;
  padding: 0;
}
.editor-shell-wrap {
  box-sizing: content-box;
  margin: 0 auto;
  overflow: visible;
  position: relative;
}
.editor-shell {
  background: no-repeat 0 0;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
  font: 14px/1.5 Arial, Simsun;
  margin: 0 auto;
  position: relative;
}
.editor-shell.editor-overflow-mask::after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
  pointer-events: none;
}
.editor-shell.editor-overflow-mask .editor-canvas {
  overflow: visible;
}
.editor-tips[editor-aria-label]::after,
.editor-tips[editor-aria-label]::before {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 100%;
  left: 50%;
}
.editor-tips[editor-aria-label]:hover {
  z-index: 999;
}
.editor-tips[editor-aria-label]:hover::before {
  display: block;
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .7);
  color: rgba(0, 0, 0, .8);
  content: "";
  margin: 3px 0 0 -5px;
  height: 0;
  width: 0;
  z-index: 999;
}
.editor-tips[editor-aria-label]:hover::after {
  display: block;
  font-style: normal;
  background: rgba(0, 0, 0, .7);
  border-radius: 3px;
  color: #fff;
  content: attr(editor-aria-label);
  font-size: .8em;
  margin-top: 13px;
  padding: 5px 8px;
  text-align: center;
  word-wrap: break-word;
  white-space: pre;
  transform: translateX(-50%);
  -webkit-font-smoothing: subpixel-antialiased;
  z-index: 1;
}
.editor-popup {
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  padding: 8px 12px;
  min-width: 40px;
  position: absolute;
}
.editor-popup:before {
  background: inherit;
  box-shadow: -2px -2px 2px rgba(0, 0, 0, .1);
  content: "";
  margin-bottom: -5px;
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: 100%;
  left: 15px;
  transform: rotate(45deg);
  pointer-events: none;
}
.editor-popup.editor-popup-nw {
  top: 100%;
  left: 0;
}
.editor-popup-list {
  background-color: rgba(255, 255, 255, .9);
  margin: -35px 0 0 -10px;
  padding: 8px;
}
.editor-popup-list:before {
  display: none;
}
.editor-popup-list .list {
  position: relative;
  max-height: 420px;
  overflow: auto;
}
.editor-popup-list .list ul {
  margin: 0;
  padding: 0;
}
.editor-popup-list .list li {
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.2em;
  margin-top: 1px;
  padding: 5px 15px 5px 10px;
  vertical-align: top;
  white-space: nowrap;
  transition: background-color linear 0.2s;
}
.editor-popup-list .list li:first-child {
  margin-top: 0;
}
.editor-popup-list .list li:hover,
.editor-popup-list .list li.current {
  background-color: rgba(255, 186, 0, .8);
}
.ui-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: .5;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.editor-tooltips[aria-label] {
  position: relative;
}
.editor-tooltips[aria-label]:before {
  display: none;
  border: 5px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, .7);
  color: rgba(0, 0, 0, .8);
  content: "";
  margin: 3px 0 0 -5px;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 999;
  pointer-events: none;
  top: 100%;
  left: 50%;
}
.editor-tooltips[aria-label]:after {
  display: none;
  background: rgba(0, 0, 0, .7);
  border-radius: 3px;
  color: #FFF;
  content: attr(aria-label);
  margin-top: 13px;
  padding: 5px 8px;
  text-align: center;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  -webkit-font-smoothing: subpixel-antialiased;
  z-index: 1;
}
.editor-tooltips[aria-label].tip-top:before {
  border-bottom-color: transparent;
  border-top-color: rgba(0, 0, 0, .7);
  margin: -8px 0 0 -5px;
  top: auto;
  top: initial;
  buttom: 100%;
  left: 50%;
}
.editor-tooltips[aria-label].tip-top:after {
  margin-bottom: 8px;
  top: auto;
  top: initial;
  bottom: 100%;
}
.editor-tooltips[aria-label]:hover:before,
.editor-tooltips[aria-label]:active:before,
.editor-tooltips[aria-label]:hover:after,
.editor-tooltips[aria-label]:active:after {
  display: block;
  text-decoration: none;
}
.editor-tooltips[aria-label].disabled:hover:before,
.editor-tooltips[aria-label].disabled:active:before,
.editor-tooltips[aria-label].disabled:hover:after,
.editor-tooltips[aria-label].disabled:active:after {
  display: none;
}
.editor-num-picker {
  line-height: 26px;
  text-align: right;
}
.editor-num-picker label {
  float: left;
}
.editor-num-picker input {
  display: inline-block;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 2px;
  font-size: inherit;
  padding: 2px 3px;
  height: 26px;
  width: 3em;
  outline: 0;
  vertical-align: top;
  text-align: center;
  -webkit-appearance: textfield;
}
.editor-num-picker input:focus {
  border-color: #AAA;
}
.editor-num-picker button {
  background: none;
  border: 0;
  height: 26px;
  outline: 0;
  vertical-align: top;
}
.editor-num-picker input::-webkit-outer-spin-button,
.editor-num-picker input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
.minicolors,
.minicolors * {
  box-sizing: content-box;
}
.editor-color-picker {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editor-color-picker .editor-popup {
  background-color: #F9F9F9;
  margin-left: -5px;
  margin-top: 18px;
}
.editor-color-wrapper {
  margin: 0 -4px;
}
.editor-color-wrapper .editor-color-sider {
  display: inline-block;
  vertical-align: top;
}
.editor-color-wrapper .color-kit {
  margin-top: 8px;
  color: #666;
}
.editor-color-wrapper .color-kit span {
  margin-bottom: 3px;
  display: inline-block;
}
.editor-color-wrapper .color-history {
  float: left;
  width: 160px;
}
.editor-color-wrapper .color-switch {
  float: right;
  width: 24px;
  height: 40px;
}
.editor-color-wrapper .color-switch .switch-icon {
  margin-left: 3px;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  overflow: hidden;
}
.editor-color-wrapper .color-switch .switch-icon.icon-hue b,
.editor-color-wrapper .color-switch .switch-icon.icon-block b {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23757575'%3E%3Cpath fill='%23FC342E' d='M0 0h8v8h-8z'/%3E%3Cpath fill='%23FD6469' d='M8 0h8v8h-8z'/%3E%3Cpath fill='%23FDACAE' d='M16 0h8v8h-8z'/%3E%3Cpath fill='%23FD9D26' d='M0 8h8v8h-8z'/%3E%3Cpath fill='%23FEEA4E' d='M8 8h8v8h-8z'/%3E%3Cpath fill='%23FFFFAF' d='M16 8h8v8h-8z'/%3E%3Cpath fill='%231891FC' d='M0 16h8v8h-8z'/%3E%3Cpath fill='%233ECDFD' d='M8 16h8v8h-8z'/%3E%3Cpath fill='%23B6ECFE' d='M16 16h8v8h-8z'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.editor-color-wrapper .color-switch .switch-icon.icon-hue b {
  background-image: url(assets/slice/icon-color-switch-hue@2x.png);
}
.editor-color-wrapper .editor-color-inp {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 2px;
  margin-top: -28px;
  padding: 2px 3px;
  height: 26px;
  width: 100px;
  position: absolute;
  text-align: center;
  outline: 0;
}
.editor-color-wrapper .minicolors {
  vertical-align: top;
}
.editor-color-wrapper .minicolors-panel {
  background: none;
  border: 0;
  vertical-align: top;
}
.editor-color-wrapper .minicolors-grid-inner {
  height: 100%;
  width: 100%;
}
.toolbar-north .editor-color-picker .editor-popup {
  margin-bottom: 18px;
  bottom: 100%;
}
.toolbar-north .editor-color-picker .editor-popup:before {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
  margin-top: 5px;
  bottom: 0;
}
.editor-color-block {
  width: 196px;
  height: 152px;
  margin: 1px -1px -1px;
}
.editor-color-block i {
  float: left;
  background: #FFF;
  cursor: pointer;
  height: 25px;
  width: 28px;
  transition: transform 0.1s linear;
}
.editor-color-block i:hover {
  position: relative;
  z-index: 1;
  transform: scale(1.25, 1.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.editor-color-block i.active {
  border-color: #A3A3A3;
}
.editor-color-block i.transparent {
  background-color: #fff;
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
  background-image: linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
}
.editor-color-block i:nth-child(36) {
  box-shadow: inset 1px -1px 0 #e0e0e0;
}
.editor-color-block i:nth-child(36):hover {
  border-radius: 0;
}
.editor-color-history {
  height: 20px;
  background-color: #eaeaea;
  border-radius: 2px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
}
.editor-color-history i {
  float: left;
  background: #FFF;
  cursor: pointer;
  height: 20px;
  width: 20px;
  transition: transform 0.1s ease-out;
  position: relative;
}
.editor-color-history i:hover {
  z-index: 1;
  transform: scale(1.2, 1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.editor-color-history i.active {
  border-color: #A3A3A3;
}
.editor-color-history i.transparent {
  background-color: #fff;
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
  background-image: linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
}
.editor-color-history i:first-child {
  border-radius: 2px 0 0 2px;
}
.editor-color-history i:first-child:hover {
  border-radius: 0;
}
.editor-color-history i:last-of-type {
  border-radius: 0 3px 3px 0;
}
.editor-color-history i:last-of-type:hover {
  border-radius: 0;
}
.editor-range-picker {
  border-right: 12px solid transparent;
  height: 16px;
  position: relative;
  cursor: pointer;
}
.editor-range-picker:before {
  box-sizing: content-box;
  content: "";
  padding-right: 12px;
  width: 100%;
}
.editor-range-picker:before,
.editor-range-picker .progress {
  background: #6D6D6D;
  border-radius: 2px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: 0;
}
.editor-range-picker .progress {
  background-color: #FF9600;
  width: 0;
}
.editor-range-picker .progress em {
  display: none;
}
.editor-range-picker .ball {
  background: #FFF;
  border: 3px solid #FFBA00;
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 2px;
  left: 0;
}
.editor-combo-picker {
  display: inline-block;
  vertical-align: top;
}
.editor-combo-picker.active {
  position: relative;
  z-index: 9;
}
.editor-combo-picker .label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  line-height: 28px;
  padding: 0 7px;
}
.editor-combo-picker .label span {
  display: inline-block;
  min-width: 1.2em;
  max-width: 5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
.editor-combo-picker .label input {
  display: inline-block;
  border: 1px solid #D9DADE;
  border-radius: 2px;
  padding: 2px 3px;
  height: 24px;
  width: 2.2em;
  vertical-align: top;
  outline: 0;
}
.editor-combo-picker .label input:focus {
  border-color: #AAA;
}
.editor-combo-picker .label:after {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='%23757575'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 2l-3 4-3-4h6z'/%3E%3C/svg%3E");
  content: "";
  margin: 12px 0 0 5px;
  height: 8px;
  width: 8px;
  vertical-align: top;
}
.editor-combo-picker .editor-popup {
  margin-left: -5px;
}
.editor-combo-picker .editor-popup .label {
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}
.editor-combo-picker .editor-popup .label:after {
  margin-top: 9px;
  transform: rotate(-180deg);
}
.editor-select-picker {
  display: inline-block;
  vertical-align: top;
}
.editor-select-picker.active {
  position: relative;
  z-index: 9;
}
.editor-select-picker .label {
  cursor: pointer;
  line-height: 28px;
  padding: 0 7px;
}
.editor-select-picker .label span {
  display: inline-block;
  max-width: 6em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
.editor-select-picker .label:after {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='%23757575'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 2l-3 4-3-4h6z'/%3E%3C/svg%3E");
  content: "";
  margin: 12px 0 0 5px;
  height: 8px;
  width: 8px;
  vertical-align: top;
}
.editor-select-picker .preview {
  display: block;
}
.editor-select-picker .preview img {
  width: 140px;
  height: auto;
  vertical-align: top;
}
.editor-opacity-picker {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editor-opacity-picker > label {
  cursor: pointer;
  line-height: 28px;
  padding: 0 5px 0 16px;
  vertical-align: top;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23757575'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v3h3v-3h-3zm0 6v3h3v-3h-3zm0 9h3v-3h-3v3z'/%3E%3Cg opacity='.3' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0h3v3h-3zM12 6h3v3h-3zM12 12h3v3h-3z'/%3E%3C/g%3E%3Cg opacity='.4' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M9 3h3v3h-3zM9 9h3v3h-3z'/%3E%3C/g%3E%3Cg opacity='.6' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M6 0h3v3h-3zM6 6h3v3h-3zM6 12h3v3h-3z'/%3E%3C/g%3E%3Cg opacity='.8' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M3 3h3v3h-3zM3 9h3v3h-3z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 2px 7px;
  background-repeat: no-repeat;
}
.editor-opacity-picker > label:after {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='%23757575'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 2l-3 4-3-4h6z'/%3E%3C/svg%3E");
  content: "";
  margin: 10px 0 0 5px;
  height: 8px;
  width: 8px;
  vertical-align: top;
}
.editor-opacity-picker > label > input {
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  margin-left: 5px;
  padding: 0 3px;
  height: 28px;
  width: 3.2em;
  outline: 0;
  vertical-align: top;
}
.editor-opacity-picker > label > input[readonly] {
  cursor: inherit;
}
.editor-opacity-picker.active > label > input {
  border-color: #D9DADE;
}
.editor-opacity-picker .editor-popup {
  margin: 18px 0 0 1.5em;
  width: 172px;
}
.editor-opacity-picker.inline {
  display: block;
}
.editor-opacity-picker.inline > label {
  display: block;
  cursor: default;
  padding: 0;
}
.editor-opacity-picker.inline > label input {
  float: right;
}
.editor-opacity-picker.inline > label input:focus {
  border-color: #AAA;
}
.editor-opacity-picker.inline > label:after {
  display: none;
}
.editor-opacity-picker.inline .editor-popup {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 5px 0 0;
  width: auto;
  position: static;
}
.editor-opacity-picker.inline .editor-popup:before {
  display: none;
}
.toolbar-north .editor-opacity-picker .editor-popup {
  top: inherit;
  margin-bottom: 18px;
  bottom: 100%;
}
.toolbar-north .editor-opacity-picker .editor-popup:before {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
  margin-top: 5px;
  bottom: 0;
}
.editor-file-picker {
  cursor: pointer;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-file-picker input {
  cursor: pointer;
  font-size: 8em;
  position: absolute;
  right: 0;
  top: 0;
  outline: 0;
}
.editor-file-reader {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-image-picker {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editor-image-picker .editor-file-reader {
  height: 0;
}
@keyframes element-blink {
  0% {
    opacity: 0;
    background: rgba(0, 92, 249, 0);
    border: 1px solid #00ffea;
  }
  25% {
    opacity: 1;
    background: rgba(0, 92, 249, .3);
    border: 1px solid #00ffea;
  }
  50% {
    opacity: 0;
    background: rgba(0, 92, 249, 0);
    border: 1px solid #00ffea;
  }
  75% {
    opacity: 1;
    background: rgba(0, 92, 249, .3);
    border: 1px solid #00ffea;
  }
  100% {
    opacity: 0;
    background: rgba(0, 92, 249, 0);
    border: 1px solid #00ffea;
  }
}
.editor-element {
  background: no-repeat 50% 50%;
  line-height: 1;
  position: absolute;
  z-index: 1;
  text-align: left;
}
.editor-element-hidden,
.editor-element-editing {
  visibility: hidden;
}
.editor-element-frozen {
  pointer-events: none;
}
.editor-element > .border-before {
  display: none;
  content: "";
  box-sizing: border-box;
  border: 1px solid #666;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.editor-element:active {
  cursor: move;
}
.editor-element-selected > .border-before {
  display: block;
  border-color: #6CCFFF;
  border-style: solid;
  border-width: 2px;
}
.editor-element .element-tips-error,
.editor-element .element-tips-loading {
  display: none;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.editor-element .element-tips-error i,
.editor-element .element-tips-loading i {
  margin: -2px 0.5em 0 0;
  opacity: .8;
}
.editor-element .element-main {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-element .element-blink {
  border: 1px solid transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  animation: 4s 0.5s element-blink;
}
.editor-element-image .element-main {
  background-repeat: no-repeat;
  image-rendering: optimizeSpeed;
  /*                     */
  image-rendering: -moz-crisp-edges;
  /* Firefox             */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed       */
  overflow: hidden;
  transition: opacity .1s linear;
  opacity: 1;
}
.editor-element-image .element-main img {
  position: relative;
}
.editor-element-text,
.editor-element-styled-text {
  overflow: hidden;
}
.editor-element-text .element-inner,
.editor-element-styled-text .element-inner {
  font-size: 0;
  width: 100%;
  height: 100%;
  position: relative;
  white-space: nowrap;
  -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
  transform-origin: 0 0;
}
.editor-element-text .element-inner .elment-inner-content,
.editor-element-styled-text .element-inner .elment-inner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.editor-element-text .element-inner .elment-inner-content:before,
.editor-element-styled-text .element-inner .elment-inner-content:before {
  display: inline-block;
  content: "";
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.editor-element-text .element-inner .elment-inner-content.middle-h:before,
.editor-element-styled-text .element-inner .elment-inner-content.middle-h:before {
  width: 0;
  height: 100%;
}
.editor-element-text .element-inner .elment-inner-content.middle-v,
.editor-element-styled-text .element-inner .elment-inner-content.middle-v {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
.editor-element-text .element-inner .elment-inner-content.middle-v:before,
.editor-element-styled-text .element-inner .elment-inner-content.middle-v:before {
  width: 100%;
  height: 0;
}
.editor-element-text .element-inner .element-main,
.editor-element-styled-text .element-inner .element-main {
  display: inline-block;
  vertical-align: top;
}
.editor-element-text .element-main,
.editor-element-styled-text .element-main {
  cursor: default;
  min-height: 1.2em;
  height: auto;
  width: auto;
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  outline: 0;
  transform-origin: 0 0;
}
.editor-element-text.editor-element-editing:hover,
.editor-element-styled-text.editor-element-editing:hover {
  outline: none;
}
.editor-element-styled-text .styled-text-result {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.editor-element-svg .element-main svg {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-element-mask .element-main {
  overflow: hidden;
}
.editor-element-mask .element-main canvas {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.editor-element-mask .element-mocker {
  background: no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.editor-element-mask .mask-drop-area {
  border: 1px dashed #fff;
  font-size: 14px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 150px;
  height: 66px;
  background: rgba(51, 51, 51, .6);
  border-radius: 4px;
  position: absolute;
  z-index: 3;
  transition: background .1s linear;
}
.editor-element-mask .mask-drop-area:after {
  content: "";
  position: absolute;
  background: #2254F4;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition-property: left, top, right, bottom;
  transition-duration: .1s;
  transition-timing-function: linear;
  z-index: -1;
  border-radius: 4px;
}
.editor-element-mask .mask-drop-area svg {
  fill: #fff;
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.editor-element-mask .mask-drop-area--small {
  font-size: 0;
}
.editor-element-mask .mask-drop-area--small svg {
  margin-right: 0;
}
.editor-element-mask .mask-drop-area--active {
  color: #eef1f2;
  border: 1px solid #2254F4;
  background: #2254F4;
}
.editor-element-mask .mask-drop-area--active:after {
  opacity: 1;
  left: -4px;
  right: -4px;
  top: -4px;
  bottom: -4px;
}
.editor-element-mask .mask-drop-area--active.mask-drop-area--small:after {
  display: none;
}
.editor-element-mask .mask-drop-area--active svg {
  fill: #eef1f2;
}
.editor-element-collage:hover:before,
.editor-element-collage:hover:after {
  display: none;
}
.editor-element-cell:hover:before,
.editor-element-cell:hover:after {
  display: none;
}
.editor-element-cell .element-main {
  overflow: hidden;
}
.editor-element-cell .element-main.element-main-empty {
  background: #fff;
}
.editor-element-cell .element-main.element-main-empty .icon-add-img {
  width: 18px;
  height: 18px;
  position: absolute;
  left: calc(50% - 9px);
  top: calc(50% - 9px);
}
.editor-element-cell .element-main.element-main-empty .icon-add-img:before,
.editor-element-cell .element-main.element-main-empty .icon-add-img:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #a4c6ff;
  position: absolute;
  left: 0;
  top: 8px;
}
.editor-element-cell .element-main.element-main-empty .icon-add-img:after {
  width: 2px;
  height: 100%;
  left: 8px;
  top: 0;
}
.editor-element-cell .element-main.element-main-empty .icon-add-img--small {
  width: 10px;
  height: 10px;
}
.editor-element-cell .element-main.element-main-empty .icon-add-img--small:before {
  height: 2px;
  top: 4px;
}
.editor-element-cell .element-main.element-main-empty .icon-add-img--small:after {
  width: 2px;
  left: 4px;
}
.editor-element-cell .element-main.element-main-empty .editor-element-cell--dragover-placeholder {
  border: 2px dashed #d1e0fc;
}
.editor-element-cell .element-main .editor-element-cell--dragover-placeholder {
  border-color: transparent;
}
.editor-element-cell .element-main > svg {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-element-cell .element-main > svg g {
  transform-origin: 0 0;
}
.editor-element-cell--dragover .editor-element-cell--dragover-placeholder {
  background-color: rgba(0, 92, 249, .1);
  z-index: 1;
}
.editor-element-cell--dragover-placeholder {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.25s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.editor-element-cell:hover .editor-element-cell--dragover-placeholder {
  border: 2px solid #005cf9 !important;
}
.editor-element-styled-text .element-tips-loading,
.three-text .element-tips-loading {
  position: absolute;
  width: 36px;
  height: 24px;
  top: 50%;
  left: 50%;
  border-radius: 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(0, 0, 0, .6);
  pointer-events: none;
  z-index: 1;
}
.editor-element-styled-text .element-tips-loading .fa-spin,
.three-text .element-tips-loading .fa-spin,
.editor-element-styled-text .element-tips-loading span,
.three-text .element-tips-loading span,
.editor-element-styled-text .element-tips-loading:after,
.three-text .element-tips-loading:after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 1px;
  font-size: 0;
  background: #ffffff;
  animation: loading 1.2s ease infinite;
}
.editor-element-styled-text .element-tips-loading:after,
.three-text .element-tips-loading:after {
  content: "";
}
.editor-element-styled-text .element-tips-loading .fa-spin,
.three-text .element-tips-loading .fa-spin {
  animation-delay: -0.32s;
}
.editor-element-styled-text .element-tips-loading span,
.three-text .element-tips-loading span {
  animation-delay: -0.16s;
}
@keyframes loading {
  0%,
  40%,
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
  60% {
    opacity: 0.3;
    transform: translateY(-4px);
  }
}
.editor-element-image .element-tips-rendering,
.editor-element-mask .element-tips-rendering {
  position: absolute;
  width: 36px;
  height: 24px;
  top: 50%;
  left: 50%;
  border-radius: 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(0, 0, 0, .6);
  pointer-events: none;
  z-index: 1;
  margin-left: -18px;
  margin-top: -12px;
}
.editor-element-image .element-tips-rendering .fa-spin,
.editor-element-mask .element-tips-rendering .fa-spin,
.editor-element-image .element-tips-rendering span,
.editor-element-mask .element-tips-rendering span,
.editor-element-image .element-tips-rendering:after,
.editor-element-mask .element-tips-rendering:after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 1px;
  font-size: 0;
  background: #ffffff;
  animation: loading 1.2s ease infinite;
}
.editor-element-image .element-tips-rendering:after,
.editor-element-mask .element-tips-rendering:after {
  content: "";
}
.editor-element-image .element-tips-rendering .fa-spin,
.editor-element-mask .element-tips-rendering .fa-spin {
  animation-delay: -0.32s;
}
.editor-element-image .element-tips-rendering span,
.editor-element-mask .element-tips-rendering span {
  animation-delay: -0.16s;
}
@keyframes loading {
  0%,
  40%,
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
  60% {
    opacity: 0.3;
    transform: translateY(-4px);
  }
}
.editor-element-threeText .element-main .three-text {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.editor-element-threeText .element-main .three-text canvas {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.editor-canvas {
  background-color: #fff;
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  background-image: linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), linear-gradient(to top right, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.editor-canvas .editor-layout {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-canvas .editor-layout.editor-layout-dragover::after {
  position: absolute;
  pointer-events: none;
  content: ' ';
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 2px solid #F00;
}
.editor-layout.editor-layout-preview .editor-element-selected > .border-before {
  display: none;
}
.editor-container-mirror .editor-shell,
.editor-container-mirror .editor-shell-wrap {
  height: auto !important;
  width: auto !important;
}
.editor-container-mirror .editor-shell {
  overflow: hidden;
  position: relative;
}
.editor-container-mirror .editor-mirror {
  position: relative;
}
.editor-container-mirror .editor-mirror .editor-layout {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.editor-container-mirror .editor-mirror .editor-layout + .editor-layout {
  margin-top: 40px;
}
.editor-container-mirror .editor-canvas {
  background: none;
}
.editor-container-mirror .editor-canvas .editor-element:before,
.editor-container-mirror .editor-canvas .editor-element:after {
  visibility: hidden;
}
.editor-container-flow .editor-flow {
  position: relative;
}
.editor-container-flow .editor-flow .editor-layout {
  position: relative;
  overflow: hidden;
}
.editor-toolbar-btn {
  display: inline-block;
  background: none;
  border: 0;
  border-radius: 3px;
  color: #333;
  cursor: pointer;
  line-height: 1;
  outline: 0;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  text-align: center;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
}
.editor-toolbar-btn .icon-revert-h {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M6.469 3.5c-.833 0-1.185.671-1.185.671l-5.784 12.287 7 .042s.01-13-.031-13z'/%3E%3Cpath opacity='.3' enable-background='new' d='M15.485 16.458s-5.596-11.715-5.868-12.336l-1.117-.622v13l6.985-.042z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-revert-h,
.editor-toolbar-btn.active .icon-revert-h {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M6.469 3.5c-.833 0-1.185.671-1.185.671l-5.784 12.287 7 .042s.01-13-.031-13z'/%3E%3Cpath opacity='.3' enable-background='new' d='M15.485 16.458s-5.596-11.715-5.868-12.336l-1.117-.622v13l6.985-.042z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-revert-h {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-revert-v {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M.492 11.531c0 .833.671 1.185.671 1.185l12.287 5.784.042-7s-13-.01-13 .031z'/%3E%3Cpath opacity='.3' enable-background='new' d='M13.45 2.515s-11.715 5.596-12.336 5.868l-.622 1.117h13l-.042-6.985z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-revert-v,
.editor-toolbar-btn.active .icon-revert-v {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M.492 11.531c0 .833.671 1.185.671 1.185l12.287 5.784.042-7s-13-.01-13 .031z'/%3E%3Cpath opacity='.3' enable-background='new' d='M13.45 2.515s-11.715 5.596-12.336 5.868l-.622 1.117h13l-.042-6.985z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-revert-v {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-remove {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-2 0 16 16' enable-background='new -2 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M11.5 3h-2.5v-2h-6v2h-2.5c-.276 0-.5.224-.5.5v1c0 .276.224.5.5.5h11c.276 0 .5-.224.5-.5v-1c0-.276-.224-.5-.5-.5zm-.5 3h-10v7.925c0-.052-.341 1.075 1.024 1.075h7.948c1.371 0 1.028-.983 1.028-1.035v-7.965z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-remove,
.editor-toolbar-btn.active .icon-remove {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-2 0 16 16' enable-background='new -2 0 16 16' fill='%23555'%3E%3Cpath d='M11.5 3h-2.5v-2h-6v2h-2.5c-.276 0-.5.224-.5.5v1c0 .276.224.5.5.5h11c.276 0 .5-.224.5-.5v-1c0-.276-.224-.5-.5-.5zm-.5 3h-10v7.925c0-.052-.341 1.075 1.024 1.075h7.948c1.371 0 1.028-.983 1.028-1.035v-7.965z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-remove {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='%23b4b4b4'%3E%3Cpath d='M15 1.993l-3 4.002h2v7.998h2v-7.998h2l-3-4.002zm-15 1.421l5.5 3.428 5.5-3.428-5.5-3.414-5.5 3.414zm7.507 4.884l1.221.758-3.228 2.013-3.228-2.012 1.221-.758-1.135-.708-2.358 1.463 5.5 3.428 5.5-3.428-2.358-1.463-1.135.707zm0 3.436l1.221.758-3.228 2.012-3.228-2.012 1.221-.758-1.135-.708-2.358 1.464 5.5 3.429 5.5-3.429-2.358-1.464-1.135.708z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-top,
.editor-toolbar-btn.active .icon-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='%23555'%3E%3Cpath d='M15 1.993l-3 4.002h2v7.998h2v-7.998h2l-3-4.002zm-15 1.421l5.5 3.428 5.5-3.428-5.5-3.414-5.5 3.414zm7.507 4.884l1.221.758-3.228 2.013-3.228-2.012 1.221-.758-1.135-.708-2.358 1.463 5.5 3.428 5.5-3.428-2.358-1.463-1.135.707zm0 3.436l1.221.758-3.228 2.012-3.228-2.012 1.221-.758-1.135-.708-2.358 1.464 5.5 3.429 5.5-3.429-2.358-1.464-1.135.708z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-top {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='%23b4b4b4'%3E%3Cpath d='M16 11.072v-8.998h-2v8.998h-2l3 4.002 3-4.002h-2zm-16-7.576l5.5 3.428 5.5-3.428-5.5-3.414-5.5 3.414zm5.5 2.014l-3.228-2.012 3.228-2.004 3.228 2.004-3.228 2.012zm2.007.632l1.221.758-3.228 2.012-3.228-2.012 1.221-.758-1.135-.708-2.358 1.464 5.5 3.428 5.5-3.428-2.358-1.464-1.135.708zm-2.007 5.423l-1.942-1.211-3.558 2.217 5.5 3.429 5.5-3.429-3.558-2.218-1.942 1.212z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-bottom,
.editor-toolbar-btn.active .icon-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='%23555'%3E%3Cpath d='M16 11.072v-8.998h-2v8.998h-2l3 4.002 3-4.002h-2zm-16-7.576l5.5 3.428 5.5-3.428-5.5-3.414-5.5 3.414zm5.5 2.014l-3.228-2.012 3.228-2.004 3.228 2.004-3.228 2.012zm2.007.632l1.221.758-3.228 2.012-3.228-2.012 1.221-.758-1.135-.708-2.358 1.464 5.5 3.428 5.5-3.428-2.358-1.464-1.135.708zm-2.007 5.423l-1.942-1.211-3.558 2.217 5.5 3.429 5.5-3.429-3.558-2.218-1.942 1.212z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-bottom {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-more {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23b4b4b4'%3E%3Ccircle cx='6' cy='10' r='1.5'/%3E%3Ccircle cx='11' cy='10' r='1.5'/%3E%3Ccircle cx='16' cy='10' r='1.5'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-more,
.editor-toolbar-btn.active .icon-more {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23555'%3E%3Ccircle cx='6' cy='10' r='1.5'/%3E%3Ccircle cx='11' cy='10' r='1.5'/%3E%3Ccircle cx='16' cy='10' r='1.5'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-more {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-edit {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 3.5 16 16' enable-background='new 2.5 3.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M15.5 10.5v6h-10v-10h4v-2h-5c-.358 0-1 .646-1 1.004v11.996c0 .357.111 1 1 1h11.996c.358 0 1.004-.643 1.004-1v-7h-2zm-7.512 3.513c.487.487 1.885-.14 2.373-.627l4.868-5.835-1.909-1.648-4.705 5.737c-.487.487-1.115 1.886-.627 2.373zm9.024-8.157c.488-.51.488-1.336 0-1.846s-1.278-.51-1.766 0l-.746.781 1.895 1.709.617-.644z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-edit,
.editor-toolbar-btn.active .icon-edit {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 3.5 16 16' enable-background='new 2.5 3.5 16 16' fill='%23555'%3E%3Cpath d='M15.5 10.5v6h-10v-10h4v-2h-5c-.358 0-1 .646-1 1.004v11.996c0 .357.111 1 1 1h11.996c.358 0 1.004-.643 1.004-1v-7h-2zm-7.512 3.513c.487.487 1.885-.14 2.373-.627l4.868-5.835-1.909-1.648-4.705 5.737c-.487.487-1.115 1.886-.627 2.373zm9.024-8.157c.488-.51.488-1.336 0-1.846s-1.278-.51-1.766 0l-.746.781 1.895 1.709.617-.644z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-edit {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-copy {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 0.5 16 16' enable-background='new -0.5 0.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M9.5 2.319v-1.557c0-.129-.104-.262-.233-.262h-8.534c-.129 0-.233.133-.233.262v11.489c0 .137.112.221.25.221h1.35c.221 0 .4-.084.4-.222v-9.75h6.767c.129 0 .233-.065.233-.181zm3 2.209c0-.552-.448-1.028-1-1.028h-7c-.552 0-1 .476-1 1.028v9.944c0 .552.354 1 1 1h7c.083 0 1 .094 1-.969v-9.975zm-4 7.944h-3v-1h3v1zm2-2h-5v-1h5v1zm0-2h-5v-1h5v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-copy,
.editor-toolbar-btn.active .icon-copy {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 0.5 16 16' enable-background='new -0.5 0.5 16 16' fill='%23555'%3E%3Cpath d='M9.5 2.319v-1.557c0-.129-.104-.262-.233-.262h-8.534c-.129 0-.233.133-.233.262v11.489c0 .137.112.221.25.221h1.35c.221 0 .4-.084.4-.222v-9.75h6.767c.129 0 .233-.065.233-.181zm3 2.209c0-.552-.448-1.028-1-1.028h-7c-.552 0-1 .476-1 1.028v9.944c0 .552.354 1 1 1h7c.083 0 1 .094 1-.969v-9.975zm-4 7.944h-3v-1h3v1zm2-2h-5v-1h5v1zm0-2h-5v-1h5v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-copy {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-underline {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M-3.5 28.5v1h16v-1h-16zm3.764-2.622c.97.415 2.711.622 4.236.622 1.569 0 3.409-.238 4.375-.714.966-.476 1.633-1.094 2.004-1.853.37-.759.555-1.785.555-3.076v-8.357h-2.133v8c0 1.612-.357 3.05-1.031 3.616-.674.567-2.17.899-3.754.899-.925 0-2.407-.192-3.047-.479-.64-.286-1.092-.694-1.354-1.222-.263-.528-.415-1.698-.415-2.814v-8h-2.133v8.356c0 1.361.207 2.435.622 3.221.414.786 1.106 1.386 2.075 1.801z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-underline,
.editor-toolbar-btn.active .icon-text-underline {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23555'%3E%3Cpath d='M-3.5 28.5v1h16v-1h-16zm3.764-2.622c.97.415 2.711.622 4.236.622 1.569 0 3.409-.238 4.375-.714.966-.476 1.633-1.094 2.004-1.853.37-.759.555-1.785.555-3.076v-8.357h-2.133v8c0 1.612-.357 3.05-1.031 3.616-.674.567-2.17.899-3.754.899-.925 0-2.407-.192-3.047-.479-.64-.286-1.092-.694-1.354-1.222-.263-.528-.415-1.698-.415-2.814v-8h-2.133v8.356c0 1.361.207 2.435.622 3.221.414.786 1.106 1.386 2.075 1.801z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-underline {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-through {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M3 22.278h3v6.222h-3zM6 19.611v-5.333h6v-1.778h-15v1.778h6v5.333h-7.5v.889h18v-.889z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-through,
.editor-toolbar-btn.active .icon-text-through {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23555'%3E%3Cpath d='M3 22.278h3v6.222h-3zM6 19.611v-5.333h6v-1.778h-15v1.778h6v5.333h-7.5v.889h18v-.889z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-through {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-italic {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M1.5 12.5v.889s2.25-.208 2.63.005c.236.142.378.311.425.508.061.26.014.795-.14 1.607l-1.965 9.46c-.182.961-.399 1.567-.65 1.819-.902.88-3.3.824-3.3.824v.888h9v-.889s-1.688.049-2.309-.529c-.201-.188-.39-.311-.438-.508-.061-.26-.014-.795.14-1.607l1.965-9.46c.182-.961.403-1.567.663-1.819.577-.563 2.979-.3 2.979-.3v-.888h-9z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-italic,
.editor-toolbar-btn.active .icon-text-italic {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23555'%3E%3Cpath d='M1.5 12.5v.889s2.25-.208 2.63.005c.236.142.378.311.425.508.061.26.014.795-.14 1.607l-1.965 9.46c-.182.961-.399 1.567-.65 1.819-.902.88-3.3.824-3.3.824v.888h9v-.889s-1.688.049-2.309-.529c-.201-.188-.39-.311-.438-.508-.061-.26-.014-.795.14-1.607l1.965-9.46c.182-.961.403-1.567.663-1.819.577-.563 2.979-.3 2.979-.3v-.888h-9z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-italic {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-bold {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M10.066 18.925c.474-.633.711-1.351.711-2.154 0-.936-.302-1.764-.907-2.484-.604-.72-1.48-1.221-2.628-1.505-.757-.188-1.763-.282-3.017-.282h-6.725v.437h.585c.589 0 1.033.173 1.331.519.222.26.333.885.333 1.876v10.336c0 .897-.088 1.483-.264 1.758-.283.425-.75.637-1.4.637h-.585v.437h7.344c1.752 0 3.054-.167 3.907-.501.853-.334 1.524-.865 2.014-1.593.489-.727.734-1.489.734-2.283 0-1.046-.371-1.931-1.113-2.655-.536-.519-1.343-.897-2.421-1.133.926-.307 1.626-.777 2.101-1.41zm-8.114-5.375c.612-.173 1.301-.26 2.066-.26 1.423 0 2.505.33 3.248.991.742.661 1.113 1.459 1.113 2.395 0 .606-.149 1.164-.448 1.676-.298.511-.729.891-1.291 1.139s-1.402.372-2.519.372c-.436 0-.836-.014-1.199-.041-.363-.028-.687-.069-.97-.124v-6.148zm0 7.233c.206-.039.478-.067.815-.083.337-.016.742-.024 1.216-.024 1.094 0 2.012.165 2.754.496.742.33 1.277.783 1.607 1.357.329.574.493 1.172.493 1.794 0 .944-.363 1.736-1.09 2.378-.727.641-1.783.962-3.167.962-.865 0-1.741-.106-2.628-.319v-6.561z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-bold,
.editor-toolbar-btn.active .icon-text-bold {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23555'%3E%3Cpath d='M10.066 18.925c.474-.633.711-1.351.711-2.154 0-.936-.302-1.764-.907-2.484-.604-.72-1.48-1.221-2.628-1.505-.757-.188-1.763-.282-3.017-.282h-6.725v.437h.585c.589 0 1.033.173 1.331.519.222.26.333.885.333 1.876v10.336c0 .897-.088 1.483-.264 1.758-.283.425-.75.637-1.4.637h-.585v.437h7.344c1.752 0 3.054-.167 3.907-.501.853-.334 1.524-.865 2.014-1.593.489-.727.734-1.489.734-2.283 0-1.046-.371-1.931-1.113-2.655-.536-.519-1.343-.897-2.421-1.133.926-.307 1.626-.777 2.101-1.41zm-8.114-5.375c.612-.173 1.301-.26 2.066-.26 1.423 0 2.505.33 3.248.991.742.661 1.113 1.459 1.113 2.395 0 .606-.149 1.164-.448 1.676-.298.511-.729.891-1.291 1.139s-1.402.372-2.519.372c-.436 0-.836-.014-1.199-.041-.363-.028-.687-.069-.97-.124v-6.148zm0 7.233c.206-.039.478-.067.815-.083.337-.016.742-.024 1.216-.024 1.094 0 2.012.165 2.754.496.742.33 1.277.783 1.607 1.357.329.574.493 1.172.493 1.794 0 .944-.363 1.736-1.09 2.378-.727.641-1.783.962-3.167.962-.865 0-1.741-.106-2.628-.319v-6.561z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-bold {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M3.5 4.5v1h16v-1h-16zm13 3h-13v1h13v-1zm-13 4h16v-1h-16v1zm13 2h-13v1h13v-1zm-13 4h16v-1h-16v1zm0 3h13v-1h-13v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-left,
.editor-toolbar-btn.active .icon-text-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M3.5 4.5v1h16v-1h-16zm13 3h-13v1h13v-1zm-13 4h16v-1h-16v1zm13 2h-13v1h13v-1zm-13 4h16v-1h-16v1zm0 3h13v-1h-13v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-left {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M19.5 4.5h-16v1h16v-1zm0 4v-1h-13v1h13zm0 2h-16v1h16v-1zm0 4v-1h-13v1h13zm0 2h-16v1h16v-1zm-13 3v1h13v-1h-13z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-right,
.editor-toolbar-btn.active .icon-text-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M19.5 4.5h-16v1h16v-1zm0 4v-1h-13v1h13zm0 2h-16v1h16v-1zm0 4v-1h-13v1h13zm0 2h-16v1h16v-1zm-13 3v1h13v-1h-13z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-right {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M2.5 4.5v1h18v-1h-18zm2 3v1h13v-1h-13zm-2 4h18v-1h-18v1zm2 2v1h13v-1h-13zm-2 4h18v-1h-18v1zm2 3h13v-1h-13v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-center,
.editor-toolbar-btn.active .icon-text-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M2.5 4.5v1h18v-1h-18zm2 3v1h13v-1h-13zm-2 4h18v-1h-18v1zm2 2v1h13v-1h-13zm-2 4h18v-1h-18v1zm2 3h13v-1h-13v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-center {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-crop {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='1.5 2.5 16 16' enable-background='new 1.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M17.5 13.5h-3v-7.8l2-2.2-1-1-2.727 3h-6.273v-3h-2v3h-2v2h2v8h8v2h2v-2h3v-2zm-5 0h-5.091l5.091-5.6v5.6zm-1.545-6l-4.455 4.9v-4.9h4.455z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-crop,
.editor-toolbar-btn.active .icon-crop {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='1.5 2.5 16 16' enable-background='new 1.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M17.5 13.5h-3v-7.8l2-2.2-1-1-2.727 3h-6.273v-3h-2v3h-2v2h2v8h8v2h2v-2h3v-2zm-5 0h-5.091l5.091-5.6v5.6zm-1.545-6l-4.455 4.9v-4.9h4.455z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-crop {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-replace {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M3.999 9.5c.393 0 .783-.162 1.061-.439s.439-.668.439-1.061c0-.393-.162-.783-.439-1.061-.278-.277-.668-.439-1.061-.439s-.783.162-1.061.439c-.277.278-.439.668-.439 1.061 0 .393.162.783.439 1.061.278.277.668.439 1.061.439zm10.5-6h-13.998c-.556 0-1.001.483-1.001 1.079v11.842c0 .597.448 1.079 1.001 1.079h13.998c.556 0 1.001-.483 1.001-1.079v-11.842c0-.597-.448-1.079-1.001-1.079zm-.999 10.757l-2.852-4.172-3.148 4.415-3.001-2-2.999 3v-10h12v8.757z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-replace,
.editor-toolbar-btn.active .icon-replace {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-0.5 2.5 16 16' enable-background='new -0.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M3.999 9.5c.393 0 .783-.162 1.061-.439s.439-.668.439-1.061c0-.393-.162-.783-.439-1.061-.278-.277-.668-.439-1.061-.439s-.783.162-1.061.439c-.277.278-.439.668-.439 1.061 0 .393.162.783.439 1.061.278.277.668.439 1.061.439zm10.5-6h-13.998c-.556 0-1.001.483-1.001 1.079v11.842c0 .597.448 1.079 1.001 1.079h13.998c.556 0 1.001-.483 1.001-1.079v-11.842c0-.597-.448-1.079-1.001-1.079zm-.999 10.757l-2.852-4.172-3.148 4.415-3.001-2-2.999 3v-10h12v8.757z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-replace {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-success {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve' fill='%23b4b4b4'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='18.485,3.111 7.81,12.6 1.515,7.354 0.101,8.768 7.172,17.253 19.899,4.525 '/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-success,
.editor-toolbar-btn.active .icon-success {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve' fill='%23555'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='18.485,3.111 7.81,12.6 1.515,7.354 0.101,8.768 7.172,17.253 19.899,4.525 '/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-success {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-times {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve' fill='%23b4b4b4'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='16.997,5.093 15.089,3.185 10,8.274 4.911,3.185 3.003,5.093 8.092,10.182 3.003,15.271 4.911,17.179 10,12.09 15.089,17.179 16.997,15.271 11.908,10.182 '/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-times,
.editor-toolbar-btn.active .icon-times {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve' fill='%23555'%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' points='16.997,5.093 15.089,3.185 10,8.274 4.911,3.185 3.003,5.093 8.092,10.182 3.003,15.271 4.911,17.179 10,12.09 15.089,17.179 16.997,15.271 11.908,10.182 '/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-times {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-link {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M12.484 2.5h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.447-1-1-1zm-.294 8.913c0 .437-.354.791-.79.791h-6.815c-.436 0-.79-.354-.79-.791v-6.826c0-.437.354-.791.79-.791h6.815c.436 0 .79.354.79.791v6.826zM17.484 6.484h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.447-1-1-1zm-.294 8.914c0 .437-.354.791-.79.791h-6.815c-.436 0-.79-.354-.79-.791v-6.827c0-.437.354-.791.79-.791h6.815c.436 0 .79.354.79.791v6.827z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-link,
.editor-toolbar-btn.active .icon-link {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M12.484 2.5h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.447-1-1-1zm-.294 8.913c0 .437-.354.791-.79.791h-6.815c-.436 0-.79-.354-.79-.791v-6.826c0-.437.354-.791.79-.791h6.815c.436 0 .79.354.79.791v6.826zM17.484 6.484h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.447-1-1-1zm-.294 8.914c0 .437-.354.791-.79.791h-6.815c-.436 0-.79-.354-.79-.791v-6.827c0-.437.354-.791.79-.791h6.815c.436 0 .79.354.79.791v6.827z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-link {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-unlink {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23b4b4b4'%3E%3Cpath d='M14.5 7.78h1.899c.436 0 .79.354.79.792v6.826c0 .437-.354.791-.79.791h-6.814c-.436 0-.79-.354-.79-.791v-.898h-1.295v1.984c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.448-1-1-1h-2.984v1.296zm-1.016-2.28v-2c0-.552-.448-1-1-1h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h3l-.031-1.295h-1.884c-.436 0-.79-.354-.79-.791v-6.827c0-.437.354-.792.79-.792h6.815c.436 0 .79.354.79.792v.913h1.294zM7.866 8.243l.885-.885 4.383 4.383-.885.885zM8.751 12.626l-.885-.885 4.383-4.383.885.885z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-unlink,
.editor-toolbar-btn.active .icon-unlink {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='2.5 2.5 16 16' enable-background='new 2.5 2.5 16 16' fill='%23555'%3E%3Cpath d='M14.5 7.78h1.899c.436 0 .79.354.79.792v6.826c0 .437-.354.791-.79.791h-6.814c-.436 0-.79-.354-.79-.791v-.898h-1.295v1.984c0 .552.448 1 1 1h8.984c.552 0 1-.448 1-1v-9c0-.552-.448-1-1-1h-2.984v1.296zm-1.016-2.28v-2c0-.552-.448-1-1-1h-8.984c-.552 0-1 .448-1 1v9c0 .552.448 1 1 1h3l-.031-1.295h-1.884c-.436 0-.79-.354-.79-.791v-6.827c0-.437.354-.792.79-.792h6.815c.436 0 .79.354.79.792v.913h1.294zM7.866 8.243l.885-.885 4.383 4.383-.885.885zM8.751 12.626l-.885-.885 4.383-4.383.885.885z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-unlink {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-lock {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23b4b4b4'%3E%3Cpath d='M3.095 7.059L11.847 7c.604-.004 1.098.437 1.102.984l.051 5.95c.005.548-.481.995-1.086.999l-8.752.059c-.604.004-1.098-.437-1.102-.984l-.051-5.95c-.004-.548.482-.995 1.086-.999z'/%3E%3Cpath d='M9.484 4.927v3.979h1.5V4.927a3.51 3.51 0 0 0-7.02 0v2.802h1.5V4.927c0-1.109.578-2.01 2.01-2.01s2.01.902 2.01 2.01z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-lock,
.editor-toolbar-btn.active .icon-lock {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23555'%3E%3Cpath d='M3.095 7.059L11.847 7c.604-.004 1.098.437 1.102.984l.051 5.95c.005.548-.481.995-1.086.999l-8.752.059c-.604.004-1.098-.437-1.102-.984l-.051-5.95c-.004-.548.482-.995 1.086-.999z'/%3E%3Cpath d='M9.484 4.927v3.979h1.5V4.927a3.51 3.51 0 0 0-7.02 0v2.802h1.5V4.927c0-1.109.578-2.01 2.01-2.01s2.01.902 2.01 2.01z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-lock {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-unlock {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M3.095 7.059l8.752-.059c.604-.004 1.098.437 1.102.984l.051 5.95c.005.548-.481.995-1.086.999l-8.752.059c-.604.004-1.098-.437-1.102-.984l-.051-5.95c-.004-.548.482-.995 1.086-.999zM9.484 4.51v3.98h1.5v-3.98c0-1.939-1.572-3.51-3.51-3.51-1.939 0-3.51 1.572-3.51 3.51v.823h1.5v-.823c0-1.109.578-2.01 2.01-2.01s2.01.902 2.01 2.01z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-unlock,
.editor-toolbar-btn.active .icon-unlock {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M3.095 7.059l8.752-.059c.604-.004 1.098.437 1.102.984l.051 5.95c.005.548-.481.995-1.086.999l-8.752.059c-.604.004-1.098-.437-1.102-.984l-.051-5.95c-.004-.548.482-.995 1.086-.999zM9.484 4.51v3.98h1.5v-3.98c0-1.939-1.572-3.51-3.51-3.51-1.939 0-3.51 1.572-3.51 3.51v.823h1.5v-.823c0-1.109.578-2.01 2.01-2.01s2.01.902 2.01 2.01z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-unlock {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-vertical-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm10 9h-8v-1h8v1zm4-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-vertical-top,
.editor-toolbar-btn.active .icon-text-vertical-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm10 9h-8v-1h8v1zm4-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-vertical-top {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-vertical-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm10 12h-8v-1h8v1zm4-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-vertical-middle,
.editor-toolbar-btn.active .icon-text-vertical-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm10 12h-8v-1h8v1zm4-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-vertical-middle {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-vertical-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm11 16h-9v-1h9v1zm3-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-vertical-bottom,
.editor-toolbar-btn.active .icon-text-vertical-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-0.5 0.5 24 24' enable-background='new -0.5 0.5 24 24' fill='%23555'%3E%3Cpath d='M3.5 3.5v18h16v-18h-16zm11 16h-9v-1h9v1zm3-2h-12v-1h12v1zm0-2h-12v-1h12v1zm0-2h-12v-1h12v1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-vertical-bottom {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-text-horizontal-tb {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23b4b4b4'%3E%3Cpath d='M1.5 13.5h3v9h-2v1h6v-1h-2v-9h3v1.667h2v-2.667h-12v2.667h2zM-3.5 12.5h-1v16l4-6h-3zM13.5 28.5l-7-3.556v2.556h-6v1h6z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-text-horizontal-tb,
.editor-toolbar-btn.active .icon-text-horizontal-tb {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='-7.5 8.5 24 24' enable-background='new -7.5 8.5 24 24' fill='%23555'%3E%3Cpath d='M1.5 13.5h3v9h-2v1h6v-1h-2v-9h3v1.667h2v-2.667h-12v2.667h2zM-3.5 12.5h-1v16l4-6h-3zM13.5 28.5l-7-3.556v2.556h-6v1h6z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-text-horizontal-tb {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M11 2h-8v5h8v-5zm-11 14h1v-16h-1v16zm3-7v5h12v-5h-12zm11 4h-10v-3h10v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-left,
.editor-toolbar-btn.active .icon-alignment-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M11 2h-8v5h8v-5zm-11 14h1v-16h-1v16zm3-7v5h12v-5h-12zm11 4h-10v-3h10v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-left {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M9 9v-2h3v-5h-3v-2h-1v2h-3v5h3v2h-6v5h6v2h1v-2h6v-5h-6zm5 4h-11v-3h11v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-center,
.editor-toolbar-btn.active .icon-alignment-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M9 9v-2h3v-5h-3v-2h-1v2h-3v5h3v2h-6v5h6v2h1v-2h6v-5h-6zm5 4h-11v-3h11v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-center {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M1 14h12v-5h-12v5zm1-4h10v3h-10v-3zM5 2h8v5h-8zM15 0h1v16h-1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-right,
.editor-toolbar-btn.active .icon-alignment-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M1 14h12v-5h-12v5zm1-4h10v3h-10v-3zM5 2h8v5h-8zM15 0h1v16h-1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-right {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M9 11h5v-8h-5v8zm-7 4h5v-12h-5v12zm1-11h3v10h-3v-10zm-3-4v1h16v-1h-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-top,
.editor-toolbar-btn.active .icon-alignment-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M9 11h5v-8h-5v8zm-7 4h5v-12h-5v12zm1-11h3v10h-3v-10zm-3-4v1h16v-1h-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-top {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M14 7v-4h-5v4h-2v-6h-5v6h-2v1h2v6h5v-6h2v4h5v-4h2v-1h-2zm-8 6h-3v-11h3v11z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-middle,
.editor-toolbar-btn.active .icon-alignment-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M14 7v-4h-5v4h-2v-6h-5v6h-2v1h2v6h5v-6h2v4h5v-4h2v-1h-2zm-8 6h-3v-11h3v11z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-middle {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-alignment-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M9 5h5v8h-5zM7 1h-5v12h5v-12zm-1 11h-3v-10h3v10zM0 15h16v1h-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-alignment-bottom,
.editor-toolbar-btn.active .icon-alignment-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M9 5h5v8h-5zM7 1h-5v12h5v-12zm-1 11h-3v-10h3v10zM0 15h16v1h-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-alignment-bottom {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M10 5v-5h-1v16h1v-5h4v-6h-4zm-8-5h-1v16h1v-3h4v-10h-4v-3zm3 4v8h-3v-8h3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-left,
.editor-toolbar-btn.active .icon-distribution-left {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M10 5v-5h-1v16h1v-5h4v-6h-4zm-8-5h-1v16h1v-3h4v-10h-4v-3zm3 4v8h-3v-8h3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-left {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath clip-rule='evenodd' d='M5 0h-1v3h-2v10h2v3h1v-3h2v-10h-2v-3zm1 4v8h-3v-8h3zm7 1v-5h-1v5h-2v6h2v5h1v-5h2v-6h-2z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-center,
.editor-toolbar-btn.active .icon-distribution-center {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath clip-rule='evenodd' d='M5 0h-1v3h-2v10h2v3h1v-3h2v-10h-2v-3zm1 4v8h-3v-8h3zm7 1v-5h-1v5h-2v6h2v5h1v-5h2v-6h-2z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-center {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M6 3h-4v10h4v3h1v-16h-1v3zm0 9h-3v-8h3v8zM14 0v5h-4v6h4v5h1v-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-right,
.editor-toolbar-btn.active .icon-distribution-right {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M6 3h-4v10h4v3h1v-16h-1v3zm0 9h-3v-8h3v8zM14 0v5h-4v6h4v5h1v-16z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-right {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M0 1v1h5v4h6v-4h5v-1zM0 10h3v4h10v-4h3v-1h-16v1zm4 0h8v3h-8v-3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-top,
.editor-toolbar-btn.active .icon-distribution-top {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M0 1v1h5v4h6v-4h5v-1zM0 10h3v4h10v-4h3v-1h-16v1zm4 0h8v3h-8v-3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-top {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M13 9h-10v2h-3v1h3v2h10v-2h3v-1h-3v-2zm-1 4h-8v-3h8v3zM11 3v-2h-6v2h-5v1h5v2h6v-2h5v-1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-middle,
.editor-toolbar-btn.active .icon-distribution-middle {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M13 9h-10v2h-3v1h3v2h10v-2h3v-1h-3v-2zm-1 4h-8v-3h8v3zM11 3v-2h-6v2h-5v1h5v2h6v-2h5v-1z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-middle {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-distribution-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23b4b4b4'%3E%3Cpath d='M11 5v-4h-6v4h-5v1h16v-1zM13 10h-10v4h-3v1h16v-1h-3v-4zm-1 4h-8v-3h8v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.editor-toolbar-btn:hover .icon-distribution-bottom,
.editor-toolbar-btn.active .icon-distribution-bottom {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23555'%3E%3Cpath d='M11 5v-4h-6v4h-5v1h16v-1zM13 10h-10v4h-3v1h16v-1h-3v-4zm-1 4h-8v-3h8v3z'/%3E%3C/svg%3E");
  width: 100%;
  height: 100%;
}
.editor-toolbar-btn:hover .icon-distribution-bottom {
  background-color: #f0f0f0;
}
.editor-toolbar-btn .icon-color {
  background-color: #999;
  border: 1px solid #CACACA;
  border-radius: 1px;
  height: 14px;
  width: 14px;
  position: relative;
}
.editor-toolbar-btn .icon-color:after {
  border: 2px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  border-right-color: #FFF;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.editor-toolbar-btn .icon-color.light {
  background-color: #FFFFFF;
}
.editor-toolbar-btn .icon-color.light:after {
  border-bottom-color: #808080;
  border-right-color: #808080;
}
.editor-toolbar-btn:hover .icon-color {
  border-color: #BABABA;
}
.editor-toolbar {
  clear: both;
  float: left;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  cursor: default;
  font-family: Arial, "STHeitiSC-Light", "Helvetica Neue", "Microsoft Yahei";
  font-size: 13px;
  padding: 5px;
  position: relative;
  z-index: 1;
}
.editor-toolbar:hover {
  z-index: 3;
}
.editor-toolbar + .editor-toolbar {
  margin-top: 10px;
}
.editor-toolbar-inner {
  white-space: nowrap;
}
.editor-toolbar-block {
  display: inline-block;
  vertical-align: top;
}
.editor-toolbar-pipe {
  display: inline-block;
  border-left: 1px solid #EEE;
  margin: 3px 1px 0;
  height: 24px;
  width: 0;
  vertical-align: top;
}
.editor-toolbar-loading {
  display: inline-block;
  background: #FFF;
  line-height: 20px;
  margin: 4px 0 0 -20px;
  height: 20px;
  width: 15px;
  position: absolute;
  text-align: center;
  vertical-align: top;
}
.editor-toolbar-pop {
  position: absolute;
  z-index: 5;
  -webkit-user-select: none;
}
.editor-percentage-scaler .scaler-wrapper {
  position: relative;
}
.editor-percentage-scaler .scaler-line {
  width: 1px;
  background: #979797;
  height: 6px;
  position: absolute;
  bottom: -4px;
  left: 50%;
}
.editor-percentage-scaler .scaler-mask {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  height: 3px;
  margin: auto 5px;
}
.editor-percentage-scaler .scaler-mask-inner {
  display: block;
  position: relative;
  background: #DEE3E4;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.editor-percentage-scaler .scaler-bar {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #015CF9;
  border-radius: 100px;
}
.editor-percentage-scaler .scaler-btn {
  position: absolute;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  left: 0;
  top: -1px;
  background: white;
  border: 1px solid #979797;
}
.editor-percentage-scaler .scaler-crop-button {
  -webkit-appearance: none;
  border: 0;
  position: relative;
  top: 1px;
  color: #333;
  margin-right: 5px;
  cursor: pointer;
  outline: 0;
}
.editor-percentage-scaler .scaler-crop-button.active {
  color: #015CF9;
}
.editor-percentage-scaler .scaler-tooltip-wrapper {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  left: -2px;
  top: -2px;
  z-index: 1;
  cursor: pointer;
}
.editor-toolbar-more {
  display: inline-block;
  vertical-align: top;
}
.editor-toolbar-more .editor-popup-ne {
  background-color: #FFF;
  margin-top: 18px;
  right: 0;
}
.editor-toolbar-more .editor-popup-ne:before {
  left: auto;
  left: initial;
  right: 15px;
}
.editor-toolbar-more .more-section {
  border-bottom: 1px solid #EEE;
  padding: 8px 0;
}
.editor-toolbar-more .more-section:first-child {
  padding-top: 0;
}
.editor-toolbar-more .more-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.editor-toolbar-more .more-section.buttons-5 .editor-toolbar-btn {
  margin-right: 11px;
}
.editor-toolbar-more .more-section.buttons-5 .editor-toolbar-btn:last-child {
  margin-right: 0;
}
.editor-toolbar-more .more-section .editor-toolbar-btn {
  margin-right: 1px;
  font-size: 12px;
}
.editor-toolbar-more .more-section .editor-toolbar-space {
  display: inline-block;
  width: 10px;
  height: 5px;
  vertical-align: top;
}
.editor-toolbar-more .editor-num-picker {
  margin-bottom: 5px;
}
.editor-toolbar-more .editor-num-picker:last-child {
  margin-bottom: 0;
}
.editor-toolbar-more .more-btns {
  font-size: 0;
}
.editor-toolbar-more .more-btns .editor-toolbar-pipe {
  margin-top: 4px;
  height: 18px;
}
.toolbar-north .editor-toolbar-more .editor-popup-ne {
  position: absolute;
  margin-bottom: 18px;
  bottom: 100%;
}
.toolbar-north .editor-toolbar-more .editor-popup-ne:before {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
  margin-top: 5px;
  bottom: 0;
}
.editor-toolbar-text {
  position: relative;
  top: 1px;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 10px;
}
.editor-guider .editor-guider-x,
.editor-guider .editor-guider-y {
  border-style: dashed;
  border-color: #ff0000;
  border-width: 0;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.editor-guider .editor-guider-x {
  border-top-width: 1px;
  width: 100%;
  height: 0;
}
.editor-guider .editor-guider-y {
  border-left-width: 1px;
  width: 0;
  height: 100%;
}
.editor-guider .editor-guider-canvas {
  border-style: solid;
}
.editor-selector-mask {
  background: rgba(0, 196, 204, .15);
  border: 1px solid #00C4CC;
  border-radius: 2px;
  cursor: default;
  position: absolute;
  z-index: 3;
}
.editor-transform {
  box-sizing: border-box;
  position: absolute;
  z-index: 5;
  cursor: move;
}
.editor-transform:before {
  content: "";
  box-sizing: content-box;
  border: 2px solid #6CCFFF;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  margin: -2px 0 0 -2px;
}
.editor-transform:after {
  content: "";
  cursor: move;
  height: 25px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
.editor-transform-3drotate:before {
  border-width: 1px;
  border-color: rgba(108, 207, 255, .3);
}
.editor-transform-multiple:before {
  border-style: dotted;
}
.editor-transform-editing:after {
  display: block;
}
.editor-transform-lock {
  cursor: default;
}
.editor-transform-lock .editor-lock-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M3.095 7.059L11.847 7c.604-.004 1.098.437 1.102.984l.051 5.95c.005.548-.481.995-1.086.999l-8.752.059c-.604.004-1.098-.437-1.102-.984l-.051-5.95c-.004-.548.482-.995 1.086-.999z'/%3E%3Cpath d='M9.484 4.927v3.979h1.5V4.927a3.51 3.51 0 0 0-7.02 0v2.802h1.5V4.927c0-1.109.578-2.01 2.01-2.01s2.01.902 2.01 2.01z'/%3E%3C/svg%3E");
  width: 23px;
  height: 23px;
  background-color: #000;
  background-size: 14px 14px;
  background-position: 5px 4px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -11px;
  right: -11px;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
}
.editor-transform-lock .editor-grip,
.editor-transform-lock .editor-rotator {
  display: none;
}
.editor-transform .editor-grip {
  padding: 11px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  transform: translate(-50%, -50%);
  transition: .3s opacity;
}
.editor-transform .editor-grip b {
  box-sizing: border-box;
  display: block;
  background: #FFF;
  border: 1px solid #C0C5CF;
  box-shadow: 0px 0px 2px 0px rgba(86, 90, 98, .2);
  border-radius: 6px;
}
.editor-transform .editor-grip.editor-grip-fadeout {
  opacity: 0;
}
.editor-transform .editor-grip-nw {
  margin-left: -1px;
  margin-top: -1px;
}
.editor-transform .editor-grip-n {
  cursor: ns-resize;
  left: 50%;
  margin-top: -1px;
}
.editor-transform .editor-grip-ne {
  cursor: nesw-resize;
  left: 100%;
  margin-top: -1px;
  margin-left: 1px;
}
.editor-transform .editor-grip-e {
  cursor: ew-resize;
  left: 100%;
  top: 50%;
  margin-left: 1px;
}
.editor-transform .editor-grip-se {
  cursor: nwse-resize;
  left: 100%;
  top: 100%;
  margin-left: 1px;
  margin-top: 1px;
}
.editor-transform .editor-grip-s {
  cursor: ns-resize;
  left: 50%;
  top: 100%;
  margin-top: 1px;
}
.editor-transform .editor-grip-sw {
  cursor: nesw-resize;
  top: 100%;
  margin-left: -1px;
  margin-top: 1px;
}
.editor-transform .editor-grip-w {
  cursor: ew-resize;
  top: 50%;
  left: 0;
  margin-left: -1px;
}
.editor-transform .editor-grip-w b,
.editor-transform .editor-grip-e b {
  height: 16px;
  width: 7px;
}
.editor-transform .editor-grip-s b,
.editor-transform .editor-grip-n b {
  width: 16px;
  height: 7px;
}
.editor-transform .editor-grip-ne,
.editor-transform .editor-grip-se,
.editor-transform .editor-grip-sw,
.editor-transform .editor-grip-nw,
.editor-transform .editor-grip-round {
  z-index: 6;
}
.editor-transform .editor-grip-ne b,
.editor-transform .editor-grip-se b,
.editor-transform .editor-grip-sw b,
.editor-transform .editor-grip-nw b,
.editor-transform .editor-grip-round b {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.editor-transform .editor-rotator {
  cursor: pointer;
  margin: 14px 0 0 -11px;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 4;
  transition: .3s opacity;
}
.editor-transform .editor-rotator b {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23757575'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23CCD1DA' fill='%23FFF' cx='12' cy='12' r='11.5'/%3E%3Cpath d='M16.242 12.012a4.25 4.25 0 0 0-5.944-4.158L9.696 6.48a5.75 5.75 0 0 1 8.048 5.532h1.263l-2.01 3.002-2.008-3.002h1.253zm-8.484-.004a4.25 4.25 0 0 0 5.943 3.638l.6 1.375a5.75 5.75 0 0 1-8.046-5.013H5.023L7.02 9.004l1.997 3.004h-1.26z' fill='%23000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  display: block;
}
.editor-transform .editor-rotator b span {
  font-weight: normal;
  font-style: normal;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  font-size: 12px;
  background: #0E1217;
  border-radius: 4px;
  color: white;
}
.editor-transform .editor-rotator.editor-rotator-fadeout {
  opacity: 0;
}
.editor-transform .editor-rotator-three {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 100%;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
  z-index: 6;
  border-radius: 50%;
  cursor: pointer;
  background-color: #3a3a3a;
  transition: .3s opacity;
}
.editor-transform .editor-rotator-three b {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg' fill='%23757575'%3E%3Cpath d='M16.683 4.305l2.856.766-6.05 5.624L11.81 3l2.84.76C16.13 1.367 17.96 0 20 0c3.819 0 6.877 4.845 8.236 11.764C35.156 13.124 40 16.18 40 20c0 3.787-4.722 6.846-11.763 8.231C26.878 35.153 23.82 40 20 40c-3.82 0-6.877-4.846-8.237-11.766C4.79 26.867 0 23.802 0 20c0-5.207 9.008-9 20-9 2.128 0 4.182.142 6.11.41C24.872 5.79 22.497 2 20 2c-1.11 0-2.263.788-3.317 2.305zM17 26.84V24l6.999 4.389L17 32v-3.162l-.883-.002a42.797 42.797 0 0 1-2.228-.248C15.127 34.21 17.502 38 20 38c3.63 0 7-8.005 7-18 0-2.297-.178-4.49-.496-6.504A41.86 41.86 0 0 0 20 13c-2.299 0-4.492.178-6.507.497A41.996 41.996 0 0 0 13 20c0 2.301.179 4.497.498 6.514.869.136 1.772.246 2.704.326H17zm11.59-12.95c.268 1.928.41 3.982.41 6.11a44.7 44.7 0 0 1-.41 6.114C34.354 24.843 38 22.396 38 20c0-2.497-3.79-4.872-9.41-6.11zM11.41 26.12A44.696 44.696 0 0 1 11 20c0-2.101.14-4.157.413-6.111C5.79 15.127 2 17.502 2 20c0 2.453 3.752 4.872 9.41 6.121z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.editor-transform .editor-rotator-three.editor-rotator-fadeout {
  opacity: 0;
}
.editor-transform.editor-transform-inner {
  border: 0;
  cursor: move;
  overflow: hidden;
}
.editor-transform.editor-transform-inner .editor-grip {
  cursor: nwse-resize;
  left: auto;
  left: initial;
  top: auto;
  top: initial;
  padding: 0;
  position: absolute;
  z-index: 5;
  margin: 0;
}
.editor-transform.editor-transform-inner .editor-grip b {
  box-sizing: border-box;
  display: block;
  position: absolute;
  background: transparent;
  border-color: black;
  border-radius: 0;
  box-shadow: none;
}
.editor-transform.editor-transform-inner .editor-grip-ne {
  cursor: nesw-resize;
  left: 100%;
}
.editor-transform.editor-transform-inner .editor-grip-ne b {
  right: 50%;
  top: 50%;
  border-width: 4px 4px 0 0;
}
.editor-transform.editor-transform-inner .editor-grip-nw {
  cursor: nwse-resize;
}
.editor-transform.editor-transform-inner .editor-grip-nw b {
  left: 50%;
  top: 50%;
  border-width: 4px 0 0 4px;
}
.editor-transform.editor-transform-inner .editor-grip-se {
  cursor: nwse-resize;
  left: 100%;
  top: 100%;
}
.editor-transform.editor-transform-inner .editor-grip-se b {
  right: 50%;
  bottom: 50%;
  border-width: 0 4px 4px 0;
}
.editor-transform.editor-transform-inner .editor-grip-sw {
  cursor: nesw-resize;
  top: 100%;
}
.editor-transform.editor-transform-inner .editor-grip-sw b {
  left: 50%;
  bottom: 50%;
  border-width: 0 0 4px 4px;
}
.editor-transform.editor-transform-inner .editor-grip-n {
  cursor: ns-resize;
  left: 50%;
}
.editor-transform.editor-transform-inner .editor-grip-n b {
  left: 0;
  top: 50%;
  border-width: 4px 0 0 0;
}
.editor-transform.editor-transform-inner .editor-grip-e {
  cursor: ew-resize;
  top: 50%;
  left: 100%;
}
.editor-transform.editor-transform-inner .editor-grip-e b {
  top: 0;
  right: 50%;
  border-width: 0 4px 0 0;
}
.editor-transform.editor-transform-inner .editor-grip-s {
  cursor: ns-resize;
  left: 50%;
  top: 100%;
}
.editor-transform.editor-transform-inner .editor-grip-s b {
  left: 0;
  bottom: 50%;
  border-width: 0 0 4px 0;
}
.editor-transform.editor-transform-inner .editor-grip-w {
  cursor: ew-resize;
  top: 50%;
  left: 0;
}
.editor-transform.editor-transform-inner .editor-grip-w b {
  top: 0%;
  left: 50%;
  border-width: 0 0 0 4px;
}
.editor-transform.octant0 .editor-grip-n {
  cursor: ns-resize;
}
.editor-transform.octant1 .editor-grip-n {
  cursor: nesw-resize;
}
.editor-transform.octant2 .editor-grip-n {
  cursor: ew-resize;
}
.editor-transform.octant3 .editor-grip-n {
  cursor: nwse-resize;
}
.editor-transform.octant4 .editor-grip-n {
  cursor: ns-resize;
}
.editor-transform.octant5 .editor-grip-n {
  cursor: nesw-resize;
}
.editor-transform.octant6 .editor-grip-n {
  cursor: ew-resize;
}
.editor-transform.octant7 .editor-grip-n {
  cursor: nwse-resize;
}
.editor-transform.octant0 .editor-grip-ne {
  cursor: nesw-resize;
}
.editor-transform.octant1 .editor-grip-ne {
  cursor: ew-resize;
}
.editor-transform.octant2 .editor-grip-ne {
  cursor: nwse-resize;
}
.editor-transform.octant3 .editor-grip-ne {
  cursor: ns-resize;
}
.editor-transform.octant4 .editor-grip-ne {
  cursor: nesw-resize;
}
.editor-transform.octant5 .editor-grip-ne {
  cursor: ew-resize;
}
.editor-transform.octant6 .editor-grip-ne {
  cursor: nwse-resize;
}
.editor-transform.octant7 .editor-grip-ne {
  cursor: ns-resize;
}
.editor-transform.octant0 .editor-grip-e {
  cursor: ew-resize;
}
.editor-transform.octant1 .editor-grip-e {
  cursor: nwse-resize;
}
.editor-transform.octant2 .editor-grip-e {
  cursor: ns-resize;
}
.editor-transform.octant3 .editor-grip-e {
  cursor: nesw-resize;
}
.editor-transform.octant4 .editor-grip-e {
  cursor: ew-resize;
}
.editor-transform.octant5 .editor-grip-e {
  cursor: nwse-resize;
}
.editor-transform.octant6 .editor-grip-e {
  cursor: ns-resize;
}
.editor-transform.octant7 .editor-grip-e {
  cursor: nesw-resize;
}
.editor-transform.octant0 .editor-grip-se {
  cursor: nwse-resize;
}
.editor-transform.octant1 .editor-grip-se {
  cursor: ns-resize;
}
.editor-transform.octant2 .editor-grip-se {
  cursor: nesw-resize;
}
.editor-transform.octant3 .editor-grip-se {
  cursor: ew-resize;
}
.editor-transform.octant4 .editor-grip-se {
  cursor: nwse-resize;
}
.editor-transform.octant5 .editor-grip-se {
  cursor: ns-resize;
}
.editor-transform.octant6 .editor-grip-se {
  cursor: nesw-resize;
}
.editor-transform.octant7 .editor-grip-se {
  cursor: ew-resize;
}
.editor-transform.octant0 .editor-grip-s {
  cursor: ns-resize;
}
.editor-transform.octant1 .editor-grip-s {
  cursor: nesw-resize;
}
.editor-transform.octant2 .editor-grip-s {
  cursor: ew-resize;
}
.editor-transform.octant3 .editor-grip-s {
  cursor: nwse-resize;
}
.editor-transform.octant4 .editor-grip-s {
  cursor: ns-resize;
}
.editor-transform.octant5 .editor-grip-s {
  cursor: nesw-resize;
}
.editor-transform.octant6 .editor-grip-s {
  cursor: ew-resize;
}
.editor-transform.octant7 .editor-grip-s {
  cursor: nwse-resize;
}
.editor-transform.octant0 .editor-grip-sw {
  cursor: nesw-resize;
}
.editor-transform.octant1 .editor-grip-sw {
  cursor: ew-resize;
}
.editor-transform.octant2 .editor-grip-sw {
  cursor: nwse-resize;
}
.editor-transform.octant3 .editor-grip-sw {
  cursor: ns-resize;
}
.editor-transform.octant4 .editor-grip-sw {
  cursor: nesw-resize;
}
.editor-transform.octant5 .editor-grip-sw {
  cursor: ew-resize;
}
.editor-transform.octant6 .editor-grip-sw {
  cursor: nwse-resize;
}
.editor-transform.octant7 .editor-grip-sw {
  cursor: ns-resize;
}
.editor-transform.octant0 .editor-grip-w {
  cursor: ew-resize;
}
.editor-transform.octant1 .editor-grip-w {
  cursor: nwse-resize;
}
.editor-transform.octant2 .editor-grip-w {
  cursor: ns-resize;
}
.editor-transform.octant3 .editor-grip-w {
  cursor: nesw-resize;
}
.editor-transform.octant4 .editor-grip-w {
  cursor: ew-resize;
}
.editor-transform.octant5 .editor-grip-w {
  cursor: nwse-resize;
}
.editor-transform.octant6 .editor-grip-w {
  cursor: ns-resize;
}
.editor-transform.octant7 .editor-grip-w {
  cursor: nesw-resize;
}
.editor-transform.octant0 .editor-grip-nw,
.editor-transform.octant8 .editor-grip-nw {
  cursor: nwse-resize;
}
.editor-transform.octant1 .editor-grip-nw {
  cursor: ns-resize;
}
.editor-transform.octant2 .editor-grip-nw {
  cursor: nesw-resize;
}
.editor-transform.octant3 .editor-grip-nw {
  cursor: ew-resize;
}
.editor-transform.octant4 .editor-grip-nw {
  cursor: nwse-resize;
}
.editor-transform.octant5 .editor-grip-nw {
  cursor: ns-resize;
}
.editor-transform.octant6 .editor-grip-nw {
  cursor: nesw-resize;
}
.editor-transform.octant7 .editor-grip-nw {
  cursor: ew-resize;
}
.editor-transform.octant0 .editor-rotator,
.editor-transform.octant8 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_0.svg) 11 9, pointer;
}
.editor-transform.octant1 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_-45.svg) 11 11, pointer;
}
.editor-transform.octant2 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_-90.svg) 13 11, pointer;
}
.editor-transform.octant3 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_-135.svg) 11 11, pointer;
}
.editor-transform.octant4 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_180.svg) 11 13, pointer;
}
.editor-transform.octant5 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_135.svg) 11 11, pointer;
}
.editor-transform.octant6 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_90.svg) 9 11, pointer;
}
.editor-transform.octant7 .editor-rotator {
  cursor: url(assets/cursor/ic_mouse_rotation_45.svg) 11 11, pointer;
}
.editor-transform-inner {
  cursor: move;
}
.editor-croper-grid {
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #000;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.editor-croper-grid i {
  display: none;
  border: 0 solid rgba(0, 0, 0, .3);
  position: absolute;
  left: 0;
  top: 0;
}
.editor-croper-grid.active i {
  display: block;
}
.editor-croper-grid i[class^="editor-croper-grid-x"] {
  border-left-width: 1px;
  height: 100%;
  width: 0;
}
.editor-croper-grid i[class^="editor-croper-grid-y"] {
  border-top-width: 1px;
  width: 100%;
  height: 0;
}
.editor-croper-grid .editor-croper-grid-x1 {
  left: 33.3332%;
}
.editor-croper-grid .editor-croper-grid-x2 {
  left: 66.6664%;
}
.editor-croper-grid .editor-croper-grid-y1 {
  top: 33.332%;
}
.editor-croper-grid .editor-croper-grid-y2 {
  top: 66.664%;
}
.editor-image-croper {
  position: absolute;
  z-index: 2;
}
.editor-image-croper:before,
.editor-image-croper:after {
  content: "";
  box-sizing: border-box;
  border: 1px solid #FFF;
  cursor: move;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.editor-image-croper:after {
  border: 1px dashed #666;
}
.editor-image-croper .editor-image-croper-mask {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: .5;
}
.editor-image-croper .editor-image-croper-inner {
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.editor-image-croper .editor-image-croper-inner img {
  display: block;
}
.editor-text-editor {
  width: 100%;
  z-index: 0;
  position: relative;
  transform-origin: 0 0;
}
.editor-text-editor.editor-element {
  position: relative;
}
.editor-text-editor:before {
  z-index: -1;
}
.editor-text-editor.editor-element-editing {
  visibility: visible;
  overflow: visible;
  z-index: 6;
}
.editor-text-editor.editor-element-editing:before {
  border-color: #666;
}
.editor-text-editor .element-inner {
  display: block;
  transform-origin: 0 0;
}
.editor-text-editor .element-inner .element-main {
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  z-index: 2;
}
.editor-mask-editor {
  position: absolute;
  z-index: 1;
}
.editor-mask-editor:before,
.editor-mask-editor:after {
  pointer-events: none;
  content: "";
  box-sizing: border-box;
  border: 1px solid #FFF;
  cursor: move;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.editor-mask-editor:after {
  border: 1px dashed #666;
}
.editor-mask-editor-main,
.editor-mask-editor-main canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.editor-mask-editor-main img {
  display: block;
}
.editor-mask-editor-grid {
  border: 1px solid #000000;
  margin: -1px 0 0 -1px;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.editor-contextmenu {
  position: absolute;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(11, 3, 6, .2);
  background-color: rgba(255, 255, 255, .95);
}
.editor-contextmenu .contextmenu-shortcutKeys {
  padding: 4px 0;
  list-style: none;
  color: #333;
  font-size: 13px;
}
.editor-contextmenu .contextmenu-shortcutKeys li {
  padding: 0 20px;
  cursor: pointer;
  line-height: 36px;
}
.editor-contextmenu .contextmenu-shortcutKeys li .shortcut {
  float: right;
  color: #b5b5b5;
}
.editor-contextmenu .contextmenu-shortcutKeys li:hover {
  background-color: #f0f0f0;
}
.editor-contextmenu .contextmenu-shortcutKeys li:active {
  background-color: #e6e6e6;
}
.editor-contextmenu .contextmenu-shortcutKeys li svg {
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
  margin-right: 10px;
  fill: currentColor;
}
.editor-contextmenu .layer-list {
  border-top: 1px solid #eaeaea;
  padding: 4px 0;
}
.editor-contextmenu .layer-list .layer-list-title {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
}
.editor-layer-list {
  list-style: none;
  overflow: auto;
  max-height: 265px;
}
.editor-layer-list li {
  padding: 4px 0 4px 20px;
  height: 53px;
  cursor: pointer;
}
.editor-layer-list li:hover {
  background-color: #f0f0f0;
}
.editor-layer-list li:active {
  background-color: #e6e6e6;
}
.editor-layer-list li .layer-thumbnail {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  overflow: hidden;
  border: 1px solid #DDD;
  background-color: #FFF;
  vertical-align: middle;
}
.editor-layer-list li .layer-thumbnail .thumbnail-image {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.editor-layer-list li .layer-thumbnail .thumbnail-text,
.editor-layer-list li .layer-thumbnail .thumbnail-group {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 26px;
  text-align: center;
  line-height: 43px;
  font-family: -webkit-pictograph, serif;
}
.editor-layer-list li .layer-thumbnail .thumbnail-svg svg {
  width: 100%;
  height: 100%;
}
.editor-layer-list li .layer-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
  width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.editor-highlight-element {
  position: absolute;
  background-color: rgba(0, 255, 255, .1);
  border: 1px solid #0FF;
  z-index: 5;
  pointer-events: none;
}
.editor-collage-editor {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  z-index: 6;
}
.editor-collage-editor.line-dragging {
  cursor: ns-resize;
}
.editor-collage-editor.line-dragging .editor-element-cell-ghost:hover {
  border-color: transparent;
}
.editor-collage-editor.line-dragging .editor-element-cell-ghost:hover svg {
  display: none;
}
.editor-collage-editor.line-dragging .editor-collage-h:hover,
.editor-collage-editor.line-dragging .editor-collage-v:hover {
  opacity: 0;
}
.editor-collage-editor.line-dragging .editor-collage-h.line-dragging,
.editor-collage-editor.line-dragging .editor-collage-v.line-dragging {
  opacity: 1;
}
.editor-collage-editor.line-dragging-v {
  cursor: ew-resize;
}
.editor-collage-editor.line-dragging-v .editor-element-cell-ghost:hover {
  border-color: transparent;
}
.editor-collage-editor.line-dragging-v .editor-element-cell-ghost:hover svg {
  display: none;
}
.editor-collage-editor.line-dragging-v .editor-collage-h:hover,
.editor-collage-editor.line-dragging-v .editor-collage-v:hover {
  opacity: 0;
}
.editor-collage-editor.line-dragging-v .editor-collage-h.line-dragging,
.editor-collage-editor.line-dragging-v .editor-collage-v.line-dragging {
  opacity: 1;
}
.editor-collage-editor.img-dragging {
  cursor: move;
}
.editor-collage-editor .editor-drag-gap-placeholder {
  position: absolute;
  background: rgba(0, 92, 249, .6);
}
.editor-collage-editor .editor-collage-h,
.editor-collage-editor .editor-collage-v {
  overflow: hidden;
  position: absolute;
  z-index: 5;
  opacity: 0;
  min-width: 10px;
  min-height: 10px;
}
.editor-collage-editor .editor-collage-h:after,
.editor-collage-editor .editor-collage-v:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 92, 249, .6);
}
.editor-collage-editor .editor-collage-h:hover,
.editor-collage-editor .editor-collage-v:hover,
.editor-collage-editor .editor-collage-h.line-dragging,
.editor-collage-editor .editor-collage-v.line-dragging {
  opacity: 1;
}
.editor-collage-editor .editor-collage-h {
  cursor: ns-resize;
}
.editor-collage-editor .editor-collage-h:after {
  max-height: 4px;
  top: 3px;
}
.editor-collage-editor .editor-collage-v {
  cursor: ew-resize;
}
.editor-collage-editor .editor-collage-v:after {
  max-width: 4px;
  left: 3px;
}
.editor-collage-editor .editor-element-cell-ghosts {
  position: relative;
}
.editor-collage-editor .editor-element-cell-ghost {
  position: absolute;
  border: 2px solid transparent;
}
.editor-collage-editor .editor-element-cell-ghost:hover {
  border-color: #005cf9;
}
.editor-collage-editor .editor-element-cell-ghost:hover svg {
  display: block;
}
.editor-collage-editor .editor-element-cell-ghost.selected {
  border-color: #005cf9;
}
.editor-collage-editor.transform-resizing .editor-element-cell-ghost:hover {
  border-color: transparent;
}
.editor-collage-editor .editor-element-cell--remover {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  z-index: 2;
}
.editor-collage-editor .editor-element-cell--remover svg {
  pointer-events: none;
  display: none;
}
.editor-collage-editor .editor-img-ghost {
  position: absolute;
  opacity: 0.6;
  line-height: 1;
  font-size: 0;
  z-index: 1;
}
.editor-collage-editor .editor-img-ghost img {
  max-width: 100%;
}
.editor-collage-editor .editor-collage-dragger {
  width: 28px;
  height: 28px;
  background: #000;
  border-radius: 50%;
  cursor: move;
  position: absolute;
  top: calc(50% - 14px);
  right: -40px;
  text-align: center;
  line-height: 28px;
  font-size: 0;
}
.editor-collage-editor .editor-collage-dragger:before {
  content: "";
  width: 12px;
  border-top: 1px dashed #666;
  position: absolute;
  left: -9px;
  top: 13px;
  z-index: -1;
}
.editor-collage-editor .editor-collage-dragger svg {
  pointer-events: none;
  fill: #fff;
  width: 16px;
  vertical-align: middle;
}
.editor-text-editor.editor-element-styledText:focus {
  outline: none;
}
.editor-text-editor.editor-element-styledText .element-main {
  outline: none;
}
.editor-background,
.editor-background__main {
  position: absolute;
  width: 100%;
  height: 100%;
}
.editor-background img {
  position: absolute;
  left: 0;
  top: 0;
}
.editor-background-editor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.editor-background-editor::after,
.editor-background-editor::before {
  cursor: move;
}
.editor-background-editor__light,
.editor-background-editor__main,
.editor-background-editor__main-inner,
.editor-background-editor__image {
  cursor: move;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.editor-background-editor__light {
  overflow: hidden;
}
.editor-background-editor__light-inner {
  position: absolute;
  box-sizing: content-box;
  box-shadow: 0 0 0 10000px rgba(255, 255, 255, .5);
}
.editor-background--selected .editor-background__border {
  pointer-events: none;
}
.editor-background--selected .editor-background__border,
.editor-background-editor::after,
.editor-background-editor::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border-width: 1px;
  z-index: 2;
}
.editor-background-editor::before,
.editor-background--selected .editor-background__border--before {
  display: block;
  border-color: #666;
  border-style: solid;
}
.editor-background-editor::after,
.editor-background--selected .editor-background__border--after {
  display: block;
  border-style: dashed;
  border-color: #FFF;
}
.editor-hover {
  position: absolute;
  border: 1px solid #6CCFFF;
  z-index: 2;
  pointer-events: none;
}
.editor-mouse-tips {
  position: absolute;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  font-size: 12px;
  background: #0E1217;
  border-radius: 4px;
  color: white;
  white-space: nowrap;
  z-index: 5;
}
.editor-bleeding-line {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-color: rgba(255, 255, 255, .5);
  border-style: solid;
  pointer-events: none;
  background: none;
  z-index: 1;
  box-sizing: content-box;
}
.editor-bleeding-line::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border: 1px dashed #E0E5EA;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.editor-bleeding-line__guider {
  position: absolute;
}
.editor-bleeding-line__guider--horizontal {
  width: 15px;
  height: 0;
  border-top: 1px solid #444950;
}
.editor-bleeding-line__guider--vertical {
  height: 15px;
  width: 0;
  border-left: 1px solid #444950;
}
.editor-element .editor-element-common__load--error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #939BA6;
  font-size: 14px;
  background-color: #F8FAFC;
  text-align: center;
}
.editor-element .editor-element-common__load--error .editor-element-common__load--icon {
  display: block;
  width: 44px;
  height: 32px;
  margin-bottom: 12px;
  background-image: url(assets/svg/load-error.svg);
  background-repeat: no-repeat;
}