.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.xui_document_list{display:flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;}.xui_document_list.--article{display:block;}.xui_document_list .__icon_type{background-color:#fff;border-radius:4px;min-width:100%;height:100%;display:flex;}.xui_document_list .__icon_type i{margin:auto;background-position:center;background-size:contain;height:50%;width:50%;min-height:40px;}.xui_document_list .__item{display:flex;position:relative;border-radius:4px;transition:all 0.1s ease-out;background-color:#f5f5f5;margin:5px;padding:5px;}.xui_document_list .__item .__is_video:before{content:"\f04b";font-family:FontAwesome;left:50%;top:50%;z-index:1;font-size:16px;color:white;display:block;text-align:center;line-height:30px;padding-left:3px;width:30px;height:30px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:99px;position:absolute;box-sizing:border-box;transform:translate(-50%,-50%);}.xui_document_list .__item .__img_wrapper{border-radius:4px;height:100%;position:relative;}.xui_document_list .__item .__img_wrapper .__img{height:100%;border-radius:4px;}.xui_document_list .__item:hover{box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15);background-color:#fff;}.xui_document_list .__item:hover:before{content:"";top:0.7rem;right:0.7rem;height:1.4rem;width:1.4rem;display:block;position:absolute;background-color:#f5f5f5;border-radius:4px;z-index:1;}.xui_document_list .__item:hover:after{content:'\f14c';font-family:"FontAwesome";display:block;text-align:center;position:absolute;top:0.685rem;right:0.985rem;z-index:2;}.xui_document_list.--gallery .__item .__title{display:none;}.xui_document_list.--article .__grid{margin-right:auto;margin-left:auto;}.xui_document_list.--article .__grid .icon_filetype_xImage{border-style:solid;border-width:1px;border-color:#ccc;}.xui_document_list.--list .__item{align-items:center;flex:1;min-width:250px;min-height:20px;}.xui_document_list.--list .__item .__img_wrapper{margin-right:8px;width:40px !important;height:40px;border:1px solid #e1e1e1;}.xui_document_list.--list .__item .__img_wrapper .__img{width:40px;height:100%;}.xui_document_list.--list .__item .__title{vertical-align:middle;align-self:center;flex-grow:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#484848;}.xui_document_list.--single-image{overflow:hidden;max-height:600px;display:flex;border:1px solid #eee;background:white;background-position:center center;background-size:cover;}.xui_document_list.--single-image .background{display:flex;align-items:center;align-content:center;justify-content:center;flex-grow:1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(20px);}.xui_document_list.--single-image img{max-width:100%;display:block;}.xui_document_list.--single-video{display:block;}