.PhoneInput .BaseInput{max-width:286px}@media (max-width:575.99px){.PhoneInput .BaseInput{max-width:unset}.PhoneInput .BaseInput__dropdown-body{padding:0;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:575.99px){.PhoneInput .BaseInput__dropdown-body::-webkit-scrollbar{display:none}}.PhoneInput__region{align-items:center;background:var(--bg-tertiary-opaque);border-radius:6px;cursor:pointer;display:flex;height:34px;justify-content:center;left:4px;position:absolute;top:4px;transition:background-color .2s ease;width:34px;z-index:1}.PhoneInput__region:hover{background:var(--bg-secondary)}.PhoneInput__region--active{background:var(--fill-accent-80)}.PhoneInput__flag{display:flex;font-size:16px;margin-right:2px}.PhoneInput__chevron{display:flex;height:12px;opacity:.6;transition:transform .2s ease;width:12px}.PhoneInput__region--active .PhoneInput__chevron{transform:rotate(180deg)}.PhoneInput .BaseInput__input{padding-left:48px!important}.PhoneInput__input-wrapper{max-width:100%;position:relative;width:286px}@media (max-width:575.99px){.PhoneInput__input-wrapper{width:100%}.PhoneInput__input-wrapper .BaseInput__dropdown{inset:0;position:fixed;z-index:10}}.PhoneInput--full-width .PhoneInput__input-wrapper{width:100%}.PhoneInput--full-width .BaseInput{max-width:100%}.PhoneInput__mask{color:var(--text-tertiary);font-size:16px;left:48px;line-height:22px;pointer-events:none;position:absolute;top:21px;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;z-index:1}.PhoneInput__mask-left{color:transparent}.PhoneInput__mask-right{color:var(--text-tertiary)}