@font-face {
	font-family: InkLipquid;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: none;
}

/* EditorView Styles from app/components/EditorView.vue */
.editor-view a {
	color: #004ecb;
}

.editor-view p.is-editor-empty:first-child::before {
	content: attr(data-placeholder);
	float: left;
	color: #9ca3af;
	pointer-events: none;
	height: 0;
}

.editor-view ul {
	list-style: disc;
	padding: 0 1rem;
}

.editor-view ol {
	list-style: decimal;
	padding: 0 1rem;
}

.editor-view hr {
	margin: 1.5rem 0;
}

.editor-view img {
	width: 100%;
}

.editor-view img.ProseMirror-selectednode {
	outline: 3px solid #68cef8;
}

.editor-view blockquote {
	padding-left: 1rem;
	border-left: 3px solid rgba(13, 13, 13, 0.1);
}

.editor-view .ProseMirror {
	outline: none;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Tiptap Scoped Styles */
.editor-view .tiptap a {
	color: #004ecb;
}

.editor-view .tiptap ul {
	list-style: disc;
	padding: 0 1rem;
}

.editor-view .tiptap ol {
	list-style: decimal;
	padding: 0 1rem;
}

.editor-view .tiptap hr {
	margin: 1.5rem 0;
}

.editor-view .tiptap img {
	width: 100%;
}

.editor-view .tiptap img.ProseMirror-selectednode {
	outline: 3px solid #68cef8;
}

.editor-view .tiptap blockquote {
	padding-left: 1rem;
	border-left: 3px solid rgba(13, 13, 13, 0.1);
}

.editor-view div[data-youtube-video] {
	position: relative;
	aspect-ratio: 5/4;
}

.editor-view div[data-youtube-video] iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.375rem;
}

/* Fix for empty paragraphs in Tiptap */
.editor-view p {
	min-height: 24px;
	line-height: 1.5;
}