@layer components{.info-field-input.PhoneInput{align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.info-field-input.PhoneInput:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.info-field-input.PhoneInput:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent)}}.info-field-input.PhoneInput.info-field-input-error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error)}@supports (color:color-mix(in lab, red, red)){.info-field-input.PhoneInput.info-field-input-error:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 10%, transparent)}}.info-field-input.PhoneInput .PhoneInputCountry{margin-right:.25rem}.info-field-input.PhoneInput .PhoneInputCountrySelect{cursor:pointer}.info-field-input.PhoneInput .PhoneInputInput{width:100%;min-width:0;color:var(--color-text);background-color:#0000;border:0;outline:none;padding:0;font-size:1rem;line-height:1.5}.info-field-input.PhoneInput .PhoneInputInput::placeholder{color:var(--color-muted)}.info-field-input.PhoneInput .PhoneInputCountryIcon--border{box-shadow:none!important}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.info-alert{width:100%;padding:calc(var(--spacing,4px) * 2);border-radius:50px}.info-alert__content{align-items:center;gap:calc(var(--spacing,4px) * 3);display:flex}.info-alert__icon{flex-shrink:0}.info-alert__title{margin:calc(var(--spacing,4px) * 0);--tw-font-weight:var(--font-weight-semibold,600);font-size:14px;font-weight:var(--font-weight-semibold,600)}.info-alert__message{margin:calc(var(--spacing,4px) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.8}}@property --tw-font-weight{syntax:"*";inherits:false}