:root {    --marker-0 : #cc0000;     } .marker-0 {    background-color : #cc0000;     } .marker-0:after {    border-color : rgba(204,0,0,.5);     } body[data-step='0'] .drawButton {    background-color : #cc0000;   border-color : #cc0000;     } body[data-step='0'] .drawButton.active {    background-color : #a30000;     }:root {    --marker-1 : #e6c700;     } .marker-1 {    background-color : #e6c700;     } .marker-1:after {    border-color : rgba(230,199,0,.5);     } body[data-step='1'] .drawButton {    background-color : #e6c700;   border-color : #e6c700;     } body[data-step='1'] .drawButton.active {    background-color : #b89f00;     }:root {    --marker-2 : #2ca300;     } .marker-2 {    background-color : #2ca300;     } .marker-2:after {    border-color : rgba(44,163,0,.5);     } body[data-step='2'] .drawButton {    background-color : #2ca300;   border-color : #2ca300;     } body[data-step='2'] .drawButton.active {    background-color : #238200;     }:root {    --marker-3 : #0062ff;     } .marker-3 {    background-color : #0062ff;     } .marker-3:after {    border-color : rgba(0,98,255,.5);     } body[data-step='3'] .drawButton {    background-color : #0062ff;   border-color : #0062ff;     } body[data-step='3'] .drawButton.active {    background-color : #004ecc;     }:root {    --marker-4 : #1d78a9;     } .marker-4 {    background-color : #1d78a9;     } .marker-4:after {    border-color : rgba(29,120,169,.5);     } body[data-step='4'] .drawButton {    background-color : #1d78a9;   border-color : #1d78a9;     } body[data-step='4'] .drawButton.active {    background-color : #176087;     }header {    background-image : url('/uploads/valasske-klobouky-2023.jpg?v=1757784841')   }