.ch-phone-field{
    margin-bottom:14px;
}

.ch-phone-label{
    display:block;
    margin-bottom:7px;
    font-size:14px;
    font-weight:bold;
    color:#333;
}

.ch-phone-control{
    display:flex;
    align-items:stretch;
    width:100%;
    border:1px solid #d9d9d9;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    transition:.2s ease;
}

.ch-phone-control:focus-within{
    border-color:#0f9a93;
    box-shadow:0 0 0 3px rgba(15,154,147,.10);
}

.ch-phone-prefix{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:74px;
    padding:0 14px;
    background:#edfffc;
    color:#0b7f79;
    border-right:1px solid #b9ebe7;
    font-size:15px;
    font-weight:900;
    white-space:nowrap;
}

.ch-phone-local{
    flex:1;
    min-width:0;
    width:100%;
    padding:14px 15px;
    margin:0;
    border:0;
    border-radius:0;
    outline:none;
    box-shadow:none;
    background:#fff;
    font-family:inherit;
    font-size:15px;
}

.ch-phone-help{
    margin-top:6px;
    color:#6b7280;
    font-size:12px;
    line-height:1.4;
}

.ch-phone-error{
    display:none;
    margin-top:7px;
    color:#dc2626;
    font-size:12px;
    font-weight:700;
}

.ch-phone-field.has-error .ch-phone-control{
    border-color:#dc2626;
    box-shadow:0 0 0 3px rgba(220,38,38,.08);
}

.ch-phone-field.has-error .ch-phone-error{
    display:block;
}