.app-dialog{border:1px solid var(--r-card-line);border-radius:var(--radius-card);background:var(--r-white);width:min(600px,100% - 24px);height:auto;max-height:calc(100dvh - 32px);color:var(--r-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior:contain;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 80px #0005}.app-dialog::backdrop{background:#080e13b3}.app-dialog-inner{padding:24px}.app-dialog-heading{justify-content:space-between;gap:16px;margin-bottom:24px;display:flex}.app-dialog-heading h2{font-size:24px;font-weight:700}.app-dialog-heading p{color:var(--r-muted);margin-top:8px;font-size:14px}.app-dialog-heading button{background:var(--r-blue-pale);border-radius:var(--radius-control);border:0;flex-shrink:0;align-self:flex-start;place-items:center;min-width:48px;min-height:48px;display:grid}.app-dialog-gallery{width:min(1100px,100% - 24px)}.app-dialog-navigation{max-width:600px;inset:12px 0 auto}.app-dialog a:focus-visible,.app-dialog button:focus-visible{outline-color:var(--r-blue)}.app-dialog .form-panel{background:0 0;border:0;padding:0}.app-dialog .form-panel>h2,.app-dialog .form-panel>.muted{display:none}.app-dialog .form-fields{margin-top:0}.app-dialog .field input,.app-dialog .field select{color:var(--r-ink);background:var(--r-paper);border-color:var(--r-card-line);min-height:48px;font-size:16px}.app-dialog .field label,.app-dialog .checkbox-label,.app-dialog .form-note,.app-dialog .muted{color:var(--r-muted)}.app-dialog .button{background:var(--r-blue);color:var(--r-white);border-color:var(--r-blue)}.app-dialog .field-error,.app-dialog .form-error{color:var(--r-error)}.app-dialog .checkbox-label a{color:var(--r-blue)}.app-dialog .form-success>h2,.app-dialog .form-success>.muted{display:block}.app-dialog .form-success{color:var(--r-ink)}@media (max-width:480px){.app-dialog-inner{padding:20px}.app-dialog-heading{margin-bottom:18px}.app-dialog-heading h2{font-size:21px}}.app-dialog .checkbox-label a{text-underline-offset:3px;text-decoration:underline}.app-dialog{--color-focus:var(--r-blue)}.app-dialog .app-dialog-heading h2{font-size:24px;line-height:1.25}.app-dialog .app-dialog-heading p{font-size:14px}.app-dialog input[type=checkbox]{accent-color:var(--r-blue)}.app-dialog{height:fit-content}