.hu-color-picker{background:#1d2024;border-radius:4px;box-shadow:0 0 16px #00000029;padding:10px;z-index:1}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{background:#eceef0;color:#666}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{display:flex;margin-top:8px}.saturation{cursor:pointer;position:relative}.saturation .slide{border:1px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0000004d;height:10px;left:100px;pointer-events:none;position:absolute;top:0;width:10px}.color-type{display:flex;font-size:12px;margin-top:8px}.color-type .name{align-items:center;background:#252930;color:#999;display:flex;float:left;height:30px;justify-content:center;width:60px}.color-type .value{background:#2e333a;border:0;box-sizing:border-box;color:#fff;flex:1;height:30px;min-width:100px;padding:0 12px}.color-alpha{cursor:pointer;margin-left:8px;position:relative}.color-alpha .slide{background:#fff;box-shadow:0 0 1px #0000004d;height:4px;left:0;pointer-events:none;position:absolute;top:100px;width:100%}.sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors{margin:0;padding:0}.colors.history{border-top:1px solid #2e333a;margin-top:10px}.colors .item{border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;height:16px;margin:10px 0 0 10px;position:relative;transition:all .1s;vertical-align:top;width:16px}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{border-radius:4px;height:100%}.colors .item .color{border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%}.hue{cursor:pointer;margin-left:8px;position:relative}.hue .slide{background:#fff;box-shadow:0 0 1px #0000004d;height:4px;left:0;pointer-events:none;position:absolute;top:100px;width:100%}.custom-color-picker[data-v-6664b73e] .color-show{display:none}.custom-color-picker[data-v-6664b73e]{box-shadow:none}.scroll-container[data-v-01c9b534]{min-width:0;position:relative}.scroller[data-v-01c9b534]{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.scroller[data-v-01c9b534]::-webkit-scrollbar{display:none}.nav-left[data-v-01c9b534]{left:-2px}.nav-left[data-v-01c9b534],.nav-right[data-v-01c9b534]{align-items:center;display:flex;height:100%;position:absolute;top:0}.nav-right[data-v-01c9b534]{right:-2px}h1.ce-header{font-size:2.25rem;font-weight:700;line-height:2.5rem}h2.ce-header{font-size:1.875rem;font-weight:600;line-height:2.25rem}h3.ce-header{font-size:1.5rem;font-weight:600;line-height:2rem}h4.ce-header{font-size:1.25rem}h4.ce-header,h5.ce-header{font-weight:600;line-height:1.75rem}h5.ce-header{font-size:1.125rem}h6.ce-header{font-size:1rem;font-weight:600;line-height:1.5rem}.ce-popover__overlay{display:none!important}@media (max-width:650px){.ce-popover{position:absolute!important}}