#MCP_picker,#MCP_picker *,.MCP_preview_wrap{-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.MCP_preview_wrap{position:relative;z-index:1;width:37px;height:36px;border-radius:5px;overflow:hidden;border:1px solid #dadada;background-color:#eceff1;float:left}.MCP_preview,.MCP_preview_new_color{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.MCP_preview,.MCP_show_initial_color .MCP_preview_new_color{left:50%;-webkit-transform:skewX(-45deg);-moz-transform:skewX(-45deg);-ms-transform:skewX(-45deg);transform:skewX(-45deg)}.MCP_preview{left:-50%;right:0}.MCP_preview_wrap svg{position:relative;left:18px;z-index:3;fill:#2979ff;background-color:#fff;padding:3px;border-radius:50%;width:18px;height:18px;-webkit-transition:-webkit-transform 0.2s ease,opacity 0.2s linear;-moz-transition:-moz-transform 0.2s ease,opacity 0.2s linear;-ms-transition:-ms-transform 0.2s ease,opacity 0.2s linear;transition:transform 0.2s ease,opacity 0.2s linear;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}.MCP_preview_current svg,.MCP_preview_wrap:hover svg{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.MCP_description{display:table-cell;margin:0;padding:0 0 0 8px;height:40px;vertical-align:middle;color:#999;font-style:italic;line-height:20px;clear:both}#MCP_picker{z-index:999999;top:0;left:0;display:none;width:150px;border-radius:4px;background-color:#eceff1;color:#333;border:1px solid rgba(0,0,0,.1);font-family:sans-serif;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#MCP_picker.MCP_draggable:before{content:" ";display:block;position:absolute;width:500%;height:200%;left:-200%;top:-50%;z-index:0;cursor:pointer}.MCP_frames_wrap{overflow:hidden;width:100%}.MCP_btn{width:33.33333333%;text-align:center;display:inline-block;line-height:48px;height:50px;overflow:hidden;cursor:pointer}.MCP_svg{position:relative;display:block;top:50%;left:50%;padding:0;margin:-12px 0 0 -12px;fill:#616161}.MCP_btn:hover{background-color:rgba(255,255,255,.66)}.MCP_btn:active .MCP_svg{fill:#2979ff}.MCP_state_favs #MCP_fav_btn .MCP_svg,.MCP_state_grid #MCP_grid_btn .MCP_svg,.MCP_state_tune #MCP_tune_btn .MCP_svg{fill:#2979ff}.MCP_text_btn{display:inline-block;cursor:pointer;font-size:14px}.MCP_text_btn:hover{color:#2979ff}.MCP_text_btn_left{margin:0 0 21px 20px;float:left;overflow:hidden}.MCP_text_btn_right{margin:0 20px 21px 0;text-align:right;float:right;position: static;}.MCP_strong{font-weight:700;margin-bottom:10px}.MCP_p{margin-bottom:7px}.MCP_tips{position:absolute;z-index:3;top:0;bottom:0;left:0;right:0;text-align:left;opacity:0;width:0;height:0;overflow:hidden;font-size:14px;cursor:default;background-color:#fff;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.MCP_text_btn:hover .MCP_tips{opacity:1;width:100%;height:auto;padding:12%}.MCP_edit_state{color:tomato!important}.MCP_picker_head{height:50px}.MCP_frames{position:relative;width:300%;overflow:hidden;-webkit-transition:-webkit-transform 0.2s ease;-moz-transition:-moz-transform 0.2s ease;-ms-transition:-ms-transform 0.2s ease;transition:transform 0.2s ease;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}.MCP_frame{position:relative;width:33.33333333%;height:50px;overflow:hidden;float:left}#MCP_frames,.MCP_state_grid #MCP_frames{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.MCP_state_grid .MCP_material_colors_grid{height:auto}.MCP_colors_grid_wrap{overflow:hidden}.MCP_state_tune #MCP_frames{-webkit-transform:translateX(-150px);-moz-transform:translateX(-150px);-ms-transform:translateX(-150px);transform:translateX(-150px)}.MCP_state_tune .MCP_color_tune{height:auto}.MCP_state_favs #MCP_frames{-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px)}.MCP_state_favs .MCP_colos_favs{height:auto}.MCP_colors_grid{overflow:hidden}.MCP_c{position:relative;cursor:pointer;width:33.33333333%;height:50px;float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.MCP_material_colors_grid .MCP_c{width:0;height:0;visibility:hidden}.MCP_c:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;transition:all 0.1s ease}.MCP_c div{position:absolute;top:17px;left:0;width:100%;opacity:0;font-size:14px;width:100%;color:#fff}.MCP_c div.MCP_dark{color:#000}.MCP_material_colors_grid .MCP_state_cg .MCP_c{visibility:hidden;width:0;height:0}.MCP_state_cg .MCP_c div{opacity:.85}.MCP_c_black,.MCP_c_white{opacity:.7}.MCP_material_colors_grid .MCP_c_500,.MCP_material_colors_grid .MCP_c_black,.MCP_material_colors_grid .MCP_c_white,.MCP_state_cg_0 .MCP_cg_0 .MCP_c,.MCP_state_cg_1 .MCP_cg_1 .MCP_c,.MCP_state_cg_10 .MCP_cg_10 .MCP_c,.MCP_state_cg_11 .MCP_cg_11 .MCP_c,.MCP_state_cg_12 .MCP_cg_12 .MCP_c,.MCP_state_cg_13 .MCP_cg_13 .MCP_c,.MCP_state_cg_14 .MCP_cg_14 .MCP_c,.MCP_state_cg_15 .MCP_cg_15 .MCP_c,.MCP_state_cg_16 .MCP_cg_16 .MCP_c,.MCP_state_cg_17 .MCP_cg_17 .MCP_c,.MCP_state_cg_18 .MCP_cg_18 .MCP_c,.MCP_state_cg_19 .MCP_cg_19 .MCP_c,.MCP_state_cg_2 .MCP_cg_2 .MCP_c,.MCP_state_cg_3 .MCP_cg_3 .MCP_c,.MCP_state_cg_4 .MCP_cg_4 .MCP_c,.MCP_state_cg_5 .MCP_cg_5 .MCP_c,.MCP_state_cg_6 .MCP_cg_6 .MCP_c,.MCP_state_cg_7 .MCP_cg_7 .MCP_c,.MCP_state_cg_8 .MCP_cg_8 .MCP_c,.MCP_state_cg_9 .MCP_cg_9 .MCP_c{visibility:visible;width:33.33333333%;height:50px}.MCP_c_c:after{border:5px solid #eceff1}input[type="text"].MCP_tune_input{height:50px;width:100%;line-height:51px;padding:0;margin:0;border:none;background:#fff;color:#424242;font-size:17px;word-spacing:-3px;text-align:center;box-shadow:none;outline:0!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;border-radius:0;border-bottom:1px solid #cecece}input[type="text"].MCP_tune_input:focus,input[type="text"].MCP_tune_input:hover{color:#2979ff}.MCP_slider{margin:15px 0 17px 0;font-size:14px}.MCP_slider_range{position:relative;width:116px;height:16px;background:#fff;margin:0 17px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.MCP_slider_range:after{content:" ";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;border:1px solid #cecece;z-index:1}.MCP_slider_handle{position:absolute;top:-3px;left:0;width:22px;height:22px;background-color:#fff;border-radius:3px;z-index:3;border:1px solid #cecece;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.MCP_slider_handle:active,.MCP_slider_handle:hover{background-color:#2979ff}.MCP_slider_label_name,.MCP_slider_label_output{margin-bottom:10px;display:inline-block;opacity:.66;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.MCP_slider_label_name{text-align:left;width:60%;padding:0 0 0 17px}.MCP_slider_label_output{text-align:right;width:40%;padding:0 17px 0 0}.MCP_slider_label_output:after{content:attr(data-units);display:inline-block}.MCP_help_label{background-color:#fff;border-radius:50%;padding:3px 8px 2px 8px;font-size:12px;top:-2px;left:1px;position:relative}.MCP_fav_colors_grid,.MCP_preview_wrap{overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNXY1SDB6TTUgNWg1djVINXoiLz48L3N2Zz4=)}.MCP_fav_colors_grid{margin:-1px 0 17px 0;border-bottom:1px solid #d6d6d6}#MCP_fav_colors_grid_wrap.MCP_edit_state .MCP_c:before{content:"\00D7 ";display:block;position:absolute;top:13px;left:12px;width:24px;height:24px;background:#eceff1;font-size:18px;color:#616161;border-radius:50%;line-height:21px;font-family:sans-serif}#MCP_fav_colors_grid_wrap.MCP_edit_state .MCP_c.MCP_c_c:after{display:none}#MCP_fav_colors_grid_wrap.MCP_edit_state .MCP_c:hover:before{color:tomato;background:rgba(255,255,255,1)}.MCP_colos_favs .MCP_text_btn_left,.MCP_colos_favs .MCP_text_btn_right{margin-bottom:17px}.MCP_picker_footer{height:25px}.MCP_handle{width:100%;height:100%;text-align:center;cursor:pointer;overflow:hidden}.MCP_handle .MCP_svg{margin:-2px 0 0 -12px;opacity:.66}.MCP_handle:hover{background-color:rgba(255,255,255,.66)}.MCP_handle:hover .MCP_svg{opacity:1}.MCP_handle:active .MCP_svg{fill:#2979ff}