.pb-block-control--color-picker {
	.components-base-control__field {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.components-base-control__field .components-base-control__label {
		margin-right: 0px;
	}

	.components-base-control__field .pb-block-control--color-picker-reset {
		height: 30px;
		vertical-align: bottom;
		padding: 0;
		margin-left: 5px;

		span {
			font-size: 12px;
			vertical-align: middle;
		}
	}
}

.pb-block-control--color-picker-dropdown {
	position: relative;

	.pb-block-control--color-picker-value {
		height: 30px;
		width: 30px;
		margin: 0;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==');
		background-size: 10px;
		position: relative;
		box-shadow: none !important;
		border-radius: 100%;

		&:focus {
			outline-offset: unset;
		}

		span {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 100%;
			border: 2px solid blanchedalmond;
		}
	}
}

.pb-block-control--color-picker-inner {
	.components-notice {
		margin-bottom: 10px;
	}
}