.xplora-content-block {
	--xplora-content-block-bg: transparent;
	--xplora-content-block-text: inherit;
	background: var(--xplora-content-block-bg);
	color: var(--xplora-content-block-text);
	border-radius: 24px;
	padding: 28px 32px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.xplora-content-block > :first-child {
	margin-top: 0;
}

.xplora-content-block > :last-child {
	margin-bottom: 0;
}

.xplora-content-block :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, small, strong, em, a) {
	color: inherit;
}

.xplora-content-block a:hover,
.xplora-content-block a:focus-visible {
	opacity: 0.86;
}

.editor-styles-wrapper.xplora-content-block-editor-preview .is-root-container {
	background: var(--xplora-content-block-bg, transparent);
	color: var(--xplora-content-block-text, inherit);
	border-radius: 24px;
	padding: 28px 32px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.editor-styles-wrapper.xplora-content-block-editor-preview .is-root-container > :first-child {
	margin-top: 0;
}

.editor-styles-wrapper.xplora-content-block-editor-preview .is-root-container > :last-child {
	margin-bottom: 0;
}

.editor-styles-wrapper.xplora-content-block-editor-preview .is-root-container :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, small, strong, em, a) {
	color: inherit;
}

.xplora-content-block-color-field {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
}

.xplora-content-block-color-field__picker {
	width: 52px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	cursor: pointer;
}

.xplora-content-block-color-field__value {
	font-family: monospace;
	font-size: 12px;
}

@media (max-width: 767px) {
	.xplora-content-block {
		padding: 22px 20px;
	}

	.editor-styles-wrapper.xplora-content-block-editor-preview .is-root-container {
		padding: 22px 20px;
	}
}