.canvass-area-list{position:fixed;left:18px;top:calc(var(--header) + var(--scope) + 104px);z-index:15;width:200px;display:flex;flex-direction:column;background:#fff;color:#1C4076;border:1px solid #bccbdc;border-top:3px solid #1C4076;box-shadow:0 4px 14px #14244122;font:13px/1.4 'Noto Sans',sans-serif}
body.has-canvass-area-list .precinct-profile-card{display:none}
.canvass-area-list header{padding:9px 13px 4px;flex:none}
.canvass-area-list header>span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#626b78}
.canvass-area-list h2{font:600 27px/1.1 Oswald,'Arial Narrow',sans-serif;margin:2px 0 0;color:#1C4076}
.canvass-area-list-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 13px 9px;flex:none}
.canvass-area-list-totals strong{display:block;font:600 24px/1.1 Oswald,'Arial Narrow',sans-serif;font-variant-numeric:tabular-nums}
.canvass-area-list-totals span{font-size:10px;color:#626b78}
.canvass-area-list-race{margin:0 13px 8px;padding:7px 0 0;border-top:1px solid #d9e3ed;flex:none}
.canvass-area-list-race h3{font:700 10px/1.4 'Noto Sans',sans-serif;margin:0 0 4px;color:#1C4076}
.canvass-area-list-race>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.canvass-area-list-race span,.canvass-area-list-race strong{display:block;font-size:10px}.canvass-area-list-race span{color:#626b78}.canvass-area-list-race strong{font-size:12px;font-variant-numeric:tabular-nums}
.canvass-area-list-columns{display:grid;grid-template-columns:80px 72px;gap:8px;justify-content:center;text-align:center;padding:0 10px 6px;font-size:10px;color:#626b78;flex:none}
.canvass-area-list-hint{margin:0 13px 7px;font-size:10px;font-weight:600;color:#1C4076}
.canvass-area-list ul{list-style:none;padding:0;margin:0;flex-shrink:0}
.canvass-area-list li{margin:0}
.canvass-area-list li button{position:relative;width:100%;display:grid;grid-template-columns:80px 72px;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:6px 10px;border-top:1px solid #d0dfec;text-align:center;color:#1C4076;background:#f4f8fc;font:inherit;cursor:pointer}
.canvass-area-list .area-number{text-decoration:underline;text-underline-offset:3px;font-weight:700}.canvass-area-list li i{position:absolute;right:7px;font-size:18px;font-style:normal}
.canvass-area-list li strong{font-weight:700;font-variant-numeric:tabular-nums}
.canvass-area-list li button[aria-pressed=true]{background:#e6f1fa;box-shadow:inset 3px 0 #1C4076;font-weight:700}
.canvass-area-list li button:hover{background:#f0f6fb}
.canvass-area-list button:focus-visible{outline:2px solid #1C4076;outline-offset:-3px}
@media(min-width:701px){.canvass-area-list{max-height:calc(100dvh - var(--header) - var(--scope) - 122px)}.canvass-area-list ul{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:700px){.canvass-area-list{left:10px;top:calc(var(--header) + var(--scope) + 132px);width:184px;font-size:12px}.canvass-area-list-columns{font-size:9px}.canvass-area-list li button{padding:6px 8px}}