.diagonal-line{cursor:not-allowed;position:relative;overflow:hidden}.diagonal-line:after{content:"";background:linear-gradient(to bottom right,#0000 49%,#000 50%,#0000 51%);position:absolute;inset:0}.my-phone-input{--react-international-phone-background-color:rgb(var(--background));--react-international-phone-text-color:rgb(var(--foreground));--react-international-phone-border-color:rgb(var(--input));--react-international-phone-country-selector-background-color:rgb(var(--background));--react-international-phone-country-selector-background-color-hover:rgb(var(--accent));--react-international-phone-country-selector-border-color:rgb(var(--input));--react-international-phone-country-selector-arrow-color:rgb(var(--foreground-muted));--react-international-phone-dropdown-item-background-color:rgb(var(--popover));--react-international-phone-dropdown-item-text-color:rgb(var(--popover-foreground));--react-international-phone-dropdown-item-dial-code-color:rgb(var(--foreground-muted));--react-international-phone-selected-dropdown-item-background-color:rgb(var(--accent));--react-international-phone-selected-dropdown-item-text-color:rgb(var(--accent-foreground));--react-international-phone-selected-dropdown-item-dial-code-color:rgb(var(--foreground-muted));--react-international-phone-dropdown-preferred-list-divider-color:rgb(var(--border));--react-international-phone-dial-code-preview-background-color:rgb(var(--muted));--react-international-phone-dial-code-preview-border-color:rgb(var(--input));--react-international-phone-dial-code-preview-text-color:rgb(var(--foreground));--react-international-phone-dial-code-preview-disabled-background-color:rgb(var(--muted));--react-international-phone-dial-code-preview-disabled-text-color:rgb(var(--foreground-disabled));--react-international-phone-disabled-background-color:rgb(var(--muted));--react-international-phone-disabled-text-color:rgb(var(--foreground-disabled));--react-international-phone-disabled-country-selector-background-color:rgb(var(--muted));--react-international-phone-disabled-country-selector-arrow-color:rgb(var(--foreground-disabled))}.my-phone-input .react-international-phone-input-container{border:1px solid rgb(var(--input));background:rgb(var(--muted));border-radius:.375rem;align-items:stretch;width:100%;height:2.25rem;display:flex}.my-phone-input .react-international-phone-input-container .react-international-phone-country-selector{align-items:stretch;display:flex}.my-phone-input .react-international-phone-input-container .react-international-phone-country-selector-button{border:0;border-right:1px solid rgb(var(--input));border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;align-self:stretch;height:auto;margin-right:0;padding:0 .5rem;background:rgb(var(--background) / var(--tw-bg-opacity,1))!important}.my-phone-input .react-international-phone-input{min-width:0;color:rgb(var(--foreground));--tw-ring-shadow:none;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;outline:none;flex:1;align-self:stretch;padding:0 .75rem;font-size:.875rem;background:rgb(var(--background) / var(--tw-bg-opacity,1))!important;border:none!important;border-radius:.375rem!important;height:34px!important}.my-phone-input .react-international-phone-input::placeholder{color:rgb(var(--foreground-muted))}.my-phone-input .custom-button-focus,.my-phone-input .custom-input-focus{background:0 0}.my-phone-input.has-error .react-international-phone-input-container{border-color:rgb(var(--destructive))}.my-phone-input.has-error .react-international-phone-input-container .react-international-phone-country-selector-button{border-right-color:rgb(var(--destructive))}