:root {    --marker-0 : #00add0;     } .marker-0 {    background-color : #00add0;     } .marker-0:after {    border-color : rgba(0,173,208,.5);     } body[data-step='0'] .drawButton {    background-color : #00add0;   border-color : #00add0;     } body[data-step='0'] .drawButton.active {    background-color : #008aa6;     }:root {    --marker-1 : #ff7900;     } .marker-1 {    background-color : #ff7900;     } .marker-1:after {    border-color : rgba(255,121,0,.5);     } body[data-step='1'] .drawButton {    background-color : #ff7900;   border-color : #ff7900;     } body[data-step='1'] .drawButton.active {    background-color : #cc6000;     }:root {    --marker-2 : #275937;     } .marker-2 {    background-color : #275937;     } .marker-2:after {    border-color : rgba(39,89,55,.5);     } body[data-step='2'] .drawButton {    background-color : #275937;   border-color : #275937;     } body[data-step='2'] .drawButton.active {    background-color : #1f472c;     }:root {    --marker-3 : #ff0e49;     } .marker-3 {    background-color : #ff0e49;     } .marker-3:after {    border-color : rgba(255,14,73,.5);     } body[data-step='3'] .drawButton {    background-color : #ff0e49;   border-color : #ff0e49;     } body[data-step='3'] .drawButton.active {    background-color : #cc0b3a;     }:root {    --marker-4 : #0047a3;     } .marker-4 {    background-color : #0047a3;     } .marker-4:after {    border-color : rgba(0,71,163,.5);     } body[data-step='4'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='4'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/fajnova.jpg?v=1777941151')   }