/**
 * @author Neverthink.tools <team@neverthink.tools>
 * @version 0.1
 *
 * Wpui Module: Input\Color
 */

.wpui-setting.is-color {}

	.wpui-setting.is-color .wpui-fieldset[data-input-position="before"] {
		flex-direction: row-reverse;
	}



input.wpui-color {
	width: var( --input-height );
	height: var( --input-height );
	padding: 0;
	opacity: 0;
	cursor: pointer;
	margin: calc( var( --border-width ) * -1 );
}



.wpui-setting.is-color-preview {
	background: var( --color );
	border: var( --border-width ) solid rgba( 0, 0, 0, 0.25);
	z-index: 20;
}