.district-list.svelte-1683wno{border-top:1px solid var(--hairline)}.district-row.svelte-1683wno{border-bottom:1px solid var(--hairline);color:inherit;grid-template-columns:52px minmax(0,1fr) auto 28px;align-items:center;gap:16px;padding:13px 8px;text-decoration:none;transition:background .2s,padding .2s;display:grid}.district-row.svelte-1683wno:hover{background:#efe8d885;padding-left:16px;padding-right:16px}.district-code.svelte-1683wno{color:var(--mustard);font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:11px}.district-name.svelte-1683wno{color:var(--deep-indigo);font-family:var(--serif);font-size:1.18rem;line-height:1.2}.district-state.svelte-1683wno{justify-self:end}.district-arrow.svelte-1683wno{color:var(--brick);opacity:0;justify-self:end;font-size:16px;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}.district-row.svelte-1683wno:hover .district-arrow:where(.svelte-1683wno){opacity:1;transform:none}@media (width<=600px){.district-row.svelte-1683wno{grid-template-columns:36px minmax(0,1fr) 24px;gap:6px 12px;padding:12px 4px}.district-row.svelte-1683wno:hover{padding-left:8px;padding-right:8px}.district-state.svelte-1683wno{grid-area:2/2;justify-self:start}.district-arrow.svelte-1683wno{opacity:1;grid-area:1/3/span 2;transform:none}}