@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;700&display=swap');@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800&display=swap');@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');





/* Theming */

.common-theme {
	--button-color:        #2350e6; /*#2f6fff*/
	--button-hover-color:  #204db2; /*#2b63e6*/
	--button-active-color: #204db2; /*#2658cc*/
	--button-text-color:   #ffffff;

	--background-half:     #808080;
	
	--text-button-color:   var(--button-color);

	--link-color:          #4285f4;
	
	--font-family:         Noto Sans, Helvetica, Arial, sans-serif;
	--branded-font-family: Raleway, Helvetica, Arial, sans-serif;
	--font-size:           0.875rem /*14px*/;

	/* HACK: On mobile, set to 100% in order to keep everything on screen
	         (see app.jsx)
	*/
	--height-fix:          auto;
	--height-fix-holder:   100vh;
}

.dark-theme {
	--background-base:     #202026;
	--background-midstep:  #282834;
	--background-fullstep: #363646;
	--background-twostep:  #4f4f60;

	--textcolor:           #c8c8c8;
	--reverse-textcolor:   #000000;

	--selected-color:      #405080;
	
	--text-button-color:   #3a8bef;

	--scrollbar-color:     var(--background-half) var(--background-base);
	
	--file-icon-outline:   0px;
}

.light-theme {
	--background-base:     #ffffff;
	--background-midstep:  #f8f8f8;
	--background-fullstep: #e8e8e8;
	--background-twostep:  #cdcdcd;
	
	--textcolor:           #000000;
	--reverse-textcolor:   #c8c8c8;

	--selected-color:      #b3d8ff;

	--scrollbar-color:     auto;

	--file-icon-outline:   0.5px;
}

@media screen {

/* Standard element styling */

html {
	scroll-behavior: smooth;
	height: var(--height-fix);
}

body {
	color: var(--textcolor) !important;
	background: var(--background-base) !important;
	height: var(--height-fix);
}

#root {
	height: var(--height-fix);
}

a {
	color: var(--link-color);
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* pseudo-link styling */
.link {
	color: var(--link-color);
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
}

.link:hover {
	text-decoration: underline;
	cursor: pointer;
}

@supports (scrollbar-width: auto) {
	.scrollbar {
		scrollbar-color: var(--scrollbar-color);
	}
	.MuiDialog-scrollBody {
		scrollbar-color: var(--scrollbar-color) !important;
	}
}

/* Safari */
@supports selector(::-webkit-scrollbar) {
	.scrollbar::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		background: var(--background-base);
	}
	.scrollbar::-webkit-scrollbar-thumb {
		background: var(--background-half);
	}
	.MuiDialog-scrollBody::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		background: var(--background-base);
	}
	.MuiDialog-scrollBody::-webkit-scrollbar-thumb {
		background: var(--background-half);
	}
}


/* General */

.visible {
	visibility: visible;
}

.hidden {
	visibility: hidden;
}

.text {
	font-family: var(--font-family);
	font-weight: 400;
}

.branded-text {
	font-family: var(--branded-font-family);
	font-weight: 400;
}

.small-text {
	font-size: 0.75rem /*12px*/;
}

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.underlined {
	text-decoration: underline;
}

.center {
	text-align: center;
}

.valign-middle {
	vertical-align: middle;
}

.full-height {
	height: 100%;
}
.full-height-footer {
	height: calc(100% - 40px);
}

.smooth-scroll {
	scroll-behavior: smooth;
}

.no-select {
	user-select: none;
	-webkit-user-select: none;
}


/* Custom elements */

.holder {
	height: var(--height-fix-holder);
	display: flex;
	flex-direction: column;
	overflow: clip;
}

.content {
	flex-grow: 1;
	overflow: clip;
	width: 100vw;
}

.background-dark {
	background-color: var(--background-base);
}

.background-midstep {
	background-color: var(--background-midstep);
}

.background-fullstep {
	background-color: var(--background-fullstep);
}

.fadein {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s linear;
}

.fadeout {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.icon-svg {
	/* Similar to MaterialUI icons */
	fill: currentColor;
	stroke: currentColor;
}


/* Custom controls */

.attn-button {
	background-color: var(--button-color);
	border: none;
	color: white;
	padding: 8px 20px 8px;
	height: 2.35rem;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 1rem /*16px*/;
	white-space: nowrap;
	display: inline-block;
	margin: 2px 2px;
	border-radius: 8px;
	cursor: pointer;
}

.attn-button:hover {
	background-color: var(--button-hover-color);
}

.attn-button:active {
	background-color: var(--button-active-color);
}

.auth-text {
	font-family: var(--branded-font-family);
	font-size: 1.25rem /*20px*/;
	line-height: 1.3em;
	text-align: center;
}

.auth-error-info {
	font-size: 10pt;
	opacity: 0.5;
}

}

/* @media screen */

/* Mobile */

/* @media (width <= 480px) {
	html {
		font-size: 100%;
	}
} */



/* Material UI restyling */

.MuiGrid-root {
	height: 100%;
}

.MuiButton-root {
	min-width: 90px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	background-color: var(--button-color);
}

.MuiButton-containedPrimary {
	background-color: var(--button-color) !important;
}
.MuiButton-containedPrimary:hover {
	background-color: var(--button-hover-color) !important;
}
.MuiButton-containedPrimary:active {
	background-color: var(--button-active-color) !important;
}

.MuiButton-containedPrimary {
	color: var(--button-text-color) !important;
}

.MuiButton-outlinedPrimary {
	color: var(--button-text-color) !important;
	border: 1px solid #888 !important;
}

.MuiButton-textPrimary {
	color: var(--text-button-color) !important;
}

.MuiDialog-root {
	font-size: var(--font-size);
}

.MuiDialog-paper {
	background-image: none !important;
	background-color: var(--background-midstep) !important;
	color: var(--textcolor) !important;
}

.MuiDialogTitle-root {
	font-family: var(--branded-font-family) !important;
	font-size: 1.25rem /*20px*/ !important;
	font-weight: 700 !important;
}

.MuiDialogContentText-root {
	color: var(--textcolor) !important;
	font-size: var(--font-size) !important;
}

.MuiDialogActions-root {
	flex-wrap: wrap;
	gap: 10px 0px;
}

.MuiListItem-root:hover {
	background-color: var(--background-fullstep);
}

.MuiListItem-root.selected {
	/* background-color: var(--background-fullstep); */
	background-color: var(--selected-color);
}

.MuiInputBase-root,
.MuiFormLabel-root {
	color: var(--textcolor) !important;

	.MuiOutlinedInput-notchedOutline {
		border-color: var(--background-half) !important;
	}
}


/* Other styles */

.dark-text .MuiInputBase-root {
	color: #000000 !important;
	border-radius: 0px !important;
}

.button-group {
	/* For MuiDialogActions */
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.color-dialog-content {
	display: flex;
	flex-direction: row;

	@media (width <= 480px) {
		flex-direction: column;
	}
}

.react-colorful {
	width: 260px !important;
}

.color-swatches {
	display: flex;
	padding-top: 12px;
	flex-wrap: nowrap;
}
      
.color-swatch {
	width: 24px;
	height: 24px;
	margin: 4px;
	border: none;
	padding: 0;
	border-radius: 4px;
	cursor: pointer;
	outline: none;
}

.color-sample {
	width: 48px;
	height: 48px;
}

.color-input {
	font-size: 1rem /*12pt*/;
	width: 50px;
	text-align: center;
	margin-right: 6px;
	background-color: var(--background-base);
	color: var(--text-color);
	text-transform: uppercase;
	border: none
}

.slider-input {
	font-size: 1rem /*12pt*/;
	width: 50px;
	text-align: center;
	margin-right: 6px;
	background-color: var(--background-base);
	color: var(--text-color);
	border: none
}

.input-dialog-message {
	padding-bottom: 1.5rem;
}

.fi-password-dialog .MuiDialogContent-root {
	display: flex;
	flex-direction: column;
}

.password-textfield {
	width: 75%;
	max-width: 300px;
}

.password-row {
	display: flex;
	flex-direction: row;
}

.password-button {
	margin-top: 15px !important;
	min-width: 50px !important;
	width: 50px;
}

/* Google fonts */
/* EB Garamond */
/* Courier Screenplay */
@font-face {
	font-family: "Courier Screenplay";
	src: url("../fonts/CourierScreenplay.ttf");
}
@font-face {
	font-family: "Courier Screenplay";
	src: url("../fonts/CourierScreenplay-Bold.ttf");
	font-weight: bold;
}
@font-face {
	font-family: "Courier Screenplay";
	src: url("../fonts/CourierScreenplay-Italic.ttf");
	font-style: italic;
}
@font-face {
	font-family: "Courier Screenplay";
	src: url("../fonts/CourierScreenplay-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}
/* Courier Prime */
@font-face {
	font-family: "Courier Prime";
	src: url("../fonts/CourierPrime.ttf");
}
@font-face {
	font-family: "Courier Prime";
	src: url("../fonts/CourierPrime-Bold.ttf");
	font-weight: bold;
}
@font-face {
	font-family: "Courier Prime";
	src: url("../fonts/CourierPrime-Italic.ttf");
	font-style: italic;
}
@font-face {
	font-family: "Courier Prime";
	src: url("../fonts/CourierPrime-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}



/* Material UI restyling */

.MuiCircularProgress-root {
	color: var(--link-color) !important;
}

.MuiSnackbarContent-root {
	background-color: var(--background-fullstep) !important;
	color: #c8c8c8 !important;
	min-width: 100px !important;
}

button.Mui-disabled {
	opacity: 0.5
}

.MuiDialog-container .MuiButton-root {
	border-radius: 6px !important;
	line-height: 1.5em !important;
}


/* Components */

.banner {
	display: flex;
	flex-direction: row;
	/* border-bottom: 1px solid var(--background-fullstep); */
}

.banner-icon {
	height: 36px;
	width: 36px;
	margin: 6px;
}

.banner-title {
	font-family: var(--branded-font-family);
	font-size: 1.35rem /*16pt*/;
	margin-top: 10px;
	margin-left: 4px;
	font-weight: bold;
}

.banner-sup {
	vertical-align: super;
	font-size: 0.8rem /*10pt*/;
	font-weight: normal;
}

.banner-button-holder {
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 0px;
}

.banner-button {
	color: var(--text-color);
	background: none;
	border: 0;
	margin-top: 6px;
	margin-left: auto;
	margin-right: 10px;
	cursor: pointer;
}

.banner-username {
	font-family: var(--branded-font-family);
	padding: 0px 5px;
	margin-bottom: -1px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.contextmenu-title {
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
	opacity: 0.65;
}

.context-menu .Mui-selected {
	background-color: var(--selected-color) !important;
}

/* Horizontal context-menu icon strip */
.context-icons-only .MuiList-root {
	display: flex;
}
.context-icons-only .MuiBox-root {
	display: none;
}
.context-icons-only .MuiMenuItem-root {
	min-width: 0px !important;
	padding-left: 10px;
	padding-right: 10px;
}
.context-icons-only .MuiListItemIcon-root {
	min-width: 0px !important;
}

.cookie-bar {
	box-shadow: -5px -5px 15px 1px rgba(0, 0, 0, 0.1);
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%; /*calc(100% - 24px);*/
	padding: 12px;
	display: flex !important;
	gap: 10px;
	/* justify-content: space-between; */
	vertical-align: middle;
	align-items: center;
	font-size: 0.9rem;
}

.footer {
	border-top: 1px solid var(--background-twostep);
	padding: 10px;
	height: 40px;
	width: 100%;
	font-family: var(--branded-font-family);
	font-size: 0.75em;
	text-align: center;
	text-wrap: nowrap;
	color: #888;
	user-select: none;
}

.spinner {
	z-index: 100;
}

.spinner .MuiCircularProgress-track {
	--CircularProgress-trackColor: #80808040;
}



.revision-list .MuiListItem-root {
	cursor: default;
	height: 32px;
}

.revision-list .MuiTypography-root {
	font-size: 1rem /*12pt*/;
}




/* Material UI restyling */

#listedit .MuiListItem-root {	
	height: 32px;
}

#listedit .MuiListItem-root:hover {
	background-color: var(--background-fullstep);
}

#listedit .MuiListItem-root.selected {
	background-color: var(--background-fullstep);
}

#listedit .MuiTypography-root {
	font-size: 1rem /*12pt*/;
}


/* Other styles */

.listbuttons {
	display: flex;
	flex-direction: row;
	gap: 8px;
	padding: 10px;
	/* border: 1px solid #ffffff20;
	border-radius: 5px; */
}

.listbuttons button.Mui-disabled {
	opacity: 0.5
}

.listbutton-spacer {
	width: 10px;
}

@media (width <= 480px) {
	.listbuttons {
		flex-wrap: wrap;
		padding: 0px !important;
	}

	.listbutton-spacer {
		display: none;
	}
}


.navigator  {
	width: 300px;
	max-width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--background-fullstep);
}

.navigator .MuiList-root {
	/* This padding is used in scrollNavigatorTo() */
	padding-top: 8px;
	padding-bottom: 8px;
}

.navigator .MuiListItemButton-root {
	white-space: nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	text-overflow: ellipsis;
}

.navigator .MuiListItemButton-root:hover {
	background-color: var(--background-twostep);
}

.navigator .MuiListItemText-root {
	width: 100%;
}

.navigator .MuiTypography-root {
	font-weight: bold;
	font-size: 0.85rem /*10pt*/;
	line-height: 0.85rem /*10pt*/;
}

.navigator .Mui-selected {
	background-color: var(--selected-color) !important;
}

/**
 * Styles extracted from: packages/remirror__theme/src/components-theme.ts
 */
.remirror-editor-wrapper {
  padding-top: var(--rmr-space-3);
}

.remirror-button-active {
  color: var(--rmr-color-primary-text) !important;
  background-color: var(--rmr-color-primary) !important;
}

.remirror-button {
  display: inline-flex;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.375em 0.75em;
  line-height: 1.5;
  border-radius: var(--rmr-radius-border);
  text-decoration: none;
  border: 1px solid var(--rmr-color-border);
  cursor: pointer;
  white-space: nowrap;
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size: 100%;
}

.remirror-button[aria-disabled='true'] {
  cursor: auto;
}

.remirror-button:not([aria-disabled='true']):hover {
  color: var(--rmr-color-hover-primary-text);
  border-color: var(--rmr-color-hover-border);
  background-color: var(--rmr-color-hover-primary);
}

.remirror-button:not([aria-disabled='true']):active,
.remirror-button:not([aria-disabled='true'])[data-active],
.remirror-button:not([aria-disabled='true'])[aria-expanded='true'] {
  color: var(--rmr-color-active-primary-text);
  border-color: var(--rmr-color-active-border);
  background-color: var(--rmr-color-active-primary);
}

/* Ensure a perceivable button border for users with Windows High Contrast
  mode enabled https://moderncss.dev/css-button-styling-guide/ */

@media screen and (-ms-high-contrast: active) {
  .remirror-button {
    border: 2px solid currentcolor;
  }
}

.remirror-composite {
  align-items: center;
  justify-content: center;
  padding: 0.375em 0.75em;
  font-size: 100%;
  border: 0;
  color: inherit;
  background-color: inherit;
}

.remirror-composite:not([aria-selected='true']) {
  color: inherit;
  background-color: inherit;
}

[aria-activedescendant='*']:focus .remirror-composite[aria-selected='true'],
[aria-activedescendant='*']:focus ~ * .remirror-composite[aria-selected='true'] {
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
}

.remirror-dialog {
  position: fixed;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--rmr-radius-border);
  padding: 1em;
  max-height: calc(100vh - 56px);
  outline: 0;
  border: 1px solid var(--rmr-color-border);
  color: var(--rmr-color-text);
  z-index: 999;
}

.remirror-dialog:focus {
  box-shadow: 0 0 0 0.2em var(--rmr-color-shadow-1);
}

