.phone-input{position:relative;width:100%}.phone-input.focused{border-radius:calc(var(--radius) - 2px);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.phone-input .form-control{height:42px!important;width:100%!important;--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.phone-input .form-control:focus{--tw-border-opacity:1!important;border-color:rgb(59 130 246/var(--tw-border-opacity,1))!important;outline:2px solid transparent!important;outline-offset:2px!important}.phone-input .country-list.country-list{padding:0!important}.phone-input .flag-button{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.phone-input .flag-button:focus{outline:2px solid transparent!important;outline-offset:2px!important}.phone-input .flag-button{border-right-width:0!important}.phone-input .form-control{border-left-width:0!important}.phone-input .country-list{margin-top:.25rem!important;border-radius:calc(var(--radius) - 2px)!important;border-width:1px!important;--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important;--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:300px;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.phone-input .country-list .search-box{position:sticky;margin-left:0;display:flex;z-index:10;background-color:#fff}.phone-input .country-list .search-emoji{border:none;margin-top:3px}.phone-input .country-list .search-box input{border:none}.phone-input .country-list{cursor:pointer!important;padding:.5rem 1rem!important}.phone-input .country-list:hover{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.phone-input .country-list{overflow-y:auto;max-height:240px}.phone-input .country-list .country.highlight{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.phone-input .country-list .flag{margin-right:.5rem!important}.phone-input .country-list .country-name{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.phone-input .country-list .dial-code{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.phone-input .flag-button{border-top-left-radius:calc(var(--radius) - 2px)!important;border-bottom-left-radius:calc(var(--radius) - 2px)!important}.phone-input .form-control{border-top-right-radius:calc(var(--radius) - 2px)!important;border-bottom-right-radius:calc(var(--radius) - 2px)!important}.phone-input .flag-dropdown{border:1px solid #e5e7eb!important;border-right:none!important;border-radius:.375rem 0 0 .375rem!important;background-color:#fff!important}.phone-input .flag-dropdown:focus,.phone-input .flag-dropdown:hover{border-color:#3b82f6!important}.phone-input .selected-flag{padding:0 8px!important;border-radius:.375rem 0 0 .375rem!important}.phone-input .selected-flag:focus,.phone-input .selected-flag:hover{background-color:#f3f4f6!important}