.dialog-modal{--dialog-modal-strategy: fixed;--dialog-modal-z-index: var(--z-80);--dialog-modal-backdrop-color: rgba(0, 0, 0, .6);--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);inset:0;z-index:var(--dialog-modal-z-index)}.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{position:absolute;inset:0;z-index:var(--z-0);cursor:pointer;background-color:var(--dialog-modal-backdrop-color);touch-action:none;opacity:0}.dialog-modal-container{position:fixed;inset:0;overflow-y:auto}.dialog-modal-container>div{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--size-2);box-sizing:border-box}.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;display:flex;align-items:center;justify-content:center;cursor:pointer;font:inherit;padding:var(--size-1);border:none;background:none;color:var(--color-gray);border-radius:var(--radius-md)}.dialog-modal-header{position:relative;display:flex;padding:var(--size-1)}.dialog-modal-header .dialog-modal-close{margin-inline-start:auto}.dialog-modal-header+.dialog-modal-body{padding-block-start:0}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}