:root {    --marker-0 : #36b201;     } .marker-0 {    background-color : #36b201;     } .marker-0:after {    border-color : rgba(54,178,1,.5);     } body[data-step='0'] .drawButton {    background-color : #36b201;   border-color : #36b201;     } body[data-step='0'] .drawButton.active {    background-color : #2b8e00;     }: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 : #006eff;     } .marker-2 {    background-color : #006eff;     } .marker-2:after {    border-color : rgba(0,110,255,.5);     } body[data-step='2'] .drawButton {    background-color : #006eff;   border-color : #006eff;     } body[data-step='2'] .drawButton.active {    background-color : #0058cc;     }:root {    --marker-3 : #e433f9;     } .marker-3 {    background-color : #e433f9;     } .marker-3:after {    border-color : rgba(228,51,249,.5);     } body[data-step='3'] .drawButton {    background-color : #e433f9;   border-color : #e433f9;     } body[data-step='3'] .drawButton.active {    background-color : #b628c7;     }header {    background-image : url('/uploads/vrtpraha.jpg?v=1764614538')   }