.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;
}

.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=3087.908f9f0f.css.map*/