*{color:#fff;margin:0;font-family:monospace}html,body{height:100%}body{gap:10px;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column}main{display:flex;flex-direction:column;gap:10px}.box{padding:10px;background:#0d0d0d;border:2px solid #2c2c2c}button{background:#0d0d0d;border:none;padding:2px 15px;cursor:pointer;border:2px solid #2c2c2c;width:fit-content;display:flex;gap:10px;align-items:center}button[disabled]{opacity:.6;cursor:not-allowed}footer{left:50%;transform:translate(-50%);bottom:10px;position:absolute}#drop-area{width:450px;height:100px;display:flex;align-items:center;justify-content:center;cursor:pointer;max-height:500px;overflow-y:scroll}#pack-input{display:none}table{position:relative;font-size:12px;width:550px;border-spacing:10px}table th{background:#0d0d0d;text-align:left;border-bottom:2px solid #2c2c2c;padding-bottom:5px;top:0;position:sticky}table th:first-child{border-bottom:none}table .progress{width:10px;font-weight:700}table .source{width:65px}table .modloader{width:70px}table .version{width:50px}section{max-height:500px;overflow-y:scroll}.spinni{display:inline-block;width:12px;height:12px;box-sizing:border-box}.spinni:after{box-sizing:border-box;content:" ";display:block;width:12px;height:12px;border-radius:50%;border:1.4px solid #fff;border-color:#fff transparent #fff transparent;animation:spinni 1.2s linear infinite}@keyframes spinni{0%{transform:rotate(0)}to{transform:rotate(360deg)}}