.modal{background-color:#000;background-color:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;z-index:1110}.modal,.modal_header{align-items:center;flex-flow:row nowrap;width:100%}.modal_header{background-color:var(--dark_gray);display:flex;flex-direction:column;justify-content:flex-start;padding-left:1rem}@media(max-width:480px){.modal_header{margin:0;padding:0}}.modal_header h3{color:var(--white);font-family:Montserrat,CJK,sans-serif;font-size:18px}.modal_content{align-items:flex-start;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;-moz-animation-name:animatetop;animation-name:animatetop;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:var(--white);border-radius:0 0 5px 5px;display:flex;flex-direction:column;justify-content:flex-start;margin:auto;overflow:hidden;padding:0;position:relative;width:70vw}@media(max-width:480px){.modal_content{margin:0;padding:0;width:100vw}}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@-moz-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}