:root {    --marker-0 : #6da800;     } .marker-0 {    background-color : #6da800;     } .marker-0:after {    border-color : rgba(109,168,0,.5);     } body[data-step='0'] .drawButton {    background-color : #6da800;   border-color : #6da800;     } body[data-step='0'] .drawButton.active {    background-color : #578600;     }:root {    --marker-1 : #c20084;     } .marker-1 {    background-color : #c20084;     } .marker-1:after {    border-color : rgba(194,0,132,.5);     } body[data-step='1'] .drawButton {    background-color : #c20084;   border-color : #c20084;     } body[data-step='1'] .drawButton.active {    background-color : #9b0069;     }:root {    --marker-2 : #00c2a2;     } .marker-2 {    background-color : #00c2a2;     } .marker-2:after {    border-color : rgba(0,194,162,.5);     } body[data-step='2'] .drawButton {    background-color : #00c2a2;   border-color : #00c2a2;     } body[data-step='2'] .drawButton.active {    background-color : #009b81;     }:root {    --marker-3 : #003df5;     } .marker-3 {    background-color : #003df5;     } .marker-3:after {    border-color : rgba(0,61,245,.5);     } body[data-step='3'] .drawButton {    background-color : #003df5;   border-color : #003df5;     } body[data-step='3'] .drawButton.active {    background-color : #0030c4;     }:root {    --marker-4 : #bd0000;     } .marker-4 {    background-color : #bd0000;     } .marker-4:after {    border-color : rgba(189,0,0,.5);     } body[data-step='4'] .drawButton {    background-color : #bd0000;   border-color : #bd0000;     } body[data-step='4'] .drawButton.active {    background-color : #970000;     }:root {    --marker-5 : #e0a500;     } .marker-5 {    background-color : #e0a500;     } .marker-5:after {    border-color : rgba(224,165,0,.5);     } body[data-step='5'] .drawButton {    background-color : #e0a500;   border-color : #e0a500;     } body[data-step='5'] .drawButton.active {    background-color : #b38400;     }:root {    --marker-6 : #ff00f7;     } .marker-6 {    background-color : #ff00f7;     } .marker-6:after {    border-color : rgba(255,0,247,.5);     } body[data-step='6'] .drawButton {    background-color : #ff00f7;   border-color : #ff00f7;     } body[data-step='6'] .drawButton.active {    background-color : #cc00c5;     }:root {    --marker-7 : #0047a3;     } .marker-7 {    background-color : #0047a3;     } .marker-7:after {    border-color : rgba(0,71,163,.5);     } body[data-step='7'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='7'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/broumovsko-a-valbrissko-cz.jpg?v=1783686572')   }