:root {    --marker-0 : #519400;     } .marker-0 {    background-color : #519400;     } .marker-0:after {    border-color : rgba(81,148,0,.5);     } body[data-step='0'] .drawButton {    background-color : #519400;   border-color : #519400;     } body[data-step='0'] .drawButton.active {    background-color : #407600;     }:root {    --marker-1 : #a5651d;     } .marker-1 {    background-color : #a5651d;     } .marker-1:after {    border-color : rgba(165,101,29,.5);     } body[data-step='1'] .drawButton {    background-color : #a5651d;   border-color : #a5651d;     } body[data-step='1'] .drawButton.active {    background-color : #845017;     }:root {    --marker-2 : #f41a1a;     } .marker-2 {    background-color : #f41a1a;     } .marker-2:after {    border-color : rgba(244,26,26,.5);     } body[data-step='2'] .drawButton {    background-color : #f41a1a;   border-color : #f41a1a;     } body[data-step='2'] .drawButton.active {    background-color : #c31414;     }:root {    --marker-3 : #1474a3;     } .marker-3 {    background-color : #1474a3;     } .marker-3:after {    border-color : rgba(20,116,163,.5);     } body[data-step='3'] .drawButton {    background-color : #1474a3;   border-color : #1474a3;     } body[data-step='3'] .drawButton.active {    background-color : #105c82;     }:root {    --marker-4 : #9c2af8;     } .marker-4 {    background-color : #9c2af8;     } .marker-4:after {    border-color : rgba(156,42,248,.5);     } body[data-step='4'] .drawButton {    background-color : #9c2af8;   border-color : #9c2af8;     } body[data-step='4'] .drawButton.active {    background-color : #7c21c6;     }:root {    --marker-5 : #eeb463;     } .marker-5 {    background-color : #eeb463;     } .marker-5:after {    border-color : rgba(238,180,99,.5);     } body[data-step='5'] .drawButton {    background-color : #eeb463;   border-color : #eeb463;     } body[data-step='5'] .drawButton.active {    background-color : #be904f;     }:root {    --marker-6 : #666666;     } .marker-6 {    background-color : #666666;     } .marker-6:after {    border-color : rgba(102,102,102,.5);     } body[data-step='6'] .drawButton {    background-color : #666666;   border-color : #666666;     } body[data-step='6'] .drawButton.active {    background-color : #515151;     }:root {    --marker-7 : #4f5fd8;     } .marker-7 {    background-color : #4f5fd8;     } .marker-7:after {    border-color : rgba(79,95,216,.5);     } body[data-step='7'] .drawButton {    background-color : #4f5fd8;   border-color : #4f5fd8;     } body[data-step='7'] .drawButton.active {    background-color : #3f4cac;     }:root {    --marker-8 : #00a303;     } .marker-8 {    background-color : #00a303;     } .marker-8:after {    border-color : rgba(0,163,3,.5);     } body[data-step='8'] .drawButton {    background-color : #00a303;   border-color : #00a303;     } body[data-step='8'] .drawButton.active {    background-color : #008202;     }header {    background-image : url('/uploads/teplice-bezpecnost-2026.jpg?v=1794306711')   }