/* Поле «Как с вами связаться» (assets/contact-field.js). Наследует цвета формы, поэтому работает на светлых и тёмных страницах. */
.vh-contact{display:grid;gap:8px;text-align:left}
.vh-contact-label{font-weight:600;font-size:15px}
.vh-contact-label,.vh-contact-methods span,.vh-contact-hint{text-transform:none;letter-spacing:normal;font-family:inherit}
.vh-contact-methods{display:flex;flex-wrap:wrap;gap:6px;border:0;margin:0;padding:0}
.vh-contact-methods label{position:relative;display:block;margin:0;font-weight:500}
.vh-contact-methods input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.vh-contact-methods span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);font-size:14.5px;cursor:pointer;transition:border-color .15s,background .15s}
.vh-contact-methods input:checked+span{border-color:var(--vh-contact-accent,#e5532f);background:color-mix(in srgb,var(--vh-contact-accent,#e5532f) 12%,transparent);font-weight:600}
.vh-contact-methods input:focus-visible+span{outline:2px solid var(--vh-contact-accent,#e5532f);outline-offset:2px}
.vh-contact input[data-vh-contact-input]{width:100%}
.vh-contact-hint{min-height:1.4em;margin:0;font-size:13.5px;opacity:.8}
.vh-contact-hint.is-error{color:#d93025;opacity:1}
.vh-contact input[aria-invalid="true"]{border-color:#d93025!important}