.xplora-content-block {
	--xplora-content-block-bg: transparent;
	--xplora-content-block-text: inherit;
	width: 100%;
	background: var(--xplora-content-block-bg);
	color: var(--xplora-content-block-text);
	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);
	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;
}

.xplora-content-block-metabox__help {
	margin-top: 0;
	color: #50575e;
}

.xplora-content-block-metabox__columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.xplora-content-block-metabox__columns fieldset {
	min-width: 0;
}

.xplora-content-block-metabox__columns legend {
	margin-bottom: 8px;
	font-weight: 600;
}

.xplora-content-block-metabox__list {
	max-height: 320px;
	overflow-y: auto;
	padding: 10px;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	background: #fff;
}

.xplora-content-block-metabox__option {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	padding: 7px 4px;
}

.xplora-content-block-metabox__option + .xplora-content-block-metabox__option {
	border-top: 1px solid #f0f0f1;
}

.xplora-content-block-metabox__option input {
	margin-top: 2px;
}

.xplora-content-block-metabox__option span,
.xplora-content-block-metabox__option strong,
.xplora-content-block-metabox__option code {
	display: block;
}

.xplora-content-block-metabox__option code {
	margin-top: 2px;
	padding: 0;
	background: transparent;
	color: #646970;
	font-size: 11px;
}

@media (max-width: 782px) {
	.xplora-content-block-metabox__columns {
		grid-template-columns: 1fr;
	}
}

.xplora-assigned-content-blocks {
	width: 100%;
}