.spectra-variation-picker--close {
	align-self: flex-end;
	background: none;
	border: none;
	box-shadow: none;
	color: #d5dadf;
	cursor: pointer;
	display: flex;
	font-size: 35px;
	outline: none;
	position: absolute;
	top: 3px;
	z-index: 999999;
}

.spectra-variation-picker--small-icons.spectra-variation-picker .block-editor-block-variation-picker__variations > li {
	max-width: 120px;
}

.spectra-variation-picker--big-icons.spectra-variation-picker .block-editor-block-variation-picker__variations > li {
	max-width: 160px;
}

.spectra-variation-picker .block-editor-block-variation-picker__variations {
	gap: 0;
	justify-content: center;
	width: 75%;
}

.spectra-variation-picker .block-editor-block-variation-picker__variations .components-button, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button.is-secondary, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button.is-tertiary, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button:hover:not(:disabled) {
	box-shadow: none;
	color: #d5dadf !important;
	margin-bottom: 0;
	outline: none;
	padding: 0;
}

.spectra-variation-picker .block-editor-block-variation-picker__variations .components-button svg, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button.is-secondary svg, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button.is-tertiary svg, .spectra-variation-picker .block-editor-block-variation-picker__variations .components-button:hover:not(:disabled) svg {
	fill: #d5dadf !important;
	height: 50px;
	width: 100px;
}

.spectra-variation-picker .block-editor-block-variation-picker__variations .components-button:hover:not(:disabled) svg {
	color: #bcc0c4 !important;
}

.spectra-variation-picker .block-editor-block-variation-picker__variations > li {
	flex-basis: content;
	margin: 20px 16px 0 0;
	max-width: 140px;
}

.spectra-variation-picker .block-editor-block-variation-picker__skip .components-button {
	color: #1e1e1e;
}

.spectra-variation-picker .components-placeholder {
	align-items: center;
	border: 1px dashed #c8d0d7;
	border-radius: 4px;
	box-shadow: none;
	gap: 0;
}

.spectra-variation-picker .components-placeholder .components-placeholder__label, .spectra-variation-picker .components-placeholder.is-large .components-placeholder__label {
	color: #1d2327;
	font-size: 24px;
	font-weight: 400;
	line-height: 29px;
	margin-bottom: 4px;
}

.spectra-variation-picker .components-placeholder .components-placeholder__label svg, .spectra-variation-picker .components-placeholder.is-large .components-placeholder__label svg {
	color: #1e1e1e;
	margin-right: 12px;
}

.spectra-variation-picker .block-editor-block-variation-picker__variation {
	height: auto;
}

.spectra-variation-picker .block-editor-block-variation-picker__variation:before {
	padding-bottom: 0;
}

.spectra-variation-picker .components-placeholder__fieldset {
	align-items: center;
	flex-direction: column;
	max-width: 90%;
	text-align: center;
}

.spectra-variation-picker .components-placeholder__fieldset .components-placeholder__instructions {
	color: #50575e;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
}