@media (min-width: 1025px) {
	.uicore-bl-styles .uicore-bl-desktop-hidden {
		display: none !important;
	}
}

@media (min-width: 783px) and (max-width: 1024px) {
	.uicore-bl-styles .uicore-bl-tablet-hidden {
		display: none !important;
	}

	[data-type^='uicore/'] {
		grid-column: var(--ui-bl-span-tablet);
		grid-row: var(--ui-bl-span-row-tablet);
	}
}

@media (max-width: 782px) {
	.uicore-bl-styles .uicore-bl-mobile-hidden {
		display: none !important;
	}

	[data-type^='uicore/'] {
		grid-column: var(--ui-bl-span-mobile);
		grid-row: var(--ui-bl-span-row-mobile);
	}
}

[class*='wp-block-uicore-'] {
	position: relative;
	box-sizing: border-box;
	/* width: 100%; //break the icons. why we need it? */
	grid-column: var(--ui-bl-span-desktop);
	grid-row: var(--ui-bl-span-row-desktop);
}
.wp-block-uicore-post-grid {
	width: 100%;
}
.uicore-bl-img {
	/* width: fit-content; experimenting with max for better natural width + behavior with other images as siblings */
	max-width: fit-content;
	display: block;
}
[class*='wp-block-uicore-'] img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}
.uicore-bl-content img {
	width: 1em;
}

.uicore-bl-content {
	margin: 0;
}

.uicore-bl-content sub {
	font-size: clamp(12px, 35%, 50%);
}

.uicore-bl-content sup {
	font-size: clamp(12px, 35%, 50%);
}

.uicore-bl-odometer span {
	word-break: initial;
}
footer,
.entry-content > .wp-block-uicore-container + .wp-block-uicore-container {
	content-visibility: auto;
}