:root {
  --editor-header-height: 70px;
  --collapsible-popup-background-color: var(--white);
  --collapsible-popup-width: 0;
  --collapsible-popup-nav-width: 270px;
  --collapsible-popup-nav-width-hide: -270px;
  --editor-header-bg: var(--bg-c1);
  --editor-header-color: var(--white);
  --editor-header-brand-color: var(--white);
  --editor-header-brand-hover-color: var(--white);
  --editor-header-brand-focus-color: var(--white);
}
.editor-header {
  background-color: var(--editor-header-bg);
  color: var(--editor-header-color);
}
.editor-header .editor-inner {
  height: var(--editor-header-height);
}
.editor-brand-logo {
  color: var(--editor-header-brand-color);
}
.editor-brand-logo:hover {
  color: var(--editor-header-brand-hover-color);
}
.editor-brand-logo:focus {
  color: var(--editor-header-brand-focus-color);
}
.collapsible-popup {
  height: 100vh;
  max-height: 100vh;
  background-color: var(--collapsible-popup-background-color);
  z-index: 100;
}
.collapsible-popup:not(.static) {
  position: fixed;
  top: var(--editor-header-height);
  left: 0;
}
.collapsible-popup,
.collapsible-popup > .cp-inner {
  overflow: hidden;
}
.collapsible-popup > .cp-inner {
  white-space: nowrap;
  width: var(--collapsible-popup-width);
  max-width: 100vw;
}
.collapsible-popup > .cp-inner > .cp-cell {
  white-space: normal;
}
.collapsible-popup .cp-navigation,
.collapsible-popup .cp-content {
  height: 100vh;
  max-height: 100vh;
  position: relative;
  padding-bottom: 100px !important;
}
.collapsible-popup .cp-navigation {
  min-width: var(--collapsible-popup-nav-width);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.collapsible-popup .cp-content {
  z-index: 1;
  width: calc(100vw - var(--collapsible-popup-nav-width));
  background-color: var(--bg-grey-a1);
}
.collapsible-popup .cp-yscroll {
  overflow-x: hidden;
  overflow-y: auto;
}
.collapsible-popup-open {
  overflow-y: hidden;
}
.collapsible-popup-open .collapsible-popup {
  --collapsible-popup-width: 100vw;
}
@media (max-width: 900px) {
  .collapsible-popup-open .collapsible-popup .cp-navigation {
    margin-left: var(--collapsible-popup-nav-width-hide);
  }
  .collapsible-popup-open .collapsible-popup .cp-content {
    width: 100vw;
  }
  .collapsible-popup-open .collapsible-popup.collapsible-mobile-nav-open .cp-navigation {
    margin-left: 0;
  }
  .collapsible-popup-open .collapsible-popup.collapsible-mobile-nav-open .cp-content {
    margin-left: var(--collapsible-popup-nav-width-hide);
  }
}
@media (max-width: 610px) {
  .collapsible-popup-open .collapsible-popup {
    --collapsible-popup-width: 100vw;
    --collapsible-popup-nav-width: 100vw;
    --collapsible-popup-nav-width-hide: 100vw;
  }
}
.treelist {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.treelist .menuitem {
  font-style: normal;
  font-family: "regular";
  text-transform: capitalize;
}
.treelist .menuitem > span {
  padding: 0.51rem !important;
}
.treelist > li {
  margin-bottom: 1px;
}
.treelist > li.open > .menuitem ~ .treelist > li {
  margin-top: 0;
}
.treelist .treelist > li {
  margin-top: -100%;
}
.treelist {
  --treelist-li-background-color: rgba(0, 0, 0, 0.3);
  --treelist-menu-item-color: var(--white);
}
.treelist > li {
  background-color: var(--treelist-li-background-color);
}
.treelist > li .menuitem {
  color: var(--treelist-menu-item-color);
}
.collapsible-popup-dark {
  --collapsible-popup-background-color: var(--bg-b1);
}
.collapsible-popup-dark .treelist {
  --treelist-li-background-color: rgba(255, 255, 255, 0.3);
  --treelist-menu-item-color: var(--white);
}
.flex-icon-col-xs {
  --flex-icon-col-xs: 60px;
  max-width: var(--flex-icon-col-xs);
  min-width: var(--flex-icon-col-xs);
}
.editor-action-btn {
  display: block;
  width: 100%;
  background-color: var(--bg-grey-a1);
  color: var(--black);
}
.editor-action-btn:hover {
  background-color: var(--bg-a1);
  color: var(--white);
}
.object-group {
  position: relative;
  padding-left: 0.75em;
}
.object-group .object-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
.object-group .object-group .object-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.object-group .object-group:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  height: 1px;
  width: 1em;
  background-color: rgba(0, 0, 0, 0.1);
}
.mtool-set {
  --mts-right: -100%;
  --mts-right-open: 0;
  --mts-left: -100%;
  --mts-left-open: 0;
  overflow: hidden;
  position: relative;
}
.mtool-set .mtool-set-navs {
  position: absolute;
  top: 0;
}
.mtool-set:not(.mts-right) .mtool-set-navs {
  left: var(--mts-left);
}
.mtool-set.mts-right .mtool-set-navs {
  right: var(--mts-right);
}
.mtool-set.mts-right.mts-open .mtool-set-navs,
.mtool-set.mts-right .mts-input-target:focus ~ .mtool-set-navs {
  right: var(--mts-right-open);
}
.mtool-set:not(.mts-right).mts-open .mtool-set-navs,
.mtool-set:not(.mts-right) .mts-input-target:focus ~ .mtool-set-navs {
  left: var(--mts-lef-open);
}
.active-onoff:not(.active) .off {
  display: none;
}
.active-onoff.active .on {
  display: none;
}