/* The "Kind of business" picker (assets/trade-picker.js): Settings, sign-up and Competitors. The field itself is the
   page's own .fld; this adds the arrow, the list in the page flow, group headings and 44px options. */
.tp{position:relative;width:100%;max-width:480px}
.tp-box{position:relative}
.tp .tp-in{padding-right:48px;text-overflow:ellipsis}
.tp-tog{position:absolute;top:0;right:0;bottom:0;width:46px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#56616B;cursor:pointer;border-radius:0 12px 12px 0}
.tp.open .tp-tog svg{transform:rotate(180deg)}
.tp-list{margin-top:6px;max-height:320px;overflow-y:auto;overscroll-behavior:contain;background:#FFFFFF;border-radius:14px;box-shadow:0 0 0 1px #C5CCD2,0 18px 40px -24px rgba(10,35,42,.35);padding:6px 0;-webkit-overflow-scrolling:touch}
.tp-list[hidden]{display:none}
.tp-gh{position:sticky;top:-6px;z-index:1;padding:8px 14px 4px;background:#FFFFFF;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#56616B}
.tp-opt{display:flex;align-items:center;min-height:44px;padding:8px 14px;font-size:16px;line-height:1.35;color:#111418;cursor:pointer}
.tp-opt.on{background:#E6F2F1;box-shadow:inset 3px 0 0 #0B4F5C}
.tp-opt[aria-selected=true]{font-weight:700}
.tp-opt[aria-selected=true]::after{content:"✓";margin-left:auto;padding-left:12px;color:#0B4F5C;font-weight:800}
.tp-opt-o{color:#0B4F5C;font-weight:600}
@media (hover:hover){.tp-opt:hover{background:#F2F6F5}}
.tp-count{margin:0;min-height:0;font-size:14px;color:#56616B}
.tp-count:empty{display:none}
.tp-count:not(:empty){margin-top:6px}
.tp-other{margin-top:14px}
.tp-other[hidden]{display:none}
.tp-ol{display:block;margin-bottom:6px;font-size:15px;font-weight:700;color:#111418}
.tp-err{margin:6px 0 0;font-size:14px;font-weight:600;color:#8F1D14}
.tp-err[hidden]{display:none}
.tp .fld.bad{box-shadow:inset 0 0 0 2px #D6453B}
@media (prefers-reduced-motion:no-preference){.tp-tog svg{transition:transform .15s}}