.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{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));cursor:auto}.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-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-input-container{width:100%;position:relative}.phone-input-container .react-international-phone-input-container{border-radius:.75rem;align-items:center;width:100%;min-height:50px;transition:all .15s;display:flex;background-color:#00000080!important;border:1px solid #ffffff1a!important}.phone-input-container .react-international-phone-input-container:focus-within{border-color:#a855f7!important;box-shadow:0 0 0 2px #a855f733!important}.phone-input-container .react-international-phone-country-selector{align-items:center!important;height:100%!important;display:flex!important}.phone-input-container .react-international-phone-country-selector-button{cursor:pointer;gap:.25rem;padding:.75rem .5rem .75rem .75rem;transition:background-color .15s;background:0 0!important;border:none!important;border-right:1px solid #ffffff1a!important;justify-content:center!important;align-items:center!important;height:100%!important;display:flex!important}.phone-input-container .react-international-phone-country-selector-button:hover{background-color:#ffffff0d!important}.phone-input-container .react-international-phone-country-selector-button__button-content{align-items:center;gap:.25rem;display:flex}.phone-input-container .react-international-phone-flag-emoji{width:24px;height:18px;font-size:1.25rem;line-height:1}.phone-input-container .react-international-phone-country-selector-button__dropdown-arrow{margin-bottom:2px;margin-left:2px;padding:2px;display:inline-block;transform:rotate(45deg);border:2px solid #9ca3af!important;border-width:0 2px 2px 0!important}.phone-input-container .react-international-phone-input{outline:none;flex:1;padding:.75rem;font-size:1rem;color:#fff!important;background:0 0!important;border:none!important;align-items:center!important;display:flex!important}.phone-input-container .react-international-phone-input::placeholder{color:#6b7280!important}.phone-input-container .react-international-phone-dial-code-preview{padding-left:.5rem;padding-right:.25rem;color:#9ca3af!important;align-items:center!important;display:flex!important}.phone-input-container .react-international-phone-country-selector-dropdown{z-index:9999!important;background-color:#111827!important;border:1px solid #ffffff1a!important;border-radius:.75rem!important;width:100%!important;min-width:280px!important;max-width:320px!important;max-height:280px!important;margin:0!important;padding:0!important;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #00000080!important}@media (max-width:640px){.phone-input-container .react-international-phone-country-selector-dropdown{animation:.2s ease-out slideUp;border-radius:1rem 1rem 0 0!important;width:100%!important;max-width:100%!important;max-height:60vh!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.phone-input-container .react-international-phone-country-selector-dropdown__list-item{cursor:pointer!important;background-color:#0000!important;border:none!important;align-items:center!important;gap:.75rem!important;margin:0!important;padding:.75rem 1rem!important;transition:background-color .15s!important;display:flex!important}.phone-input-container .react-international-phone-country-selector-dropdown__list-item:hover{background-color:#a855f71a!important}.phone-input-container .react-international-phone-country-selector-dropdown__list-item--focused,.phone-input-container .react-international-phone-country-selector-dropdown__list-item--selected{background-color:#a855f733!important}.phone-input-container .react-international-phone-country-selector-dropdown__list-item-country-name{color:#fff!important;font-size:.875rem!important}.phone-input-container .react-international-phone-country-selector-dropdown__list-item-dial-code{color:#9ca3af!important;margin-left:auto!important;font-size:.875rem!important}.phone-input-container .react-international-phone-country-selector-dropdown__list-item-flag-emoji{width:24px!important;height:18px!important}.phone-input-container .react-international-phone-country-selector-dropdown__preferred-countries-divider{background-color:#ffffff1a!important;border:none!important;height:1px!important;margin:.25rem 0!important}.phone-input-container .react-international-phone-country-selector-dropdown::-webkit-scrollbar{width:6px}.phone-input-container .react-international-phone-country-selector-dropdown::-webkit-scrollbar-track{background:0 0}.phone-input-container .react-international-phone-country-selector-dropdown::-webkit-scrollbar-thumb{background-color:#9ca3af4d;border-radius:3px}.phone-input-container .react-international-phone-country-selector-dropdown::-webkit-scrollbar-thumb:hover{background-color:#9ca3af80}
