.minicolors {position:relative;}
.minicolors-sprite {background-image:url('./jquery.minicolors.png');}
.minicolors-swatch {position:absolute;vertical-align:middle;background-position:-80px 0;border:solid 1px #ccc;cursor:text;padding:0;margin:0;display:inline-block;z-index:3}
.minicolors-swatch-color {position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}
.minicolors input[type=hidden] + .minicolors-swatch {width:28px;position:static;cursor:pointer;}
.minicolors input[type=hidden][disabled] + .minicolors-swatch {cursor:default;}


/* Panel */
.minicolors-panel {position:absolute;width:173px;background:white;border:solid 1px #CCC;box-shadow:0 0 20px rgba(0, 0, 0, .2);z-index:99999;box-sizing:content-box;display:none;padding:10px;border-radius:4px;}
.minicolors-panel.minicolors-visible {display:block;}


/* Panel positioning */
.minicolors-position-top .minicolors-panel {top:-154px;}
.minicolors-position-right .minicolors-panel {right:0;}
.minicolors-position-bottom .minicolors-panel {top:auto;}
.minicolors-position-left .minicolors-panel {left:0;}
.minicolors-with-opacity .minicolors-panel {width:202px;}
.minicolors .minicolors-grid {position:relative;top:1px;left:1px;/* LTR */ width:150px;height:150px;margin-bottom:2px;background-position:-120px 0;cursor:crosshair;box-sizing:content-box;}
[dir=rtl] .minicolors .minicolors-grid {right:1px;}
.minicolors .minicolors-grid-inner {position:absolute;top:0;left:0;width:150px;height:150px;border:1px solid rgba(0,0,0,0.2);}
.minicolors-slider-saturation .minicolors-grid {background-position:-420px 0;}
.minicolors-slider-saturation .minicolors-grid-inner {background-position:-270px 0;background-image:inherit;}
.minicolors-slider-brightness .minicolors-grid {background-position:-570px 0;}
.minicolors-slider-brightness .minicolors-grid-inner {background-color:black;}
.minicolors-slider-wheel .minicolors-grid {background-position:-720px 0;}
.minicolors-slider, .minicolors-opacity-slider {position:absolute;top:11px;right:35px;/* LTR */ width:20px;height:150px;background-color:white;background-position:0 0;cursor:row-resize;}
[dir=rtl] .minicolors-slider,
[dir=rtl] .minicolors-opacity-slider {right:152px;}
.minicolors-slider-saturation .minicolors-slider {background-position:-60px 0;}
.minicolors-slider-brightness .minicolors-slider {background-position:-20px 0;}
.minicolors-slider-wheel .minicolors-slider {background-position:-20px 0;}
.minicolors-opacity-slider {right:10px;/* LTR */ background-position:-40px 0;display:none;}
[dir=rtl] .minicolors-opacity-slider {right:173px;}
.minicolors-with-opacity .minicolors-opacity-slider {display:block;}



/* Pickers */
.minicolors-grid .minicolors-picker {position:absolute;top:70px;left:70px;width:12px;height:12px;border:solid 1px black;border-radius:10px;margin-top:-6px;margin-left:-6px;background:none;}
.minicolors-grid .minicolors-picker > div {position:absolute;top:0;left:0;width:8px;height:8px;border-radius:8px;border:solid 2px white;box-sizing:content-box;}
.minicolors-picker {position:absolute;top:0;left:0;width:18px;height:2px;background:white;border:solid 1px black;margin-top:-2px;box-sizing:content-box;}


/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {margin:10px 0 0px 2px;padding:0;list-style:none;overflow:hidden;}
[dir=rtl] .minicolors-swatches, [dir=rtl] .minicolors-swatches li {margin:5px 5px 3px 0;}
.minicolors-swatches .minicolors-swatch {position:relative;float:left;cursor:pointer;margin:0 4px 0 0;}
[dir=rtl] .minicolors-swatches .minicolors-swatch {float:right;margin:0 0 0 4px;}
.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {margin-right:7px;}
[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {margin-right:0;margin-left:7px;}
.minicolors-swatch.selected {border-color:#000;}


/* Inline controls */
.minicolors-inline {display:inline-block;}
.minicolors-inline .minicolors-input {display:none !important;}
.minicolors-inline .minicolors-panel {position:relative;top:auto;left:auto;box-shadow:none;z-index:auto;display:inline-block;}
[dir=rtl] .minicolors-inline .minicolors-panel {right:auto;}




/* Default theme */
.minicolors-theme-default{}
.minicolors-theme-default .minicolors-swatch {top:0;right:0px;width:27px;height:100%;cursor:pointer;border:1px solid rgba(0,0,0,0.8);}
[dir=rtl] .minicolors-theme-default .minicolors-swatch {right:5px;}

.minicolors-theme-default .minicolors-swatches .minicolors-swatch {margin-bottom:2px;top:0;left:0;width:18px;height:18px;}
[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {right:0;}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {left:auto;/* LTR */ right:5px;/* LTR */}
[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {right:auto;left:5px;}

.minicolors-theme-default.minicolors {width:auto;display:inline-block;}
.minicolors-theme-default .minicolors-input {width:auto;min-width:166px;display:inline-block;padding-left:6px;font-size:11px;}
[dir=rtl] .minicolors-theme-default .minicolors-input {text-align:right;unicode-bidi:plaintext;padding-left:1px;padding-right:26px;}
.minicolors-theme-default.minicolors-position-right .minicolors-input {padding-right:26px;/* LTR */ padding-left:inherit;/* LTR */}
[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {padding-right:inherit;padding-left:26px;}








/*─────────────────────────────────────────────────
										커스텀
─────────────────────────────────────────────────*/
body{
	--swatch-size:16px;
}

input.minicolors-input{width:auto;width:15em;font-size:11px;display:inline-block;}
.minicolors-input-swatch{position:absolute;top:4px;right:4px;border-radius:2px;width:calc(var(--form-height) - 8px);height:calc(var(--form-height) - 8px);overflow:hidden;}
.minicolors input[type='hidden'] + .minicolors-input-swatch{position:relative;overflow:hidden;width:calc(var(--form-height) - 4px);height:calc(var(--form-height) - 4px);border-radius:2px;top:auto;right:auto;}
.minicolors input.circle + .minicolors-input-swatch{border-radius:50%;}

.minicolors-panel{position:absolute;background:white;border:solid 1px #CCC;box-shadow:0 0 20px rgba(0, 0, 0, .2);z-index:99999;box-sizing:content-box;display:none;padding:10px;border-radius:4px;}
	ul.minicolors-swatches{margin:0;margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;}
	ul.minicolors-swatches li.minicolors-swatch{position:relative;margin:0 !important;padding:0;list-style:none;width:18px;height:18px;border-radius:2px;overflow:hidden;cursor:pointer;}

input.minicolors-input.inline + .minicolors-input-swatch{position:relative;top:auto;right:auto;left:auto;}

input.minicolors-input.inline{position:absolute !important;top:34px !important;left:12px !important;visibility:hidden;opacity:0 !important;transition:0 !important;margin:0 !important;transition:none !important;
	background:rgba(71,78,103,0.15);border:0;box-shadow:none !important;}
.minicolors.minicolors-focus input.minicolors-input.inline{opacity:1 !important;visibility:visible;z-index:199999;font-size:11px;min-width:auto;width:180px;height:25px;}
.minicolors-panel.inline-input .minicolors-sprite:not(.minicolors-swatch){margin-top:35px;}


.labelColor-hiddenSet{display:grid;grid-template-columns:repeat(2, 1fr);gap:2px;}
.labelColor-hidden{position:relative;--form-height:24px;}
.labelColor-hidden .minicolors-panel{top:calc(var(--swatch-size) + 5px);}
.labelColor-hidden input.colorpicker{position:absolute !important;top:calc(var(--swatch-size) + 16px);left:12px;visibility:hidden;opacity:0 !important;transition:0 !important;margin:0 !important;transition:none !important;
	background:rgba(71,78,103,0.15);border:0;box-shadow:none !important;}
.labelColor-hidden .minicolors.minicolors-focus input.colorpicker{opacity:1 !important;visibility:visible;z-index:199999;font-size:11px;min-width:auto;width:180px;height:var(--form-height);padding:0 8px;}
.labelColor-hidden .minicolors.minicolors-focus  .minicolors-sprite:not(.minicolors-swatch){margin-top:32px;}
.labelColor-hidden .minicolors-input-swatch{position:relative !important;top:auto !important;right:auto !important;width:var(--swatch-size);height:var(--swatch-size);}
.labelColor-hidden .minicolors-position-right .minicolors-panel{}
.labelColor-hidden .minicolors-position-right input.colorpicker{left:auto;right:32px;}
.labelColor-hidden ul.minicolors-swatches li.minicolors-swatch{left:auto !important;right:auto !important;}

.labelColor-hidden.mini{--swatch-size:12px;}



/*─────────────────────────────────────────────────
										activeColor
─────────────────────────────────────────────────*/
.form-color-group{display:flex;align-items:center;gap:5px;}
	label.activeColor{position:relative;width:var(--form-height);height:var(--form-height);display:inline-flex;align-items:center;justify-content:center;border:var(--form-border);border-radius:var(--form-radius);}
	label.activeColor:before{content:'\e29f';font-family:'newfont';font-size:11px;font-weight:normal;position:absolute;right:-2px;bottom:-2px;z-index:9;}
	label.activeColor .minicolors-panel{top:calc(var(--swatch-size) + 5px);}
	label.activeColor input.colorpicker{position:absolute !important;top:calc(var(--swatch-size) + 16px);height:24px !important;left:12px;visibility:hidden;opacity:0 !important;transition:0 !important;margin:0 !important;transition:none !important;
	background:rgba(71,78,103,0.15);border:0;box-shadow:none !important;}
	label.activeColor .minicolors.minicolors-focus input.colorpicker{opacity:1 !important;visibility:visible;z-index:199999;font-size:11px;min-width:auto;width:180px;height:var(--form-height);}
	label.activeColor .minicolors.minicolors-focus  .minicolors-sprite:not(.minicolors-swatch){margin-top:32px;}
	label.activeColor .minicolors-input-swatch{position:relative !important;top:auto !important;right:auto !important;width:calc(var(--form-height) - 10px);height:calc(var(--form-height) - 10px);}
	label.activeColor .minicolors-position-right .minicolors-panel{}
	label.activeColor .minicolors-position-right input.colorpicker{left:auto;right:32px;}