.phone-input{position:relative;width:100%;margin-bottom:20px}.phone-input--focused .phone-input__label{color:var(--theme-color)}.phone-input__required{color:#5dc3aa;margin-left:2px}.phone-input__container{display:flex;height:40px;border:0;border-bottom:1px solid #e0e0e0;transition:all .3s ease}.phone-input__container:focus-within{border-color:var(--theme-color)}.phone-input__label{display:block;color:#333;font-size:15px;font-weight:500;transition:color .3s ease}.phone-input__label--error{color:#e74c3c}.phone-input:has(.phone-input__container:focus-within) .phone-input__label,.phone-input__container:focus-within+* .phone-input__label{color:var(--base)}.phone-input--error .phone-input__container{border-color:#e74c3c}.phone-input--error .phone-input__container:focus-within{border-color:#e74c3c}.phone-input__country-selector{position:relative;flex-shrink:0;width:fit-content}.phone-input__country-selector:after{content:"";position:absolute;right:0;top:50%;height:40%;width:1px;transform:translateY(-50%);background-color:#e0e0e0}.phone-input__country-button{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .3s ease;height:100%;min-width:110px}.phone-input__country-button:disabled{cursor:not-allowed;opacity:.6}.phone-input__flag{font-size:18px;line-height:1}.phone-input__dial-code{font-weight:500;color:var(--theme-color);font-size:16px}.phone-input__chevron{font-size:12px;color:#6b7280;transition:transform .2s ease}.phone-input__chevron--open{transform:rotate(180deg)}.phone-input__dropdown{position:absolute;top:100%;left:0;right:0;width:200px;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:9999;max-height:300px;overflow:hidden;margin-top:4px}.phone-input__search{position:relative;padding:12px;border-bottom:1px solid #e5e7eb}.phone-input__search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;color:#111!important;background-color:#fff}.phone-input__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.phone-input__search-input::placeholder{color:#9ca3af}.phone-input__search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:14px}.phone-input__options{max-height:200px;overflow-y:auto;width:100%}.phone-input__option{display:flex;align-items:center;gap:8px;width:100%;padding:10px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.phone-input__option:hover{background:#f3f4f6}.phone-input__option--selected{background:#eff6ff;color:var(--theme-color)}.phone-input__option-flag{font-size:16px;flex-shrink:0}.phone-input__option-name{font-size:14px}.phone-input__option-code{font-size:14px;color:#6b7280;font-weight:500}.phone-input__no-results{padding:16px;text-align:center;color:#6b7280;font-size:14px}.phone-input__number{flex:1;padding:8px 16px;border:none;outline:none!important;font-size:16px;color:#111;box-shadow:none;background-color:rgba(0,0,0,0);transition:color .3s ease}.phone-input__number:focus{color:#111}.phone-input__number::placeholder{color:#9ca3af}.phone-input__number:disabled{cursor:not-allowed}.phone-input__error{color:#e74c3c;font-size:12px;margin-top:4px}@media(max-width:768px){.phone-input__country-button{min-width:100px;padding:12px}.phone-input__dial-code{font-size:13px}.phone-input__dropdown{left:-16px;right:-16px}}