.containers-tree-node{gap:10px;padding:3px 0;display:flex}.containers-tree-node svg{width:16px;min-width:16px;height:16px}.containers-tree-node .label{flex:1;align-items:center;line-height:15px}.containers-tree-node .label small{opacity:.4}.files-container{grid-gap:10px;flex:1;grid-template-rows:repeat(auto-fill,minmax(100px,1fr));grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;position:relative}.files-container.mode-list{grid-gap:5px;flex-direction:column;display:flex}.files-container.mode-list .file-item{border-radius:7px;flex-direction:row;align-items:center;padding:0 7px}.files-container.mode-list .file-item .icon{width:24px;height:24px;font-size:24px}.files-container.mode-list .file-item .file-image{border-radius:3px;max-width:30px;height:100%;min-height:30px;margin-right:5px}.files-container.mode-list .file-item .file-caption{-webkit-user-select:none;user-select:none;display:inline-block}.files-container .file-item{background:var(--background-color-body);outline:2px solid var(--background-color);outline-offset:-2px;cursor:pointer;border-radius:11px;flex-direction:column;padding:5px;font-size:13px;transition:all .3s;display:flex}.files-container .file-item:hover{outline-color:var(--primary-color)}.files-container .file-item:hover .file-image{background-position:bottom}.files-container .file-item.selected{outline-color:var(--primary-color);box-shadow:0 5px 10px #0003}.files-container .file-item .icon{width:40px;height:40px;font-size:40px}.files-container .file-item .file-image{background:top/cover no-repeat;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:100px;transition:background-position 6s;display:flex;overflow:hidden}.files-container .file-item .file-item-info{padding:5px}.files-container .file-item .file-name{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;line-height:22px;display:block;overflow:hidden}.files-container .file-item .file-caption{-webkit-user-select:none;user-select:none;color:#999;align-items:center;font-size:11px;display:flex}.files-container .file-item .file-caption svg{margin-right:5px}.dark-mode .container-header-wrapper{border-bottom:1px solid #454545}.dark-mode .drop-active-zone{color:#fff;background:#000000e6;outline-color:#444}.dark-mode .files-container .file-item:hover{background:#111}.dark-mode .files-container .file-item.selected{background:#000}