:root {    --marker-0 : #0047a3;     } .marker-0 {    background-color : #0047a3;     } .marker-0:after {    border-color : rgba(0,71,163,.5);     } body[data-step='0'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='0'] .drawButton.active {    background-color : #003882;     }:root {    --marker-1 : #126b00;     } .marker-1 {    background-color : #126b00;     } .marker-1:after {    border-color : rgba(18,107,0,.5);     } body[data-step='1'] .drawButton {    background-color : #126b00;   border-color : #126b00;     } body[data-step='1'] .drawButton.active {    background-color : #0e5500;     }:root {    --marker-2 : #a30000;     } .marker-2 {    background-color : #a30000;     } .marker-2:after {    border-color : rgba(163,0,0,.5);     } body[data-step='2'] .drawButton {    background-color : #a30000;   border-color : #a30000;     } body[data-step='2'] .drawButton.active {    background-color : #820000;     }:root {    --marker-3 : #003dcc;     } .marker-3 {    background-color : #003dcc;     } .marker-3:after {    border-color : rgba(0,61,204,.5);     } body[data-step='3'] .drawButton {    background-color : #003dcc;   border-color : #003dcc;     } body[data-step='3'] .drawButton.active {    background-color : #0030a3;     }:root {    --marker-4 : #b62eff;     } .marker-4 {    background-color : #b62eff;     } .marker-4:after {    border-color : rgba(182,46,255,.5);     } body[data-step='4'] .drawButton {    background-color : #b62eff;   border-color : #b62eff;     } body[data-step='4'] .drawButton.active {    background-color : #9124cc;     }:root {    --marker-5 : #0047a3;     } .marker-5 {    background-color : #0047a3;     } .marker-5:after {    border-color : rgba(0,71,163,.5);     } body[data-step='5'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='5'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/cyklo-vysocina-2025.jpg?v=1779712297')   }