:root {    --marker-0 : #00995e;     } .marker-0 {    background-color : #00995e;     } .marker-0:after {    border-color : rgba(0,153,94,.5);     } body[data-step='0'] .drawButton {    background-color : #00995e;   border-color : #00995e;     } body[data-step='0'] .drawButton.active {    background-color : #007a4b;     }:root {    --marker-1 : #a80089;     } .marker-1 {    background-color : #a80089;     } .marker-1:after {    border-color : rgba(168,0,137,.5);     } body[data-step='1'] .drawButton {    background-color : #a80089;   border-color : #a80089;     } body[data-step='1'] .drawButton.active {    background-color : #86006d;     }:root {    --marker-2 : #68ad00;     } .marker-2 {    background-color : #68ad00;     } .marker-2:after {    border-color : rgba(104,173,0,.5);     } body[data-step='2'] .drawButton {    background-color : #68ad00;   border-color : #68ad00;     } body[data-step='2'] .drawButton.active {    background-color : #538a00;     }:root {    --marker-3 : #0058cc;     } .marker-3 {    background-color : #0058cc;     } .marker-3:after {    border-color : rgba(0,88,204,.5);     } body[data-step='3'] .drawButton {    background-color : #0058cc;   border-color : #0058cc;     } body[data-step='3'] .drawButton.active {    background-color : #0046a3;     }:root {    --marker-4 : #920707;     } .marker-4 {    background-color : #920707;     } .marker-4:after {    border-color : rgba(146,7,7,.5);     } body[data-step='4'] .drawButton {    background-color : #920707;   border-color : #920707;     } body[data-step='4'] .drawButton.active {    background-color : #740505;     }:root {    --marker-5 : #658a00;     } .marker-5 {    background-color : #658a00;     } .marker-5:after {    border-color : rgba(101,138,0,.5);     } body[data-step='5'] .drawButton {    background-color : #658a00;   border-color : #658a00;     } body[data-step='5'] .drawButton.active {    background-color : #506e00;     }:root {    --marker-6 : #cc9600;     } .marker-6 {    background-color : #cc9600;     } .marker-6:after {    border-color : rgba(204,150,0,.5);     } body[data-step='6'] .drawButton {    background-color : #cc9600;   border-color : #cc9600;     } body[data-step='6'] .drawButton.active {    background-color : #a37800;     }:root {    --marker-7 : #eb0000;     } .marker-7 {    background-color : #eb0000;     } .marker-7:after {    border-color : rgba(235,0,0,.5);     } body[data-step='7'] .drawButton {    background-color : #eb0000;   border-color : #eb0000;     } body[data-step='7'] .drawButton.active {    background-color : #bc0000;     }:root {    --marker-8 : #86909c;     } .marker-8 {    background-color : #86909c;     } .marker-8:after {    border-color : rgba(134,144,156,.5);     } body[data-step='8'] .drawButton {    background-color : #86909c;   border-color : #86909c;     } body[data-step='8'] .drawButton.active {    background-color : #6b737c;     }:root {    --marker-9 : #0047a3;     } .marker-9 {    background-color : #0047a3;     } .marker-9:after {    border-color : rgba(0,71,163,.5);     } body[data-step='9'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='9'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/cesky-raj-2021.jpg?v=1794593924')   }