.vhp-focus-message{
    display:grid;
    grid-template-columns:26px minmax(0,1fr) auto 28px;
    align-items:center;
    gap:10px;
    width:min(760px,calc(100% - 24px));
    margin:10px auto;
    padding:12px 14px;
    border:1px solid #c3c4c7;
    border-left-width:5px;
    border-radius:7px;
    background:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.16);
    box-sizing:border-box;
    position:relative;
    z-index:100005;
    outline:none;
}
.vhp-focus-message:focus{box-shadow:0 0 0 2px #2271b1,0 6px 20px rgba(0,0,0,.16)}
.vhp-focus-message-error{border-left-color:#d63638;background:#fff5f5}
.vhp-focus-message-success{border-left-color:#00a32a;background:#f3fff5}
.vhp-focus-message-warning{border-left-color:#dba617;background:#fffaf0}
.vhp-focus-message-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    font-weight:800;
    line-height:1;
}
.vhp-focus-message-error .vhp-focus-message-icon{background:#d63638;color:#fff}
.vhp-focus-message-success .vhp-focus-message-icon{background:#00a32a;color:#fff}
.vhp-focus-message-warning .vhp-focus-message-icon{background:#dba617;color:#1d2327}
.vhp-focus-message-text{font-weight:600;line-height:1.4;min-width:0}
.vhp-focus-message-hint{font-size:12px;color:#646970;white-space:nowrap}
.vhp-focus-message-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    min-width:28px;
    margin:0;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#50575e;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.vhp-focus-message-close:hover,.vhp-focus-message-close:focus{background:rgba(0,0,0,.08);color:#1d2327}
@media(max-width:700px){
    .vhp-focus-message{grid-template-columns:24px minmax(0,1fr) 28px}
    .vhp-focus-message-hint{grid-column:2/4;white-space:normal}
}

.vhp-focus-message-local{
    grid-column:1/-1!important;
    flex:0 0 auto!important;
    min-width:0!important;
    width:min(760px,calc(100% - 20px))!important;
    max-width:calc(100% - 20px)!important;
    margin:10px!important;
    writing-mode:horizontal-tb!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}
.vhp-focus-message-local .vhp-focus-message-text,
.vhp-focus-message-local .vhp-focus-message-hint{
    writing-mode:horizontal-tb!important;
    word-break:normal!important;
}
.vhp-service-admin-card>.vhp-focus-message-local,
.vhp-area-card-wide>.vhp-focus-message-local{
    align-self:stretch!important;
}