.mana-view-container {
  position: relative;
  height: 100%;
}

:root {
  --mana-preload: url(data:image/png;base64,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);
}

.mana-file-icons-js {
  /*
    Here, the `line-height` ensures that FontAwesome and `file-icons-js` container has the same height.
    Ideally, it would be 1 em, but since we set the max height above (and other places too) with 0.8
    multiplier, we use 0.8 em here too.
     */
  line-height: 0.8em;
}
.mana-file-icons-js::before {
  font-size: calc(var(--mana-content-font-size) * 0.8);
}
.p-TabBar-tabIcon.mana-file-icons-js.file-icon {
  padding-right: 3px !important;
  padding-left: 1px !important;
}
.mana-file-icons-js.file-icon {
  display: flex;
  align-items: center;
  width: 16px;
  min-width: var(--mana-icon-size);
  height: 16px;
  line-height: 16px;
}
.default-folder-icon,
.default-file-icon {
  width: 20px;
  height: 16px;
  line-height: 16px;
  padding-right: 4px;
}
.fa-file::before,
.fa-folder::before,
.mana-file-icons-js::before {
  margin-right: 4px;
  text-align: center;
}
.mana-app-sides .mana-file-icons-js {
  max-height: none;
  line-height: inherit;
}
.mana-app-sides .mana-file-icons-js::before {
  margin-right: 0;
  font-size: var(--mana-sidebar-icon-size);
}

.mana-tree-node-dropdown {
  overflow: hidden;
}

