section.block-preview {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 20px 34px 20px 20px;
	background: #fff;
	border: 1px solid #dcdcde;
	font-family:
		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
		Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

	.bp-image {
		flex-shrink: 0;
		width: 160px;
		aspect-ratio: 16 / 10;
		background: #f0f0f1;
		overflow: hidden;
		border: 1px solid #dcdcde;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }
	}

	.bp-details {
		flex: 1;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 6px;

		small {
			font-size: 12px;
			color: #646970;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			font-weight: 500;
			line-height: 1.2;
            text-transform: uppercase;
		}

		h1 {
			font-size: 24px;
			font-weight: 600;
			color: #1d2327;
			margin: 0;
			padding: 0;
			line-height: 1.3;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}

	.bp-logo {
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		border-radius: 2px;
		background: #f6f7f7;
		border: 1px solid #dcdcde;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		padding: 4px;

		img {
			max-width: 100%;
			max-height: 100%;
			object-fit: contain;
			display: block;
		}
	}
}