.main-color-picker-container{margin:15px}.main-color-picker-row{margin-bottom:4px;white-space:nowrap}.main-color-picker-box{height:19px;margin-right:4px;box-sizing:border-box;border-radius:2px;width:19px;vertical-align:middle;display:inline-block}.main-color-picker-box-selected,.main-color-picker-box:hover{border:2px solid #000!important;-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff}.main-color-picker-box:last-child{margin-right:0}.main-color-picker-box-white{border:1px solid hsla(0,0%,59%,.18)}.main-color-picker-actions{height:32px;font-size:13px;color:#a8adb4;margin:15px 0 0;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));display:-webkit-box;display:-ms-flexbox;display:flex}.main-color-picker-preview{height:30px;border:1px solid rgba(82,92,105,.12);margin-right:15px;border-radius:var(--ui-border-radius-2xs,1px);background:#10e5fc;width:99px}.main-color-picker-custom{-ms-flex:1;flex:1;-webkit-box-flex:1;text-align:center}.main-color-picker-edit-mode .main-color-picker-custom,.main-color-picker-single-action .main-color-picker-custom{text-align:right}.main-color-picker-default{margin-left:15px}.main-color-picker-single-action .main-color-picker-default{flex:1;text-align:right;margin-left:15px}.main-color-picker-custom-action,.main-color-picker-default-action{color:#828b95;border-bottom:1px dashed hsla(215,7%,68%,.5);cursor:pointer;line-height:32px;vertical-align:middle;white-space:nowrap}.main-color-picker-custom-action:hover,.main-color-picker-default-action:hover{border-bottom:1px dashed}.main-color-picker-custom-form,.main-color-picker-edit-mode .main-color-picker-custom-action,.main-color-picker-edit-mode .main-color-picker-default{display:none}.main-color-picker-edit-mode .main-color-picker-custom-form{display:inline-block}.main-color-picker-custom-label{margin-right:10px;vertical-align:middle;display:inline-block}.main-color-picker-custom-textbox{height:32px;padding:0 6px 0 20px;border:1px solid rgba(198,205,211,.98);position:relative;box-sizing:border-box;border-radius:var(--ui-field-border-radius,2px);vertical-align:middle;display:inline-block}.main-color-picker-custom-textbox:before{height:100%;font-size:15px;content:"#";position:absolute;top:0;left:6px;line-height:30px;display:block}.main-color-picker-custom-textbox-error{border-color:red}.main-color-picker-custom-input{padding:0;font-size:15px;border:none;color:#000;box-sizing:border-box;background:#fff;width:78px;vertical-align:middle;margin-top:5px}.main-color-picker-custom-button{height:24px;border-radius:100%;cursor:pointer;margin-left:5px;width:24px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjRURFRUYwIi8+PHBhdGggZmlsbD0iIzUyNUM2OSIgZD0ibTE2LjcyIDcuODc1LTUuOTY0IDUuOTYzLTIuNTA0LTIuNTA0YS4zMy4zMyAwIDAgMC0uNDcgMGwtLjY4NS42ODVhLjMzLjMzIDAgMCAwIDAgLjQ3bDMuNDIyIDMuNDIyYy4xMy4xMy4zNC4xMy40NyAwbC42ODUtLjY4NCA2LjItNi4yYS40MjQuNDI0IDAgMCAwIDAtLjZsLS41NS0uNTUzYS40My40MyAwIDAgMC0uNjA0IDAiIG9wYWNpdHk9Ii41ODYiLz48L2c+PC9zdmc+);vertical-align:middle;display:inline-block}