.summary{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,auto);background-color:#fff;font-family:Roboto,sans-serif;color:#222;margin-bottom:32px}.summary__party+.summary__party{margin-top:24px}.summary__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:16px}.summary__title{font-size:24px;font-weight:900;line-height:28px;letter-spacing:-.25px}.summary__remaining{color:#fff;padding:2px 8px;border-radius:16px;font-size:11px;font-weight:900;line-height:16px}.summary__remaining--dem{background:var(--dem-win)}.summary__remaining--rep{background:var(--rep-win)}.summary-candidate{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(2,auto);gap:0em 10px;grid-template-areas:"pic info" "pic bar"}.summary-candidate+.summary-candidate{margin-top:24px}.summary-candidate__image{grid-area:pic;display:block;width:48px;height:48px;border-radius:50%}.summary-candidate__image--dem{border:.5px solid var(--dem-win);background-color:var(--dem-lean)}.summary-candidate__image--rep{border:.5px solid var(--rep-win);background-color:var(--rep-lean)}.summary-candidate__info{position:relative;grid-area:info;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.summary-candidate__info[data-win]:before{content:attr(data-win) " to win";position:absolute;top:8px;width:100%;text-align:center;font-size:11px}.summary-candidate__name,.summary-candidate__count{position:relative;font-size:14px;font-weight:900;line-height:20px;letter-spacing:-.25px}.summary-candidate__count--dem{color:var(--dem-win)}.summary-candidate__count--rep{color:var(--rep-win)}.summary-candidate__win-icon{position:absolute;top:4px;left:-20px;width:12px;height:12px;border-radius:10px}.summary-candidate__win-icon>path{transform:translate(2px)}.summary-candidate__win-icon--dem{background-color:var(--dem-win);border:3px solid var(--dem-win)}.summary-candidate__win-icon--rep{background-color:var(--rep-win);border:3px solid var(--rep-win)}.summary-candidate__bar{position:relative;grid-area:bar;height:16px;margin-top:4px;background:#F4F4F4;border-radius:8px}.summary-candidate__bar:before{content:"";position:absolute;top:0;left:50%;height:14px;border-left:1px dashed #222}.summary-candidate__bar--win:before{border-color:#fff}.summary__action-wrapper{text-align:center}.summary__button{display:inline-block;margin:16px auto 0;color:#222;background:#F4F4F4;padding:8px 16px;border:none;border-radius:16px;font-size:12px;font-weight:900;line-height:18px;cursor:pointer}.summary__button:hover{background:#222;color:#f4f4f4}@media screen and (min-width: 768px){.summary{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0 48px}.summary__party+.summary__party{margin-top:0}}@media screen and (min-width: 1024px){.summary-candidate__name,.summary-candidate__count{font-size:24px}.summary-candidate__image{width:64px;height:64px}[data-index="0"] .summary-candidate__bar:after{content:"";position:absolute;top:-12px;left:calc(50% - 7px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid black}.summary-candidate__win-icon{position:absolute;top:-2px;left:-30px;width:24px;height:24px;border-radius:50%}.summary-candidate__win-icon>path{transform:translate(2px)}}