.card,.modal .overlay ~ *{box-shadow:0 0 .6em rgba(17,17,17,0.2);border-radius:.2em;border:0;overflow:hidden;margin:.3em;text-align:left;background:#fff;padding:.6em}.card>*,.modal .overlay ~ *>*{width:100%;display:block}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.modal .overlay ~ * h1,.modal .overlay ~ * h2,.modal .overlay ~ * h3,.modal .overlay ~ * h4,.modal .overlay ~ * h5,.modal .overlay ~ * h6{padding:0;margin:.3em 0}.card header *:first-child,.modal .overlay ~ * header *:first-child{margin-top:0}.card footer *:last-child,.modal .overlay ~ * footer *:last-child{margin-bottom:0}.card p,.modal .overlay ~ * p{margin:.3em 0}.card footer,.modal .overlay ~ * footer{overflow:auto}.card footer .error,.modal .overlay ~ * footer .error{float:right}.modal{text-align:center}.modal>input{display:none}.modal>input ~ *{opacity:0;max-height:0;overflow:hidden}.modal .overlay{top:0;left:0;bottom:0;right:0;position:fixed;margin:0;border-radius:0;background:rgba(17,17,17,0.3);transition:all .2s ease;z-index:99}.modal .overlay ~ *{border:0;position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2,.2);transform:translateX(-50%) translateY(-50%) scale(.2,.2);z-index:100;padding:.3em;transition:all .2s ease}.modal>input:checked ~ *{display:block;opacity:1;max-height:10000px;transition:all .2s ease}.modal>input:checked ~ .overlay ~ *{max-height:90%;overflow:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(1,1);transform:translateX(-50%) translateY(-50%) scale(1,1)}.modal header,.modal footer,.modal section{padding:.3em}.modal header{font-weight:bold;position:relative}.modal header h1,.modal header h2,.modal header h3,.modal header h4,.modal header h5,.modal header h6{display:inline-block;margin-right:2em}.modal .close{position:absolute;top:.2em;right:0;margin-right:.6em;cursor:pointer}.modal .close:hover{color:#ff4136}@media(max-width:60em){.modal .overlay ~ *{min-width:90%}}

Add nut file for Safari hack
Add nut file for Safari hack