.remirror-dialog-backdrop {
  background-color: var(--rmr-color-backdrop);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.remirror-form > *:not(:first-child) {
  margin-top: 1rem;
}

.remirror-form-message {
  font-size: 0.8em;
  margin-top: 0.5rem !important;
}

.remirror-form-label {
  display: block;
  margin: 0 0 0.5rem 0 !important;
}

input[type='checkbox'] + .remirror-form-label,
input[type='radio'] + .remirror-form-label {
  display: inline-block;
  margin: 0 0 0 0.5rem !important;
}

.remirror-form-group {
  display: block;
  color: var(--rmr-color-text);
  border: 1px solid var(--rmr-color-border);
  border-radius: var(--rmr-radius-border);
  padding: 0.5rem 1rem 1rem;
}

.remirror-form-group > * {
  display: block;
}

.remirror-group {
  display: flex;
}

.remirror-group > :not(:first-child) {
  margin-left: -1px;
}

.remirror-group > :not(:first-child):not(:last-child):not(.first-child):not(.last-child) {
  border-radius: 0;
}

.remirror-group > :first-child:not(:last-child),
.remirror-group > .first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.remirror-group > :last-child:not(:first-child),
.remirror-group > .last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.remirror-input {
  display: block;
  width: 100%;
  border-radius: var(--rmr-radius-border);
  padding: 0.5em 0.75em;
  font-size: 100%;
  border: 1px solid var(--rmr-hue-gray-2);
  color: var(--rmr-hue-gray-5);
  margin: 0 !important;
}

.remirror-input:focus {
  border-color: var(--rmr-hue-gray-3);
}

.remirror-menu {
  display: flex;
  border-radius: 0;
}

.remirror-menu-pane {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: var(--rmr-space-1);
  padding-bottom: var(--rmr-space-1);
  padding-right: var(--rmr-space-2);
}

.remirror-menu-pane-active {
  color: var(--rmr-color-primary-text);
  background-color: var(--rmr-color-primary);
}

.remirror-menu-dropdown-label {
  padding: 0 var(--rmr-space-2);
}

.remirror-menu-pane-icon {
  position: absolute;
  left: 8px;
  width: 20px;
  color: var(--rmr-hue-gray-7);
}

button:hover .remirror-menu-pane-icon,
button:active .remirror-menu-pane-icon,
[aria-checked='true'] .remirror-menu-pane-icon {
  color: var(--rmr-hue-gray-1);
}

.remirror-menu-pane-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: var(--rmr-space-3);
}

.remirror-menu-pane-shortcut {
  align-self: flex-end;
  color: var(--rmr-hue-gray-6);
}

button:hover .remirror-menu-pane-shortcut,
button:active .remirror-menu-pane-shortcut,
[aria-checked='true'] .remirror-menu-pane-shortcut {
  color: var(--rmr-hue-gray-1);
}

[role='menu'] > .remirror-menu-button-left {
  left: var(--rmr-space-2);
}

[role='menu'] > .remirror-menu-button-right {
  right: var(--rmr-space-2);
}

.remirror-menu-button-nested-left svg {
  margin-right: var(--rmr-space-2);
}

[role='menu'] > .remirror-menu-button-nested-right {
  padding-right: 2em !important;
}

.remirror-menu-button-nested-right svg {
  margin-left: var(--rmr-space-2);
}

.remirror-menu-button {
  position: relative;
}

.remirror-menu-button svg {
  fill: currentColor;
  width: 0.65em;
  height: 0.65em;
}

[role='menu'] > .remirror-menu-button svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

[role='menubar'] > .remirror-menu-button svg {
  display: none;
}

.remirror-menu-bar {
  position: relative;
  display: flex;
  white-space: nowrap;
  box-shadow: none !important;
}

.remirror-menu-bar[aria-orientation='vertical'] {
  padding: 0.25em 0;
}

.remirror-menu-bar[aria-orientation='horizontal'] {
  padding: 0;
}

.remirror-flex-column {
  flex-direction: column;
}

.remirror-flex-row {
  flex-direction: row;
}

.remirror-menu-item {
  line-height: 1.5;
  text-align: left;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  font-size: 100%;
  background: transparent;
  color: var(--rmr-color-foreground);
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-decoration: none;
}

.remirror-menu-item:focus,
.remirror-menu-item[aria-expanded='true'] {
  background-color: var(--rmr-color-primary);
  color: var(--rmr-color-primary-text);
  box-shadow: none !important;
}

.remirror-menu-item:active,
.remirror-menu-item[data-active] {
  background-color: var(--rmr-color-active-primary) !important;
  color: var(--rmr-color-active-primary-text) !important;
}

.remirror-menu-item:disabled {
  opacity: 0.5;
}

.remirror-menu-item-row {
  padding: 0 var(--rmr-space-2);
}

.remirror-menu-item-column {
  padding: 0 var(--rmr-space-4);
}

.remirror-menu-item-checkbox {
  position: relative;
  outline: 0;
}

.remirror-menu-item-checkbox[aria-checked='true']:before {
  content: '✓';
  position: absolute;
  top: 0;
  left: 0.4em;
  width: 1em;
  height: 1em;
}

.remirror-menu-item-radio {
  position: relative;
  outline: 0;
}

.remirror-menu-item-radio[aria-checked='true']:before {
  content: '•';
  position: absolute;
  font-size: 1.4em;
  top: -0.25em;
  left: 0.35em;
  width: 0.7142857143em;
  height: 0.7142857143em;
}

.remirror-menu-group {
  display: inherit;
  flex-direction: inherit;
}

.remirror-floating-popover {
  /* padding: var(--rmr-space-2); */
  padding: 0;
  border: none;
  max-height: calc(100vh - 56px);
}

.remirror-popover [data-arrow] {
  background-color: transparent;
}

.remirror-popover [data-arrow] .stroke {
  fill: var(--rmr-color-border);
}

.remirror-popover [data-arrow] .fill {
  fill: var(--rmr-color-background);
}

.remirror-animated-popover {
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
  opacity: 0;
  transform-origin: top center;
  transform: translate3d(0, -20px, 0);
}

[data-enter] .remirror-animated-popover {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.remirror-role {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: var(--rmr-font-family-default);
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
  /* border: 1px solid var(--rmr-color-border); */
}

.remirror-separator {
  border: 1px solid var(--rmr-color-border);
  border-width: 0 1px 0 0;
  margin: 0 0.5em;
  padding: 0;
  width: 0;
  height: auto;
}

.remirror-separator[aria-orientation='horizontal'] {
  border-width: 0 0 1px 0;
  margin: 0.5em 0;
  width: auto;
  height: 0;
}

.remirror-tab {
  background-color: transparent;
  border: 1px solid transparent;
  border-width: 1px 1px 0 1px;
  border-radius: var(--rmr-radius-border) var(--rmr-radius-border) 0 0;
  font-size: 100%;
  padding: 0.5em 1em;
  margin: 0 0 -1px 0;
}

.remirror-tab[aria-selected='true'] {
  background-color: var(--rmr-color-background);
  border-color: var(--rmr-color-border);
}

[aria-orientation='vertical'] .remirror-tab {
  border-width: 1px 0 1px 1px;
  border-radius: 0.2em 0 0 0.2em;
  margin: 0 -1px 0 0;
}

.remirror-tab-list {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--rmr-color-border);
  border-width: 0 0 1px 0;
  margin: 0 0 1em 0;
}

.remirror-tab-list[aria-orientation='vertical'] {
  flex-direction: column;
  border-width: 0 1px 0 0;
  margin: 0 1em 0 0;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']) {
  /* transition: box-shadow 0.15s ease-in-out; */
  outline: 0;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']):focus {
  box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
  position: relative;
  z-index: 2;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']):hover {
  z-index: 2;
}

.remirror-tabbable[aria-disabled='true'] {
  opacity: 0.5;
}

.remirror-toolbar {
  display: flex;
  flex-direction: row;

  overflow-y: auto;
}

.remirror-toolbar > *:not(:first-child) {
  margin: 0 0 0 0.5em;
}

.remirror-toolbar[aria-orientation='vertical'] {
  display: inline-flex;
  flex-direction: column;
}

.remirror-toolbar[aria-orientation='vertical'] > *:not(:first-child) {
  margin: 0.5em 0 0;
}

.remirror-tooltip {
  background-color: var(--rmr-color-faded);
  color: white;
  font-size: 0.8em;
  padding: 0.5rem;
  border-radius: var(--rmr-radius-border);
  z-index: 999;
}

.remirror-tooltip [data-arrow] {
  background-color: transparent;
}

.remirror-tooltip [data-arrow] .stroke {
  fill: transparent;
}

.remirror-tooltip [data-arrow] .fill {
  fill: var(--rmr-hue-gray-8);
}

.remirror-table-size-editor {
  background: var(--rmr-color-background);
  box-shadow: var(--rmr-color-shadow-1);
  font-family: var(--rmr-font-family-default);
  font-size: var(--rmr-font-size-1);
}

.remirror-table-size-editor-body {
  position: relative;
}

.remirror-table-size-editor-body::after {
  background: rgba(0, 0, 0, 0);
  bottom: -50px;
  content: '';
  left: 0;
  position: absolute;
  right: -50px;
  top: -50px;
}

.remirror-table-size-editor-cell {
  border: var(--rmr-color-border);
  position: absolute;
  z-index: 2;
}

.remirror-table-size-editor-cell-selected {
  background: var(--rmr-color-table-selected-border);
  border-color: var(--rmr-color-border);
}

.remirror-table-size-editor-footer {
  padding-bottom: var(--rmr-space-1);
  text-align: center;
}

.remirror-color-picker {
  background: var(--rmr-color-background);
  box-shadow: var(--rmr-box-shadow-1);
  font-family: var(--rmr-font-family-default);
  font-size: var(--rmr-font-size-1);
  padding: var(--rmr-space-2) var(--rmr-space-3);
}

.remirror-color-picker-cell {
}

.remirror-color-picker-cell-selected {
}

/**
 * Styles extracted from: packages/remirror__theme/src/core-theme.ts
 */
.remirror-editor.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  position: relative;
  font-variant-ligatures: none;
  font-feature-settings: 'liga' 0;
  overflow-y: scroll;
}

.remirror-editor.ProseMirror pre {
  white-space: pre-wrap;
}

.remirror-editor.ProseMirror li {
  position: relative;
}

.remirror-editor.ProseMirror hr {
  border-color: #2e2e2e;
}

/* Protect against generic img rules. See also https://github.com/ProseMirror/prosemirror-view/commit/aaa50d592074c8063fc2ef77907ab6d0373822fb */

