.gallery{display:flex;margin-top:10px;margin:10px 0 10px 0;align-items:center;justify-content:center;flex-wrap:wrap;cursor:pointer}.gallery .preview{width:75px;height:75px;margin:10px;border-radius:20%}.gallery .preview.no-thumbnail{background-color:#d3d3d3}.gallery .thumbnail{display:flex;flex-direction:column}.gallery .thumbnail .thumbnail-image-container{position:relative}.gallery .thumbnail .thumbnail-image-container .file-name{position:absolute;left:20%;top:50%;transform:translate(0,-50%);background-color:rgba(255,255,255,.6);font-size:12px;white-space:nowrap;width:56px;overflow:hidden}.gallery .thumbnail .thumbnail-image-container .file-name:hover{overflow:visible;min-width:56px;width:auto;z-index:2}.gallery .thumbnail a{color:#007bff}.gallery .thumbnail a:hover{text-decoration:underline;color:#007bff}.file-input{display:none}