.phone-input-container{position:relative;width:100%;z-index:1}.phone-input-fixed-prefix{display:flex;align-items:center}.phone-input-prefix{flex-shrink:0;padding:.75rem 0 .75rem 1rem;font-family:Inter,sans-serif;font-size:16px;color:#212529}.phone-input-fixed-prefix .phone-input{padding-left:.25rem}.phone-input-wrapper{display:flex;border:none;border-radius:12px;background-color:#f0f0f0;transition:background-color .2s ease;overflow:visible}.phone-input-wrapper:focus-within{background-color:#e5e7eb}.phone-input-wrapper.error{background-color:#fef2f2;border:2px solid #EF4444}.country-selector{position:relative;flex-shrink:0;z-index:2}.country-selector-button{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;background:none;border:none;border-right:1px solid #E5E7EB;cursor:pointer;transition:background-color .2s ease;min-width:80px;justify-content:center;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:21px;color:#212529}.country-selector-button:hover:not(:disabled){background-color:#e5e7eb}.country-selector-button:disabled{opacity:.5;cursor:not-allowed}.country-code{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase}.country-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.country-selector-button:focus .country-arrow{transform:rotate(180deg)}.country-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:9999;max-height:200px;overflow-y:auto;margin-top:4px;min-width:200px}.country-option{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;font-family:Inter,sans-serif;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s ease;text-align:left}.country-option:hover{background-color:#f9fafb}.country-option.active{background-color:#4bb755;color:#fff}.country-search{padding:8px;border-bottom:1px solid #E5E7EB}.country-search-input{width:100%;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;outline:none}.country-search-input:focus{border-color:#4bb755;box-shadow:0 0 0 2px #4bb7551a}.country-flag{width:20px;height:15px;-o-object-fit:cover;object-fit:cover;border-radius:2px;flex-shrink:0;transition:transform .2s ease}.country-flag:hover{transform:scale(1.1)}.country-name{flex:1;font-weight:500}.phone-input{flex:1;padding:.75rem;border:none;background:none;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:21px;color:#212529;outline:none;width:100%;transition:all .2s ease}.phone-input:disabled{opacity:.5;cursor:not-allowed}.phone-input::-moz-placeholder{color:#6c757d}.phone-input::placeholder{color:#6c757d}.phone-input.error{color:#ef4444}.phone-input-error{font-size:12px;color:#ef4444;margin-top:4px;padding-left:4px;font-family:Inter,sans-serif;font-weight:400;line-height:16px}@media (max-width: 768px){.phone-input-wrapper{border-radius:12px}.country-selector-button{padding:1rem;min-width:70px;font-size:16px}.country-code{font-size:10px}.phone-input{padding:1rem;font-size:16px}.country-dropdown{max-height:150px}.country-option{padding:10px 12px;font-size:12px}}