:root {    --marker-0 : #9e0000;     } .marker-0 {    background-color : #9e0000;     } .marker-0:after {    border-color : rgba(158,0,0,.5);     } body[data-step='0'] .drawButton {    background-color : #9e0000;   border-color : #9e0000;     } body[data-step='0'] .drawButton.active {    background-color : #7e0000;     }:root {    --marker-1 : #0047a3;     } .marker-1 {    background-color : #0047a3;     } .marker-1:after {    border-color : rgba(0,71,163,.5);     } body[data-step='1'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='1'] .drawButton.active {    background-color : #003882;     }:root {    --marker-2 : #017e03;     } .marker-2 {    background-color : #017e03;     } .marker-2:after {    border-color : rgba(1,126,3,.5);     } body[data-step='2'] .drawButton {    background-color : #017e03;   border-color : #017e03;     } body[data-step='2'] .drawButton.active {    background-color : #006402;     }:root {    --marker-3 : #0047a3;     } .marker-3 {    background-color : #0047a3;     } .marker-3:after {    border-color : rgba(0,71,163,.5);     } body[data-step='3'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='3'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/hradek-2024.jpg?v=1778942753')   }