.picker-field{box-sizing:border-box;min-width:0;min-height:44px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:8px;display:flex}.picker-field.boxed{border:1px solid var(--line);background:var(--surface);width:100%;font-size:max(16px, var(--text-body));border-radius:10px;padding:10px 12px}.picker-field.plain{background:0 0;border:0;border-radius:6px;padding:4px 6px}.picker-field:disabled{opacity:.55;cursor:default}@media (hover:hover){.picker-field.boxed:not(:disabled):hover{border-color:var(--field-focus)}.picker-field.plain:not(:disabled):hover{background:color-mix(in srgb, var(--tab-active) 10%, transparent)}}.picker-field.boxed:focus-visible{outline:2px solid var(--field-focus);outline-offset:-2px}.picker-field.boxed[aria-invalid=true]{border-color:var(--alert)}.picker-field>.picker-value{overflow-wrap:break-word;flex:auto;min-width:0}.picker-field>.picker-value.placeholder{color:var(--muted)}.picker-field>svg{color:var(--muted);flex:none}.picker-panel{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:max(16px, var(--text-body));border-radius:6px;margin:0;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #18232b24}.picker-panel:not(:popover-open){display:none}.picker-panel{--picker-hover:color-mix(in srgb, var(--tab-active) 12%, var(--surface));--picker-press:color-mix(in srgb, var(--tab-active) 22%, var(--surface))}