:root {    --marker-0 : #4dae3c;     } .marker-0 {    background-color : #4dae3c;     } .marker-0:after {    border-color : rgba(77,174,60,.5);     } body[data-step='0'] .drawButton {    background-color : #4dae3c;   border-color : #4dae3c;     } body[data-step='0'] .drawButton.active {    background-color : #3d8b30;     }:root {    --marker-1 : #a06a18;     } .marker-1 {    background-color : #a06a18;     } .marker-1:after {    border-color : rgba(160,106,24,.5);     } body[data-step='1'] .drawButton {    background-color : #a06a18;   border-color : #a06a18;     } body[data-step='1'] .drawButton.active {    background-color : #805413;     }:root {    --marker-2 : #ff0006;     } .marker-2 {    background-color : #ff0006;     } .marker-2:after {    border-color : rgba(255,0,6,.5);     } body[data-step='2'] .drawButton {    background-color : #ff0006;   border-color : #ff0006;     } body[data-step='2'] .drawButton.active {    background-color : #cc0004;     }:root {    --marker-3 : #ede03f;     } .marker-3 {    background-color : #ede03f;     } .marker-3:after {    border-color : rgba(237,224,63,.5);     } body[data-step='3'] .drawButton {    background-color : #ede03f;   border-color : #ede03f;     } body[data-step='3'] .drawButton.active {    background-color : #bdb332;     }:root {    --marker-4 : #444d47;     } .marker-4 {    background-color : #444d47;     } .marker-4:after {    border-color : rgba(68,77,71,.5);     } body[data-step='4'] .drawButton {    background-color : #444d47;   border-color : #444d47;     } body[data-step='4'] .drawButton.active {    background-color : #363d38;     }: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/klatovy-2021.jpg?v=1755923373')   }