$editor-font-family: $body-font-family;//$header-font-family-serif;
.ql-editor, .sl-quill-editor-container .ql-editor {
	font-family: $editor-font-family;
	strong {
		font-weight: bold;//$global-weight-bold;
	}
	.ql-size-large {
		font-size: 1.25rem;
	}
	white-space: pre-wrap;
}
.sl-quill-renderer {
	.ql-toolbar {
		visibility: hidden;
	}
		> * {
		white-space: pre-wrap;
	}
}
#sulo-store-dashboard {
	.sl-quill-editor-container {
		border: $global-border;
	}
}

.sl-quill-editor-container {
	min-height: 20rem;
	max-height: 20rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
	.ql-editor.ql-blank {
		&::before {
			color: $dark-gray;
		}
	}
	.ql-container {
		font-size: $global-font-size;
		// min-height: 20rem;
		min-height: 20rem;
		transition: min-height .25s ease-in-out;
		border: none;
		padding-top: 3rem;
		position: relative;
		z-index: 0;
		overflow-y: auto;
	}
	.ql-toolbar {
		position: absolute;
		background: $white;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		// min-height: 3rem;
		// height: 3rem;
		visibility: visible;
		transition: opacity .25s ease-in-out, visibility 0s linear;
		border: none;
		border-bottom: $global-border;
		// font-family: $editor-font-family;

	}
	.ql-bubble {
		border: none;
	}

	&.disabled {
		min-height: 14rem;
		.ql-toolbar {
			opacity: 0;
			visibility: hidden;
			transition: opacity .25s ease-in-out, visibility 0s linear .25s;
			// overflow: hidden; 
			// min-height: 0;
			// height: 0;
			// padding: 0;
		}
		.ql-container {
			padding-top: 0;
			min-height: 14rem;
		}
	}
}