.fileComponent__wrapper{flex-flow:wrap;justify-content:center;align-items:center;padding:5px;display:flex;position:relative}.fileComponent__file{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;width:240px;height:120px;padding:8px 12px;text-decoration:none;transition:opacity .15s;display:flex}.fileComponent__file-preview{max-width:100%;height:100%;max-height:120px;display:block}.fileComponent__fileType-icon{padding:20px;font-size:100px;text-decoration:none}.fileComponent__menu-button,.fileComponent__file-virus{opacity:0;z-index:1;transition:opacity .2s;top:5px;position:absolute!important}.fileComponent__menu-button{right:5px}.fileComponent__file-virus{left:5px}.fileComponent__buttons{flex-flow:column wrap;align-content:center;justify-content:center;padding-bottom:8px;transition:opacity .2s;display:flex}@media (min-width:960px){.fileComponent__buttons{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-65%)}}.fileComponent__placeholder{cursor:pointer;z-index:1;align-content:center;justify-content:center;width:100%;height:120px;display:flex}.fileComponent__placeholder .fileComponent__fileType-icon{font-size:48px}.fileComponent__name{opacity:.7;text-align:center;text-overflow:ellipsis;word-break:break-word;margin-top:4px;display:inline-block;overflow:hidden}.fileComponent__type{cursor:pointer;flex-flow:column;justify-content:center;align-items:center;width:100%;font-size:14px;text-decoration:none;display:flex;position:relative}.fileComponent__type:before{content:"";opacity:0;transition:opacity .2s,background-color .2s;display:block}.fileComponent__type--image.fileComponent__type{flex-flow:column;align-items:center;min-height:140px}.fileComponent:hover:not(.fileComponent--disable-thumbnail) .fileComponent__buttons,.fileComponent:hover:not(.fileComponent--disable-thumbnail) .fileComponent__menu-button,.fileComponent:hover:not(.fileComponent--disable-thumbnail) .fileComponent__file-virus,.fileComponent:focus:not(.fileComponent--disable-thumbnail) .fileComponent__buttons,.fileComponent:focus:not(.fileComponent--disable-thumbnail) .fileComponent__menu-button,.fileComponent:focus:not(.fileComponent--disable-thumbnail) .fileComponent__file-virus{opacity:1;transition:opacity .2s}.fileComponent:focus-within:not(.fileComponent--disable-thumbnail) .fileComponent__buttons{opacity:1;transition:opacity .2s}.fileComponent:focus-within:not(.fileComponent--disable-thumbnail) .fileComponent__menu-button{opacity:1;transition:opacity .2s}.fileComponent:focus-within:not(.fileComponent--disable-thumbnail) .fileComponent__file-virus{opacity:1;transition:opacity .2s}.fileComponent:hover:not(.fileComponent--disable-thumbnail) .fileComponent__type:before,.fileComponent:focus:not(.fileComponent--disable-thumbnail) .fileComponent__type:before{content:"";opacity:.85;background-color:#fafafa;border-radius:4px;width:100%;height:100%;transition:opacity .2s,background-color .2s;position:absolute;top:0;left:0}.fileComponent:focus-within:not(.fileComponent--disable-thumbnail) .fileComponent__type:before{content:"";opacity:.85;background-color:#fafafa;border-radius:4px;width:100%;height:100%;transition:opacity .2s,background-color .2s;position:absolute;top:0;left:0}.fileComponent.fileComponent--disable-thumbnail .fileComponent__type--image{min-height:30px}