@map.ir/mapbox-gl-draw-geospatial-tools/src/index.css

Advanced tools for geospatial edit and analysis based on Mapbox Gl Draw

.mapboxgl-ctrl-group input[type='checkbox'] {
    width: 29px;
    height: 29px;
    overflow: hidden;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    border-bottom: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mapboxgl-ctrl-group input[type='checkbox']:last-of-type {
    border-bottom: none;
}

.mapboxgl-ctrl-group input[type='checkbox']:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-group input[type='checkbox']:checked {
    background-color: rgba(0, 0, 0, 0.15);
}

.mapboxgl-ctrl-group input[type='checkbox']:after {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.mapboxgl-ctrl-group input[type='checkbox'].snap_mode.snap:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpath d='M26.5,10l-4.8-4.8c0,0,0,0,0,0s0,0,0,0l-3-3c-0.4-0.4-1-0.4-1.4,0l-4.6,4.6c-0.4,0.4-0.4,1,0,1.4l7.8,7.8 c1.3,1.3,1.3,3.3,0.1,4.5c-0.6,0.6-1.4,0.9-2.2,0.9c-0.8,0-1.7-0.4-2.3-1l-4.8-4.8c0,0,0,0,0,0s0,0,0,0l-3-3c-0.4-0.4-1-0.4-1.4,0 l-4.6,4.6c-0.4,0.4-0.4,1,0,1.4l7.8,7.8c2.3,2.3,5.2,3.5,8.4,3.6c0.1,0,0.1,0,0.2,0c3.1,0,5.9-1.2,8.1-3.3 C31.2,22.2,31.1,14.7,26.5,10z M18,4.4L19.6,6l-3.2,3.2l-1.6-1.6L18,4.4z M7.6,14.8l1.6,1.6L6,19.6L4.4,18L7.6,14.8z'/%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group input[type='checkbox'].snap_mode.grid:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='16px' height='16px' viewBox='0 0 16 16' id='svg2' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='grid.svg'%3E%3Cdefs id='defs4' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='22.627417' inkscape:cx='16.97478' inkscape:cy='4.108315' inkscape:document-units='px' inkscape:current-layer='g6148-2' showgrid='true' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:snap-bbox='false' inkscape:bbox-paths='false' inkscape:bbox-nodes='false' inkscape:snap-bbox-edge-midpoints='true' inkscape:snap-bbox-midpoints='true' inkscape:document-rotation='0'%3E%3Cinkscape:grid type='xygrid' id='grid3336' /%3E%3C/sodipodi:namedview%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1036.3622)'%3E%3Cg transform='translate(78,-251.00067)' id='g6148-2'%3E%3Cpath style='color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;fill:%23000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate' d='m -76.5,1287.8629 v 1 h -1 v 1 h 1 v 3 h -1 v 1 h 1 v 3 h -1 v 1 h 1 v 3 h -1 v 1 h 1 v 1 h 1 v -1 h 3 v 1 h 1 v -1 h 3 v 1 h 1 v -1 h 3 v 1 h 1 v -1 h 1 v -1 h -1 v -3 h 1 v -1 h -1 v -3 h 1 v -1 h -1 v -3 h 1 v -1 h -1 v -1 h -1 v 1 h -3 v -1 h -1 v 1 h -3 v -1 h -1 v 1 h -3 v -1 z m 1,2 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z m -8,4 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z m -8,4 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z m 4,0 h 3 v 3 h -3 z' id='path7088-6-0' /%3E%3C/g%3E%3C/g%3E%3Cmetadata id='metadata8'%3E%3Crdf:RDF%3E%3Crdf:Description about='https://iconscout.com/legal%23licenses' dc:title='Grid, Line, Streamline, Layout, Outline' dc:description='Grid, Line, Streamline, Layout, Outline' dc:publisher='Iconscout' dc:date='2016-12-14' dc:format='image/svg+xml' dc:language='en'%3E%3Cdc:creator%3E%3Crdf:Bag%3E%3Crdf:li%3EMohit Gandhi%3C/rdf:li%3E%3C/rdf:Bag%3E%3C/dc:creator%3E%3C/rdf:Description%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group button.pinning_mode {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' enable-background='new 0 0 100 100' viewBox='0 0 100 100' version='1.1' id='svg6' sodipodi:docname='safety-pin.svg' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)'%3E%3Cmetadata id='metadata12'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs10' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1920' inkscape:window-height='1021' id='namedview8' showgrid='false' inkscape:zoom='6.0316208' inkscape:cx='45.601024' inkscape:cy='49.445811' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:current-layer='svg6' /%3E%3Cg id='g839' transform='matrix(0.80623763,0,0,0.80623763,9.6881187,9.6881187)'%3E%3Cpath d='m 50,65 c -5,0 -9,4 -9,9 0,5 4,9 9,9 5,0 9,-4 9,-9 0,-5 -4,-9 -9,-9 z m 0,14 c -2.8,0 -5,-2.2 -5,-5 0,-2.8 2.2,-5 5,-5 2.8,0 5,2.2 5,5 0,2.8 -2.2,5 -5,5 z' id='path2' /%3E%3Cpath d='M 50.5,5 C 50.4,5 50.2,5 50.1,5 50.1,5 50,5 50,5 50,5 49.9,5 49.8,5 42.9,5 36.4,7.8 31.3,12.7 26,17.9 23,25.2 23,32.6 V 43 c 0,3.3 2.7,6 6,6 v 25 c 0,11.6 9.4,21 21,21 11.6,0 21,-9.4 21,-21 V 49 c 3.3,0 6,-2.7 6,-6 V 32 C 77,17.4 65.1,5.3 50.5,5 Z M 50,91 c -9.4,0 -17,-7.6 -17,-17 0,-9.4 7.6,-17 17,-17 9.4,0 17,7.6 17,17 0,9.4 -7.6,17 -17,17 z M 67,61.7 C 63.2,56.5 57,53 50,53 43,53 36.8,56.5 33,61.7 V 49 h 5.7 c 2.6,0 5,-1.2 6.5,-3.3 1.5,-2.1 1.9,-4.7 1.1,-7.2 C 45.4,36 45,33.3 45,30.7 v -0.4 c 0,-2.8 2.2,-5.2 4.8,-5.3 1.4,0 2.7,0.5 3.6,1.4 1,1 1.5,2.2 1.5,3.6 v 0.7 c 0,2.7 -0.4,5.3 -1.3,7.8 -0.8,2.5 -0.4,5.1 1.1,7.2 1.5,2.1 3.9,3.3 6.5,3.3 H 67 Z M 73,43 c 0,1.1 -0.9,2 -2,2 h -9.7 c -1.3,0 -2.5,-0.6 -3.2,-1.7 -0.8,-1.1 -1,-2.4 -0.5,-3.6 1,-2.9 1.5,-6 1.5,-9 V 30 c 0,-2.5 -1,-4.8 -2.7,-6.5 C 54.6,21.9 52.4,21 50,21 H 49.7 C 44.9,21.2 41,25.3 41,30.3 v 0.4 c 0,3.1 0.5,6.1 1.5,9.1 0.4,1.2 0.2,2.5 -0.5,3.6 -0.8,1 -1.9,1.7 -3.2,1.7 H 29 c -1.1,0 -2,-0.9 -2,-2 V 32.6 c 0,-6.3 2.6,-12.5 7.2,-17 C 38.5,11.3 44.1,9 50,9 h 0.4 C 62.9,9.2 73,19.6 73,32 Z' id='path4' /%3E%3C/g%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group button.passing_mode.point {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='snap_point.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='29.132799' inkscape:cx='11.46386' inkscape:cy='10.851091' inkscape:document-units='px' inkscape:current-layer='g842' showgrid='false' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:object-nodes='true' inkscape:document-rotation='0' inkscape:snap-grids='true' inkscape:snap-object-midpoints='false'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cg id='g845'%3E%3Cg id='g838' transform='translate(-1.269038,0.02805)'%3E%3Cg id='g842' transform='translate(-0.4997445,-0.00255)'%3E%3Cg id='g846' transform='translate(-0.311276,0.4745)'%3E%3Cpath style='opacity:1;fill:%23000000;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none' d='M 10,2 C 6.686292,2 4,4.6863 4,8 c 0,3.3137 6,9 6,9 0,0 6,-5.6863 6,-9 0,-3.3137 -2.686292,-6 -6,-6 z m 0,2 c 2.071068,0 3.75,1.6789 3.75,3.75 0,1.4553278 -1.81889,3.894393 -2.919922,5.25 H 9.1699219 C 8.0688903,11.644393 6.25,9.2053278 6.25,7.75 6.25,5.6789 7.928932,4 10,4 Z' transform='translate(0,1032.3622)' id='path17305' /%3E%3Cpath d='m 17.798825,1044.3235 a 2.3612922,2.361292 0 1 0 2.361292,2.3613 2.3612922,2.361292 0 0 0 -2.361292,-2.3613 z m 0.708388,2.5974 h -1.416776 a 0.23612922,0.2361292 0 0 1 0,-0.4722 h 1.416776 a 0.23612922,0.2361292 0 0 1 0,0.4722 z' id='path842' style='fill:%23ff2a2a;stroke-width:0.236129' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath style='color:%23000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;fill:%23ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate' d='m 34.000115,1040.3622 c -5e-6,2.2062 -3.992523,7.0001 -3.992523,7.0001 0,0 -3.999291,-4.7787 -4.007679,-6.9849 -0.0084,-2.2062 1.771082,-4.0027 3.97731,-4.0153 2.20621,-0.013 4.006037,1.7635 4.022777,3.9697' id='path12563' inkscape:connector-curvature='0' sodipodi:nodetypes='cccsc' /%3E%3Cpath style='color:%23000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;fill:%23ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate' d='m 34.000115,1040.3622 c -5e-6,2.2062 -3.992523,7.0001 -3.992523,7.0001 0,0 -3.999291,-4.7787 -4.007679,-6.9849 -0.0084,-2.2062 1.771082,-4.0027 3.97731,-4.0153 2.20621,-0.013 4.006037,1.7635 4.022777,3.9697' id='path841' inkscape:connector-curvature='0' sodipodi:nodetypes='cccsc' /%3E%3C/g%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group button.passing_mode.line {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='snap_line.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='16' inkscape:cx='-0.601225' inkscape:cy='9.5890152' inkscape:document-units='px' inkscape:current-layer='g842' showgrid='true' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:object-nodes='true' inkscape:document-rotation='0'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cg id='g840'%3E%3Cg id='g842' transform='translate(-0.3843915,-0.73725)'%3E%3Cg id='g843' transform='translate(-0.634256,0.556108)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate' d='m 13.5,1035.8622 c -1.380712,0 -2.5,1.1193 -2.5,2.5 0,0.3208 0.04614,0.6244 0.15625,0.9063 l -3.75,3.75 c -0.281836,-0.1102 -0.585421,-0.1563 -0.90625,-0.1563 -1.380712,0 -2.5,1.1193 -2.5,2.5 0,1.3807 1.119288,2.5 2.5,2.5 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-0.3208 -0.04614,-0.6244 -0.15625,-0.9062 l 3.75,-3.75 c 0.281836,0.1101 0.585421,0.1562 0.90625,0.1562 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-1.3807 -1.119288,-2.5 -2.5,-2.5 z' id='rect6467' inkscape:connector-curvature='0' /%3E%3Cpath d='m 15.676004,1044.5019 a 2.3612922,2.361292 0 1 0 2.361291,2.3614 2.3612922,2.361292 0 0 0 -2.361291,-2.3614 z m 0.708387,2.5976 h -1.416776 a 0.23615002,0.23615 0 0 1 0,-0.4723 h 1.416776 a 0.23615002,0.23615 0 0 1 0,0.4723 z' id='path842' style='fill:%23ff2a2a;stroke-width:0.236129' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group button.passing_mode.polygon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='snap_polygon.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='29.671711' inkscape:cx='12.519141' inkscape:cy='8.9294617' inkscape:document-units='px' inkscape:current-layer='g844' showgrid='true' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:object-nodes='true' inkscape:document-rotation='0'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cg id='g854' transform='matrix(0.8940999,0,0,0.8455735,0.06277299,159.87587)'%3E%3Cg id='g862'%3E%3Cg id='g876' transform='translate(-0.346581,-0.47809685)'%3E%3Cg id='g870' transform='translate(1.3051702,0.70675572)'%3E%3Cg data-name='minus-circle' id='g844' transform='matrix(0.13980544,0,0,0.14782869,14.95594,1046.941)' style='fill:%23ff2a2a'%3E%3Cg id='g893' transform='translate(-9.4438044,-0.61034979)'%3E%3Cpath inkscape:connector-curvature='0' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate' d='m 3,1039.3622 v 6 l 2,2 h 6 l 2,-2 v -6 l -2,-2 H 5 Z m 3,0 h 4 l 1,1 v 4 l -1,1 H 6 l -1,-1 v -4 z' id='rect7797' sodipodi:nodetypes='cccccccccccccccccc' transform='matrix(7.1527975,0,0,6.7645868,-106.97681,-7082.1232)' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' id='path4364' cx='4' cy='1046.3622' r='2' transform='matrix(7.1527975,0,0,6.7645868,-106.97681,-7082.1232)' /%3E%3Ccircle id='path4368' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' cx='12' cy='1046.3622' r='2' transform='matrix(7.1527975,0,0,6.7645868,-106.97681,-7082.1232)' /%3E%3Ccircle id='path4370' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' cx='4' cy='1038.3622' r='2' transform='matrix(7.1527975,0,0,6.7645868,-106.97681,-7082.1232)' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' id='path4372' cx='12' cy='1038.3622' r='2' transform='matrix(7.1527975,0,0,6.7645868,-106.97681,-7082.1232)' /%3E%3Crect width='24' height='24' opacity='0' id='rect840' x='0' y='0' style='fill:%23ff2a2a' /%3E%3Cpath d='M 23.997277,-12.560035 A 18.890333,18.890333 0 1 0 42.887609,6.3302969 18.890333,18.890333 0 0 0 23.997277,-12.560035 Z m 5.6671,20.7793651 h -11.3342 a 1.8890333,1.8890333 0 0 1 0,-3.7780665 h 11.3342 a 1.8890333,1.8890333 0 0 1 0,3.7780665 z' id='path842' style='fill:%23ff2a2a;stroke-width:1.88903' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group .mapbox-gl-draw_union {
    background-image: url('./img/union.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.mapboxgl-ctrl-group .mapbox-gl-draw_buffer {
    background-image: url('./img/buffer.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.mapboxgl-ctrl-group .mapbox-gl-draw_copy {
    background-image: url('./img/copy.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

.mapboxgl-ctrl-group .split-line {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='split_line.svg'%3E%3Cdefs id='defs19169'%3E%3Cmarker style='overflow:visible' id='Arrow1Lstart' refX='0.0' refY='0.0' orient='auto' inkscape:stockid='Arrow1Lstart' inkscape:isstock='true'%3E%3Cpath transform='scale(0.8) translate(12.5,0)' style='fill-rule:evenodd;stroke:%23000000;stroke-width:1pt;stroke-opacity:1;fill:%23000000;fill-opacity:1' d='M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z ' id='path849' /%3E%3C/marker%3E%3C/defs%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='20.981068' inkscape:cx='8.4368393' inkscape:cy='8.0262245' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:object-nodes='true' inkscape:document-rotation='0' inkscape:connector-spacing='3'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cg id='g854' transform='matrix(0.8940999,0,0,0.8455735,0.21902658,159.28222)'%3E%3Cg id='g862'%3E%3Cg id='g876' transform='translate(-0.346581,-0.47809685)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.45027;marker:none;enable-background:accumulate' d='m 18.799222,1042.7438 c -1.091968,-1.1546 -2.862362,-1.1546 -3.95433,0 -0.253715,0.2683 -0.457677,0.5603 -0.593163,0.8885 H 8.3203016 c -0.1357517,-0.3278 -0.3393801,-0.6202 -0.5931628,-0.8886 -1.0919009,-1.1545 -2.862295,-1.1545 -3.954263,10e-5 -1.0919012,1.1546 -1.0919008,3.0265 10e-8,4.1811 1.091968,1.1546 2.8623616,1.1546 3.9542627,10e-5 0.2537159,-0.2683 0.4577447,-0.5604 0.593096,-0.8885 h 5.9314944 c 0.13582,0.3277 0.339447,0.6201 0.59323,0.8885 1.091902,1.1545 2.862295,1.1545 3.954196,0 1.091968,-1.1547 1.091968,-3.0266 6.7e-5,-4.1812 z' id='rect6467' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath style='opacity:0.998;fill:%23ffffff;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.15009;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.941176;paint-order:markers fill stroke' d='m 11.460805,1034.6713 v 18.922' id='path847' inkscape:connector-type='polyline' inkscape:connector-curvature='0' transform='matrix(0.8940999,0,0,0.8455735,-0.24710505,159.4716)' /%3E%3Cpath style='opacity:0.998;fill:%23000000;fill-rule:evenodd;stroke:%23000000;stroke-width:0.690053;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.07016, 0.690053;stroke-dashoffset:0;stroke-opacity:0.941176;paint-order:markers fill stroke' d='m 11.460805,1034.6713 v 18.922' id='path847-3' inkscape:connector-type='polyline' inkscape:connector-curvature='0' transform='matrix(0.8940999,0,0,0.8455735,-0.24710502,159.47156)' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

.mapboxgl-ctrl-group .split-polygon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' sodipodi:docname='split_polygon.svg'%3E%3Cdefs id='defs19169'%3E%3Cmarker style='overflow:visible' id='Arrow1Lstart' refX='0.0' refY='0.0' orient='auto' inkscape:stockid='Arrow1Lstart' inkscape:isstock='true'%3E%3Cpath transform='scale(0.8) translate(12.5,0)' style='fill-rule:evenodd;stroke:%23000000;stroke-width:1pt;stroke-opacity:1;fill:%23000000;fill-opacity:1' d='M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z ' id='path849' /%3E%3C/marker%3E%3C/defs%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='20.981068' inkscape:cx='8.4368393' inkscape:cy='8.0262245' inkscape:document-units='px' inkscape:current-layer='g876' showgrid='true' units='px' inkscape:window-width='1920' inkscape:window-height='1021' inkscape:window-x='0' inkscape:window-y='0' inkscape:window-maximized='1' inkscape:object-nodes='true' inkscape:document-rotation='0' inkscape:connector-spacing='3'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cg id='g854' transform='matrix(0.8940999,0,0,0.8455735,0.06277299,159.87587)'%3E%3Cg id='g862'%3E%3Cg id='g876' transform='translate(-0.346581,-0.47809685)'%3E%3Cg id='g845' transform='matrix(1.3701279,0,0,1.3701279,0.35980281,-384.00214)'%3E%3Cpath inkscape:connector-curvature='0' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate' d='m 3,1039.3622 v 6 l 2,2 h 6 l 2,-2 v -6 l -2,-2 H 5 Z m 3,0 h 4 l 1,1 v 4 l -1,1 H 6 l -1,-1 v -4 z' id='rect7797' sodipodi:nodetypes='cccccccccccccccccc' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' id='path4364' cx='4' cy='1046.3622' r='2' /%3E%3Ccircle id='path4368' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' cx='12' cy='1046.3622' r='2' /%3E%3Ccircle id='path4370' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' cx='4' cy='1038.3622' r='2' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.6;marker:none;enable-background:accumulate' id='path4372' cx='12' cy='1038.3622' r='2' /%3E%3C/g%3E%3Cpath style='fill:%23ffffff;fill-rule:evenodd;stroke:%23ffffff;stroke-width:1.15008852;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.94117647;opacity:0.998;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;paint-order:markers fill stroke' d='m 11.460806,1034.6713 v 18.922' id='path847' inkscape:connector-type='polyline' inkscape:connector-curvature='0' /%3E%3Cpath style='opacity:0.998;fill:%23000000;fill-rule:evenodd;stroke:%23000000;stroke-width:0.69005315;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.07015946,0.69005315;stroke-dashoffset:0;stroke-opacity:0.941176;paint-order:markers fill stroke' d='m 11.460805,1034.6713 v 18.922' id='path847-3' inkscape:connector-type='polyline' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.mapboxgl-ctrl-group .cut-polygon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23606060;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EHassan Very Conceptual Icon%3C/title%3E%3Cpath d='M6.91,8.23h0Zm0,0h0Zm0,0h0Zm0,0h0Zm0,0h0Zm0,0h0Z'/%3E%3Cpath d='M16,12.22a1.64,1.64,0,0,1-1.69,1.58,1.7,1.7,0,0,1-1.55-1h-5a1.7,1.7,0,0,1-1.56,1,1.64,1.64,0,0,1-1.68-1.58,1.49,1.49,0,0,1,.07-.47,1.51,1.51,0,0,1,.16-.31l0-.1a1.7,1.7,0,0,1,.72-.57V9.5l.16-.08L6.93,10v.42l1.2,1.14h4.29l1.21-1.14V6.35L12.42,5.22H8.13L6.93,6.35v.09L5.7,7l-.14-.08V6a1.61,1.61,0,0,1-1-1.45A1.64,1.64,0,0,1,6.24,3,1.7,1.7,0,0,1,7.8,4h5A1.63,1.63,0,0,1,13,3.61l0,0a1.37,1.37,0,0,1,.18-.16A1.72,1.72,0,0,1,14.31,3,1.64,1.64,0,0,1,16,4.59,1.59,1.59,0,0,1,15,6v4.73A1.58,1.58,0,0,1,16,12.22Z'/%3E%3Cg id='path2'%3E%3Cpath class='cls-1' d='M6.91,8.23h0Z'/%3E%3C/g%3E%3Cg id='path2-2' data-name='path2'%3E%3Cpath d='M6.93,8.24h0l3.7-2.13L10.74,6,10.65,6S10,5.41,9.5,5.68c-.19.11-1.06.52-2.57,1.25l-1.25.59-.12-.07L4.08,6.59a1.3,1.3,0,0,0,.09-1,2.12,2.12,0,0,0-1-1.18,2,2,0,0,0-2.57.27,1.28,1.28,0,0,0-.21,1.1A2.06,2.06,0,0,0,1.42,7a2.89,2.89,0,0,0,.74.28h.07a5.68,5.68,0,0,1,2.43.86A5.81,5.81,0,0,1,2.18,9h-.1a2.66,2.66,0,0,0-.76.27A2.47,2.47,0,0,0,.1,10.64,1.69,1.69,0,0,0,.17,12a1.56,1.56,0,0,0,1,.78,2.08,2.08,0,0,0,.55.07,2.53,2.53,0,0,0,1.33-.39A2.52,2.52,0,0,0,4.16,11a1.64,1.64,0,0,0-.09-1.16L5.56,9l.15-.08,1.22.62L10,11.12a1,1,0,0,0,1.18-.29l.08-.08ZM3.16,6.15c-.18.27-.73.29-1.18,0a1.15,1.15,0,0,1-.52-.63.37.37,0,0,1,.05-.35A.63.63,0,0,1,2,5a1.33,1.33,0,0,1,.65.18,1,1,0,0,1,.52.61A.44.44,0,0,1,3.16,6.15Zm-.05,4.58a1.3,1.3,0,0,1-.6.72,1.32,1.32,0,0,1-1,.18.53.53,0,0,1-.34-.25.54.54,0,0,1,0-.45,1.36,1.36,0,0,1,.63-.72A1.43,1.43,0,0,1,2.5,10a.65.65,0,0,1,.59.27.49.49,0,0,1,.06.23A.65.65,0,0,1,3.11,10.73Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

.mapboxgl-ctrl-group .rotate-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 418.54 418.54' style='enable-background:new 0 0 418.54 418.54;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M365.566,162.496c0.016-6.432-5.2-11.648-11.648-11.648c-0.912,0-1.792,0.096-2.608,0.304 c-11.952,2.72-22.64,8.752-31.008,17.104c-11.568,11.568-18.72,27.552-18.72,45.2l0.016,16.016l-32.416-32.416 c29.424-49.152,23.136-113.728-19.216-156.08c-49.984-49.984-131.04-49.984-181.024,0V0h-16v68.288h68.192v-16h-40.88 c43.664-43.664,114.72-43.664,158.4,0c35.968,35.968,41.904,90.336,18.624,132.848l-74.416-74.416 c-12.448-12.448-32.816-12.448-45.248,0c-12.448,12.448-12.448,32.816,0,45.248l60.88,60.88c-9.2-0.944-18.72,1.984-25.776,9.024 c-4.864,4.864-7.744,10.928-8.8,17.232c-30.144,1.2-60.688-9.472-83.648-32.432L68.942,222c25.04,25.04,57.856,37.264,90.672,37.2 l-16.272,61.008c-2.816,10.64-0.096,22.432,8.224,30.768l37.216,37.216c40.464,40.464,106.032,40.464,146.496,0 c19.6-19.6,29.6-45.088,30.208-70.752l0.112,0.096v-2.512c0-0.048,0-0.096,0-0.112L365.566,162.496z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

.mapboxgl-ctrl-group .free-hand {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3EHassan Very Conceptual Icon%3C/title%3E%3Crect x='1.29' y='8.99' width='1.73' height='1.08'/%3E%3Crect x='1.29' y='7.4' width='1.73' height='1.08'/%3E%3Cpath d='M4.14,3.06H5.47v1.6h-.9L3,6.12v.77H1.29V5.7A2,2,0,0,1,0,3.86a2.1,2.1,0,0,1,2.17-2A2.16,2.16,0,0,1,4.14,3.06Z'/%3E%3Crect x='5.98' y='3.06' width='1.33' height='1.6'/%3E%3Crect x='11.59' y='8.73' width='1.75' height='1.34'/%3E%3Cpath d='M4.57,12.81h.9v1.6H4.14a2.16,2.16,0,0,1-2,1.22,2.1,2.1,0,0,1-2.17-2,2.06,2.06,0,0,1,1.29-1.86V10.58H3v.77Z'/%3E%3Crect x='5.98' y='12.81' width='1.08' height='1.6'/%3E%3Crect x='7.57' y='12.81' width='1.08' height='1.6'/%3E%3Cpath d='M14.62,13.61a2.1,2.1,0,0,1-2.16,2,2.17,2.17,0,0,1-2-1.22H9.16v-1.6h.89l1.54-1.46v-.77h1.75v1.17A2.05,2.05,0,0,1,14.62,13.61Z'/%3E%3Cpolygon points='8.13 6.96 8.03 7.07 9.37 8.41 14.47 3.32 14.57 3.21 13.23 1.87 8.13 6.96'/%3E%3Crect x='13.86' y='0.79' width='1.72' height='1.9' transform='translate(3.08 10.92) rotate(-45.01)'/%3E%3Cpolygon points='7.31 9.12 9.17 8.62 7.83 7.28 7.31 9.12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.draw-circle {
    background-image: url('./img/circle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

.mapboxgl-ctrl-group .draw-rectangle {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjIwIiAgIGhlaWdodD0iMjAiICAgdmlld0JveD0iMCAwIDIwIDIwIiAgIGlkPSJzdmcxOTE2NyIgICB2ZXJzaW9uPSIxLjEiICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MStkZXZlbCtvc3htZW51IHIxMjkxMSIgICBzb2RpcG9kaTpkb2NuYW1lPSJzcXVhcmUuc3ZnIj4gIDxkZWZzICAgICBpZD0iZGVmczE5MTY5IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaWQ9ImJhc2UiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6em9vbT0iMTEuMzEzNzA4IiAgICAgaW5rc2NhcGU6Y3g9IjExLjY4MTYzNCIgICAgIGlua3NjYXBlOmN5PSI5LjI4NTcxNDMiICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0idHJ1ZSIgICAgIHVuaXRzPSJweCIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjIzIiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIgICAgIGlua3NjYXBlOm9iamVjdC1ub2Rlcz0idHJ1ZSI+ICAgIDxpbmtzY2FwZTpncmlkICAgICAgIHR5cGU9Inh5Z3JpZCIgICAgICAgaWQ9ImdyaWQxOTcxNSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExOTE3MiI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZSAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIgICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiICAgICBpZD0ibGF5ZXIxIiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAzMi4zNjIyKSI+ICAgIDxwYXRoICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41O21hcmtlcjpub25lO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiICAgICAgIGQ9Im0gNSwxMDM5LjM2MjIgMCw2IDIsMiA2LDAgMiwtMiAwLC02IC0yLC0yIC02LDAgeiBtIDMsMCA0LDAgMSwxIDAsNCAtMSwxIC00LDAgLTEsLTEgMCwtNCB6IiAgICAgICBpZD0icmVjdDc3OTciICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2NjY2NjY2NjY2NjY2NjIiAvPiAgICA8Y2lyY2xlICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS42MDAwMDAwMjttYXJrZXI6bm9uZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIiAgICAgICBpZD0icGF0aDQzNjQiICAgICAgIGN4PSI2IiAgICAgICBjeT0iMTA0Ni4zNjIyIiAgICAgICByPSIyIiAvPiAgICA8Y2lyY2xlICAgICAgIGlkPSJwYXRoNDM2OCIgICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7ZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjYwMDAwMDAyO21hcmtlcjpub25lO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiICAgICAgIGN4PSIxNCIgICAgICAgY3k9IjEwNDYuMzYyMiIgICAgICAgcj0iMiIgLz4gICAgPGNpcmNsZSAgICAgICBpZD0icGF0aDQzNzAiICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS42MDAwMDAwMjttYXJrZXI6bm9uZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIiAgICAgICBjeD0iNiIgICAgICAgY3k9IjEwMzguMzYyMiIgICAgICAgcj0iMiIgLz4gICAgPGNpcmNsZSAgICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuNjAwMDAwMDI7bWFya2VyOm5vbmU7ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgICAgICAgaWQ9InBhdGg0MzcyIiAgICAgICBjeD0iMTQiICAgICAgIGN5PSIxMDM4LjM2MjIiICAgICAgIHI9IjIiIC8+ICA8L2c+PC9zdmc+');
}

.mapboxgl-ctrl-group .mapbox-gl-draw_polygon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3EHassan Very Conceptual Icon%3C/title%3E%3Cg id='path4372'%3E%3Cellipse cx='11.76' cy='13.79' rx='1.93' ry='2.04' transform='translate(-6.3 12.35) rotate(-45)'/%3E%3C/g%3E%3Cg id='path4372-2' data-name='path4372'%3E%3Cellipse cx='7.79' cy='2.21' rx='1.93' ry='2.04' transform='translate(0.72 6.16) rotate(-45)'/%3E%3C/g%3E%3Cg id='path4372-3' data-name='path4372'%3E%3Cellipse cx='14.02' cy='6.79' rx='1.93' ry='2.04' transform='translate(-0.7 11.9) rotate(-45)'/%3E%3C/g%3E%3Cg id='path4372-4' data-name='path4372'%3E%3Cellipse cx='1.98' cy='6.79' rx='1.93' ry='2.04' transform='translate(-4.22 3.39) rotate(-45)'/%3E%3C/g%3E%3Cg id='path4372-5' data-name='path4372'%3E%3Cellipse cx='4.41' cy='13.79' rx='1.93' ry='2.04' transform='translate(-8.46 7.16) rotate(-45)'/%3E%3C/g%3E%3Cpath d='M10.11,14.18H5.9L3.39,12.35l-1.3-4,1-2.95,3.4-2.47H9.56L13,5.4l1,2.95-1.3,4ZM6.45,12.49H9.56l1.62-1.18,1-3-.62-1.91L9,4.62H7L4.49,6.44,3.87,8.35l1,3Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}

.mapboxgl-ctrl-group .draw-rectangle-assisted {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3EHassan Very Conceptual Icon%3C/title%3E%3Cpath d='M4.42,4.31H7.75V2.77H4a2,2,0,0,0-.28-.44s0,0,0-.05-.16-.12-.23-.19a2.23,2.23,0,0,0-1.38-.51A2,2,0,0,0,0,3.54,2,2,0,0,0,1.24,5.32v5.85A2,2,0,0,0,0,13a2,2,0,0,0,2.08,1.95A2.1,2.1,0,0,0,4,13.74H7.75V12.19H4.42L2.93,10.78V5.72Zm5.1,7.88v1.55h.2V12.19ZM8.24,13.74H9V12.19H8.24Zm0-11V4.31H9V2.77Zm1.28,0V4.31h.2V2.77Z'/%3E%3Cpolygon points='12.46 11.11 12.46 9.67 5.67 9.67 5.67 6.83 12.46 6.83 12.46 5.38 16.05 8.28 12.46 11.11'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}