.App{padding:20px}.upload-button{display:inline-block;padding:10px 20px;margin-bottom:20px;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;text-align:center}.upload-button:hover{background-color:#0056b3}.container{width:100%;display:block;margin:0 auto}.masonry{column-count:2;column-gap:5px}@media (min-width: 768px){.masonry{column-count:3}}@media (min-width: 992px){.masonry{column-count:4}}@media (min-width: 1199px){.masonry{column-count:5}}.masonry .brick{box-sizing:border-box;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;counter-increment:brick-counter;position:relative}.masonry img{width:100%;height:100%;object-fit:cover}.btn-delete{width:30px;height:30px;border-radius:50%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;position:absolute;top:5px;right:5px;font-size:20px;line-height:0;cursor:pointer;color:#fff;opacity:0;visibility:hidden;transition:all .3s ease-in-out 0s}.btn-download{right:40px}.btn-preview{width:30px;height:30px;border-radius:50%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;line-height:0;cursor:pointer;color:#fff;opacity:0;visibility:hidden;transition:all .3s ease-in-out 0s}.masonry .brick:hover .btn-delete,.masonry .brick:hover .btn-preview{opacity:1;visibility:visible}.item-carousel{position:relative}.modal-preview-img .ant-modal-close-x{display:none}.modal-preview-img .slick-arrow:after{display:none}.modal-preview-img .btn-preview-download{position:absolute;top:0;right:0;width:47px}
