.rc-color-picker-panel-inner{border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 5px #ccc;padding-bottom:8px;position:relative}.rc-color-picker-panel-wrap{height:30px;margin:5px 0 0;position:relative;width:100%}.rc-color-picker-panel-wrap-preview{position:absolute;right:8px}.rc-color-picker-panel-wrap-ribbon{height:30px;left:8px;position:absolute;right:43px;top:0}.rc-color-picker-panel-wrap-alpha{bottom:0;height:12.5px;left:8px;position:absolute;right:43px}.rc-color-picker-panel-wrap-has-alpha .rc-color-picker-panel-wrap-ribbon{height:12.5px}.rc-color-picker-trigger{border:1px solid #999;border-radius:2px;box-shadow:inset 0 0 0 2px #fff;cursor:pointer;display:inline-block;height:20px;padding:2px;-webkit-user-select:none;user-select:none;width:20px}.rc-color-picker-trigger-open{box-shadow:0 0 3px #999}.rc-color-picker-panel{background-color:#fff;border-radius:4px;box-sizing:border-box;outline:none;-webkit-user-select:none;user-select:none;width:218px;z-index:9}.rc-color-picker-panel *{box-sizing:border-box}.rc-color-picker-panel-open{display:block}.rc-color-picker-panel-close{display:none}.rc-color-picker-panel-preview{background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==);border-radius:2px;height:30px;overflow:hidden;width:30px}.rc-color-picker-panel-preview span{box-shadow:inset 0 0 2px grey}.rc-color-picker-panel-preview input[type=color],.rc-color-picker-panel-preview span{border-radius:2px;display:block;height:100%;position:absolute;width:30px}.rc-color-picker-panel-preview input[type=color]{opacity:0}.rc-color-picker-panel-board{font-size:0;margin:8px 8px 0;position:relative;-webkit-user-select:none;user-select:none}.rc-color-picker-panel-board span{border:1px solid #fff;border-radius:10px;box-shadow:0 0 1px hsla(0,0%,47%,.7);height:9px;left:-999px;margin:-4px 0 0 -4px;position:absolute;top:-999px;width:9px;z-index:2}.rc-color-picker-panel-board-hsv{border-radius:2px;height:150px;position:relative;width:200px;z-index:1}.rc-color-picker-panel-board-value{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);background-image:linear-gradient(180deg,transparent 0,#000);border-radius:2px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.rc-color-picker-panel-board-saturation{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);background-image:linear-gradient(90deg,#fff 0,transparent);border-radius:2px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.rc-color-picker-panel-board-handler{border-radius:2px;box-shadow:inset 0 0 2px grey;cursor:crosshair;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:3}.rc-color-picker-panel-ribbon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJyZWQiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Y5MCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjY2RmZjAwIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzBmNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBmZmZkIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwNmYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzMyMDBmZiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2QwMGZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMDkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJlZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGgxdjFIMHoiLz48L3N2Zz4=);background-image:linear-gradient(90deg,red 0,#f90 10%,#cdff00 20%,#35ff00 30%,#0f6 40%,#00fffd 50%,#06f 60%,#3200ff 70%,#cd00ff 80%,#f09 90%,red);border-radius:2px;box-shadow:inset 0 0 2px grey;height:100%;position:relative}.rc-color-picker-panel-ribbon span{background-color:#fff;border:1px solid #000;border-radius:3px;height:100%;margin-left:-2px;padding:1px 0;position:absolute;top:0;width:4px}.rc-color-picker-panel-ribbon-handler{cursor:pointer;height:100%;left:-2%;position:absolute;width:104%}.rc-color-picker-panel-alpha{background-image:url(data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==);background-repeat:repeat;border-radius:2px;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.rc-color-picker-panel-alpha-bg{border-radius:2px;box-shadow:inset 0 0 2px grey;height:100%;position:absolute;width:100%}.rc-color-picker-panel-alpha span{background-color:#fff;border:1px solid #000;border-radius:3px;height:100%;margin-left:-2px;padding:1px 0;position:absolute;top:0;width:4px}.rc-color-picker-panel-alpha-handler{cursor:pointer;height:100%;left:-2%;position:absolute;width:104%}.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{border:1px solid #cacaca;border-radius:2px;float:left;font-family:Helvetica Neue,Helvetica,sans-serif;margin:0;padding:1px;text-align:center;-webkit-user-select:text;user-select:text}.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{height:22px;line-height:18px;padding:2px 8px;-webkit-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-alpha,.rc-color-picker-panel-params-lable-number{margin-left:5px;text-transform:uppercase;width:44px}.rc-color-picker-panel-params-lable-number:hover{background-color:#eee;border-radius:2px;box-shadow:inset 0 0 0 1px #ccc;cursor:pointer}.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-alpha,.rc-color-picker-panel-params-has-alpha .rc-color-picker-panel-params-lable-number,.rc-color-picker-panel-params-has-alpha input[type=number]{width:32px}.rc-color-picker{left:-9999px;position:absolute;top:-9999px;z-index:1000}.rc-color-picker-wrap{display:inline-block}.rc-color-picker-slide-up-appear,.rc-color-picker-slide-up-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);display:block!important;opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0}.rc-color-picker-slide-up-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);display:block!important;opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0}.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,.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{-webkit-animation-name:rcColorPickerSlideUpIn;animation-name:rcColorPickerSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.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,.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{-webkit-animation-name:rcColorPickerSlideDownIn;animation-name:rcColorPickerSlideDownIn;-webkit-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;animation-name:rcColorPickerSlideUpOut;-webkit-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;animation-name:rcColorPickerSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcColorPickerSlideUpIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes rcColorPickerSlideUpIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;transform-origin:0 0}}@-webkit-keyframes rcColorPickerSlideUpOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes rcColorPickerSlideUpOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0;transform-origin:0 0}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}}@-webkit-keyframes rcColorPickerSlideDownIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@keyframes rcColorPickerSlideDownIn{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@-webkit-keyframes rcColorPickerSlideDownOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@keyframes rcColorPickerSlideDownOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}