dialog{max-width:min(500px,90%);border-color:transparent;color:var(--color-text);background-color:#fff;border-radius:var(--border-radius-small)}dialog[open]{display:grid;grid-gap:var(--sp);gap:var(--sp)}dialog header>*,dialog .dialog__actions>*{margin:0}dialog header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp)}dialog header [data-action=close]{background:var(--color-green-lighter);border:1px solid transparent;border-radius:50%;color:var(--color-primary);font-size:var(--font-size-h4);cursor:pointer;align-self:baseline}dialog [role=actionbar]{border-top:solid 1px var(--color-grey-light);padding-top:var(--sp);display:flex;justify-content:flex-end;gap:var(--sp);align-items:center}dialog::backdrop{background:#0009}