.ds-dialog-overlay{inset:var(--sp-0);z-index:var(--dialog-overlay-z);background:var(--c-dialog-overlay);opacity:var(--dialog-overlay-opacity);position:fixed}.ds-dialog-content{inset:var(--sp-0);z-index:var(--dialog-content-z);width:min(calc(var(--size-full) - var(--sp-4)), var(--dialog-w-m));height:fit-content;max-height:var(--dialog-max-h);border:var(--bw-1) solid var(--c-dialog-border);border-radius:var(--dialog-radius);background:var(--c-dialog-bg);color:var(--c-dialog-text);box-shadow:var(--sh-dialog);flex-direction:column;margin:auto;display:flex;position:fixed;overflow:hidden}.ds-dialog-content.s{width:min(calc(var(--size-full) - var(--sp-4)), var(--dialog-w-s))}.ds-dialog-content.l{width:min(calc(var(--size-full) - var(--sp-4)), var(--dialog-w-l))}.ds-dialog-overlay.hidden{display:none}.ds-dialog-content.top{margin:var(--dialog-top-offset) auto auto}.ds-dialog-content.bottom{margin:auto auto var(--dialog-bottom-offset)}.ds-dialog-content.pinned{inset:auto var(--dialog-pinned-offset) var(--dialog-pinned-offset) auto;margin:var(--sp-0);box-shadow:var(--sh-island)}.ds-dialog-content.footer-vertical .ds-dialog-actions{flex-direction:column;align-items:stretch}.ds-dialog-nav{--dialog-w:var(--dialog-w-m);top:var(--size-half);z-index:var(--dialog-content-z);width:var(--dialog-nav-size);height:var(--dialog-nav-size);padding:var(--sp-0);border:var(--bw-0);border-radius:var(--dialog-nav-radius);background:var(--c-dialog-nav-bg);color:var(--c-dialog-nav-icon);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:fixed;transform:translateY(-50%)}.ds-dialog-nav.s{--dialog-w:var(--dialog-w-s)}.ds-dialog-nav.l{--dialog-w:var(--dialog-w-l)}.ds-dialog-nav.prev{left:calc(var(--size-half) - var(--dialog-w) / 2 - var(--dialog-nav-gap))}.ds-dialog-nav.next{right:calc(var(--size-half) - var(--dialog-w) / 2 - var(--dialog-nav-gap))}.ds-dialog-nav:focus-visible{outline:var(--bw-2) solid var(--c-dialog-focus);outline-offset:var(--dialog-focus-offset)}.ds-dialog-nav svg{width:var(--dialog-close-icon);height:var(--dialog-close-icon)}.ds-dialog-overlay[data-state=closed],.ds-dialog-content[data-state=closed]{display:none}.ds-dialog-description{margin:var(--sp-0);color:var(--c-dialog-muted);font-size:var(--fs-s);line-height:var(--lh-normal)}.ds-dialog-body{gap:var(--dialog-gap);min-width:var(--sp-0);min-height:var(--sp-0);padding:var(--dialog-body-pad);flex-direction:column;display:flex;overflow-y:auto}.ds-dialog-actions{justify-content:flex-end;gap:var(--dialog-action-gap);padding:var(--dialog-footer-pad);background:var(--c-dialog-footer-bg);box-shadow:var(--sh-dialog-footer);flex-wrap:wrap;flex-shrink:0;display:flex}.ds-dialog-close{width:var(--dialog-close-size);height:var(--dialog-close-size);padding:var(--sp-0);border:var(--bw-0);border-radius:var(--dialog-close-radius);background:var(--c-dialog-close-bg);color:var(--c-dialog-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-dialog-close:hover{background:var(--c-dialog-close-hover);color:var(--c-dialog-text)}.ds-dialog-close:focus-visible{outline:var(--bw-2) solid var(--c-dialog-focus);outline-offset:var(--dialog-focus-offset)}.ds-dialog-close svg{width:var(--dialog-close-icon);height:var(--dialog-close-icon)}