/* generic styles */
@font-face {
	font-family: CozetteVector;
	src: url(./cozette.ttf);
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	scrollbar-width: none;
	font: inherit;
	cursor: inherit;
	caret-color: #fff;
}
/* maybe need -webkit-overflow-scrolling: touch; */
html, body { overscroll-behavior-x: none; }
html {
	--green: #a8bd91;
	--red: #b3666c;
	--red: #e6cc93;
	--dark: #3c4251;
	--light: #495061;
	--black: #2f343f;
	--white: #d9dee8;

	/*background-color: var(--black);
	color: var(--white);*/
	background-color: #131313;
	color: #fff;
	cursor: text;
}

@keyframes show { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } }
body { opacity: 1; animation: show 0.16s; }

body { margin: 0; font: 400 13px/1em CozetteVector; }
body { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.cm-editor .cm-scroller { font: inherit; }
.ͼ1 .cm-cursor {
	border-color: #d9dee8 !important;
	border-width: 2px !important;
	margin-left: 0 !important;
}
.cm-editor .cm-fat-cursor {
	background-color: var(--white) !important;
	color: var(--black) !important;
	outline: none !important;
}
.ͼo:not(.cm-focused) .cm-fat-cursor {
	background-color: transparent !important;
	color: transparent !important;
}

.cm-editor { height: 100%; }
.cm-editor .cm-panels-bottom { border: 0 !important; }
.cm-vim-panel { font: inherit !important; }
.cm-vim-panel span { display: flex; }
.cm-vim-panel input { width: auto !important; flex-grow: 1; }
.cm-vim-panel input { color: inherit; font: inherit; padding: 0; height: 1.3em; line-height: 3em; }
.cm-vim-panel span, .cm-vim-message { font: inherit !important; line-height: 1.3em !important; }
.ͼ1 .cm-widgetBuffer { vertical-align: top;}
.ͼ2 .cm-activeLine { background-color: /*var(--dark)*/#2c2c2c; }
.ͼ1 .cm-line { padding: 0; }
.ͼ1 .cm-content { padding: 1px; }

.ͼ1 .cm-highlightTab { background: none; color: var(--light); }
.ͼ1 .cm-highlightTab::before { user-select: none; content: "→ "; position: absolute; }
.ͼ1 .cm-highlightSpace { background: none; color: var(--light); }
.ͼ1 .cm-highlightSpace::before { user-select: none; content: "·"; position: absolute; }