.directory_selection_wrapper.svelte-puxf2n{width:100%;padding:40px 0 80px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.section_meta.svelte-puxf2n{display:flex;flex-direction:column;gap:8px}.section_meta.svelte-puxf2n .badge:where(.svelte-puxf2n){font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.section_meta.svelte-puxf2n .section_title:where(.svelte-puxf2n){margin:0;font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.section_meta.svelte-puxf2n .section_desc:where(.svelte-puxf2n){margin:0;font-size:1rem;color:#64748b;line-height:1.6}.states_grid.svelte-puxf2n{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;width:100%}.state_card.svelte-puxf2n{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;transition:all .2s ease-in-out}.state_card.svelte-puxf2n:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0a;transform:translateY(-2px)}.state_card.svelte-puxf2n:hover .state_name:where(.svelte-puxf2n){color:var(--primary)}.state_card.svelte-puxf2n .icon_wrapper:where(.svelte-puxf2n){width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:6px;flex-shrink:0;overflow:hidden}.state_card.svelte-puxf2n .icon_wrapper:where(.svelte-puxf2n) .state_emblem:where(.svelte-puxf2n){width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.state_card.svelte-puxf2n .card_info:where(.svelte-puxf2n){display:flex;flex-direction:column;gap:2px;overflow:hidden}.state_card.svelte-puxf2n .state_name:where(.svelte-puxf2n){font-size:.95rem;font-weight:700;color:#1e293b;transition:color .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.state_card.svelte-puxf2n .state_code:where(.svelte-puxf2n){font-size:.75rem;font-weight:600;color:#94a3b8;letter-spacing:.02em}@media (max-width: 768px){.directory_selection_wrapper.svelte-puxf2n{padding:24px 0 48px;gap:24px}.states_grid.svelte-puxf2n{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.state_card.svelte-puxf2n{padding:12px;gap:12px}.state_card.svelte-puxf2n .icon_wrapper:where(.svelte-puxf2n){width:36px;height:36px}.state_card.svelte-puxf2n .icon_wrapper:where(.svelte-puxf2n) .state_emblem:where(.svelte-puxf2n){width:24px;height:24px}.state_card.svelte-puxf2n .state_name:where(.svelte-puxf2n){font-size:.85rem}}