@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#181818}.root{display:flex;justify-content:center;align-items:center;height:100vh!important;width:100vw!important}.header{margin-top:2em;margin-bottom:2em;display:flex;align-items:center;justify-content:center;width:100%;color:#fff;font-family:Poppins,sans-serif}.header h1{font-weight:400!important}.header .upload{margin-left:2em;background-color:#494949;font-family:poppins;font-size:15px}.header .upload:hover{background-color:#242424}.header h2{margin-left:1em}.files{display:grid;grid-template-columns:repeat(auto-fit,minmax(40vh,1fr));grid-auto-rows:30vh;grid-gap:1em;padding:1em;justify-items:center}.files .file{flex-direction:column;box-shadow:inset 0 0 0 2px #333;background-image:linear-gradient(rgb(52,52,52),rgb(0,0,0));border-radius:.35em;display:flex;align-items:center;justify-content:center;padding:.2em;width:40vh;height:30vh}.files .file .image{cursor:pointer;background-size:100% 100%;padding:.5em;width:100%;height:110%;display:flex;align-items:center;justify-content:center;overflow:hidden}.files .file .image img{max-width:100%;max-height:100%;object-fit:contain}.files .file .image img[alt=play]{position:absolute;width:5em;height:5em;opacity:.4}.files .file .controls{margin-top:.2em;font-family:Poppins,sans-serif;text-transform:uppercase;color:#fff;width:100%;padding:.5em;background-color:#0f0f0f;border-radius:0 0 .35em .35em;display:flex;align-items:center;justify-content:space-between}.files .file .controls p{font-size:.8em}.files .file .controls button img{width:1.5em;height:1.5em}.large-view{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:5em;cursor:pointer}.large-view img{max-width:100%;max-height:100%;object-fit:contain;cursor:default}.large-view .plyr{max-width:100%;max-height:100%;object-fit:contain;cursor:default;border:none!important}@media (max-width: 1000px){.header h1,.header h2{display:none}.header .upload{font-size:1.3em;text-transform:none;margin:0}}.nanobar .bar{background:rgb(255,255,255);border-radius:1px;box-shadow:0 0 10px #59d;height:5px}.footer{bottom:0;left:0;width:100%;height:2em;background-color:#181818;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:.8em;margin-top:30em;margin-bottom:2em}