.modal{z-index:var(--z-modal);border-radius:var(--radius-lg);background:var(--color-white);width:min(92vw,560px);max-height:min(88dvh,720px);color:var(--color-text);box-shadow:var(--shadow-3);overscroll-behavior:contain;border:0;margin:auto;padding:0;overflow:hidden}.modal--wide{width:min(96vw,1100px);max-height:min(94dvh,900px)}.modal[open]{animation:modal-in .2s var(--ease-enter);display:flex}.modal::backdrop{animation:modal-fade .2s var(--ease-enter);background:#1a1b1f8c}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(8px)}}@keyframes modal-fade{0%{opacity:0}}.modal__panel{min-width:0;max-height:inherit;flex-direction:column;flex:1;display:flex}.modal__head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.modal__title{font-size:var(--fs-h4);margin:0}.modal__close{border-radius:var(--radius-md);width:44px;height:44px;transition:background-color var(--dur-fast) var(--ease-standard);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal__close:hover{background:var(--color-surface)}.modal__body{padding:var(--space-6);overflow-y:auto}