/*
 * footnote-styles.css
 *
 * Copyright (C) 2022 by Posit Software, PBC
 *
 * Unless you have received this program directly from Posit Software pursuant
 * to the terms of a commercial license agreement with Posit Software, then
 * this program is licensed to you under the terms of version 3 of the
 * GNU Affero General Public License. This program is distributed WITHOUT
 * ANY EXPRESS OR IMPLIED WARRANTY, INCLUDING THOSE OF NON-INFRINGEMENT,
 * MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Please refer to the
 * AGPL (http://www.gnu.org/licenses/agpl-3.0.txt) for more details.
 *
 */

.ProseMirror .footnote {
  vertical-align: baseline;
  position: relative;
  cursor: default;
}

.ProseMirror > .body,
.ProseMirror > .notes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}

.ProseMirror > .body {
  top: 0;
}

.ProseMirror > .notes {
  height: 0;
}

.ProseMirror > .body.editing-footnote {
  bottom: 160px;
  border-bottom: 1px solid;
}

.ProseMirror > .notes.editing-footnote {
  height: 150px;
  padding-top: 10px;
  z-index: 5;
}

.ProseMirror .note {
  display: none; 
}

.ProseMirror .note.active {
  display: flex;
}

.ProseMirror .footnote.active {
  outline: 2px solid;
}

.ProseMirror .note .note-label {
  flex: none;
  padding-right: 8px;
}

.ProseMirror .note .note-content {
  flex: 1;
}
