:root {    --marker-0 : #e00000;     } .marker-0 {    background-color : #e00000;     } .marker-0:after {    border-color : rgba(224,0,0,.5);     } body[data-step='0'] .drawButton {    background-color : #e00000;   border-color : #e00000;     } body[data-step='0'] .drawButton.active {    background-color : #b30000;     }:root {    --marker-1 : #bb00e0;     } .marker-1 {    background-color : #bb00e0;     } .marker-1:after {    border-color : rgba(187,0,224,.5);     } body[data-step='1'] .drawButton {    background-color : #bb00e0;   border-color : #bb00e0;     } body[data-step='1'] .drawButton.active {    background-color : #9500b3;     }:root {    --marker-2 : #f0bc00;     } .marker-2 {    background-color : #f0bc00;     } .marker-2:after {    border-color : rgba(240,188,0,.5);     } body[data-step='2'] .drawButton {    background-color : #f0bc00;   border-color : #f0bc00;     } body[data-step='2'] .drawButton.active {    background-color : #c09600;     }:root {    --marker-3 : #00b0f0;     } .marker-3 {    background-color : #00b0f0;     } .marker-3:after {    border-color : rgba(0,176,240,.5);     } body[data-step='3'] .drawButton {    background-color : #00b0f0;   border-color : #00b0f0;     } body[data-step='3'] .drawButton.active {    background-color : #008cc0;     }:root {    --marker-4 : #298a00;     } .marker-4 {    background-color : #298a00;     } .marker-4:after {    border-color : rgba(41,138,0,.5);     } body[data-step='4'] .drawButton {    background-color : #298a00;   border-color : #298a00;     } body[data-step='4'] .drawButton.active {    background-color : #206e00;     }:root {    --marker-5 : #1d78a9;     } .marker-5 {    background-color : #1d78a9;     } .marker-5:after {    border-color : rgba(29,120,169,.5);     } body[data-step='5'] .drawButton {    background-color : #1d78a9;   border-color : #1d78a9;     } body[data-step='5'] .drawButton.active {    background-color : #176087;     }header {    background-image : url('/uploads/krnov-2024.jpg?v=1755923300')   }