:root {    --marker-0 : #188f00;     } .marker-0 {    background-color : #188f00;     } .marker-0:after {    border-color : rgba(24,143,0,.5);     } body[data-step='0'] .drawButton {    background-color : #188f00;   border-color : #188f00;     } body[data-step='0'] .drawButton.active {    background-color : #137200;     }:root {    --marker-1 : #a9cb01;     } .marker-1 {    background-color : #a9cb01;     } .marker-1:after {    border-color : rgba(169,203,1,.5);     } body[data-step='1'] .drawButton {    background-color : #a9cb01;   border-color : #a9cb01;     } body[data-step='1'] .drawButton.active {    background-color : #87a200;     }:root {    --marker-2 : #c82d2d;     } .marker-2 {    background-color : #c82d2d;     } .marker-2:after {    border-color : rgba(200,45,45,.5);     } body[data-step='2'] .drawButton {    background-color : #c82d2d;   border-color : #c82d2d;     } body[data-step='2'] .drawButton.active {    background-color : #a02424;     }:root {    --marker-3 : #9ca7ba;     } .marker-3 {    background-color : #9ca7ba;     } .marker-3:after {    border-color : rgba(156,167,186,.5);     } body[data-step='3'] .drawButton {    background-color : #9ca7ba;   border-color : #9ca7ba;     } body[data-step='3'] .drawButton.active {    background-color : #7c8594;     }:root {    --marker-4 : #9ca7ba;     } .marker-4 {    background-color : #9ca7ba;     } .marker-4:after {    border-color : rgba(156,167,186,.5);     } body[data-step='4'] .drawButton {    background-color : #9ca7ba;   border-color : #9ca7ba;     } body[data-step='4'] .drawButton.active {    background-color : #7c8594;     }header {    background-image : url('/uploads/prostejov-2021-enviro.jpg?v=1777374026')   }