:root {    --marker-0 : #1f0303;     } .marker-0 {    background-color : #1f0303;     } .marker-0:after {    border-color : rgba(31,3,3,.5);     } body[data-step='0'] .drawButton {    background-color : #1f0303;   border-color : #1f0303;     } body[data-step='0'] .drawButton.active {    background-color : #180202;     }:root {    --marker-1 : #ff0000;     } .marker-1 {    background-color : #ff0000;     } .marker-1:after {    border-color : rgba(255,0,0,.5);     } body[data-step='1'] .drawButton {    background-color : #ff0000;   border-color : #ff0000;     } body[data-step='1'] .drawButton.active {    background-color : #cc0000;     }:root {    --marker-2 : #5087c5;     } .marker-2 {    background-color : #5087c5;     } .marker-2:after {    border-color : rgba(80,135,197,.5);     } body[data-step='2'] .drawButton {    background-color : #5087c5;   border-color : #5087c5;     } body[data-step='2'] .drawButton.active {    background-color : #406c9d;     }:root {    --marker-3 : #48a837;     } .marker-3 {    background-color : #48a837;     } .marker-3:after {    border-color : rgba(72,168,55,.5);     } body[data-step='3'] .drawButton {    background-color : #48a837;   border-color : #48a837;     } body[data-step='3'] .drawButton.active {    background-color : #39862c;     }:root {    --marker-4 : #f0bf15;     } .marker-4 {    background-color : #f0bf15;     } .marker-4:after {    border-color : rgba(240,191,21,.5);     } body[data-step='4'] .drawButton {    background-color : #f0bf15;   border-color : #f0bf15;     } body[data-step='4'] .drawButton.active {    background-color : #c09810;     }:root {    --marker-5 : #7c4748;     } .marker-5 {    background-color : #7c4748;     } .marker-5:after {    border-color : rgba(124,71,72,.5);     } body[data-step='5'] .drawButton {    background-color : #7c4748;   border-color : #7c4748;     } body[data-step='5'] .drawButton.active {    background-color : #633839;     }header {    background-image : url('/uploads/praha-10-2019.jpg?v=1775940635')   }