:host {
  height: 100%;
  position: relative;
}
.cmf-core-controls-pageSplitter-pane {
  height: 100%;
}
.cmf-core-controls-pageSplitter-pane .buttons {
  position: absolute;
  right: 6px;
  top: 0;
  min-height: 32px;
  display: -webkit-box;
  display: flex;
}
.cmf-core-controls-pageSplitter-pane .buttons > div {
  align-self: center;
  font-size: 20px;
  width: 100%;
  cursor: pointer;
}
.cmf-core-controls-pageSplitter-pane .pane-collapsed {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 48px;
}
.cmf-core-controls-pageSplitter-pane .pane-collapsed .buttons {
  line-height: 42px;
}
.cmf-core-controls-pageSplitter-pane .pane-collapsed .body {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  white-space: nowrap;
}
.cmf-core-controls-pageSplitter-pane .pane-body {
  height: 100%;
}
.cmf-core-controls-pageSplitter-pane .pane-body .body {
  height: 100%;
}
.cmf-core-controls-pageSplitter-pane.collapsed .pane-collapsed {
  display: block;
}
.cmf-core-controls-pageSplitter-pane.collapsed .pane-body {
  display: none;
}
.cmf-core-controls-pageSplitter-pane .expandedPaneHeaderTitle {
  display: none;
}
.cmf-core-controls-pageSplitter-pane .expandedPaneHeaderTitle[hasExpandedPaneHeaderTitle='true'] {
  height: 48px;
  line-height: 48px;
  width: 100%;
  padding-left: 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: -webkit-box;
  display: flex;
}