/* join.rsntr.com: the enquiry dialog and the language switch. Uses the page's own colours where it has them. */
.brand { justify-content: space-between; }
.brand a.rs-lang { display: inline-block; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-decoration: none; padding: 6px 12px; border: 1.5px solid rgba(255, 255, 255, 0.7); border-radius: 999px; line-height: 1.2; }
.brand a.rs-lang:hover, .brand a.rs-lang:focus-visible { background: #fff; color: var(--violet, #5b3df5); }

.rs-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 16px; color: var(--ink, #16132e); background: #fff; box-shadow: 0 24px 80px rgba(30, 27, 69, 0.35); font-family: var(--font, system-ui, sans-serif); }
.rs-dialog::backdrop { background: rgba(30, 27, 69, 0.55); }
.rs-dialog form { position: relative; display: grid; gap: 14px; padding: 28px; }
.rs-dialog h2 { font-size: 24px; margin: 0; padding-right: 36px; }
.rs-about { margin: -6px 0 2px; color: var(--violet, #5b3df5); font-weight: 600; font-size: 16px; }
.rs-about:empty { display: none; }
.rs-field { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink-soft, #524d70); }
.rs-field input, .rs-field textarea { width: 100%; padding: 11px 12px; border: 1.5px solid var(--line, #e2e0ee); border-radius: 10px; font: inherit; font-size: 16px; font-weight: 400; color: var(--ink, #16132e); background: #fff; }
.rs-field input:focus, .rs-field textarea:focus { outline: 3px solid var(--sky, #6aa0f0); outline-offset: 1px; border-color: var(--violet, #5b3df5); }
.rs-field textarea { resize: vertical; min-height: 96px; }
.rs-trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.rs-close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--bg-tint, #f3f2fa); color: var(--ink, #16132e); font-size: 22px; line-height: 1; cursor: pointer; }
.rs-close:hover, .rs-close:focus-visible { background: var(--line, #e2e0ee); }
.rs-status { margin: 0; font-size: 15px; min-height: 0; }
.rs-status:empty { display: none; }
.rs-status.rs-error { color: #b3261e; }
.rs-status.rs-ok { color: #17652f; font-weight: 600; font-size: 17px; }
.rs-send { justify-self: start; }
.rs-send[disabled] { opacity: 0.6; cursor: default; }
.rs-done .rs-field, .rs-done .rs-send, .rs-done .rs-about { display: none; }
@media (max-width: 480px) { .rs-dialog form { padding: 22px 18px; } }