.pin-group{align-items:stretch;gap:8px;width:100%;display:flex}.pin-code{flex-shrink:0;position:relative}.pin-code-trigger{box-sizing:border-box;color:#0f172a;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s;display:flex}.pin-code-trigger:hover{border-color:var(--brand-primary-border,#7c3aed47)}.pin-code-trigger:focus-visible,.pin-code-trigger[aria-expanded=true]{border-color:var(--brand-primary,#7c3aed);box-shadow:0 0 0 3px var(--brand-primary-soft,#7c3aed1f)}.pin-flag{font-size:16px;line-height:1}.pin-dial{font-variant-numeric:tabular-nums;font-weight:600}.pin-caret{opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-top:-3px;transition:transform .15s;transform:rotate(45deg)}.pin-code-trigger[aria-expanded=true] .pin-caret{margin-top:2px;transform:rotate(-135deg)}.pin-dropdown{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:264px;max-height:300px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 16px 40px #00000038}.pin-search{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;margin:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.pin-search::placeholder{color:#94a3b8}.pin-search:focus{border-color:var(--brand-primary,#7c3aed)}.pin-list{margin:0;padding:4px;list-style:none;overflow-y:auto}.pin-option{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.pin-option:hover,.pin-option:focus-visible{background:var(--brand-primary-soft,#7c3aed1a)}.pin-option--active{background:var(--brand-primary-soft,#7c3aed1a);font-weight:600}.pin-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pin-option-dial{color:#64748b;font-variant-numeric:tabular-nums}.pin-empty{text-align:center;color:#94a3b8;padding:16px;font-size:12.5px}.pin-number{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;width:100%;min-width:0;padding:10px 13px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.pin-number::placeholder{color:#94a3b8}.pin-number:focus{border-color:var(--brand-primary,#7c3aed);box-shadow:0 0 0 3px var(--brand-primary-soft,#7c3aed1f)}.pin-number[aria-invalid=true]{border-color:#dc2626}@media (max-width:380px){.pin-dropdown{width:236px}}.pin-group--dark .pin-code-trigger,.pin-group--dark .pin-number{color:#fff;font-size:14.5px;font-family:var(--font-base,inherit);background:#ffffff24;border-color:#ffffff38;padding:12px 14px}.pin-group--dark .pin-number::placeholder{color:#ffffff8c}.pin-group--dark .pin-code-trigger:hover{border-color:#fff6}.pin-group--dark .pin-code-trigger:focus-visible,.pin-group--dark .pin-code-trigger[aria-expanded=true],.pin-group--dark .pin-number:focus{box-shadow:none;background:#fff3;border-color:#ffffff8c}.pin-group--dark .pin-dropdown{background:#1a1625;border-color:#ffffff29;box-shadow:0 16px 40px #00000073}.pin-group--dark .pin-search{color:#fff;font-family:var(--font-base,inherit);background:#ffffff14;border-color:#ffffff2e}.pin-group--dark .pin-search::placeholder{color:#ffffff80}.pin-group--dark .pin-option{color:#ffffffeb;font-family:var(--font-base,inherit)}.pin-group--dark .pin-option:hover,.pin-group--dark .pin-option:focus-visible,.pin-group--dark .pin-option--active{background:#ffffff1a}.pin-group--dark .pin-option-dial,.pin-group--dark .pin-empty{color:#ffffff80}