/*
 * CSS for the Block editor.
 *
 * @Afetiria
 */

.editor-styles-wrapper {
	background: #eaeaea;
}

.editor-styles-wrapper .is-root-container {
	background: #fff;
	border: solid 0.1rem #dadada;
	padding: 3.0rem 0;
}

.editor-styles-wrapper .is-root-container h1,
.editor-styles-wrapper .is-root-container h2,
.editor-styles-wrapper .is-root-container h3,
.editor-styles-wrapper .is-root-container h4,
.editor-styles-wrapper .is-root-container h5,
.editor-styles-wrapper .is-root-container h6 {
	padding: 0.3rem 1.5rem;
}

.editor-styles-wrapper .is-root-container h1.has-background,
.editor-styles-wrapper .is-root-container h2.has-background,
.editor-styles-wrapper .is-root-container h3.has-background,
.editor-styles-wrapper .is-root-container h4.has-background,
.editor-styles-wrapper .is-root-container h5.has-background,
.editor-styles-wrapper .is-root-container h6.has-background {
	padding: 0.3rem 1.5rem;
}

.editor-styles-wrapper .is-root-container h1 {
	font-size: 2.4rem;
}

.editor-styles-wrapper .is-root-container h2 {
	font-size: 1.8rem;
}

.editor-styles-wrapper .is-root-container h3 {
	font-size: 1.6rem;
}

.editor-styles-wrapper .is-root-container h4,
.editor-styles-wrapper .is-root-container h5,
.editor-styles-wrapper .is-root-container h6 {
	font-size: 1.4rem;
}