.rche-custom-shortcode-block,
.rche-custom-shortcode-block * {
	box-sizing: border-box;
}

.rche-custom-shortcode-block {
	position: relative;
	width: min(var(--rche-width, 1400px), calc(100% - 40px));
	margin: 30px auto;
	min-width: 0;
	max-width: 100%;
	overflow: visible;
	color: var(--rche-ink, #1d2831);
	isolation: isolate;
}

.rche-custom-shortcode-inner {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	overflow-wrap: anywhere;
}

.rche-custom-shortcode-inner > * {
	max-width: 100%;
}

.rche-custom-shortcode-inner img,
.rche-custom-shortcode-inner video,
.rche-custom-shortcode-inner canvas,
.rche-custom-shortcode-inner svg {
	max-width: 100%;
	height: auto;
}

.rche-custom-shortcode-inner iframe,
.rche-custom-shortcode-inner embed,
.rche-custom-shortcode-inner object {
	width: 100%;
	max-width: 100%;
}

.rche-custom-shortcode-inner table {
	width: 100%;
	max-width: 100%;
}

.rche-custom-shortcode-inner input,
.rche-custom-shortcode-inner select,
.rche-custom-shortcode-inner textarea,
.rche-custom-shortcode-inner button {
	max-width: 100%;
}

.rche-custom-shortcode-inner pre,
.rche-custom-shortcode-inner table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.logged-in .rche-custom-shortcode-block:hover > .rche-quick-edit {
	display: block !important;
}

@media (max-width: 800px) {
	.rche-custom-shortcode-block {
		width: calc(100% - 24px);
		margin: 22px auto;
	}

	.rche-custom-shortcode-inner {
		width: 100%;
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}

	.rche-custom-shortcode-inner iframe {
		min-height: 220px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rche-custom-shortcode-block,
	.rche-custom-shortcode-inner * {
		scroll-behavior: auto !important;
	}
}