.remirror-editor.ProseMirror img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}
.remirror-editor.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection *::selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection {
  caret-color: transparent;
}
.remirror-editor .ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
/* Make sure li selections wrap around markers */
.remirror-editor li.ProseMirror-selectednode {
  outline: none;
}
.remirror-editor li.ProseMirror-selectednode:after {
  content: '';
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-blockquote-theme.ts
 */
.remirror-editor.ProseMirror blockquote {
  border-left: 3px solid var(--rmr-hue-gray-3);
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  font-style: italic;
}
.remirror-editor.ProseMirror blockquote p {
  color: #888;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-callout-theme.ts
 */
.remirror-editor div[data-callout-type] {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  border-left: 2px solid transparent;
}

.remirror-editor div[data-callout-type] > :not(.remirror-callout-emoji-wrapper) {
  margin-left: 8px;
  flex-grow: 1;
}
.remirror-editor div[data-callout-type='info'] {
  background: #eef6fc;
  border-left-color: #3298dc;
}
.remirror-editor div[data-callout-type='warning'] {
  background: #fffbeb;
  border-left-color: #ffdd57;
}
.remirror-editor div[data-callout-type='error'] {
  background: #feecf0;
  border-left-color: #f14668;
}
.remirror-editor div[data-callout-type='success'] {
  background: #effaf3;
  border-left-color: #48c774;
}
.remirror-editor div[data-callout-type='blank'] {
  background: #f8f8f8;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-code-block-theme.ts
 */
.remirror-wrap {
  white-space: pre-wrap !important;
}

.remirror-language-select-positioner {
  position: absolute;
  top: var(--y);
  left: var(--x);
}

.remirror-language-select-width {
  width: var(--w);
}

.remirror-a11y-dark code[class*='language-'],
.remirror-a11y-dark pre[class*='language-'] {
  color: #f8f8f2;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-a11y-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-a11y-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-a11y-dark :not(pre) > code[class*='language-'],
.remirror-a11y-dark pre[class*='language-'] {
  background: #2b2b2b;
}

/* Inline code */

.remirror-a11y-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.remirror-a11y-dark .token.comment,
.remirror-a11y-dark .token.prolog,
.remirror-a11y-dark .token.doctype,
.remirror-a11y-dark .token.cdata {
  color: #d4d0ab;
}

.remirror-a11y-dark .token.punctuation,
.remirror-a11y-dark .token.punctuation.important {
  color: #fefefe;
}

.remirror-a11y-dark .token.property,
.remirror-a11y-dark .token.tag,
.remirror-a11y-dark .token.constant,
.remirror-a11y-dark .token.symbol,
.remirror-a11y-dark .token.deleted {
  color: #ffa07a;
}

.remirror-a11y-dark .token.boolean,
.remirror-a11y-dark .token.number {
  color: #00e0e0;
}

.remirror-a11y-dark .token.selector,
.remirror-a11y-dark .token.attr-name,
.remirror-a11y-dark .token.string,
.remirror-a11y-dark .token.char,
.remirror-a11y-dark .token.builtin,
.remirror-a11y-dark .token.inserted {
  color: #abe338;
}

.remirror-a11y-dark .token.operator,
.remirror-a11y-dark .token.entity,
.remirror-a11y-dark .token.url,
.remirror-a11y-dark .language-css .token.string,
.remirror-a11y-dark .style .token.string,
.remirror-a11y-dark .token.variable {
  color: #00e0e0;
}

.remirror-a11y-dark .token.atrule,
.remirror-a11y-dark .token.attr-value,
.remirror-a11y-dark .token.function {
  color: #ffd700;
}

.remirror-a11y-dark .token.keyword {
  color: #00e0e0;
}

.remirror-a11y-dark .token.regex,
.remirror-a11y-dark .token.important {
  color: #ffd700;
}

.remirror-a11y-dark .token.important,
.remirror-a11y-dark .token.bold {
  font-weight: bold;
}

.remirror-a11y-dark .token.italic {
  font-style: italic;
}

.remirror-a11y-dark .token.entity {
  cursor: help;
}

@media screen and (-ms-high-contrast: active) {
  .remirror-a11y-dark code[class*='language-'],
  .remirror-a11y-dark pre[class*='language-'] {
    color: windowText;
    background: window;
  }
  .remirror-a11y-dark :not(pre) > code[class*='language-'],
  .remirror-a11y-dark pre[class*='language-'] {
    background: window;
  }
  .remirror-a11y-dark .token.important {
    background: highlight;
    color: window;
    font-weight: normal;
  }
  .remirror-a11y-dark .token.atrule,
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.function,
  .remirror-a11y-dark .token.keyword,
  .remirror-a11y-dark .token.operator,
  .remirror-a11y-dark .token.selector {
    font-weight: bold;
  }
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.comment,
  .remirror-a11y-dark .token.doctype,
  .remirror-a11y-dark .token.function,
  .remirror-a11y-dark .token.keyword,
  .remirror-a11y-dark .token.operator,
  .remirror-a11y-dark .token.property,
  .remirror-a11y-dark .token.string {
    color: highlight;
  }
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.url {
    font-weight: normal;
  }
}

.remirror-atom-dark code[class*='language-'],
.remirror-atom-dark pre[class*='language-'] {
  color: #c5c8c6;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-atom-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-atom-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-atom-dark :not(pre) > code[class*='language-'],
.remirror-atom-dark pre[class*='language-'] {
  background: #1d1f21;
}

/* Inline code */

.remirror-atom-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-atom-dark .token.comment,
.remirror-atom-dark .token.prolog,
.remirror-atom-dark .token.doctype,
.remirror-atom-dark .token.cdata {
  color: #7c7c7c;
}

.remirror-atom-dark .token.punctuation,
.remirror-atom-dark .token.punctuation.important {
  color: #c5c8c6;
}

.remirror-atom-dark .namespace {
  opacity: 0.7;
}

.remirror-atom-dark .token.property,
.remirror-atom-dark .token.keyword,
.remirror-atom-dark .token.tag {
  color: #96cbfe;
}

.remirror-atom-dark .token.class-name {
  color: #ffffb6;
  text-decoration: underline;
}

.remirror-atom-dark .token.boolean,
.remirror-atom-dark .token.constant {
  color: #99cc99;
}

.remirror-atom-dark .token.symbol,
.remirror-atom-dark .token.deleted {
  color: #f92672;
}

.remirror-atom-dark .token.number {
  color: #ff73fd;
}

.remirror-atom-dark .token.selector,
.remirror-atom-dark .token.attr-name,
.remirror-atom-dark .token.string,
.remirror-atom-dark .token.char,
.remirror-atom-dark .token.builtin,
.remirror-atom-dark .token.inserted {
  color: #a8ff60;
}

.remirror-atom-dark .token.variable {
  color: #c6c5fe;
}

.remirror-atom-dark .token.operator {
  color: #ededed;
}

.remirror-atom-dark .token.entity {
  color: #ffffb6;
  /* text-decoration: underline; */
}

.remirror-atom-dark .token.url {
  color: #96cbfe;
}

.remirror-atom-dark .language-css .token.string,
.remirror-atom-dark .style .token.string {
  color: #87c38a;
}

.remirror-atom-dark .token.atrule,
.remirror-atom-dark .token.attr-value {
  color: #f9ee98;
}

.remirror-atom-dark .token.function {
  color: #dad085;
}

.remirror-atom-dark .token.regex {
  color: #e9c062;
}

.remirror-atom-dark .token.important {
  color: #fd971f;
}

.remirror-atom-dark .token.important,
.remirror-atom-dark .token.bold {
  font-weight: bold;
}

.remirror-atom-dark .token.italic {
  font-style: italic;
}

.remirror-atom-dark .token.entity {
  cursor: help;
}

.remirror-base16-ateliersulphurpool-light code[class*='language-'],
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #f5f7ff;
  color: #5e6687;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::selection {
  text-shadow: none;
  background: #dfe2f1;
}

/* Code blocks */

.remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-base16-ateliersulphurpool-light
  :has(.remirror-language-select-positioner)
  ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-base16-ateliersulphurpool-light :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-base16-ateliersulphurpool-light .token.comment,
.remirror-base16-ateliersulphurpool-light .token.prolog,
.remirror-base16-ateliersulphurpool-light .token.doctype,
.remirror-base16-ateliersulphurpool-light .token.cdata {
  color: #898ea4;
}

.remirror-base16-ateliersulphurpool-light .token.punctuation,
.remirror-base16-ateliersulphurpool-light .token.punctuation.important {
  color: #5e6687;
}

.remirror-base16-ateliersulphurpool-light .token.namespace {
  opacity: 0.7;
}

.remirror-base16-ateliersulphurpool-light .token.operator,
.remirror-base16-ateliersulphurpool-light .token.boolean,
.remirror-base16-ateliersulphurpool-light .token.number {
  color: #c76b29;
}

.remirror-base16-ateliersulphurpool-light .token.property {
  color: #c08b30;
}

.remirror-base16-ateliersulphurpool-light .token.tag {
  color: #3d8fd1;
}

.remirror-base16-ateliersulphurpool-light .token.string {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.selector {
  color: #6679cc;
}

.remirror-base16-ateliersulphurpool-light .token.attr-name {
  color: #c76b29;
}

.remirror-base16-ateliersulphurpool-light .token.entity,
.remirror-base16-ateliersulphurpool-light .token.url,
.remirror-base16-ateliersulphurpool-light .language-css .token.string,
.remirror-base16-ateliersulphurpool-light .style .token.string {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.attr-value,
.remirror-base16-ateliersulphurpool-light .token.keyword,
.remirror-base16-ateliersulphurpool-light .token.control,
.remirror-base16-ateliersulphurpool-light .token.directive,
.remirror-base16-ateliersulphurpool-light .token.unit {
  color: #ac9739;
}

.remirror-base16-ateliersulphurpool-light .token.statement,
.remirror-base16-ateliersulphurpool-light .token.regex,
.remirror-base16-ateliersulphurpool-light .token.atrule {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.placeholder,
.remirror-base16-ateliersulphurpool-light .token.variable {
  color: #3d8fd1;
}

.remirror-base16-ateliersulphurpool-light .token.deleted {
  text-decoration: line-through;
}

.remirror-base16-ateliersulphurpool-light .token.inserted {
  border-bottom: 1px dotted #202746;
  text-decoration: none;
}

.remirror-base16-ateliersulphurpool-light .token.italic {
  font-style: italic;
}

.remirror-base16-ateliersulphurpool-light .token.important,
.remirror-base16-ateliersulphurpool-light .token.bold {
  font-weight: bold;
}

.remirror-base16-ateliersulphurpool-light .token.important {
  color: #c94922;
}

.remirror-base16-ateliersulphurpool-light .token.entity {
  cursor: help;
}

.remirror-base16-ateliersulphurpool-light pre > code.highlight {
  outline: 0.4em solid #c94922;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
  border-right-color: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
  color: #979db4;
}

/* overrides color-values for the Line Highlight plugin
 * http://prismjs.com/plugins/line-highlight/
 */

.remirror-base16-ateliersulphurpool-light .line-highlight {
  background: rgba(107, 115, 148, 0.2);
  background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
}

.remirror-cb code[class*='language-'],
.remirror-cb pre[class*='language-'] {
  color: #fff;
  text-shadow: 0 1px 1px #000;
  font-family: Menlo, Monaco, 'Courier New', monospace;
  direction: ltr;
  text-align: left;
  word-spacing: normal;
  white-space: pre;
  word-wrap: normal;
  line-height: 1.4;
  background: none;
  border: 0;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-cb pre[class*='language-'] code {
  float: left;
  padding: 0 15px 0 0;
}

.remirror-cb pre[class*='language-'],
.remirror-cb :not(pre) > code[class*='language-'] {
  background: #222;
}

/* Code blocks */

.remirror-cb pre[class*='language-'] {
  padding: 15px;
  margin: 1em 0;
  overflow: auto;
  border-radius: 8px;
}

.remirror-cb :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-cb :not(pre) > code[class*='language-'] {
  padding: 5px 10px;
  line-height: 1;
  border-radius: 3px;
}

.remirror-cb .token.comment,
.remirror-cb .token.prolog,
.remirror-cb .token.doctype,
.remirror-cb .token.cdata {
  color: #797979;
}

.remirror-cb .token.selector,
.remirror-cb .token.operator,
.remirror-cb .token.punctuation,
.remirror-cb .token.punctuation.important {
  color: #fff;
}

.remirror-cb .token.namespace {
  opacity: 0.7;
}

.remirror-cb .token.tag,
.remirror-cb .token.boolean {
  color: #ffd893;
}

.remirror-cb .token.atrule,
.remirror-cb .token.attr-value,
.remirror-cb .token.hex,
.remirror-cb .token.string {
  color: #b0c975;
}

.remirror-cb .token.property,
.remirror-cb .token.entity,
.remirror-cb .token.url,
.remirror-cb .token.attr-name,
.remirror-cb .token.keyword {
  color: #c27628;
}

.remirror-cb .token.regex {
  color: #9b71c6;
}

.remirror-cb .token.entity {
  cursor: help;
}

.remirror-cb .token.function,
.remirror-cb .token.constant {
  color: #e5a638;
}

.remirror-cb .token.variable {
  color: #fdfba8;
}

.remirror-cb .token.number {
  color: #8799b0;
}

.remirror-cb .token.important,
.remirror-cb .token.deliminator {
  color: #e45734;
}

/* Line highlight plugin */

.remirror-cb pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}

.remirror-cb .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 1em; /* Same as .prism's padding-top */
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

.remirror-cb .line-highlight:before,
.remirror-cb .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.3em;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  border-radius: 8px;
  text-shadow: none;
}

.remirror-cb .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}

/* for line numbers */

.remirror-cb .line-numbers-rows {
  margin: 0;
}

.remirror-cb .line-numbers-rows span {
  padding-right: 10px;
  border-right: 3px #d9d336 solid;
}

.remirror-darcula code[class*='language-'],
.remirror-darcula pre[class*='language-'] {
  color: #a9b7c6;
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-darcula pre[class*='language-']::-moz-selection,
.remirror-darcula pre[class*='language-'] ::-moz-selection,
.remirror-darcula code[class*='language-']::-moz-selection,
.remirror-darcula code[class*='language-'] ::-moz-selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

.remirror-darcula pre[class*='language-']::-moz-selection,
.remirror-darcula pre[class*='language-'] ::-moz-selection,
.remirror-darcula code[class*='language-']::-moz-selection,
.remirror-darcula code[class*='language-'] ::-moz-selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

.remirror-darcula pre[class*='language-']::selection,
.remirror-darcula pre[class*='language-'] ::selection,
.remirror-darcula code[class*='language-']::selection,
.remirror-darcula code[class*='language-'] ::selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

/* Code blocks */

.remirror-darcula pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-darcula :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-darcula :not(pre) > code[class*='language-'],
.remirror-darcula pre[class*='language-'] {
  background: #2b2b2b;
}

/* Inline code */

.remirror-darcula :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-darcula .token.comment,
.remirror-darcula .token.prolog,
.remirror-darcula .token.cdata {
  color: #808080;
}

.remirror-darcula .token.delimiter,
.remirror-darcula .token.boolean,
.remirror-darcula .token.keyword,
.remirror-darcula .token.selector,
.remirror-darcula .token.important,
.remirror-darcula .token.atrule {
  color: #cc7832;
}

.remirror-darcula .token.operator,
.remirror-darcula .token.punctuation,
.remirror-darcula .token.attr-name {
  color: #a9b7c6;
}

.remirror-darcula .token.tag,
.remirror-darcula .token.tag .punctuation,
.remirror-darcula .token.doctype,
.remirror-darcula .token.builtin {
  color: #e8bf6a;
}

.remirror-darcula .token.entity,
.remirror-darcula .token.number,
.remirror-darcula .token.symbol {
  color: #6897bb;
}

.remirror-darcula .token.property,
.remirror-darcula .token.constant,
.remirror-darcula .token.variable {
  color: #9876aa;
}

.remirror-darcula .token.string,
.remirror-darcula .token.char {
  color: #6a8759;
}

.remirror-darcula .token.attr-value,
.remirror-darcula .token.attr-value .punctuation {
  color: #a5c261;
}

.remirror-darcula .token.attr-value .punctuation:first-of-type {
  color: #a9b7c6;
}

.remirror-darcula .token.url {
  color: #287bde;
  text-decoration: underline;
}

.remirror-darcula .token.function {
  color: #ffc66d;
}

.remirror-darcula .token.regex {
  background: #364135;
}

.remirror-darcula .token.bold {
  font-weight: bold;
}

.remirror-darcula .token.italic {
  font-style: italic;
}

.remirror-darcula .token.inserted {
  background: #294436;
}

.remirror-darcula .token.deleted {
  background: #484a4a;
}

/*code.language-css .token.punctuation, .token.punctuation.important {color:
  #cc7832;
}*/

.remirror-darcula code.language-css .token.property,
.remirror-darcula code.language-css .token.property + .token.punctuation,
.remirror-darcula .token.punctuation.important {
  color: #a9b7c6;
}

.remirror-darcula code.language-css .token.id {
  color: #ffc66d;
}

.remirror-darcula code.language-css .token.selector > .token.class,
.remirror-darcula code.language-css .token.selector > .token.attribute,
.remirror-darcula code.language-css .token.selector > .token.pseudo-class,
.remirror-darcula code.language-css .token.selector > .token.pseudo-element {
  color: #ffc66d;
}

.remirror-dracula code[class*='language-'],
.remirror-dracula pre[class*='language-'] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-dracula pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-dracula :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-dracula :not(pre) > code[class*='language-'],
.remirror-dracula pre[class*='language-'] {
  background: #282a36;
}

/* Inline code */

.remirror-dracula :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.remirror-dracula .token.comment,
.remirror-dracula .token.prolog,
.remirror-dracula .token.doctype,
.remirror-dracula .token.cdata {
  color: #6272a4;
}

.remirror-dracula .token.punctuation,
.remirror-dracula .token.punctuation.important {
  color: #f8f8f2;
}

.remirror-dracula .namespace {
  opacity: 0.7;
}

.remirror-dracula .token.property,
.remirror-dracula .token.tag,
.remirror-dracula .token.constant,
.remirror-dracula .token.symbol,
.remirror-dracula .token.deleted {
  color: #ff79c6;
}

.remirror-dracula .token.boolean,
.remirror-dracula .token.number {
  color: #bd93f9;
}

.remirror-dracula .token.selector,
.remirror-dracula .token.attr-name,
.remirror-dracula .token.string,
.remirror-dracula .token.char,
.remirror-dracula .token.builtin,
.remirror-dracula .token.inserted {
  color: #50fa7b;
}

.remirror-dracula .token.operator,
.remirror-dracula .token.entity,
.remirror-dracula .token.url,
.remirror-dracula .language-css .token.string,
.remirror-dracula .style .token.string,
.remirror-dracula .token.variable {
  color: #f8f8f2;
}

.remirror-dracula .token.atrule,
.remirror-dracula .token.attr-value,
.remirror-dracula .token.function,
.remirror-dracula .token.class-name {
  color: #f1fa8c;
}

.remirror-dracula .token.keyword {
  color: #8be9fd;
}

.remirror-dracula .token.regex,
.remirror-dracula .token.important {
  color: #ffb86c;
}

.remirror-dracula .token.important,
.remirror-dracula .token.bold {
  font-weight: bold;
}

.remirror-dracula .token.italic {
  font-style: italic;
}

.remirror-dracula .token.entity {
  cursor: help;
}

.remirror-duotone-dark code[class*='language-'],
.remirror-duotone-dark pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #2a2734;
  color: #9a86fd;
}

.remirror-duotone-dark pre[class*='language-']::-moz-selection,
.remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
.remirror-duotone-dark code[class*='language-']::-moz-selection,
.remirror-duotone-dark code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6a51e6;
}

.remirror-duotone-dark pre[class*='language-']::-moz-selection,
.remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
.remirror-duotone-dark code[class*='language-']::-moz-selection,
.remirror-duotone-dark code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6a51e6;
}

.remirror-duotone-dark pre[class*='language-']::selection,
.remirror-duotone-dark pre[class*='language-'] ::selection,
.remirror-duotone-dark code[class*='language-']::selection,
.remirror-duotone-dark code[class*='language-'] ::selection {
  text-shadow: none;
  background: #6a51e6;
}

/* Code blocks */

.remirror-duotone-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-dark :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-dark .token.comment,
.remirror-duotone-dark .token.prolog,
.remirror-duotone-dark .token.doctype,
.remirror-duotone-dark .token.cdata {
  color: #6c6783;
}

.remirror-duotone-dark .token.punctuation,
.remirror-duotone-dark .token.punctuation.important {
  color: #6c6783;
}

.remirror-duotone-dark .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-dark .token.tag,
.remirror-duotone-dark .token.operator,
.remirror-duotone-dark .token.number {
  color: #e09142;
}

.remirror-duotone-dark .token.property,
.remirror-duotone-dark .token.function {
  color: #9a86fd;
}

.remirror-duotone-dark .token.tag-id,
.remirror-duotone-dark .token.selector,
.remirror-duotone-dark .token.atrule-id {
  color: #eeebff;
}

.remirror-duotone-dark code.language-javascript,
.remirror-duotone-dark .token.attr-name {
  color: #c4b9fe;
}

.remirror-duotone-dark code.language-css,
.remirror-duotone-dark code.language-scss,
.remirror-duotone-dark .token.boolean,
.remirror-duotone-dark .token.string,
.remirror-duotone-dark .token.entity,
.remirror-duotone-dark .token.url,
.remirror-duotone-dark .language-css .token.string,
.remirror-duotone-dark .language-scss .token.string,
.remirror-duotone-dark .style .token.string,
.remirror-duotone-dark .token.attr-value,
.remirror-duotone-dark .token.keyword,
.remirror-duotone-dark .token.control,
.remirror-duotone-dark .token.directive,
.remirror-duotone-dark .token.unit,
.remirror-duotone-dark .token.statement,
.remirror-duotone-dark .token.regex,
.remirror-duotone-dark .token.atrule {
  color: #ffcc99;
}

.remirror-duotone-dark .token.placeholder,
.remirror-duotone-dark .token.variable {
  color: #ffcc99;
}

.remirror-duotone-dark .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-dark .token.inserted {
  border-bottom: 1px dotted #eeebff;
  text-decoration: none;
}

.remirror-duotone-dark .token.italic {
  font-style: italic;
}

.remirror-duotone-dark .token.important,
.remirror-duotone-dark .token.bold {
  font-weight: bold;
}

.remirror-duotone-dark .token.important {
  color: #c4b9fe;
}

.remirror-duotone-dark .token.entity {
  cursor: help;
}

.remirror-duotone-dark pre > code.highlight {
  outline: 0.4em solid #8a75f5;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-dark .line-numbers .line-numbers-rows {
  border-right-color: #2c2937;
}

.remirror-duotone-dark .line-numbers-rows > span:before {
  color: #3c3949;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-dark .line-highlight {
  background: rgba(224, 145, 66, 0.2);
  background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
}

.remirror-duotone-earth code[class*='language-'],
.remirror-duotone-earth pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #322d29;
  color: #88786d;
}

.remirror-duotone-earth pre[class*='language-']::-moz-selection,
.remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
.remirror-duotone-earth code[class*='language-']::-moz-selection,
.remirror-duotone-earth code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6f5849;
}

.remirror-duotone-earth pre[class*='language-']::-moz-selection,
.remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
.remirror-duotone-earth code[class*='language-']::-moz-selection,
.remirror-duotone-earth code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6f5849;
}

