@font-face{font-family:StateFaceRegular;src:url(../fonts/stateface-regular-webfont.1ac73a56.eot);src:url(../fonts/stateface-regular-webfont.1ac73a56.eot?#iefix) format("embedded-opentype"),url(../fonts/stateface-regular-webfont.801aaed6.woff) format("woff"),url(../fonts/stateface-regular-webfont.a30251b9.ttf) format("truetype"),url(../img/stateface-regular-webfont.02be97c3.svg#StateFaceRegular) format("svg");font-weight:400;font-style:normal}.state-0{background:rgba(2,124,238,0);fill:rgba(2,124,238,0)}.state-0,.state-5{cursor:pointer;stroke:#dcdcdc}.state-5{background:rgba(2,124,238,.05);fill:rgba(2,124,238,.05)}.state-10{background:rgba(2,124,238,.1);fill:rgba(2,124,238,.1)}.state-10,.state-15{cursor:pointer;stroke:#dcdcdc}.state-15{background:rgba(2,124,238,.15);fill:rgba(2,124,238,.15)}.state-20{background:rgba(2,124,238,.2);fill:rgba(2,124,238,.2)}.state-20,.state-25{cursor:pointer;stroke:#dcdcdc}.state-25{background:rgba(2,124,238,.25);fill:rgba(2,124,238,.25)}.state-30{background:rgba(2,124,238,.3);fill:rgba(2,124,238,.3)}.state-30,.state-35{cursor:pointer;stroke:#dcdcdc}.state-35{background:rgba(2,124,238,.35);fill:rgba(2,124,238,.35)}.state-40{background:rgba(2,124,238,.4);fill:rgba(2,124,238,.4)}.state-40,.state-45{cursor:pointer;stroke:#dcdcdc}.state-45{background:rgba(2,124,238,.45);fill:rgba(2,124,238,.45)}.state-50{background:rgba(2,124,238,.5);fill:rgba(2,124,238,.5)}.state-50,.state-55{cursor:pointer;stroke:#dcdcdc}.state-55{background:rgba(2,124,238,.55);fill:rgba(2,124,238,.55)}.state-60{background:rgba(2,124,238,.6);fill:rgba(2,124,238,.6)}.state-60,.state-65{cursor:pointer;stroke:#dcdcdc}.state-65{background:rgba(2,124,238,.65);fill:rgba(2,124,238,.65)}.state-70{background:rgba(2,124,238,.7);fill:rgba(2,124,238,.7)}.state-70,.state-75{cursor:pointer;stroke:#dcdcdc}.state-75{background:rgba(2,124,238,.75);fill:rgba(2,124,238,.75)}.state-80{background:rgba(2,124,238,.8);fill:rgba(2,124,238,.8)}.state-80,.state-85{cursor:pointer;stroke:#dcdcdc}.state-85{background:rgba(2,124,238,.85);fill:rgba(2,124,238,.85)}.state-90{background:rgba(2,124,238,.9);fill:rgba(2,124,238,.9)}.state-90,.state-95{cursor:pointer;stroke:#dcdcdc}.state-95{background:rgba(2,124,238,.95);fill:rgba(2,124,238,.95)}.state-100{cursor:pointer;background:#027cee;fill:#027cee;stroke:#dcdcdc}body{margin:0;padding:0;overflow-y:hidden}a{color:#027cee}#app{font-family:Commissioner,sans-serif;height:100vh;justify-content:space-between}@media(min-width:48rem){#app{display:flex}}.map{display:flex;flex-direction:column;align-items:center;position:relative}.map h1{font-size:2rem;display:inline-block;margin-top:1rem}.map .legend{display:none;left:1rem;position:absolute;top:1rem;width:2rem}@media(min-width:64rem){.map .legend{display:block}}.map .legend>div{border-top:1px solid #fff;cursor:default;height:10px;position:relative;width:100%}.map .legend>div span{font-size:.8rem;position:relative;left:calc(100% + 6px);text-align:left;display:block;padding-right:.5rem;top:-4px}.map svg{display:none;flex-basis:70%;padding-right:5rem;padding-top:1rem}@media(min-width:64rem){.map svg{display:block}}h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}h1{font-size:3rem;line-height:1.1}@media(min-width:48rem){h1{font-size:4rem}}h2{font-size:2rem}h3{margin-bottom:.5rem}.details{background:#f8f8f8;box-shadow:0 0 1rem rgba(0,0,0,.4);width:100%;position:relative;overflow-y:scroll;max-height:100%;height:calc(100vh - 118px)}@media(min-width:48rem){.details{height:100%;max-width:450px;min-width:450px}}.details section{border-bottom:1px solid #dcdcdc;padding:1rem}.details section:last-child{border-bottom:0}.details .chart{margin:0 auto;max-width:300px;margin-bottom:1rem}.details .stats{display:flex;justify-content:space-evenly}.details .stats .stat{font-size:1.5rem;margin-right:1rem;text-align:center}.details .stats .stat span{color:grey;display:block;font-size:.9rem}.details .turnout{font-size:1.2rem}.details .updated{color:grey;font-size:.8rem;display:block;margin-top:.2rem}.details .sources{display:block;padding:.5rem;text-align:center}.statelist{padding:1rem}.statelist select{margin:0 auto;display:block;padding:.5rem 1rem}@media(min-width:48rem){.statelist select{display:none}}.statelist ul{display:none;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media(min-width:48rem){.statelist ul{display:flex}}.statelist ul li{font-size:.9rem;margin:.2rem}.statelist ul li:hover{background:#dcdcdc}.statelist ul li.active{background:#027cee}.statelist ul li.active a{color:#fff}.statelist ul li a{display:block;border:1px solid #dcdcdc;padding:.5rem;text-decoration:none}