:root {    --marker-0 : #0047a3;     } .marker-0 {    background-color : #0047a3;     } .marker-0:after {    border-color : rgba(0,71,163,.5);     } body[data-step='0'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='0'] .drawButton.active {    background-color : #003882;     }:root {    --marker-1 : #0047a3;     } .marker-1 {    background-color : #0047a3;     } .marker-1:after {    border-color : rgba(0,71,163,.5);     } body[data-step='1'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='1'] .drawButton.active {    background-color : #003882;     }:root {    --marker-2 : #2e9d06;     } .marker-2 {    background-color : #2e9d06;     } .marker-2:after {    border-color : rgba(46,157,6,.5);     } body[data-step='2'] .drawButton {    background-color : #2e9d06;   border-color : #2e9d06;     } body[data-step='2'] .drawButton.active {    background-color : #247d04;     }:root {    --marker-3 : #c200db;     } .marker-3 {    background-color : #c200db;     } .marker-3:after {    border-color : rgba(194,0,219,.5);     } body[data-step='3'] .drawButton {    background-color : #c200db;   border-color : #c200db;     } body[data-step='3'] .drawButton.active {    background-color : #9b00af;     }:root {    --marker-4 : #e04f00;     } .marker-4 {    background-color : #e04f00;     } .marker-4:after {    border-color : rgba(224,79,0,.5);     } body[data-step='4'] .drawButton {    background-color : #e04f00;   border-color : #e04f00;     } body[data-step='4'] .drawButton.active {    background-color : #b33f00;     }:root {    --marker-5 : #805100;     } .marker-5 {    background-color : #805100;     } .marker-5:after {    border-color : rgba(128,81,0,.5);     } body[data-step='5'] .drawButton {    background-color : #805100;   border-color : #805100;     } body[data-step='5'] .drawButton.active {    background-color : #664000;     }:root {    --marker-6 : #ffc800;     } .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;     }:root {    --marker-7 : #009e84;     } .marker-7 {    background-color : #009e84;     } .marker-7:after {    border-color : rgba(0,158,132,.5);     } body[data-step='7'] .drawButton {    background-color : #009e84;   border-color : #009e84;     } body[data-step='7'] .drawButton.active {    background-color : #007e69;     }:root {    --marker-8 : #db0000;     } .marker-8 {    background-color : #db0000;     } .marker-8:after {    border-color : rgba(219,0,0,.5);     } body[data-step='8'] .drawButton {    background-color : #db0000;   border-color : #db0000;     } body[data-step='8'] .drawButton.active {    background-color : #af0000;     }:root {    --marker-9 : #0047a3;     } .marker-9 {    background-color : #0047a3;     } .marker-9:after {    border-color : rgba(0,71,163,.5);     } body[data-step='9'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='9'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/zilina-barierovost-2022.jpg?v=1764450467')   }