:root {    --marker-0 : #c700c0;     } .marker-0 {    background-color : #c700c0;     } .marker-0:after {    border-color : rgba(199,0,192,.5);     } body[data-step='0'] .drawButton {    background-color : #c700c0;   border-color : #c700c0;     } body[data-step='0'] .drawButton.active {    background-color : #9f0099;     }:root {    --marker-1 : #f5a700;     } .marker-1 {    background-color : #f5a700;     } .marker-1:after {    border-color : rgba(245,167,0,.5);     } body[data-step='1'] .drawButton {    background-color : #f5a700;   border-color : #f5a700;     } body[data-step='1'] .drawButton.active {    background-color : #c48500;     }:root {    --marker-2 : #e05a00;     } .marker-2 {    background-color : #e05a00;     } .marker-2:after {    border-color : rgba(224,90,0,.5);     } body[data-step='2'] .drawButton {    background-color : #e05a00;   border-color : #e05a00;     } body[data-step='2'] .drawButton.active {    background-color : #b34800;     }:root {    --marker-3 : #8a2900;     } .marker-3 {    background-color : #8a2900;     } .marker-3:after {    border-color : rgba(138,41,0,.5);     } body[data-step='3'] .drawButton {    background-color : #8a2900;   border-color : #8a2900;     } body[data-step='3'] .drawButton.active {    background-color : #6e2000;     }:root {    --marker-4 : #a301ef;     } .marker-4 {    background-color : #a301ef;     } .marker-4:after {    border-color : rgba(163,1,239,.5);     } body[data-step='4'] .drawButton {    background-color : #a301ef;   border-color : #a301ef;     } body[data-step='4'] .drawButton.active {    background-color : #8200bf;     }:root {    --marker-5 : #5400d1;     } .marker-5 {    background-color : #5400d1;     } .marker-5:after {    border-color : rgba(84,0,209,.5);     } body[data-step='5'] .drawButton {    background-color : #5400d1;   border-color : #5400d1;     } body[data-step='5'] .drawButton.active {    background-color : #4300a7;     }:root {    --marker-6 : #04c86d;     } .marker-6 {    background-color : #04c86d;     } .marker-6:after {    border-color : rgba(4,200,109,.5);     } body[data-step='6'] .drawButton {    background-color : #04c86d;   border-color : #04c86d;     } body[data-step='6'] .drawButton.active {    background-color : #03a057;     }:root {    --marker-7 : #45a171;     } .marker-7 {    background-color : #45a171;     } .marker-7:after {    border-color : rgba(69,161,113,.5);     } body[data-step='7'] .drawButton {    background-color : #45a171;   border-color : #45a171;     } body[data-step='7'] .drawButton.active {    background-color : #37805a;     }:root {    --marker-8 : #0d7d52;     } .marker-8 {    background-color : #0d7d52;     } .marker-8:after {    border-color : rgba(13,125,82,.5);     } body[data-step='8'] .drawButton {    background-color : #0d7d52;   border-color : #0d7d52;     } body[data-step='8'] .drawButton.active {    background-color : #0a6441;     }:root {    --marker-9 : #30b00c;     } .marker-9 {    background-color : #30b00c;     } .marker-9:after {    border-color : rgba(48,176,12,.5);     } body[data-step='9'] .drawButton {    background-color : #30b00c;   border-color : #30b00c;     } body[data-step='9'] .drawButton.active {    background-color : #268c09;     }:root {    --marker-10 : #5aa066;     } .marker-10 {    background-color : #5aa066;     } .marker-10:after {    border-color : rgba(90,160,102,.5);     } body[data-step='10'] .drawButton {    background-color : #5aa066;   border-color : #5aa066;     } body[data-step='10'] .drawButton.active {    background-color : #488051;     }:root {    --marker-11 : #065b10;     } .marker-11 {    background-color : #065b10;     } .marker-11:after {    border-color : rgba(6,91,16,.5);     } body[data-step='11'] .drawButton {    background-color : #065b10;   border-color : #065b10;     } body[data-step='11'] .drawButton.active {    background-color : #04480c;     }:root {    --marker-12 : #940000;     } .marker-12 {    background-color : #940000;     } .marker-12:after {    border-color : rgba(148,0,0,.5);     } body[data-step='12'] .drawButton {    background-color : #940000;   border-color : #940000;     } body[data-step='12'] .drawButton.active {    background-color : #760000;     }:root {    --marker-13 : #9b6b17;     } .marker-13 {    background-color : #9b6b17;     } .marker-13:after {    border-color : rgba(155,107,23,.5);     } body[data-step='13'] .drawButton {    background-color : #9b6b17;   border-color : #9b6b17;     } body[data-step='13'] .drawButton.active {    background-color : #7c5512;     }:root {    --marker-14 : #4616f3;     } .marker-14 {    background-color : #4616f3;     } .marker-14:after {    border-color : rgba(70,22,243,.5);     } body[data-step='14'] .drawButton {    background-color : #4616f3;   border-color : #4616f3;     } body[data-step='14'] .drawButton.active {    background-color : #3811c2;     }:root {    --marker-15 : #2885a4;     } .marker-15 {    background-color : #2885a4;     } .marker-15:after {    border-color : rgba(40,133,164,.5);     } body[data-step='15'] .drawButton {    background-color : #2885a4;   border-color : #2885a4;     } body[data-step='15'] .drawButton.active {    background-color : #206a83;     }:root {    --marker-16 : #c700c0;     } .marker-16 {    background-color : #c700c0;     } .marker-16:after {    border-color : rgba(199,0,192,.5);     } body[data-step='16'] .drawButton {    background-color : #c700c0;   border-color : #c700c0;     } body[data-step='16'] .drawButton.active {    background-color : #9f0099;     }header {    background-image : url('/uploads/euroregiony-pl.jpg?v=1783752945')   }