.hc-phone-input{align-items:center;gap:.5rem;width:100%;display:flex}.hc-phone-input .PhoneInputCountry{background:var(--color-hc-surface-alt);border:1px solid var(--color-hc-border-subtle);border-radius:var(--radius-xl);flex-shrink:0;align-items:center;gap:.5rem;height:3rem;padding:0 .8rem;transition:all .2s;display:flex}.hc-phone-input .PhoneInputCountryIcon{width:1.5rem;height:1rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-hc-border) 30%, transparent)}.hc-phone-input .PhoneInputCountrySelectArrow{border-color:var(--color-hc-text-dim);opacity:.7;border-width:0 1px 1px 0;padding:3px}.hc-phone-input .PhoneInputInput{background:var(--color-hc-surface-alt);border:1px solid var(--color-hc-border-subtle);border-radius:var(--radius-xl);height:3rem;color:var(--color-hc-text);outline:none;flex:1;padding:0 1rem;font-size:.875rem;transition:all .2s ease-in-out}.hc-phone-input .PhoneInputInput::placeholder{color:var(--color-hc-text-dim)}.hc-phone-input .PhoneInputInput:focus{box-shadow:0 0 0 2px var(--color-hc-primary-glow);border-color:color-mix(in srgb, var(--color-hc-primary) 50%, transparent)}.hc-phone-input.border-hc-primary\/50 .PhoneInputCountry,.hc-phone-input.border-hc-primary\/50 .PhoneInputInput{border-color:color-mix(in srgb, var(--color-hc-primary) 50%, transparent)}.hc-phone-input.border-destructive .PhoneInputCountry,.hc-phone-input.border-destructive .PhoneInputInput{border:2px solid var(--color-destructive)!important}.hc-phone-input.border-destructive .PhoneInputInput:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-destructive) 15%, transparent);border-color:var(--color-destructive)!important}.hc-phone-input--outlined .PhoneInputCountry,.hc-phone-input--outlined .PhoneInputInput{border-color:var(--color-hc-border);background:0 0}.hc-phone-input--outlined .PhoneInputInput:focus{box-shadow:0 0 0 3px var(--color-hc-primary-glow);border-color:color-mix(in srgb, var(--color-hc-primary) 50%, transparent)}.hc-phone-input .PhoneInputCountrySelect,.hc-phone-input .PhoneInputCountrySelect option{background-color:var(--color-hc-surface);color:var(--color-hc-text)}