.image-preview-container{position:absolute;top:50%;width:70.3%;min-height:43%;border:1px solid #5b5a5a;background-color:#5b5b5b;border-radius:10px;padding:5px;overflow-y:overlay}.image-preview-container .wrap{display:flex;flex-flow:row wrap;width:100%}.image-preview-container .image-container{position:relative;margin:5px;height:90px;width:150px;border-radius:5px;z-index:2;overflow:hidden}.image-preview-container .image-container .preview-image{display:block;max-width:200px;min-width:150px;min-height:100px;transform:scale(1.5);transition:.3s ease-in-out}.image-preview-container .image-container .remove-trash{position:absolute;font-size:36px;top:30%;left:39%;z-index:3;color:#fff;opacity:0;transition:visibility 0s,opacity .3s linear;cursor:pointer}.image-preview-container .image-container:hover .preview-image{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-filter:blur(1px);filter:blur(1px);transform:scale(1)}.image-preview-container .image-container:hover .remove-trash{display:block;visibility:visible;opacity:1}.image-preview-container::-webkit-scrollbar{border-radius:10px;height:20px;width:5px;position:relative;right:1px}.image-preview-container::-webkit-scrollbar-thumb{background:#9e9e9e;border-radius:10px}.image-preview-container::-webkit-scrollbar-track{border-radius:10px}@media only screen and (max-width:600px){.image-preview-container{top:15%;width:89%;min-height:57%;max-height:65%}.image-preview-container .wrap{justify-content:center}.image-preview-container .image-container{margin:1.2vw;height:25vw;width:41vw}.image-preview-container .image-container .preview-image{max-width:45vw;min-width:41vw;min-height:25vw}}@media only screen and (min-width:768px) and (max-width:1024px){.image-preview-container{top:17%;width:85%;min-height:59%;max-height:60%}.image-preview-container .wrap{justify-content:center}.image-preview-container .image-container{margin:.6vw;height:25vw;width:41vw}.image-preview-container .image-container .preview-image{max-width:45vw;min-width:41vw;min-height:25vw}.image-preview-container .image-container .remove-trash{top:39%;left:44%;font-size:48px}}@media only screen and (min-width:1900px){.image-preview-container .image-container{margin:10px;height:200px;width:334px}.image-preview-container .image-container .preview-image{max-width:310px;min-width:345px;min-height:230px}.image-preview-container .image-container .remove-trash{font-size:48px;top:40%;left:44%}.image-preview-container .image-container:hover .preview-image{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-filter:blur(5px);filter:blur(5px)}}body{margin:0}.app{width:100vw;height:100vh;color:#eee;background-color:#2a2a2a;display:flex;justify-content:none;align-items:center;flex-flow:column wrap}.title{position:absolute;top:5%;left:6%;font-size:38px;font-weight:300;font-family:"Teko",sans-serif}.file-count{position:absolute;font-style:italic;font-size:14px;color:#ccc;top:47%;right:15.85%}.btn-list{position:absolute;top:25%;display:flex;width:30%;justify-content:space-evenly}.btn-list .aws-btn{width:150px;background-color:#eee;height:100px;border-radius:6px;color:#444}.btn-list .aws-btn:disabled{color:#222;background-color:#444}@media only screen and (max-width:600px){.title{top:3vh;left:5.5%;font-size:25px}.file-count{font-size:13px;top:11%;right:5.5%}.btn-list{width:100%;top:85%;justify-content:space-around}.btn-list .aws-btn{width:40vw;height:7vh}}@media only screen and (min-width:768px) and (max-width:1024px){.title{left:7.5%}.file-count{font-size:16px;top:14%;right:8.5%}.btn-list{width:100%;top:85%;justify-content:space-around}.btn-list .aws-btn{width:36vw;height:7vh}}@media only screen and (min-width:1900px){.btn-list{width:40%}.btn-list .aws-btn{width:250px;height:180px}}
/*# sourceMappingURL=main.73bc9554.chunk.css.map */