body{margin:0;padding:2em 5vw;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light)}.homePage{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em}.homePage #homeHeader{grid-column:1/span 2;color:#aaa;display:grid;grid-template-columns:auto -webkit-min-content;grid-template-columns:auto min-content;align-content:center}@media (max-width:500px){.homePage #homeHeader{grid-template-columns:auto}.homePage #homeHeader h1,.homePage #homeHeader p.themeToggle{justify-self:center;align-self:center;text-align:center}}.homePage #homeHeader h1,.homePage #homeHeader p{padding:0;margin:0}.homePage #homeHeader p{text-transform:capitalize;justify-self:right;cursor:pointer;font-size:1.25em;align-self:center;line-height:1em}.homePage #fileList{grid-column:1/span 2}@media (max-width:900px){.homePage{grid-template-columns:1fr}.homePage #fileList,.homePage #footer,.homePage #homeHeader{grid-column:1}.homePage #footer{grid-template-columns:auto}}footer{grid-column:1/span 2;display:grid;grid-template-columns:auto auto}footer p{text-align:center}footer span{display:inline-block}footer a,footer a:hover,footer a:visited,footer p{color:#1c87ff;text-decoration:none}pre{color:#fff}#fileUpload{text-align:center}@media (max-width:500px){#fileUpload #drop_zone{padding:0}}#fileUpload #drop_zone{padding-left:1em;padding-right:1em;box-sizing:border-box}#fileUpload #drop_zone svg{fill:#1c87ff;width:100px;transition:transform .25s}#fileUpload.dragging #drop_zone,#fileUpload:hover #drop_zone{outline:5px dashed #577da3;background-color:var(--highlight)}#fileUpload.dragging #drop_zone svg,#fileUpload:hover #drop_zone svg{transform:scale(1.2)}#fileUpload.dragging #drop_zone h2,#fileUpload.dragging .drop,#fileUpload:hover #drop_zone h2,#fileUpload:hover:not(.dragging) .browse{color:#1c87ff}#qrScanButton{text-align:center}@media (max-width:500px){#qrScanButton #qrScanButtonContent{padding:0}}#qrScanButton #qrScanButtonContent{padding-left:1em;padding-right:1em}#qrScanButton #qrScanButtonContent svg{fill:#1c87ff;width:100px;transition:transform .25s}#qrScanButton:hover #qrScanButtonContent{outline:5px dashed #577da3;background-color:var(--highlight)}#qrScanButton:hover #qrScanButtonContent svg{transform:scale(1.2)}#qrScanButton:hover #qrScanButtonContent h2{color:#1c87ff}#fileList{display:grid;grid-row-gap:1em;row-gap:1em}#fileList #fileListItem{display:grid;grid-auto-flow:column;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}#fileList #fileListItem:hover{background-color:var(--highlight)}@media (max-width:1000px){#fileList #fileListItem .icon{display:none}#fileList #fileListItem h3{grid-area:N}#fileList #fileListItem .fileSize{grid-area:S}#fileList #fileListItem .timestamp{grid-area:D}#fileList #fileListItem .type{grid-area:T}#fileList #fileListItem .buttons{grid-area:B}#fileList #fileListItem svg{height:50px}}@media (min-width:1000px){#fileList #fileListItem{grid-template-columns:auto 3fr 1fr 1fr 2fr 1fr}}@media (max-width:1000px) and (min-width:650px){#fileList #fileListItem{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"N N N B" "S D T B"}}@media (max-width:650px){#fileList #fileListItem{text-align:center;grid-template-areas:"N N N" "S D T" "B B B"}#fileList #fileListItem .icon{display:none}#fileList #fileListItem h3{grid-area:N;font-size:1.5em!important;padding-bottom:10px}#fileList #fileListItem .fileSize{grid-area:S}#fileList #fileListItem .timestamp{grid-area:D}#fileList #fileListItem .type{grid-area:T}#fileList #fileListItem .buttons{grid-area:B;padding-top:2em}#fileList #fileListItem svg{height:45px}#fileList #fileListItem .buttons{transform:scale(1.25)!important}}#fileList #fileListItem h3{margin:0;color:#1c87ff;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#fileList #fileListItem span{color:#aaa}#fileList #fileListItem svg{fill:#aaa;display:inline-block}#fileList #fileListItem .buttons{display:flex;flex-flow:row;transform:scale(1.5)}#fileList #fileListItem .buttons span{flex-grow:1;display:flex;align-items:center;justify-content:center}#fileList #fileListItem .buttons span svg{transition:transform .2s,fill .2s;border-bottom:2px dashed grey}#fileList #fileListItem .buttons span:hover svg{transform:scale(1.75)}#fileList #fileListItem .buttons span:hover svg.deleteIcon{fill:red;border-color:red}#fileList #fileListItem .buttons span:hover svg.downloadIcon{fill:#577da3;border-color:#577da3}#fileList #fileListItem .buttons span:hover svg.sendIcon{fill:#1c87ff;border-color:#1c87ff}#fileSender{display:grid;grid-gap:1em;gap:1em}#fileSender #fsHeader{display:grid;grid-template-columns:1fr 5fr 1fr;padding:.5em;align-items:center;font-weight:700}@media (max-width:1000px){#fileSender #fsHeader{grid-template-columns:1fr}}#fileSender #fsHeader .btn{padding:1em;justify-self:left;border-radius:.5em;background-color:var(--white);cursor:pointer;color:#aaa;transition:color .25s}#fileSender #fsHeader .btn svg{fill:#aaa;transition:fill .25s;position:relative;top:5px}#fileSender #fsHeader .btn:hover{color:#1c87ff}#fileSender #fsHeader .btn:hover svg{fill:#1c87ff}#fileSender #fsHeader h2{padding:none;margin:0;text-align:center;font-size:2em}#fileSender #fsHeader .statusText{justify-self:right}#fileSender .senderBody{display:grid;justify-content:center;grid-template-columns:75%;text-align:center}@media (max-width:500px){#fileSender .senderBody{grid-template-columns:100%;padding:0!important}}#fileSender .senderBody #imgWrapper{max-height:75vh;width:100%;height:100%;padding-top:10px}#fileSender .senderBody #imgWrapper img{object-fit:contain;max-height:60vh;width:100%;height:100%;display:block}#fileSender .senderBody p{font-size:2em;margin:0}#fileSender .metaDataReturn{color:#577da3;margin:1em;font-weight:700}#fileSender .metaDataReturn:hover{text-decoration:underline;cursor:pointer}#fileSender .controls{max-width:min(90vw,50vh);display:grid;grid-auto-flow:column;justify-self:center;padding:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:900px){#fileSender .controls{grid-auto-flow:row}}#fileSender .controls .curIndexInput.grid{display:grid;grid-template-columns:1fr 1fr 1fr}#fileSender .controls .curIndexInput input{font-size:1em;font-weight:700;color:#577da3;border:none;text-align:right;justify-self:right;position:relative;top:3px;width:100px}#fileSender .controls .curIndexInput .total{text-align:left;justify-self:left;padding-left:12px}#fileSender .button,#fileSender .curIndexInput{font-weight:700;color:#577da3;padding:20px;border-radius:2em;font-size:2em}#fileSender .button.active,#fileSender .button:hover{cursor:pointer;color:#1c87ff;text-decoration:underline;background-color:var(--highlight)}#fileSender .button.disabled{color:#aaa;background-color:var(--white);text-decoration:none}#fileSender .button.active{background-color:#577da3;color:var(--white)}.loaded,.loaded *{transition:color .25s,background-color .25s}body{--white:#171717;--light:#111;--lightgray:#333;--highlight:#111}h2{color:#577da3}p{color:#aaa}.box,.box--dashed,.box--shadow{background-color:var(--white);border-radius:.5em;padding:2em}.box--shadow{box-shadow:0 5px 20px 0 rgba(0,0,0,.1)}.box--dashed{border:5px dashed grey}#fileReader{display:grid;grid-gap:1em;gap:1em}#fileReader #frHeader{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.5em;align-items:center;font-weight:700}@media (max-width:1000px){#fileReader #frHeader{grid-template-columns:1fr}#fileReader #frHeader .statusText{justify-self:center!important}}#fileReader #frHeader .btn{padding:1em;justify-self:left;border-radius:.5em;background-color:var(--white);cursor:pointer;color:#aaa;transition:color .25s}#fileReader #frHeader .btn svg{fill:#aaa;transition:fill .25s;position:relative;top:5px}#fileReader #frHeader .btn:hover{color:#1c87ff}#fileReader #frHeader .btn:hover svg{fill:#1c87ff}#fileReader #frHeader h2{padding:none;margin:0;text-align:center;font-size:2em}#fileReader #frHeader .statusText{justify-self:right;text-align:center}#fileReader #frBody{padding:0 0 1em;width:100%;display:grid;grid-template-columns:auto}#fileReader #frBody #canvasWrapper{max-height:75vh;width:100%;height:100%}#fileReader #frBody #canvasWrapper canvas{width:100%;height:100%;object-fit:contain;display:block}#fileReader #frBody h2,#fileReader #frBody p{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}#fileReader #frBody p{font-size:2em}#fileReader #frBody h2{cursor:pointer}#fileReader #frBody .missingWrapper{display:block;width:100%;margin:.25rem}#fileReader #frBody .missingBtn{border:0;border-radius:.25rem;background:#577da3;max-width:400px;width:100%;color:var(--white);font-size:2em;line-height:1.2;padding:.25rem .5rem;margin:0 auto;display:block;cursor:pointer}#fileReader #frBody .missingList{display:flex;flex-direction:row;flex-wrap:wrap}#fileReader #frBody .missingList p{width:2em}
/*# sourceMappingURL=main.8738bca5.chunk.css.map */