.phone-input-container{position:relative}.phone-input-field{width:100%;height:3rem;padding-left:7.5rem!important;padding-right:1rem;font-size:.875rem;background-color:transparent;border-radius:.75rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;color:#1f2937;box-sizing:border-box;border:1px solid #e3e3e3}.phone-input-field::-moz-placeholder{color:#9ca3af;font-weight:400}.phone-input-field::placeholder{color:#9ca3af;font-weight:400}.phone-input-field:focus{box-sizing:border-box;border-color:#111;box-shadow:0 0 0 1px #111,0 0 0 3px rgba(59,130,246,.1)}.phone-input-field:hover:not(:focus){border-color:#111}.phone-input-field:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.phone-input-field.error{border-color:#ef4444}.phone-input-field.error:focus{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444,0 0 0 3px rgba(239,68,68,.1)}.country-select-button{position:absolute;left:.25rem;top:.25rem;height:2.5rem;width:7rem!important;min-width:7rem!important;max-width:7rem!important;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;background:#fff;border-right:1px solid #e5e7eb;outline:none;cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;flex-shrink:0}.country-select-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.country-flag{display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.country-flag svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .15s ease;border-radius:.125rem;min-width:1.25rem;min-height:1rem}.country-dial-code{font-size:.75rem;font-weight:600;color:#374151;margin-left:.25rem;flex-shrink:0;min-width:0;width:2.5rem;text-align:center}.country-select-button svg{flex-shrink:0;width:.875rem;height:.875rem;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.country-loading{display:flex;align-items:center;justify-content:center}.loading-spinner{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dropdown-arrow{width:.875rem;height:.875rem;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.country-option{width:100%;padding:.875rem 1rem;text-align:left;display:flex;align-items:center;gap:.875rem;background-color:transparent;outline:none;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:none;border-bottom:1px solid rgba(229,231,235,.3);box-sizing:border-box}.country-option:last-child{border-bottom:none}.country-option.selected{background:#111;color:#fff;font-weight:600}.country-label{font-size:.875rem;font-weight:500;flex:1;color:#374151}.country-option.selected .country-label{color:#fff}.country-code{font-size:.75rem;font-weight:600;color:#6b7280;margin-left:auto;padding:.25rem .5rem;background:hsla(220,9%,46%,.1);border-radius:.375rem;transition:all .15s ease}.country-option:hover .country-code{background:hsla(220,9%,46%,.15);color:#4b5563}.country-option.selected .country-code{background:rgba(29,78,216,.1);color:#fff}