.modal-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / 45%);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transform:scale(2);z-index: 7;transition:.15s;-webkit-transition:.15s}.modal-overlay.open{opacity:1;visibility:visible;transform:scale(1)}.modal-window{height:100%;width:100%;display:flex}.modal-content{display:block;margin:auto;max-width:600px;background:white;border-radius:8px;box-shadow:-3px 1px 14px rgb(0 0 0 / 10%)}.modal-header{padding:12px 20px;border-bottom:1px solid #e7e7e7}.modal-header h4{font-size:clamp(18px,3vw,22px);margin:0}.modal-header .close{cursor:pointer;display:block;font-size:26px;line-height:100%;color:#646464}.modal-header .close:hover{color:black}.modal-body{padding:12px 20px 18px 20px}