.phone-field{position:relative;display:flex;width:100%;align-items:center;border:1px solid var(--phone-field-border,currentColor);background:#fff;transition:border-color .15s,box-shadow .15s}.phone-field--light{--phone-field-border:rgb(20 20 22/12%);height:48px;border-radius:9999px;color:#141416}.phone-field--light:hover{--phone-field-border:rgb(20 20 22/28%)}.phone-field--light:focus-within{--phone-field-border:#141416}.phone-field--dark{--phone-field-border:rgb(255 255 255/20%);height:48px;border-radius:9999px;background:transparent;color:#fff}.phone-field--dark:focus-within{--phone-field-border:#015ff9}.phone-field--dark.phone-field--disabled{background:transparent;opacity:.6}.phone-field--invalid,.phone-field--invalid:focus-within,.phone-field--invalid:hover{--phone-field-border:#b42318}.phone-field--disabled{--phone-field-border:rgb(20 20 22/8%);cursor:not-allowed;background:#f7f7f8;color:rgb(20 20 22/45%)}.phone-field__country{position:relative;display:inline-flex;flex:none;align-items:center;gap:4px;height:32px;margin-left:12px;margin-right:8px;padding:0 6px 0 8px;border:none;border-radius:9999px;background:transparent;color:rgb(20 20 22/55%);cursor:pointer;outline:none;transition:background-color .15s,color .15s}.phone-field__country:hover,.phone-field__country[data-state=open]{background:rgb(20 20 22/5%);color:#141416}.phone-field__country:focus-visible{background:rgb(20 20 22/8%);color:#141416}.phone-field__country:disabled{cursor:not-allowed;background:transparent;color:rgb(20 20 22/30%)}.phone-field__country:after{content:"";position:absolute;top:-7px;right:-8px;bottom:-7px;width:1px;background:var(--phone-field-border,currentColor);transition:background-color .15s;pointer-events:none}.phone-field__chevron{flex:none;width:16px;height:16px;transition:transform .15s}.phone-field__country[data-state=open] .phone-field__chevron{transform:rotate(180deg)}.phone-field--dark .phone-field__country{color:rgb(255 255 255/70%)}.phone-field--dark .phone-field__country:hover,.phone-field--dark .phone-field__country[data-state=open]{background:rgb(255 255 255/8%);color:#fff}.phone-field--dark .phone-field__country:focus-visible{background:rgb(255 255 255/12%);color:#fff}.phone-field--dark .phone-field__country:disabled{background:transparent;color:rgb(255 255 255/40%)}.react-tel-input.phone-flag{display:inline-block;flex:none;width:16px;height:11px;font-size:0;line-height:0}.react-tel-input.phone-flag .flag{display:block}.phone-field>.react-tel-input{flex:1 1 0%;width:auto;min-width:0;height:100%;font-family:inherit}.phone-field>.react-tel-input .flag-dropdown{display:none}.phone-field>.react-tel-input .form-control{width:100%;height:100%;border:none;border-radius:0 9999px 9999px 0;background:transparent;box-shadow:none;padding:0 20px 0 12px;font-size:16px;line-height:24px;color:inherit}.phone-field--dark>.react-tel-input .form-control{font-size:14px}.phone-field>.react-tel-input .form-control:disabled{cursor:not-allowed}