.modal-overlay{background:var(--modal-backdrop-bg);z-index:var(--z-modal-backdrop);position:fixed;inset:0}.modal-content{width:var(--modal-width);max-width:var(--modal-max-width);max-height:var(--modal-max-height);padding:var(--modal-padding);color:var(--modal-fg);z-index:var(--z-modal);outline:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-content[data-modal-size=workspace]{--modal-workspace-gutter:var(--spacing-xl);width:calc(100vw - var(--modal-workspace-gutter) - var(--modal-workspace-gutter));max-width:none;height:calc(100vh - var(--modal-workspace-gutter) - var(--modal-workspace-gutter));height:calc(100dvh - var(--modal-workspace-gutter) - var(--modal-workspace-gutter));flex-direction:column;max-height:none;display:flex;overflow:hidden}.modal-content[data-modal-size=workspace] .modal-body{min-height:0;overflow-y:auto}@media (width<=640px){.modal-content[data-modal-size=workspace]{--modal-workspace-gutter:var(--spacing-md)}}.modal-title{margin:0 0 var(--modal-title-margin);font-family:var(--font-family-primary);font-size:var(--font-size-heading);line-height:var(--line-height-heading);font-weight:var(--font-weight-black);color:var(--modal-fg)}.modal-description{margin:0 0 var(--modal-description-margin);color:var(--modal-description-color)}.modal-body{margin-bottom:var(--modal-body-margin)}.modal-footer{gap:var(--modal-footer-gap);padding-top:var(--modal-footer-padding);box-shadow:var(--modal-footer-shadow);justify-content:flex-end;display:flex}.modal-close{top:var(--modal-close-offset);right:var(--modal-close-offset);padding:var(--modal-close-padding);border-radius:var(--radius-surface);cursor:pointer;color:var(--modal-close-color);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;position:absolute}.modal-close:hover{background:var(--modal-close-bg-hover);color:var(--modal-close-color-hover)}