.contact-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #55595d;border-radius:14px;background:#303233;color:#f2f4f8;box-shadow:0 18px 70px #0008;overflow:auto}
.contact-dialog::backdrop{background:#0009}
.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.contact-heading h2{margin:0;font-size:23px;line-height:1.25}
.contact-close{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:#454748;color:#f2f4f8;font-size:25px;line-height:1}
.contact-description{margin:12px 0 20px;color:#cfcfd2;font-size:14px}
.contact-dialog form{display:flex;flex-direction:column;gap:8px}
.contact-dialog label{font-size:14px;font-weight:600}
.contact-dialog input,.contact-dialog textarea{width:100%;border:1px solid #61666b;border-radius:7px;background:#232526;color:#f2f4f8;padding:10px 12px;font:inherit;margin-bottom:8px}
.contact-dialog textarea{resize:vertical;min-height:120px}
.contact-dialog input:focus,.contact-dialog textarea:focus{outline:2px solid #39a5f5;outline-offset:1px}
.contact-dialog .contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-status{min-height:21px;margin:0;font-size:14px;color:#cfcfd2}
.contact-status.is-error{color:#ffb2b2}
.contact-status.is-success{color:#83ffe7}
.contact-submit{align-self:flex-start}
@media(max-width:480px){.contact-dialog{padding:20px}.contact-heading h2{font-size:20px}.contact-submit{width:100%}}