/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*\
|||||  TCGEM.APP  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
\*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.tcgem-rich-text-field {
	display: block;
}

.tcgem-rich-text-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	align-items: center;
	margin-bottom: .4rem;
	padding: .35rem;
	border: 1px solid rgba(108, 79, 125, .18);
	border-radius: 8px;
	background: rgba(255, 255, 255, .6);
}

.tcgem-rich-text-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
}

.tcgem-rich-text-button.active {
	color: #fff;
	background: rgba(108, 79, 125, .9);
	border-color: rgba(108, 79, 125, .9);
}

.tcgem-rich-text-separator {
	display: inline-block;
	width: 1px;
	height: 22px;
	margin: 0 .15rem;
	background: rgba(108, 79, 125, .18);
}

.tcgem-rich-text-editor {
	min-height: 150px;
	padding: .85rem;
	border: 1px solid rgba(108, 79, 125, .2);
	border-radius: 8px;
	background: rgba(255, 255, 255, .72);
	line-height: 1.55;
	outline: 0;
}

.tcgem-rich-text-source {
	display: none;
	min-height: 150px;
	padding: .85rem;
	border: 1px solid rgba(108, 79, 125, .2);
	border-radius: 8px;
	background: rgba(255, 255, 255, .72);
	color: #201826 !important;
	caret-color: #201826;
	font-family: Consolas, "Liberation Mono", Menlo, monospace;
	font-size: .9rem;
	line-height: 1.55;
	resize: vertical;
}

.tcgem-rich-text-html-mode .tcgem-rich-text-editor {
	display: none;
}

.tcgem-rich-text-html-mode .tcgem-rich-text-source {
	display: block;
}

.tcgem-rich-text-editor:focus {
	border-color: rgba(108, 79, 125, .55);
	box-shadow: 0 0 0 .2rem rgba(108, 79, 125, .14);
}

.tcgem-rich-text-source:focus {
	border-color: rgba(108, 79, 125, .55);
	box-shadow: 0 0 0 .2rem rgba(108, 79, 125, .14);
	outline: 0;
}

.tcgem-rich-text-editor:empty:before {
	content: attr(data-placeholder);
	opacity: .45;
}

.tcgem-rich-text-editor p {
	margin: 0 0 .75rem;
}

.tcgem-rich-text-editor p:last-child {
	margin-bottom: 0;
}

.tcgem-rich-text-editor ul,
.tcgem-rich-text-editor ol {
	margin: .5rem 0 .75rem;
	padding-left: 1.25rem;
}

.tcgem-rich-text-editor blockquote {
	margin: .75rem 0;
	padding: .6rem .85rem;
	border-left: 3px solid rgba(108, 79, 125, .45);
	background: rgba(108, 79, 125, .07);
	border-radius: 0 8px 8px 0;
}

#main.main-theme-dark .tcgem-rich-text-toolbar,
#main.main-theme-dark .tcgem-rich-text-editor,
#main.main-theme-dark .tcgem-rich-text-source {
	background: rgba(255, 255, 255, .05);
	border-color: rgba(226, 214, 193, .18);
	color: #fff !important;
	caret-color: #fff;
}

#main.main-theme-dark textarea.tcgem-rich-text-source.form-control {
	color: #fff !important;
	background: rgba(255, 255, 255, .05);
}

#main.main-theme-dark .tcgem-rich-text-separator {
	background: rgba(226, 214, 193, .2);
}

#main.main-theme-dark .tcgem-rich-text-editor blockquote {
	border-left-color: rgba(226, 214, 193, .4);
	background: rgba(226, 214, 193, .08);
}