:root {    --marker-0 : #0084bd;     } .marker-0 {    background-color : #0084bd;     } .marker-0:after {    border-color : rgba(0,132,189,.5);     } body[data-step='0'] .drawButton {    background-color : #0084bd;   border-color : #0084bd;     } body[data-step='0'] .drawButton.active {    background-color : #006997;     }:root {    --marker-1 : #a7b300;     } .marker-1 {    background-color : #a7b300;     } .marker-1:after {    border-color : rgba(167,179,0,.5);     } body[data-step='1'] .drawButton {    background-color : #a7b300;   border-color : #a7b300;     } body[data-step='1'] .drawButton.active {    background-color : #858f00;     }:root {    --marker-2 : #bd0000;     } .marker-2 {    background-color : #bd0000;     } .marker-2:after {    border-color : rgba(189,0,0,.5);     } body[data-step='2'] .drawButton {    background-color : #bd0000;   border-color : #bd0000;     } body[data-step='2'] .drawButton.active {    background-color : #970000;     }:root {    --marker-3 : #f08c00;     } .marker-3 {    background-color : #f08c00;     } .marker-3:after {    border-color : rgba(240,140,0,.5);     } body[data-step='3'] .drawButton {    background-color : #f08c00;   border-color : #f08c00;     } body[data-step='3'] .drawButton.active {    background-color : #c07000;     }:root {    --marker-4 : #c53acf;     } .marker-4 {    background-color : #c53acf;     } .marker-4:after {    border-color : rgba(197,58,207,.5);     } body[data-step='4'] .drawButton {    background-color : #c53acf;   border-color : #c53acf;     } body[data-step='4'] .drawButton.active {    background-color : #9d2ea5;     }:root {    --marker-5 : #9d7401;     } .marker-5 {    background-color : #9d7401;     } .marker-5:after {    border-color : rgba(157,116,1,.5);     } body[data-step='5'] .drawButton {    background-color : #9d7401;   border-color : #9d7401;     } body[data-step='5'] .drawButton.active {    background-color : #7d5c00;     }:root {    --marker-6 : #5c9900;     } .marker-6 {    background-color : #5c9900;     } .marker-6:after {    border-color : rgba(92,153,0,.5);     } body[data-step='6'] .drawButton {    background-color : #5c9900;   border-color : #5c9900;     } body[data-step='6'] .drawButton.active {    background-color : #497a00;     }:root {    --marker-7 : #01ad82;     } .marker-7 {    background-color : #01ad82;     } .marker-7:after {    border-color : rgba(1,173,130,.5);     } body[data-step='7'] .drawButton {    background-color : #01ad82;   border-color : #01ad82;     } body[data-step='7'] .drawButton.active {    background-color : #008a68;     }:root {    --marker-8 : #000000;     } .marker-8 {    background-color : #000000;     } .marker-8:after {    border-color : rgba(0,0,0,.5);     } body[data-step='8'] .drawButton {    background-color : #000000;   border-color : #000000;     } body[data-step='8'] .drawButton.active {    background-color : #000000;     }header {    background-image : url('/uploads/hodonin2021.jpg?v=1779815368')   }