:root {    --marker-0 : #d60000;     } .marker-0 {    background-color : #d60000;     } .marker-0:after {    border-color : rgba(214,0,0,.5);     } body[data-step='0'] .drawButton {    background-color : #d60000;   border-color : #d60000;     } body[data-step='0'] .drawButton.active {    background-color : #ab0000;     }:root {    --marker-1 : #00b395;     } .marker-1 {    background-color : #00b395;     } .marker-1:after {    border-color : rgba(0,179,149,.5);     } body[data-step='1'] .drawButton {    background-color : #00b395;   border-color : #00b395;     } body[data-step='1'] .drawButton.active {    background-color : #008f77;     }:root {    --marker-2 : #0094f0;     } .marker-2 {    background-color : #0094f0;     } .marker-2:after {    border-color : rgba(0,148,240,.5);     } body[data-step='2'] .drawButton {    background-color : #0094f0;   border-color : #0094f0;     } body[data-step='2'] .drawButton.active {    background-color : #0076c0;     }:root {    --marker-3 : #bd6500;     } .marker-3 {    background-color : #bd6500;     } .marker-3:after {    border-color : rgba(189,101,0,.5);     } body[data-step='3'] .drawButton {    background-color : #bd6500;   border-color : #bd6500;     } body[data-step='3'] .drawButton.active {    background-color : #975000;     }:root {    --marker-4 : #a600ff;     } .marker-4 {    background-color : #a600ff;     } .marker-4:after {    border-color : rgba(166,0,255,.5);     } body[data-step='4'] .drawButton {    background-color : #a600ff;   border-color : #a600ff;     } body[data-step='4'] .drawButton.active {    background-color : #8400cc;     }:root {    --marker-5 : #1d78a9;     } .marker-5 {    background-color : #1d78a9;     } .marker-5:after {    border-color : rgba(29,120,169,.5);     } body[data-step='5'] .drawButton {    background-color : #1d78a9;   border-color : #1d78a9;     } body[data-step='5'] .drawButton.active {    background-color : #176087;     }header {    background-image : url('/uploads/prestice-2023.jpg?v=1755923243')   }