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

.homegrade-blocks-highlight {
	&--classic {
		.wp-block-button__link {
			background-color: #df1e1e !important;
		}
	}
	&--warning {
		&:after {
			z-index: 0 !important;
		}
	}

	ul {
		li {
			// list-style: none !important;
			display: flex;
			padding: 10px 0;
		}
		li:before {
			transform: translateY(6px);
			flex-shrink: 0;
			border-radius: 50%;
			content: "";
			width: 10px;
			height: 10px;
			display: inline-block;
			margin-right: 10px;
		}
	}
}

.homegrade-blocks-highlight__variant {
	.components-toggle-group-control-option-base[aria-checked="true"] {
		background-color: #e04d42;
		&:focus {
			outline: none;
		}
	}
}

.homegrade-blocks-highlight__panel-body {
	.components-dropdown .components-toolbar__control {
		background-color: #e04d42;
		color: white;
	}
	img {
		display: block;
	}
	.components-dropdown {
		display: block;
		width: fit-content;
	}
	.media-replace-container {
		padding: 10px 0;
		display: flex;
		gap: 10px;
		align-items: center;
		// margin-top: 10px;
	}
}

.homegrade-blocks-highlight__icon-position {
	margin: 20px 0;
	legend {
		font-size: 15px !important;
		// font-weight: 400 !important;
		text-transform: none !important;
		color: #585858;
	}
}
