:root {    --marker-0 : #0042bd;     } .marker-0 {    background-color : #0042bd;     } .marker-0:after {    border-color : rgba(0,66,189,.5);     } body[data-step='0'] .drawButton {    background-color : #0042bd;   border-color : #0042bd;     } body[data-step='0'] .drawButton.active {    background-color : #003497;     }:root {    --marker-1 : #ff6600;     } .marker-1 {    background-color : #ff6600;     } .marker-1:after {    border-color : rgba(255,102,0,.5);     } body[data-step='1'] .drawButton {    background-color : #ff6600;   border-color : #ff6600;     } body[data-step='1'] .drawButton.active {    background-color : #cc5100;     }:root {    --marker-2 : #d40808;     } .marker-2 {    background-color : #d40808;     } .marker-2:after {    border-color : rgba(212,8,8,.5);     } body[data-step='2'] .drawButton {    background-color : #d40808;   border-color : #d40808;     } body[data-step='2'] .drawButton.active {    background-color : #a90606;     }:root {    --marker-3 : #308a00;     } .marker-3 {    background-color : #308a00;     } .marker-3:after {    border-color : rgba(48,138,0,.5);     } body[data-step='3'] .drawButton {    background-color : #308a00;   border-color : #308a00;     } body[data-step='3'] .drawButton.active {    background-color : #266e00;     }:root {    --marker-4 : #9f00f5;     } .marker-4 {    background-color : #9f00f5;     } .marker-4:after {    border-color : rgba(159,0,245,.5);     } body[data-step='4'] .drawButton {    background-color : #9f00f5;   border-color : #9f00f5;     } body[data-step='4'] .drawButton.active {    background-color : #7f00c4;     }:root {    --marker-5 : #0047a3;     } .marker-5 {    background-color : #0047a3;     } .marker-5:after {    border-color : rgba(0,71,163,.5);     } body[data-step='5'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='5'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/cervena-voda-2021.jpg?v=1756022271')   }