/* h1, h2, h3, h4, h5, h6 {
  margin: 0;
  min-height: 1em;
} */

dox-app > *:not([show]) {
  display: none;
}

fire-files {
  margin: 1.5vh;
  position: absolute;
  top: 4vh;
  left: 0;
  bottom: 0;
  right: 0;
}
div[files] h1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5vh;
  margin: 1.5vh;
  padding-left: 0.5vh;
  font-size: 3.5vh;
  line-height: 2.5vh;
  /* display: flex; */
  align-items: center;
  color: #e7e6e5bb;
  font-weight: lighter;
  /* background: #fdfcfb; */
  border-radius: 1em;
}
.file-tools > div {
  display: flex;
  align-items: center;
}
.file-tools img {
  height: 1em;
  margin-left: 0.5em;
}
.file-tools input {
  outline: none;
  border: none;
  background: #fff4;
  border-bottom: 1px solid grey;
}


h1[contenteditable="true"],
h2[contenteditable="true"],
h3[contenteditable="true"],
h4[contenteditable="true"],
h5[contenteditable="true"],
h6[contenteditable="true"] {
  outline: none;
}
[contenteditable] {
  outline: none;
}
[contenteditable="true"] {
  outline: none;
}


dox-editor {
  display: block;
  position: relative;
  --element-padding: 2px;
  --element-margin: 2px;
  --icon-size: 1.3em;
  --r: 0.4em;
}

dox-editor[edit] section-row, dox-editor[edit] section{
  gap: 0;
}


dox-editor[edit] .dox-node {
  cursor: pointer;
  padding: var(--element-padding);
  border: 1px solid black;
  border-radius: var(--r);
  min-height: 1em;
  margin: calc(var(--element-margin) + 1px);
}
dox-editor[edit] .dox-node[selected] {
  /* overflow: hidden; */
  border-width: 2px;
  margin: var(--element-margin);
}

dox-editor[edit] section.dox-node {
  border-color: #7373db5e;
}
dox-editor[edit] section.dox-node[selected] {
  border-color: #7373dbAe;
}

dox-editor[edit] section-row.dox-node {
  border-color: #d95d0d4d;
}
dox-editor[edit] section-row.dox-node[selected] {
  border-color: #d95d0d9d;
}

dox-editor[edit] code-insert.dox-node {
  border-color: #c8bbef;
}

dox-editor[edit] dox-table.dox-node {
  border-color: #ff7b69;
}

dox-editor[edit] section-image.dox-node {
  border-color: #e7a3c888;
}

dox-editor[edit] rich-text.dox-node {
  border-color: #0c910c45;
}
dox-editor[edit] rich-text.dox-node[selected] {
  border-color: #0c910c95;
}
dox-editor[edit] rich-text.dox-node[selected][edit]{
  cursor: text;
}

dox-editor > .dox-container, dox-editor[edit] .dox-container {
  /* margin: var(--element-margin); */
  height: 100%;
  margin: 2em 0 5em 0;
  background: white;
  display: flex;
}

dox-editor > .dox-container > section.dox-node, dox-editor > .dox-container > section.dox-node[selected] {
  padding-left: calc(var(--margin-left-mm) * var(--mm) / 2 - 2px);
  padding-right: calc(var(--margin-right-mm) * var(--mm) / 2 - 2px);
  padding-top: calc(var(--margin-top-mm) * var(--mm) / 2 - 2px);
  padding-bottom: calc(var(--margin-bottom-mm) * var(--mm) / 2 - 2px);
  margin-left: calc(var(--margin-left-mm) * var(--mm) / 2);
  margin-right: calc(var(--margin-right-mm) * var(--mm) / 2);
  margin-top: calc(var(--margin-top-mm) * var(--mm) / 2);
  margin-bottom: calc(var(--margin-bottom-mm) * var(--mm) / 2);
  width: 100%;
}




dox-tools {
  --bg: #54535174;
  display: flex;
  justify-content: space-between;
  height: var(--icon-size);
  position: fixed;
  margin: 0.3em;
  padding: var(--element-padding);
  top: 0;
  left: 0;
  right: 7px;
  z-index: 100;
  background: var(--bg);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--r);
  box-shadow: 0px -3px 3px 5px var(--bg);;
}

dox-tools div{
  display: flex;
  align-items: center;
}

dox-tools img {
  height: var(--icon-size);
  cursor: pointer;
}

dox-tools img[valid="highlight"] {
  opacity: 0.5;
}

/* dox-tools div img:first-of-type {
  margin-left: 0;
}
dox-tools div img:last-of-type{
  margin-right: 0;
} */

/* img[hidden] + img.sp5 {
  border: none;
  margin-left: 0;
  padding-left: 0;
} */
dox-tools .text-field[hidden] {
  display: none;
}

dox-tools > div > .sp2 {
  margin-left: 0.2em;
  padding-left: 0.2em;
  /* border-left: 1px solid #2a282370; */
}
dox-tools > div > .sp5 {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #2a282370;
}

dox-tools .text-field{
  margin: 0.1em;
}

dox-tools .text-field > * {
  height: 1em;
  padding: 0.25em 0.25em;
  font-size: 0.65em;
  line-height: 1em;
  border: 1px solid #262421;
}

dox-tools .text-field span {
  border-radius: var(--r) 0 0 var(--r);
  background: #262421;
  color: #f2ece4;
  cursor: w-resize;
}

dox-tools .text-field input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
  background: #ece9e4ed;
  color: black;
}

/* dox-tools .text-field > * {
  height: 1em;
  padding: 0.25em 0.25wem;
  font-size: 0.65em;
  line-height: 1em;
  border: 1px solid #262421;
} */

dox-tools .text-field[small] span {
  border-radius: var(--r);
  cursor: e-resize;
}

dox-tools .text-field[small] input {
  display: none;
}



@media print {

  dox-tools {
    display: none;
  }

  dox-editor {

    position: relative;
  }
  dox-editor > .dox-container {
    position: relative;
    margin: 0;
  }

  dox-editor > .dox-container > section.dox-node {
    padding: 0;
    margin: 0;
    position: relative;
  }

}