.blueprints-container .dataviews-title-field {
	@apply px-5 w-full;
}
.blueprints-container .dataviews-view-grid__card {
	@apply cursor-pointer relative justify-between outline outline-a8c-gray-5 rounded h-[279px] [@media(min-height:680px)]:h-[340px] min-w-32;
}

.blueprints-container .dataviews-view-grid__card img {
	@apply transition-transform duration-150;
}

.blueprints-container .dataviews-view-grid__card:hover img {
	@apply scale-110;
}

.blueprints-container .dataviews-view-grid__card:has( .is-selected ) {
	@apply outline outline-1 outline-a8c-blue-50;
}

/* Small icon on the bottom right of the card if selected (bottom left in RTL) */
.blueprints-container .dataviews-view-grid__card:has( .is-selected )::after {
	content: '✓';
	@apply absolute top-1.5 left-1.5 text-sm text-white rounded-sm px-1.5 py-0.5;
}

.blueprints-container .dataviews-view-grid {
	@apply !grid !grid-cols-3 !gap-5 !items-start;
}

.blueprints-container .components-badge {
	@apply !bg-transparent p-0 !w-full;
}

.blueprints-issues-modal .components-modal__header + div {
	height: 100%;
}
