:root {    --marker-0 : #20cb72;     } .marker-0 {    background-color : #20cb72;     } .marker-0:after {    border-color : rgba(32,203,114,.5);     } body[data-step='0'] .drawButton {    background-color : #20cb72;   border-color : #20cb72;     } body[data-step='0'] .drawButton.active {    background-color : #19a25b;     }:root {    --marker-1 : #ff7b0f;     } .marker-1 {    background-color : #ff7b0f;     } .marker-1:after {    border-color : rgba(255,123,15,.5);     } body[data-step='1'] .drawButton {    background-color : #ff7b0f;   border-color : #ff7b0f;     } body[data-step='1'] .drawButton.active {    background-color : #cc620c;     }:root {    --marker-2 : #a600ff;     } .marker-2 {    background-color : #a600ff;     } .marker-2:after {    border-color : rgba(166,0,255,.5);     } body[data-step='2'] .drawButton {    background-color : #a600ff;   border-color : #a600ff;     } body[data-step='2'] .drawButton.active {    background-color : #8400cc;     }:root {    --marker-3 : #854d00;     } .marker-3 {    background-color : #854d00;     } .marker-3:after {    border-color : rgba(133,77,0,.5);     } body[data-step='3'] .drawButton {    background-color : #854d00;   border-color : #854d00;     } body[data-step='3'] .drawButton.active {    background-color : #6a3d00;     }:root {    --marker-4 : #e00000;     } .marker-4 {    background-color : #e00000;     } .marker-4:after {    border-color : rgba(224,0,0,.5);     } body[data-step='4'] .drawButton {    background-color : #e00000;   border-color : #e00000;     } body[data-step='4'] .drawButton.active {    background-color : #b30000;     }:root {    --marker-5 : #c945be;     } .marker-5 {    background-color : #c945be;     } .marker-5:after {    border-color : rgba(201,69,190,.5);     } body[data-step='5'] .drawButton {    background-color : #c945be;   border-color : #c945be;     } body[data-step='5'] .drawButton.active {    background-color : #a03798;     }:root {    --marker-6 : #008009;     } .marker-6 {    background-color : #008009;     } .marker-6:after {    border-color : rgba(0,128,9,.5);     } body[data-step='6'] .drawButton {    background-color : #008009;   border-color : #008009;     } body[data-step='6'] .drawButton.active {    background-color : #006607;     }:root {    --marker-7 : #0033ff;     } .marker-7 {    background-color : #0033ff;     } .marker-7:after {    border-color : rgba(0,51,255,.5);     } body[data-step='7'] .drawButton {    background-color : #0033ff;   border-color : #0033ff;     } body[data-step='7'] .drawButton.active {    background-color : #0028cc;     }:root {    --marker-8 : #ff8800;     } .marker-8 {    background-color : #ff8800;     } .marker-8:after {    border-color : rgba(255,136,0,.5);     } body[data-step='8'] .drawButton {    background-color : #ff8800;   border-color : #ff8800;     } body[data-step='8'] .drawButton.active {    background-color : #cc6c00;     }header {    background-image : url('/uploads/krnov-jede-2022.jpg?v=1793623689')   }