.pi{display:flex;flex-direction:column;gap:6px;min-width:0}.pi__ctl{display:flex;align-items:stretch;height:var(--pi-h, 2.875rem);border:1px solid var(--pi-border, #d4d4d8);border-radius:var(--pi-radius, 8px);background:var(--pi-bg, #fff);box-shadow:var(--pi-shadow, none);overflow:hidden;transition:border-color .15s,box-shadow .15s}.pi__ctl:focus-within{border-color:var(--pi-border-focus, var(--pi-border, #a1a1aa));box-shadow:var(--pi-ring, var(--pi-shadow, none))}.pi__ctl[data-invalid]{border-color:var(--pi-error, #dc2626)}.pi__ctl[data-invalid]:focus-within{box-shadow:var(--pi-ring-error, var(--pi-ring, none))}.pi__ctl[data-disabled]{opacity:.6}.pi__cc{position:relative;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px 0 12px;color:var(--pi-fg, #18181b)}.pi[data-mode=intl] .pi__cc{cursor:pointer}.pi__flag{font-size:18px;line-height:1}.pi__dial{font-size:calc(var(--pi-font-size, 16px) - 1px);color:var(--pi-muted, #71717a);font-variant-numeric:tabular-nums}.pi__chevron{color:var(--pi-muted, #71717a);flex:none}.pi__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.pi__select:disabled{cursor:default}.pi__sep{width:1px;background:var(--pi-border, #d4d4d8);margin:8px 0;flex:none}.pi__input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:var(--pi-font-size, 16px);padding:0 12px;color:var(--pi-fg, #18181b);font-variant-numeric:tabular-nums}.pi__input::-moz-placeholder{color:var(--pi-placeholder, var(--pi-muted, #71717a))}.pi__input::placeholder{color:var(--pi-placeholder, var(--pi-muted, #71717a))}.pi__input:disabled{cursor:not-allowed}.pi__error{font-size:.875rem;color:var(--pi-error, #dc2626);margin:0}