.PhoneInput{width:100%;display:flex;align-items:center;border:1px solid var(--chakra-colors-vp_border);border-radius:4px;height:40px;font-size:14px;transition:all .2s;background-color:var(--chakra-colors-vp_white)}.PhoneInput:focus-within{border-color:var(--chakra-colors-vp_primary);box-shadow:0 0 0 1px var(--chakra-colors-vp_primary)}.PhoneInput--error{border-color:var(--chakra-colors-vp_red)}.PhoneInputCountry{display:flex;align-items:center;padding:0 8px;border-right:1px solid var(--chakra-colors-vp_border);background-color:var(--chakra-colors-vp_bgGrey);border-radius:4px 0 0 4px;min-width:60px;height:100%}.PhoneInputCountrySelect{border:none;background:transparent;font-size:14px;font-weight:500;cursor:pointer;padding:4px;border-radius:2px;outline:none;color:var(--chakra-colors-vp_textPrimary)}.PhoneInputCountrySelect:focus,.PhoneInputCountrySelect:hover{background-color:var(--chakra-colors-vp_bgGreyHover)}.PhoneInputCountryIcon{width:20px;height:15px;margin-right:4px;border-radius:2px}.PhoneInputInput{flex:1 1;border:none;outline:none;padding:9px 16px;font-size:14px;color:var(--chakra-colors-vp_textPrimary);background-color:transparent;height:100%}.PhoneInputInput::placeholder{color:var(--chakra-colors-vp_textPlaceholder)}.PhoneInputCountryIconArrow{opacity:.45;margin-left:4px}.PhoneInputCountryIconArrow--up{transform:rotate(180deg)}.PhoneInputCountrySelectDropdown{position:absolute;z-index:1000;background-color:var(--chakra-colors-vp_white);border:1px solid var(--chakra-colors-vp_border);border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;margin-top:4px}.PhoneInputCountryOption{padding:8px 12px;cursor:pointer;display:flex;align-items:center;color:var(--chakra-colors-vp_textPrimary);font-size:14px}.PhoneInputCountryOption:hover{background-color:var(--chakra-colors-vp_bgGreyHover)}.PhoneInputCountryOption--selected{background-color:var(--chakra-colors-vp_bgLightBlue);color:var(--chakra-colors-vp_primary)}.dark [class*=react-phone-number-input],body.dark [class*=react-phone-number-input],html.dark [class*=react-phone-number-input]{--phone-input-bg:var(--chakra-colors-vp_whiteDark);--phone-input-border:var(--chakra-colors-vp_bgGreyDark);--phone-input-text:var(--chakra-colors-vp_textPrimaryDark);--phone-input-hover:var(--chakra-colors-vp_bgGreyDark)}.dark [class*=PhoneInputCountry] [role=listbox],.dark [class*=PhoneInputCountry] div[style*=position],.dark [class*=PhoneInputCountry] ul,body.dark [class*=PhoneInputCountry] [role=listbox],body.dark [class*=PhoneInputCountry] div[style*=position],body.dark [class*=PhoneInputCountry] ul,html.dark [class*=PhoneInputCountry] [role=listbox],html.dark [class*=PhoneInputCountry] div[style*=position],html.dark [class*=PhoneInputCountry] ul{background-color:var(--chakra-colors-vp_whiteDark)!important;border-color:var(--chakra-colors-vp_bgGreyDark)!important;color:var(--chakra-colors-vp_textPrimaryDark)!important}.dark [class*=PhoneInputCountry] [role=option],.dark [class*=PhoneInputCountry] li,.dark [class*=PhoneInputCountry]>div>div,body.dark [class*=PhoneInputCountry] [role=option],body.dark [class*=PhoneInputCountry] li,body.dark [class*=PhoneInputCountry]>div>div,html.dark [class*=PhoneInputCountry] [role=option],html.dark [class*=PhoneInputCountry] li,html.dark [class*=PhoneInputCountry]>div>div{color:var(--chakra-colors-vp_textPrimaryDark)!important;background-color:var(--chakra-colors-vp_whiteDark)!important}.dark [class*=PhoneInputCountry] [role=option]:hover,.dark [class*=PhoneInputCountry] li:hover,.dark [class*=PhoneInputCountry]>div>div:hover,body.dark [class*=PhoneInputCountry] [role=option]:hover,body.dark [class*=PhoneInputCountry] li:hover,body.dark [class*=PhoneInputCountry]>div>div:hover,html.dark [class*=PhoneInputCountry] [role=option]:hover,html.dark [class*=PhoneInputCountry] li:hover,html.dark [class*=PhoneInputCountry]>div>div:hover{background-color:var(--chakra-colors-vp_bgGreyDark)!important}.dark [class*=PhoneInputCountry] [role=option][aria-selected=true],.dark [class*=PhoneInputCountry] li[class*=selected],body.dark [class*=PhoneInputCountry] [role=option][aria-selected=true],body.dark [class*=PhoneInputCountry] li[class*=selected],html.dark [class*=PhoneInputCountry] [role=option][aria-selected=true],html.dark [class*=PhoneInputCountry] li[class*=selected]{background-color:var(--chakra-colors-vp_bgGreyDark)!important;color:var(--chakra-colors-vp_lightBlue)!important}.dark .PhoneInput,body.dark .PhoneInput,html.dark .PhoneInput{background-color:var(--chakra-colors-vp_whiteDark);border-color:var(--chakra-colors-vp_bgGreyDark)}.dark .PhoneInput:focus-within,body.dark .PhoneInput:focus-within,html.dark .PhoneInput:focus-within{border-color:var(--chakra-colors-vp_lightBlue);box-shadow:0 0 0 1px var(--chakra-colors-vp_lightBlue)}.dark .PhoneInputCountry,body.dark .PhoneInputCountry,html.dark .PhoneInputCountry{background-color:var(--chakra-colors-vp_bgGreyDark);border-right-color:var(--chakra-colors-vp_bgGreyDark)}.dark .PhoneInputCountrySelect,body.dark .PhoneInputCountrySelect,html.dark .PhoneInputCountrySelect{color:var(--chakra-colors-vp_textPrimaryDark)}.dark .PhoneInputCountrySelect:focus,.dark .PhoneInputCountrySelect:hover,body.dark .PhoneInputCountrySelect:focus,body.dark .PhoneInputCountrySelect:hover,html.dark .PhoneInputCountrySelect:focus,html.dark .PhoneInputCountrySelect:hover{background-color:var(--chakra-colors-vp_bgGreyDark)}.dark .PhoneInputInput,body.dark .PhoneInputInput,html.dark .PhoneInputInput{color:var(--chakra-colors-vp_textPrimaryDark)}.dark .PhoneInputInput::placeholder,body.dark .PhoneInputInput::placeholder,html.dark .PhoneInputInput::placeholder{color:var(--chakra-colors-vp_textSecondaryDark)}.dark .PhoneInputCountrySelectDropdown,.dark [class*=PhoneInputCountrySelect],.dark div[class*=PhoneInputCountry],body.dark .PhoneInputCountrySelectDropdown,body.dark [class*=PhoneInputCountrySelect],body.dark div[class*=PhoneInputCountry],html.dark .PhoneInputCountrySelectDropdown,html.dark [class*=PhoneInputCountrySelect],html.dark div[class*=PhoneInputCountry]{background-color:var(--chakra-colors-vp_whiteDark)!important;border-color:var(--chakra-colors-vp_bgGreyDark)!important;box-shadow:0 4px 6px rgba(0,0,0,.3)!important}.dark>div[class*=PhoneInput],.dark>div[class*=react-phone-number-input],body.dark>div[class*=PhoneInput],body.dark>div[class*=react-phone-number-input],html.dark>div[class*=PhoneInput],html.dark>div[class*=react-phone-number-input]{background-color:var(--chakra-colors-vp_whiteDark)!important;border-color:var(--chakra-colors-vp_bgGreyDark)!important;color:var(--chakra-colors-vp_textPrimaryDark)!important}.dark>div[class*=PhoneInput] *,.dark>div[class*=react-phone-number-input] *,body.dark>div[class*=PhoneInput] *,body.dark>div[class*=react-phone-number-input] *,html.dark>div[class*=PhoneInput] *,html.dark>div[class*=react-phone-number-input] *{background-color:var(--chakra-colors-vp_whiteDark)!important;color:var(--chakra-colors-vp_textPrimaryDark)!important}.dark>div[class*=PhoneInput] :hover,.dark>div[class*=react-phone-number-input] :hover,body.dark>div[class*=PhoneInput] :hover,body.dark>div[class*=react-phone-number-input] :hover,html.dark>div[class*=PhoneInput] :hover,html.dark>div[class*=react-phone-number-input] :hover{background-color:var(--chakra-colors-vp_bgGreyDark)!important}.dark .PhoneInputCountryOption,.dark [class*=PhoneInputCountryOption],.dark div[class*=PhoneInputCountry]>div,.dark ul[class*=PhoneInputCountry] li,body.dark .PhoneInputCountryOption,body.dark [class*=PhoneInputCountryOption],body.dark div[class*=PhoneInputCountry]>div,body.dark ul[class*=PhoneInputCountry] li,html.dark .PhoneInputCountryOption,html.dark [class*=PhoneInputCountryOption],html.dark div[class*=PhoneInputCountry]>div,html.dark ul[class*=PhoneInputCountry] li{color:var(--chakra-colors-vp_textPrimaryDark)!important;background-color:var(--chakra-colors-vp_whiteDark)!important}.dark .PhoneInputCountryOption:hover,.dark [class*=PhoneInputCountryOption]:hover,.dark div[class*=PhoneInputCountry]>div:hover,.dark ul[class*=PhoneInputCountry] li:hover,body.dark .PhoneInputCountryOption:hover,body.dark [class*=PhoneInputCountryOption]:hover,body.dark div[class*=PhoneInputCountry]>div:hover,body.dark ul[class*=PhoneInputCountry] li:hover,html.dark .PhoneInputCountryOption:hover,html.dark [class*=PhoneInputCountryOption]:hover,html.dark div[class*=PhoneInputCountry]>div:hover,html.dark ul[class*=PhoneInputCountry] li:hover{background-color:var(--chakra-colors-vp_bgGreyDark)!important}.dark .PhoneInputCountryOption--selected,.dark [class*=PhoneInputCountryOption--selected],.dark div[class*=PhoneInputCountry]>div[class*=selected],body.dark .PhoneInputCountryOption--selected,body.dark [class*=PhoneInputCountryOption--selected],body.dark div[class*=PhoneInputCountry]>div[class*=selected],html.dark .PhoneInputCountryOption--selected,html.dark [class*=PhoneInputCountryOption--selected],html.dark div[class*=PhoneInputCountry]>div[class*=selected]{background-color:var(--chakra-colors-vp_bgGreyDark)!important;color:var(--chakra-colors-vp_lightBlue)!important}.dark [class*=PhoneInput] [class*=Country],.dark [class*=PhoneInput] ol,.dark [class*=PhoneInput] ol li,.dark [class*=PhoneInput] ul,.dark [class*=PhoneInput] ul li,.dark [class*=react-phone-number-input] [class*=Country],.dark [class*=react-phone-number-input] ul,.dark [class*=react-phone-number-input] ul li,body.dark [class*=PhoneInput] [class*=Country],body.dark [class*=PhoneInput] ol,body.dark [class*=PhoneInput] ol li,body.dark [class*=PhoneInput] ul,body.dark [class*=PhoneInput] ul li,body.dark [class*=react-phone-number-input] [class*=Country],body.dark [class*=react-phone-number-input] ul,body.dark [class*=react-phone-number-input] ul li,html.dark [class*=PhoneInput] [class*=Country],html.dark [class*=PhoneInput] ol,html.dark [class*=PhoneInput] ol li,html.dark [class*=PhoneInput] ul,html.dark [class*=PhoneInput] ul li,html.dark [class*=react-phone-number-input] [class*=Country],html.dark [class*=react-phone-number-input] ul,html.dark [class*=react-phone-number-input] ul li{background-color:var(--chakra-colors-vp_whiteDark)!important;color:var(--chakra-colors-vp_textPrimaryDark)!important}.dark [class*=PhoneInput] ol li:hover,.dark [class*=PhoneInput] ul li:hover,.dark [class*=react-phone-number-input] ul li:hover,body.dark [class*=PhoneInput] ol li:hover,body.dark [class*=PhoneInput] ul li:hover,body.dark [class*=react-phone-number-input] ul li:hover,html.dark [class*=PhoneInput] ol li:hover,html.dark [class*=PhoneInput] ul li:hover,html.dark [class*=react-phone-number-input] ul li:hover{background-color:var(--chakra-colors-vp_bgGreyDark)!important}