.hu-color-picker{padding:10px;background:#1d2024;border-radius:4px;box-shadow:0 0 16px 0 rgba(0,0,0,.16);z-index:1}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:-ms-flexbox;display:flex}.hu-color-picker .color-set .saturation{position:relative;cursor:pointer}.hu-color-picker .color-set .saturation .slide{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px rgba(0,0,0,.3);pointer-events:none}.hu-color-picker .color-set .hue{position:relative;margin-left:8px;cursor:pointer}.hu-color-picker .color-set .hue .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.hu-color-picker .color-set .alpha{position:relative;margin-left:8px;cursor:pointer}.hu-color-picker .color-set .alpha .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.hu-color-picker .color-show{margin-top:8px;display:-ms-flexbox;display:flex}.hu-color-picker .color-show .show{position:relative;-ms-flex:1;flex:1}.hu-color-picker .color-show .show .color{position:absolute;left:0;top:0;width:100%;height:100%}.hu-color-picker .color-show .sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.hu-color-picker .color-show .sucker.active,.hu-color-picker .color-show .sucker:hover{fill:#1593ff}.hu-color-picker .color-type{margin-top:8px;font-size:12px}.hu-color-picker .color-type .name{width:60px;height:30px;float:left;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#999;background:#252930}.hu-color-picker .color-type .value{height:30px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.hu-color-picker .colors{padding:0;margin:0}.hu-color-picker .colors.history{margin-top:8px;border-top:1px solid #2e333a}.hu-color-picker .colors .item{position:relative;width:16px;height:16px;margin:10px 0 0 10px;border-radius:3px;vertical-align:top;display:inline-block;transition:all .1s;cursor:pointer}.hu-color-picker .colors .item:nth-child(8n+1){margin-left:0}.hu-color-picker .colors .item:hover{transform:scale(1.4)}.hu-color-picker .colors .item .alpha{height:100%;border-radius:4px}.hu-color-picker .colors .item .color{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px}.time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.time-picker *{box-sizing:border-box}.time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.time-picker .clear-btn{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;right:0;bottom:0;margin-top:-.15em;z-index:3;font-size:1.1em;line-height:1em;vertical-align:middle;width:1.3em;color:#d2d2d2;background:hsla(0,0%,100%,0);text-align:center;font-style:normal;transition:color .2s}.time-picker .clear-btn:hover{color:#797979;cursor:pointer}.time-picker .time-picker-overlay{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0}.time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}.time-picker .dropdown ul{padding:0;margin:0;list-style:none;-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto}.time-picker .dropdown ul.apms,.time-picker .dropdown ul.minutes,.time-picker .dropdown ul.seconds{border-left:1px solid #fff}.time-picker .dropdown ul li{text-align:center;padding:.3em 0;color:#161616}.time-picker .dropdown ul li:not(.hint):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.time-picker .dropdown ul li.active,.time-picker .dropdown ul li.active:hover{background:#41b883;color:#fff}.time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}
/*# sourceMappingURL=node-static.css.map */