:root{--library_bg_color:#fff;--drag_area_border_color:#eee;--box_shadow:0 0 1.5rem rgba(0,0,0,0.1),0 3rem 10rem rgba(0,0,0,0.2);--trans:all 0.2s ease-in-out;--file_name_boder_color:#eceff1}.library{padding:1rem}.library .card{background:var(--library_bg_color);-webkit-transition:.5s;transition:.5s;border:0;border-radius:.1875rem;position:relative;width:100%;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1rem}.library .card .file{padding:0!important;position:relative}.library .card .file:hover{-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow);-webkit-transition:var(--trans);transition:var(--trans)}.library .card .file:hover .hover{display:block}.library .card .file a{text-decoration:none;z-index:1}.library .card .file a .hover{position:absolute;z-index:2;right:1rem;top:1rem;display:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.library .card .file a .hover #delete-icon{cursor:default}.library .card .file a .hover a,.library .card .file a .hover button{padding:0;font-size:.9375rem;overflow:hidden;line-height:normal;margin-left:.2rem}.library .card .file a .icon{padding:1rem .5rem;display:table;width:100%;text-align:center;height:7rem;overflow:hidden;background-size:cover;background-position:top}.library .card .file a .icon img{padding:2rem 0}.library .card .file a .icon img.thumbnail{padding:2rem 0!important;width:2rem;height:7rem}.library .card .file a .file-name{padding:1rem;border-top:1px solid var(--file_name_boder_color)}.preview .card .file,.preview .card:hover{-webkit-box-shadow:var(--box_shadow);box-shadow:var(--box_shadow);-webkit-transition:var(--trans);transition:var(--trans)}.preview .card .icon.thumbnail,.preview .card .icon img{padding:0!important;width:100%;height:100%}