.marker-0 {    background-color : #b4cc00;     } .marker-0:after {    border-color : rgba(180,204,0,.5);     } body[data-step='0'] .drawButton {    background-color : #b4cc00;   border-color : #b4cc00;     } body[data-step='0'] .drawButton.active {    background-color : #90a300;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-1 {    background-color : #8726fd;     } .marker-1:after {    border-color : rgba(135,38,253,.5);     } body[data-step='1'] .drawButton {    background-color : #8726fd;   border-color : #8726fd;     } body[data-step='1'] .drawButton.active {    background-color : #6c1eca;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-2 {    background-color : #965408;     } .marker-2:after {    border-color : rgba(150,84,8,.5);     } body[data-step='2'] .drawButton {    background-color : #965408;   border-color : #965408;     } body[data-step='2'] .drawButton.active {    background-color : #784306;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-3 {    background-color : #e60000;     } .marker-3:after {    border-color : rgba(230,0,0,.5);     } body[data-step='3'] .drawButton {    background-color : #e60000;   border-color : #e60000;     } body[data-step='3'] .drawButton.active {    background-color : #b80000;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-4 {    background-color : #db00d4;     } .marker-4:after {    border-color : rgba(219,0,212,.5);     } body[data-step='4'] .drawButton {    background-color : #db00d4;   border-color : #db00d4;     } body[data-step='4'] .drawButton.active {    background-color : #af00a9;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-5 {    background-color : #007ae6;     } .marker-5:after {    border-color : rgba(0,122,230,.5);     } body[data-step='5'] .drawButton {    background-color : #007ae6;   border-color : #007ae6;     } body[data-step='5'] .drawButton.active {    background-color : #0061b8;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-6 {    background-color : #ffc800;     } .marker-6:after {    border-color : rgba(255,200,0,.5);     } body[data-step='6'] .drawButton {    background-color : #ffc800;   border-color : #ffc800;     } body[data-step='6'] .drawButton.active {    background-color : #cca000;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-7 {    background-color : #6e7000;     } .marker-7:after {    border-color : rgba(110,112,0,.5);     } body[data-step='7'] .drawButton {    background-color : #6e7000;   border-color : #6e7000;     } body[data-step='7'] .drawButton.active {    background-color : #585900;     }header {    background-image : url('/uploads/praha-8.jpg');   } .marker-8 {    background-color : #478e01;     } .marker-8:after {    border-color : rgba(71,142,1,.5);     } body[data-step='8'] .drawButton {    background-color : #478e01;   border-color : #478e01;     } body[data-step='8'] .drawButton.active {    background-color : #387100;     }header {    background-image : url('/uploads/praha-8.jpg');   }