.modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.2);position:relative;min-width:320px;max-width:65vw;max-height:90vh;overflow:auto;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column}.modal__close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0);border:none;font-size:2rem;line-height:1;cursor:pointer;color:#888;transition:color .2s}.modal__close:focus,.modal__close:hover{color:#333;outline:none}.modal__body{margin-top:1rem;font-size:1rem;color:#222;min-width:450px}