.dialog-modal{--dialog-modal-strategy:fixed;--dialog-modal-z-index:var(--z-80);--dialog-modal-backdrop-color:#0009;--dialog-modal-max-width:var(--size-80);--dialog-modal-body-padding:var(--space-6);--dialog-modal-panel-background-color:var(--color-white);position:var(--dialog-modal-strategy);z-index:var(--dialog-modal-z-index);inset:0}.dialog-modal[data-size=sm]{--dialog-modal-max-width:calc(var(--size-1) * 52)}.dialog-modal[data-size=lg]{--dialog-modal-max-width:calc(var(--size-1) * 140)}.dialog-modal-backdrop{z-index:var(--z-0);cursor:pointer;background-color:var(--dialog-modal-backdrop-color);touch-action:none;opacity:0;position:absolute;inset:0}.dialog-modal-container{position:fixed;inset:0;overflow-y:auto}.dialog-modal-container>div{min-height:100%;padding:var(--size-2);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.dialog-modal-panel{z-index:var(--z-10);border-radius:var(--radius-md);background-color:var(--dialog-modal-panel-background-color);width:100%;max-width:var(--dialog-modal-max-width);box-shadow:var(--shadow-lg)}.dialog-modal-body{padding:var(--dialog-modal-body-padding)}.dialog-modal-close{appearance:none;cursor:pointer;font:inherit;padding:var(--size-1);color:var(--color-gray);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.dialog-modal-header{padding:var(--size-1);display:flex;position:relative}.dialog-modal-header .dialog-modal-close{margin-inline-start:auto}.dialog-modal-header+.dialog-modal-body{padding-block-start:0}