/* Spinix Image Optimization – "Spinix hero image" box in the page editor. */
.spxio-herobox-intro {
	margin: 0 0 10px;
	color: #50575e;
}

.spxio-herobox-note {
	margin: 0 0 10px;
	padding: 8px 10px;
	border-left: 3px solid #dba617;
	background: #fcf9e8;
}

.spxio-herobox-option {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	margin: 0 0 10px;
	cursor: pointer;
}

.spxio-herobox-option input {
	margin-top: 2px;
}

.spxio-herobox-option small {
	display: block;
	margin-top: 2px;
	color: #646970;
	line-height: 1.4;
}

.spxio-herobox-picker {
	margin: -2px 0 12px 24px;
}

.spxio-herobox-picker[hidden] {
	display: none;
}

.spxio-herobox-preview img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 8px;
	border-radius: 4px;
}

.spxio-herobox-remove {
	margin-left: 8px;
	color: #b32d2e;
}