// Mirrors the legacy .wp-block-affr .affr-thumb rules.
.wp-block-affreviews-logo-thumbnail {
	display: block;

	.affr-thumb,
	.affr-thumb__inner {
		box-sizing: border-box;
	}

	.affr-thumb {
		position: relative;
		width: 100%;
		height: 250px;
		display: flex;
		justify-content: center;
		padding: 20px;
		align-items: center;

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

		&.affr-thumb--box {
			background-color: var(--affr-logo-background-color);

			img {
				max-width: 200px;
				height: auto;
				width: auto;
			}
		}

		&.affr-thumb--circle {
			align-items: flex-start;

			@media (max-width: 781px) {
				padding-left: 0;
				padding-right: 0;
			}

			.affr-thumb__inner {
				border-radius: 50%;
				overflow: hidden;
				max-width: 200px;
				aspect-ratio: 1 / 1;
				background-color: var(--affr-logo-background-color);
				padding: 15px;

				img {
					max-width: 200px;
				}
			}
		}
	}
}