.modal{display:none;position:fixed;z-index:9999;padding-top:300px;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgb(0 0 0 / .4)}.modal-content{margin:auto;padding:25px;background-color:#fefefe;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media all and (orientation:landscape){.modal-content{top:60%}}body.modal-open{overflow:hidden!important;height:100vh}