@media screen and (min-width:480px){.modal{display:none;position:fixed;z-index:1000;left:0;top:10px;width:100%;height:100%;overflow:overlay;background-color:#000;background-color:rgb(0 0 0 / .4)}.modal-title{font-size:50px}.modal-body{padding:2px 16px}.modal-header{padding:2px 16px}.modal-content{top:30px;position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.6s;animation-name:animatetop;animation-duration:0.6s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:30px;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:30px;opacity:1}}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}}@media screen and (max-width:480px){.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:overlay;background-color:#000;background-color:rgb(0 0 0 / .4)}.modal-title{font-size:40px}.modal-body{padding:2px 16px}.modal-header{padding:2px 16px}.modal-content{top:30px;position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:90%;box-shadow:0 4px 8px 0 rgb(0 0 0 / .2),0 6px 20px 0 rgb(0 0 0 / .19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.6s;animation-name:animatetop;animation-duration:0.6s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:30px;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:30px;opacity:1}}.close{padding:0;color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}}