.remirror-duotone-earth pre[class*='language-']::selection,
.remirror-duotone-earth pre[class*='language-'] ::selection,
.remirror-duotone-earth code[class*='language-']::selection,
.remirror-duotone-earth code[class*='language-'] ::selection {
  text-shadow: none;
  background: #6f5849;
}

/* Code blocks */

.remirror-duotone-earth pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-earth :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-earth :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-earth .token.comment,
.remirror-duotone-earth .token.prolog,
.remirror-duotone-earth .token.doctype,
.remirror-duotone-earth .token.cdata {
  color: #6a5f58;
}

.remirror-duotone-earth .token.punctuation,
.remirror-duotone-earth .token.punctuation.important {
  color: #6a5f58;
}

.remirror-duotone-earth .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-earth .token.tag,
.remirror-duotone-earth .token.operator,
.remirror-duotone-earth .token.number {
  color: #bfa05a;
}

.remirror-duotone-earth .token.property,
.remirror-duotone-earth .token.function {
  color: #88786d;
}

.remirror-duotone-earth .token.tag-id,
.remirror-duotone-earth .token.selector,
.remirror-duotone-earth .token.atrule-id {
  color: #fff3eb;
}

.remirror-duotone-earth code.language-javascript,
.remirror-duotone-earth .token.attr-name {
  color: #a48774;
}

.remirror-duotone-earth code.language-css,
.remirror-duotone-earth code.language-scss,
.remirror-duotone-earth .token.boolean,
.remirror-duotone-earth .token.string,
.remirror-duotone-earth .token.entity,
.remirror-duotone-earth .token.url,
.remirror-duotone-earth .language-css .token.string,
.remirror-duotone-earth .language-scss .token.string,
.remirror-duotone-earth .style .token.string,
.remirror-duotone-earth .token.attr-value,
.remirror-duotone-earth .token.keyword,
.remirror-duotone-earth .token.control,
.remirror-duotone-earth .token.directive,
.remirror-duotone-earth .token.unit,
.remirror-duotone-earth .token.statement,
.remirror-duotone-earth .token.regex,
.remirror-duotone-earth .token.atrule {
  color: #fcc440;
}

.remirror-duotone-earth .token.placeholder,
.remirror-duotone-earth .token.variable {
  color: #fcc440;
}

.remirror-duotone-earth .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-earth .token.inserted {
  border-bottom: 1px dotted #fff3eb;
  text-decoration: none;
}

.remirror-duotone-earth .token.italic {
  font-style: italic;
}

.remirror-duotone-earth .token.important,
.remirror-duotone-earth .token.bold {
  font-weight: bold;
}

.remirror-duotone-earth .token.important {
  color: #a48774;
}

.remirror-duotone-earth .token.entity {
  cursor: help;
}

.remirror-duotone-earth pre > code.highlight {
  outline: 0.4em solid #816d5f;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-earth .line-numbers .line-numbers-rows {
  border-right-color: #35302b;
}

.remirror-duotone-earth .line-numbers-rows > span:before {
  color: #46403d;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-earth .line-highlight {
  background: rgba(191, 160, 90, 0.2);
  background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
}

.remirror-duotone-forest code[class*='language-'],
.remirror-duotone-forest pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #2a2d2a;
  color: #687d68;
}

.remirror-duotone-forest pre[class*='language-']::-moz-selection,
.remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
.remirror-duotone-forest code[class*='language-']::-moz-selection,
.remirror-duotone-forest code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #435643;
}

.remirror-duotone-forest pre[class*='language-']::-moz-selection,
.remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
.remirror-duotone-forest code[class*='language-']::-moz-selection,
.remirror-duotone-forest code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #435643;
}

.remirror-duotone-forest pre[class*='language-']::selection,
.remirror-duotone-forest pre[class*='language-'] ::selection,
.remirror-duotone-forest code[class*='language-']::selection,
.remirror-duotone-forest code[class*='language-'] ::selection {
  text-shadow: none;
  background: #435643;
}

/* Code blocks */

.remirror-duotone-forest pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-forest :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-forest :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-forest .token.comment,
.remirror-duotone-forest .token.prolog,
.remirror-duotone-forest .token.doctype,
.remirror-duotone-forest .token.cdata {
  color: #535f53;
}

.remirror-duotone-forest .token.punctuation,
.remirror-duotone-forest .token.punctuation.important {
  color: #535f53;
}

.remirror-duotone-forest .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-forest .token.tag,
.remirror-duotone-forest .token.operator,
.remirror-duotone-forest .token.number {
  color: #a2b34d;
}

.remirror-duotone-forest .token.property,
.remirror-duotone-forest .token.function {
  color: #687d68;
}

.remirror-duotone-forest .token.tag-id,
.remirror-duotone-forest .token.selector,
.remirror-duotone-forest .token.atrule-id {
  color: #f0fff0;
}

.remirror-duotone-forest code.language-javascript,
.remirror-duotone-forest .token.attr-name {
  color: #b3d6b3;
}

.remirror-duotone-forest code.language-css,
.remirror-duotone-forest code.language-scss,
.remirror-duotone-forest .token.boolean,
.remirror-duotone-forest .token.string,
.remirror-duotone-forest .token.entity,
.remirror-duotone-forest .token.url,
.remirror-duotone-forest .language-css .token.string,
.remirror-duotone-forest .language-scss .token.string,
.remirror-duotone-forest .style .token.string,
.remirror-duotone-forest .token.attr-value,
.remirror-duotone-forest .token.keyword,
.remirror-duotone-forest .token.control,
.remirror-duotone-forest .token.directive,
.remirror-duotone-forest .token.unit,
.remirror-duotone-forest .token.statement,
.remirror-duotone-forest .token.regex,
.remirror-duotone-forest .token.atrule {
  color: #e5fb79;
}

.remirror-duotone-forest .token.placeholder,
.remirror-duotone-forest .token.variable {
  color: #e5fb79;
}

.remirror-duotone-forest .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-forest .token.inserted {
  border-bottom: 1px dotted #f0fff0;
  text-decoration: none;
}

.remirror-duotone-forest .token.italic {
  font-style: italic;
}

.remirror-duotone-forest .token.important,
.remirror-duotone-forest .token.bold {
  font-weight: bold;
}

.remirror-duotone-forest .token.important {
  color: #b3d6b3;
}

.remirror-duotone-forest .token.entity {
  cursor: help;
}

.remirror-duotone-forest pre > code.highlight {
  outline: 0.4em solid #5c705c;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-forest .line-numbers .line-numbers-rows {
  border-right-color: #2c302c;
}

.remirror-duotone-forest .line-numbers-rows > span:before {
  color: #3b423b;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-forest .line-highlight {
  background: rgba(162, 179, 77, 0.2);
  background: linear-gradient(to right, rgba(162, 179, 77, 0.2) 70%, rgba(162, 179, 77, 0));
}

.remirror-duotone-light code[class*='language-'],
.remirror-duotone-light pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #faf8f5;
  color: #728fcb;
}

.remirror-duotone-light pre[class*='language-']::-moz-selection,
.remirror-duotone-light pre[class*='language-'] ::-moz-selection,
.remirror-duotone-light code[class*='language-']::-moz-selection,
.remirror-duotone-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #faf8f5;
}

.remirror-duotone-light pre[class*='language-']::-moz-selection,
.remirror-duotone-light pre[class*='language-'] ::-moz-selection,
.remirror-duotone-light code[class*='language-']::-moz-selection,
.remirror-duotone-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #faf8f5;
}

.remirror-duotone-light pre[class*='language-']::selection,
.remirror-duotone-light pre[class*='language-'] ::selection,
.remirror-duotone-light code[class*='language-']::selection,
.remirror-duotone-light code[class*='language-'] ::selection {
  text-shadow: none;
  background: #faf8f5;
}

/* Code blocks */

.remirror-duotone-light pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-light :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-light :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-light .token.comment,
.remirror-duotone-light .token.prolog,
.remirror-duotone-light .token.doctype,
.remirror-duotone-light .token.cdata {
  color: #b6ad9a;
}

.remirror-duotone-light .token.punctuation,
.remirror-duotone-light .token.punctuation.important {
  color: #b6ad9a;
}

.remirror-duotone-light .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-light .token.tag,
.remirror-duotone-light .token.operator,
.remirror-duotone-light .token.number {
  color: #063289;
}

.remirror-duotone-light .token.property,
.remirror-duotone-light .token.function {
  color: #b29762;
}

.remirror-duotone-light .token.tag-id,
.remirror-duotone-light .token.selector,
.remirror-duotone-light .token.atrule-id {
  color: #2d2006;
}

.remirror-duotone-light code.language-javascript,
.remirror-duotone-light .token.attr-name {
  color: #896724;
}

.remirror-duotone-light code.language-css,
.remirror-duotone-light code.language-scss,
.remirror-duotone-light .token.boolean,
.remirror-duotone-light .token.string,
.remirror-duotone-light .token.entity,
.remirror-duotone-light .token.url,
.remirror-duotone-light .language-css .token.string,
.remirror-duotone-light .language-scss .token.string,
.remirror-duotone-light .style .token.string,
.remirror-duotone-light .token.attr-value,
.remirror-duotone-light .token.keyword,
.remirror-duotone-light .token.control,
.remirror-duotone-light .token.directive,
.remirror-duotone-light .token.unit,
.remirror-duotone-light .token.statement,
.remirror-duotone-light .token.regex,
.remirror-duotone-light .token.atrule {
  color: #728fcb;
}

.remirror-duotone-light .token.placeholder,
.remirror-duotone-light .token.variable {
  color: #93abdc;
}

.remirror-duotone-light .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-light .token.inserted {
  border-bottom: 1px dotted #2d2006;
  text-decoration: none;
}

.remirror-duotone-light .token.italic {
  font-style: italic;
}

.remirror-duotone-light .token.important,
.remirror-duotone-light .token.bold {
  font-weight: bold;
}

.remirror-duotone-light .token.important {
  color: #896724;
}

.remirror-duotone-light .token.entity {
  cursor: help;
}

.remirror-duotone-light pre > code.highlight {
  outline: 0.4em solid #896724;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-light .line-numbers .line-numbers-rows {
  border-right-color: #ece8de;
}

.remirror-duotone-light .line-numbers-rows > span:before {
  color: #cdc4b1;
}

/* overrides color-values for the Line Highlight plugin
 * http://prismjs.com/plugins/line-highlight/
 */

.remirror-duotone-light .line-highlight {
  background: rgba(45, 32, 6, 0.2);
  background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
}

.remirror-duotone-sea code[class*='language-'],
.remirror-duotone-sea pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #1d262f;
  color: #57718e;
}

.remirror-duotone-sea pre[class*='language-']::-moz-selection,
.remirror-duotone-sea pre[class*='language-'] ::-moz-selection,
.remirror-duotone-sea code[class*='language-']::-moz-selection,
.remirror-duotone-sea code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #004a9e;
}

.remirror-duotone-sea pre[class*='language-']::-moz-selection,
.remirror-duotone-sea pre[class*='language-'] ::-moz-selection,
.remirror-duotone-sea code[class*='language-']::-moz-selection,
.remirror-duotone-sea code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #004a9e;
}

.remirror-duotone-sea pre[class*='language-']::selection,
.remirror-duotone-sea pre[class*='language-'] ::selection,
.remirror-duotone-sea code[class*='language-']::selection,
.remirror-duotone-sea code[class*='language-'] ::selection {
  text-shadow: none;
  background: #004a9e;
}

/* Code blocks */

.remirror-duotone-sea pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-sea :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-sea :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-sea .token.comment,
.remirror-duotone-sea .token.prolog,
.remirror-duotone-sea .token.doctype,
.remirror-duotone-sea .token.cdata {
  color: #4a5f78;
}

.remirror-duotone-sea .token.punctuation,
.remirror-duotone-sea .token.punctuation.important {
  color: #4a5f78;
}

.remirror-duotone-sea .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-sea .token.tag,
.remirror-duotone-sea .token.operator,
.remirror-duotone-sea .token.number {
  color: #0aa370;
}

.remirror-duotone-sea .token.property,
.remirror-duotone-sea .token.function {
  color: #57718e;
}

.remirror-duotone-sea .token.tag-id,
.remirror-duotone-sea .token.selector,
.remirror-duotone-sea .token.atrule-id {
  color: #ebf4ff;
}

.remirror-duotone-sea code.language-javascript,
.remirror-duotone-sea .token.attr-name {
  color: #7eb6f6;
}

.remirror-duotone-sea code.language-css,
.remirror-duotone-sea code.language-scss,
.remirror-duotone-sea .token.boolean,
.remirror-duotone-sea .token.string,
.remirror-duotone-sea .token.entity,
.remirror-duotone-sea .token.url,
.remirror-duotone-sea .language-css .token.string,
.remirror-duotone-sea .language-scss .token.string,
.remirror-duotone-sea .style .token.string,
.remirror-duotone-sea .token.attr-value,
.remirror-duotone-sea .token.keyword,
.remirror-duotone-sea .token.control,
.remirror-duotone-sea .token.directive,
.remirror-duotone-sea .token.unit,
.remirror-duotone-sea .token.statement,
.remirror-duotone-sea .token.regex,
.remirror-duotone-sea .token.atrule {
  color: #47ebb4;
}

.remirror-duotone-sea .token.placeholder,
.remirror-duotone-sea .token.variable {
  color: #47ebb4;
}

.remirror-duotone-sea .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-sea .token.inserted {
  border-bottom: 1px dotted #ebf4ff;
  text-decoration: none;
}

.remirror-duotone-sea .token.italic {
  font-style: italic;
}

.remirror-duotone-sea .token.important,
.remirror-duotone-sea .token.bold {
  font-weight: bold;
}

.remirror-duotone-sea .token.important {
  color: #7eb6f6;
}

.remirror-duotone-sea .token.entity {
  cursor: help;
}

.remirror-duotone-sea pre > code.highlight {
  outline: 0.4em solid #34659d;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-sea .line-numbers .line-numbers-rows {
  border-right-color: #1f2932;
}

.remirror-duotone-sea .line-numbers-rows > span:before {
  color: #2c3847;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-sea .line-highlight {
  background: rgba(10, 163, 112, 0.2);
  background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0));
}

.remirror-duotone-space code[class*='language-'],
.remirror-duotone-space pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #24242e;
  color: #767693;
}

.remirror-duotone-space pre[class*='language-']::-moz-selection,
.remirror-duotone-space pre[class*='language-'] ::-moz-selection,
.remirror-duotone-space code[class*='language-']::-moz-selection,
.remirror-duotone-space code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #5151e6;
}

.remirror-duotone-space pre[class*='language-']::-moz-selection,
.remirror-duotone-space pre[class*='language-'] ::-moz-selection,
.remirror-duotone-space code[class*='language-']::-moz-selection,
.remirror-duotone-space code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #5151e6;
}

.remirror-duotone-space pre[class*='language-']::selection,
.remirror-duotone-space pre[class*='language-'] ::selection,
.remirror-duotone-space code[class*='language-']::selection,
.remirror-duotone-space code[class*='language-'] ::selection {
  text-shadow: none;
  background: #5151e6;
}

/* Code blocks */

.remirror-duotone-space pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-duotone-space :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-duotone-space :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-space .token.comment,
.remirror-duotone-space .token.prolog,
.remirror-duotone-space .token.doctype,
.remirror-duotone-space .token.cdata {
  color: #5b5b76;
}

.remirror-duotone-space .token.punctuation,
.remirror-duotone-space .token.punctuation.important {
  color: #5b5b76;
}

.remirror-duotone-space .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-space .token.tag,
.remirror-duotone-space .token.operator,
.remirror-duotone-space .token.number {
  color: #dd672c;
}

.remirror-duotone-space .token.property,
.remirror-duotone-space .token.function {
  color: #767693;
}

.remirror-duotone-space .token.tag-id,
.remirror-duotone-space .token.selector,
.remirror-duotone-space .token.atrule-id {
  color: #ebebff;
}

.remirror-duotone-space code.language-javascript,
.remirror-duotone-space .token.attr-name {
  color: #aaaaca;
}

.remirror-duotone-space code.language-css,
.remirror-duotone-space code.language-scss,
.remirror-duotone-space .token.boolean,
.remirror-duotone-space .token.string,
.remirror-duotone-space .token.entity,
.remirror-duotone-space .token.url,
.remirror-duotone-space .language-css .token.string,
.remirror-duotone-space .language-scss .token.string,
.remirror-duotone-space .style .token.string,
.remirror-duotone-space .token.attr-value,
.remirror-duotone-space .token.keyword,
.remirror-duotone-space .token.control,
.remirror-duotone-space .token.directive,
.remirror-duotone-space .token.unit,
.remirror-duotone-space .token.statement,
.remirror-duotone-space .token.regex,
.remirror-duotone-space .token.atrule {
  color: #fe8c52;
}

