table.variations select[data-gr-swatched] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.gr-swatch-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 12px;
}

.gr-swatch {
	padding: 8px 16px;
	border: 1px solid var(--wp--preset--color--border, #ddd);
	border-radius: 4px;
	background: var(--wp--preset--color--paper, #fff);
	color: var(--wp--preset--color--ink, #1c201b);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-family: inherit;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.gr-swatch:hover:not(:disabled) {
	border-color: var(--wp--preset--color--accent, #0b3d24);
}

.gr-swatch--selected {
	border-color: var(--wp--preset--color--accent, #0b3d24);
	background: var(--wp--preset--color--accent, #0b3d24);
	color: var(--wp--preset--color--paper, #fff);
	font-weight: 600;
}

.gr-swatch:disabled,
.gr-swatch--disabled {
	opacity: 0.4;
	cursor: not-allowed;
	text-decoration: line-through;
}