.k-colorpicker{display:inline-block;vertical-align:middle}.k-colorpicker .k-color{height:2.25rem;width:6.25rem;border:1px solid #cad0dd;cursor:pointer;border-radius:.125rem;background:#fff;padding:.25rem}.k-colorpicker .k-color .k-inner{border-radius:.125rem;height:100%}.k-colorpicker.k-large .k-color{height:2.5rem;width:7.5rem}.k-colorpicker.k-small .k-color{height:1.875rem;width:4.375rem}.k-colorpicker.k-mini .k-color{height:1.625rem;width:3.125rem;padding:.125rem}.k-colorpicker.k-disabled .k-color{background:#f7f7f7;border-color:#d9d9d9;cursor:not-allowed}.k-colorpicker-content{padding:.625rem}.k-color-panel{width:12.5rem}.k-color-panel .k-saturation{height:9.375rem;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-color-panel .k-saturation .k-black,.k-color-panel .k-saturation .k-white{position:absolute;width:100%;height:100%}.k-color-panel .k-saturation .k-white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.k-color-panel .k-saturation .k-black{background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(#000),to(rgba(0,0,0,0)));background:linear-gradient(0,#000,rgba(0,0,0,0))}.k-color-panel .k-saturation .k-pointer{position:absolute}.k-color-panel .k-saturation .k-circle{width:.25rem;height:.25rem;-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(167,41,41,.4);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(167,41,41,.4);border-radius:50%;-webkit-transform:translate(-.125rem,-.125rem);-ms-transform:translate(-.125rem,-.125rem);transform:translate(-.125rem,-.125rem)}.k-color-panel .k-controls{display:-webkit-box;display:-ms-flexbox;display:flex}.k-color-panel .k-sliders{-webkit-box-flex:1;-ms-flex:1;flex:1}.k-color-panel .k-slider{display:block;margin-top:.25rem}.k-color-panel .k-slider .k-slider-wrapper .k-bar{background:rgba(0,0,0,0)}.k-color-panel .k-slider .k-slider-wrapper .k-wrapper{height:.625rem;border-radius:0;margin:0 .1875rem;background:rgba(0,0,0,0)}.k-color-panel .k-slider .k-slider-wrapper .k-handle-wrapper{margin-top:-.25rem;margin-left:-.125rem}.k-color-panel .k-slider .k-slider-wrapper .k-bar-wrapper{cursor:default;padding:0}.k-color-panel .k-slider .k-slider-wrapper .k-handle{height:.5rem;width:.25rem;border:none;border-radius:.0625rem;-webkit-box-shadow:rgba(0,0,0,.6) 0 0 2px;box-shadow:0 0 2px rgba(0,0,0,.6)}.k-color-panel .k-slider .k-slider-wrapper .k-handle:focus,.k-color-panel .k-slider .k-slider-wrapper .k-handle:hover{-webkit-transform:none;-ms-transform:none;transform:none;cursor:default;background-color:#fff}.k-color-panel .k-slider.k-hue .k-slider-wrapper{background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.k-color-panel .k-slider.k-alpha .k-slider-wrapper{background-size:contain}.k-color-panel .k-slider.k-alpha .k-slider-wrapper .k-bar-wrapper{background:-webkit-gradient(linear,left top,right top,from(rgba(54,48,55,0)),to(#363037));background:linear-gradient(90deg,rgba(54,48,55,0) 0,#363037)}.k-color-panel .k-alpha-bg,.k-color-panel .k-slider.k-alpha .k-slider-wrapper{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC")}.k-color-panel .k-color-wrapper{width:1.5rem;height:1.5rem;border-radius:.1875rem;margin:.25rem 0 .25rem .25rem;overflow:hidden}.k-color-panel .k-color-wrapper .k-color{height:100%;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 4px rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 4px rgba(0,0,0,.25)}.k-color-panel .k-row{margin-top:.25rem}.k-color-panel .k-row .k-inner{height:1.25rem;line-height:1.25rem;padding:0 .1875rem;font-size:.6875rem}.k-color-panel .k-row .k-text{text-align:center;font-size:.6875rem;padding-top:.1875rem 0 0}.k-color-panel .k-row .k-drag{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.k-color-panel .k-presets{border-top:1px solid #eee;margin:.25rem -.625rem 0;overflow:hidden}.k-color-panel .k-presets .k-color{margin:.625rem 0 0 .625rem;border-radius:.1875rem;float:left;cursor:pointer;overflow:hidden}.k-color-panel .k-presets .k-color-item{width:1rem;height:1rem;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}