.modal:before{content:"";display:none;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.modal:target:before{display:block}.modal:target .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);top:5%}.modal-dialog{padding:30px 30px 0;background:#fefefe;border:#333 solid 1px;border-radius:5px;z-index:11;width:calc(100% - 10vw);-webkit-transform:translate(0,-500%);-ms-transform:translate(0,-500%);transform:translate(0,-500%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;position:relative;float:unset;max-height:90vh;overflow:scroll}}.modal-body{padding:20px}.modal-header,.modal-footer{padding:10px 20px}.modal-header{border-bottom:#eee solid 1px}.modal-header h2{font-size:20px}.modal-footer{border-top:#eee solid 1px;text-align:right}