.postcard-select{border:2px solid var(--ink,#151514);background:var(--card);min-width:200px;max-width:100%;min-height:48px;color:var(--ink,#151514);cursor:pointer;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;font:500 16px/1.2 Figtree,system-ui,sans-serif;display:inline-flex}.postcard-select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.postcard-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.postcard-select-list{background:var(--card);border:2px solid var(--ink,#151514);width:min(300px,100vw - 32px);max-height:min(420px,60dvh);box-shadow:5px 5px 0 var(--ink,#151514);border-radius:16px;padding:8px;overflow-y:auto}.postcard-select-option{width:100%;min-height:44px;color:var(--ink,#151514);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font:400 16px Figtree,system-ui,sans-serif;display:flex}@media (hover:hover) and (pointer:fine){.postcard-select-option:hover{background:color-mix(in oklab,var(--ink,#151514) 6%,transparent)}}.postcard-select-option .pill-count{color:var(--muted-foreground);margin-left:auto;font:500 12px IBM Plex Mono,monospace}.postcard-select-box{border:2px solid var(--ink,#151514);background:var(--card);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:inline-grid}.postcard-select-option[aria-selected=true] .postcard-select-box{background:var(--ink,#151514);color:var(--card)}