/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable custom-property-pattern */
.mana-app {
  padding: 0;
  margin: 0;
  font-family: var(--mana-ui-font-family);
}
.mana-input {
  padding-left: 5px;
  color: var(--mana-input-foreground);
  font-size: var(--mana-ui-font-size1);
  font-family: var(--mana-ui-font-family);
  line-height: var(--mana-content-line-height);
  background: var(--mana-input-background);
  border: var(--mana-border-width) solid var(--mana-input-border);
}
.mana-input::placeholder {
  color: var(--mana-input-placeholderForeground);
}
.mana-maximized {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 255 !important;
  width: auto !important;
  height: auto !important;
  background: var(--mana-editor-background);
}
.mana-visible-menu-maximized {
  top: var(--mana-private-menubar-height) !important;
}
.mana-ApplicationShell {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--mana-editor-background);
}
.mana-icon {
  width: 32px;
  height: 18px;
  margin: 5px;
  margin-left: 8px;
}
.mana-mod-disabled,
.mana-mod-disabled:focus {
  opacity: var(--mana-mod-disabled-opacity) !important;
}
.mana-header {
  font-weight: 450;
  font-size: var(--mana-ui-font-size0);
  text-transform: uppercase;
}
.p-Widget {
  font-size: var(--mana-ui-font-size1);
}
.p-Widget.p-mod-hidden {
  display: none !important;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
}
::selection {
  background: var(--mana-selection-background);
}
.p-Widget:focus {
  border: none;
  outline: none;
}
.action-item {
  padding: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.action-item:hover {
  background-color: rgba(128, 128, 128, 0.2);
}
button.mana-button,
.mana-button {
  min-width: 65px;
  margin-left: calc(var(--mana-ui-padding) * 2);
  padding: 4px 9px;
  color: var(--mana-button-foreground);
  background-color: var(--mana-button-background);
  border: none;
  border-radius: 1px;
  outline: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -2px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
button.mana-button:hover,
.mana-button:hover,
.mana-button:focus {
  background-color: var(--mana-button-hoverBackground);
}
button.secondary,
.mana-button.secondary {
  color: var(--mana-secondaryButton-foreground);
  background-color: var(--mana-secondaryButton-background);
}
button.secondary:hover,
.mana-button.secondary:hover {
  background-color: var(--mana-secondaryButton-hoverBackground);
}
button.mana-button[disabled],
.mana-button[disabled] {
  color: var(--mana-button-disabledForeground);
  background-color: var(--mana-button-disabledBackground);
  cursor: default;
  opacity: 0.6;
}
button.secondary[disabled],
.mana-button.secondary[disabled] {
  color: var(--mana-secondaryButton-disabledForeground);
  background-color: var(--mana-secondaryButton-disabledBackground);
}
.mana-select {
  color: var(--dropdown-foreground);
  font-size: var(--mana-ui-font-size1);
  background: var(--mana-dropdown-background);
  border: 1px solid var(--mana-dropdown-border);
  border-radius: 0;
  outline: none;
}
.mana-select option {
  background: var(--mana-dropdown-listBackground);
}
.mana-transparent-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.mana-cursor-no-drop,
.mana-cursor-no-drop:active {
  cursor: no-drop;
}

.mana-notification-content {
  display: flex;
  flex-direction: column;
}
.mana-notification-content-actions {
  align-self: flex-end;
}
.mana-notification-content-actions-item {
  border: var(--mana-border-width) solid var(--mana-color-border);
  padding: 4px 12px;
  border-radius: var(--mana-border-radius);
  background-color: inherit;
}
.mana-notification-content-actions-item:hover {
  cursor: pointer;
  background-color: var(--mana-color-border);
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.mana-toolbar {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 4px;
}
.mana-toolbar-item {
  margin: 0 4px;
  cursor: pointer;
}
.mana-toolbar-item-disabled {
  cursor: default;
  opacity: var(--mana-mod-disabled-opacity);
}
.mana-toolbar-item-active {
  background-color: var(--mana-selection-background);
}
.mana-toolbar-more :hover {
  background-color: var(--mana-menubar-background);
}
.mana-toolbar-inline-divider {
  display: block;
  width: 1px;
  margin: 2px 4px;
  background: rgba(150, 150, 150, 0.2);
  pointer-events: none;
}
.mana-toolbar-item-label {
  display: inline-block;
  margin: 0 4px;
}

/* stylelint-disable declaration-block-no-redundant-longhand-properties */
.mana-tree {
  position: relative;
  height: calc(100% - var(--mana-border-width));
  overflow: hidden;
  font-size: var(--mana-ui-font-size1);
  color: var(--mana-foreground);
}
.mana-tree:focus .mana-tree-container.empty {
  outline-width: 1px;
  outline-style: solid;
  outline-color: var(--mana-focusBorder);
  outline-offset: -1px;
  opacity: 1 !important;
}
.mana-tree:focus,
.mana-tree-container .ReactVirtualized__List:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}
.mana-tree-container {
  height: 100%;
}
.mana-tree-node {
  display: flex;
  line-height: var(--mana-content-line-height);
}
.mana-tree-node:hover {
  color: var(--mana-list-hoverForeground);
  background: var(--mana-list-hoverBackground);
  cursor: pointer;
}
.mana-tree-node-content {
  display: flex;
  align-items: center;
  width: calc(100% - var(--mana-scrollbar-rail-width));
}
.mana-tree-node-content * {
  box-sizing: border-box;
}
.mana-expansion-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--mana-icon-size);
  min-height: var(--mana-icon-size);
  padding-right: calc(var(--mana-ui-padding) / 2);
  padding-left: calc(var(--mana-ui-padding) / 2);
}
.mana-expansion-toggle .tree-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.mana-expansion-toggle.mana-mod-busy {
  animation: mana-spin 1.25s linear infinite;
}
.mana-expansion-toggle:not(.mana-mod-busy):hover {
  cursor: pointer;
}
.mana-expansion-toggle.mana-mod-collapsed:not(.mana-mod-busy) {
  transform: rotate(-90deg);
}
.mana-tree:focus .mana-tree-node.mana-mod-selected,
.mana-tree .ReactVirtualized__List:focus .mana-tree-node.mana-mod-selected {
  color: var(--mana-list-activeSelectionForeground) !important;
  background: var(--mana-list-activeSelectionBackground);
}
.mana-tree:focus .mana-tree-node.mana-mod-selected .mana-tree-node-tail,
.mana-tree .ReactVirtualized__List:focus .mana-tree-node.mana-mod-selected .mana-tree-node-tail,
.mana-tree:focus .mana-tree-node.mana-mod-selected .mana-caption-suffix,
.mana-tree .ReactVirtualized__List:focus .mana-tree-node.mana-mod-selected .mana-caption-suffix,
.mana-tree:focus .mana-tree-node.mana-mod-selected .mana-tree-nodeInfo,
.mana-tree .ReactVirtualized__List:focus .mana-tree-node.mana-mod-selected .mana-tree-nodeInfo {
  color: var(--mana-list-activeSelectionForeground) !important;
}
.mana-tree-nodeInfo {
  color: var(--mana-foreground);
  opacity: 0.7;
}
.mana-tree .mana-tree-node.mana-mod-selected {
  color: var(--mana-list-inactiveSelectionForeground);
  background: var(--mana-list-inactiveSelectionBackground);
}
.mana-tree-node.mana-mod-not-selectable {
  color: var(--mana-descriptionForeground);
}
.mana-tree-node.mana-mod-not-selectable:hover {
  background: none;
  cursor: default;
}
.mana-tree-node-segment {
  flex-grow: 0;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.mana-tree-node-segment-grow {
  flex-grow: 1 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mana-tree-node-tail {
  min-width: 1rem;
  text-align: center;
}
.mana-tree-node-segment mark {
  color: var(--mana-list-inactiveSelectionForeground);
  background-color: var(--mana-list-filterMatchBackground);
}
.mana-tree-source-node-placeholder {
  font-style: italic;
  text-align: center;
  opacity: var(--mana-mod-disabled-opacity);
}
.mana-tree-element-node {
  width: 100%;
}
.mana-tree-node-indent {
  position: absolute;
  height: var(--mana-content-line-height);
  border-right: var(--mana-border-width) solid transparent;
}
.mana-tree-node-indent.always,
.mana-tree-container:hover .mana-tree-node-indent.hover {
  border-color: var(--mana-tree-inactiveIndentGuidesStroke);
}
.mana-tree-node-indent.active {
  border-color: var(--mana-tree-indentGuidesStroke);
}
.mana-tree-container .mana-WelcomeView {
  padding-top: var(--mana-ui-padding);
  padding-right: 20px;
  padding-left: 20px;
}
.mana-tree-container .mana-WelcomeView > * {
  margin: 13px 0;
}
.mana-tree-container .mana-WelcomeView .mana-WelcomeViewButtonWrapper {
  display: flex;
  padding: 0 var(--mana-ui-padding);
}
.mana-tree-container .mana-WelcomeView .mana-WelcomeViewButton {
  width: 100%;
  max-width: 260px;
  margin: auto;
}
.mana-tree-container .mana-WelcomeView .mana-WelcomeViewCommandLink {
  cursor: pointer;
}
.mana-tree-container .mana-WelcomeView .mana-WelcomeViewCommandLink.disabled {
  cursor: default;
  opacity: var(--mana-mod-disabled-opacity);
  pointer-events: none;
}
.default-folder-icon,
.default-file-icon {
  padding-right: 6px;
}

.mana-caption-prefix {
  padding-right: 2px;
  white-space: nowrap;
}
.mana-caption-suffix {
  padding: 0 2px;
  white-space: nowrap;
}
.mana-caption-suffix-tail {
  min-width: 1rem;
  font-size: var(--mana-ui-font-size0);
  text-align: center;
}
.mana-icon-wrapper {
  position: relative;
  top: 0 !important;
  display: inline-flex;
}
.mana-decorator-size {
  width: 100%;
  height: 100%;
  text-align: center;
  transform: scale(0.7);
}
.mana-decorator-sidebar-size {
  width: 100%;
  height: 100%;
  text-align: center;
  transform: scale(1.2);
}
.mana-top-right {
  position: absolute;
  bottom: 40%;
  left: 25%;
}
.mana-bottom-right {
  position: absolute;
  top: 40%;
  left: 25%;
}
.mana-bottom-right-sidebar {
  position: absolute;
  top: 80%;
  left: 50%;
}
.mana-bottom-left {
  position: absolute;
  top: 40%;
  right: 25%;
}
.mana-top-left {
  position: absolute;
  right: 25%;
  bottom: 40%;
}

.mana-tab-view-container {
  height: 100%;
}
.mana-tab-view-container .mana-tabs {
  height: 100%;
}
.mana-tabs-tab-active .mana-tab-title .mana-tab-close {
  opacity: 1;
  color: var(--mana-ant-color-icon-hover);
}
.mana-tab-side-title {
  display: flex;
  align-items: center;
}
.mana-tab-side-title .mana-tab-icon {
  display: flex;
  color: var(--mana-ant-color-icon);
  align-items: center;
}
.mana-tab-side-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mana-tab-side-pane .mana-tab-side-pane-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 32px;
  margin-left: 12px;
}
.mana-tab-side-pane .mana-tab-side-pane-content {
  flex: auto;
}
.mana-tab-title {
  display: flex;
  align-items: center;
}
.mana-tab-title .mana-tab-icon {
  color: var(--mana-ant-color-icon);
  display: flex;
  align-items: center;
  margin-right: 6px;
}
.mana-tab-title .mana-tab-close {
  padding: 2px;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  opacity: 0;
}
.mana-tab-title .mana-tab-close:hover {
  background: var(--mana-tab-inactiveBackground);
  opacity: 1;
}

.mana-flex {
  display: flex;
}

.mana-header {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--mana-menubar-border);
  background: var(--mana-menubar-background);
}
.mana-header .mana-flex {
  height: 100%;
  flex-direction: row;
  align-items: center;
}
.mana-header .mana-header-left .mana-flex .mana-flex-item {
  margin-right: 8px;
}
.mana-header .mana-header-middle .mana-flex {
  justify-content: center;
}
.mana-header .mana-header-middle .mana-flex .mana-flex-item {
  margin-right: 8px;
}
.mana-header .mana-header-right {
  padding: 0 12px;
}
.mana-header .mana-header-right .mana-flex {
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.mana-header .mana-header-right .mana-flex .mana-flex-item {
  margin-left: 8px;
}

.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell {
  border: 1px solid transparent;
  box-shadow: none;
  box-shadow: initial;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell.active.command-mode {
  border: 1px solid #3793ef;
  box-shadow: none;
  box-shadow: initial;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-dnd-cell-preview {
  display: block;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview {
  min-height: 50px;
  padding: 0 4px;
  overflow: hidden;
  /* Adjust margin of first item in markdown cell */
  /* h1 tags don't need top margin */
  /* Removes bottom margin when only one item exists in markdown cell */
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview img {
  max-width: 100%;
  max-height: 100%;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview a {
  text-decoration: none;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview a:hover {
  text-decoration: underline;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview a:focus,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview input:focus,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview select:focus,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview textarea:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview hr {
  height: 2px;
  border: 0;
  border-bottom: 2px solid;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview div {
  width: 100%;
  min-height: 20px;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview *:first-child {
  margin-top: 0;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview h1:first-child {
  margin-top: 0;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview #preview > *:only-child,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview #preview > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table {
  border-collapse: collapse;
  border-spacing: 0;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table th,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table td {
  border: 1px solid;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > thead > tr > th {
  text-align: left;
  border-bottom: 1px solid;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > thead > tr > th,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > thead > tr > td,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > tbody > tr > th,
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > tbody > tr > td {
  padding: 5px 10px;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview table > tbody > tr + tr > td {
  border-top: 1px solid;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview blockquote {
  margin: 0 7px 0 5px;
  padding: 0 16px 0 10px;
  border-left-width: 5px;
  border-left-style: solid;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview code {
  font-size: 1em;
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview pre:has(code) {
  background-color: var(--mana-libro-input-background);
}
.libro-dnd-cell-container .markdown-cell-preview.libro-dnd-cell .libro-markdown-warpper-container .libro-markdown-preview pre code {
  color: var(--mana-libro-text-default-color);
  font-family: 12px;
  line-height: 1.357em;
  white-space: pre-wrap;
}

/* stylelint-disable number-max-precision */
.libro-display-data-container img {
  max-width: 100%;
  max-height: 100%;
}
.libro-display-data-container {
  overflow: auto;
}
.libro-error-container .libro-text-render-container[data-mime-type='application/vnd.jupyter.stderr'] {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  padding: 0;
  padding: initial;
}
.libro-show-error-detail-button {
  height: 24px !important;
  width: 118px;
  margin-top: 16px;
  padding: 0 !important;
  padding: initial !important;
  background: var(--mana-color-bg-container) !important;
  border-color: var(--mana-libro-error-color) !important;
}
.libro-show-error-detail-button span {
  font-family: ArialMT;
  font-size: 12px;
  color: var(--mana-libro-error-color) !important;
  line-height: 22px;
}
.libro-svg-render-container,
.libro-html-render-container,
.libro-markdown-render-container,
.libro-latex-render-container,
.libro-image-render-container,
.libro-error-text-render-container,
.libro-text-render-container,
.libro-plotly-render-container {
  padding: 10px 24px;
}
.libro-svg-render-container,
.libro-html-render-container,
.libro-markdown-render-container,
.libro-latex-render-container,
.libro-image-render-container,
.libro-error-text-render-container,
.libro-text-render-container:last-child {
  border-radius: 4px;
}
.libro-display-data-container,
.libro-error-container,
.libro-stream-container:last-child {
  border-radius: 4px;
}
:root {
  /* Elevation
   *
   * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
   *
   * https://github.com/material-components/material-components-web
   * https://material-components-web.appspot.com/elevation.html
   */
  --md-red-100: #ffcdd2;
  --md-red-300: #e57373;
  --md-red-900: #b71c1c;
  --md-blue-50: #e3f2fd;
  --md-blue-700: #1976d2;
  --md-blue-800: #1565c0;
  --md-light-blue-50: #e1f5fe;
  --md-cyan-100: #b2ebf2;
  --md-cyan-300: #4dd0e1;
  --md-cyan-900: #006064;
  --md-green-100: #c8e6c9;
  --md-green-300: #81c784;
  --md-green-900: #1b5e20;
  --md-orange-100: #ffe0b2;
  --md-orange-300: #ffb74d;
  --md-orange-900: #e65100;
  --md-grey-100: #f5f5f5;
  --md-grey-200: #eee;
  --md-grey-300: #e0e0e0;
  --md-grey-400: #bdbdbd;
  --md-grey-900: #212121;
  /* Borders
   *
   * The following variables, specify the visual styling of borders in JupyterLab.
   */
  --jp-border-width: 1px;
  --jp-border-color0: var(--md-grey-400);
  --jp-border-color1: var(--md-grey-400);
  --jp-border-color2: var(--md-grey-300);
  --jp-border-radius: 2px;
  /* UI Fonts
   *
   * The UI font CSS variables are used for the typography all of the JupyterLab
   * user interface elements that are not directly user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */
  --jp-ui-font-size0: 0.83333em;
  --jp-ui-font-size1: 13px;
  /* Base font size */
  /* Defaults use Material Design specification */
  --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
  /*
   * Use these against the brand/accent/warn/error colors.
   * These will typically go from light to darker, in both a dark and light theme.
   */
  --jp-ui-inverse-font-color0: #ffffff;
  /* Content Fonts
   *
   * Content font variables are used for typography of user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-content-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */
  --jp-content-line-height: 1.6;
  --jp-content-font-size0: 0.83333em;
  --jp-content-font-size1: 14px;
  /* Base font size */
  --jp-content-font-size2: 1.2em;
  --jp-content-font-size3: 1.44em;
  --jp-content-font-size4: 1.728em;
  --jp-content-font-size5: 2.0736em;
  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-content-heading-line-height: 1;
  --jp-content-heading-margin-top: 1.2em;
  --jp-content-heading-margin-bottom: 0.8em;
  --jp-content-heading-font-weight: 500;
  /* Defaults use Material Design specification */
  --jp-content-font-color1: rgba(0, 0, 0, 0.87);
  --jp-content-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
    helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  /*
   * Code Fonts
   *
   * Code font variables are used for typography of code and other monospaces content.
   */
  --jp-code-font-size: 14px;
  --jp-code-line-height: 1.3077;
  /* 17px for 13px base */
  --jp-code-padding: 5px;
  /* 5px for 13px base, codemirror highlighting needs integer px value */
  --jp-code-font-family-default: menlo-regular, consolas, 'DejaVu Sans Mono', monospace;
  --jp-code-font-family: var(--jp-code-font-family-default);
  /* Layout
   *
   * The following are the main layout colors use in JupyterLab. In a light
   * theme these would go from light to dark.
   */
  --jp-layout-color0: white;
  --jp-layout-color2: var(--md-grey-200);
  /* Inverse Layout
   *
   * The following are the inverse layout colors use in JupyterLab. In a light
   * theme these would go from dark to light.
   */
  --jp-inverse-layout-color0: #111;
  --jp-inverse-layout-color1: var(--md-grey-900);
  /* State colors (warn, error, success, info) */
  --jp-warn-color0: var(--md-orange-900);
  --jp-warn-color2: var(--md-orange-300);
  --jp-warn-color3: var(--md-orange-100);
  --jp-error-color0: var(--md-red-900);
  --jp-error-color2: var(--md-red-300);
  --jp-error-color3: var(--md-red-100);
  --jp-success-color0: var(--md-green-900);
  --jp-success-color2: var(--md-green-300);
  --jp-success-color3: var(--md-green-100);
  --jp-info-color0: var(--md-cyan-900);
  --jp-info-color2: var(--md-cyan-300);
  --jp-info-color3: var(--md-cyan-100);
  /* Notebook specific styles */
  --jp-notebook-padding: 10px;
  /* Rendermime styles */
  --jp-rendermime-error-background: #fdd;
  --jp-rendermime-table-row-background: var(--md-grey-100);
  --jp-rendermime-table-row-hover-background: var(--md-light-blue-50);
  /* Search-related styles */
  --jp-search-selected-match-background-color: #f5c800;
  --jp-search-selected-match-color: black;
  --jp-search-unselected-match-background-color: var(--jp-inverse-layout-color0);
  --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);
  /* This is the padding value to fill the gaps between lines containing spans with background color. */
  --jp-private-code-span-padding: calc((var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2);
}
/* -----------------------------------------------------------------------------
| RenderedText
|---------------------------------------------------------------------------- */
.libro-text-render {
  text-align: left;
  line-height: 1.3077;
  line-height: var(--jp-code-line-height);
  font-family: menlo-regular, consolas, 'DejaVu Sans Mono', monospace;
  font-family: var(--jp-code-font-family);
}
.libro-text-render pre,
.libro-RenderedJavaScript pre,
.libro-html-common-render pre {
  color: var(--mana-libro-text-default-color);
  font-size: 14px;
  font-size: var(--jp-code-font-size);
  border: none;
  margin: 0;
  padding: 0;
  white-space: pre-wrap;
}
.libro-text-render pre a:link {
  text-decoration: none;
  color: var(--mana-libro-link-color);
}
.libro-text-render pre a:hover {
  text-decoration: underline;
  color: var(--mana-libro-link-color);
}
.libro-text-render pre a:visited {
  text-decoration: none;
  color: var(--mana-libro-link-color);
}
/* console foregrounds and backgrounds */
.libro-text-render pre .ansi-black-fg {
  color: var(--mana-libro-text-default-color);
}
.libro-text-render pre .ansi-red-fg {
  color: #e75c58;
}
.libro-text-render pre .ansi-green-fg {
  color: #00a250;
}
.libro-text-render pre .ansi-yellow-fg {
  color: #ddb62b;
}
.libro-text-render pre .ansi-blue-fg {
  color: #208ffb;
}
.libro-text-render pre .ansi-magenta-fg {
  color: #d160c4;
}
.libro-text-render pre .ansi-cyan-fg {
  color: #60c6c8;
}
.libro-text-render pre .ansi-white-fg {
  color: #c5c1b4;
}
.libro-text-render pre .ansi-black-bg {
  background-color: #3e424d;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-red-bg {
  background-color: #e75c58;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-green-bg {
  background-color: #00a250;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-yellow-bg {
  background-color: #ddb62b;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-blue-bg {
  background-color: #208ffb;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-magenta-bg {
  background-color: #d160c4;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-cyan-bg {
  background-color: #60c6c8;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-white-bg {
  background-color: #c5c1b4;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-black-intense-fg {
  color: #282c36;
}
.libro-text-render pre .ansi-red-intense-fg {
  color: #b22b31;
}
.libro-text-render pre .ansi-green-intense-fg {
  color: #007427;
}
.libro-text-render pre .ansi-yellow-intense-fg {
  color: #b27d12;
}
.libro-text-render pre .ansi-blue-intense-fg {
  color: #0065ca;
}
.libro-text-render pre .ansi-magenta-intense-fg {
  color: #a03196;
}
.libro-text-render pre .ansi-cyan-intense-fg {
  color: #258f8f;
}
.libro-text-render pre .ansi-white-intense-fg {
  color: #a1a6b2;
}
.libro-text-render pre .ansi-black-intense-bg {
  background-color: #282c36;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-red-intense-bg {
  background-color: #b22b31;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-green-intense-bg {
  background-color: #007427;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-yellow-intense-bg {
  background-color: #b27d12;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-blue-intense-bg {
  background-color: #0065ca;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-magenta-intense-bg {
  background-color: #a03196;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-cyan-intense-bg {
  background-color: #258f8f;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-white-intense-bg {
  background-color: #a1a6b2;
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-default-inverse-fg {
  color: #ffffff;
  color: var(--jp-ui-inverse-font-color0);
}
.libro-text-render pre .ansi-default-inverse-bg {
  background-color: #111;
  background-color: var(--jp-inverse-layout-color0);
  padding: calc((1.3077 - 1) * 14px / 2) 0;
  padding: var(--jp-private-code-span-padding) 0;
}
.libro-text-render pre .ansi-bold {
  font-weight: bold;
}
.libro-text-render pre .ansi-underline {
  text-decoration: underline;
}
.libro-text-render-container[data-mime-type='application/vnd.jupyter.stderr'] {
  background: var(--mana-libro-warning-background);
}
/* -----------------------------------------------------------------------------
| RenderedLatex
|---------------------------------------------------------------------------- */
.libro-latex-render {
  color: rgba(0, 0, 0, 0.87);
  color: var(--jp-content-font-color1);
  font-size: 14px;
  font-size: var(--jp-content-font-size1);
  line-height: 1.6;
  line-height: var(--jp-content-line-height);
}
/* Left-justify outputs. */
.libro-OutputArea-output.libro-latex-render {
  padding: 5px;
  padding: var(--jp-code-padding);
  text-align: left;
}
/* -----------------------------------------------------------------------------
| RenderedHTML
|---------------------------------------------------------------------------- */
.libro-html-common-render {
  color: rgba(0, 0, 0, 0.87);
  color: var(--jp-content-font-color1);
  font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
    helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  font-family: var(--jp-content-font-family);
  font-size: 14px;
  font-size: var(--jp-content-font-size1);
  line-height: 1.6;
  line-height: var(--jp-content-line-height);
  /* Give a bit more R padding on Markdown text to keep line lengths reasonable */
  padding-right: 20px;
}
.libro-html-common-render em {
  font-style: italic;
}
.libro-html-common-render strong {
  font-weight: bold;
}
.libro-html-common-render u {
  text-decoration: underline;
}
.libro-html-common-render a:link {
  text-decoration: none;
  color: var(--mana-libro-link-color);
}
.libro-html-common-render a:hover {
  text-decoration: underline;
  color: var(--mana-libro-link-color);
}
.libro-html-common-render a:visited {
  text-decoration: none;
  color: var(--mana-libro-link-color);
}
/* Headings */
.libro-html-common-render h1,
.libro-html-common-render h2,
.libro-html-common-render h3,
.libro-html-common-render h4,
.libro-html-common-render h5,
.libro-html-common-render h6 {
  line-height: 1;
  line-height: var(--jp-content-heading-line-height);
  font-weight: 500;
  font-weight: var(--jp-content-heading-font-weight);
  font-style: normal;
  margin: 1.2em 0 0.8em 0;
  margin: var(--jp-content-heading-margin-top) 0 var(--jp-content-heading-margin-bottom) 0;
}
.libro-html-common-render h1:first-child,
.libro-html-common-render h2:first-child,
.libro-html-common-render h3:first-child,
.libro-html-common-render h4:first-child,
.libro-html-common-render h5:first-child,
.libro-html-common-render h6:first-child {
  margin-top: calc(0.5 * 1.2em);
  margin-top: calc(0.5 * var(--jp-content-heading-margin-top));
}
.libro-html-common-render h1:last-child,
.libro-html-common-render h2:last-child,
.libro-html-common-render h3:last-child,
.libro-html-common-render h4:last-child,
.libro-html-common-render h5:last-child,
.libro-html-common-render h6:last-child {
  margin-bottom: calc(0.5 * 0.8em);
  margin-bottom: calc(0.5 * var(--jp-content-heading-margin-bottom));
}
.libro-html-common-render h1 {
  font-size: 2.0736em;
  font-size: var(--jp-content-font-size5);
}
.libro-html-common-render h2 {
  font-size: 1.728em;
  font-size: var(--jp-content-font-size4);
}
.libro-html-common-render h3 {
  font-size: 1.44em;
  font-size: var(--jp-content-font-size3);
}
.libro-html-common-render h4 {
  font-size: 1.2em;
  font-size: var(--jp-content-font-size2);
}
.libro-html-common-render h5 {
  font-size: 14px;
  font-size: var(--jp-content-font-size1);
}
.libro-html-common-render h6 {
  font-size: 0.83333em;
  font-size: var(--jp-content-font-size0);
}
/* Lists */
.libro-html-common-render ul:not(.list-inline),
.libro-html-common-render ol:not(.list-inline) {
  padding-left: 2em;
}
.libro-html-common-render ul {
  list-style: disc;
}
.libro-html-common-render ul ul {
  list-style: square;
}
.libro-html-common-render ul ul ul {
  list-style: circle;
}
.libro-html-common-render ol {
  list-style: decimal;
}
.libro-html-common-render ol ol {
  list-style: upper-alpha;
}
.libro-html-common-render ol ol ol {
  list-style: lower-alpha;
}
.libro-html-common-render ol ol ol ol {
  list-style: lower-roman;
}
.libro-html-common-render ol ol ol ol ol {
  list-style: decimal;
}
.libro-html-common-render ol,
.libro-html-common-render ul {
  margin-bottom: 1em;
}
.libro-html-common-render ul ul,
.libro-html-common-render ul ol,
.libro-html-common-render ol ul,
.libro-html-common-render ol ol {
  margin-bottom: 0;
}
.libro-html-common-render hr {
  color: #e0e0e0;
  color: var(--jp-border-color2);
  background-color: #bdbdbd;
  background-color: var(--jp-border-color1);
  margin-top: 1em;
  margin-bottom: 1em;
}
.libro-html-common-render > pre {
  margin: 1.5em 2em;
}
.libro-html-common-render pre,
.libro-html-common-render code {
  border: 0;
  background-color: white;
  background-color: var(--jp-layout-color0);
  color: rgba(0, 0, 0, 0.87);
  color: var(--jp-content-font-color1);
  font-family: menlo-regular, consolas, 'DejaVu Sans Mono', monospace;
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  line-height: 1.3077;
  line-height: var(--jp-code-line-height);
  padding: 0;
  white-space: pre-wrap;
}
.libro-html-common-render :not(pre) > code {
  background-color: #eee;
  background-color: var(--jp-layout-color2);
  padding: 1px 5px;
}
/* Tables */
.libro-html-common-render table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  color: rgba(0, 0, 0, 0.87);
  color: var(--jp-ui-font-color1);
  font-size: 13px;
  font-size: var(--jp-ui-font-size1);
  table-layout: fixed;
  margin-bottom: 1em;
}
.libro-html-common-render thead {
  border-bottom: 1px solid #bdbdbd;
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  vertical-align: bottom;
}
.libro-html-common-render td,
.libro-html-common-render th,
.libro-html-common-render tr {
  vertical-align: middle;
  padding: 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}
.libro-markdown-render.libro-html-common-render td,
.libro-markdown-render.libro-html-common-render th {
  max-width: none;
}
:not(.libro-markdown-render).libro-html-common-render td,
:not(.libro-markdown-render).libro-html-common-render th,
:not(.libro-markdown-render).libro-html-common-render tr {
  text-align: right;
}
.libro-html-common-render th {
  font-weight: bold;
}
.libro-html-common-render tbody tr:nth-child(odd) {
  background: white;
  background: var(--jp-layout-color0);
}
.libro-html-common-render tbody tr:nth-child(even) {
  background: #f5f5f5;
  background: var(--jp-rendermime-table-row-background);
}
.libro-html-common-render tbody tr:hover {
  background: #e1f5fe;
  background: var(--jp-rendermime-table-row-hover-background);
}
.libro-html-common-render p {
  text-align: left;
  margin: 0;
  margin-bottom: 1em;
}
.libro-html-common-render img {
  -moz-force-broken-image-icon: 1;
}
/* Restrict to direct children as other images could be nested in other content. */
.libro-html-common-render > img {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}
/* Change color behind transparent images if they need it... */
[data-libro-theme-light='false'] .libro-image-render img.libro-needs-light-background {
  background-color: #212121;
  background-color: var(--jp-inverse-layout-color1);
}
[data-libro-theme-light='true'] .libro-image-render img.libro-needs-dark-background {
  background-color: #212121;
  background-color: var(--jp-inverse-layout-color1);
}
.libro-html-common-render img,
.libro-image-render img,
.libro-html-common-render svg,
.libro-svg-render svg {
  max-width: 100%;
  height: auto;
}
.libro-html-common-render img.libro-mod-unconfined,
.libro-image-render img.libro-mod-unconfined,
.libro-html-common-render svg.libro-mod-unconfined,
.libro-svg-render svg.libro-mod-unconfined {
  max-width: none;
}
.libro-html-common-render .alert {
  padding: 10px;
  padding: var(--jp-notebook-padding);
  border: 1px solid transparent;
  border: var(--jp-border-width) solid transparent;
  border-radius: 2px;
  border-radius: var(--jp-border-radius);
  margin-bottom: 1em;
}
.libro-html-common-render .alert-info {
  color: #006064;
  color: var(--jp-info-color0);
  background-color: #b2ebf2;
  background-color: var(--jp-info-color3);
  border-color: #4dd0e1;
  border-color: var(--jp-info-color2);
}
.libro-html-common-render .alert-info hr {
  border-color: #b2ebf2;
  border-color: var(--jp-info-color3);
}
.libro-html-common-render .alert-info > p:last-child,
.libro-html-common-render .alert-info > ul:last-child {
  margin-bottom: 0;
}
.libro-html-common-render .alert-warning {
  color: #e65100;
  color: var(--jp-warn-color0);
  background-color: #ffe0b2;
  background-color: var(--jp-warn-color3);
  border-color: #ffb74d;
  border-color: var(--jp-warn-color2);
}
.libro-html-common-render .alert-warning hr {
  border-color: #ffe0b2;
  border-color: var(--jp-warn-color3);
}
.libro-html-common-render .alert-warning > p:last-child,
.libro-html-common-render .alert-warning > ul:last-child {
  margin-bottom: 0;
}
.libro-html-common-render .alert-success {
  color: #1b5e20;
  color: var(--jp-success-color0);
  background-color: #c8e6c9;
  background-color: var(--jp-success-color3);
  border-color: #81c784;
  border-color: var(--jp-success-color2);
}
.libro-html-common-render .alert-success hr {
  border-color: #c8e6c9;
  border-color: var(--jp-success-color3);
}
.libro-html-common-render .alert-success > p:last-child,
.libro-html-common-render .alert-success > ul:last-child {
  margin-bottom: 0;
}
.libro-html-common-render .alert-danger {
  color: #b71c1c;
  color: var(--jp-error-color0);
  background-color: #ffcdd2;
  background-color: var(--jp-error-color3);
  border-color: #e57373;
  border-color: var(--jp-error-color2);
}
.libro-html-common-render .alert-danger hr {
  border-color: #ffcdd2;
  border-color: var(--jp-error-color3);
}
.libro-html-common-render .alert-danger > p:last-child,
.libro-html-common-render .alert-danger > ul:last-child {
  margin-bottom: 0;
}
.libro-html-common-render blockquote {
  margin: 1em 2em;
  padding: 0 1em;
  border-left: 5px solid #e0e0e0;
  border-left: 5px solid var(--jp-border-color2);
}
a.libro-InternalAnchorLink {
  visibility: hidden;
  margin-left: 8px;
  color: #1565c0;
  color: var(--md-blue-800);
}
h1:hover .libro-InternalAnchorLink,
h2:hover .libro-InternalAnchorLink,
h3:hover .libro-InternalAnchorLink,
h4:hover .libro-InternalAnchorLink,
h5:hover .libro-InternalAnchorLink,
h6:hover .libro-InternalAnchorLink {
  visibility: visible;
}
.libro-html-common-render kbd {
  background-color: #f5f5f5;
  background-color: var(--jp-rendermime-table-row-background);
  border: 1px solid #bdbdbd;
  border: 1px solid var(--jp-border-color0);
  border-bottom-color: #e0e0e0;
  border-bottom-color: var(--jp-border-color2);
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  font-size: 0.83333em;
  font-size: var(--jp-ui-font-size0);
  line-height: 1em;
  padding: 0.2em 0.5em;
}
/* Most direct children of .libro-html-common-render have a margin-bottom of 1.0.
 * At the bottom of cells this is a bit too much as there is also spacing
 * between cells. Going all the way to 0 gets too tight between markdown and
 * code cells.
 */
.libro-html-common-render > *:last-child {
  margin-bottom: 0.5em;
}
.libro-mimeType-highlight {
  background-color: #111 !important;
  background-color: var(--jp-search-unselected-match-background-color) !important;
  color: #ffffff !important;
  color: var(--jp-search-unselected-match-color) !important;
}
.libro-mod-selected.libro-mimeType-highlight {
  background-color: #f5c800 !important;
  background-color: var(--jp-search-selected-match-background-color) !important;
  color: black !important;
  color: var(--jp-search-selected-match-color) !important;
}

.libro-search-overlay {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2000;
  background-color: var(--mana-color-bg-elevated);
  box-shadow: 0 2px 2px 0 #7c68681a;
}
.libro-search-content {
  display: flex;
  align-items: center;
  min-width: 320px;
  padding: 2px 6px;
}
.libro-search-row {
  display: flex;
  align-items: center;
  height: 32px;
}
.libro-search-row input {
  margin-right: 4px;
}
.libro-search-row .ant-btn {
  margin-left: 4px;
  border: none;
  box-shadow: none;
}
.libro-search-replace-toggle {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 4px;
  padding: 4px;
  cursor: pointer;
}
.libro-search-replace-toggle:hover {
  background-color: var(--mana-activityBar-background);
}
.libro-search-input {
  flex: 1 1;
  align-items: center;
}
.libro-search-input .ant-input-affix-wrapper-sm {
  margin-right: 4px;
}
.libro-search-input-suffix span {
  margin-left: 4px;
  padding: 2px;
  cursor: pointer;
}
.libro-search-input-suffix span:hover {
  background-color: var(--mana-activityBar-background);
}
.libro-search-input-suffix .libro-search-input-suffix-active {
  background-color: var(--mana-activityBar-background);
}
.libro-search-index {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  margin-right: 16px;
  margin-left: 4px;
}
.libro-search-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.libro-search-replace-toggle-icon {
  font-size: 12px;
  transition: transform 0.2s linear;
}
.libro-search-replace-toggle-replace-icon {
  transform: rotate(90deg);
}
.libro-search-input-area {
  flex: 1 1;
}
.libro-selectedtext {
  background-color: #a8ac95 !important;
}
.libro-selectedtext span {
  background-color: #a8ac95 !important;
}
mark.libro-searching {
  padding: 0;
}

.mana-app {
  position: relative;
  height: 100%;
  width: 100%;
}
.mana-app:focus {
  outline-width: 0;
}
.mana-root {
  height: 100%;
  width: 100%;
}
.mana-preload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50000;
  transition: opacity 0.8s;
}
.mana-preload.mana-hidden {
  opacity: 0;
}


/*# sourceMappingURL=1912.7d1893e7.css.map*/