/* used color #000 , #fff , #CCC, #f5f5f5, #f9f9f9 */
/* font color #333, background color: #fff */
/* grey color #e5e5e5 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff, #407dd1, #3288ff */
/* red color #b94a48 , #f2dede , #eed3d7 */

/** ExploreEditor */
.meta-explore-editor {
  width: auto;
  height: auto;
  box-sizing: border-box;
  font-family: Helvetica Neue, sans-serif;
  border: 1px solid #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-align: left;
  background-color: #fff;
  color: #000;
}

.meta-e.meta-commonxplore-editor * {
  box-sizing: border-box;
  -webkit-user-drag: none;
  overflow: visible;
}

/** --- container */
.meta-explore-editor .meta-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.meta-common input,
.meta-common select,
.meta-common textarea,
.meta-common button {
  font-size: 14px;
  line-height: 1.5;
}

.meta-common body,
.meta-common div,
.meta-common dl,
.meta-common dt,
.meta-common dd,
.meta-common ul,
.meta-common ol,
.meta-common li,
.meta-common h1,
.meta-common h2,
.meta-common h3,
.meta-common h4,
.meta-common h5,
.meta-common h6,
.meta-common pre,
.meta-common code,
.meta-common form,
.meta-common fieldset,
.meta-common legend,
.meta-common textarea,
.meta-common p,
.meta-common blockquote,
.meta-common th,
.meta-common td,
.meta-common input,
.meta-common select,
.meta-common textarea,
.meta-common button {
  margin: 0;
  border: 0;
}

.meta-common dl,
.meta-common ul,
.meta-common ol,
.meta-common menu,
.meta-common li {
  list-style: none !important;
}

.meta-common hr {
  margin: 6px 0 6px 0 !important;
}

.meta-explore-editor textarea {
  resize: none;
  border: 0;
  padding: 0;
}

/** button */
.meta-explore-editor button {
  background-color: transparent;
  touch-action: manipulation;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 0;
}

.meta-explore-editor input,
.meta-explore-editor select,
.meta-explore-editor textarea,
.meta-explore-editor button {
  vertical-align: middle;
  border-radius: 0;
}

/** --- meta-btn button */
.meta-explore-editor .meta-btn {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
}

