@charset "utf-8";

/* SWATCHES */
	.swatches {
		align-items: center;
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		margin: 1rem 0; 
		overflow: hidden;
		width: 100%;
		}
	.swatches-color {
		border-radius: var(--radius);
		flex: 1;
		height: 4rem;
		min-width: 0;
		overflow: hidden;
		position: relative;
		}
	@media (min-width: 30em) {
		.swatches-color {
			height: 8rem;
			}
	}