.sp-replacer {
	border-radius: 4px;
	background: #fff;
	border-color: var(--imaBorder);
	display: flex;
	align-items: center;
	width: 48px;
	justify-content: space-around;
	height: 40px !important;
	margin-top: 4px !important;

	.sp-preview {
		height: 16px;
		width: 16px;
		margin: 0px;
		border: 1px solid #fff;
		border-radius: 3px;
		background: none;
	}

	.sp-preview-inner {
		border-radius: 4px;
	}

	.sp-dd {
		content: url(/icons/chevron-down-dark-blue.svg) !important;
	}

	&:hover {
		border-color: var(--imaBlueHover);
	}
}

.sp-container {
	background: #fff;
	border-radius: 4px;
	border-color: var(--imaBorder);
	right: 24px;
	left: auto !important;
}

.color-picker-form-item-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}