.meta-explore-editor .meta-btn:enabled:hover,
.meta-explore-editor .meta-btn:enabled:focus {
  background-color: #ebebeb;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn:enabled:active {
  background-color: #ebebeb;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}
/** --- primary button */
.meta-explore-editor .meta-btn-primary {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  padding: 0 6px;
  color: #fafafa;
  background-color: #3f9dff;
  border: 1px solid #3f9dff;
  border-radius: 2px;
}

.meta-explore-editor .meta-btn-primary:hover,
.meta-explore-editor .meta-btn-primary:focus {
  color: #fff;
  background-color: #3295fd;
  border-color: #3295fd;
  outline: 0 none;
}

.meta-explore-editor .meta-btn-primary:active {
  color: #fff;
  background-color: #3295fd;
  border-color: #3295fd;
  -webkit-box-shadow: inset 0 3px 5px #4592ff;
  box-shadow: inset 0 3px 5px #4592ff;
}

/** --- Input */
.meta-explore-editor input,
.meta-explore-editor select,
.meta-explore-editor textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.meta-explore-editor input:not([type="checkbox"]):focus,
.meta-explore-editor select:focus,
.meta-explore-editor textarea:focus {
  border-color: #80bdff;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
  box-shadow: 0 0 0 0.05rem #c7deff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* meta-btn button active*/
.meta-explore-editor .meta-btn:enabled.active {
  color: #4592ff;
  outline: 0 none;
}

.meta-explore-editor .meta-btn:enabled.active:hover,
.meta-explore-editor .meta-btn:enabled.active:focus {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}
/* meta-btn button on */
.meta-explore-editor .meta-btn:enabled.on {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn:enabled.on:hover,
.meta-explore-editor .meta-btn:enabled.on:focus {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1;
}
/* disabled buttons, icon blur */
.meta-explore-editor .meta-btn:disabled,
.meta-explore-editor .meta-btn-list:disabled,
.meta-explore-editor button:disabled {
  cursor: not-allowed;
  background-color: inherit;
  color: #bdbdbd;
}

/** --- Icons ---------------------------------------------------------- */
/* button children are pointer event none */
.meta-explore-editor button * {
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
/* default svg */
.meta-explore-editor .meta-svg,
.meta-explore-editor button > svg,
.meta-explore-editor button.meta-btn-select .arrow-icon {
  margin: auto;
  fill: currentColor;
  display: block;
  text-align: center;
  float: none;
}

/* meta-select-btn arrow-icon */
.meta-explore-editor .meta-btn-select .arrow-icon > svg {
  float: right;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  color: #333;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.meta-explore-editor .meta-btn-select.on .arrow-icon > svg {
  transform: rotate(180deg);
}

/* close class icon */
.meta-explore-editor .close > svg,
.meta-explore-editor .meta-dialog-close > svg {
  width: 10px;
  height: 10px;
}

/* meta-btn-list inner icon */
.meta-explore-editor .meta-btn-list > .meta-list-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
}

/* meta-line-breaker inner icon */
.meta-explore-editor .meta-line-breaker > button > svg {
  width: 24px;
  height: 24px;
}

/* icon class */
.meta-explore-editor button > i::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 15px;
  line-height: 2;
}
.meta-explore-editor button > [class="meta-icon-text"] {
  font-size: 20px;
  line-height: 1;
}

/** --- arrow icon ---------------------------------------------------------- */
.meta-explore-editor .meta-arrow,
.meta-explore-editor .meta-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}
/* arrow up */
.meta-explore-editor .meta-arrow.meta-arrow-up {
  top: -11px;
  left: 20px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.meta-explore-editor .meta-arrow.meta-arrow-up::after {
  top: 1px;
  margin-left: -11px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.meta-explore-editor .meta-toolbar .meta-arrow.meta-arrow-up::after {
  border-bottom-color: #fafafa;
}
/* arrow down */
.meta-explore-editor .meta-arrow.meta-arrow-down {
  top: 0px;
  left: 0px;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.meta-explore-editor .meta-arrow.meta-arrow-down::after {
  top: -12px;
  margin-left: -11px;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff;
}

.meta-explore-editor .meta-toolbar .meta-arrow.meta-arrow-down::after {
  border-top-color: #fafafa;
}

/** --- loading box */
.meta-explore-editor .meta-loading-box {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 9990;
}

.meta-explore-editor .meta-loading-box .meta-loading-effect {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  border-top: 2px solid #07d;
  border-right: 2px solid transparent;
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
  margin: -25px 0 0 -25px;
}

/** --- line breaker */
.meta-explore-editor .meta-line-breaker {
  position: absolute;
  display: none;
  width: 100%;
  height: 1px;
  cursor: text;
  border-top: 1px solid #3288ff;
  z-index: 7;
}

.meta-explore-editor .meta-line-breaker > button.meta-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  top: -15px;
  float: none;
  left: -50%;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: 0.6;
  cursor: pointer;
}

.meta-explore-editor .meta-line-breaker > button.meta-btn:hover {
  opacity: 0.9;
  background-color: #fff;
  border-color: #041b39;
}
/** --- line breaker --- component - top, bottom */
.meta-explore-editor .meta-line-breaker-component {
  position: absolute;
  display: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: 0.6;
  border-radius: 4px;
  cursor: pointer;
  z-index: 7;
}

.meta-explore-editor .meta-line-breaker-component:hover {
  opacity: 0.9;
}

/** --- toolbar ---------------------------------------------------------- */
.meta-explore-editor .meta-toolbar {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  padding: 6px 6px 2px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #dadada;
  border-radius: 6px 6px 0 0;
}

.meta-explore-editor .meta-toolbar-cover {
  position: absolute;
  display: none;
  font-size: 36px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fefefe;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
  z-index: 4;
}

.meta-explore-editor .meta-toolbar-separator-vertical {
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1px;
  margin: 0 4px 6px;
  background-color: #f0f0f0;
}
/* inline toolbar */
.meta-explore-editor .meta-toolbar.meta-toolbar-inline {
  display: none;
  position: absolute;
  z-index: 9990;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
/* balloon toolbar */
.meta-explore-editor .meta-toolbar.meta-toolbar-balloon {
  display: none;
  position: absolute;
  z-index: 9990;
  width: auto;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
/* sticky toolbar */
.meta-explore-editor .meta-toolbar.meta-toolbar-sticky {
  position: fixed;
  top: 0px;
}

.meta-explore-editor .meta-toolbar-sticky-dummy {
  display: none;
  position: static;
  z-index: -1;
}

/** --- tool bar --- module --- button, module, group ----------------------------------------------------------  */
/* module */
.meta-explore-editor .meta-btn-module {
  display: inline-block;
}

.meta-explore-editor .meta-btn-module-border {
  border: 1px solid #dadada;
  border-radius: 4px;
}

.meta-explore-editor .meta-btn-module-enter {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 5px;
  background-color: transparent;
}
/* ---more - layer */
.meta-explore-editor .meta-toolbar-more-layer {
  margin: 0 -3px;
  background-color: #f3f3f3;
}

.meta-explore-editor .meta-toolbar-more-layer .meta-more-layer {
  display: none;
  border-top: 1px solid #dadada;
}

.meta-explore-editor .meta-toolbar-more-layer .meta-more-layer .meta-more-form {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 4px 3px 0 3px;
}

/* --- button .txt */
.meta-explore-editor .meta-btn-module .meta-btn > .txt {
  display: flex;
  align-items: center;
  flex: auto;
  text-align: left;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meta-explore-editor .meta-btn-module .meta-btn > .txt span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

/* ---more - button */
.meta-explore-editor .meta-btn-module .meta-btn-more.meta-btn-more-text {
  width: auto;
  padding: 0 4px;
}

.meta-explore-editor .meta-btn-module .meta-btn-more:hover,
.meta-explore-editor .meta-btn-module .meta-btn-more:focus {
  color: #000;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn-module .meta-btn-more.on {
  color: #333;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn-module .meta-btn-more.on:hover {
  color: #000;
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  outline: 0 none;
}

/* innser ul */
.meta-explore-editor .meta-menu-list {
  padding: 0;
  margin: 0;
}
.meta-explore-editor .meta-menu-list li {
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}

.meta-explore-editor .meta-menu-list li .meta-btn,
.meta-explore-editor .meta-menu-list li .meta-btn-select {
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  margin: 2px;
  font-size: 16px;
}

/* tool bar select button (font, fontSize, formatBlock) */
.meta-explore-editor .meta-btn-select {
  width: auto;
  display: flex;
  text-align: left;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.meta-explore-editor .meta-btn-select.meta-btn-tool-font {
  width: 75px;
}

.meta-explore-editor .meta-btn-select.meta-btn-tool-format {
  width: 75px;
}

.meta-explore-editor .meta-btn-select.meta-btn-tool-size {
  width: 75px;
}

/** --- menu tray -------------------------------------------------------------- */
.meta-explore-editor .meta-btn-tray {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.meta-explore-editor .meta-menu-tray {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
}

/** --- submenu layer ---------------------------------------------------------- */
.meta-explore-editor .meta-submenu {
  overflow-x: hidden;
  overflow-y: auto;
}

.meta-explore-editor .meta-list-layer {
  display: none;
  position: absolute;
  top: 33px;
  z-index: 100;
  left: 1px;
  padding: 6px 0;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.meta-explore-editor .meta-list-layer .meta-list-inner {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: initial;
  overflow-y: auto;
}

.meta-explore-editor .meta-list-layer .meta-list-inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.meta-explore-editor .meta-list-layer .meta-list-inner::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.meta-explore-editor .meta-list-layer .meta-list-inner:hover::-webkit-scrollbar-thumb {
  background-color: #bbb
}

.meta-explore-editor .meta-list-layer button {
  margin: 0;
  width: 100%;
}
/* submenu layer - common list form */
.meta-explore-editor .meta-list-inner .meta-list-basic {
  width: 100%;
  padding: 0;
}

.meta-explore-editor .meta-list-inner .meta-list-basic li {
  width: 100%;
}

.meta-explore-editor .meta-list-inner .meta-list-basic li > button {
  min-width: 100%;
  width: max-content;
}
/* submenu layer - common list form button on */
.meta-explore-editor .meta-list-inner .meta-list-basic li button.active {
  background-color: #80bdff;
  color: #fff;
}

.meta-explore-editor .meta-list-inner .meta-list-basic li button.active:hover {
  background-color: #3f9dff;
}

.meta-explore-editor .meta-list-inner .meta-list-basic li button.active:active {
  background-color: #4592ff;
  -webkit-box-shadow: inset 0 3px 5px #407dd1;
  box-shadow: inset 0 3px 5px #407dd1;
}
/* submenu layer - list button */
.meta-explore-editor .meta-btn-list {
  width: 100%;
  height: auto;
  min-height: 32px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  line-height: normal;
  text-indent: 0;
  text-decoration: none;
  text-align: left;
}

.meta-explore-editor .meta-btn-list.default_value {
  background-color: #f3f3f3;
  border-top: 1px dotted #b1b1b1;
  border-bottom: 1px dotted #b1b1b1;
}

.meta-explore-editor .meta-btn-list:hover,
.meta-explore-editor .meta-btn-list:focus {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-btn-list:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}
/** --- submenu layer - meta-list-inner > exception */
/* submenu layer - font size */
.meta-explore-editor .meta-list-layer.meta-list-font-size {
  min-width: 140px;
  max-height: 300px;
  overflow-x: hidden;
}
/* submenu layer - font family */
.meta-explore-editor .meta-list-layer.meta-list-font-family {
  min-width: 156px;
}

.meta-explore-editor .meta-list-layer.meta-list-font-family .default {
  border-bottom: 1px solid #ccc;
}
/* submenu layer - hr */
.meta-explore-editor .meta-list-layer.meta-list-line {
  width: 125px;
}
/* submenu layer - align */
.meta-explore-editor .meta-list-layer.meta-list-align .meta-list-inner {
  left: 9px;
  width: 125px;
}
/** submenu layer - format block, paragraph style, text style */
.meta-explore-editor .meta-list-layer.meta-list-format {
  min-width: 156px;
}

.meta-explore-editor .meta-list-layer.meta-list-format li {
  padding: 0;
  width: 100%;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul .meta-btn-list {
  line-height: 100%;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul .meta-btn-list[data-value="h1"] {
  height: 40px;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul .meta-btn-list[data-value="h2"] {
  height: 36px;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul p {
  font-size: 13px;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul div {
  font-size: 13px;
  padding: 4px 2px;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h1 {
  font-size: 2em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h2 {
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h3 {
  font-size: 1.17em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h4 {
  font-size: 1em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h5 {
  font-size: 0.83em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul h6 {
  font-size: 0.67em;
  font-weight: bold;
  color: #333;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul blockquote {
  font-size: 13px;
  color: #999;
  height: 22px;
  margin: 0;
  background-color: transparent;
  line-height: 1.5;
  border-style: solid;
  border-color: #b1b1b1;
  padding: 0 0 0 7px;
  border-left-width: 5px;
}

.meta-explore-editor .meta-list-layer.meta-list-format ul pre {
  font-size: 13px;
  color: #666;
  padding: 4px 11px;
  margin: 0;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
/* submenu layer --- table selector */
.meta-explore-editor .meta-selector-table {
  display: none;
  position: absolute;
  top: 30px;
  left: 1px;
  z-index: 5;
  padding: 5px 0;
  float: left;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.meta-explore-editor .meta-selector-table .meta-table-size {
  font-size: 18px;
  padding: 0 5px;
}

.meta-explore-editor .meta-selector-table .meta-table-size-picker {
  position: absolute !important;
  z-index: 3;
  font-size: 18px;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.meta-explore-editor .meta-selector-table .meta-table-size-highlighted {
  position: absolute !important;
  z-index: 2;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==")
    repeat;
}
.meta-explore-editor .meta-selector-table .meta-table-size-unhighlighted {
  position: relative !important;
  z-index: 1;
  font-size: 18px;
  width: 10em;
  height: 10em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC")
    repeat;
}

.meta-explore-editor .meta-selector-table .meta-table-size-display {
  padding-left: 5px;
}

/* submenu layer --- color selector button */
.meta-explore-editor .meta-list-layer .meta-selector-color {
  display: flex;
  width: max-content;
  max-width: 282px;
  height: auto;
  padding: 0 6px;
  margin: auto;
}

.meta-explore-editor .meta-list-layer .meta-selector-color .meta-color-pallet {
  width: 100%;
  height: 100%;
  padding: 0;
}

.meta-explore-editor .meta-list-layer .meta-selector-color .meta-color-pallet li {
  display: flex;
  float: left;
  position: relative;
  margin: 0;
}

.meta-explore-editor .meta-list-layer .meta-selector-color .meta-color-pallet button {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

.meta-explore-editor
  .meta-list-layer
  .meta-selector-color
  .meta-color-pallet
  button.active,
.meta-explore-editor .meta-list-layer .meta-selector-color .meta-color-pallet button:hover,
.meta-explore-editor
  .meta-list-layer
  .meta-selector-color
  .meta-color-pallet
  button:focus {
  border: 2px solid #000;
}

/* submenu layer - form group (color selector) */
.meta-explore-editor .meta-submenu-form-group {
  display: flex;
  width: 100%;
  height: auto;
  padding: 4px;
}

.meta-explore-editor .meta-submenu-form-group input {
  flex: auto;
  display: inline-block;
  width: auto;
  height: 33px;
  color: #555;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.meta-explore-editor .meta-submenu-form-group button {
  float: right;
  width: 30px;
  height: 30px;
  margin: 0 0 0 4px !important;
}

.meta-explore-editor .meta-submenu-form-group button.meta-btn {
  border: 1px solid #ccc;
}

.meta-explore-editor .meta-submenu-form-group > div {
  position: relative;
}

/** submenu layer - color input */
.meta-explore-editor .meta-submenu-form-group .meta-color-input {
  width: 72px;
  border: none;
  outline: none;
}

/** --- editor area */
.meta-explore-editor .meta-wrapper {
  position: relative !important;
  width: 100%;
  height: auto;
  overflow: hidden;
  /* z-index: 1; */
}

.meta-explore-editor .meta-wrapper .meta-wrapper-inner {
  width: 100%;
  height: 100%;
  min-height: 65px;
  overflow-y: auto;
  overflow-x: auto;
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-inner:focus {
  outline: none;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f0f0f0;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-inner::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-inner:hover::-webkit-scrollbar-thumb {
  background-color: #bbb
}

.meta-explore-editor .meta-wrapper .meta-wrapper-code {
  font-size: 13px;
  word-break: break-all;
  padding: 4px;
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
  resize: none !important;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-wysiwyg {
  background-color: #fff;
  display: block;
}

.meta-explore-editor .meta-wrapper .meta-wrapper-code-mirror {
  font-size: 13px;
}

/** --- placeholder */
.meta-explore-editor .meta-wrapper .meta-placeholder {
  position: absolute;
  display: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  color: #b1b1b1;
  font-size: 13px;
  line-height: 1.5;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-top: 0px;
  padding-top: 16px;
  padding-left: 16px;
  margin-left: 0px;
  padding-right: 16px;
  margin-right: 0px;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

/** --- resizing bar */
.meta-explore-editor .meta-resizing-bar {
  position: relative;
  display: flex;
  width: auto;
  height: auto;
  line-height: 24px;
  border-top: 1px solid #dadada;
  padding: 0 12px;
  border-radius: 0 0 6px 6px;
  background-color: #fafafa;
  cursor: ns-resize;
  align-items: center;
}
.meta-explore-editor .meta-resizing-bar .meta-navigation {
  flex: auto;
  position: relative;
  width: auto;
  height: auto;
  min-height: 18px;
  color: #666;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.5;
  background: transparent;
  /* cursor: row-resize; */
}
.meta-explore-editor .meta-resizing-bar .meta-resizing-icon {
  height: 4px;
  width: 20px;
  top: calc(50% - 2px);
  left: calc(50% - 10px);
  position: absolute;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: row-resize;
  z-index: 2;
}

.meta-explore-editor .meta-resizing-bar .meta-powered-by {
  color: #999;
  font-size: 10px;
  margin-left: 16px;
  font-family: Helvetica Neue, sans-serif;
}

.meta-explore-editor .meta-resizing-bar .meta-powered-by a {
  color: #999;
  text-decoration: none;
}

.meta-explore-editor .meta-resizing-bar.meta-resizing-none {
  cursor: default;
}

.meta-explore-editor .meta-resizing-back {
  position: absolute;
  display: none;
  cursor: default;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
}

/** resizing bar - charCounter */
.meta-explore-editor .meta-resizing-bar .meta-char-counter-wrapper {
  flex: none;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 13px;
  background: transparent;
}

.meta-explore-editor .meta-resizing-bar .meta-char-counter-wrapper.meta-blink {
  color: #b94a48;
  animation: blinker 0.2s linear infinite;
}

.meta-explore-editor .meta-resizing-bar .meta-char-counter-wrapper .meta-char-label {
  margin-right: 4px;
}

/* --- dialog ---------------------------------------------------------- */
.meta-explore-editor .meta-dialog {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
}

.meta-explore-editor .meta-dialog label,
.meta-explore-editor .meta-dialog input,
.meta-explore-editor .meta-dialog button {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.meta-explore-editor .meta-dialog .meta-dialog-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(55, 58, 71, 0.9);
  opacity: 0;
  transition: opacity 0.3s;
  transition-duration: 0.3s;
  -webkit-transition: opacity 0.3s;
  -webkit-transition-duration: 0.3s;
}
.meta-explore-editor .meta-dialog.dialog--open .meta-dialog-back {
  opacity: 0.5;
  pointer-events: auto;
}

/* dialog - modal */
.meta-explore-editor .meta-dialog .meta-dialog-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.meta-explore-editor .meta-dialog.dialog--open .meta-dialog-inner,
.meta-explore-editor .meta-dialog.dialog--close .meta-dialog-inner {
  opacity: 1;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.meta-explore-editor .meta-dialog.dialog--open .meta-dialog-inner {
  display: block;
  -webkit-animation-name: anim-open;
  animation-name: anim-open;
}

.meta-explore-editor .meta-dialog.dialog--close .meta-dialog-inner {
  display: none;
  -webkit-animation-name: anim-close;
  animation-name: anim-close;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-content {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 509px) {
  .meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-content {
    width: 100%;
  }
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-content label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-content .meta-btn-primary {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 4px;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-header {
  height: 50px;
  padding: 6px 15px 6px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-header .meta-dialog-close {
  float: right;
  font-weight: bold;
  padding: 6px 0;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-header .meta-modal-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 2.5;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-body {
  position: relative;
  padding: 15px;
  max-height: calc(100vh - 40px);
  overflow-y: scroll;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form {
  margin-bottom: 10px;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form:last-child {
  margin-bottom: 0;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner input:disabled {
  background-color: #f3f3f3;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-size-text {
  width: 100%;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-size-text .size-w {
  width: 70px;
  text-align: center;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-size-text .size-h {
  width: 70px;
  text-align: center;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-size-x {
  margin: 0 8px 0 8px;
  width: 25px;
  text-align: center;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-footer {
  padding: 10px 15px 15px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-footer > div {
  float: left;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-footer > div > label {
  margin-top: 5px;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-btn-radio {
  margin-left: 12px;
  margin-right: 6px;
  cursor: pointer;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-btn-check {
  width: 1rem;
  height: 1rem;
  margin-left: 12px;
  margin-right: 4px;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-btn-check {
  margin-left: 0;
  margin-right: 4px;
  cursor: pointer;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-btn-check._meta_image_check_proportion {
  margin-left: 4px;
}

/* dialog - modal - form - files */
.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files {
  position: relative;
  display: flex;
  align-items: center;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files
  > input {
  flex: auto;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files
  .meta-dialog-files-edge-button {
  flex: auto;
  opacity: 0.8;
  border: 1px solid #ccc;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files
  .meta-dialog-files-edge-button.meta-file-remove
  > svg {
  width: 8px;
  height: 8px;
}

/* custom."remove icon" */
.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files
  .meta-dialog-files-edge-button:hover {
  background-color: #f0f0f0;
  outline: 0 none;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-dialog-form-files
  .meta-dialog-files-edge-button:active {
  background-color: #e9e9e9;
  -webkit-box-shadow: inset 0 3px 5px #d6d6d6;
  box-shadow: inset 0 3px 5px #d6d6d6;
}

/* dialog - modal - input */
.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-input-select {
  display: inline-block;
  width: auto;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-input-control {
  display: inline-block;
  width: 70px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-input-form {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding: 0 4px;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-input-form.meta-input-url:disabled {
  text-decoration: line-through;
  color: #999;
}

.meta-explore-editor .meta-input-form.meta-input-url,
.meta-explore-editor .meta-input-form._meta_image_file {
  margin-right: 4px;
}

.meta-explore-editor .meta-anchor-preview-icon {
  width: 16px;
  height: 16px;
  margin: auto;
  fill: currentColor;
  display: block;
  text-align: center;
  flex: unset;
  line-height: 1.5;
  color: rgb(69, 146, 255);
  float: none;
}

.meta-explore-editor .meta-link-preview {
  flex: auto;
  margin: 0;
  display: block;
  height: auto;
  max-height: 18px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-video-ratio {
  width: 70px;
  margin-left: 4px;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form a {
  color: #004cff;
}

/* dialog - modal - link preview */
.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-link-preview {
  display: block;
  height: auto;
  max-height: 18px;
  font-size: 13px;
  font-weight: normal;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre;
}
/* dialog - modal - anchor module */
.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-anchor-preview-form {
  width: 100%;
  display: flex;
  margin-top: 4px;
}

/* dialog - revert button */
.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-btn-revert {
  border: 1px solid #ccc;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-btn-revert:hover {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-btn-revert:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

/* dialog - inner tab */
.meta-explore-editor .meta-dialog-tabs {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.meta-explore-editor .meta-dialog-tabs ._meta_tab_link {
  background-color: #e5e5e5;
  outline: none;
  border-color: transparent;
  border-right: 1px solid #e5e5e5;
  margin-bottom: -1px;
  border-radius: 0;
  padding: 4px 12px;
  transition: 0.3s;
}

.meta-explore-editor .meta-dialog-tabs ._meta_tab_link:hover {
  background-color: #f0f0f0;
}

.meta-explore-editor .meta-dialog-tabs ._meta_tab_link.active {
  background-color: #fff;
}

/* dialog - modal - math */
.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-input-form.meta-math-exp {
  resize: vertical;
  height: 4rem;
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 4px;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-input-select.meta-math-size {
  width: 6em;
  height: 28px;
  margin-left: 1em;
}

.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-math-preview {
  font-size: 13px;
}

.meta-explore-editor
  .meta-dialog
  .meta-dialog-inner
  .meta-dialog-form
  .meta-math-preview
  > span {
  display: inline-block;
  padding: 0 4px;
  -webkit-box-shadow: 0 0 0 0.1rem #c7deff;
  box-shadow: 0 0 0 0.1rem #c7deff;
}

/* dialog - modal - meta-link-preview */
.meta-explore-editor .meta-dialog .meta-dialog-inner .meta-dialog-form .meta-link-preview {
  display: block;
  height: auto;
  max-height: 18px;
  margin: 4px 0 0 4px;
  font-size: 13px;
  font-weight: normal;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre;
}

/** --- controller ---------------------------------------------------------- */
.meta-explore-editor .meta-controller .meta-arrow.meta-arrow-up {
  border-bottom-color: rgba(0, 0, 0, 0.4);
}

.meta-explore-editor .meta-controller {
  position: absolute;
  display: none;
  overflow: visible;
  z-index: 6;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

/* controller - button group */
.meta-explore-editor .meta-controller .meta-btn-group {
  position: relative;
  display: flex;
  vertical-align: middle;
  padding: 2px;
  top: 0;
  left: 0;
}

.meta-explore-editor .meta-controller .meta-btn-group .meta-btn-group-sub {
  left: 50%;
  min-width: auto;
  width: max-content;
  display: none;
  /* display: inline-table; */
}

.meta-explore-editor .meta-controller .meta-btn-group .meta-btn-group-sub button {
  margin: 0;
  min-width: 72px;
}

.meta-explore-editor .meta-controller .meta-btn-group button {
  position: relative;
  min-height: 30px;
  height: auto;
  border: none;
  border-radius: 4px;
  margin: 1px;
  padding: 5px 10px;
  line-height: 1.5;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.meta-explore-editor .meta-controller .meta-btn-group button:hover:enabled,
.meta-explore-editor .meta-controller .meta-btn-group button:focus:enabled {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-controller .meta-btn-group button:active:enabled {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.meta-explore-editor .meta-controller .meta-btn-group button span {
  display: block;
  padding: 0;
  margin: 0;
}

/* controller - buttn group active */
.meta-explore-editor .meta-controller .meta-btn-group button:enabled.active {
  color: #4592ff;
  outline: 0 none;
}

.meta-explore-editor .meta-controller .meta-btn-group button:enabled.active:hover,
.meta-explore-editor .meta-controller .meta-btn-group button:enabled.active:focus {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-controller .meta-btn-group button:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}
/* controller - buttn group on */
.meta-explore-editor .meta-controller .meta-btn-group button:enabled.on {
  background-color: #e5e5e5;
  border-color: #d1d1d1;
  outline: 0 none;
}

.meta-explore-editor .meta-controller .meta-btn-group button:enabled.on:hover,
.meta-explore-editor .meta-controller .meta-btn-group button:enabled.on:focus {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.meta-explore-editor .meta-controller .meta-btn-group button:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1;
}

/* controller - resizing(image, iframe) */
.meta-explore-editor .meta-controller-resizing {
  margin-top: -50px !important;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
}

.meta-explore-editor
  .meta-controller-resizing
  .meta-btn-group
  .meta-btn-group-sub.meta-resizing-align-list {
  left: 57px;
  width: 74px;
}

.meta-explore-editor .meta-resizing-container {
  position: absolute;
  display: none;
  outline: 1px solid #3f9dff;
  background-color: transparent;
}

.meta-explore-editor .meta-resizing-container .meta-modal-resize {
  position: absolute;
  display: inline-block;
  background-color: #3f9dff;
  opacity: 0.3;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: #3f9dff;
  border: 1px solid #4592ff;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.tl {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.tr {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.bl {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.br {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.lw {
  left: -7px;
  bottom: 50%;
  cursor: w-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.th {
  left: 50%;
  top: -7px;
  cursor: n-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.rw {
  right: -7px;
  bottom: 50%;
  cursor: e-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-dot > span.bh {
  right: 50%;
  bottom: -7px;
  cursor: s-resize;
}

.meta-explore-editor .meta-resizing-container .meta-resize-display {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
}
/* controller - table */
.meta-explore-editor .meta-controller-table {
  width: auto;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
}

.meta-explore-editor .meta-controller-table-cell {
  width: auto;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
}
/* controller - link */
.meta-explore-editor .meta-controller-link {
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
}

.meta-explore-editor .meta-controller-link::before,
.meta-explore-editor .meta-controller-link::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.meta-explore-editor .meta-controller-link .link-content {
  padding: 0;
  margin: 0;
}

.meta-explore-editor .meta-controller-link .link-content a {
  display: inline-block;
  color: #4592ff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 5px;
}

/* --- browser ---------------------------------------------------------- */
.meta-explore-editor .meta-file-browser {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
}

.meta-explore-editor .meta-file-browser label,
.meta-explore-editor .meta-file-browser input,
.meta-explore-editor .meta-file-browser button {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-back {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #222;
  opacity: 0.5;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-inner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-inner
  .meta-file-browser-content {
  position: relative;
  width: 960px;
  max-width: 100%;
  margin: 20px auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
/* --- browser - header */
.meta-explore-editor .meta-file-browser .meta-file-browser-header {
  height: auto;
  min-height: 50px;
  padding: 6px 15px 6px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-header
  .meta-file-browser-close {
  float: right;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-header
  .meta-file-browser-close
  > svg {
  width: 12px;
  height: 12px;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-header
  .meta-file-browser-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 2.2;
}
/* --- browser - header - tags */
.meta-explore-editor .meta-file-browser .meta-file-browser-tags {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0 -15px;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  color: #333;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a:hover {
  background-color: #e5e5e5;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a:active {
  background-color: #d1d1d1;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a.on {
  background-color: #ebf3fe;
  color: #4592ff;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a.on:hover {
  background-color: #d8e8fe;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-tags a.on:active {
  background-color: #c7deff;
}
/* --- browser - body */
.meta-explore-editor .meta-file-browser .meta-file-browser-body {
  position: relative;
  height: auto;
  min-height: 350px;
  padding: 20px;
  overflow-y: auto;
}

.meta-explore-editor .meta-file-browser .meta-file-browser-body .meta-file-browser-list {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .meta-explore-editor
    .meta-file-browser
    .meta-file-browser-inner
    .meta-file-browser-content {
    width: 748px;
  }
}

@media screen and (max-width: 768px) {
  .meta-explore-editor
    .meta-file-browser
    .meta-file-browser-inner
    .meta-file-browser-content {
    width: 600px;
  }
}
/* --- browser - column */
.meta-explore-editor .meta-file-browser .meta-file-browser-list .meta-file-item-column {
  position: relative;
  display: block;
  height: auto;
  float: left;
}

/* --- browser --- custom - "meta-image-list" - column */
.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-column {
  width: calc(25% - 20px);
  margin: 0 10px;
}

@media screen and (max-width: 992px) {
  .meta-explore-editor
    .meta-file-browser
    .meta-file-browser-list.meta-image-list
    .meta-file-item-column {
    width: calc(33% - 20px);
  }
}

@media screen and (max-width: 768px) {
  .meta-explore-editor
    .meta-file-browser
    .meta-file-browser-list.meta-image-list
    .meta-file-item-column {
    width: calc(50% - 20px);
  }
}
/* --- browser --- custom - "meta-image-list" - item */
.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-img {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 4px;
  outline: 0;
  margin: 10px 0;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-img:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 0 0 0.2rem #3288ff;
  box-shadow: 0 0 0 0.2rem #3288ff;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-img
  > img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  outline: 0;
  height: auto;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-img
  > .meta-file-img-name {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  color: #fff;
  left: 0px;
  bottom: 0;
  padding: 5px 10px;
  background-color: transparent;
  width: 100%;
  height: 30px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.meta-explore-editor
  .meta-file-browser
  .meta-file-browser-list.meta-image-list
  .meta-file-item-img
  > .meta-file-img-name.meta-file-name-back {
  background-color: #333;
  opacity: 0.6;
}

/** --- notice */
.meta-explore-editor .meta-notice {
  position: absolute;
  top: 0;
  display: none;
  z-index: 7;
  width: 100%;
  height: auto;
  word-break: break-all;
  font-size: 13px;
  color: #b94a48;
  background-color: #f2dede;
  padding: 15px;
  margin: 0;
  border: 1px solid #eed3d7;
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.meta-explore-editor .meta-notice button {
  float: right;
  padding: 7px;
}

/** --- tooltip */
.meta-explore-editor .meta-tooltip {
  position: relative;
  overflow: visible;
}

.meta-explore-editor .meta-tooltip .meta-tooltip-inner {
  visibility: hidden;
  position: absolute;
  display: block;
  width: auto;
  top: 120%;
  left: 50%;
  background: transparent;
  opacity: 0;
  z-index: 1;
  line-height: 1.5;
  transition: opacity 0.5s;
  margin: 0;
  padding: 0;
  bottom: auto;
  float: none;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  z-index: 1000;
}

.meta-explore-editor .meta-tooltip .meta-tooltip-inner .meta-tooltip-text {
  position: relative;
  display: inline-block;
  width: auto;
  left: -50%;
  font-size: 0.8em;
  margin: 0;
  padding: 4px 6px;
  border-radius: 3px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: unset;
  white-space: nowrap;
  cursor: auto;
}

.meta-explore-editor .meta-tooltip .meta-tooltip-inner .meta-tooltip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

.meta-explore-editor .meta-tooltip:hover .meta-tooltip-inner {
  visibility: visible;
  opacity: 1;
}

/* Tooltip */
.meta_tooltip {
  background-color: #222;
  padding: 4px 10px;
  font-size: 0.815em;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  z-index: 19999;
  -webkit-font-smoothing: antialiased;
  transition-duration: 0.3s;
  transition-property: opacity;
}
.meta_tooltip.tooltip__visible {
  opacity: 0.8;
}
.meta_tooltip.trans__toTop {
  transform: translateY(10px);
  transition-property: opacity, transform;
}
.meta_tooltip.trans__toTop.tooltip__visible {
  transform: translateY(0px);
}
.meta_tooltip.trans__toBottom {
  transform: translateY(0);
  transition-property: opacity, transform;
}
.meta_tooltip.trans__toBottom.tooltip__visible {
  transform: translateY(6px);
}
.meta_tooltip.trans__rotate {
  transform: rotateX(90deg);
  border-radius: 100px 100px 3px 3px;
  transition-property: opacity, transform, border-radius;
}
.meta_tooltip.trans__rotate.tooltip__visible {
  border-radius: 3px;
  transform: rotateX(0deg);
}
.meta_tooltip.trans__scale {
  transform: skew(50deg) scale(0);
  transition-property: opacity, transform;
}
.meta_tooltip.trans__scale.tooltip__visible {
  transform: skew(0deg) scale(1);
}
.meta_tooltip.trans__skew {
  transform: skewX(50deg);
  transition-property: opacity, transform;
}
.meta_tooltip.trans__skew.tooltip__visible {
  transform: skewX(0deg);
}
.meta_tooltip::after {
  content: "";
  position: absolute;
}
.meta_tooltip.tooltip__bottom::after {
  top: auto !important;
  bottom: 100% !important;
  border-top-color: transparent;
  border-bottom-color: #222;
}
.meta_tooltip.direction__top::after {
  left: calc(50% - 6px);
  top: 100%;
  border-top: 6px solid #222;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.meta_tooltip.direction__bottom::after {
  left: calc(50% - 6px);
  top: -12px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #222;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.meta_tooltip.direction__left::after {
  top: calc(50% - 6px);
  right: -12px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid #222;
}
.meta_tooltip.direction__right::after {
  top: calc(50% - 6px);
  left: -12px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #222;
  border-left: 6px solid transparent;
}

body.disable-scroll {
  position: fixed;
}

/** animation */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes spinner {
  to {
    transform: rotate(361deg);
  }
}

@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes anim-close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
}

@keyframes anim-close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes anim-elem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}