:root {    --marker-0 : #00ff6e;     } .marker-0 {    background-color : #00ff6e;     } .marker-0:after {    border-color : rgba(0,255,110,.5);     } body[data-step='0'] .drawButton {    background-color : #00ff6e;   border-color : #00ff6e;     } body[data-step='0'] .drawButton.active {    background-color : #00cc58;     }:root {    --marker-1 : #52a300;     } .marker-1 {    background-color : #52a300;     } .marker-1:after {    border-color : rgba(82,163,0,.5);     } body[data-step='1'] .drawButton {    background-color : #52a300;   border-color : #52a300;     } body[data-step='1'] .drawButton.active {    background-color : #418200;     }:root {    --marker-2 : #c20000;     } .marker-2 {    background-color : #c20000;     } .marker-2:after {    border-color : rgba(194,0,0,.5);     } body[data-step='2'] .drawButton {    background-color : #c20000;   border-color : #c20000;     } body[data-step='2'] .drawButton.active {    background-color : #9b0000;     }:root {    --marker-3 : #00ff6e;     } .marker-3 {    background-color : #00ff6e;     } .marker-3:after {    border-color : rgba(0,255,110,.5);     } body[data-step='3'] .drawButton {    background-color : #00ff6e;   border-color : #00ff6e;     } body[data-step='3'] .drawButton.active {    background-color : #00cc58;     }header {    background-image : url('/uploads/surao.jpg?v=1777505625')   }