@charset "UTF-8"; /**! UX4 Version 7.5.4 Build 20230704150329 [2023-07-04 15:03:29] (c) Copyright 2006-2023 All Rights Reserved. Macro 4 Limited - a Division of UNICOM Global. (c) Copyright 2006-2023 All Rights Reserved. UNICOM(r) Systems , Inc. - a Division of UNICOM Global. ALL RIGHTS RESERVED. NO MATERIAL FROM THIS WORK MAY BE REPRINTED, COPIED, OR EXTRACTED WITHOUT WRITTEN PERMISSION OF MACRO 4 LIMITED. http://www.macro4.com http://www.unicomglobal.com */ [data-ux4-widget=UX4ColorPicker].desktop{cursor:default;position:relative;display:block;line-height:1.4}[data-ux4-widget=UX4ColorPicker].desktop.inline{width:16em;display:inline-block;vertical-align:text-top}[data-ux4-widget=UX4ColorPicker].desktop>.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-ux4-widget=UX4ColorPicker].desktop>.wrapper>.content{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}[data-ux4-widget=UX4ColorPicker].desktop>.wrapper>.content>.inner{position:relative}[data-ux4-widget=UX4ColorPicker].desktop>.wrapper>.content>.inner>.preview{pointer-events:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);position:absolute;top:0;bottom:0;right:4px;height:20px;margin:auto}[data-ux4-widget=UX4ColorPicker].desktop>.wrapper>.content>.inner>.preview .fill{height:100%;width:100%}[data-ux4-widget=UX4ColorPicker].desktop:not(.embed) .element{display:block;width:100%;height:2em;color:inherit;color:var(--ux4form-textbox-fg);background:var(--ux4form-textbox-bg);border:1px solid var(--ux4-border-color);padding:2px 4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}[data-ux4-widget=UX4ColorPicker].desktop:not(.embed) .element:not([readonly]):not([disabled]):focus{border-color:var(--ux4-focus-border-color)}[data-ux4-widget=UX4ColorPicker].desktop.embed>.wrapper>.content>.inner>.element,[data-ux4-widget=UX4ColorPicker].desktop.embed>.wrapper>.content>.inner>.preview{display:none !important}[data-ux4-widget=UX4ColorPicker].desktop.embed [data-ux4-colorpicker]{border:1px solid var(--ux4-border-color);-webkit-box-sizing:border-box;box-sizing:border-box}[data-ux4-widget=UX4ColorPicker].desktop.editable>.wrapper>.content>.inner>.element{padding-right:2em}[data-ux4-widget=UX4ColorPicker].desktop.editable>.wrapper>.content>.inner>.preview{width:1.6em;pointer-events:none}[data-ux4-widget=UX4ColorPicker].desktop:not(.editable)>.wrapper>.content>.inner>.element{cursor:pointer}[data-ux4-widget=UX4ColorPicker].desktop:not(.editable)>.wrapper>.content>.inner>.preview{cursor:pointer;left:4px}[data-ux4-widget=UX4ColorPicker].desktop.has-focus>.wrapper>.content>.inner>.element,[data-ux4-widget=UX4ColorPicker].desktop.has-focus [data-ux4-colorpicker]{border-color:var(--ux4-focus-border-color)}[data-ux4-widget=UX4ColorPicker].desktop.has-button .preview-button{width:2em;height:2em;margin-left:2px;vertical-align:top}[data-ux4-widget=UX4ColorPicker].desktop.has-button .element{width:calc(100% - 30px)}[data-ux4-widget=UX4ColorPicker].desktop .label{display:none}[data-ux4-widget=UX4ColorPicker].desktop.has-label>.wrapper>.label{display:inline-block;padding:4px 0;padding-top:5px;min-height:2em;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ux4form-label-fg)}[data-ux4-widget=UX4ColorPicker].desktop.has-label>.wrapper>.label.nowrap{white-space:nowrap}[data-ux4-widget=UX4ColorPicker].desktop.has-label>.wrapper>.label.right-align{text-align:right}[data-ux4-widget=UX4ColorPicker].desktop.has-label.required>.wrapper>.label:after{content:" *";color:var(--ux4form-error-text)}[data-ux4-widget=UX4ColorPicker].desktop.has-label.right-label>.wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}[data-ux4-widget=UX4ColorPicker].desktop.has-label.right-label>.wrapper>.label{padding-left:8px}[data-ux4-widget=UX4ColorPicker].desktop.has-label.right-label>.wrapper>.content{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;width:0}[data-ux4-widget=UX4ColorPicker].desktop.has-label.left-label>.wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}[data-ux4-widget=UX4ColorPicker].desktop.has-label.left-label>.wrapper>.label{padding-right:8px}[data-ux4-widget=UX4ColorPicker].desktop.has-label.left-label>.wrapper>.content{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;width:0}[data-ux4-widget=UX4ColorPicker].desktop .icon{display:none}[data-ux4-widget=UX4ColorPicker].desktop.has-icon>.wrapper>.content>.inner>.icon{display:inline-block;position:absolute;left:0;top:0;width:2em;line-height:2em;color:var(--ux4form-icon-fg)}[data-ux4-widget=UX4ColorPicker].desktop.has-icon>.wrapper>.content>.inner>.element{padding-left:2em}[data-ux4-widget=UX4ColorPicker].desktop.has-icon.embed>.wrapper>.content>.inner{padding-left:2em}[data-ux4-widget=UX4ColorPicker].desktop.has-icon:not(.editable)>.wrapper>.content>.inner>.element{padding-left:calc(2em + 4px)}[data-ux4-widget=UX4ColorPicker].desktop.has-icon:not(.editable)>.wrapper>.content>.inner>.preview{left:calc(2em + 4px)}[data-ux4-widget=UX4ColorPicker].desktop .help-text{display:none}[data-ux4-widget=UX4ColorPicker].desktop.has-help-text:not(.invalid):not(.readonly):not(.disabled)>.help-text{font-size:.8em;padding:4px 0;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;color:var(--ux4form-help-text)}[data-ux4-widget=UX4ColorPicker].desktop.has-help-text:not(.invalid):not(.readonly):not(.disabled).has-focus>.help-text{opacity:1;display:block}[data-ux4-widget=UX4ColorPicker].desktop.has-help-text:not(.invalid):not(.readonly):not(.disabled).embed.has-icon>.help-text{padding-left:2.4em}[data-ux4-widget=UX4ColorPicker].desktop .validation{display:none}[data-ux4-widget=UX4ColorPicker].desktop.invalid>.validation{display:block;padding:4px 0;font-size:.8em;color:var(--ux4form-error-text)}[data-ux4-widget=UX4ColorPicker].desktop.invalid.embed.has-icon>.validation{padding-left:2.4em}[data-ux4-widget=UX4ColorPicker].desktop.readonly:not(.embed)>.wrapper>.content>.inner>.element{pointer-events:none;color:var(--ux4form-readonly-textbox-fg);background:var(--ux4form-readonly-textbox-bg)}[data-ux4-widget=UX4ColorPicker].desktop.disabled:not(.embed)>.wrapper>.content>.inner>.element{pointer-events:none;color:var(--ux4form-disabled-textbox-fg);background:var(--ux4form-disabled-textbox-bg)}[data-ux4-widget=UX4ColorPicker].mobile.android{color:#333;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.5}[data-ux4-widget=UX4ColorPicker].mobile.android.inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;width:16em}[data-ux4-widget=UX4ColorPicker].mobile.android>.content{position:relative;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element{width:100%;height:2.25em;background:none;padding:8px 0;border:none;-webkit-box-shadow:0 -1px gray inset;box-shadow:0 -1px gray inset;-webkit-transition:-webkit-box-shadow .15s ease;transition:-webkit-box-shadow .15s ease;transition:box-shadow .15s ease;transition:box-shadow .15s ease, -webkit-box-shadow .15s ease;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element::-webkit-input-placeholder{opacity:0;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element::-moz-placeholder{opacity:0;-moz-transition:opacity .15s ease-in;transition:opacity .15s ease-in;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:-ms-input-placeholder{opacity:0;-ms-transition:opacity .15s ease-in;transition:opacity .15s ease-in;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element::-ms-input-placeholder{opacity:0;-ms-transition:opacity .15s ease-in;transition:opacity .15s ease-in;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element::placeholder{opacity:0;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:hover{-webkit-box-shadow:0 -2px #333 inset;box-shadow:0 -2px #333 inset}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus{-webkit-box-shadow:0 -2px #1e88e5 inset;box-shadow:0 -2px #1e88e5 inset}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus::-webkit-input-placeholder{opacity:.6}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus::-moz-placeholder{opacity:.6}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus:-ms-input-placeholder{opacity:.6}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus::-ms-input-placeholder{opacity:.6}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.element:focus::placeholder{opacity:.6}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.preview{pointer-events:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);position:absolute;overflow:hidden}[data-ux4-widget=UX4ColorPicker].mobile.android>.content>.preview .fill{height:100%;width:100%}[data-ux4-widget=UX4ColorPicker].mobile.android:not(.editable)>.content>.element{-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,0)}[data-ux4-widget=UX4ColorPicker].mobile.android:not(.editable)>.content>.preview{width:100%;top:8px;bottom:8px;border:1px solid gray;-webkit-box-sizing:border-box;box-sizing:border-box}[data-ux4-widget=UX4ColorPicker].mobile.android:not(.editable):hover>.content>.preview{border:2px solid #333}[data-ux4-widget=UX4ColorPicker].mobile.android:not(.editable).has-focus>.content>.preview{border:2px solid #1e88e5}[data-ux4-widget=UX4ColorPicker].mobile.android.editable>.content>.element{padding-right:2.25em}[data-ux4-widget=UX4ColorPicker].mobile.android.editable>.content>.preview{width:1.25em;right:8px;top:8px;bottom:8px;height:1.25em;margin:auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;pointer-events:none}[data-ux4-widget=UX4ColorPicker].mobile.android.embed>.content>.element,[data-ux4-widget=UX4ColorPicker].mobile.android.embed>.content>.preview{display:none}[data-ux4-widget=UX4ColorPicker].mobile.android .label{display:none}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label>.content{margin-top:1.25em}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label>.content>.label{display:block;white-space:nowrap;pointer-events:none;line-height:normal;position:absolute;top:8px;left:0;right:0;-webkit-transition:all .15s ease;transition:all .15s ease;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label.required>.content>.label:after{content:" *";color:#f44336}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label.embed>.content>.label,[data-ux4-widget=UX4ColorPicker].mobile.android.has-label:not(.editable)>.content>.label{font-size:.75em;top:-1em}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label.embed [data-ux4-colorpicker],[data-ux4-widget=UX4ColorPicker].mobile.android.has-label:not(.editable) [data-ux4-colorpicker]{margin-top:8px}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label:not(.readonly):not(.disabled).has-focus>.content>.label{color:#1e88e5;font-size:.75em;top:-1em}[data-ux4-widget=UX4ColorPicker].mobile.android.has-label .element.has-value~.label{font-size:.75em;top:-1em}[data-ux4-widget=UX4ColorPicker].mobile.android .icon{display:none}[data-ux4-widget=UX4ColorPicker].mobile.android.has-icon>.content{margin-left:36px}[data-ux4-widget=UX4ColorPicker].mobile.android.has-icon>.content>.icon{display:inline-block;position:absolute;left:-36px;top:0;width:24px;line-height:36px;font-size:24px;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android .help-text{display:none}[data-ux4-widget=UX4ColorPicker].mobile.android.has-help-text:not(.invalid)>.content>.help-text{display:block;padding-top:2px;font-size:.75em;color:#757575}[data-ux4-widget=UX4ColorPicker].mobile.android .validation{display:none}[data-ux4-widget=UX4ColorPicker].mobile.android.invalid .label{color:#f44336 !important}[data-ux4-widget=UX4ColorPicker].mobile.android.invalid .element{-webkit-box-shadow:0 -2px #f44336 inset !important;box-shadow:0 -2px #f44336 inset !important}[data-ux4-widget=UX4ColorPicker].mobile.android.invalid .validation{display:block;padding-top:2px;font-size:.75em;color:#f44336}[data-ux4-widget=UX4ColorPicker].mobile.android.readonly,[data-ux4-widget=UX4ColorPicker].mobile.android.disabled{opacity:.8}[data-ux4-widget=UX4ColorPicker].mobile.android.readonly>.content>.element,[data-ux4-widget=UX4ColorPicker].mobile.android.disabled>.content>.element{border-bottom:1px dashed gray;-webkit-box-shadow:none !important;box-shadow:none !important;color:#757575;pointer-events:none}[data-ux4-widget=UX4ColorPicker].mobile.android.readonly .help-text,[data-ux4-widget=UX4ColorPicker].mobile.android.disabled .help-text{display:none !important}[data-ux4-widget=UX4ColorPicker].mobile.android.readonly .validation,[data-ux4-widget=UX4ColorPicker].mobile.android.disabled .validation{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios{color:#333;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.25}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-divider>.wrapper>.content{border-bottom:.5px solid #c8c7cc}[data-ux4-widget=UX4ColorPicker].mobile.ios.inline{width:16em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;overflow:hidden}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:44px}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.content>.preview{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);overflow:hidden;height:26px;margin:auto 12px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:.5px solid #c8c7cc}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.content>.preview .fill{height:100%;width:100%}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.content>.element{width:100%;border:none;background:none;padding:12px;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;outline:none;line-height:inherit;border-radius:0px}[data-ux4-widget=UX4ColorPicker].mobile.ios.editable>.wrapper>.content .preview{width:1.6em;margin-left:0}[data-ux4-widget=UX4ColorPicker].mobile.ios:not(.editable)>.wrapper>.content>.element{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios:not(.editable)>.wrapper>.content>.preview{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}[data-ux4-widget=UX4ColorPicker].mobile.ios.embed>.wrapper>.content>.element,[data-ux4-widget=UX4ColorPicker].mobile.ios.embed>.wrapper>.content>.preview{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.content>.label{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-label>.wrapper>.content>.label{display:block;pointer-events:none;color:#8e8e93;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:12px 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-label>.wrapper>.content>.label.nowrap{white-space:nowrap}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-label>.wrapper>.content>.label.right-align{text-align:right}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-label.required>.wrapper>.content>.label:after{content:" *";color:#ff3b30}[data-ux4-widget=UX4ColorPicker].mobile.ios>.icon{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-icon>.icon{display:inline-block;margin:8px 12px 8px 0;border-radius:8px;padding:6px 4px;color:#fff;background:#a7a7ab;width:1.25em;height:1em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.help-text{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios.has-help-text:not(.invalid)>.wrapper>.help-text{display:block;padding:8px 0;font-size:.75em;color:#8e8e93}[data-ux4-widget=UX4ColorPicker].mobile.ios>.wrapper>.validation{display:none}[data-ux4-widget=UX4ColorPicker].mobile.ios.invalid>.wrapper>.validation{display:block;padding:8px 0;font-size:.75em;color:#ff3b30}[data-ux4-widget=UX4ColorPicker].mobile.ios.readonly>.wrapper>.content,[data-ux4-widget=UX4ColorPicker].mobile.ios.disabled>.wrapper>.content{opacity:.7}[data-ux4-widget=UX4ColorPicker].mobile.ios.readonly>.wrapper>.help-text,[data-ux4-widget=UX4ColorPicker].mobile.ios.disabled>.wrapper>.help-text{display:none !important}[data-ux4-widget=UX4ColorPicker].mobile.ios.readonly>.wrapper>.validation,[data-ux4-widget=UX4ColorPicker].mobile.ios.disabled>.wrapper>.validation{display:none}[data-ux4-colorpicker]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-ux4-colorpicker] .ux4-colorpicker-modes-header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none}[data-ux4-colorpicker] .ux4-colorpicker-modes-header.hide{display:none}[data-ux4-colorpicker] .ux4-colorpicker-modes-header.hide~.palette{display:none !important;opacity:0 !important}[data-ux4-colorpicker] .ux4-colorpicker-modes-header.hide~.picker{display:block !important;opacity:1 !important}[data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{cursor:pointer;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}[data-ux4-colorpicker] .picker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:auto}[data-ux4-colorpicker] .picker .thumb{position:absolute;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:none}[data-ux4-colorpicker] .picker .thumb .live{font-size:0}[data-ux4-colorpicker] .picker .base{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background-color:red;border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;height:10em;-ms-touch-action:none;touch-action:none}[data-ux4-colorpicker] .picker .base .sat{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear, left top, right top, from(#FFF), to(transparent));background:linear-gradient(to right, #FFF, transparent)}[data-ux4-colorpicker] .picker .base .light{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));background:linear-gradient(to bottom, transparent, #000)}[data-ux4-colorpicker] .picker .basic{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}[data-ux4-colorpicker] .picker .basic .preview{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;width:8em;margin-right:10px;border:1px solid;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}[data-ux4-colorpicker] .picker .basic .preview.hide{display:none}[data-ux4-colorpicker] .picker .basic .preview .before,[data-ux4-colorpicker] .picker .basic .preview .after{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}[data-ux4-colorpicker] .picker .basic .preview .before.hide,[data-ux4-colorpicker] .picker .basic .preview .after.hide{display:none}[data-ux4-colorpicker] .picker .basic .preview .after{right:0}[data-ux4-colorpicker] .picker .basic .sliders{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:none;touch-action:none}[data-ux4-colorpicker] .picker .basic .sliders .hue-slider{position:relative;cursor:pointer;height:12px;border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);-ms-touch-action:none;touch-action:none}[data-ux4-colorpicker] .picker .basic .sliders .hue-slider+.alpha-slider:not(.hide){margin-top:8px}[data-ux4-colorpicker] .picker .basic .sliders .alpha-slider{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:12px;border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);position:relative;-ms-touch-action:none;touch-action:none}[data-ux4-colorpicker] .picker .basic .sliders .alpha-slider.hide{display:none}[data-ux4-colorpicker] .picker .basic .sliders .alpha-slider .fill{background:-webkit-gradient(linear, left top, right top, from(rgba(64, 255, 0, 0)), to(red));background:linear-gradient(to right, rgba(64, 255, 0, 0), red);height:100%;width:100%}[data-ux4-colorpicker] .picker .advanced{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}[data-ux4-colorpicker] .picker .advanced .rgb,[data-ux4-colorpicker] .picker .advanced .hsv,[data-ux4-colorpicker] .picker .advanced .hex{display:-webkit-box;display:-ms-flexbox;display:flex}[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4NumericInput] .element,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4Input] .element,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4NumericInput] .element,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4Input] .element,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4NumericInput] .element,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4Input] .element{text-align:center}[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4NumericInput] .label,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4Input] .label,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4NumericInput] .label,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4Input] .label,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4NumericInput] .label,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4Input] .label{display:none}[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4NumericInput]:last-child,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4Input]:last-child,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4NumericInput]:last-child,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4Input]:last-child,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4NumericInput]:last-child,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4Input]:last-child{margin-right:0}[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4NumericInput] .help-text,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4NumericInput] .validation,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4Input] .help-text,[data-ux4-colorpicker] .picker .advanced .rgb [data-ux4-widget=UX4Input] .validation,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4NumericInput] .help-text,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4NumericInput] .validation,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4Input] .help-text,[data-ux4-colorpicker] .picker .advanced .hsv [data-ux4-widget=UX4Input] .validation,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4NumericInput] .help-text,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4NumericInput] .validation,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4Input] .help-text,[data-ux4-colorpicker] .picker .advanced .hex [data-ux4-widget=UX4Input] .validation{display:none}[data-ux4-colorpicker] .picker .advanced .hex .element{text-transform:uppercase}[data-ux4-colorpicker] .palette{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:10em;width:100%;overflow:auto}[data-ux4-colorpicker] .palette .color{cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 1px;outline:none}[data-ux4-colorpicker] .palette .color.selected,[data-ux4-colorpicker] .palette .color:hover,[data-ux4-colorpicker] .palette .color:focus{border-width:1px !important;border-style:solid !important;position:relative}[data-ux4-colorpicker] .palette .color.selected:after,[data-ux4-colorpicker] .palette .color:hover:after,[data-ux4-colorpicker] .palette .color:focus:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;border:1px solid #fff}[data-ux4-colorpicker] .palette .themes{min-height:6em;outline:none;overflow:auto}[data-ux4-colorpicker] .palette .themes .grid{font-size:0;outline:none}[data-ux4-colorpicker] .palette .themes .grid .row{white-space:nowrap}[data-ux4-colorpicker] .palette .themes .grid .row:first-child{margin-bottom:5px}[data-ux4-colorpicker] .palette .themes .grid .row:first-child .color{border-top:1px solid;border-bottom:1px solid}[data-ux4-colorpicker] .palette .themes .grid .row:first-child+.row .color{border-top:1px solid}[data-ux4-colorpicker] .palette .themes .grid .row:last-child .color{border-bottom:1px solid}[data-ux4-colorpicker] .palette .themes .grid .row .color{border-left:1px solid;border-right:1px solid}[data-ux4-colorpicker] .palette .swatches{outline:none}[data-ux4-colorpicker] .palette .swatches .grid{font-size:0;outline:none}[data-ux4-colorpicker] .palette .swatches .grid .color{border:1px solid}.desktop [data-ux4-colorpicker]{line-height:1.4}.desktop [data-ux4-colorpicker] .ux4-colorpicker-modes-header{cursor:default;color:var(--ux4-toolbar-fg);background:var(--ux4-toolbar-bg);border-bottom:1px solid var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{min-width:50%;padding:4px 8px;text-overflow:ellipsis;color:var(--ux4-toolbar-item-fg);background:var(--ux4-toolbar-item-bg)}.desktop [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:hover:not(.selected){color:var(--ux4-toolbar-item-hover-fg);background:var(--ux4-toolbar-item-hover-bg)}.desktop [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:active:not(.selected){color:var(--ux4-toolbar-item-active-fg);background:var(--ux4-toolbar-item-active-bg)}.desktop [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{color:var(--ux4-toolbar-item-selected-fg);background:var(--ux4-toolbar-item-selected-bg)}.desktop [data-ux4-colorpicker] .picker .base{border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .picker .thumb{width:16px;height:16px;color:#000;margin:auto -8px;top:-3px;background:var(--ux4-default-bg);border:1px solid var(--ux4-border-color);-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,.4);box-shadow:1px 1px 2px 0 rgba(0,0,0,.4);outline:none}.desktop [data-ux4-colorpicker] .picker .thumb:focus,.desktop [data-ux4-colorpicker] .picker .thumb:hover{border-color:var(--ux4-focus-border-color)}.desktop [data-ux4-colorpicker] .picker .thumb.main{margin:-8px}.desktop [data-ux4-colorpicker] .basic .preview{height:34px;border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .basic .preview .before:focus,.desktop [data-ux4-colorpicker] .basic .preview .after:focus{border-color:var(--ux4-focus-border-color)}.desktop [data-ux4-colorpicker] .basic .sliders .hue-slider,.desktop [data-ux4-colorpicker] .basic .sliders .alpha-slider{border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .advanced .rgb [data-ux4-widget=UX4NumericInput],.desktop [data-ux4-colorpicker] .advanced .hsv [data-ux4-widget=UX4NumericInput],.desktop [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4NumericInput]{width:3em;margin-right:8px;padding:0}.desktop [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4Input]{width:6em}.desktop [data-ux4-colorpicker] .advanced>div:not(.hide),.desktop [data-ux4-colorpicker] .advanced>div+div:not(.hide){margin-top:8px}.desktop [data-ux4-colorpicker] .advanced>div:first-child:not(.hide){margin-top:10px}.desktop [data-ux4-colorpicker] .palette{padding-top:0}.desktop [data-ux4-colorpicker] .palette .themes .grid .row:first-child .color,.desktop [data-ux4-colorpicker] .palette .themes .grid .row:first-child+.row .color,.desktop [data-ux4-colorpicker] .palette .themes .grid .row:last-child .color{border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .palette .themes .grid .row .color{border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .palette .swatches .grid .color{border-color:var(--ux4-border-color)}.desktop [data-ux4-colorpicker] .color{width:14px;height:14px}.desktop [data-ux4-colorpicker] .color:hover,.desktop [data-ux4-colorpicker] .color:focus{border-color:var(--ux4-focus-border-color) !important}.desktop [data-ux4-colorpicker] .color.selected{border-color:var(--ux4-focus-border-color) !important}.desktop.readonly [data-ux4-colorpicker]{pointer-events:none}.desktop.readonly [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{color:var(--ux4-readonly-toolbar-fg);background:var(--ux4-readonly-toolbar-bg)}.desktop.readonly [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{color:var(--ux4-readonly-toolbar-item-selected-fg);background:var(--ux4-readonly-toolbar-item-selected-bg)}.desktop.readonly [data-ux4-colorpicker] .picker .thumb{-webkit-box-shadow:none;box-shadow:none}.desktop.disabled [data-ux4-colorpicker]{pointer-events:none}.desktop.disabled [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{color:var(--ux4-disabled-toolbar-fg);background:var(--ux4-disabled-toolbar-bg)}.desktop.disabled [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{color:var(--ux4-disabled-toolbar-item-selected-fg);background:var(--ux4-disabled-toolbar-item-selected-bg)}.desktop.disabled [data-ux4-colorpicker] .picker .thumb{-webkit-box-shadow:none;box-shadow:none}.desktop.disabled [data-ux4-colorpicker] .palette .desc{color:var(--ux4form-disabled-textbox-fg) !important}.android [data-ux4-colorpicker]{line-height:1.5}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{color:#757575;height:2.2em;line-height:2.2em;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;font-size:.9em}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:after{background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.065) 70%, transparent 72%, transparent 100%);background-size:0px 0px;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);z-index:initial;content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:0;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;pointer-events:none}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:active:after{-webkit-transition:background-size 2s ease-in,background-color .1s ease-out;transition:background-size 2s ease-in,background-color .1s ease-out;background-color:rgba(0,0,0,.075);-webkit-animation:ripple 2s ease-in forwards;animation:ripple 2s ease-in forwards}@-webkit-keyframes ripple{0%{background-size:0px 0px}5%{background-size:0px 0px}100%{background-size:1500px 1500px}}@keyframes ripple{0%{background-size:0px 0px}5%{background-size:0px 0px}100%{background-size:1500px 1500px}}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:before{display:block;position:absolute;content:"";-webkit-transition:all .2s;transition:all .2s;height:2px;width:0;left:50%;bottom:0}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{color:#1e88e5}.android [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected:before{background-color:#1e88e5;width:100%;left:0}.android [data-ux4-colorpicker] .picker .base{border-color:#bdbdbd}.android [data-ux4-colorpicker] .picker .thumb{width:20px;height:20px;margin:auto -10px;top:-1px;color:#fff;border:1px solid #bdbdbd;background-color:#fff;-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,.4);box-shadow:1px 1px 2px 0 rgba(0,0,0,.4);outline:none}.android [data-ux4-colorpicker] .picker .thumb.main{margin:-10px}.android [data-ux4-colorpicker] .basic{margin-top:16px}.android [data-ux4-colorpicker] .basic .preview{height:48px;margin-right:16px;border-color:#bdbdbd}.android [data-ux4-colorpicker] .basic .preview .before:focus,.android [data-ux4-colorpicker] .basic .preview .after:focus{border-color:#1e88e5}.android [data-ux4-colorpicker] .basic .sliders .hue-slider,.android [data-ux4-colorpicker] .basic .sliders .alpha-slider{height:20px;border-color:#bdbdbd}.android [data-ux4-colorpicker] .advanced [data-ux4-widget=UX4Input] .content,.android [data-ux4-colorpicker] .advanced [data-ux4-widget=UX4NumericInput] .content{margin:0 !important}.android [data-ux4-colorpicker] .advanced [data-ux4-widget=UX4Container] [data-ux4-widget=UX4NumericInput]{width:3em;margin-right:16px;height:100%}.android [data-ux4-colorpicker] .advanced [data-ux4-widget=UX4Container] .hex [data-ux4-widget=UX4Input]{width:6em}.android [data-ux4-colorpicker] .palette{padding:0 12px}.android [data-ux4-colorpicker] .palette .themes .grid .row:first-child .color,.android [data-ux4-colorpicker] .palette .themes .grid .row:first-child+.row .color,.android [data-ux4-colorpicker] .palette .themes .grid .row:last-child .color{border-color:#bdbdbd}.android [data-ux4-colorpicker] .palette .themes .grid .row .color{border-color:#bdbdbd}.android [data-ux4-colorpicker] .palette .swatches .grid .color{border-color:#bdbdbd}.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .themes,.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .swatches,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .themes,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .swatches{width:100% !important;margin-left:0 !important}.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color{width:28px;height:28px}.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color:hover,.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color:focus,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color:hover,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color:focus{border-color:#90caf9 !important}.android [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color.selected,.android [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color.selected{border-color:#1e88e5 !important}.android.readonly [data-ux4-colorpicker],.android.disabled [data-ux4-colorpicker]{pointer-events:none;opacity:.8}.ios [data-ux4-colorpicker]{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;line-height:1.25}.ios [data-ux4-colorpicker] .ux4-colorpicker-modes-header{padding:12px 12px 0 12px}.ios [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;color:#007aff;border:1px solid #007aff;padding:0 4px;line-height:2.4em;font-size:.8em;text-align:center}.ios [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:first-child{border-radius:5px 0 0 5px}.ios [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode:last-child{border-radius:0 5px 5px 0}.ios [data-ux4-colorpicker] .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{background:#007aff;color:#fff}.ios [data-ux4-colorpicker] .picker .base{border-color:#bdbdbd}.ios [data-ux4-colorpicker] .picker .thumb{height:20px;width:20px;margin:auto -10px;top:-1px;border-color:#fff;background-color:#fff;-webkit-box-shadow:0px 2px 2px 0 #a7a7ab;box-shadow:0px 2px 2px 0 #a7a7ab;outline:none}.ios [data-ux4-colorpicker] .picker .thumb.main{margin:-10px}.ios [data-ux4-colorpicker] .basic{margin-top:16px}.ios [data-ux4-colorpicker] .basic .preview{height:48px;margin-right:16px;border-color:#bdbdbd}.ios [data-ux4-colorpicker] .basic .preview .before:focus,.ios [data-ux4-colorpicker] .basic .preview .after:focus{border-color:#5ac8fa}.ios [data-ux4-colorpicker] .basic .sliders .hue-slider,.ios [data-ux4-colorpicker] .basic .sliders .alpha-slider{height:20px;border-color:#bdbdbd}.ios [data-ux4-colorpicker] .advanced [data-ux4-widget=UX4Container] .content .label{padding-left:0;padding-bottom:0}.ios [data-ux4-colorpicker] .advanced .rgb [data-ux4-widget=UX4NumericInput],.ios [data-ux4-colorpicker] .advanced .hsv [data-ux4-widget=UX4NumericInput],.ios [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4NumericInput]{width:2em;margin-right:16px;border-bottom:.5px solid #c8c7cc;-webkit-box-sizing:border-box;box-sizing:border-box}.ios [data-ux4-colorpicker] .advanced .rgb [data-ux4-widget=UX4NumericInput] .element,.ios [data-ux4-colorpicker] .advanced .hsv [data-ux4-widget=UX4NumericInput] .element,.ios [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4NumericInput] .element{padding:12px 0}.ios [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4Input]{width:6em;border-bottom:.5px solid #c8c7cc;-webkit-box-sizing:border-box;box-sizing:border-box}.ios [data-ux4-colorpicker] .advanced .hex [data-ux4-widget=UX4Input] .element{padding:12px 0}.ios [data-ux4-colorpicker] .advanced>div:first-child:not(.hide){margin-top:10px}.ios [data-ux4-colorpicker] .palette{padding:12px}.ios [data-ux4-colorpicker] .palette .themes .grid .row:first-child .color,.ios [data-ux4-colorpicker] .palette .themes .grid .row:first-child+.row .color,.ios [data-ux4-colorpicker] .palette .themes .grid .row:last-child .color{border-color:#bdbdbd}.ios [data-ux4-colorpicker] .palette .themes .grid .row .color{border-color:#bdbdbd}.ios [data-ux4-colorpicker] .palette .swatches .grid .color{border-color:#bdbdbd}.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes] .label,.ios [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .label{padding-left:0 !important}.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color,.ios [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color{width:28px;height:28px}.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color:hover,.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color:focus,.ios [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color:hover,.ios [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color:focus{border-color:#5ac8fa !important}.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes] .color.selected,.ios [data-ux4-colorpicker] [data-ux4-widget-name=swatches] .color.selected{border-color:#007aff !important}.ios [data-ux4-colorpicker] [data-ux4-widget-name=themes]{margin-bottom:10px}.ios.readonly [data-ux4-colorpicker],.ios.disabled [data-ux4-colorpicker]{pointer-events:none}.ios.readonly [data-ux4-colorpicker] .content,.ios.disabled [data-ux4-colorpicker] .content{opacity:.7}.ux4-colorpicker-dialog .ux4dialog-content .ux4-colorpicker-dialog-hook{width:100%;height:100%}.ux4-colorpicker-dialog .ux4dialog-content .ux4-colorpicker-dialog-hook [data-ux4-colorpicker]{width:100%;height:100%}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header{background:#1e88e5}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header .ux4-colorpicker-mode{color:#fff !important;height:48px;line-height:48px;opacity:.7}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header .ux4-colorpicker-mode:after{background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 70%, transparent 72%, transparent 100%);background-size:0px 0px;background-position:center center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);z-index:initial;content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:0;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;pointer-events:none}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header .ux4-colorpicker-mode:active:after{-webkit-transition:background-size 2s ease-in,background-color .1s ease-out;transition:background-size 2s ease-in,background-color .1s ease-out;background-color:rgba(255,255,255,.2);-webkit-animation:ripple 2s ease-in forwards;animation:ripple 2s ease-in forwards}@keyframes ripple{0%{background-size:0px 0px}5%{background-size:0px 0px}100%{background-size:1500px 1500px}}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected{opacity:1}.ux4-colorpicker-dialog.android .ux4-colorpicker-modes-header .ux4-colorpicker-mode.selected:before{background-color:#ff8a65}.ux4-colorpicker-dialog.android [data-ux4-widget=UX4ColorPicker]{height:100%}.ux4-colorpicker-dialog.android [data-ux4-widget=UX4ColorPicker] .content{height:100%}.ux4-colorpicker-dialog.ios .ux4-colorpicker-dialog-hook{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.ux4-colorpicker-dialog.ios [data-ux4-widget=UX4ColorPicker]{height:100%}.ux4-colorpicker-dialog.ios [data-ux4-widget=UX4ColorPicker] .content{height:100%}.ux4-colorpicker-dialog.ios [data-ux4-widget=UX4ColorPicker] .content>.wrapper{height:100%}