:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,0.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,0.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.signup-phone-field{--PhoneInput-color--focus:#db2777;--PhoneInputCountryFlag-borderColor:rgba(255,255,255,0.12);--PhoneInputCountryFlag-borderColor--focus:#db2777;--PhoneInputCountrySelectArrow-color:rgba(255,255,255,0.45);--PhoneInputCountrySelectArrow-color--focus:#db2777}.signup-phone-field .PhoneInput{display:flex;align-items:stretch;gap:0;width:100%;min-height:2.25rem;border-radius:.375rem;border:1px solid #242424;background-color:#242424;transition:box-shadow .15s ease,border-color .15s ease}.signup-phone-field .PhoneInput:focus-within{border-color:transparent;box-shadow:0 0 0 1px #db2777,0 0 0 3px rgba(219,39,119,.25)}.signup-phone-field .PhoneInputCountry{margin-right:0;padding-left:.375rem;padding-right:.25rem;border-right:1px solid rgba(255,255,255,.06)}.signup-phone-field .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.12)}.signup-phone-field .PhoneInputInput{flex:1;min-width:0;height:2.25rem;border:none!important;border-radius:0 .375rem .375rem 0;background:transparent!important;color:#e5e7eb;font-size:.875rem;line-height:1.25rem;padding-left:.5rem;padding-right:.75rem;box-shadow:none!important;outline:none!important}.signup-phone-field .PhoneInputInput::placeholder{color:#6b7280}.signup-phone-field .PhoneInputInput:disabled{opacity:.5;cursor:not-allowed}.signup-phone-field .PhoneInputInput[aria-invalid=true]{color:#fca5a5}.phone-field-ui{--PhoneInput-color--focus:var(--ring);--PhoneInputCountryFlag-borderColor:color-mix(in oklch,var(--border) 70%,transparent);--PhoneInputCountryFlag-borderColor--focus:var(--ring);--PhoneInputCountrySelectArrow-color:var(--muted-foreground);--PhoneInputCountrySelectArrow-color--focus:var(--foreground)}.phone-field-ui .PhoneInput{display:flex;align-items:stretch;gap:0;width:100%;min-height:2.25rem;border-radius:.375rem;border:1px solid var(--input);background-color:transparent;box-shadow:0 1px 2px 0 oklch(0 0 0/.05);transition:color .15s ease,box-shadow .15s ease,border-color .15s ease}.phone-field-ui .PhoneInput:focus-within{border-color:var(--ring);box-shadow:0 1px 2px 0 oklch(0 0 0/.05),0 0 0 3px color-mix(in oklch,var(--ring) 50%,transparent)}.phone-field-ui .PhoneInputCountry{margin-right:0;padding-left:.375rem;padding-right:.25rem;border-right:1px solid var(--border)}.phone-field-ui .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px color-mix(in oklch,var(--border) 80%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--border) 80%,transparent)}.phone-field-ui .PhoneInputInput{flex:1;min-width:0;height:2.25rem;border:none!important;border-radius:0 .375rem .375rem 0;background:transparent!important;color:var(--foreground);font-size:.875rem;line-height:1.25rem;padding-left:.5rem;padding-right:.75rem;box-shadow:none!important;outline:none!important}.phone-field-ui .PhoneInputInput::placeholder{color:var(--muted-foreground)}.phone-field-ui .PhoneInputInput:disabled{opacity:.5;cursor:not-allowed}.phone-field-ui .PhoneInputInput[aria-invalid=true]{color:var(--destructive)}