@import "/ui/styles/_theme.scss";

.saved-note {
	margin-top: 12px;
	padding: 10px 12px;
	background-color: $success-soft;
	border-left: 2px solid $success;
	color: $success;
	font-size: $fs-2;
	font-family: $font-mono;
	letter-spacing: 0.5px;
	code { color: $text; font-family: $font-mono; }

	&--compact {
		margin-top: 4px;
		padding: 6px 10px;
		font-size: $fs-1;
	}

	&--placeholder {
		background-color: transparent;
		border: 1px solid $line;
		border-left: 1px solid $line;
		color: $text-faint;
		font-style: italic;
	}
}