.popup-ph__form{display:flex;flex-direction:column;gap:20px}.popup-ph__phonenumber{display:block;position:relative;width:100%}.popup-ph__box{display:flex;align-items:center;gap:8px;width:100%;height:44px;box-sizing:border-box;padding:10px 16px;padding-right:56px;border:1px solid rgba(34,34,34,.2);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s}.popup-ph__box:focus-within{border-color:var(--popup-input-border)}.popup-ph__input-icon{flex-shrink:0;color:var(--popup-input-icon)}.popup-ph__input-field{flex:1 0 0;min-width:0;border:0;outline:0;padding:0;background:0 0;font-size:14px;line-height:17px;font-weight:400;color:#222;font-family:inherit}.popup-ph__input-field::placeholder{color:#ccc;font-weight:400;opacity:1}.popup-ph__area{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:40px;height:25px;z-index:2}.popup-ph__flag{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:21px;border-radius:2px;background-size:cover;background-position:center;background-repeat:no-repeat}.popup-ph__areacode{position:absolute;inset:0;width:100%;height:100%;z-index:10;margin:0;border:none;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}