.remirror-duotone-space .token.placeholder,
.remirror-duotone-space .token.variable {
  color: #fe8c52;
}

.remirror-duotone-space .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-space .token.inserted {
  border-bottom: 1px dotted #ebebff;
  text-decoration: none;
}

.remirror-duotone-space .token.italic {
  font-style: italic;
}

.remirror-duotone-space .token.important,
.remirror-duotone-space .token.bold {
  font-weight: bold;
}

.remirror-duotone-space .token.important {
  color: #aaaaca;
}

.remirror-duotone-space .token.entity {
  cursor: help;
}

.remirror-duotone-space pre > code.highlight {
  outline: 0.4em solid #7676f4;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-space .line-numbers .line-numbers-rows {
  border-right-color: #262631;
}

.remirror-duotone-space .line-numbers-rows > span:before {
  color: #393949;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-space .line-highlight {
  background: rgba(221, 103, 44, 0.2);
  background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
}

.remirror-gh-colors code[class*='language-'],
.remirror-gh-colors pre[class*='language-'] {
  color: #393a34;
  font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: 0.95em;
  line-height: 1.2em;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-gh-colors pre[class*='language-']::-moz-selection,
.remirror-gh-colors pre[class*='language-'] ::-moz-selection,
.remirror-gh-colors code[class*='language-']::-moz-selection,
.remirror-gh-colors code[class*='language-'] ::-moz-selection {
  background: #b3d4fc;
}

.remirror-gh-colors pre[class*='language-']::-moz-selection,
.remirror-gh-colors pre[class*='language-'] ::-moz-selection,
.remirror-gh-colors code[class*='language-']::-moz-selection,
.remirror-gh-colors code[class*='language-'] ::-moz-selection {
  background: #b3d4fc;
}

.remirror-gh-colors pre[class*='language-']::selection,
.remirror-gh-colors pre[class*='language-'] ::selection,
.remirror-gh-colors code[class*='language-']::selection,
.remirror-gh-colors code[class*='language-'] ::selection {
  background: #b3d4fc;
}

/* Code blocks */

.remirror-gh-colors pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 1px solid #dddddd;
  background-color: white;
}

.remirror-gh-colors :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-gh-colors :not(pre) > code[class*='language-'],
.remirror-gh-colors pre[class*='language-'] {
}

/* Inline code */

.remirror-gh-colors :not(pre) > code[class*='language-'] {
  padding: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
}

.remirror-gh-colors .token.comment,
.remirror-gh-colors .token.prolog,
.remirror-gh-colors .token.doctype,
.remirror-gh-colors .token.cdata {
  color: #999988;
  font-style: italic;
}

.remirror-gh-colors .token.namespace {
  opacity: 0.7;
}

.remirror-gh-colors .token.string,
.remirror-gh-colors .token.attr-value {
  color: #e3116c;
}

.remirror-gh-colors .token.punctuation,
.remirror-gh-colors .token.operator {
  color: #393a34; /* no highlight */
}

.remirror-gh-colors .token.entity,
.remirror-gh-colors .token.url,
.remirror-gh-colors .token.symbol,
.remirror-gh-colors .token.number,
.remirror-gh-colors .token.boolean,
.remirror-gh-colors .token.variable,
.remirror-gh-colors .token.constant,
.remirror-gh-colors .token.property,
.remirror-gh-colors .token.regex,
.remirror-gh-colors .token.inserted {
  color: #36acaa;
}

.remirror-gh-colors .token.atrule,
.remirror-gh-colors .token.keyword,
.remirror-gh-colors .token.attr-name,
.remirror-gh-colors .language-autohotkey .token.selector {
  color: #00a4db;
}

.remirror-gh-colors .token.function,
.remirror-gh-colors .token.deleted,
.remirror-gh-colors .language-autohotkey .token.tag {
  color: #9a050f;
}

.remirror-gh-colors .token.tag,
.remirror-gh-colors .token.selector,
.remirror-gh-colors .language-autohotkey .token.keyword {
  color: #00009f;
}

.remirror-gh-colors .token.important,
.remirror-gh-colors .token.function,
.remirror-gh-colors .token.bold {
  font-weight: bold;
}

.remirror-gh-colors .token.italic {
  font-style: italic;
}

.remirror-hopscotch code[class*='language-'],
.remirror-hopscotch pre[class*='language-'] {
  color: #ffffff;
  font-family: 'Fira Mono', Menlo, Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
  font-size: 16px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  word-spacing: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  background: #322931;
  color: #b9b5b8;
}

/* Code blocks */

.remirror-hopscotch pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-hopscotch :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-hopscotch :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-hopscotch .token.comment,
.remirror-hopscotch .token.prolog,
.remirror-hopscotch .token.doctype,
.remirror-hopscotch .token.cdata {
  color: #797379;
}

.remirror-hopscotch .token.punctuation,
.remirror-hopscotch .token.punctuation.important {
  color: #b9b5b8;
}

.remirror-hopscotch .namespace {
  opacity: 0.7;
}

.remirror-hopscotch .token.null,
.remirror-hopscotch .token.operator,
.remirror-hopscotch .token.boolean,
.remirror-hopscotch .token.number {
  color: #fd8b19;
}

.remirror-hopscotch .token.property {
  color: #fdcc59;
}

.remirror-hopscotch .token.tag {
  color: #1290bf;
}

.remirror-hopscotch .token.string {
  color: #149b93;
}

.remirror-hopscotch .token.selector {
  color: #c85e7c;
}

.remirror-hopscotch .token.attr-name {
  color: #fd8b19;
}

.remirror-hopscotch .token.entity,
.remirror-hopscotch .token.url,
.remirror-hopscotch .language-css .token.string,
.remirror-hopscotch .style .token.string {
  color: #149b93;
}

.remirror-hopscotch .token.attr-value,
.remirror-hopscotch .token.keyword,
.remirror-hopscotch .token.control,
.remirror-hopscotch .token.directive,
.remirror-hopscotch .token.unit {
  color: #8fc13e;
}

.remirror-hopscotch .token.statement,
.remirror-hopscotch .token.regex,
.remirror-hopscotch .token.atrule {
  color: #149b93;
}

.remirror-hopscotch .token.placeholder,
.remirror-hopscotch .token.variable {
  color: #1290bf;
}

.remirror-hopscotch .token.important {
  color: #dd464c;
  font-weight: bold;
}

.remirror-hopscotch .token.entity {
  cursor: help;
}

.remirror-hopscotch pre > code.highlight {
  outline: 0.4em solid red;
  outline-offset: 0.4em;
}

.remirror-pojoaque code[class*='language-'],
.remirror-pojoaque pre[class*='language-'] {
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  font-family: Menlo, Monaco, 'Courier New', monospace;
  font-size: 15px;
  line-height: 1.5;
  color: #dccf8f;
  text-shadow: 0;
}

.remirror-pojoaque pre[class*='language-'],
.remirror-pojoaque :not(pre) > code[class*='language-'] {
  border-radius: 5px;
  border: 1px solid #000;
  color: #dccf8f;
  background: #181914
    url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==')
    repeat left top;
}

.remirror-pojoaque pre[class*='language-'] {
  padding: 12px;
  overflow: auto;
}

.remirror-pojoaque :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-pojoaque :not(pre) > code[class*='language-'] {
  padding: 2px 6px;
}

.remirror-pojoaque .token.namespace {
  opacity: 0.7;
}

.remirror-pojoaque .token.comment,
.remirror-pojoaque .token.prolog,
.remirror-pojoaque .token.doctype,
.remirror-pojoaque .token.cdata {
  color: #586e75;
  font-style: italic;
}

.remirror-pojoaque .token.number,
.remirror-pojoaque .token.string,
.remirror-pojoaque .token.char,
.remirror-pojoaque .token.builtin,
.remirror-pojoaque .token.inserted {
  color: #468966;
}

.remirror-pojoaque .token.attr-name {
  color: #b89859;
}

.remirror-pojoaque .token.operator,
.remirror-pojoaque .token.entity,
.remirror-pojoaque .token.url,
.remirror-pojoaque .language-css .token.string,
.remirror-pojoaque .style .token.string {
  color: #dccf8f;
}

.remirror-pojoaque .token.selector,
.remirror-pojoaque .token.regex {
  color: #859900;
}

.remirror-pojoaque .token.atrule,
.remirror-pojoaque .token.keyword {
  color: #cb4b16;
}

.remirror-pojoaque .token.attr-value {
  color: #468966;
}

.remirror-pojoaque .token.function,
.remirror-pojoaque .token.variable,
.remirror-pojoaque .token.placeholder {
  color: #b58900;
}

.remirror-pojoaque .token.property,
.remirror-pojoaque .token.tag,
.remirror-pojoaque .token.boolean,
.remirror-pojoaque .token.number,
.remirror-pojoaque .token.constant,
.remirror-pojoaque .token.symbol {
  color: #b89859;
}

.remirror-pojoaque .token.tag {
  color: #ffb03b;
}

.remirror-pojoaque .token.important,
.remirror-pojoaque .token.statement,
.remirror-pojoaque .token.deleted {
  color: #dc322f;
}

.remirror-pojoaque .token.punctuation,
.remirror-pojoaque .token.punctuation.important {
  color: #dccf8f;
}

.remirror-pojoaque .token.entity {
  cursor: help;
}

.remirror-pojoaque .token.bold {
  font-weight: bold;
}

.remirror-pojoaque .token.italic {
  font-style: italic;
}

.remirror-vs code[class*='language-'],
.remirror-vs pre[class*='language-'] {
  color: #393a34;
  font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: 0.95em;
  line-height: 1.2em;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-vs pre[class*='language-']::-moz-selection,
.remirror-vs pre[class*='language-'] ::-moz-selection,
.remirror-vs code[class*='language-']::-moz-selection,
.remirror-vs code[class*='language-'] ::-moz-selection {
  background: #c1def1;
}

.remirror-vs pre[class*='language-']::-moz-selection,
.remirror-vs pre[class*='language-'] ::-moz-selection,
.remirror-vs code[class*='language-']::-moz-selection,
.remirror-vs code[class*='language-'] ::-moz-selection {
  background: #c1def1;
}

.remirror-vs pre[class*='language-']::selection,
.remirror-vs pre[class*='language-'] ::selection,
.remirror-vs code[class*='language-']::selection,
.remirror-vs code[class*='language-'] ::selection {
  background: #c1def1;
}

/* Code blocks */

.remirror-vs pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 1px solid #dddddd;
  background-color: white;
}

.remirror-vs :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

/* Inline code */

.remirror-vs :not(pre) > code[class*='language-'] {
  padding: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
}

.remirror-vs .token.comment,
.remirror-vs .token.prolog,
.remirror-vs .token.doctype,
.remirror-vs .token.cdata {
  color: #008000;
  font-style: italic;
}

.remirror-vs .token.namespace {
  opacity: 0.7;
}

.remirror-vs .token.string {
  color: #a31515;
}

.remirror-vs .token.punctuation,
.remirror-vs .token.operator {
  color: #393a34; /* no highlight */
}

.remirror-vs .token.url,
.remirror-vs .token.symbol,
.remirror-vs .token.number,
.remirror-vs .token.boolean,
.remirror-vs .token.variable,
.remirror-vs .token.constant,
.remirror-vs .token.inserted {
  color: #36acaa;
}

.remirror-vs .token.atrule,
.remirror-vs .token.keyword,
.remirror-vs .token.attr-value,
.remirror-vs .language-autohotkey .token.selector,
.remirror-vs .language-json .token.boolean,
.remirror-vs .language-json .token.number,
.remirror-vs code[class*='language-css'] {
  color: #0000ff;
}

.remirror-vs .token.function {
  color: #393a34;
}

.remirror-vs .token.deleted,
.remirror-vs .language-autohotkey .token.tag {
  color: #9a050f;
}

.remirror-vs .token.selector,
.remirror-vs .language-autohotkey .token.keyword {
  color: #00009f;
}

.remirror-vs .token.important,
.remirror-vs .token.bold {
  font-weight: bold;
}

.remirror-vs .token.italic {
  font-style: italic;
}

.remirror-vs .token.class-name,
.remirror-vs .language-json .token.property {
  color: #2b91af;
}

.remirror-vs .token.tag,
.remirror-vs .token.selector {
  color: #800000;
}

.remirror-vs .token.attr-name,
.remirror-vs .token.property,
.remirror-vs .token.regex,
.remirror-vs .token.entity {
  color: #ff0000;
}

.remirror-vs .token.directive.tag .tag {
  background: #ffff00;
  color: #393a34;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-vs .line-numbers .line-numbers-rows {
  border-right-color: #a5a5a5;
}

.remirror-vs .line-numbers-rows > span:before {
  color: #2b91af;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-vs .line-highlight {
  background: rgba(193, 222, 241, 0.2);
  background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
}

.remirror-xonokai code[class*='language-'],
.remirror-xonokai pre[class*='language-'] {
  -moz-tab-size: 2;
  tab-size: 2;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: normal;
  font-family: Menlo, Monaco, 'Courier New', monospace;
  font-size: 14px;
  color: #76d9e6;
  text-shadow: none;
}

.remirror-xonokai pre[class*='language-'],
.remirror-xonokai :not(pre) > code[class*='language-'] {
  background: #2a2a2a;
}

.remirror-xonokai pre[class*='language-'] {
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e1e1e8;
  overflow: auto;
}

.remirror-xonokai :has(.remirror-language-select-positioner) ~ pre[class*='language-'] {
  padding: 2em 1em;
}

.remirror-xonokai pre[class*='language-'] {
  position: relative;
}

.remirror-xonokai pre[class*='language-'] code {
  white-space: pre;
  display: block;
}

.remirror-xonokai :not(pre) > code[class*='language-'] {
  padding: 0.15em 0.2em 0.05em;
  border-radius: 0.3em;
  border: 0.13em solid #7a6652;
  box-shadow: 1px 1px 0.3em -0.1em #000 inset;
}

.remirror-xonokai .token.namespace {
  opacity: 0.7;
}

.remirror-xonokai .token.comment,
.remirror-xonokai .token.prolog,
.remirror-xonokai .token.doctype,
.remirror-xonokai .token.cdata {
  color: #6f705e;
}

.remirror-xonokai .token.operator,
.remirror-xonokai .token.boolean,
.remirror-xonokai .token.number {
  color: #a77afe;
}

.remirror-xonokai .token.attr-name,
.remirror-xonokai .token.string {
  color: #e6d06c;
}

.remirror-xonokai .token.entity,
.remirror-xonokai .token.url,
.remirror-xonokai .language-css .token.string,
.remirror-xonokai .style .token.string {
  color: #e6d06c;
}

.remirror-xonokai .token.selector,
.remirror-xonokai .token.inserted {
  color: #a6e22d;
}

.remirror-xonokai .token.atrule,
.remirror-xonokai .token.attr-value,
.remirror-xonokai .token.keyword,
.remirror-xonokai .token.important,
.remirror-xonokai .token.deleted {
  color: #ef3b7d;
}

.remirror-xonokai .token.regex,
.remirror-xonokai .token.statement {
  color: #76d9e6;
}

.remirror-xonokai .token.placeholder,
.remirror-xonokai .token.variable {
  color: #fff;
}

.remirror-xonokai .token.important,
.remirror-xonokai .token.statement,
.remirror-xonokai .token.bold {
  font-weight: bold;
}

.remirror-xonokai .token.punctuation,
.remirror-xonokai .token.punctuation.important {
  color: #bebec5;
}

.remirror-xonokai .token.entity {
  cursor: help;
}

.remirror-xonokai .token.italic {
  font-style: italic;
}

.remirror-xonokai code.language-markup {
  color: #f9f9f9;
}

.remirror-xonokai code.language-markup .token.tag {
  color: #ef3b7d;
}

.remirror-xonokai code.language-markup .token.attr-name {
  color: #a6e22d;
}

.remirror-xonokai code.language-markup .token.attr-value {
  color: #e6d06c;
}

.remirror-xonokai code.language-markup .token.style,
.remirror-xonokai code.language-markup .token.script {
  color: #76d9e6;
}

.remirror-xonokai code.language-markup .token.script .token.keyword {
  color: #76d9e6;
}

/* Line highlight plugin */

.remirror-xonokai pre[class*='language-'][data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}

.remirror-xonokai pre[data-line] .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin-top: 1em;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

