@reference "../../shadcn.css";

@import "prosemirror-view/style/prosemirror.css";
@import "../blocks/blocks.css";

.rich-text {
	.ProseMirror {
		outline: none;
		max-block-size: 300px;
		overflow-y: auto;
		padding: 0.75rem;
		line-height: 1.5;
		user-select: text;

		pre {
			@apply squircle tab-4;
			margin: 0.25rem 0;
			padding: 0.5rem 0.75rem;
			border-radius: var(--r-md);
			background: var(--color-code);
			font-family: ui-monospace, monospace;
			font-size: 0.85em;
			line-height: 1.6;
			white-space: pre-wrap;
			overflow-x: auto;
		}

		pre code {
			padding: 0;
			background: transparent;
			font-size: inherit;
		}

		.custom-emoji {
			display: inline;
			inline-size: 1.25em;
			block-size: 1.25em;
			vertical-align: -0.25em;
			object-fit: contain;
		}

		.mention-suggest {
			color: var(--color-primary);
		}

		.document-suggest {
			color: var(--color-primary);
		}
	}

	.ProseMirror .is-empty::before {
		content: attr(data-placeholder);
		color: var(--color-muted-foreground);
		pointer-events: none;
		position: absolute;
	}
}

[data-slot="input"][data-mode="terminal"] {
	display: flex;
	align-items: start;

	.rich-text {
		flex: 1;
		min-inline-size: 0;

		.ProseMirror {
			font-family: "Monaspace Neon", ui-monospace, monospace;
			font-size: 0.8125rem;
			caret-shape: block;
			padding-inline-start: 0.375rem;
		}
	}
}