.dialog{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);max-height:calc(100dvh - 2rem);scroll-padding-block:calc(3 * var(--space-6) + var(--control-height));overflow-wrap:anywhere;width:min(28rem,100vw - 2rem);overflow-y:auto}.dialog::backdrop{background:var(--color-overlay)}.dialog-heading{top:calc(-1 * var(--space-6));z-index:2;margin-top:calc(-1 * var(--space-6));padding-top:var(--space-6);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex;position:sticky}.dialog-heading h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin:0}.dialog-drawer{border-radius:0;width:min(42rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto}@media (width>=601px){.dialog-anchored{left:var(--dialog-left,1rem);top:var(--dialog-top,1rem);margin:0}}body:has(.dialog[open]){overflow:hidden}@media (width<=600px){.dialog{padding:var(--space-4)}.dialog-drawer{width:100vw}.dialog-heading{top:calc(-1 * var(--space-4));margin-top:calc(-1 * var(--space-4));padding-top:var(--space-4)}}.dialog-footer{bottom:calc(-1 * var(--space-6));z-index:1;margin:var(--space-4) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));padding:var(--space-3) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky}@media (width<=600px){.dialog-footer{bottom:calc(-1 * var(--space-4));margin-inline:calc(-1 * var(--space-4));margin-bottom:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) var(--space-4)}}.dialog-footer.shortlist-actions>button:last-child,.dialog-footer>.shortlist-actions>button:last-child{margin-left:auto}.dialog-footer .button{white-space:normal;max-width:100%;padding-block:var(--space-2)}