:root {    --marker-0 : #119400;     } .marker-0 {    background-color : #119400;     } .marker-0:after {    border-color : rgba(17,148,0,.5);     } body[data-step='0'] .drawButton {    background-color : #119400;   border-color : #119400;     } body[data-step='0'] .drawButton.active {    background-color : #0d7600;     }:root {    --marker-1 : #00c4c7;     } .marker-1 {    background-color : #00c4c7;     } .marker-1:after {    border-color : rgba(0,196,199,.5);     } body[data-step='1'] .drawButton {    background-color : #00c4c7;   border-color : #00c4c7;     } body[data-step='1'] .drawButton.active {    background-color : #009c9f;     }:root {    --marker-2 : #d20005;     } .marker-2 {    background-color : #d20005;     } .marker-2:after {    border-color : rgba(210,0,5,.5);     } body[data-step='2'] .drawButton {    background-color : #d20005;   border-color : #d20005;     } body[data-step='2'] .drawButton.active {    background-color : #a80004;     }:root {    --marker-3 : #cc00bb;     } .marker-3 {    background-color : #cc00bb;     } .marker-3:after {    border-color : rgba(204,0,187,.5);     } body[data-step='3'] .drawButton {    background-color : #cc00bb;   border-color : #cc00bb;     } body[data-step='3'] .drawButton.active {    background-color : #a30095;     }:root {    --marker-4 : #0047a3;     } .marker-4 {    background-color : #0047a3;     } .marker-4:after {    border-color : rgba(0,71,163,.5);     } body[data-step='4'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='4'] .drawButton.active {    background-color : #003882;     }:root {    --marker-5 : #ebb800;     } .marker-5 {    background-color : #ebb800;     } .marker-5:after {    border-color : rgba(235,184,0,.5);     } body[data-step='5'] .drawButton {    background-color : #ebb800;   border-color : #ebb800;     } body[data-step='5'] .drawButton.active {    background-color : #bc9300;     }:root {    --marker-6 : #92572f;     } .marker-6 {    background-color : #92572f;     } .marker-6:after {    border-color : rgba(146,87,47,.5);     } body[data-step='6'] .drawButton {    background-color : #92572f;   border-color : #92572f;     } body[data-step='6'] .drawButton.active {    background-color : #744525;     }:root {    --marker-7 : #0047a3;     } .marker-7 {    background-color : #0047a3;     } .marker-7:after {    border-color : rgba(0,71,163,.5);     } body[data-step='7'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='7'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/frydek-mistek-2022.jpg?v=1778040689')   }