.uploader--wrapper{margin:1rem 0;min-height:300px}.uploader--image{height:inherit;display:grid;grid-template-columns:1fr;justify-content:left;align-content:center;color:#fafafa;font-family:Oswald,sans-serif;margin-top:1rem}.card{border-radius:6px;background-color:#333;padding:1rem;outline:1px dashed #9f8452;outline-offset:-6px;position:relative;min-height:300px}.card .btn{font-family:Maven Pro,sans-serif;background:0 0;border:1px solid #9f8452;color:#fafafa;padding:10px 20px;cursor:pointer;border-radius:4px;text-align:center;-webkit-user-select:none;user-select:none;width:40%;margin:3% 5%}.card .btn.primary{background:#9f8452}.card .btn:active{box-shadow:inset 1px 1px 3px 2px #000}.card .btn.primary:active{box-shadow:inset 1px 1px 3px 2px #333}input[type=file]{display:none}#text{width:90%;margin:2% auto;display:none}.preview{display:flex;flex-wrap:wrap;padding:5px;justify-content:center}.preview-image{width:80px;height:80px;margin:5px;position:relative;background:#1c1c1c;overflow:hidden;border:2px solid #9f8452;border-radius:4px;box-shadow:2px 2px 5px #222}.preview-image.removing{transform:scale(0);transition:transform .3s}.preview-image img{width:100%;height:auto;-webkit-user-select:none;user-select:none;display:block}.preview-image:hover .preview-remove{opacity:1}.preview-image:hover .preview-info{bottom:0}.preview-remove{opacity:0;width:15px;top:0;font-size:25px;display:flex;justify-content:center;cursor:pointer;transition:opacity .3s ease}.preview-info,.preview-remove{height:15px;position:absolute;right:0;font-weight:300;align-items:center;-webkit-user-select:none;user-select:none;background-color:#9f84524d}.preview-info{bottom:-30px;left:0;font-size:10px;display:grid;grid-template-columns:1fr auto;grid-gap:5px;justify-content:space-between;transition:bottom .4s ease-in-out;padding:0 5px}.preview-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-info-progress{position:absolute;left:0;top:0;bottom:0;background:#9f8452;transition:width .3s;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 720px){.uploader--header,.uploader--content{text-align:center}}
/*# sourceMappingURL=/s/files/1/1593/9031/t/231/assets/uploader-page.css.map */
