.rc-color-picker-panel-inner{position:relative;border-radius:4px;-webkit-box-shadow:0 1px 5px#ccc;box-shadow:0 1px 5px#ccc;border:1px solid#ccc;padding-bottom:8px}.rc-color-picker-panel-wrap{margin:5px 0 0;height:30px;width:100%;position:relative}.rc-color-picker-panel-wrap-preview{position:absolute;right:8px}.rc-color-picker-panel-wrap-ribbon{position:absolute;left:8px;top:0;right:43px;height:30px}.rc-color-picker-panel-wrap-alpha{position:absolute;left:8px;right:43px;bottom:0;height:12.5px}.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon{height:12.5px}.rc-color-picker-trigger{border:1px solid#999;display:inline-block;padding:2px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px;height:20px;cursor:pointer;-webkit-box-shadow:0 0 0 2px#fff inset;box-shadow:0 0 0 2px#fff inset}.rc-color-picker-trigger-open{-webkit-box-shadow:0 0 3px#999;box-shadow:0 0 3px#999}.rc-color-picker-panel{width:218px;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;z-index:9;border-radius:4px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rc-color-picker-panel-open{display:block}.rc-color-picker-panel-close{display:none}.rc-color-picker-panel-preview{height:30px;width:30px;overflow:hidden;border-radius:2px;background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==)}.rc-color-picker-panel-preview span{-webkit-box-shadow:0 0 2px gray inset;box-shadow:0 0 2px gray inset}.rc-color-picker-panel-preview span,.rc-color-picker-panel-preview input[type=color]{position:absolute;display:block;height:100%;width:30px;border-radius:2px}.rc-color-picker-panel-preview input[type=color]{opacity:0}.rc-color-picker-panel-board{position:relative;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:8px 8px 0}.rc-color-picker-panel-board span{position:absolute;border-radius:10px;border:1px solid#fff;width:9px;height:9px;margin:-4px 0 0 -4px;left:-999px;top:-999px;-webkit-box-shadow:0 0 1px rgba(120,120,120,.7);box-shadow:0 0 1px rgba(120,120,120,.7);z-index:2}.rc-color-picker-panel-board-hsv{width:200px;height:150px;position:relative;z-index:1;border-radius:2px}.rc-color-picker-panel-board-value{border-radius:2px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-moz-linear-gradient(top,transparent 0%,#000 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(to bottom,transparent 0%,#000 100%)}.rc-color-picker-panel-board-saturation{border-radius:2px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-moz-linear-gradient(left,#fff 0%,transparent 100%);background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));background-image:linear-gradient(to right,#fff 0%,transparent 100%)}.rc-color-picker-panel-board-handler{-webkit-box-shadow:0 0 2px gray inset;box-shadow:0 0 2px gray inset;border-radius:2px;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.rc-color-picker-panel-ribbon{position:relative;height:100%;border-radius:2px;-webkit-box-shadow:0 0 2px gray inset;box-shadow:0 0 2px gray inset;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-moz-linear-gradient(left,red 0%,#f90 10%,#cdff00 20%,#35ff00 30%,#0f6 40%,#00fffd 50%,#06f 60%,#3200ff 70%,#cd00ff 80%,#f09 90%,red 100%);background-image:-webkit-gradient(linear,left top,right top,from(red),color-stop(10%,#f90),color-stop(20%,#cdff00),color-stop(30%,#35ff00),color-stop(40%,#0f6),color-stop(50%,#00fffd),color-stop(60%,#06f),color-stop(70%,#3200ff),color-stop(80%,#cd00ff),color-stop(90%,#f09),to(red));background-image:linear-gradient(to right,red 0%,#f90 10%,#cdff00 20%,#35ff00 30%,#0f6 40%,#00fffd 50%,#06f 60%,#3200ff 70%,#cd00ff 80%,#f09 90%,red 100%)}.rc-color-picker-panel-ribbon span{position:absolute;top:0;height:100%;width:4px;border:1px solid#000;padding:1px 0;margin-left:-2px;background-color:#fff;border-radius:3px}.rc-color-picker-panel-ribbon-handler{position:absolute;width:104%;height:100%;left:-2%;cursor:pointer}.rc-color-picker-panel-alpha{position:relative;height:100%;width:100%;border-radius:2px;background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==);background-repeat:repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel-alpha-bg{position:absolute;width:100%;height:100%;border-radius:2px;-webkit-box-shadow:0 0 2px gray inset;box-shadow:0 0 2px gray inset}.rc-color-picker-panel-alpha span{position:absolute;top:0;height:100%;width:4px;border:1px solid#000;padding:1px 0;margin-left:-2px;background-color:#fff;border-radius:3px}.rc-color-picker-panel-alpha-handler{position:absolute;width:104%;height:100%;left:-2%;cursor:pointer}.rc-color-picker-panel-params{font-size:12px}.rc-color-picker-panel-params-input{overflow:hidden;padding:2px 8px}.rc-color-picker-panel-params input{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;text-align:center;padding:1px;margin:0;float:left;border-radius:2px;border:1px solid#cacaca;font-family:"Helvetica Neue",Helvetica,sans-serif}.rc-color-picker-panel-params-hex{width:52px}.rc-color-picker-panel-params input[type=number]{margin-left:5px;width:44px}.rc-color-picker-panel-params input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.rc-color-picker-panel-params-lable{padding:2px 8px;height:22px;line-height:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rc-color-picker-panel-params-lable label{float:left;text-align:center}.rc-color-picker-panel-params-lable-hex{width:52px}.rc-color-picker-panel-params-lable-number,.rc-color-picker-panel-params-lable-alpha{margin-left:5px;width:44px;text-transform:uppercase}.rc-color-picker-panel-params-lable-number:hover{border-radius:2px;background-color:#eee;-webkit-box-shadow:0 0 0 1px#ccc inset;box-shadow:0 0 0 1px#ccc inset;cursor:pointer}.rc-color-picker-panel-params-has-alpha input[type=number],.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha{width:32px}.rc-color-picker{position:absolute;left:-9999px;top:-9999px;z-index:1000}.rc-color-picker-wrap{display:inline-block}.rc-color-picker-slide-up-enter,.rc-color-picker-slide-up-appear{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:block!important;opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);-moz-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.rc-color-picker-slide-up-leave{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;display:block!important;opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);-moz-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-bottomRight,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-bottomRight{-webkit-animation-name:rcColorPickerSlideUpIn;-moz-animation-name:rcColorPickerSlideUpIn;animation-name:rcColorPickerSlideUpIn;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-enter.rc-color-picker-slide-up-enter-active.rc-color-picker-placement-topRight,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-appear.rc-color-picker-slide-up-appear-active.rc-color-picker-placement-topRight{-webkit-animation-name:rcColorPickerSlideDownIn;-moz-animation-name:rcColorPickerSlideDownIn;animation-name:rcColorPickerSlideDownIn;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomLeft,.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-bottomRight{-webkit-animation-name:rcColorPickerSlideUpOut;-moz-animation-name:rcColorPickerSlideUpOut;animation-name:rcColorPickerSlideUpOut;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topLeft,.rc-color-picker-slide-up-leave.rc-color-picker-slide-up-leave-active.rc-color-picker-placement-topRight{-webkit-animation-name:rcColorPickerSlideDownOut;-moz-animation-name:rcColorPickerSlideDownOut;animation-name:rcColorPickerSlideDownOut;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcColorPickerSlideUpIn{0%{opacity:0;-webkit-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(0);transform:scaley(0)}to{opacity:1;-webkit-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(1);transform:scaley(1)}}@-moz-keyframes rcColorPickerSlideUpIn{0%{opacity:0;-moz-transform-origin:0%0%;transform-origin:0%0%;-moz-transform:scaley(0);transform:scaley(0)}to{opacity:1;-moz-transform-origin:0%0%;transform-origin:0%0%;-moz-transform:scaley(1);transform:scaley(1)}}@keyframes rcColorPickerSlideUpIn{0%{opacity:0;-webkit-transform-origin:0%0%;-moz-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(0);-moz-transform:scaley(0);transform:scaley(0)}to{opacity:1;-webkit-transform-origin:0%0%;-moz-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(1);-moz-transform:scaley(1);transform:scaley(1)}}@-webkit-keyframes rcColorPickerSlideUpOut{0%{opacity:1;-webkit-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(1);transform:scaley(1)}to{opacity:0;-webkit-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(0);transform:scaley(0)}}@-moz-keyframes rcColorPickerSlideUpOut{0%{opacity:1;-moz-transform-origin:0%0%;transform-origin:0%0%;-moz-transform:scaley(1);transform:scaley(1)}to{opacity:0;-moz-transform-origin:0%0%;transform-origin:0%0%;-moz-transform:scaley(0);transform:scaley(0)}}@keyframes rcColorPickerSlideUpOut{0%{opacity:1;-webkit-transform-origin:0%0%;-moz-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(1);-moz-transform:scaley(1);transform:scaley(1)}to{opacity:0;-webkit-transform-origin:0%0%;-moz-transform-origin:0%0%;transform-origin:0%0%;-webkit-transform:scaley(0);-moz-transform:scaley(0);transform:scaley(0)}}@-webkit-keyframes rcColorPickerSlideDownIn{0%{opacity:0;-webkit-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(0);transform:scaley(0)}to{opacity:1;-webkit-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(1);transform:scaley(1)}}@-moz-keyframes rcColorPickerSlideDownIn{0%{opacity:0;-moz-transform-origin:100%100%;transform-origin:100%100%;-moz-transform:scaley(0);transform:scaley(0)}to{opacity:1;-moz-transform-origin:100%100%;transform-origin:100%100%;-moz-transform:scaley(1);transform:scaley(1)}}@keyframes rcColorPickerSlideDownIn{0%{opacity:0;-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(0);-moz-transform:scaley(0);transform:scaley(0)}to{opacity:1;-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(1);-moz-transform:scaley(1);transform:scaley(1)}}@-webkit-keyframes rcColorPickerSlideDownOut{0%{opacity:1;-webkit-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(1);transform:scaley(1)}to{opacity:0;-webkit-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(0);transform:scaley(0)}}@-moz-keyframes rcColorPickerSlideDownOut{0%{opacity:1;-moz-transform-origin:100%100%;transform-origin:100%100%;-moz-transform:scaley(1);transform:scaley(1)}to{opacity:0;-moz-transform-origin:100%100%;transform-origin:100%100%;-moz-transform:scaley(0);transform:scaley(0)}}@keyframes rcColorPickerSlideDownOut{0%{opacity:1;-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(1);-moz-transform:scaley(1);transform:scaley(1)}to{opacity:0;-webkit-transform-origin:100%100%;-moz-transform-origin:100%100%;transform-origin:100%100%;-webkit-transform:scaley(0);-moz-transform:scaley(0);transform:scaley(0)}}