.modal{z-index:999;background-color:#000000bf;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.modal__content{background-color:#fff;border-radius:6px;flex-direction:column;gap:24px;width:min(90vw,560px);max-height:90vh;padding:32px;display:flex;position:relative;overflow-y:auto}.modal__close{appearance:none;cursor:pointer;color:#000;background:0 0;border:none;padding:0;font-size:1.125rem;line-height:1;position:absolute;top:15px;right:15px}