:root {    --marker-0 : #0058e6;     } .marker-0 {    background-color : #0058e6;     } .marker-0:after {    border-color : rgba(0,88,230,.5);     } body[data-step='0'] .drawButton {    background-color : #0058e6;   border-color : #0058e6;     } body[data-step='0'] .drawButton.active {    background-color : #0046b8;     }:root {    --marker-1 : #b11b1b;     } .marker-1 {    background-color : #b11b1b;     } .marker-1:after {    border-color : rgba(177,27,27,.5);     } body[data-step='1'] .drawButton {    background-color : #b11b1b;   border-color : #b11b1b;     } body[data-step='1'] .drawButton.active {    background-color : #8d1515;     }:root {    --marker-2 : #9d00e6;     } .marker-2 {    background-color : #9d00e6;     } .marker-2:after {    border-color : rgba(157,0,230,.5);     } body[data-step='2'] .drawButton {    background-color : #9d00e6;   border-color : #9d00e6;     } body[data-step='2'] .drawButton.active {    background-color : #7d00b8;     }:root {    --marker-3 : #299900;     } .marker-3 {    background-color : #299900;     } .marker-3:after {    border-color : rgba(41,153,0,.5);     } body[data-step='3'] .drawButton {    background-color : #299900;   border-color : #299900;     } body[data-step='3'] .drawButton.active {    background-color : #207a00;     }:root {    --marker-4 : #753900;     } .marker-4 {    background-color : #753900;     } .marker-4:after {    border-color : rgba(117,57,0,.5);     } body[data-step='4'] .drawButton {    background-color : #753900;   border-color : #753900;     } body[data-step='4'] .drawButton.active {    background-color : #5d2d00;     }:root {    --marker-5 : #0047a3;     } .marker-5 {    background-color : #0047a3;     } .marker-5:after {    border-color : rgba(0,71,163,.5);     } body[data-step='5'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='5'] .drawButton.active {    background-color : #003882;     }:root {    --marker-6 : #0047a3;     } .marker-6 {    background-color : #0047a3;     } .marker-6:after {    border-color : rgba(0,71,163,.5);     } body[data-step='6'] .drawButton {    background-color : #0047a3;   border-color : #0047a3;     } body[data-step='6'] .drawButton.active {    background-color : #003882;     }header {    background-image : url('/uploads/girona-2025-ca.jpg?v=1777373010')   }