.normal_map_color_picker{height:300px;position:relative}.normal_map_color_picker--bg_x,.normal_map_color_picker--bg_y{border-radius:50%;height:calc(100% - 10px);left:5px;pointer-events:none;position:absolute;top:5px;width:calc(100% - 10px)}.normal_map_color_picker--bg_x{background:linear-gradient(90deg,#00f,#f0f)}.normal_map_color_picker--bg_y{background:linear-gradient(0deg,#00f,#0ff);mix-blend-mode:lighten}.normal_map_color_picker--bg_x:after,.normal_map_color_picker--bg_x:before{background-color:var(--color-light);content:"";height:2px;opacity:.2;position:absolute;width:2px;z-index:1}.normal_map_color_picker--bg_x:before{left:0;right:0;top:calc(50% - 1px);width:100%}.normal_map_color_picker--bg_x:after{bottom:0;height:100%;left:calc(50% - 1px);top:0}.normal_map_color_picker--cursor{background:var(--color-light);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;height:10px;left:0;margin:-5px;position:absolute;top:0;width:10px;z-index:2}