/* Сгенерировано cms-inventory/tools/extract_rules.py из
   public/contacts/contacts-page.css. Руками не править — правьте скрипт.

   Оставлены правила по селекторам: .contacts-modal, .contacts-form, .contacts-button, .contacts-consent.
   Нужны там, где окно записи открывается со страницы, у которой
   своих стилей окна нет. Содержимое правил не менялось. */

.contacts-modal h2{margin:0;font-weight:650;letter-spacing:-.045em}
.contacts-button{display:inline-flex;min-height:54px;padding:0 24px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;font:700 14px/1 Manrope,Arial,sans-serif;text-align:center;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.contacts-button:hover{transform:translateY(-2px)}
.contacts-button--primary{border-color:var(--contacts-action);background:var(--contacts-action);color:#fff}
.contacts-button--primary:hover{border-color:var(--contacts-action-hover);background:var(--contacts-action-hover);color:#fff}
.contacts-button--ghost{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff}
.contacts-button--ghost:hover{border-color:#fff;background:#fff;color:var(--contacts-ink)}
.contacts-button--outline{border-color:var(--contacts-line);background:#fff;color:var(--contacts-ink)}
.contacts-button--outline:hover{border-color:var(--contacts-ink)}
.contacts-card__actions .contacts-button{flex:1 1 160px}
.contacts-card .contacts-button--outline{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.contacts-card .contacts-button--outline:hover{border-color:#fff;background:#fff;color:var(--contacts-ink)}
.contacts-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contacts-form label{display:grid;gap:7px;color:inherit;font-size:12px;font-weight:650}
.contacts-form label>span:first-child:not(:only-child){min-height:17px}
.contacts-form input:not([type="checkbox"]){width:100%;height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#fff;color:var(--contacts-ink);font:500 15px/1 Manrope,Arial,sans-serif}
.contacts-consent{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;color:rgba(255,255,255,.7)!important;font-weight:500!important;line-height:1.45}
.contacts-consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--contacts-action)}
.contacts-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.contacts-form__error{grid-column:1/-1;min-height:18px;margin:-4px 0;color:#ffb297;font-size:12px}
.contacts-form>.contacts-button{grid-column:1/-1;width:100%}
.contacts-form__success{display:grid;gap:10px;padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.08)}
.contacts-form__success strong{font-size:28px}
.contacts-form__success span{color:rgba(255,255,255,.74);line-height:1.5}
.contacts-form__success[hidden]{display:none}
.contacts-modal[hidden]{display:none}
.contacts-modal{position:fixed;z-index:120;inset:0;display:grid;padding:20px;place-items:center}
.contacts-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(24,20,32,.72);backdrop-filter:blur(6px);cursor:pointer}
.contacts-modal__dialog{position:relative;width:min(100%,520px);max-height:calc(100vh - 40px);overflow:auto;padding:36px;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(22,18,30,.28)}
.contacts-modal__close{position:absolute;top:16px;right:16px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:0;border-radius:50%;background:var(--contacts-warm);color:var(--contacts-ink);font-size:26px;cursor:pointer}
.contacts-modal h2{padding-right:46px;font-size:42px;line-height:1.08}
.contacts-modal__form-state>p{margin:14px 0 24px;color:var(--contacts-muted);line-height:1.5}
.contacts-form--modal{grid-template-columns:1fr;color:var(--contacts-ink)}
.contacts-form--modal label, .contacts-form--modal .contacts-consent, .contacts-form--modal .contacts-form__error, .contacts-form--modal>.contacts-button{grid-column:1}
.contacts-form--modal input:not([type="checkbox"]){border-color:var(--contacts-line)}
.contacts-form--modal .contacts-consent{color:var(--contacts-muted)!important}
.contacts-form--modal .contacts-consent a{color:var(--contacts-ink)}
.contacts-form--modal .contacts-form__error{color:#b23d20}
.contacts-modal__success{text-align:center}
.contacts-modal__success strong{display:block;font-size:36px}
.contacts-modal__success p{color:var(--contacts-muted);line-height:1.5}
.contacts-modal__success .contacts-button{margin-top:10px}
.contacts-modal__success[hidden]{display:none}
body.contacts-modal-open{overflow:hidden}
@media(max-width:620px){
.contacts-button{width:100%}
.contacts-form{grid-template-columns:1fr}
.contacts-form label, .contacts-form .contacts-consent, .contacts-form .contacts-form__error, .contacts-form>.contacts-button{grid-column:1}
.contacts-modal__dialog{padding:32px 22px 24px;border-radius:24px}
.contacts-modal h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
.contacts-button{transition:none!important}
}