:root {    --marker-0 : #7a5a00;     } .marker-0 {    background-color : #7a5a00;     } .marker-0:after {    border-color : rgba(122,90,0,.5);     } body[data-step='0'] .drawButton {    background-color : #7a5a00;   border-color : #7a5a00;     } body[data-step='0'] .drawButton.active {    background-color : #614800;     }:root {    --marker-1 : #d600af;     } .marker-1 {    background-color : #d600af;     } .marker-1:after {    border-color : rgba(214,0,175,.5);     } body[data-step='1'] .drawButton {    background-color : #d600af;   border-color : #d600af;     } body[data-step='1'] .drawButton.active {    background-color : #ab008c;     }:root {    --marker-2 : #01ad04;     } .marker-2 {    background-color : #01ad04;     } .marker-2:after {    border-color : rgba(1,173,4,.5);     } body[data-step='2'] .drawButton {    background-color : #01ad04;   border-color : #01ad04;     } body[data-step='2'] .drawButton.active {    background-color : #008a03;     }:root {    --marker-3 : #9e0000;     } .marker-3 {    background-color : #9e0000;     } .marker-3:after {    border-color : rgba(158,0,0,.5);     } body[data-step='3'] .drawButton {    background-color : #9e0000;   border-color : #9e0000;     } body[data-step='3'] .drawButton.active {    background-color : #7e0000;     }:root {    --marker-4 : #7b00e0;     } .marker-4 {    background-color : #7b00e0;     } .marker-4:after {    border-color : rgba(123,0,224,.5);     } body[data-step='4'] .drawButton {    background-color : #7b00e0;   border-color : #7b00e0;     } body[data-step='4'] .drawButton.active {    background-color : #6200b3;     }:root {    --marker-5 : #37b38e;     } .marker-5 {    background-color : #37b38e;     } .marker-5:after {    border-color : rgba(55,179,142,.5);     } body[data-step='5'] .drawButton {    background-color : #37b38e;   border-color : #37b38e;     } body[data-step='5'] .drawButton.active {    background-color : #2c8f71;     }:root {    --marker-6 : #0b7709;     } .marker-6 {    background-color : #0b7709;     } .marker-6:after {    border-color : rgba(11,119,9,.5);     } body[data-step='6'] .drawButton {    background-color : #0b7709;   border-color : #0b7709;     } body[data-step='6'] .drawButton.active {    background-color : #085f07;     }:root {    --marker-7 : #ff7300;     } .marker-7 {    background-color : #ff7300;     } .marker-7:after {    border-color : rgba(255,115,0,.5);     } body[data-step='7'] .drawButton {    background-color : #ff7300;   border-color : #ff7300;     } body[data-step='7'] .drawButton.active {    background-color : #cc5c00;     }:root {    --marker-8 : #3400f0;     } .marker-8 {    background-color : #3400f0;     } .marker-8:after {    border-color : rgba(52,0,240,.5);     } body[data-step='8'] .drawButton {    background-color : #3400f0;   border-color : #3400f0;     } body[data-step='8'] .drawButton.active {    background-color : #2900c0;     }:root {    --marker-9 : #9c57c1;     } .marker-9 {    background-color : #9c57c1;     } .marker-9:after {    border-color : rgba(156,87,193,.5);     } body[data-step='9'] .drawButton {    background-color : #9c57c1;   border-color : #9c57c1;     } body[data-step='9'] .drawButton.active {    background-color : #7c459a;     }:root {    --marker-10 : #be4676;     } .marker-10 {    background-color : #be4676;     } .marker-10:after {    border-color : rgba(190,70,118,.5);     } body[data-step='10'] .drawButton {    background-color : #be4676;   border-color : #be4676;     } body[data-step='10'] .drawButton.active {    background-color : #98385e;     }:root {    --marker-11 : #1d78a9;     } .marker-11 {    background-color : #1d78a9;     } .marker-11:after {    border-color : rgba(29,120,169,.5);     } body[data-step='11'] .drawButton {    background-color : #1d78a9;   border-color : #1d78a9;     } body[data-step='11'] .drawButton.active {    background-color : #176087;     }header {    background-image : url('/uploads/marianske-lazne-2022.jpg?v=1756022162')   }