:root {    --marker-0 : #538a00;     } .marker-0 {    background-color : #538a00;     } .marker-0:after {    border-color : rgba(83,138,0,.5);     } body[data-step='0'] .drawButton {    background-color : #538a00;   border-color : #538a00;     } body[data-step='0'] .drawButton.active {    background-color : #426e00;     }:root {    --marker-1 : #db0000;     } .marker-1 {    background-color : #db0000;     } .marker-1:after {    border-color : rgba(219,0,0,.5);     } body[data-step='1'] .drawButton {    background-color : #db0000;   border-color : #db0000;     } body[data-step='1'] .drawButton.active {    background-color : #af0000;     }:root {    --marker-2 : #00abb8;     } .marker-2 {    background-color : #00abb8;     } .marker-2:after {    border-color : rgba(0,171,184,.5);     } body[data-step='2'] .drawButton {    background-color : #00abb8;   border-color : #00abb8;     } body[data-step='2'] .drawButton.active {    background-color : #008893;     }:root {    --marker-3 : #996100;     } .marker-3 {    background-color : #996100;     } .marker-3:after {    border-color : rgba(153,97,0,.5);     } body[data-step='3'] .drawButton {    background-color : #996100;   border-color : #996100;     } body[data-step='3'] .drawButton.active {    background-color : #7a4d00;     }:root {    --marker-4 : #ae00ff;     } .marker-4 {    background-color : #ae00ff;     } .marker-4:after {    border-color : rgba(174,0,255,.5);     } body[data-step='4'] .drawButton {    background-color : #ae00ff;   border-color : #ae00ff;     } body[data-step='4'] .drawButton.active {    background-color : #8b00cc;     }:root {    --marker-5 : #d1603d;     } .marker-5 {    background-color : #d1603d;     } .marker-5:after {    border-color : rgba(209,96,61,.5);     } body[data-step='5'] .drawButton {    background-color : #d1603d;   border-color : #d1603d;     } body[data-step='5'] .drawButton.active {    background-color : #a74c30;     }header {    background-image : url('/uploads/breclav-cyklisticka-2024.jpg?v=1756677686')   }