.plusTier {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: var(--s-0-5);
	font-size: var(--font-2xs);
	color: var(--color-text-high);
}

.rotationRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
	padding: var(--s-2) var(--s-2) var(--s-2) var(--s-3);
	border-bottom: 1px solid var(--color-border);

	&:last-child {
		border-bottom: 0;
	}
}

.rotationStages {
	display: flex;
	gap: var(--s-1-5);
}

/* concentric with the list's corners: its radius minus the row's padding */
.rotationStage {
	width: 96px;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: max(2px, calc(var(--radius-box) - var(--s-2)));

	@container (width < 400px) {
		width: 72px;
	}
}

.rotationStageOff {
	filter: saturate(0.3) brightness(0.7);
}