.modal-content.modal-wide{width:min(calc(100vw - var(--space-6)), 64rem)}.modal-backdrop{background:var(--color-overlay);z-index:var(--layer-modal-backdrop);position:fixed;inset:0}.modal-content{width:min(calc(100vw - var(--space-6)), 40rem);max-height:calc(100dvh - var(--space-6));background:var(--color-surface);box-shadow:var(--shadow-popup);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-5);gap:var(--space-4);z-index:var(--layer-modal);display:grid;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.modal-backdrop[data-state=open]{animation:veil-in var(--duration-normal) var(--ease-out)}.modal-backdrop[data-state=closed]{animation:veil-in var(--duration-fast) reverse}.modal-content[data-state=open]{animation:modal-in var(--duration-normal) var(--ease-out)}.modal-content[data-state=closed]{animation:modal-in var(--duration-fast) reverse}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}