.modal-new{opacity:0;visibility:hidden;z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;text-align:left;background:rgba(0,0,0,.9);transition:opacity .25s ease}.modal__bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal-state{display:none}.modal-state:checked+.modal-new{opacity:1;visibility:visible}.modal-state:checked+.modal-new .modal__inner{top:0}.modal__inner{transition:top .25s ease;position:absolute;top:-20%;right:0;bottom:0;left:0;width:70%;margin:auto;overflow:auto;background:#fff;border-radius:5px;padding:1em 2em;height:80%!important}.modal__close{position:absolute;right:1em;top:1.5em;width:2.1em;height:2.1em;cursor:pointer}.modal__close:after,.modal__close:before{content:"";position:absolute;width:4px;height:2.5em;background:red;display:block;transform:rotate(45deg);left:50%;margin:-3px 0 0 -1px;top:0}.modal__close:hover:after,.modal__close:hover:before{background:#aaa}.modal__close:before{transform:rotate(-45deg)}@media screen and (max-width:768px){.modal__inner{width:90%;height:90%;box-sizing:border-box}}