// VARIANT STUFF
.selector-wrapper {
	vertical-align: middle;
	overflow: hidden;

	label {
		text-transform: uppercase;
		vertical-align: middle;
		display: inline-block;
		margin-top: 21px;
	}

	.new-variant-swatchs {
		list-style: none;
		padding: 0;
		margin: 10px 0;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle;
		float: right;

		.new-variant-swatch {
			display: inline-block;
			vertical-align: middle;
			height: 35px;
			padding: 6px;
			text-transform: uppercase;
			margin: 3px;
			text-align: center;
			border: 2px solid #aaa;
			min-width: 35px;
			color: #aaa;
			cursor: pointer;

			&:hover { cursor: pointer; }
			&.is-soldout:hover { cursor: default; }
			&.is-soldout {
				color: #eee;
				border: 2px solid #eee;
				background-color: #fff;
			}
			&.is-active {
				color: #fff;
				border: 2px solid #000;
				background-color: #000;
			}
		}
	}
}