.cvs-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}

.cvs-original-select.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cvs-swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
	border: 2px solid #ccc;
	outline-offset: 2px;
	transition: border-color 0.15s ease-in-out;
}

.cvs-swatch:hover,
.cvs-swatch:focus {
	border-color: #999;
}

.cvs-swatch--selected {
	border-color: #000;
}

/* Color / image swatches: fixed-size swatch, size set by the shape/size settings. */
.cvs-swatches--color .cvs-swatch,
.cvs-swatches--image .cvs-swatch {
	padding: 2px;
}

.cvs-swatches--color.cvs-swatches--small .cvs-swatch,
.cvs-swatches--image.cvs-swatches--small .cvs-swatch {
	width: 28px;
	height: 28px;
}

.cvs-swatches--color.cvs-swatches--medium .cvs-swatch,
.cvs-swatches--image.cvs-swatches--medium .cvs-swatch {
	width: 38px;
	height: 38px;
}

.cvs-swatches--color.cvs-swatches--large .cvs-swatch,
.cvs-swatches--image.cvs-swatches--large .cvs-swatch {
	width: 48px;
	height: 48px;
}

.cvs-swatch-color,
.cvs-swatch-image {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

/* Shapes apply to the swatch border and the color/image fill. */
.cvs-swatches--round .cvs-swatch,
.cvs-swatches--round .cvs-swatch-color,
.cvs-swatches--round .cvs-swatch-image {
	border-radius: 50%;
}

.cvs-swatches--square .cvs-swatch,
.cvs-swatches--square .cvs-swatch-color,
.cvs-swatches--square .cvs-swatch-image {
	border-radius: 4px;
}

/* Button/label swatches size to their text content instead. */
.cvs-swatches--button .cvs-swatch {
	width: auto;
	height: auto;
	min-width: 38px;
	border-radius: 4px;
}

.cvs-swatches--button.cvs-swatches--small .cvs-swatch {
	padding: 4px 10px;
	font-size: 12px;
}

.cvs-swatches--button.cvs-swatches--medium .cvs-swatch {
	padding: 6px 14px;
	font-size: 13px;
}

.cvs-swatches--button.cvs-swatches--large .cvs-swatch {
	padding: 8px 18px;
	font-size: 14px;
}

.cvs-swatches--button .cvs-swatch--selected {
	background: #f5f5f5;
}

.cvs-swatch-label {
	line-height: 1;
	white-space: nowrap;
}