.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:70}.modal-content{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:var(--theme-surface);border:1px solid var(--theme-border);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;position:relative}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:var(--theme-text-strong);cursor:pointer;text-decoration:none}.modal-header{background-color:var(--sky-500);color:#fff}