/* Frontend */
p.lemu-paragraph-icon {
	position: relative;
	padding: 0rem 0rem 0rem 3rem;
}

p.lemu-paragraph-icon::before {
	content: "";
	position: absolute;
	left: 0rem;
	top: -0.2rem;
	width: 2.2rem;
	height: 2.2rem;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}

/* Editor */
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].lemu-paragraph-icon {
	position: relative;
	padding: 0rem 0rem 0rem 3rem;
}

.editor-styles-wrapper .wp-block[data-type="core/paragraph"].lemu-paragraph-icon::before {
	content: "";
	position: absolute;
	left: 0rem;
	top: -0.2rem;
	width: 2.2rem;
	height: 2.2rem;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	pointer-events: none;
}

p.has-lemu-icon-classroom-class::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-classroom-class::before {
	-webkit-mask-image: url("./icons/classroom-class.svg");
	mask-image: url("./icons/classroom-class.svg");
}

p.has-lemu-icon-classroom-teacher::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-classroom-teacher::before {
	-webkit-mask-image: url("./icons/classroom-teacher.svg");
	mask-image: url("./icons/classroom-teacher.svg");
}

p.has-lemu-icon-group-single::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-group-single::before {
	-webkit-mask-image: url("./icons/group-single.svg");
	mask-image: url("./icons/group-single.svg");
}

p.has-lemu-icon-group-pair::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-group-pair::before {
	-webkit-mask-image: url("./icons/group-pair.svg");
	mask-image: url("./icons/group-pair.svg");
}

p.has-lemu-icon-group-group::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-group-group::before {
	-webkit-mask-image: url("./icons/group-group.svg");
	mask-image: url("./icons/group-group.svg");
}

p.has-lemu-icon-cooperative-learning-think::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-cooperative-learning-think::before {
	-webkit-mask-image: url("./icons/cooperative-learning-think.svg");
	mask-image: url("./icons/cooperative-learning-think.svg");
}

p.has-lemu-icon-cooperative-learning-pair::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-cooperative-learning-pair::before {
	-webkit-mask-image: url("./icons/cooperative-learning-pair.svg");
	mask-image: url("./icons/cooperative-learning-pair.svg");
}

p.has-lemu-icon-cooperative-learning-share::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-cooperative-learning-share::before {
	-webkit-mask-image: url("./icons/cooperative-learning-share.svg");
	mask-image: url("./icons/cooperative-learning-share.svg");
}

p.has-lemu-icon-cooperative-learning-consolidate::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-cooperative-learning-consolidate::before {
	-webkit-mask-image: url("./icons/cooperative-learning-consolidate.svg");
	mask-image: url("./icons/cooperative-learning-consolidate.svg");
}

p.has-lemu-icon-single-xy::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-single-xy::before {
	-webkit-mask-image: url("./icons/single-xy.svg");
	mask-image: url("./icons/single-xy.svg");
}

p.has-lemu-icon-single-neutral::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-single-neutral::before {
	-webkit-mask-image: url("./icons/single-neutral.svg");
	mask-image: url("./icons/single-neutral.svg");
}

p.has-lemu-icon-single-xx::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-single-xx::before {
	-webkit-mask-image: url("./icons/single-xx.svg");
	mask-image: url("./icons/single-xx.svg");
}

p.has-lemu-icon-classroom-xx-xy::before,
.editor-styles-wrapper .wp-block[data-type="core/paragraph"].has-lemu-icon-classroom-xx-xy::before {
	-webkit-mask-image: url("./icons/classroom-xx-xy.svg");
	mask-image: url("./icons/classroom-xx-xy.svg");
}

@media (max-width: 767px) {
	p.lemu-paragraph-icon {
		padding: 3rem 1rem 1rem 1rem;
		text-align: center;
	}

	p.lemu-paragraph-icon::before {
		left: 50%;
		top: 0.75rem;
		transform: translateX(-50%);
	}

	.editor-styles-wrapper .wp-block[data-type="core/paragraph"].lemu-paragraph-icon {
		padding: 3rem 1rem 1rem 1rem;
		text-align: center;
	}

	.editor-styles-wrapper .wp-block[data-type="core/paragraph"].lemu-paragraph-icon::before {
		left: 50%;
		top: 0.75rem;
		transform: translateX(-50%);
	}
}