.homegrade-blocks-timeline {
	&--has-step-icons {
		&:before {
			z-index: 0 !important;
		}
	}
	.components-placeholder {
		max-height: 300px;
	}

	.homegrade-blocks-timeline-step {
		&__icon {
			.please-add-icon {
				text-align: center;
				color: #e04d42;
				font-weight: 600;
				margin: auto;
			}
		}
		.block-editor-media-placeholder {
			margin-bottom: 30px;
		}
	}

	.block-editor-inner-blocks {
		grid-column: span 2 / span 2;
	}
}

.homegrade-blocks-timeline__panel-body {
	> img {
		max-height: 150px;
	}
}
.homegrade-blocks-timeline-step__panel-body {
	.components-tip {
		margin: 10px 0;
	}
	&--icon {
		img {
			max-height: 60px;
		}
	}
	.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;
	}
}