main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:1200px;padding:10px;gap:20px;max-width:100%;overflow:hidden}#actionables{display:flex;gap:5px;flex-wrap:wrap;min-height:30px;width:100%}#actionables>*{flex-shrink:1}#actionables .upload-label,input,button{max-width:100%;padding:5px 10px;border-radius:3px;border:1px solid}input[name=search]{width:210px;margin-right:auto}#cards-holder{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));place-content:baseline;overflow-y:auto;width:100%;height:700px;max-width:100%;max-height:100%;gap:20px}#search-cta{display:flex;width:100%;min-height:200px;padding:5px;grid-column:1/-1;border-radius:3px;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,.3)}@media (max-width: 300px){#cards-holder{grid-template-columns:minmax(0,1fr)}input[name=search]{flex-grow:1}#file-actions{margin-right:0}.upload-label{margin-right:auto}}#error{position:absolute;display:flex;align-items:center;right:0;margin:0 5px;color:red;border:1px solid #ea6868;background-color:#ffdadb;border-radius:3px;padding:5px;max-width:100%}#error svg{font-size:1.2rem}#file-actions{display:flex;width:0;transition:width .5s;gap:5px;margin-right:-5px}#file-actions .file-action{display:flex;justify-content:center;align-items:center;width:0px;height:0px;background-color:#0c6df7;border:none;opacity:1;visibility:hidden}#file-actions .file-action:disabled{opacity:.5}#file-actions.shared-wd{width:80px}#file-actions.shared-wd .file-action{width:40px;height:30px;visibility:visible}#file-actions #eject-file{background-color:red}#file-actions svg{height:100%}#file-actions svg path{fill:#fff}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;max-height:100%;border:1px solid black;border-radius:5px;gap:5px;padding:5px}h1.info-item{font-size:clamp(1vw,10vw,1.5em)}p.info-item{font-size:clamp(1vw,10vw,1em)}.info-item svg{width:16px;height:16px}.info-item{display:flex;align-items:center;gap:10px;padding:0 5px;width:200px;word-wrap:break-word;max-width:100%}.info-item:first-child{border-bottom:1px solid}.upload-label,input,button{max-width:100%;padding:5px 10px;border-radius:3px;border:1px solid}.upload-label{display:block;text-align:center;background-color:#fff}.upload-label:hover{cursor:pointer}.upload-label #file-input{width:0;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1}*{margin:0;padding:0;font-family:Roboto,sans-serif;text-decoration:none;color:#000;box-sizing:border-box;list-style:none}button{outline:none;border:none;background-color:transparent}button:hover{cursor:pointer}button:disabled{cursor:not-allowed}#root{display:flex;align-items:center;justify-content:center;height:100vh}