.phone-input-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.phone-input-country-row{display:flex;flex-direction:column;gap:6px}.phone-input-label{font-size:14px;color:#52525b;font-weight:500}.phone-input-number-row{display:flex;flex-direction:column;gap:6px}.phone-input-country-row .phone-input-control{width:100%}.phone-input-country-row .phone-input-control [data-slot=input-wrapper]{min-height:48px;height:48px;border-width:2px;border-color:#e4e4e7;border-radius:12px;box-shadow:none;background:#fff}.phone-input-country-row .phone-input-control [data-slot=input-wrapper]:focus-within,.phone-input-country-row .phone-input-control [data-slot=input-wrapper][data-focus=true]{border-color:#6b21a8;box-shadow:0 0 0 2px rgba(107,33,168,.15)}.phone-input-wrapper.has-error .phone-input-country-row .phone-input-control [data-slot=input-wrapper]{border-color:#f31260}.phone-input-wrapper.has-error .phone-input-country-row .phone-input-control [data-slot=input-wrapper]:focus-within,.phone-input-wrapper.has-error .phone-input-country-row .phone-input-control [data-slot=input-wrapper][data-focus=true]{box-shadow:0 0 0 2px rgba(243,18,96,.15)}.phone-input-number-box{display:flex;align-items:center;width:100%;min-height:48px;height:48px;border:2px solid #e4e4e7;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.phone-input-number-box:focus-within{border-color:#6b21a8;box-shadow:0 0 0 2px rgba(107,33,168,.15)}.phone-input-country-trigger{display:inline-flex;align-items:center;align-self:stretch;min-width:108px;max-width:140px;padding:0 10px;background:#fafafa;border-right:2px solid #e4e4e7;flex-shrink:0}.phone-flag{width:22px;height:16px;-o-object-fit:cover;object-fit:cover;border-radius:2px;flex-shrink:0;display:inline-block}.phone-dial-label{font-family:ui-monospace,monospace;font-size:13px;color:#71717a;white-space:nowrap;margin-left:6px}.phone-input-field{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:16px;padding:0 14px;height:100%;color:#18181b}.phone-input-field::-moz-placeholder{color:#a1a1aa}.phone-input-field::placeholder{color:#a1a1aa}.phone-input-wrapper.has-error .phone-input-number-box{border-color:#f31260}.phone-input-wrapper.has-error .phone-input-number-box:focus-within{box-shadow:0 0 0 2px rgba(243,18,96,.15)}.phone-country-flag-option{display:flex;align-items:center;gap:8px}