@import '~antd/lib/style/index.css';
@import '~antd/lib/grid/style/index.css';
@import '~antd/lib/select/style/index.css';
@import '~antd/lib/input/style/index.css';
@import '~antd/lib/input-number/style/index.css';
@import '~antd/lib/radio/style/index.css';
@import '~antd/lib/tooltip/style/index.css';
@import '~antd/lib/switch/style/index.css';
@import '~antd/lib/dropdown/style/index.css';
@import '~antd/lib/collapse/style/index.css';
@import '~antd/lib/menu/style/index.css';
@import '~antd/lib/tag/style/index.css';
@import '~antd/lib/popover/style/index.css';
@import '~antd/lib/checkbox/style/index.css';
@import '~antd/lib/auto-complete/style/index.css';
@import '~antd/lib/slider/style/index.css';
@import '~codemirror/lib/codemirror.css';
@import '~codemirror/theme/ambiance.css';
@import '~codemirror/addon/hint/show-hint.css';
.editor-list,
.editor-list-popover .ant-popover-inner {
  line-height: 22px;
  font-size: 12px;
}
.editor-list .icon,
.editor-list-popover .ant-popover-inner .icon {
  font-size: 16px;
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.editor-list .ant-tag,
.editor-list-popover .ant-popover-inner .ant-tag {
  cursor: pointer;
}
.editor-list-dropdown,
.editor-list-popover .ant-popover-inner-dropdown {
  font-size: 12px;
}
.editor-list-dropdown .ant-dropdown-menu-item,
.editor-list-popover .ant-popover-inner-dropdown .ant-dropdown-menu-item {
  font-size: 12px;
}
.editor-list .ant-radio-group-small .ant-radio-button-wrapper,
.editor-list-popover .ant-popover-inner .ant-radio-group-small .ant-radio-button-wrapper {
  padding: 0 8px;
}
.editor-list .ant-row,
.editor-list-popover .ant-popover-inner .ant-row {
  margin-bottom: 8px;
}
.editor-list .ant-collapse-content-box,
.editor-list-popover .ant-popover-inner .ant-collapse-content-box {
  position: relative;
}
.editor-list .ant-input-number,
.editor-list-popover .ant-popover-inner .ant-input-number,
.editor-list .ant-input,
.editor-list-popover .ant-popover-inner .ant-input {
  width: 100%;
  background: #262626;
  border-color: rgba(255, 255, 255, 0.55);
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-input-number.ant-input-disabled,
.editor-list-popover .ant-popover-inner .ant-input-number.ant-input-disabled,
.editor-list .ant-input.ant-input-disabled,
.editor-list-popover .ant-popover-inner .ant-input.ant-input-disabled {
  color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}
.editor-list .ant-input-number input,
.editor-list-popover .ant-popover-inner .ant-input-number input,
.editor-list .ant-input input,
.editor-list-popover .ant-popover-inner .ant-input input {
  background: #262626 !important;
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-input-number:hover,
.editor-list-popover .ant-popover-inner .ant-input-number:hover,
.editor-list .ant-input:hover,
.editor-list-popover .ant-popover-inner .ant-input:hover,
.editor-list .ant-input-number:focus,
.editor-list-popover .ant-popover-inner .ant-input-number:focus,
.editor-list .ant-input:focus,
.editor-list-popover .ant-popover-inner .ant-input:focus,
.editor-list .ant-input-number-focused,
.editor-list-popover .ant-popover-inner .ant-input-number-focused,
.editor-list .ant-input-focused,
.editor-list-popover .ant-popover-inner .ant-input-focused {
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.9);
}
.editor-list .ant-input-number::-moz-placeholder,
.editor-list-popover .ant-popover-inner .ant-input-number::-moz-placeholder,
.editor-list .ant-input::-moz-placeholder,
.editor-list-popover .ant-popover-inner .ant-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.15);
  opacity: 1;
}
.editor-list .ant-input-number:-ms-input-placeholder,
.editor-list-popover .ant-popover-inner .ant-input-number:-ms-input-placeholder,
.editor-list .ant-input:-ms-input-placeholder,
.editor-list-popover .ant-popover-inner .ant-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.15);
}
.editor-list .ant-input-number::-webkit-input-placeholder,
.editor-list-popover .ant-popover-inner .ant-input-number::-webkit-input-placeholder,
.editor-list .ant-input::-webkit-input-placeholder,
.editor-list-popover .ant-popover-inner .ant-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.15);
}
.editor-list .ant-input-group-addon,
.editor-list-popover .ant-popover-inner .ant-input-group-addon {
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.55);
  background-color: #262626;
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
.editor-list .ant-select,
.editor-list-popover .ant-popover-inner .ant-select,
.editor-list .ant-select-selection,
.editor-list-popover .ant-popover-inner .ant-select-selection,
.editor-list .ant-select-auto-complete.ant-select,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select {
  background: #262626;
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector:hover,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector:hover,
.editor-list .ant-select:hover,
.editor-list-popover .ant-popover-inner .ant-select:hover,
.editor-list .ant-select-selection:hover,
.editor-list-popover .ant-popover-inner .ant-select-selection:hover,
.editor-list .ant-select-auto-complete.ant-select:hover,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select:hover,
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector:focus,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector:focus,
.editor-list .ant-select:focus,
.editor-list-popover .ant-popover-inner .ant-select:focus,
.editor-list .ant-select-selection:focus,
.editor-list-popover .ant-popover-inner .ant-select-selection:focus,
.editor-list .ant-select-auto-complete.ant-select:focus,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select:focus {
  border-color: rgba(255, 255, 255, 0.9);
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-selected-value,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-selected-value,
.editor-list .ant-select .ant-select-selection-selected-value,
.editor-list-popover .ant-popover-inner .ant-select .ant-select-selection-selected-value,
.editor-list .ant-select-selection .ant-select-selection-selected-value,
.editor-list-popover .ant-popover-inner .ant-select-selection .ant-select-selection-selected-value,
.editor-list .ant-select-auto-complete.ant-select .ant-select-selection-selected-value,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select .ant-select-selection-selected-value {
  padding-right: 8px;
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-arrow,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-arrow,
.editor-list .ant-select .ant-select-arrow,
.editor-list-popover .ant-popover-inner .ant-select .ant-select-arrow,
.editor-list .ant-select-selection .ant-select-arrow,
.editor-list-popover .ant-popover-inner .ant-select-selection .ant-select-arrow,
.editor-list .ant-select-auto-complete.ant-select .ant-select-arrow,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select .ant-select-arrow {
  right: 4px;
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input,
.editor-list .ant-select input,
.editor-list-popover .ant-popover-inner .ant-select input,
.editor-list .ant-select-selection input,
.editor-list-popover .ant-popover-inner .ant-select-selection input,
.editor-list .ant-select-auto-complete.ant-select input,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select input {
  padding: 0 7px;
}
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input:hover,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input:hover,
.editor-list .ant-select input:hover,
.editor-list-popover .ant-popover-inner .ant-select input:hover,
.editor-list .ant-select-selection input:hover,
.editor-list-popover .ant-popover-inner .ant-select-selection input:hover,
.editor-list .ant-select-auto-complete.ant-select input:hover,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select input:hover,
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input:focus,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input:focus,
.editor-list .ant-select input:focus,
.editor-list-popover .ant-popover-inner .ant-select input:focus,
.editor-list .ant-select-selection input:focus,
.editor-list-popover .ant-popover-inner .ant-select-selection input:focus,
.editor-list .ant-select-auto-complete.ant-select input:focus,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select input:focus,
.editor-list .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input-focused,
.editor-list-popover .ant-popover-inner .ant-select-single:not(.ant-select-customize-input) .ant-select-selector input-focused,
.editor-list .ant-select input-focused,
.editor-list-popover .ant-popover-inner .ant-select input-focused,
.editor-list .ant-select-selection input-focused,
.editor-list-popover .ant-popover-inner .ant-select-selection input-focused,
.editor-list .ant-select-auto-complete.ant-select input-focused,
.editor-list-popover .ant-popover-inner .ant-select-auto-complete.ant-select input-focused {
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: none;
}
.editor-list .ant-select-single .ant-select-selector,
.editor-list-popover .ant-popover-inner .ant-select-single .ant-select-selector {
  padding: 0;
}
.editor-list .ant-select-single .ant-select-selector .ant-select-selection-search,
.editor-list-popover .ant-popover-inner .ant-select-single .ant-select-selector .ant-select-selection-search {
  left: 0;
  right: 0;
}
.editor-list .ant-select-focused .ant-select-selection,
.editor-list-popover .ant-popover-inner .ant-select-focused .ant-select-selection,
.editor-list .ant-select-open .ant-select-selection,
.editor-list-popover .ant-popover-inner .ant-select-open .ant-select-selection {
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.9);
}
.editor-list .ant-select-selection .ant-select-selection__placeholder,
.editor-list-popover .ant-popover-inner .ant-select-selection .ant-select-selection__placeholder {
  color: rgba(255, 255, 255, 0.15);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 1px 7px;
}
.editor-list .ant-input-number-handler-wrap,
.editor-list-popover .ant-popover-inner .ant-input-number-handler-wrap {
  background: transparent;
}
.editor-list .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.editor-list-popover .ant-popover-inner .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.editor-list .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,
.editor-list-popover .ant-popover-inner .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner:hover,
.editor-list-popover .ant-popover-inner .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner:hover,
.editor-list .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner:hover,
.editor-list-popover .ant-popover-inner .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner:hover {
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-radio-button-wrapper,
.editor-list-popover .ant-popover-inner .ant-radio-button-wrapper {
  color: rgba(255, 255, 255, 0.55);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.55);
  width: 42px;
  text-align: center;
}
.editor-list .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child,
.editor-list-popover .ant-popover-inner .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child,
.editor-list .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.editor-list-popover .ant-popover-inner .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
.editor-list .ant-radio-button-wrapper-checked,
.editor-list-popover .ant-popover-inner .ant-radio-button-wrapper-checked {
  color: rgba(255, 255, 255, 0.9);
  background: #121212;
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.9);
}
.editor-list .ant-radio-button-wrapper:not(:first-child)::before,
.editor-list-popover .ant-popover-inner .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: rgba(255, 255, 255, 0.3);
}
.editor-list .ant-radio-button-auto-width,
.editor-list-popover .ant-popover-inner .ant-radio-button-auto-width {
  width: auto;
}
.editor-list .select-input,
.editor-list-popover .ant-popover-inner .select-input {
  position: relative;
}
.editor-list .select-input .anticon,
.editor-list-popover .ant-popover-inner .select-input .anticon {
  position: absolute;
  right: 4px;
  line-height: 22px;
  cursor: pointer;
  font-size: 12px;
  transform: scale(0.75) rotate(0deg);
  z-index: 2;
}
.editor-list .ant-switch-checked,
.editor-list-popover .ant-popover-inner .ant-switch-checked {
  background-color: rgba(255, 255, 255, 0.55);
}
.editor-list .add-button,
.editor-list-popover .ant-popover-inner .add-button {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #121212;
  border-radius: 4px;
  text-align: center;
  color: rgba(255, 255, 255, 0.55);
  font-size: 24px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.editor-list .add-button:hover,
.editor-list-popover .ant-popover-inner .add-button:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.9);
  background: #121212;
}
.editor-list .add-button:active,
.editor-list-popover .ant-popover-inner .add-button:active {
  transform: translateY(-1px) scale(1.005);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.editor-list .icon-button,
.editor-list-popover .ant-popover-inner .icon-button {
  cursor: pointer;
  display: block;
}
.editor-list .editor-transition-tween .ant-row,
.editor-list-popover .ant-popover-inner .editor-transition-tween .ant-row {
  overflow: hidden;
}
.editor-list .ant-tag-checkable,
.editor-list-popover .ant-popover-inner .ant-tag-checkable {
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 8px;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.editor-list .ant-tag-checkable:hover,
.editor-list-popover .ant-popover-inner .ant-tag-checkable:hover {
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-tag-checkable:active,
.editor-list-popover .ant-popover-inner .ant-tag-checkable:active,
.editor-list .ant-tag-checkable.ant-tag-checkable-checked,
.editor-list-popover .ant-popover-inner .ant-tag-checkable.ant-tag-checkable-checked {
  border-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
  background: #121212;
}
.editor-list .ant-popover-inner-content,
.editor-list-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .sketch-picker,
.editor-list-popover .ant-popover-inner .sketch-picker {
  box-shadow: none !important;
  color: #262626;
}
.editor-list .sketch-picker input,
.editor-list-popover .ant-popover-inner .sketch-picker input {
  color: #262626;
}
.editor-list .ant-row,
.editor-list-popover .ant-popover-inner .ant-row {
  margin-bottom: 8px;
}
.editor-list .ant-checkbox,
.editor-list-popover .ant-popover-inner .ant-checkbox {
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-checkbox + span,
.editor-list-popover .ant-popover-inner .ant-checkbox + span {
  color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.editor-list-popover .ant-popover-inner .ant-checkbox-wrapper:hover .ant-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.55);
}
.editor-list .ant-checkbox-checked .ant-checkbox-inner,
.editor-list-popover .ant-popover-inner .ant-checkbox-checked .ant-checkbox-inner {
  border-color: rgba(255, 255, 255, 0.55);
  background-color: #121212;
}
.editor-list-popover .ant-popover-content .ant-popover-inner {
  background-color: #121212;
  box-shadow: 0 0 16px rgba(18, 18, 18, 0.7);
  position: relative;
  z-index: 1;
}
.editor-list-popover .ant-popover-content .ant-popover-arrow {
  border-right-color: #121212;
  border-bottom-color: #121212;
  box-shadow: 0 0 16px rgba(18, 18, 18, 0.7);
}
.editor-color {
  width: 100%;
  height: 22px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  display: block;
  transition: box-shadow 0.3s, border 0.3s;
  border: 1px solid #A4A7A8;
}
.editor-color i {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.editor-color i:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid white;
  border-left: 4px solid transparent;
  right: 1px;
  bottom: 1px;
}
.editor-color.active {
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.9);
}
.editor-color-wrapper:hover .color-close {
  opacity: 1;
}
.editor-color-wrapper .color-close {
  position: absolute;
  line-height: 12px;
  text-align: center;
  width: 12px;
  height: 12px;
  top: -5px;
  left: -5px;
  border-radius: 100%;
  background: #ff0000;
  color: #fff;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.editor-color-wrapper .color-close .anticon-close {
  font-size: 12px;
  transform: scale(0.8);
}
.ant-collapse.editor-list {
  background-color: #262626;
  border-radius: 0;
}
.ant-collapse.editor-list > .ant-collapse-item {
  border-top: 1px solid #000;
  border-bottom: none;
}
.ant-collapse.editor-list > .ant-collapse-item:first-child {
  border-top: none;
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header {
  height: 32px;
  line-height: 32px;
  text-indent: 10px;
  font-size: 14px;
  color: #fff;
  padding: 0 0 0 12px;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  border-bottom: 1px solid transparent;
  transition: border 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  left: auto;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > svg {
  display: none;
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow:after,
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 2px;
  background: #fff;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow:after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-collapse.editor-list > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow:before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-collapse.editor-list > .ant-collapse-item-disabled > .ant-collapse-header {
  cursor: not-allowed;
  color: #999;
  background-color: #f3f3f3;
}
.ant-collapse.editor-list .ant-collapse-content {
  color: rgba(255, 255, 255, 0.55);
  padding: 1px 16px;
  background-color: #262626;
}
.ant-collapse.editor-list .ant-collapse-content > .ant-collapse-content-box {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0;
}
.ant-collapse.editor-list .ant-collapse-content-inactive {
  display: none;
}
.ant-collapse.editor-list > .ant-collapse-item-active > .ant-collapse-header {
  border-bottom-color: #000;
}
.ant-collapse.editor-list > .ant-collapse-item-active > .ant-collapse-header .ant-collapse-arrow {
  transform: translateY(-3px);
}
.ant-collapse.editor-list > .ant-collapse-item-active > .ant-collapse-header .ant-collapse-arrow:after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-collapse.editor-list > .ant-collapse-item-active > .ant-collapse-header .ant-collapse-arrow:before {
  transform: rotate(45deg) translateX(2px);
}
.editor-font-align .left,
.editor-font-align .center,
.editor-font-align .right,
.editor-font-align .justify {
  width: 16px;
  margin: auto;
}
.editor-font-align .left:after,
.editor-font-align .center:after,
.editor-font-align .right:after,
.editor-font-align .justify:after,
.editor-font-align .left:before,
.editor-font-align .center:before,
.editor-font-align .right:before,
.editor-font-align .justify:before {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 6px 0 rgba(255, 255, 255, 0.55);
}
.editor-font-align .left:after,
.editor-font-align .center:after,
.editor-font-align .right:after,
.editor-font-align .justify:after,
.editor-font-align .left:before,
.editor-font-align .center:before,
.editor-font-align .right:before,
.editor-font-align .justify:before {
  content: '';
  display: block;
  margin: auto;
  height: 1px;
}
.editor-font-align .left:before,
.editor-font-align .center:before,
.editor-font-align .right:before,
.editor-font-align .justify:before {
  margin-top: 5px;
}
.editor-font-align .left:after,
.editor-font-align .center:after,
.editor-font-align .right:after,
.editor-font-align .justify:after {
  margin-top: 2px;
}
.editor-font-align .left:after,
.editor-font-align .center:after,
.editor-font-align .right:after {
  width: 12px;
}
.editor-font-align .left:before,
.editor-font-align .center:before,
.editor-font-align .right:before {
  width: 16px;
}
.editor-font-align .left:after {
  margin-left: 0;
}
.editor-font-align .right:after {
  margin-right: 0;
}
.editor-font-align .justify:after,
.editor-font-align .justify:before {
  width: 16px;
}
.editor-bg-image-wrapper {
  border-top: 1px solid #121212;
  padding-top: 8px;
}
.editor-bg-image-wrapper .add-button {
  font-size: 14px;
}
.editor-bg-image-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 24px auto 24px;
      grid-template-columns: 24px 24px auto 24px;
  -ms-grid-rows: 32px;
      grid-template-rows: 32px;
  gap: 0 4px;
  -ms-flex-align: center;
      align-items: center;
  line-height: 32px;
  height: 32px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.editor-bg-image-list-preview {
  -ms-grid-column: 2;
      grid-column-start: 2;
  background-size: cover;
  background-position: center;
  background-clip: content-box;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.editor-bg-image-list-bar {
  -ms-grid-column: 1;
      grid-column-start: 1;
  text-align: center;
  outline: none;
}
.editor-bg-image-list-name {
  -ms-grid-column: 3;
      grid-column-start: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: rgba(255, 255, 255, 0.55);
}
.editor-bg-image-list-name:hover {
  color: rgba(255, 255, 255, 0.85);
}
.editor-bg-image-list-delete {
  -ms-grid-column: 4;
      grid-column-start: 4;
  text-align: center;
  cursor: pointer;
}
.editor-bg-image-list:hover,
.editor-bg-image-list:active {
  background-color: rgba(18, 18, 18, 0.7);
}
.editor-bg-image-pop {
  width: 248px;
  padding: 16px;
}
.editor-bg-image-pop-type {
  padding-bottom: 8px;
  border-bottom: 1px solid #262626;
}
.editor-gradient {
  padding-bottom: 1px;
  border-bottom: 1px solid #262626;
  margin-bottom: 8px;
}
.editor-gradient-bar {
  height: 16px;
  border: 1px solid #262626;
  cursor: crosshair;
  position: relative;
  background-repeat: no-repeat;
  margin: 16px 0;
}
.editor-gradient-bar-item {
  position: relative;
  height: 100%;
  margin-right: 8px;
}
.editor-gradient-point {
  box-shadow: #262626 0px 0px 0px 1px;
  height: 100%;
  width: 8px;
  position: absolute;
  cursor: ew-resize;
  transition: shadow .3s;
  border-radius: 2px;
  background: #eee;
}
.editor-gradient-point.active {
  box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 2px, #262626 0px 0px 0px 3px, #262626 0px 0px 0px 1px inset;
}
.editor-gradient-repeat {
  color: rgba(255, 255, 255, 0.55);
}
.editor-gradient-repeat .ant-checkbox + span {
  color: rgba(255, 255, 255, 0.55);
}
.editor-gradient-color .ant-row {
  margin-bottom: 0 !important;
}
.editor-list .box-model-wrapper {
  width: calc(100% - 76px);
  height: 60px;
  margin: 20px auto;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.editor-list .box-model {
  position: relative;
  height: 100%;
}
.editor-list .box-model .top,
.editor-list .box-model .right,
.editor-list .box-model .bottom,
.editor-list .box-model .left,
.editor-list .box-model .center,
.editor-list .box-model .top-left,
.editor-list .box-model .top-right,
.editor-list .box-model .bottom-right,
.editor-list .box-model .bottom-left {
  position: absolute;
  margin: auto;
  width: 76px;
  height: 22px;
}
.editor-list .box-model .top .ant-select-selection,
.editor-list .box-model .right .ant-select-selection,
.editor-list .box-model .bottom .ant-select-selection,
.editor-list .box-model .left .ant-select-selection,
.editor-list .box-model .center .ant-select-selection,
.editor-list .box-model .top-left .ant-select-selection,
.editor-list .box-model .top-right .ant-select-selection,
.editor-list .box-model .bottom-right .ant-select-selection,
.editor-list .box-model .bottom-left .ant-select-selection {
  background: #262626;
}
.editor-list .box-model .top .ant-input,
.editor-list .box-model .right .ant-input,
.editor-list .box-model .bottom .ant-input,
.editor-list .box-model .left .ant-input,
.editor-list .box-model .center .ant-input,
.editor-list .box-model .top-left .ant-input,
.editor-list .box-model .top-right .ant-input,
.editor-list .box-model .bottom-right .ant-input,
.editor-list .box-model .bottom-left .ant-input,
.editor-list .box-model .top .ant-select-selection__placeholder,
.editor-list .box-model .right .ant-select-selection__placeholder,
.editor-list .box-model .bottom .ant-select-selection__placeholder,
.editor-list .box-model .left .ant-select-selection__placeholder,
.editor-list .box-model .center .ant-select-selection__placeholder,
.editor-list .box-model .top-left .ant-select-selection__placeholder,
.editor-list .box-model .top-right .ant-select-selection__placeholder,
.editor-list .box-model .bottom-right .ant-select-selection__placeholder,
.editor-list .box-model .bottom-left .ant-select-selection__placeholder {
  text-align: center;
}
.editor-list .box-model .top {
  top: -11px;
  left: 0;
  right: 0;
}
.editor-list .box-model .top .editor-color-picker {
  left: -85px;
}
.editor-list .box-model .right {
  right: -38px;
  top: 0;
  bottom: 0;
}
.editor-list .box-model .right .editor-color-picker {
  right: -13px;
  left: auto;
}
.editor-list .box-model .bottom {
  bottom: -11px;
  left: 0;
  right: 0;
}
.editor-list .box-model .left {
  left: -38px;
  top: 0;
  bottom: 0;
}
.editor-list .box-model .center {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.editor-list .box-model .top-left {
  top: -11px;
  left: -38px;
}
.editor-list .box-model .top-right {
  top: -11px;
  right: -38px;
}
.editor-list .box-model .bottom-left {
  bottom: -11px;
  left: -38px;
}
.editor-list .box-model .bottom-right {
  bottom: -11px;
  right: -38px;
}