:root {    --marker-0 : #408f00;     } .marker-0 {    background-color : #408f00;     } .marker-0:after {    border-color : rgba(64,143,0,.5);     } body[data-step='0'] .drawButton {    background-color : #408f00;   border-color : #408f00;     } body[data-step='0'] .drawButton.active {    background-color : #337200;     }:root {    --marker-1 : #c20000;     } .marker-1 {    background-color : #c20000;     } .marker-1:after {    border-color : rgba(194,0,0,.5);     } body[data-step='1'] .drawButton {    background-color : #c20000;   border-color : #c20000;     } body[data-step='1'] .drawButton.active {    background-color : #9b0000;     }:root {    --marker-2 : #0077b3;     } .marker-2 {    background-color : #0077b3;     } .marker-2:after {    border-color : rgba(0,119,179,.5);     } body[data-step='2'] .drawButton {    background-color : #0077b3;   border-color : #0077b3;     } body[data-step='2'] .drawButton.active {    background-color : #005f8f;     }:root {    --marker-3 : #7d00b8;     } .marker-3 {    background-color : #7d00b8;     } .marker-3:after {    border-color : rgba(125,0,184,.5);     } body[data-step='3'] .drawButton {    background-color : #7d00b8;   border-color : #7d00b8;     } body[data-step='3'] .drawButton.active {    background-color : #640093;     }: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/pribor-2025.jpg?v=1793706454')   }