:root {    --marker-0 : #61accc;     } .marker-0 {    background-color : #61accc;     } .marker-0:after {    border-color : rgba(97,172,204,.5);     } body[data-step='0'] .drawButton {    background-color : #61accc;   border-color : #61accc;     } body[data-step='0'] .drawButton.active {    background-color : #4d89a3;     }:root {    --marker-1 : #009439;     } .marker-1 {    background-color : #009439;     } .marker-1:after {    border-color : rgba(0,148,57,.5);     } body[data-step='1'] .drawButton {    background-color : #009439;   border-color : #009439;     } body[data-step='1'] .drawButton.active {    background-color : #00762d;     }:root {    --marker-2 : #0047a3;     } .marker-2 {    background-color : #0047a3;     } .marker-2:after {    border-color : rgba(0,71,163,.5);     } body[data-step='2'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='2'] .drawButton.active {    background-color : #003882;     }:root {    --marker-3 : #b701f9;     } .marker-3 {    background-color : #b701f9;     } .marker-3:after {    border-color : rgba(183,1,249,.5);     } body[data-step='3'] .drawButton {    background-color : #b701f9;   border-color : #b701f9;     } body[data-step='3'] .drawButton.active {    background-color : #9200c7;     }:root {    --marker-4 : #ffa200;     } .marker-4 {    background-color : #ffa200;     } .marker-4:after {    border-color : rgba(255,162,0,.5);     } body[data-step='4'] .drawButton {    background-color : #ffa200;   border-color : #ffa200;     } body[data-step='4'] .drawButton.active {    background-color : #cc8100;     }:root {    --marker-5 : #d10000;     } .marker-5 {    background-color : #d10000;     } .marker-5:after {    border-color : rgba(209,0,0,.5);     } body[data-step='5'] .drawButton {    background-color : #d10000;   border-color : #d10000;     } body[data-step='5'] .drawButton.active {    background-color : #a70000;     }:root {    --marker-6 : #37b98d;     } .marker-6 {    background-color : #37b98d;     } .marker-6:after {    border-color : rgba(55,185,141,.5);     } body[data-step='6'] .drawButton {    background-color : #37b98d;   border-color : #37b98d;     } body[data-step='6'] .drawButton.active {    background-color : #2c9470;     }:root {    --marker-7 : #1bc02f;     } .marker-7 {    background-color : #1bc02f;     } .marker-7:after {    border-color : rgba(27,192,47,.5);     } body[data-step='7'] .drawButton {    background-color : #1bc02f;   border-color : #1bc02f;     } body[data-step='7'] .drawButton.active {    background-color : #159925;     }:root {    --marker-8 : #e69100;     } .marker-8 {    background-color : #e69100;     } .marker-8:after {    border-color : rgba(230,145,0,.5);     } body[data-step='8'] .drawButton {    background-color : #e69100;   border-color : #e69100;     } body[data-step='8'] .drawButton.active {    background-color : #b87400;     }:root {    --marker-9 : #006eff;     } .marker-9 {    background-color : #006eff;     } .marker-9:after {    border-color : rgba(0,110,255,.5);     } body[data-step='9'] .drawButton {    background-color : #006eff;   border-color : #006eff;     } body[data-step='9'] .drawButton.active {    background-color : #0058cc;     }:root {    --marker-10 : #0047a3;     } .marker-10 {    background-color : #0047a3;     } .marker-10:after {    border-color : rgba(0,71,163,.5);     } body[data-step='10'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='10'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/opava-2021.jpg?v=1766057829')   }