/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */


.wp-block-pm-blocks-section{
	&:hover {
		outline: 1px dashed #007cba;
	}
}

.wp-block-pm-blocks-column {
	&:hover {
		outline: 1px dashed  rgb(243, 103, 61);;
	}
}

 .pm-block-label {
		position: absolute;
		color: #fff;
		font-size: 8px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: var(--wp--preset--font-family--system-font);
		padding: 3px 5px;
		display: none;
		z-index: 20;
		cursor: pointer;
	}

.wp-block-pm-blocks-column {
	> .pm-block-label { 
		bottom: 0;
		left: -1px;
		transform: translateY(100%);
		background: rgb(243, 103, 61);
	}
}

.wp-block-pm-blocks-section {
	> .pm-block-label { 
		top: 0;
		right: -1px;
		transform: translateY(-100%);
		background: #007cba;
	}
}


.wp-block-pm-blocks-column,
.wp-block-pm-blocks-section {
	position: relative;

	&:hover {
		>.pm-block-label {
			display: block;
		}

	}
}


@import 'all';