iframe {
  border-color: var(--lightAccent300);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  width: 100%;
}

#imageView {
  height: 100%;
  width: 100%;
}

#textView {
  border-color: var(--lightAccent300);
  border-radius: 5px;
  border-width: 1px;
  font-size: 14px;
  height: 430px;
  margin-top: 5px;
  word-wrap: break-word;
  max-width: 100%;
  min-width: 100%;
  overflow-y: auto;
  padding-left: 5px;
}

#textView:focus {
  outline-style: none;
}

#videoView {
  border-color: var(--lightAccent300);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

/* Height dynamically set within index.js */
#wordDocumentView {
  padding-left: 10px;
  border-color: var(--lightAccent300);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  user-select: text;
  word-break: break-word;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  background-color: var(--lightAccent000);
}

#markdownFileView {
  overflow: auto;
  padding-left: 10px;
  border-color: var(--lightAccent300);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  height: 500px;
  user-select: text;
  width: 475px;
  background-color: var(--lightAccent000);
}

code {
  color: var(--blueAccent600);
}

/* Height dynamically set within index.js */
#codeFileView {
  z-index: 0;
  margin-top: 5px;
  width: 100%;
}

#customEmbedViewer {
  width: 100%;
  height: 100%;
}

/* Height dynamically set within index.js */
#anotherNoteView {
  border-color: var(--lightAccent300);
  word-wrap: break-word;
  overflow: auto;
  user-select: text;
}