/* Profile photo checker: the photo with the frame of the crop and the list of checks on one side, the verdict,
   the circle previews and the download on the other.
   The layout of the two sides is the shared one of the photo tools (.pst-photo in assets/css/tools.css),
   the list of checks the shared .pst-review.
   ========================================================================== */

.pst-pc__result {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

/* The circle a profile shows, large and as small as in a list of comments. */
.pst-pc__avatars {
	display: flex;
	align-items: flex-end;
	gap: 18px;
}

.pst-pc__avatar {
	display: block;
	border-radius: 50%;
	background: var(--pst-tint);
}

.pst-pc__avatar--big {
	width: 160px;
	height: 160px;
}

.pst-pc__avatar--small {
	width: 48px;
	height: 48px;
}

@container pst (max-width: 450px) {
	.pst-pc__avatar--big {
		width: 128px;
		height: 128px;
	}

	.pst .pst-verdict__title {
		font-size: 21px;
	}
}