:root {    --marker-0 : #5da800;     } .marker-0 {    background-color : #5da800;     } .marker-0:after {    border-color : rgba(93,168,0,.5);     } body[data-step='0'] .drawButton {    background-color : #5da800;   border-color : #5da800;     } body[data-step='0'] .drawButton.active {    background-color : #4a8600;     }:root {    --marker-1 : #a701a2;     } .marker-1 {    background-color : #a701a2;     } .marker-1:after {    border-color : rgba(167,1,162,.5);     } body[data-step='1'] .drawButton {    background-color : #a701a2;   border-color : #a701a2;     } body[data-step='1'] .drawButton.active {    background-color : #850081;     }:root {    --marker-2 : #005aeb;     } .marker-2 {    background-color : #005aeb;     } .marker-2:after {    border-color : rgba(0,90,235,.5);     } body[data-step='2'] .drawButton {    background-color : #005aeb;   border-color : #005aeb;     } body[data-step='2'] .drawButton.active {    background-color : #0048bc;     }:root {    --marker-3 : #d10000;     } .marker-3 {    background-color : #d10000;     } .marker-3:after {    border-color : rgba(209,0,0,.5);     } body[data-step='3'] .drawButton {    background-color : #d10000;   border-color : #d10000;     } body[data-step='3'] .drawButton.active {    background-color : #a70000;     }:root {    --marker-4 : #e99401;     } .marker-4 {    background-color : #e99401;     } .marker-4:after {    border-color : rgba(233,148,1,.5);     } body[data-step='4'] .drawButton {    background-color : #e99401;   border-color : #e99401;     } body[data-step='4'] .drawButton.active {    background-color : #ba7600;     }: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/cesky-tesin-hlavni.jpg?v=1777994404')   }