.notepanel .list {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
}

#notebook.tooldetail .toolframe {
  max-height: var(--d-notebook-height);
}
#notebook.tooldetail .subtitle {
  color: #6ee;
  font-family: "Space", Monospace;
  font-weight: bold;
  margin-bottom: var(--d-gutter1);
}
#notebook.tooldetail #clueslist {
  margin-bottom: calc(2 * var(--d-gutter2));
}
#notebook.tooldetail #clueslist.empty {
  font-size: var(--fontsize-fine);
  font-style: italic;
}

.notepanel {
  flex-grow: 1;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.notepanel .heading {
  flex-shrink: 0;
  font-size: var(--fontsize-norm);
  font-weight: bold;
}
.notepanel .list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.notepanel .list .noteslist {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.notepanel .list .noteslist .note {
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.2666666667);
  margin-bottom: 20px;
  padding: 5px;
  font-size: var(--fontsize-desc);
  min-width: 20em;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.notepanel .list .noteslist .note .textrow {
  display: flex;
  align-items: flex-start;
}
.notepanel .list .noteslist .note .textrow .text {
  flex-grow: 1;
  margin-right: 10px;
  cursor: pointer;
}
.notepanel .list .noteslist .note .textrow .text.hidden {
  display: none;
}
.notepanel .list .noteslist .note .textrow .attachment {
  flex-grow: 1;
  margin-right: 10px;
}
.notepanel .list .emptyhelp {
  flex-shrink: 0;
  display: none;
  margin: 10px 0 10px 0;
  font-size: var(--fontsize-fine);
  font-style: italic;
}
.notepanel .list .newnotepanel {
  flex-shrink: 0;
  display: none;
  flex-direction: column;
  row-gap: 5px;
  align-items: flex-start;
}
.notepanel .list .newnotepanel .textrow {
  display: flex;
  column-gap: 5px;
}
.notepanel .list .newnotepanel .textrow TEXTAREA {
  min-width: 20em;
  margin-left: 3px;
  flex-grow: 1;
  font-size: var(--fontsize-desc);
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.2666666667);
}
.notepanel .list .newnotepanel .newrichnote {
  min-height: var(--d-clipboard-height);
}
.notepanel .buttonrow {
  flex-shrink: 0;
  display: flex;
}
.notepanel .buttonrow BUTTON {
  white-space: nowrap;
  font-size: var(--fontsize-fine);
  margin-top: 5px;
  margin-right: 7px;
}
.notepanel .buttonrow BUTTON.savenote, .notepanel .buttonrow BUTTON.cancelnote {
  display: none;
}
.notepanel.startingnote .buttonrow BUTTON.newnote {
  display: none;
}
.notepanel.startingnote .buttonrow BUTTON.pasteasnote {
  display: none;
}
.notepanel.startingnote .buttonrow BUTTON.savenote, .notepanel.startingnote .buttonrow BUTTON.cancelnote {
  display: block;
}
.notepanel.startingnote .newnotepanel {
  display: flex;
}
.notepanel.empty .list .emptyhelp {
  display: block;
}
.notepanel BUTTON.gicon {
  font-size: var(--note-icon);
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5333333333);
  background: 0;
  border: 0;
  padding: 0;
}
.notepanel BUTTON.gicon:hover {
  color: rgba(255, 255, 255, 0.8);
}
.notepanel BUTTON.gicon[disabled] {
  color: rgba(255, 255, 255, 0.2666666667);
  cursor: auto;
}
.notepanel BUTTON.gicon[disabled]:hover {
  color: rgba(255, 255, 255, 0.2666666667);
}

#shipinfobox .notepanel SPAN.codenameglyph {
  border: 1px solid #d04;
}
#shipinfobox .notepanel SPAN.codenameglyph.suffix {
  border-left: 1px dashed #d04;
}
#shipinfobox .notepanel SPAN.codenameglyph.prefix {
  border-right: 1px dashed #d04;
}

/*# sourceMappingURL=notes.css.map */