.color-button[data-v-2bb1ad83]{align-items:center;border:1px solid #d9d9d9;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:8px;position:relative;width:100%}.color-button[data-v-2bb1ad83]:hover{border:1px solid #4885ed}.color-button-active[data-v-2bb1ad83]{border:1px solid #4885ed!important}.color-button .disabled[data-v-2bb1ad83]{background:#d1d1d180;border-radius:.5rem;inset:0;pointer-events:none;position:absolute}.color-button .items-center[data-v-2bb1ad83]{align-items:center;color:#6b7a99;display:flex;font-size:1.3rem;gap:1rem}.color-button .operation[data-v-2bb1ad83]{align-items:center;display:flex;gap:.5rem}.color-button .color[data-v-2bb1ad83]{border:1px solid #d9d9d9;border-radius:.5rem;flex-shrink:0;height:30px;min-height:30px;min-width:30px;width:30px}.color-button .color-refresh[data-v-2bb1ad83],.color-button .del[data-v-2bb1ad83]{cursor:pointer;height:24px;transition:transform .15s linear;width:24px}.color-button .color-refresh[data-v-2bb1ad83]:hover,.color-button .del[data-v-2bb1ad83]:hover{transform:scale(1.1)}.slider[data-v-9eb798e1]{height:12px;padding:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.slider.disabled .track[data-v-9eb798e1]{background-color:#b4b4b4}.slider.disabled .thumb[data-v-9eb798e1]{outline:2px solid #b4b4b4}.slider[data-v-9eb798e1]:not(.disabled){cursor:pointer}.slider:not(.disabled) .bar[data-v-9eb798e1]:hover{background-color:#f0f0f0}.slider:not(.disabled) .track[data-v-9eb798e1]:hover{background-color:#4885ed}.slider:not(.disabled) .thumb[data-v-9eb798e1]:active,.slider:not(.disabled) .thumb[data-v-9eb798e1]:hover{outline:4px solid #4885ed}.bar[data-v-9eb798e1]{background-color:#f5f5f5;border-radius:2px;height:4px;margin-left:5px;position:relative;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% - 10px)}.track[data-v-9eb798e1]{background-color:#1b2a52;height:100%;top:0;transition:background-color .2s}.thumb[data-v-9eb798e1],.track[data-v-9eb798e1]{left:0;position:absolute}.thumb[data-v-9eb798e1]{background-color:#fff;border-radius:50%;box-shadow:0 1px 4px 2px #0000001f;height:10px;top:50%;transform:translate(-50%,-50%);width:10px;z-index:100}.thumb[data-v-9eb798e1]:active:after,.thumb[data-v-9eb798e1]:active:before,.thumb[data-v-9eb798e1]:hover:after,.thumb[data-v-9eb798e1]:hover:before{display:block}.thumb[data-v-9eb798e1]:before{background-color:#262626;border-radius:5px;bottom:24px;color:#fff;content:attr(data-tooltip);font-size:12px;min-width:28px;padding:6px 5px;text-align:center}.thumb[data-v-9eb798e1]:after,.thumb[data-v-9eb798e1]:before{display:none;left:50%;position:absolute;transform:translate(-50%)}.thumb[data-v-9eb798e1]:after{border:5px solid transparent;border-top-color:#262626;bottom:15px;content:""}.gradient-bar[data-v-b0d120aa]{height:18px;left:5px;margin:3px 0;padding:1px 0;position:relative;width:calc(100% - 10px)}.gradient-bar .bar[data-v-b0d120aa]{border:1px solid #d9d9d9;height:16px}.gradient-bar .point[data-v-b0d120aa]{background-color:#fff;border:2px solid #fff;border-radius:1px;box-shadow:0 0 2px 2px #d9d9d9;cursor:pointer;height:18px;outline:1px solid #d9d9d9;position:absolute;top:0;width:10px}.gradient-bar .point.active[data-v-b0d120aa]{box-shadow:0 0 2px 2px #4885ed;outline:1px solid #4885ed}.color-picker[data-v-737a5447]{background:#fff;margin-bottom:-10px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px}.color-picker span[data-v-737a5447]{color:#1b2a52}.picker-saturation-wrap[data-v-737a5447]{overflow:hidden;padding-bottom:50%;position:relative;width:100%}.picker-controls[data-v-737a5447]{display:flex}.picker-sliders[data-v-737a5447]{flex:1;padding:4px 0}.picker-alpha-wrap[data-v-737a5447],.picker-hue-wrap[data-v-737a5447]{height:14px;position:relative}.picker-alpha-wrap[data-v-737a5447]{margin-top:4px;overflow:hidden}.picker-field[data-v-737a5447]{align-items:center;display:flex;margin-bottom:8px}.picker-field span[data-v-737a5447]{white-space:nowrap}.picker-field .input[data-v-737a5447]{flex:1}.draw[data-v-737a5447]{cursor:pointer;height:36px;margin-right:6px;margin-top:10px;width:36px}.mt-2[data-v-737a5447],.my-2[data-v-737a5447]{margin-top:.5rem!important}.select[data-v-81e48bca]{border:1px solid #d9d9d9;border-radius:.5rem;box-sizing:content-box;cursor:pointer;font-size:13px;height:30px;padding:8px 0;position:relative;transition:border-color .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.select-active[data-v-81e48bca],.select[data-v-81e48bca]:hover{border:1px solid #4885ed}.select.disabled[data-v-81e48bca]{background-color:#f5f5f5;border-color:#dcdcdc;color:#b7b7b7;cursor:default}.select .selector[data-v-81e48bca]{height:30px;line-height:30px;min-width:50px;overflow:hidden;padding-left:15px;padding-right:40px;text-overflow:ellipsis;white-space:nowrap}.options[data-v-81e48bca]{background:#fff;border-radius:4px;font-size:13px;padding:6px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon[data-v-81e48bca]{align-items:center;color:#bfbfbf;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:32px}.icon svg[data-v-81e48bca]{height:14px;width:14px}