:root {    --marker-0 : #c70000;     } .marker-0 {    background-color : #c70000;     } .marker-0:after {    border-color : rgba(199,0,0,.5);     } body[data-step='0'] .drawButton {    background-color : #c70000;   border-color : #c70000;     } body[data-step='0'] .drawButton.active {    background-color : #9f0000;     }:root {    --marker-1 : #1fb800;     } .marker-1 {    background-color : #1fb800;     } .marker-1:after {    border-color : rgba(31,184,0,.5);     } body[data-step='1'] .drawButton {    background-color : #1fb800;   border-color : #1fb800;     } body[data-step='1'] .drawButton.active {    background-color : #189300;     }:root {    --marker-2 : #017ecb;     } .marker-2 {    background-color : #017ecb;     } .marker-2:after {    border-color : rgba(1,126,203,.5);     } body[data-step='2'] .drawButton {    background-color : #017ecb;   border-color : #017ecb;     } body[data-step='2'] .drawButton.active {    background-color : #0064a2;     }:root {    --marker-3 : #bb00ff;     } .marker-3 {    background-color : #bb00ff;     } .marker-3:after {    border-color : rgba(187,0,255,.5);     } body[data-step='3'] .drawButton {    background-color : #bb00ff;   border-color : #bb00ff;     } body[data-step='3'] .drawButton.active {    background-color : #9500cc;     }:root {    --marker-4 : #ff8800;     } .marker-4 {    background-color : #ff8800;     } .marker-4:after {    border-color : rgba(255,136,0,.5);     } body[data-step='4'] .drawButton {    background-color : #ff8800;   border-color : #ff8800;     } body[data-step='4'] .drawButton.active {    background-color : #cc6c00;     }header {    background-image : url('/uploads/mobilita-krnov-2021.jpg?v=1778086366')   }