:root {    --marker-0 : #3465f9;     } .marker-0 {    background-color : #3465f9;     } .marker-0:after {    border-color : rgba(52,101,249,.5);     } body[data-step='0'] .drawButton {    background-color : #3465f9;   border-color : #3465f9;     } body[data-step='0'] .drawButton.active {    background-color : #2950c7;     }:root {    --marker-1 : #ff0000;     } .marker-1 {    background-color : #ff0000;     } .marker-1:after {    border-color : rgba(255,0,0,.5);     } body[data-step='1'] .drawButton {    background-color : #ff0000;   border-color : #ff0000;     } body[data-step='1'] .drawButton.active {    background-color : #cc0000;     }:root {    --marker-2 : #38a130;     } .marker-2 {    background-color : #38a130;     } .marker-2:after {    border-color : rgba(56,161,48,.5);     } body[data-step='2'] .drawButton {    background-color : #38a130;   border-color : #38a130;     } body[data-step='2'] .drawButton.active {    background-color : #2c8026;     }:root {    --marker-3 : #edb500;     } .marker-3 {    background-color : #edb500;     } .marker-3:after {    border-color : rgba(237,181,0,.5);     } body[data-step='3'] .drawButton {    background-color : #edb500;   border-color : #edb500;     } body[data-step='3'] .drawButton.active {    background-color : #bd9000;     }:root {    --marker-4 : #db00c9;     } .marker-4 {    background-color : #db00c9;     } .marker-4:after {    border-color : rgba(219,0,201,.5);     } body[data-step='4'] .drawButton {    background-color : #db00c9;   border-color : #db00c9;     } body[data-step='4'] .drawButton.active {    background-color : #af00a0;     }:root {    --marker-5 : #e433f9;     } .marker-5 {    background-color : #e433f9;     } .marker-5:after {    border-color : rgba(228,51,249,.5);     } body[data-step='5'] .drawButton {    background-color : #e433f9;   border-color : #e433f9;     } body[data-step='5'] .drawButton.active {    background-color : #b628c7;     }header {    background-image : url('/uploads/prachatice-2022.jpg?v=1776590714')   }