/* Start:/local/components/mvmolkov/contact.form/templates/.default/style.css?17911215452164*/
.contact-form-trap {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    pointer-events: none;
}
.contact-form-captcha { min-height: 100px; margin-bottom: 20px; }

[data-contact-component] { --contact-error: #b32438; }
[data-theme="dark"] [data-contact-component] { --contact-error: #ff9baa; }
[data-contact-component] .form-input[aria-invalid="true"],
[data-contact-component] input[type="checkbox"][aria-invalid="true"] {
    border-color: var(--contact-error);
    outline: 2px solid var(--contact-error);
    outline-offset: 2px;
}
[data-contact-component] .form-error,
[data-contact-component] .form-status--error { color: var(--contact-error); }
[data-contact-component] .form-error { margin-top: 8px; font-size: 14px; line-height: 1.5; }
[data-contact-captcha][aria-invalid="true"] { outline: 2px solid var(--contact-error); outline-offset: 4px; }
.contact-result {
    margin: auto;
    width: min(480px, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    padding: 48px 28px 28px;
    border: 1px solid var(--border-color, #d6d2cd);
    border-radius: var(--radius-md, 16px);
    background: var(--color-bg, #f7f5f2);
    color: var(--color-text, #141414);
    font: inherit;
    overflow: auto;
    overscroll-behavior: contain;
}
.contact-result::backdrop { background: rgb(0 0 0 / 55%); }
.contact-result .contact-result__title { margin: 0 0 16px; font-size: clamp(24px, 5vw, 30px); line-height: 1.2; }
.contact-result .contact-result__message { margin: 0 0 28px; font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }
.contact-result .contact-result__close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 28px;
    cursor: pointer;
}
.contact-result .contact-result__close:hover { background: var(--border-color); }
.contact-result button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body:has(.contact-result[open]) { overflow: hidden; }

/* End */
/* /local/components/mvmolkov/contact.form/templates/.default/style.css?17911215452164 */