.remirror-xonokai pre[data-line] .line-highlight:before,
.remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  min-width: 1em;
  padding: 0.2em 0.5em;
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
  font: bold 65%/1 sans-serif;
  height: 1em;
  line-height: 1em;
  text-align: center;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

.remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-count-theme.ts
 */
.remirror-editor span.remirror-max-count-exceeded {
  background-color: var(--rmr-hue-red-4);
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-emoji-theme.ts
 */
.remirror-emoji-image {
  object-fit: contain;
  width: 1.375em;
  height: 1.375em;
  vertical-align: bottom;
}

.remirror-emoji-wrapper {
  text-indent: -99999px;
}

.remirror-emoji-popup-item {
  padding: 8px;
  text-overflow: ellipsis;
  max-width: 250px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  color: white;
}

.remirror-emoji-popup-hovered {
  background-color: var(--rmr-hue-gray-2);
}

.remirror-emoji-popup-highlight {
  background-color: var(--rmr-hue-gray-3);
}

.remirror-emoji-popup-wrapper {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
  background-color: white;
  z-index: 10;
  max-height: 250px;
  overflow-y: scroll;
}

.remirror-emoji-popup-name {
  color: rgb(121, 129, 134);
}

.remirror-emoji-popup-char {
  font-size: 1.25em;
  padding-right: 5px;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-file-theme.ts
 */
.remirror-file-root {
  border-radius: 4px;
  padding: 8px 12px;
  background-color: #e8ecf1;
  color: #000;
  margin: 8px auto;
  min-height: 32px;
  width: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
}

.remirror-file-name {
  font-size: 1rem;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.remirror-file-size {
  font-size: 0.8rem;
  margin-left: 8px;
  color: gray;
  white-space: nowrap;
}

.remirror-file-upload-progress {
  font-size: 0.8rem;
  margin-left: 8px;
  margin-right: 8px;
  color: gray;
  font-family: Menlo, Monaco, 'Courier New', monospace;
}

.remirror-file-error {
  font-size: 0.8rem;
  color: red;
}

.remirror-file-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-gap-cursor-theme.ts
 */
.remirror-editor.ProseMirror .ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}
.remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}
.remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
.remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-image-theme.ts
 */
.remirror-image-loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-list-theme.ts
 */
/* don't show the custom markers in a ordered list */
.remirror-editor ol > li > .remirror-list-item-marker-container {
  display: none;
}
/* don't show the origin markers when using custom markers (checkbox / collapsible) */
.remirror-editor ul > li.remirror-list-item-with-custom-mark {
  list-style: none;
}
.remirror-editor .remirror-ul-list-content > li.remirror-list-item-with-custom-mark {
  list-style: none;
}
/* override the browser's default styles */
.remirror-editor ul ul + ul {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
}

.remirror-list-item-marker-container {
  position: absolute;
  left: -32px;
  width: 24px;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.remirror-list-item-checkbox {
  /* change the checkbox color from blue (default on Chrome) to purple. */
  -webkit-filter: hue-rotate(60deg);
  filter: hue-rotate(60deg);
}

.remirror-collapsible-list-item-closed li {
  display: none;
}

.remirror-collapsible-list-item-closed .remirror-collapsible-list-item-button {
  background-color: var(--rmr-hue-gray-6);
}

.remirror-collapsible-list-item-button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  transition: background-color 0.25s ease;
  background-color: var(--rmr-color-border);
}

.remirror-collapsible-list-item-button:hover {
  background-color: var(--rmr-color-primary);
}

.remirror-collapsible-list-item-button.disabled,
.remirror-collapsible-list-item-button.disabled:hover {
  background-color: var(--rmr-color-border);
  cursor: default;
}

.remirror-list-spine {
  position: absolute;
  top: 4px;
  bottom: 0px;
  left: -20px;
  width: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  transition: border-left-color 0.25s ease;
  border-left-color: var(--rmr-color-border);
  border-left-style: solid;
  border-left-width: 1px;
}

.remirror-list-spine:hover {
  border-left-color: var(--rmr-color-primary);
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-mention-atom-theme.ts
 */
.remirror-mention-atom {
  background: var(--rmr-hue-gray-2);
  font-weight: bold;
  font-size: 0.9em;
  font-style: normal;
  border-radius: var(--rmr-radius-border);
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
  color: var(--rmr-color-primary);
}

.remirror-suggest-atom {
  color: rgba(0, 0, 0, 0.6);
}

.remirror-mention-atom-popup-item {
  padding: 8px;
  text-overflow: ellipsis;
  max-width: 250px;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  color: white;
}

.remirror-mention-atom-popup-hovered {
  background-color: var(--rmr-hue-gray-2);
}

.remirror-mention-atom-popup-highlight {
  background-color: var(--rmr-hue-gray-3);
}

.remirror-mention-atom-popup-wrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
  background-color: white;
  z-index: 10;
  max-height: 250px;
  overflow-y: scroll;
}

.remirror-mention-atom-popup-name {
  color: rgb(121, 129, 134);
}

.remirror-mention-atom-zero-items {
  color: rgb(121, 129, 134);
}

.remirror-mention-atom-popup-char {
  font-size: 1.25em;
  padding-right: 5px;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-node-formatting-theme.ts
 */
.remirror-editor.ProseMirror {
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-placeholder-theme.ts
 */
.remirror-is-empty:first-of-type::before {
  position: absolute;
  color: #aaa;
  pointer-events: none;
  height: 0;
  font-style: italic;
  content: attr(data-placeholder);
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-positioner-theme.ts
 */
.remirror-editor.ProseMirror {
  position: relative;
}

.remirror-positioner {
  position: absolute;
  min-width: 1px;
  min-height: 1px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: none;
  z-index: -1;
}

.remirror-positioner-widget {
  width: 0;
  height: 0;
  position: absolute;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-tables-theme.ts
 */
.remirror-editor.ProseMirror {
  /* Give selected cells a blue overlay */
  /* We don't need this anymore -- 2021-04-03 ocavue */
}
.remirror-editor.ProseMirror .tableWrapper {
  overflow-x: auto;
}
.remirror-editor.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.remirror-editor.ProseMirror td,
.remirror-editor.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: var(--rmr-color-table-default-border);
}
.remirror-editor.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 40;
  background-color: var(--rmr-hue-blue-7);
  pointer-events: none;
}
.remirror-editor.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}
/*
    .selectedCell:after {
      z-index: 2;
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(200, 200, 255, 0.4);
      pointer-events: none;
    }
    */
.remirror-editor.ProseMirror th.selectedCell,
.remirror-editor.ProseMirror td.selectedCell {
  border-style: double;
  border-color: var(--rmr-color-table-selected-border);
  background-color: var(--rmr-color-table-selected-cell);
}

.remirror-table-colgroup > col:first-of-type {
  width: 13px;
  overflow: visible;
}

.remirror-controllers-toggle {
  visibility: hidden;
}

.remirror-table-show-controllers .remirror-controllers-toggle {
  visibility: visible;
}

.remirror-table-insert-button {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 25;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 150ms ease;

  background-color: #dcdcdc;
}

.remirror-table-insert-button svg {
  fill: #ffffff;
}

.remirror-table-insert-button:hover {
  background-color: #136bda;
}

.remirror-table-insert-button:hover svg {
  fill: #ffffff;
}

.remirror-table-delete-inner-button {
  border: none;
  padding: 0;
  width: 18px;
  height: 18px;

  position: absolute;
  z-index: 30;
  cursor: pointer;
  border-radius: 4px;
  background-color: #cecece;
  transition: background-color 150ms ease;
}

.remirror-table-delete-inner-button:hover {
  background-color: #ff7884;
}

.remirror-table-delete-table-inner-button {
  top: calc(var(--remirror-table-delete-button-y) - 9px);
  left: calc(var(--remirror-table-delete-button-x) - 9px);
}

.remirror-table-delete-row-column-inner-button {
  top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
  left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
}

.remirror-table-with-controllers {
  /* Space for marks */
  margin-top: 40px;
  margin-bottom: 40px;

  /* To make controller's 'height: 100%' works, table must set its own height. */
  height: 1px;
}

/* To show marks */

.ProseMirror table.remirror-table-with-controllers {
  overflow: visible;
}

.remirror-table-waitting-controllers {
  /* Hide the table before controllers injected */
  display: none;
}

/* First row contains one corner controller and multiple column controllers */

.remirror-table-tbody-with-controllers > tr:nth-of-type(1) {
  height: 12px;
  overflow: visible;
}

/* First controller cell is the corner controller */

.remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) {
  overflow: visible;
  padding: 0;
  cursor: pointer;
  z-index: 15;
  position: relative;
  height: 12px;
  width: 12px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(1)
  div.remirror-table-controller-wrapper {
  overflow: visible;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 12px;
  height: 12px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(1)
  div.remirror-table-controller-trigger-area {
  flex: 1;
  position: relative;
  z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
  display: none;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(1)
  div.remirror-table-controller-mark-row-corner {
  bottom: -2px;
  left: -12px;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--rmr-color-table-mark);
  border-width: 2px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(1)
  div.remirror-table-controller-mark-column-corner {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--rmr-color-table-mark);
  border-width: 2px;
  right: -2px;
  top: -12px;
}

/* Second and more cells are column controllers */

.remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) {
  overflow: visible;
  padding: 0;
  cursor: pointer;
  z-index: 15;
  position: relative;
  height: 12px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(n + 2)
  div.remirror-table-controller-wrapper {
  overflow: visible;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 12px;
  flex-direction: row;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(n + 2)
  div.remirror-table-controller-trigger-area {
  flex: 1;
  position: relative;
  z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
  height: 36px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(n + 2)
  div.remirror-table-controller-mark-row-corner {
  display: none;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(1)
  th:nth-of-type(n + 2)
  div.remirror-table-controller-mark-column-corner {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--rmr-color-table-mark);
  border-width: 2px;
  right: -2px;
  top: -12px;
}

/* Second and more rows containes row controllers */

/* First controller cell in each row is a row controller */

.remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
  overflow: visible;
  padding: 0;
  cursor: pointer;
  z-index: 15;
  position: relative;
  width: 12px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(n + 2)
  th
  div.remirror-table-controller-wrapper {
  overflow: visible;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  width: 12px;
  flex-direction: column;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(n + 2)
  th
  div.remirror-table-controller-trigger-area {
  flex: 1;
  position: relative;
  z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
  width: 36px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(n + 2)
  th
  div.remirror-table-controller-mark-row-corner {
  bottom: -2px;
  left: -12px;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--rmr-color-table-mark);
  border-width: 2px;
}

.remirror-table-tbody-with-controllers
  > tr:nth-of-type(n + 2)
  th
  div.remirror-table-controller-mark-column-corner {
  display: none;
}

/* Styles for default */

.remirror-table-tbody-with-controllers th.remirror-table-controller {
  background-color: var(--rmr-color-table-default-controller);
}

/* Styles for selected */

.remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
  background-color: var(--rmr-color-table-selected-controller);
}

.remirror-table-preselect-all {
}

/* Styles for predelete */

.remirror-table-show-predelete th.selectedCell.remirror-table-controller,
.remirror-table-show-predelete td.selectedCell {
  border-color: var(--rmr-color-table-predelete-border) !important;
  background-color: var(--rmr-color-table-predelete-cell) !important;
}

.remirror-table-show-predelete th.selectedCell.remirror-table-controller {
  background-color: var(--rmr-color-table-predelete-controller) !important;
}

.remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller,
.remirror-table-show-predelete.remirror-table-preselect-all td {
  border-color: var(--rmr-color-table-predelete-border) !important;
  background-color: var(--rmr-color-table-predelete-cell) !important;
}

.remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
  background-color: var(--rmr-color-table-predelete-controller) !important;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-whitespace-theme.ts
 */
.remirror-editor.ProseMirror .whitespace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.remirror-editor.ProseMirror .whitespace:before {
  caret-color: inherit;
  color: gray;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  width: 0;
}
.remirror-editor.ProseMirror .whitespace--s:before {
  content: '·';
}
.remirror-editor.ProseMirror .whitespace--br:before {
  content: '¬';
}
.remirror-editor.ProseMirror .whitespace--p:before {
  content: '¶';
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-yjs-theme.ts
 */
.remirror-editor.ProseMirror .ProseMirror-yjs-cursor {
  position: absolute;
  border-left: black;
  border-left-style: solid;
  border-left-width: 2px;
  border-color: orange;
  height: 1em;
  word-break: normal;
  pointer-events: none;
}

.remirror-editor.ProseMirror .ProseMirror-yjs-cursor > div {
  position: relative;
  top: -1.05em;
  font-size: 13px;
  background-color: rgb(250, 129, 0);
  font-family: serif;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
  padding-left: 2px;
  padding-right: 2px;
}
.remirror-editor.ProseMirror > .ProseMirror-yjs-cursor:first-child {
  margin-top: 16px;
}
.remirror-editor #y-functions {
  position: absolute;
  top: 20px;
  right: 20px;
}
.remirror-editor #y-functions > * {
  display: inline-block;
}

/**
 * Styles extracted from: packages/remirror__theme/src/theme.ts
 */
.remirror-theme {
  /* The following makes it easier to measure components within the editor. */
  box-sizing: border-box;
}

.remirror-theme *,
.remirror-theme *:before,
.remirror-theme *:after {
  /** Preserve box-sizing when override exists:
   * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
   * */
  box-sizing: inherit;
}

.remirror-theme {
  --rmr-color-background: #ffffff;
  --rmr-color-border: rgba(0, 0, 0, 0.25);
  --rmr-color-foreground: #000000;
  --rmr-color-muted: #f1f3f5;
  --rmr-color-primary: #7963d2;
  --rmr-color-secondary: #bcd263;
  --rmr-color-primary-text: #fff;
  --rmr-color-secondary-text: #fff;
  --rmr-color-text: #252103;
  --rmr-color-faded: hsla(0, 0%, 13%, 0.9);
  --rmr-color-active-background: hsla(0, 0%, 85%, 1);
  --rmr-color-active-border: hsla(0, 0%, 0%, 0.25);
  --rmr-color-active-foreground: hsla(0, 0%, 0%, 1);
  --rmr-color-active-muted: hsla(210, 17%, 80%, 1);
  --rmr-color-active-primary: hsla(252, 55%, 46%, 1);
  --rmr-color-active-secondary: hsla(72, 55%, 46%, 1);
  --rmr-color-active-primary-text: #fff;
  --rmr-color-active-secondary-text: #000;
  --rmr-color-active-text: #000;
  --rmr-color-active-faded: hsla(0, 0%, 13%, 0.9);
  --rmr-color-hover-background: hsla(0, 0%, 93%, 1);
  --rmr-color-hover-border: hsla(0, 0%, 0%, 0.25);
  --rmr-color-hover-foreground: hsla(0, 0%, 0%, 1);
  --rmr-color-hover-muted: hsla(210, 17%, 88%, 1);
  --rmr-color-hover-primary: hsla(252, 55%, 53%, 1);
  --rmr-color-hover-secondary: hsla(72, 55%, 53%, 1);
  --rmr-color-hover-primary-text: #fff;
  --rmr-color-hover-secondary-text: #000;
  --rmr-color-hover-text: #000;
  --rmr-color-hover-faded: hsla(0, 0%, 13%, 0.9);
  --rmr-color-shadow-1: rgba(10, 31, 68, 0.08);
  --rmr-color-shadow-2: rgba(10, 31, 68, 0.1);
  --rmr-color-shadow-3: rgba(10, 31, 68, 0.12);
  --rmr-color-backdrop: rgba(0, 0, 0, 0.9);
  --rmr-color-outline: rgba(121, 99, 210, 0.4);
  --rmr-color-table-default-border: hsla(0, 0%, 80%, 1);
  --rmr-color-table-default-cell: hsla(0, 0%, 40%, 1);
  --rmr-color-table-default-controller: #dee2e6;
  --rmr-color-table-selected-border: #1c7ed6;
  --rmr-color-table-selected-cell: #d0ebff;
  --rmr-color-table-selected-controller: #339af0;
  --rmr-color-table-preselect-border: #1c7ed6;
  --rmr-color-table-preselect-cell: hsla(0, 0%, 40%, 1);
  --rmr-color-table-preselect-controller: #339af0;
  --rmr-color-table-predelete-border: #f03e3e;
  --rmr-color-table-predelete-cell: #ffe3e3;
  --rmr-color-table-predelete-controller: #ff6b6b;
  --rmr-color-table-mark: #91919196;
  --rmr-hue-gray-0: #f8f9fa;
  --rmr-hue-gray-1: #f1f3f5;
  --rmr-hue-gray-2: #e9ecef;
  --rmr-hue-gray-3: #dee2e6;
  --rmr-hue-gray-4: #ced4da;
  --rmr-hue-gray-5: #adb5bd;
  --rmr-hue-gray-6: #868e96;
  --rmr-hue-gray-7: #495057;
  --rmr-hue-gray-8: #343a40;
  --rmr-hue-gray-9: #212529;
  --rmr-hue-red-0: #fff5f5;
  --rmr-hue-red-1: #ffe3e3;
  --rmr-hue-red-2: #ffc9c9;
  --rmr-hue-red-3: #ffa8a8;
  --rmr-hue-red-4: #ff8787;
  --rmr-hue-red-5: #ff6b6b;
  --rmr-hue-red-6: #fa5252;
  --rmr-hue-red-7: #f03e3e;
  --rmr-hue-red-8: #e03131;
  --rmr-hue-red-9: #c92a2a;
  --rmr-hue-pink-0: #fff0f6;
  --rmr-hue-pink-1: #ffdeeb;
  --rmr-hue-pink-2: #fcc2d7;
  --rmr-hue-pink-3: #faa2c1;
  --rmr-hue-pink-4: #f783ac;
  --rmr-hue-pink-5: #f06595;
  --rmr-hue-pink-6: #e64980;
  --rmr-hue-pink-7: #d6336c;
  --rmr-hue-pink-8: #c2255c;
  --rmr-hue-pink-9: #a61e4d;
  --rmr-hue-grape-0: #f8f0fc;
  --rmr-hue-grape-1: #f3d9fa;
  --rmr-hue-grape-2: #eebefa;
  --rmr-hue-grape-3: #e599f7;
  --rmr-hue-grape-4: #da77f2;
  --rmr-hue-grape-5: #cc5de8;
  --rmr-hue-grape-6: #be4bdb;
  --rmr-hue-grape-7: #ae3ec9;
  --rmr-hue-grape-8: #9c36b5;
  --rmr-hue-grape-9: #862e9c;
  --rmr-hue-violet-0: #f3f0ff;
  --rmr-hue-violet-1: #e5dbff;
  --rmr-hue-violet-2: #d0bfff;
  --rmr-hue-violet-3: #b197fc;
  --rmr-hue-violet-4: #9775fa;
  --rmr-hue-violet-5: #845ef7;
  --rmr-hue-violet-6: #7950f2;
  --rmr-hue-violet-7: #7048e8;
  --rmr-hue-violet-8: #6741d9;
  --rmr-hue-violet-9: #5f3dc4;
  --rmr-hue-indigo-0: #edf2ff;
  --rmr-hue-indigo-1: #dbe4ff;
  --rmr-hue-indigo-2: #bac8ff;
  --rmr-hue-indigo-3: #91a7ff;
  --rmr-hue-indigo-4: #748ffc;
  --rmr-hue-indigo-5: #5c7cfa;
  --rmr-hue-indigo-6: #4c6ef5;
  --rmr-hue-indigo-7: #4263eb;
  --rmr-hue-indigo-8: #3b5bdb;
  --rmr-hue-indigo-9: #364fc7;
  --rmr-hue-blue-0: #e7f5ff;
  --rmr-hue-blue-1: #d0ebff;
  --rmr-hue-blue-2: #a5d8ff;
  --rmr-hue-blue-3: #74c0fc;
  --rmr-hue-blue-4: #4dabf7;
  --rmr-hue-blue-5: #339af0;
  --rmr-hue-blue-6: #228be6;
  --rmr-hue-blue-7: #1c7ed6;
  --rmr-hue-blue-8: #1971c2;
  --rmr-hue-blue-9: #1864ab;
  --rmr-hue-cyan-0: #e3fafc;
  --rmr-hue-cyan-1: #c5f6fa;
  --rmr-hue-cyan-2: #99e9f2;
  --rmr-hue-cyan-3: #66d9e8;
  --rmr-hue-cyan-4: #3bc9db;
  --rmr-hue-cyan-5: #22b8cf;
  --rmr-hue-cyan-6: #15aabf;
  --rmr-hue-cyan-7: #1098ad;
  --rmr-hue-cyan-8: #0c8599;
  --rmr-hue-cyan-9: #0b7285;
  --rmr-hue-teal-0: #e6fcf5;
  --rmr-hue-teal-1: #c3fae8;
  --rmr-hue-teal-2: #96f2d7;
  --rmr-hue-teal-3: #63e6be;
  --rmr-hue-teal-4: #38d9a9;
  --rmr-hue-teal-5: #20c997;
  --rmr-hue-teal-6: #12b886;
  --rmr-hue-teal-7: #0ca678;
  --rmr-hue-teal-8: #099268;
  --rmr-hue-teal-9: #087f5b;
  --rmr-hue-green-0: #ebfbee;
  --rmr-hue-green-1: #d3f9d8;
  --rmr-hue-green-2: #b2f2bb;
  --rmr-hue-green-3: #8ce99a;
  --rmr-hue-green-4: #69db7c;
  --rmr-hue-green-5: #51cf66;
  --rmr-hue-green-6: #40c057;
  --rmr-hue-green-7: #37b24d;
  --rmr-hue-green-8: #2f9e44;
  --rmr-hue-green-9: #2b8a3e;
  --rmr-hue-lime-0: #f4fce3;
  --rmr-hue-lime-1: #e9fac8;
  --rmr-hue-lime-2: #d8f5a2;
  --rmr-hue-lime-3: #c0eb75;
  --rmr-hue-lime-4: #a9e34b;
  --rmr-hue-lime-5: #94d82d;
  --rmr-hue-lime-6: #82c91e;
  --rmr-hue-lime-7: #74b816;
  --rmr-hue-lime-8: #66a80f;
  --rmr-hue-lime-9: #5c940d;
  --rmr-hue-yellow-0: #fff9db;
  --rmr-hue-yellow-1: #fff3bf;
  --rmr-hue-yellow-2: #ffec99;
  --rmr-hue-yellow-3: #ffe066;
  --rmr-hue-yellow-4: #ffd43b;
  --rmr-hue-yellow-5: #fcc419;
  --rmr-hue-yellow-6: #fab005;
  --rmr-hue-yellow-7: #f59f00;
  --rmr-hue-yellow-8: #f08c00;
  --rmr-hue-yellow-9: #e67700;
  --rmr-hue-orange-0: #fff4e6;
  --rmr-hue-orange-1: #ffe8cc;
  --rmr-hue-orange-2: #ffd8a8;
  --rmr-hue-orange-3: #ffc078;
  --rmr-hue-orange-4: #ffa94d;
  --rmr-hue-orange-5: #ff922b;
  --rmr-hue-orange-6: #fd7e14;
  --rmr-hue-orange-7: #f76707;
  --rmr-hue-orange-8: #e8590c;
  --rmr-hue-orange-9: #d9480f;
  --rmr-radius-border: 0.25rem;
  --rmr-radius-extra: 0.5rem;
  --rmr-radius-circle: 50%;
  --rmr-font-family-default: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', sans-serif;
  --rmr-font-family-heading: inherit;
  --rmr-font-family-mono: Menlo, monospace;
  --rmr-font-size-0: 12px;
  --rmr-font-size-1: 14px;
  --rmr-font-size-2: 16px;
  --rmr-font-size-3: 20px;
  --rmr-font-size-4: 24px;
  --rmr-font-size-5: 32px;
  --rmr-font-size-6: 48px;
  --rmr-font-size-7: 64px;
  --rmr-font-size-8: 96px;
  --rmr-font-size-default: 16px;
  --rmr-space-1: 4px;
  --rmr-space-2: 8px;
  --rmr-space-3: 16px;
  --rmr-space-4: 32px;
  --rmr-space-5: 64px;
  --rmr-space-6: 128px;
  --rmr-space-7: 256px;
  --rmr-space-8: 512px;
  --rmr-font-weight-bold: 700;
  --rmr-font-weight-default: 400;
  --rmr-font-weight-heading: 700;
  --rmr-letter-spacing-tight: -1px;
  --rmr-letter-spacing-default: normal;
  --rmr-letter-spacing-loose: 1px;
  --rmr-letter-spacing-wide: 3px;
  --rmr-line-height-heading: 1.25em;
  --rmr-line-height-default: 1.5em;
  --rmr-box-shadow-1: 0 1px 1px rgba(10, 31, 68, 0.08);
  --rmr-box-shadow-2: 0 1px 1px rgba(10, 31, 68, 0.1);
  --rmr-box-shadow-3: 0 1px 1px rgba(10, 31, 68, 0.12);

  font-family: var(--rmr-font-family-default);
  line-height: var(--rmr-line-height-default);
  font-weight: var(--rmr-font-weight-default);
}

.remirror-theme h1,
.remirror-theme h2,
.remirror-theme h3,
.remirror-theme h4,
.remirror-theme h5,
.remirror-theme h6 {
  color: var(--rmr-color-text);
  font-family: var(--rmr-font-family-heading);
  line-height: var(--rmr-line-height-heading);
  font-weight: var(--rmr-font-weight-heading);
}

.remirror-theme h1 {
  font-size: var(--rmr-font-size-5);
}

.remirror-theme h2 {
  font-size: var(--rmr-font-size-4);
}

.remirror-theme h3 {
  font-size: var(--rmr-font-size-3);
}

.remirror-theme h4 {
  font-size: var(--rmr-font-size-2);
}

.remirror-theme h5 {
  font-size: var(--rmr-font-size-1);
}

.remirror-theme h6 {
  font-size: var(--rmr-font-size-0);
}

.remirror-theme .ProseMirror {
  min-height: var(--rmr-space-6);
  box-shadow: var(--rmr-color-border) 0px 0px 0px 0.1em;
  padding: var(--rmr-space-3);
  border-radius: var(--rmr-radius-border);
  outline: none;
}

.remirror-theme .ProseMirror:active,
.remirror-theme .ProseMirror:focus {
  box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
}

.remirror-theme .ProseMirror p,
.remirror-theme .ProseMirror h1,
.remirror-theme .ProseMirror h2,
.remirror-theme .ProseMirror h3,
.remirror-theme .ProseMirror h4,
.remirror-theme .ProseMirror h4,
.remirror-theme .ProseMirror h5,
.remirror-theme .ProseMirror h6,
.remirror-theme .ProseMirror span {
  margin: 0;
  /* margin-bottom: var(--rmr-space-2); */
}


.findreplace {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: calc(100% - 15px);
	max-width: 600px;
	z-index: 1000;
	position: absolute;
	margin-bottom: -110px;
	padding: 5px;
	background-color: rgba(220, 230, 255, 0.7);
	backdrop-filter: blur(5px);
	border: 1px solid #bcfc;
}

.find-count {
	font-family: var(--font-family);
	font-size: 0.85rem /*10pt*/;
	color: #888;
	text-align: right;
	margin-top: -1.2rem;
	margin-right: 0.5rem;
}

.find-input-row {
	display: flex;
	flex-direction: row;
	gap: 4px;
}

.find-input {
	flex-grow: 1;
	height: 24px;
	padding: 2px;
	margin-bottom: 4px;
	font-family: var(--font-family);
}

.find-input input {
	font-size: 11pt;
	padding: 2px;
	border: 1px solid #bcf;
	border-radius: 2px;
	width: 100%;

	/* &:placeholder-shown {
		font-style: italic;
	} */
}

.find-button-row {
	display: flex;
	flex-direction: row;
	gap: 4px;
}

/* .buttons-holder {
} */

.find-button {
	height: 24px;
	width: 24px;
	line-height: 24px;
	margin-left: 5px;
	color: #88b;
	border-radius: 2px;
	font-family: var(--font-family);
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.find-button:hover {
	color: #444;
}

.find-button:active {
	background-color: #cdf;
}

.find-button-selected {
	background-color: #bcf;
	color: #444;
}

.find-button-icon .MuiSvgIcon-root {
	width: 20px;
}

.replace-button {
	min-width: 75px;
	margin: 2px;
	font-family: var(--font-family);
	font-size: 11pt;
	color: #444;
	background-color: #eee;
	border: 1px solid #bcf;
	border-radius: 2px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

.replace-button:hover {
	background-color: #d8d8d8;
}

.replace-button:active {
	background-color: #c8c8c8;
}



.autocomplete {
	position: absolute;
	margin-left: -5px;
}

.autocomplete .MuiPaper-root {
	font-family: var(--editor-font-family);
	font-size: 11pt;
	color: #000;
	background-color: rgb(240, 240, 240);
}

.autocomplete .MuiList-root {
	padding: 0px;
}

.autocomplete .MuiListItem-root {
	padding: 0px 5px 0px 5px;
	cursor: pointer;

	&:hover {
		background-color: #d8d8d8;
	}

	&.selected {
		background-color: #d8d8d8;
	}
}



.menubar {
	height: 24pt;
	display: flex;
	flex-direction: row;
	background-color: var(--background-midstep);
	color: var(--textcolor);
	align-items: center;

	--menu-highlight: "#ccc";
}

.menubar .MuiButton-root {
	color: var(--textcolor) !important;
	font-size: 0.92rem /*11pt*/;
	font-weight: bold;
	padding: 6px 16px;
	min-width: auto !important;
	height: 24pt;
}

.menubar .MuiButton-root:hover {
	background-color: var(--background-fullstep);
}

.MuiPopover-paper {
	min-width: 180px !important;
}

.MuiMenuItem-root {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.MuiMenuItem-root .MuiTypography-root {
	font-size: 0.92rem /*11pt*/ !important;
	font-weight: normal !important;
}

.menubar .Mui-selected {
	background-color: var(--selected-color) !important;
}

.menuitem-shortcut {
	padding-left: 16px;
	opacity: 0.75;
}

.color-block {
	width:  12.0pt;
	height: 10.5pt;
	margin:  1.0pt;
}

.menubar-logo {
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	cursor: pointer;
}

.menubar-docname {
	font-family: var(--branded-font-family);
	padding: 0px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.menubar-flags-icon {
	font-size: 14pt !important;
	opacity: 0.75;
	margin-left: 10px;
	margin-top: -2px;
	vertical-align: middle;
}

.menubar-readonly {
	/* opacity: 0.65; */
	margin-left: 10px;
	color: #e85050;
}
.menubar-readonly:empty {
	margin-left: 0px;
}

/* Mobile */
@media (max-width: 480px) {	
	.MuiMenuItem-root {
		min-height: 12pt !important;
	}

	.MuiMenuItem-root {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	.MuiMenuItem-root .MuiTypography-root {
		font-size: 1rem /*12pt*/ !important;
	}
}


.accessorypanel  {
	width: 100%;
	height: 100%;
	min-width: 115px;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	gap: 15px;
}

.accessory {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	user-select: none;
}

/* .accessory-close {
	opacity: 0.75;
} */

.accessory-image {
	width: 16pt;
	height: 16pt;
}

.accessory-image img {
	height: 16pt;
}

.accessory-label {
	padding-left: 6px;
}

.noclick {
	cursor: auto;
}



.toolbar {
	width: 100%;
	height: 40px;
	background-color: var(--background-base);
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	padding-top: 8px;
	padding-bottom: 8px;
	z-index: 1000;
}

.toolbar-section {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
}

.toolbar-spacer {
	width: 10px;
}

.toolbar-button {
	padding: 2px;
	height: 24px;
	/* background-color: var(--background-fullstep); */
	color: #b0b0b0;
	cursor: pointer;
	user-select: none;
}

.toolbar-button:not(:last-child) {
	margin-right: 8px;
}

.toolbar-button:hover {
	background-color: var(--background-twostep);
}

.toolbar-button-selected {
	background-color: var(--background-half);
	color: #000;
}

.toolbar-button	.MuiSvgIcon-root {
	font-size: 1.35rem /*16pt*/;
}

.toolbar-button-mini {
	padding: 1px;
	height: 16pt;
}

.toolbar-button-mini:not(:last-child) {
	margin-right: 6px;
}

.toolbar-button-mini .MuiSvgIcon-root {
	font-size: 14pt;
}

.toolbar-menubutton {
	font-size: 24pt !important;
	margin-top: -4px;
	margin-bottom: -4px;
	margin-left: 6px;
	margin-right: 10px;
}

.toolbar-text {
	width: 22px;
	height: 24px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.toolbar-menulogo {
	height: 24px;
}

.toolbar-element {
	margin-right: 10px !important;
}

/* Get rid of text in style dropdown */
.toolbar-element .MuiSelect-select {
	padding: 0px 32px 0px 5px !important;
	font-size: 0px;
}
.toolbar-element.MuiFormControl-root {
	width: 38px !important;
}

.toolbar-element .toolbar-bottom-element .MuiInputBase-root {
	/* Turn style dropdown arrow into drop-up */
	transform: rotate(180deg);
	opacity: 0.75;
}

.MuiList-root .Mui-selected {
	background-color: var(--selected-color) !important;
}

.styles-toolbar {
	padding-left: 10px;
	padding-right: 10px;
	justify-content: space-evenly;
}

.style-button {
	/* Mobile styles button */
	font-size: 12pt;
	padding: 4pt;
	line-height: 11.5pt;
	text-align: center;
	font-weight: bold;
}


/* Mobile */

.toolbar-mobile {
	padding-right: 6px;
}

.toolbar-mobile .toolbar-button {
	padding-left: 25px;
	padding-right: 25px;
}

@media (width <= 480px) {
	.toolbar-mobile {
		justify-content: space-between;
	}
	
	.toolbar-mobile .toolbar-button {
		padding-left: 5px;
		padding-right: 5px;
	}
}


.formatpanel  {
	width: 300px;
	max-width: 100%;
	min-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: var(--background-fullstep);
}

.formatpanel .MuiBox-root {
	background-color: var(--background-fullstep);
}

.formatpanel .MuiListItemButton-root {
	/* Match menu spacing */
	padding-top: 2pt;
	padding-bottom: 2pt;
	white-space: nowrap;
}

.formatpanel .MuiListItemButton-root:hover {
	background-color: var(--background-twostep);
}

.formatpanel .MuiTypography-root {
	font-size: 0.92rem /*11pt*/;
	line-height: 0.92rem /*11pt*/;
}

.formatpanel .Mui-selected {
	background-color: var(--selected-color) !important;
}


.fontformat {
	font-size: 0.85rem /*10pt*/;
}




.print-dialog-note {
	font-size: 0.8rem;
}

.print-page {
	break-before: page;
	color: #000;
	margin: 0;
	/* Just in case we overflow a little bit */
	/* overflow: hidden !important; */
}

.print-page div {
	margin: 0;
	white-space: break-spaces;
	word-wrap: break-word;
}

.print-margin-top {
	break-before: page;
	/* So we can position header from the bottom: */
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
}

.print-margin-top + div {
	padding-top: 0px !important;
}

.print-header {
	padding-bottom: 24px;
	text-align: right;
}

.print-pre-break {
	padding: 0;
	margin: 0;
	overflow: hidden !important;
}

.print-post-break {
	padding: 0;
	margin: 0;
	overflow: hidden !important;
}

.print-dual-holder {
	display: flex;
	flex-flow: row nowrap;
}

@page {
	margin: 0 !important;
	/* size: */
}

.print-debug-DISABLED {
	/* For visual debugging */
	/* .print-page div:nth-of-type(even) { background: #f0f0f0; } */

	.print-page {
		outline: 1px green dashed;
	}
	.print-margin-top {
		outline: 1px orange dashed;
	}
	.print-pre-break {
		outline: 1px blue dashed;
	}
	.print-post-break {
		outline: 1px blue dashed;
	}
	.print-dual-holder {
		outline: 1px cyan dashed;
	}
	.print-dual-left {
		outline: 1px teal dashed;
	}
	.print-dual-right {
		outline: 1px teal dashed;
	}
}/**
 * Styles extracted from: packages/remirror__theme/src/extension-gap-cursor-theme.ts
 */
.remirror-editor.ProseMirror .ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}
.remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}
.remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
.remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}



/* Fade In editor */

.light-page {
	--page-background: #fff;
	--editor-textcolor: #000;
}

.dark-page {
	--page-background: #202026;
	--editor-textcolor: #c8c8c8;
}

.debug {
	outline: 1px red dashed;
}

.editor-app {
	--page-width:    8.5in;
	--page-height:  11.0in;

	--top-margin:    1.05in;
	--bottom-margin: 0.90in;
	--left-margin:   1.25in;
	--right-margin:  1.25in;

	--editor-font-family: "Courier Screenplay";

	--editor-top-margin: 0.5in;
	--editor-bottom-margin: 0.75in;

	--menu-height: 24pt;
	--toolbar-height: 40px;

	--editor-scrollbar-color: var(--background-half) var(--page-background);

	--zoom-scale: 1.0;
	--opacity: 0.0;  /* initially hidden */

	/* Adjusted so that we get 60 characters of Courier 12 pt in 6 inches */
	--line-adjustment: 0.925;

	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: clip;
}

.editor-panes {
	width: 100%;
	height: calc(100% - var(--menu-height));
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.editor-holder {
	width: 100%;
	height: 100%;
	
	display: flex;
	flex-direction: column;

	overflow: hidden;
}

.editor-holder .toolbar {
	max-width: var(--page-width);
	min-width: var(--page-width);
	margin: auto;
}

.zoom-holder {
	width: 100%;
	height: 100%;
	zoom: var(--zoom-scale);
	overflow: auto;
}

.editor {
	letter-spacing: 0px;
	line-height: 1em;

	max-width: var(--page-width);
	min-width: var(--page-width);
	margin: auto;
	position: relative;

	opacity: var(--opacity);
}

.editor a {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.selection-inactive {
	background-color: #bbb;
}


/* ReMirror/ProseMirror */

.remirror-theme {
	height: 100%;
	color: var(--editor-textcolor);
	background-color: var(--page-background);

	font-family: var(--editor-font-family);
	font-size: 12pt;

	--rmr-line-height-default: 1em !important;
}

.ProseMirror:active,
.ProseMirror:focus {
	box-shadow: none;
}

.remirror-editor-wrapper {
	height: 100%;
	padding-top: 0px;
}
.remirror-editor-wrapper.has-toolbar {
	height: 100%;
}

.ProseMirror {
	height: 100%;
	scrollbar-color: var(--editor-scrollbar-color);

	/* Prevent a box from appearing around editor when unfocused */
	box-shadow: none !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;

	padding-top:    var(--top-margin) !important;
	padding-bottom: var(--editor-bottom-margin) !important;
	padding-left:   calc(var(--line-adjustment) * var(--left-margin)) !important;
	padding-right:  calc(var(--line-adjustment) * var(--right-margin)) !important;

	white-space: pre-wrap !important;

	cursor: text;
}

.ProseMirror-yjs-cursor > div {
	text-transform: none;
	font-family: sans-serif !important;
	/* opacity: 0.9; */
}


/* Side panes */

.side-pane {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: 25%;
	padding: 10px 20px 10px 20px;
	gap: 10px;
	/* background-color: var(--background-midstep); */
}


.synopsis-block {
	width:  12.0pt;
	height: 12.0pt;
	margin:  1.0pt;
}


/* Mobile */

@media (width <= 480px) {
	.editor-app {
		--menu-height: 0px;
	}

	.editor {
		max-width: 100%;
		min-width: 100%;
		max-height: 100%;
	}

	.editor-holder .toolbar {
		max-width: 100%;
		min-width: 100%;
	}

	/* .remirror-editor */
	.ProseMirror {
		padding: 24px 16px 24px 24px !important;
	}

	.zoom-holder {
		height: calc(100% - var(--toolbar-height)*2);
	}
}


/* Printing */

@media screen {
	.print-holder {
		display: none;
	}
}

@media print {
	.editor-app {
		display: none !important;
	}
	.print-holder {
		display: block !important;
	}

	.datanode,
	.menubar,
	.toolbar,
	.footer,
	.side-pane,
	.spinner,
	/* Mui */
	.MuiModal-root,
	.MuiPaper-root,
	.MuiTooltip-popper,
	.ProseMirror-yjs-cursor,
	prosemirror-dev-toolkit {
		display: none !important;
	}

	.ProseMirror-yjs-selection {
		background-color: unset !important;
	}

	/* Links don't appear in printed output */
	a {
		color: inherit;
		text-decoration: none;
	}
}



p {
	letter-spacing: 0;
}


/* CSS decorations for ScriptIcons, etc. */

/* - :before background-image: Note | Bookmark | Note-Bookmark
   - :after  background-image: DualDialogue
   - :before content: Parenthetical
   - :after  content: Parenthetical
*/

.Note:before {
	content: "";
	background-image: url(../images/decor_note.png);
	background-origin: content-box;
	border-left: 16px solid transparent;
	background-position: -16px 0;
	background-size: 16px;
	background-repeat: no-repeat;
	margin-left: -16px !important;
}

.Bookmark:before {
	content: "";
	background-image: url(../images/decor_bookmark.png);
	background-origin: content-box;
	border-left: 8px solid transparent;
	background-position: -8px 0;
	background-size: 8px 16px;
	background-repeat: no-repeat;
	margin-left: -8px !important;
}

.Note-Bookmark:before {
	content: "";
	background-image: url(../images/decor_note-bookmark.png);
	background-origin: content-box;
	border-left: 24px solid transparent;
	background-position: -24px 0;
	background-size: 24px 16px;
	background-repeat: no-repeat;
	margin-left: -24px !important;
}

.DualDialogue br.ProseMirror-trailingBreak {
	/* Prevent newline before markup when invisibles shown */
	content: "";
}

.DualDialogue:after {
	content: "";
	background-image: url(../images/decor_dual.png);
	background-origin: content-box;
	border-right: 28px solid transparent;
	background-position: 12px 0;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.PageBreakBefore {
	border-top: 1px dashed;
	margin-top: 2em !important;
}
/* printing.jsx will take care of this
.PageBreakBefore:not(:first-child) {
	break-before: page;
} */

.Parenthetical .whitespace--p {
	/* Make sure ¶ appears after final ')' */ 
	margin-left: 1ch !important;
	margin-right: -1ch !important;
}

/* Prevent newline before markup when invisibles shown */
.Parenthetical br.ProseMirror-trailingBreak {
	content: "";
}

/* .Parenthetical-before:before { */
.Parenthetical:before {
	content: "(";
}
/* .Parenthetical-after:after { */
.Parenthetical:after {
	content: ")";
}

.Synopsis:before {
	font-size: 125%;
	position: absolute;
	right: 0.5in;
	content: " ■";
	-webkit-text-stroke: 1px rgb(96, 96, 96);
}

.MarkupSpan {
	white-space: normal;
}


/* Default script styles */

.datanode + p {
	padding-top: 0px !important;
}


.NormalText {
	padding-top: 0;
}

.SceneHeading {
	text-transform: uppercase;
	break-after: avoid-page;
}
.SceneHeading:not(:first-child) {
	padding-top: 2em;
}

.Action {
	padding-top: 0;
}
.Action:not(:first-child) {
	padding-top: 1em;
}

.Character {
	padding-left: 2.5in;
	text-transform: uppercase;
	break-after: avoid-page;
}
.Character:not(:first-child) {
	padding-top: 1em;
}

.Parenthetical {
	padding-left: 2.0in;
	padding-right: 1.75in; /* 2.0in */
	break-before: avoid-page;
	break-after: avoid-page;
}

.Dialogue {
	padding-left: 1.3in;
	padding-right: 1.0in;
	break-before: avoid-page;
}

.Transition {
	padding-left: 4.0in;
	padding-right: 0.5in;
	text-transform: uppercase;
	text-align: right;
}
.Transition:not(:first-child) {
	padding-top: 1em;
}

.Shot {
	text-transform: uppercase;
	break-after: avoid-page;
}
.Shot:not(:first-child) {
	padding-top: 1em;
}

/* Mobile default script styles */
@media (max-width: 480px) {
	.Synopsis:before {
		right: 0.1in;
	}

	.Character {
		padding-left: 40%
	}

	.Dialogue {
		padding-left: 20%;
		padding-right: 15%;
	}

	.Parenthetical {
		padding-left: 32%;
		padding-right: 15%;
	}

	.Transition {
		padding-left: 65%;
		padding-right: 0%;
	}
}


/* Printing */

@media print {
	/* Decorations */
	.Bookmark:before,
	.Note:before,
	.Note-Bookmark:before,
	.DualDialogue:after {
		background-image: none !important;
	}

	.Synopsis:before {
		content: none !important;
	}

	.PageBreakBefore {
		border-top: unset !important;
		margin-top: unset !important;
	}
}

.fi-account-dialog .MuiFormControlLabel-label {
	font-size: var(--font-size);
}

.sub-box {
	background-color: var(--background-fullstep);
	border-radius: 10px;
	margin-top: 1em;
	padding: 15px;
	/* width: fit-content; */
}

.sub-type {
	margin-bottom: 1em;
	display: flex;
	flex-direction: row;
}

.sub-text-button {
	min-width: auto !important;
	min-height: auto !important;
	padding: 0 !important;
	margin-top: 2px !important;
}

.sub-rebill {
	margin-top: 1.5em;
	display: flex;
	flex-direction: row;
}

.sub-choose {
	margin-bottom: 10px;
}

.sub-desc {
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
}

.sub-expired {
	color: #cc2020 !important;  /* trash-color from filebrowser.css */
}

/* .sub-note {
	margin-left: 2em;
} */

.account-delete {
	margin-right: auto !important;
	margin-left: 10px !important;
	color: #cc2020 !important;  /* trash-color from filebrowser.css */
}


.aboutpage {
	font-family: var(--branded-font-family);
	text-align: center;
	place-items: center;
	width: 100%;
}

.about-banner {
	padding-top: 50px;
	padding-bottom: 20px;
	width: 100%;
}

.about-banner-logo {
	position: relative;
	background-image: url('../images/fi_title_bg.jpg');
	background-size: 150%;
	background-repeat: no-repeat;
	background-position: 0 60%;
	width: 100%;
	max-width: 2000px;
	height: 320px;
	overflow: hidden;
}

.about-banner-image {
	top: -300px;
	position: relative;
	width: 100%;
	max-width: 800px;
}

.about-banner-text {
	color: #fff;
	margin-top: -310px;
	font-size: 48pt;
	font-weight: 800;
	vertical-align: middle;
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	/* border-bottom: 3px solid #b70506; */
}

.aboutpage-content {
	max-width: 1000px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.about-text {
	font-size: 18px;
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.about-bigtext {
	font-size: 22px;
	font-weight: 700;
	padding-top: 30px;
	padding-bottom: 10px;
}

.about-feature-row {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	gap: 50px;
	align-items: center;
	text-align: left;
}

.row-reverse {
	flex-direction: row-reverse;
}

.gradient-blue {
	background: linear-gradient(30deg, #0068ec, #b7eeef);
}

.gradient-cherry {
	background: linear-gradient(70deg, #b5056f, #f79dce);
}

.gradient-green {
	background: linear-gradient(30deg, #3ecdc3, #dae318);
}

.gradient-orange {
	background: linear-gradient(30deg, #f60a41, #fcbb25);
}

.about-feature-title {
	font-size: 40px;
	font-weight: 800;
	margin-left: 10px;
	z-index: 10;

	background-clip: text;
	/* text-fill-color: transparent; */
	-webkit-text-fill-color: transparent;
	/* -moz-text-fill-color: transparent; */
	-ms-background-clip: text;
	-ms-text-fill-color: transparent;

	filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.2));
}

.about-feature-imageholder {
	margin-top: -55px;
	z-index: 1;
}

.about-feature-image {
	width: 400px;
	border-radius: 15px;
}

.about-feature-textholder {
	padding: 20px;
	border-radius: 15px;
	background-color: var(--background-midstep);
}

.about-feature-text {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3em;
	padding-bottom: 10px;
}

.pricing-block {
	padding-top: 20px;
	text-align: center;
}

.pricing-cardholder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.pricing-card {
	background: #fff;
	color: #444;
	width: 320px;
	border-radius: 10px;
	box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin: 10px 20px 20px 20px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.pricing-price {
	font-size: 56px;
	font-weight: 800;
}

.pricing-ribbon {
	width: 200px;
	background: #0B0;
	position: absolute;
	top: 35px;
	left: 170px;
	padding: 8px;
	font-size: 0.75em;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	transform: rotate(45deg);
	box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.25);
}

.pricing-save {
	font-weight: 700;
	padding: 15px;
}

.pricing-title {
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	background: #93C;
	margin-bottom: 10px;
	box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);
}

.pricing-annual {
	background: #60C;
}

.pricing-desc {
	padding: 0px 5px 5px 5px;
	list-style-position: outside;
	line-height: 1.2em;
	text-align: left;
}

.pricing-desc li {
	margin-top: 0.75em;
}

.pricing-note {
	padding-top: 15px;
}


/* Mobile */

@media (max-width: 480px) {
	.about-banner {
		padding-top: 0px;
	}
	.about-banner-logo {
		height: 200px;
	}
	.about-banner-image {
		top: -190px;
	}
	.about-banner-text {
		margin-top: -210px;
	}
	.about-text {
		max-width: auto;
	}
	.about-feature-row {
		flex-wrap: wrap;
	}
}