.fi-phone-input,.fi-phone-input *,.fi-phone-input__dropdown,.fi-phone-input__dropdown *{box-sizing:border-box}.fi-phone-input,.fi-phone-input__dropdown{--fi-phone-input-bg: white;--fi-phone-input-text: var(--gray-950);--fi-phone-input-muted-text: var(--gray-500);--fi-phone-input-placeholder: var(--gray-400);--fi-phone-input-border: color-mix(in oklch, var(--gray-950) 10%, transparent);--fi-phone-input-subtle-border: color-mix(in oklch, var(--gray-950) 8%, transparent);--fi-phone-input-hover-bg: var(--gray-50);--fi-phone-input-search-bg: white;--fi-phone-input-option-text: var(--gray-700);--fi-phone-input-option-hover-text: var(--gray-950);--fi-phone-input-primary: var(--primary-600);--fi-phone-input-primary-text: var(--primary-700);--fi-phone-input-primary-bg: var(--primary-50);--fi-phone-input-primary-hover-bg: var(--primary-100);--fi-phone-input-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--fi-phone-input-input-shadow: 0 0 0 1px var(--fi-phone-input-border), 0 1px 2px 0 rgb(0 0 0 / .05);--fi-phone-input-input-focus-shadow: 0 0 0 2px var(--fi-phone-input-primary), 0 1px 2px 0 rgb(0 0 0 / .05)}.dark .fi-phone-input,.fi-phone-input__dropdown--dark{--fi-phone-input-bg: var(--gray-900);--fi-phone-input-text: white;--fi-phone-input-muted-text: var(--gray-400);--fi-phone-input-placeholder: var(--gray-400);--fi-phone-input-border: color-mix(in oklch, white 10%, transparent);--fi-phone-input-subtle-border: color-mix(in oklch, white 8%, transparent);--fi-phone-input-hover-bg: color-mix(in oklch, white 6%, transparent);--fi-phone-input-search-bg: var(--gray-800);--fi-phone-input-option-text: var(--gray-200);--fi-phone-input-option-hover-text: white;--fi-phone-input-primary: var(--primary-500);--fi-phone-input-primary-text: var(--primary-400);--fi-phone-input-primary-bg: color-mix(in oklch, var(--primary-400) 16%, transparent);--fi-phone-input-primary-hover-bg: color-mix(in oklch, var(--primary-400) 22%, transparent);--fi-phone-input-shadow: 0 20px 25px -5px rgb(0 0 0 / .45), 0 8px 10px -6px rgb(0 0 0 / .45);--fi-phone-input-input-shadow: 0 0 0 1px color-mix(in oklch, white 12%, transparent), 0 1px 2px 0 rgb(0 0 0 / .3);--fi-phone-input-input-focus-shadow: 0 0 0 2px var(--fi-phone-input-primary), 0 1px 2px 0 rgb(0 0 0 / .3)}.fi-phone-input{width:100%}.fi-phone-input [x-cloak],.fi-phone-input__dropdown[x-cloak]{display:none!important}.fi-phone-input__country-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:3.5rem;margin:0;padding:0 .75rem;gap:.75rem;color:var(--fi-phone-input-muted-text);background-color:transparent;border:0;border-right:1px solid var(--fi-phone-input-border);border-radius:.5rem 0 0 .5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fi-phone-input__country-button:hover,.fi-phone-input__country-button:focus-visible{background-color:var(--fi-phone-input-hover-bg);outline:none}.fi-phone-input__country-button:disabled{cursor:not-allowed;opacity:.7}.fi-phone-input__iso,.fi-phone-input__option-iso{font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:.025em}.fi-phone-input__flag,.fi-phone-input__option-flag{display:block;flex:0 0 auto;width:1.333rem;min-width:1.333rem;height:1rem;overflow:hidden;object-fit:cover;border-radius:.125rem;box-shadow:0 0 0 1px #00000014}.fi-phone-input__flag--rectangle{width:1.333rem;min-width:1.333rem;height:1rem}.fi-phone-input__flag--square{width:1rem;min-width:1rem;height:1rem}.fi-phone-input__arrow{width:.375rem;height:.375rem;margin-top:-.125rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.fi-phone-input__dropdown{position:fixed;z-index:99999;display:flex;flex-direction:column;min-width:0;overflow:hidden;color:var(--fi-phone-input-text);background-color:var(--fi-phone-input-bg);border:1px solid var(--fi-phone-input-border);border-radius:.75rem;box-shadow:var(--fi-phone-input-shadow)}.fi-phone-input__search{flex:0 0 auto;width:100%;padding:.375rem;background-color:inherit;border-bottom:1px solid var(--fi-phone-input-subtle-border)}.fi-phone-input__search-input{display:block;width:100%;min-width:100%;height:2.5rem;margin:0;padding:.5rem .75rem;color:var(--fi-phone-input-text);font:inherit;font-size:.875rem;line-height:1.25rem;background-color:var(--fi-phone-input-search-bg);border:0;border-radius:.5rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--fi-phone-input-input-shadow)}.fi-phone-input__search-input::placeholder{color:var(--fi-phone-input-placeholder)}.fi-phone-input__search-input:focus{box-shadow:var(--fi-phone-input-input-focus-shadow)}.fi-phone-input__search-input::-webkit-search-decoration,.fi-phone-input__search-input::-webkit-search-cancel-button,.fi-phone-input__search-input::-webkit-search-results-button,.fi-phone-input__search-input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.fi-phone-input__options{flex:1 1 auto;width:100%;min-height:0;padding:.25rem;overflow-y:auto;background-color:inherit}.fi-phone-input__group+.fi-phone-input__group{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--fi-phone-input-subtle-border)}.fi-phone-input__group-label{padding:.375rem .625rem .25rem;color:var(--fi-phone-input-muted-text);font-size:.6875rem;font-weight:600;line-height:1rem;letter-spacing:.05em;text-transform:uppercase}.fi-phone-input__option{display:flex;align-items:center;width:100%;margin:0;padding:.5rem .625rem;gap:.625rem;color:var(--fi-phone-input-option-text);font:inherit;font-size:.875rem;line-height:1.25rem;text-align:left;background-color:transparent;border:0;border-radius:.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fi-phone-input__option:hover,.fi-phone-input__option:focus-visible{color:var(--fi-phone-input-option-hover-text);background-color:var(--fi-phone-input-hover-bg);outline:none}.fi-phone-input__option--selected{color:var(--fi-phone-input-primary-text);background-color:var(--fi-phone-input-primary-bg)}.fi-phone-input__option--selected:hover,.fi-phone-input__option--selected:focus-visible{color:var(--fi-phone-input-primary-text);background-color:var(--fi-phone-input-primary-hover-bg)}.fi-phone-input__option-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-phone-input__option-code{flex:0 0 auto;color:var(--fi-phone-input-muted-text)}.fi-phone-input__no-results{padding:.625rem .75rem;color:var(--fi-phone-input-muted-text);font-size:.875rem;line-height:1.25rem}