*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;background-color:#fff}.huebert{position:relative;max-width:350px}.huebert-dragging{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.huebert-swatch{position:relative;width:136px;height:32px;margin:0;padding:0;border-radius:4px;cursor:pointer;overflow:hidden;outline:none !important}.huebert-swatch-text{position:absolute;top:0;right:0;width:calc(100% - 32px);height:32px;font-size:12px;letter-spacing:-0.015em;line-height:32px;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.75);color:#fff;background-color:rgba(0,0,0,0.515);box-shadow:inset 0 1px 2px rgba(0,0,0,0.275);border-radius:0 4px 4px 0;z-index:4;-webkit-transition:all 0.45s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.45s cubic-bezier(0.23, 1, 0.32, 1)}.huebert-swatch:hover .huebert-swatch-text{background-color:rgba(0,0,0,0.625)}.huebert-swatch-output{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");background-position:0% 0%;background-repeat:repeat;border-radius:4px;z-index:2}.huebert-swatch-output:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.275);border-radius:4px;-webkit-transition:box-shadow 0.3s ease;transition:box-shadow 0.3s ease;z-index:5}.huebert-swatch-output-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;z-index:3}.huebert-gradient-scale{position:relative;width:160px;height:10px;margin:5px 0 0;padding:0}.huebert-gradient-scale-point{position:absolute;width:10px;height:10px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");background-position:50% 50%;background-repeat:repeat;border-radius:100em;cursor:pointer;z-index:2}.huebert-gradient-scale-point:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.35);border-radius:100em;-webkit-transition:box-shadow 0.3s ease;transition:box-shadow 0.3s ease;z-index:4}.huebert-gradient-scale-point-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100em;z-index:3}.huebert-picker{display:none;position:relative;margin:10px 0 0;padding:0;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.275);outline:none !important}.huebert-picker-palette{overflow:hidden;position:relative;width:100%;cursor:pointer;outline:none !important}.huebert-picker-palette-ratio{padding-bottom:56.25%}.huebert-picker-palette-x,.huebert-picker-palette-y{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;outline:none !important}.huebert-picker-palette-x{background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-moz-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-ms-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:-o-linear-gradient(left, #fff, rgba(204,154,129,0));background-image:linear-gradient(to right, #fff, rgba(204,154,129,0))}.huebert-picker-palette-y{background-image:-webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:-o-linear-gradient(bottom, #000, rgba(204,154,129,0));background-image:linear-gradient(to top, #000, rgba(204,154,129,0))}.huebert-picker-palette-iris{position:absolute;margin-top:-7.5px;margin-left:-7.5px;width:15px;height:15px;border:2px solid #fff;background-color:transparent;box-shadow:0 1px 3px rgba(0,0,0,0.75);border-radius:100em;z-index:3;pointer-events:none}.huebert-picker-control-slider-z,.huebert-picker-control-slider-a{position:relative;width:calc(100% - 40px);height:16px;margin:20px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");background-position:0% 50%;background-repeat:repeat;border-radius:3px;cursor:pointer;outline:none !important}.huebert-picker-control-slider-handle{position:absolute;top:-2px;margin-left:-2.5px;width:5px;height:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.35);border-radius:100em;cursor:pointer;z-index:3}.huebert-picker-control-slider-z-value,.huebert-picker-control-slider-a-value{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;z-index:2}.huebert-picker-control-button{overflow:hidden !important;position:absolute !important;right:0 !important;bottom:0 !important;width:47px !important;height:47px !important;margin:0 !important;border:0 !important;border-left:1px solid #e2e2e2 !important;padding:0 !important;font-size:28px !important;line-height:47px !important;text-align:center !important;color:#333 !important;background-color:#fff !important}.huebert-picker-control-button:before{display:block !important;content:"\21BA" !important;-webkit-transform:translate3d(0, 0, 0) rotate(-45deg) !important;transform:translate3d(0, 0, 0) rotate(-45deg) !important;-webkit-transition:all 0.45s cubic-bezier(0.23, 1, 0.32, 1) !important;transition:all 0.45s cubic-bezier(0.23, 1, 0.32, 1) !important}.huebert-picker-control-button:hover:before{-webkit-transform:translate3d(0, 0, 0) scale(1.175) rotate(-90deg) !important;transform:translate3d(0, 0, 0) scale(1.175) rotate(-90deg) !important}.huebert-picker-control-output-value{display:block !important;position:static !important;width:100% !important;height:48px !important;border:0 !important;margin:0 !important;padding:0 68px 0 20px !important;outline:none !important;border-radius:0 !important;box-shadow:none !important;border-top:1px solid #e2e2e2 !important;font-family:sans-serif !important;font-size:16px !important;font-weight:400 !important;line-height:normal !important;text-align:left !important;color:#333 !important;background-color:#fff !important}.huebert-picker-control-output-value.invalid{color:#e74c3c !important;background-color:rgba(231,76,60,0.05) !important}.huebert-picker-control-output-value:hover,.huebert-picker-control-output-value:focus,.huebert-picker-control-output-value:active{outline:0 !important}.huebert-original-input{position:absolute !important;width:0 !important;height:0 !important;opacity:0 !important;visibility:hidden !important;z-index:-9999 !important}.huebert-open .huebert-swatch-text{background-color:rgba(0,0,0,0.625);opacity:0}.huebert-open .huebert-picker{display:block}