.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro));appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white));cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:#0000}.react-international-phone-country-selector-button__button-content{justify-content:center;align-items:center;display:flex}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke))}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white));width:300px;max-height:200px;box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px #00000040);color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex;position:absolute;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro));border:none}.react-international-phone-country-selector-dropdown__list-item{min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px;display:flex}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap;margin-right:8px;overflow:hidden}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke))}.react-international-phone-dial-code-preview{border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro));background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px));justify-content:center;align-items:center;margin-right:-1px;padding:0 8px;display:flex}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.react-international-phone-input-container .react-international-phone-input{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-border-color,gainsboro);border-radius:var(--react-international-phone-border-radius,4px);background-color:var(--react-international-phone-background-color,white);color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px);border-top-left-radius:0;border-bottom-left-radius:0;margin:0;padding:0 8px;overflow:visible}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,whitesmoke);color:var(--react-international-phone-disabled-text-color,#666)}
.phone-field.react-international-phone-input-container{width:100%;min-width:0;height:var(--react-international-phone-height,2rem);box-sizing:border-box;border:1px solid var(--input);--react-international-phone-height:2rem;--react-international-phone-font-size:.875rem;--react-international-phone-border-radius:.5rem;--react-international-phone-border-color:transparent;--react-international-phone-background-color:transparent;--react-international-phone-text-color:var(--foreground);--react-international-phone-selected-dropdown-item-background-color:var(--accent);--react-international-phone-selected-dropdown-item-text-color:var(--accent-foreground);--react-international-phone-dropdown-item-background-color:var(--popover);--react-international-phone-dropdown-item-text-color:var(--popover-foreground);--react-international-phone-dropdown-item-dial-code-color:var(--muted-foreground);--react-international-phone-dropdown-shadow:0 8px 24px #0000001f;--react-international-phone-country-selector-background-color:transparent;--react-international-phone-country-selector-background-color-hover:transparent;--react-international-phone-disabled-background-color:transparent;--react-international-phone-flag-width:22px;--react-international-phone-flag-height:16px;--react-international-phone-dropdown-top:calc(100% + 4px);background:0 0;border-radius:.5rem;transition:border-color .15s,box-shadow .15s;display:flex;overflow:visible}.phone-field-lg.react-international-phone-input-container{--react-international-phone-height:2.5rem;--react-international-phone-font-size:1rem;height:2.5rem}.phone-field:hover{border-color:color-mix(in srgb, var(--input) 70%, var(--foreground))}.phone-field:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 50%, transparent)}:is(.phone-field-invalid,.phone-field:has(.react-international-phone-input[aria-invalid=true])){border-color:var(--destructive)}:is(.phone-field-invalid:focus-within,.phone-field:has(.react-international-phone-input[aria-invalid=true]):focus-within){box-shadow:0 0 0 3px color-mix(in srgb, var(--destructive) 20%, transparent)}.phone-field .react-international-phone-country-selector{flex-shrink:0;height:100%;display:flex}.phone-field-country{appearance:none;height:100%;color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:0;outline:none;align-items:center;gap:.35rem;margin:0;padding:0 .4rem 0 .7rem;display:flex}.phone-field-country:disabled{cursor:not-allowed;opacity:.5}.phone-field .react-international-phone-dial-code-preview{border-right:1px solid var(--input);height:100%;font-size:var(--react-international-phone-font-size,.875rem);font-variant-numeric:tabular-nums;color:var(--muted-foreground);align-items:center;padding:0 .65rem 0 .15rem;display:flex}.phone-field:hover .react-international-phone-dial-code-preview,.phone-field:focus-within .react-international-phone-dial-code-preview{border-right-color:color-mix(in srgb, var(--input) 70%, var(--foreground))}.phone-field:focus-within .react-international-phone-dial-code-preview{border-right-color:var(--ring)}.phone-field.react-international-phone-input-container .react-international-phone-input{width:100%;min-width:0;height:100%;box-shadow:none;color:var(--foreground);font-family:inherit;font-size:var(--react-international-phone-font-size,.875rem);background:0 0;border:0;border-radius:0;outline:none;flex:auto;margin:0;padding:0 .65rem}.phone-field.react-international-phone-input-container .react-international-phone-input:focus{box-shadow:none;border:0;outline:none}.phone-field .react-international-phone-country-selector-dropdown{z-index:80;border:1px solid var(--border);border-radius:.5rem;width:min(18.5rem,100vw - 2rem);max-height:16rem;top:calc(100% + 6px);left:0;overflow-y:auto}