.map-wrapper{position:relative;width:1040px;min-height:620px}.map{position:relative;z-index:1;width:1040px;display:grid;grid-template-columns:repeat(8,110px);grid-template-rows:repeat(6,110px);gap:8px;transform:translate(5px,10px)}.map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:100%;max-width:950px;opacity:.08;pointer-events:none;transform:translate(5px,-25px);z-index:2}.inset-border{background:#ffffff1a;border:4px solid var(--grey02);border-radius:16px;box-shadow:0 0 25px #0000008c;grid-column:7;grid-row:1;margin:-15px -15px -20px 10px;width:250px;height:140px}.tile{width:110px;height:110px;border-radius:16px;padding:8px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 8px #00000026;font-family:BentonSansCond-Regular,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;cursor:pointer}.tile:focus-visible{outline:3px solid #111;outline-offset:2px}.tile .city{font-size:.8rem;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em;line-height:1.15;text-shadow:0 1px 2px rgba(31,41,55,.75)}.tile .check{font-size:.75rem}.tile .name{font-size:.9rem;font-family:BentonSansCond-Bold,sans-serif}.tile .acclaimed{font-size:.9rem;opacity:.85}.tile .margin{font-family:BentonSansCond-Bold,sans-serif;font-size:1.4rem;font-weight:900;margin-top:3px}.tile .margin .lead{font-family:BentonSansCond-Regular,sans-serif;font-size:.85rem}.tile.abbotsford{grid-column:8;grid-row:5}.tile.anmore{grid-column:5;grid-row:1}.tile.belcarra{grid-column:3;grid-row:1}.tile.bowen-island{grid-column:8;grid-row:1}.tile.lions-bay{grid-column:7;grid-row:1}.tile.burnaby{grid-column:3;grid-row:3}.tile.coquitlam{grid-column:6;grid-row:2}.tile.delta{grid-column:3;grid-row:5}.tile.langley-city{grid-column:6;grid-row:5}.tile.langley-township{grid-column:7;grid-row:5}.tile.maple-ridge{grid-column:7;grid-row:3}.tile.new-westminster{grid-column:4;grid-row:3}.tile.north-vancouver-city{grid-column:2;grid-row:2}.tile.north-vancouver-district{grid-column:3;grid-row:2}.tile.pitt-meadows{grid-column:6;grid-row:3}.tile.port-coquitlam{grid-column:5;grid-row:3}.tile.port-moody{grid-column:5;grid-row:2}.tile.richmond{grid-column:3;grid-row:4}.tile.surrey{grid-column:5;grid-row:4}.tile.vancouver{grid-column:2;grid-row:3}.tile.west-vancouver{grid-column:1;grid-row:2}.tile.white-rock{grid-column:5;grid-row:5}.tile.bowen-island,.tile.lions-bay{margin-left:25px}.tile-popup{background:#fffffff7;border-radius:3px;box-shadow:#00000040 2px 3px 12px;left:50%;max-width:calc(100% - 24px);padding:12px;pointer-events:auto;position:absolute;top:40%;transform:translate(-50%,-50%);width:320px;z-index:10}.tile-popup .results{list-style:none;margin:0;padding:0}.tile-popup .results li{margin-bottom:10px}.tile-popup .label{font-size:.9rem;line-height:1.2}#app .tile-popup .candidate{font-family:BentonSansCond-Bold,sans-serif;font-size:1rem}#app .tile-popup .party{color:#555;display:block;font-family:BentonSansCond-Reg,sans-serif;font-size:.8rem}.tile-popup .bar-row{align-items:center;display:flex;gap:8px;margin-top:3px}.tile-popup .bar-track{background:#e5e7eb;flex:1;height:15px}.tile-popup .bar{background:#6b7280;height:100%}.tile-popup .bar.winner{background:#0062a3}.tile-popup .percent{font-family:BentonSansCond-Bold,sans-serif;min-width:3.2em;text-align:right}.tile-popup header{margin-bottom:15px}.tile-popup h3{font-size:1.25rem;margin-bottom:3px;padding-right:20px}.tile-popup .footer{margin-top:15px}.tile-popup .footer>p{color:var(--grey03);font-family:BentonSansCond-RegItalic,italic!important;line-height:1.15!important}.tile-popup .close-button{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:0;border-radius:2px;background:transparent;color:#333;font-size:16px;line-height:1;cursor:pointer}.tile-popup .close-button:hover,.tile-popup .close-button:focus-visible{background:#0000001a}.tile-popup .close-button:focus-visible{outline:2px solid #111;outline-offset:1px}.tile-popup p{font-size:.85rem;line-height:1.3}body{background-color:#fff;margin:0;padding:.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}figure,p,h1,h2,h3,h4{font-weight:400;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}ul{list-style-type:none;margin:0;padding:0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Shift-Bold;src:local("Shift-Bold"),url(/elxn26-metro-mayor-map/assets/Shift-Bold-Cf8scrEA.otf) format("opentype")}@font-face{font-family:Shift-BoldItalic;src:local(Shift-BoldItalic),url(/elxn26-metro-mayor-map/assets/Shift-BoldItalic-D1tT7fgN.otf) format("opentype")}@font-face{font-family:Shift-Book;src:local(Shift-Book),url(/elxn26-metro-mayor-map/assets/Shift-Book-Yfrih3tk.otf) format("opentype")}@font-face{font-family:BentonSansCond-Regular;src:local("BentonSansCond-Regular"),url(/elxn26-metro-mayor-map/assets/BentonSansCond-Regular-CqJjarM4.otf) format("opentype")}@font-face{font-family:BentonSansCond-RegItalic;src:local("BentonSansCond-RegItalic"),url(/elxn26-metro-mayor-map/assets/BentonSansCond-RegItalic-BPEvOmlU.otf) format("opentype")}@font-face{font-family:BentonSansCond-Bold;src:local("BentonSansCond-Bold"),url(/elxn26-metro-mayor-map/assets/BentonSansCond-Bold-DcshsWtO.otf) format("opentype")}@font-face{font-family:BentonSansCond-BoldItalic;src:local("BentonSansCond-BoldItalic"),url(/elxn26-metro-mayor-map/assets/BentonSansCond-BoldItalic-DgHovYqn.otf) format("opentype")}:root{--green01: #009775;--green02: #34A185;--green03: #62AD95;--green04: #84BBA8;--green05: #a4cabc;--green06: #C5DBD2;--yellow01: #F6B31C;--yellow02: #F8C052;--yellow03: #FACE7C;--yellow04: #FBD590;--yellow05: #FDE0AE;--yellow06: #FEEBCE;--red01: #DD2D25;--red02: #E35D42;--red03: #e67154;--red04: #eb8c6f;--red05: #f2b19a;--red06: #f9dacd;--orange01: #F26B21;--orange02: #F58745;--orange03: #f8a26e;--orange04: #f9b082;--orange05: #fcceae;--orange06: #fdddc6;--blue01: #0062A3;--blue02: #3C76B0;--blue03: #6D8EBF;--blue04: #829DC7;--blue05: #AFBEDB;--blue06: #D4DAEA;--brite_purple01: #9B3F86;--brite_purple02: #A96399;--brite_purple03: #B174A2;--brite_purple04: #C395B8;--brite_purple05: #D2B1CA;--brite_purple06: #DCC5D7;--dark_purple01: #795b9e;--dark_purple02: #8c73ad;--dark_purple03: #a28ebd;--dark_purple04: #bbaed1;--dark_purple05: #cdc4de;--dark_purple06: #dfd9ea;--black: #231F20;--grey01: #6D6E70;--grey02: #898B8E;--grey03:#A7A9AB;--grey04:#D1D2D4;--grey05:#EAEBEC;--ndp: #F58220;--liberal: #d71920;--cpc: #236492;--ppc: #452c7a;--green: #3D9B35;--libertarian: #F8C052;--bloc: #42b7bf;--greenbc: #009A44;--bcunited: #08479A;--npdbc: #FD4E27;--conservativebc: #004AAD}.black{color:var(--black);font-family:BentonSansCond-Bold}.blue{color:var(--blue01);font-family:BentonSansCond-Bold}.green{color:var(--green01);font-family:BentonSansCond-Bold}.purple{color:var(--brite_purple01);font-family:BentonSansCond-Bold}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Avenir,system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{padding:6px}#app{margin:0 auto;max-width:1000px}#app h1{color:var(--black);font-family:Shift-BoldItalic,serif;font-size:2rem;margin-bottom:.5rem}#app h2{color:var(--black);font-family:BentonSansCond-Bold,serif;margin:1px 0}#app h3{color:var(--black);font-family:BentonSansCond-Bold,serif}#app h4{color:var(--black);font-family:BentonSansCond-Regular,serif;font-size:.8rem}#app p{color:var(--black);font-family:BentonSansCond-Regular,Helvetica,sans-serif;line-height:1.3rem}#app p.subhead{font-family:Shift-Book,Georgia,serif}#app footer{margin-top:1rem}#app footer .note,#app footer .source{color:var(--grey02);font-family:BentonSansCond-RegItalic,italic;margin-top:3px}#app footer .source{color:var(--black);font-family:Shift-BoldItalic;font-size:.95rem;text-transform:uppercase}#app .source a{color:inherit}header{margin-bottom:0}header>h1{text-align:center}header .subhead{margin:0 auto;max-width:525px;text-align:center}p.timestamp{color:var(--grey03)!important;font-family:BentonSansCond-RegItalic,italic!important;font-size:1rem;margin:0 auto 2vh 0;text-align:center}*{box-sizing:border-box}.legend{padding:12px 20px;background:#fafafa;border-bottom:1px solid #ddd}.legend-title{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#666;margin-bottom:8px}.legend-bins{display:flex;max-width:420px}.legend-bin{flex:1;text-align:center;color:#2f3b45;font-size:12px;font-family:BentonSansCond-Bold,sans-serif;margin:0 3px;max-width:40px}.legend-swatch{height:14px;margin-bottom:6px}.legend-caption{margin-top:8px;font-family:BentonSansCond-RegItalic,italic!important;font-size:12px;color:#666}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.note{padding:5px;font-size:13px;color:#666;border-bottom:1px solid #ddd}.viewport{display:grid;grid-template-columns:minmax(0,1fr);overflow-x:auto;padding:8px}.viewport>*{grid-area:1 / 1}.popup-layer{left:0;pointer-events:none;position:sticky;z-index:10}.map{width:1040px;display:grid;grid-template-columns:repeat(9,100px);grid-template-rows:repeat(6,100px);gap:12px}