*{box-sizing:border-box}body{display:flex;flex-direction:column;font-family:sans-serif;margin:0 auto;max-width:60rem;min-height:100vh;padding:0 1.25rem;position:relative}h1{font-size:3rem;margin:1.25rem 0 2.5rem}#upload-zone{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;align-items:center;background:#f7f7f7;border:4px dashed #d9d9d9;border-radius:6px;color:#666;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden;padding:1.25rem;position:relative;text-align:center;user-select:none}#upload-zone.drag,#upload-zone:hover{background:#f0f0f0;border-color:#d1d1d1}#upload-zone>*{pointer-events:none}#upload-zone input{opacity:0;position:absolute}#upload-zone-title{font-size:2rem;font-weight:700}#action-button,#upload-zone-subtitle{margin-top:1.25rem}#action-button{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:none;border:4px solid #007aff;border-radius:6px;cursor:pointer;height:3.5rem;outline:none;position:relative;user-select:none}#action-button:hover{opacity:.9}#action-button:active{opacity:.8}#action-button:disabled{border-color:#d9d9d9;cursor:not-allowed;opacity:1}#action-button:disabled #action-button-background{background:#d9d9d9}#action-button-background{background:#007aff;bottom:0;left:0;position:absolute;top:0;width:100%}#action-button-text{-webkit-transform:translate(-50%,-50%);color:#fff;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}h2{font-size:2rem;margin:2.5rem 0 1.25rem}#options{display:flex;justify-content:space-between;margin-bottom:2.5rem}#options fieldset{border:none;margin:0;padding:0}#options fieldset legend{font-weight:700;margin-bottom:.625rem;padding:0}#options fieldset label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;align-items:center;cursor:pointer;display:flex;user-select:none}#options fieldset label:not(:last-of-type){margin-bottom:.625rem}#options fieldset label span{margin-left:1.25rem}footer{border-top:1px solid #e6e6e6;color:#666;display:flex;justify-content:space-between;padding:1.25rem 0}footer ul{list-style-type:none;margin:0;padding:0}footer ul li{display:inline-block}footer ul li:not(:last-of-type){margin-right:1.25rem}footer ul li a{color:inherit;text-decoration:none}footer ul li a:hover{color:#4d4d4d;text-decoration:underline}footer span{white-space:nowrap}#loading-overlay{bottom:0;cursor:wait;display:none;left:0;position:absolute;right:0;top:0}