ul.amendo-size {
	list-style: none;
	display: flex;
	flex-wrap: wrap;

	li {
		padding: 5px 10px;
		border: 1px solid #ccc;
		margin: 5px;
		cursor: pointer;
	}

	li.selected {
		background-color: #000;
		color: #fff;
	}
}

.amendo-variation-image-list {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;

	&.partial > *:nth-child(n+6):not(.selected) {
		display: none;
	}

	li {
		position: relative;
		display: inline-block;
		cursor: pointer;
		margin: 5px;
	}

	li img {
		display: block;
		max-width: 100%;
		height: auto;
		border:2px solid #0073aa;
	}

	li.named-swatch {
		border: 1px solid black;
		padding: 0.25rem;
	}

	li.selected {
		order: -1;
	}

	li.selected::after {
		content: "✔";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 2rem;
		color: white;
		background-color: rgba(
			0,
			128,
			0,
			0.5
		);
		display: flex;
		justify-content: center;
		align-items: center;
	}
}