.colorpicker-wrapper{width:408px;height:532px}.colorpicker{position:absolute;width:408px;height:532px;background:#FEFEFE;border-radius:8px;border:1px solid #505259;box-shadow:6px 6px 0 0 #45494D;display:none}.colorpicker_color{width:360px;height:360px;left:24px;top:24px;position:absolute;background:red;cursor:crosshair}.colorpicker_color div{position:absolute;top:0;left:0;width:360px;height:360px;background:url(/wp-content/themes/wemake-theme/lib/colorpicker/images/colorpicker_overlay.png);background-size:cover}.colorpicker_color div div{position:absolute;top:0;left:0;top:8px;left:8px;width:16px;height:16px;display:flex;justify-content:center;align-items:center;background:red;margin:-8px 0 0 -14px}.colorpicker_color div div::before{content:'';position:absolute;width:24px;height:24px;border:4px solid #FEFEFE;border-radius:50%;box-shadow:2px 2px 0 0 #45494d}.colorpicker_color div div::after{content:'';position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border:.5px solid #505259;border-radius:50%;box-shadow:2px 2px 0 0 #45494d}.colorpicker_hue{background:url(/wp-content/themes/wemake-theme/lib/colorpicker/images/hue_slider_track.png) no-repeat center center;background-size:contain;position:absolute;top:408px;left:24px;width:calc(100% - 48px);height:12px;cursor:crosshair}.colorpicker_hue div.colorpicker_hue_wrapper{position:relative;width:24px;height:24px;overflow:hidden;background:#FEFEFE;border:1px solid #505259;border-radius:50%;box-shadow:2px 2px 0 0 #45494d;margin:-6px 0 0 0;left:0;top:0;transform:translateX(-12px)}.colorpicker_hue_center{position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@media all and (max-width:1919px) and (min-width:1025px){.colorpicker_hue_center{top:50%;left:50%;transform:translate(-50%,-50%)}}.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:red;display:none}.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:red;display:none}.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize}.colorpicker_submit{display:none}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}.color_selector{position:absolute;bottom:40px;left:24px;display:flex;gap:16px;width:calc(100% - 48px)}.color_scheme_select{border-bottom:1px solid #C4C5CC;position:relative;width:80px}.color_scheme_select.active{border-bottom:1px solid #17171A}.color_scheme_select.active .color_scheme_dropdown{display:flex}.color_scheme_select.active .color_scheme_icon{transform:rotate(180deg)}.color_scheme_icon{transition:0.3s}.color_scheme_field{padding:0 8px 8px 8px;display:flex;align-items:center;gap:8px;border-radius:8px;cursor:pointer;font-family:'Mariupol',sans-serif;font-size:20px;font-weight:500;line-height:140%}.color_scheme_dropdown{position:absolute;top:calc(100% + 8px);padding:16px;flex-direction:column;gap:2px;border-radius:8px;border:1px solid #505259;background:#FEFEFE;box-shadow:6px 6px 0 0 #45494D;display:none}.color_scheme_item{padding:8px 20px;border-radius:4px;font-family:'Mariupol',sans-serif;font-size:20px;font-weight:400;line-height:140%;transition:0.3s;cursor:pointer}.color_scheme_item:hover{background:#F0F2FC}.color_scheme_item.selected{background:#F0F2FC}.color_scheme_block{flex:1}.colorpicker_hex{display:flex;align-items:center;position:absolute;bottom:40px;right:24px;width:calc(100% - 144px);padding:0 8px 8px 8px;border-bottom:1px solid #C4C5CC}.colorpicker_hex div{font-family:'Mariupol',sans-serif;font-size:20px;font-weight:500;line-height:140%}.colorpicker_hex_input{display:flex}.colorpicker_hex input{font-family:'Mariupol',sans-serif;font-size:20px;font-weight:500;line-height:140%;position:relative;z-index:1}.color_scheme{display:none;gap:12px;position:absolute;bottom:40px;right:24px;width:calc(100% - 144px);justify-content:flex-end}.colorpicker_field{display:none;gap:8px;width:80px;position:absolute;bottom:40px}.colorpicker_rgb_r,.colorpicker_hsb_h{left:120px}.colorpicker_rgb_g,.colorpicker_hsb_s{left:212px}.colorpicker_rgb_b,.colorpicker_hsb_b{left:310px}.colorpicker_field div{color:#505259;font-family:'Mariupol',sans-serif;font-size:20px;font-weight:400;line-height:140%}.colorpicker_field input{padding-bottom:8px;border-bottom:1px solid #C4C5CC;font-family:'Mariupol',sans-serif;font-size:20px;font-weight:500;line-height:140%;position:relative;z-index:1;cursor:pointer}@media all and (max-width:1919px) and (min-width:1025px){.colorpicker{transform:scale(.8888)}}.colorpicker_field input:hover{border-bottom:1px solid #737580}.colorpicker_field input:focus{border-bottom:1px solid #17171A}.bg_dark{display:none}.color_scheme_dropdown .heading{display:none}@media all and (max-width:1024px){body.overflow-hidden{overflow:hidden!important}.colorpicker{position:fixed;bottom:-100%;left:0;width:100%;height:550px;border-radius:24px 24px 0 0;border:0;box-shadow:none;display:none;transition:bottom 0.5s;z-index:100}.colorpicker-wrapper.show:before{display:flex}.colorpicker>*:not(.bg_dark){z-index:200}.colorpicker>.exit.close{z-index:9}.colorpicker_color{left:50%;transform:translateX(-50%) scale(.8);top:15px;touch-action:none}.colorpicker_color div{touch-action:none}.colorpicker_color div div{touch-action:none}.colorpicker_hue{top:360px;left:50%;transform:translateX(-50%) scale(.8);width:360px;max-width:360px}.colorpicker_hue_center{transform:translateX(0);top:3.5px;left:3.5px}.color_selector{bottom:116px;left:0;right:0;margin-left:auto;margin-right:auto;gap:20px;width:calc(100% - 40px);max-width:288px}.color_scheme_field{padding:0 8px 4px 8px;font-size:15px;line-height:133.333%;justify-content:space-between}.colorpicker_hex{bottom:116px;right:50%;transform:translateX(140px);width:calc(100% - 100px);max-width:188px;padding:0 8px 4px 8px;z-index:2;gap:10px;justify-content:space-between}.colorpicker_hex div{font-size:15px;line-height:133.333%}.colorpicker_hex input{font-size:15px;line-height:133.333%}.colorpicker_field{width:65px;bottom:116px}.colorpicker_rgb_r,.colorpicker_hsb_h{left:50%;transform:translateX(calc(50% - 90px))}.colorpicker_rgb_g,.colorpicker_hsb_s{left:50%;transform:translateX(calc(50% - 20px))}.colorpicker_rgb_b,.colorpicker_hsb_b{left:50%;transform:translateX(calc(50% + 47px))}.colorpicker_field div{font-size:15px;line-height:133.333%}.colorpicker_field input{padding-bottom:4px;font-size:15px;line-height:133.333%}.colorpicker_submit{display:flex;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:288px;height:44px;padding:20px 32px;justify-content:center;align-items:center;border-radius:8px;border:1px solid #505259;background:#FFF01F;box-shadow:2px 2px 0 0 #45494D;font-family:'Articulat CF',sans-serif;font-size:15px;font-weight:600;line-height:120%;letter-spacing:-.15px}.color_scheme_popup{position:fixed;bottom:-100%;left:0;width:100%;height:auto;max-height:calc(100% - 60px);border-radius:24px 24px 0 0;padding:48px 20px 40px 20px;background:#FEFEFE;border:0;box-shadow:none;display:flex;flex-direction:column;gap:4px;transition:0.5s;z-index:101}.color_scheme_popup.show{bottom:0}.color_scheme_select .color_scheme_dropdown{bottom:-100%;transition:all .5s linear;position:fixed;left:0;width:100%;height:auto;max-height:calc(100% - 60px);border-radius:24px 24px 0 0;padding:48px 20px 15px 20px;background:#FEFEFE;border:0;box-shadow:none;display:flex;flex-direction:column;gap:0;z-index:101;top:auto}.color_scheme_select.active .color_scheme_dropdown{bottom:0}.bg_dark{content:'';position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background:rgb(0 0 0 / .3);z-index:99!important;display:none}.color_scheme_select.active .bg_dark{display:block!important}.color_scheme_dropdown .heading{display:block;padding:0 8px 12px 8px;border-bottom:1px solid #505259;font-family:'Articulat CF',sans-serif;font-size:17px;font-weight:600;line-height:117.647%;letter-spacing:-.17px;margin-bottom:16px}.color_scheme_dropdown .sorting{display:flex;flex-direction:column;gap:4px}.color_scheme_dropdown .color_scheme_item{padding:10px 12px;border-radius:8px;transition:0.3s;font-family:'Mariupol',sans-serif;font-size:15px;font-weight:400;line-height:133.333%}.color_scheme_dropdown .color_scheme_item:hover{background:#F0F2FC}.color_scheme_dropdown .color_scheme_item.selected{background:#F0F2FC}.copy-icon{display:none}}@media all and (max-width:359px){.colorpicker_hex{transform:translateX(calc(50% + 50px))}}