.frblp-variation-selector__select {
	display: none;
}

.frblp-variation-selector__options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.frblp-variation-option {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 6px 12px;
	border: 1px solid var( --frblp-variation-option-border-color, currentColor );
	border-radius: 3px;
	background: transparent;
	cursor: pointer;
}

.frblp-variation-option.is-selected {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.frblp-variation-option:disabled {
	opacity: .4;
	cursor: not-allowed;
}

.frblp-variation-option__color {
	width: 22px;
	height: 22px;
	border: 1px solid rgba( 0, 0, 0, .25 );
	border-radius: 50%;
	background: var( --frblp-swatch-color );
}

.frblp-variation-option__image {
	width: 32px;
	height: 32px;
	object-fit: cover;
}

.frblp-variant-image-preview img {
	display: block;
	max-width: 80px;
	height: auto;
	margin-top: 10px;
}