<commit_before>@import url("../../lib/split-pane/split-pane.css");

.origami-ui {
  visibility: hidden;
}
.origami-layout-mode .origami-ui {
  visibility: visible;
}

.split-pane.vertical-percent > .split-pane-component.position-left {
  right: 50%;
  margin-right: 3px;
}

.split-pane.vertical-percent > .split-pane-component.position-right {
  width: 50%;
}

.split-pane.horizontal-percent > .split-pane-component.position-top {
  bottom: 50%;
  margin-bottom: 3px;
}

.split-pane.horizontal-percent > .split-pane-component.position-bottom {
  height: 50%;
}

.split-pane.vertical-percent > .vertical-divider {
  right: 50%;
  cursor: col-resize;
  border-right: 3px dashed transparent;
}

.split-pane.vertical-percent > .vertical-divider:hover,
.origami-layout-mode .split-pane.vertical-percent > .vertical-divider,
.vertical-divider.dragged {
  border-right-color: #E48C84 !important;
}

.split-pane.horizontal-percent > .horizontal-divider {
  bottom: 50%;
  cursor: row-resize;
  border-bottom: 3px dashed transparent;
}

.split-pane.horizontal-percent > .horizontal-divider:hover,
.origami-layout-mode .split-pane.horizontal-percent > .horizontal-divider,
.horizontal-divider.dragged {
  border-bottom-color: #E48C84 !important;
}

.origami-toggle {
  position: absolute;
  right: 19px;
  top: 19px;
  cursor: pointer;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.2);
}
.origami-layout-mode ~ .origami-toggle {
  color: black;
}

.origami-buttons .button, .origami-buttons .button:visited {
  display: inline-block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #E48C84;
  background-color: transparent;
  line-height: 1em;
  font-size: 18px;
}
.origami-buttons .close {
  font-weight: bold;
}

.origami-buttons .button:hover, .origami-buttons .button:focus {
  color: white;
  background-color: #E48C84;
}

.origami-buttons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 20000;
  background-color: rgba(0,0,0,.4);
  border-radius: 10px;
}

.origami-buttons .horizontal-buttons {
  float: left;
  margin-right: 15px;
  margin-top: -5px;
  min-width: 20px;
}
.origami-buttons .horizontal-buttons .button {
  width: 100%;
  text-align: center;
}
.origami-buttons .horizontal-buttons .separator {
  border-bottom: 2px white dotted;
}
.origami-buttons .close-button-wrapper {
  float: left;
}
.origami-buttons .vertical-buttons {
  float: right;
  clear: both;
  margin-right: -5px;
}
.origami-buttons .vertical-buttons > div {
  float: left;
}
.origami-buttons .vertical-buttons .separator {
  border-right: 2px white dotted;
  height: 20px;
}

.split-pane-component-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
}

/*the commented line below would also add it to an empty bloom-content1 for re-entry to layout mode*/
/*but that would be problematic/confusing in a multilingual context*/
/*.origami-layout-mode .split-pane-component-inner .bloom-editable.bloom-content1:empty:before,*/
.origami-layout-mode .split-pane-component-inner .bloom-translationGroup:before {
  content: "Text Box";<commit_msg>Separate buttons from each other<commit_after>@import url("../../lib/split-pane/split-pane.css");

.origami-ui {
  visibility: hidden;
}
.origami-layout-mode .origami-ui {
  visibility: visible;
}

.split-pane.vertical-percent > .split-pane-component.position-left {
  right: 50%;
  margin-right: 3px;
}

.split-pane.vertical-percent > .split-pane-component.position-right {
  width: 50%;
}

.split-pane.horizontal-percent > .split-pane-component.position-top {
  bottom: 50%;
  margin-bottom: 3px;
}

.split-pane.horizontal-percent > .split-pane-component.position-bottom {
  height: 50%;
}

.split-pane.vertical-percent > .vertical-divider {
  right: 50%;
  cursor: col-resize;
  border-right: 3px dashed transparent;
}

.split-pane.vertical-percent > .vertical-divider:hover,
.origami-layout-mode .split-pane.vertical-percent > .vertical-divider,
.vertical-divider.dragged {
  border-right-color: #E48C84 !important;
}

.split-pane.horizontal-percent > .horizontal-divider {
  bottom: 50%;
  cursor: row-resize;
  border-bottom: 3px dashed transparent;
}

.split-pane.horizontal-percent > .horizontal-divider:hover,
.origami-layout-mode .split-pane.horizontal-percent > .horizontal-divider,
.horizontal-divider.dragged {
  border-bottom-color: #E48C84 !important;
}

.origami-toggle {
  position: absolute;
  right: 19px;
  top: 19px;
  cursor: pointer;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.2);
}
.origami-layout-mode ~ .origami-toggle {
  color: black;
}

.origami-buttons .button, .origami-buttons .button:visited {
  display: inline-block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  text-align: center;
  color: #E48C84;
  background-color: transparent;
  line-height: 1em;
  font-size: 18px;
}
.origami-buttons .close {
  font-weight: bold;
}

.origami-buttons .button:hover, .origami-buttons .button:focus {
  color: white;
  background-color: #E48C84;
}

.origami-buttons {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20000;
}

.origami-buttons .horizontal-buttons,
.origami-buttons .close-button-wrapper,
.origami-buttons .vertical-buttons {
  background-color: rgba(0,0,0,.4);
  border-radius: 10px;
  padding: 10px;
}
.origami-buttons .horizontal-buttons {
  float: left;
  margin-right: 30px;
  min-width: 20px;
}
.origami-buttons .horizontal-buttons .button {
  width: 100%;
  text-align: center;
}
.origami-buttons .horizontal-buttons .separator {
  border-bottom: 2px white dotted;
}
.origami-buttons .close-button-wrapper {
  float: left;
}
.origami-buttons .vertical-buttons {
  float: right;
  margin-top: 10px;
  clear: both;
}
.origami-buttons .vertical-buttons > div {
  float: left;
}
.origami-buttons .vertical-buttons .separator {
  border-right: 2px white dotted;
  height: 20px;
}

.split-pane-component-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2px;
  box-sizing: border-box;
}

/*the commented line below would also add it to an empty bloom-content1 for re-entry to layout mode*/
/*but that would be problematic/confusing in a multilingual context*/
/*.origami-layout-mode .split-pane-component-inner .bloom-editable.bloom-content1:empty:before,*/
.origami-layout-mode .split-pane-component-inner .bloom-translationGroup:before {
  content: "Text Box";
{'fraction_non_alphanumeric': 0.1480334468875813, 'fraction_numerical': 0.026633632703623414, 'mean_word_length': 3.7809030347890453, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7578932', 'n_tokens_mistral': 2477, 'n_tokens_neox': 2317, 'n_words': 479}