.history-container{background-color:var(--dh-history-bg);border-left:1px solid var(--dh-border-color);display:flex;flex:0 0 var(--dh-history-width);flex-direction:column;height:calc(100vh - var(--dh-header-nav-height));width:var(--dh-history-width)}.history-container .filter .el-popper>.el-scrollbar{height:calc(100vh - var(--dh-header-nav-height) - 200px);max-height:80vh;min-height:200px}.history-container .history-box{flex-grow:1;padding:0 .5rem;width:100%}.history-container .empty{margin-top:2rem}.history-container .empty,.history-container .title{color:var(--dh-text-2);font-size:14px;text-align:center}.history-container .title{font-weight:600;margin:.25rem 0}.history-container .filter .active{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.history-container .date-divider{border-color:var(--dh-text-4)!important;margin-bottom:1rem;margin-top:1rem}.history-container .date-divider .el-divider__text{background-color:var(--dh-history-bg);color:var(--dh-text-2)!important;font-size:12px;padding:0 .5rem}.history-container .selected{background-image:linear-gradient(81.24deg,#d951a5 13.83%,#b14bf4 49.5%,#6e7bfc 85.32%);border-radius:28px;color:#fff;height:28px;left:8px;padding:0;position:absolute;top:8px;width:28px}.history-container .item,.history-container .selected{align-items:center;display:flex;justify-content:center}.history-container .item{background-color:var(--dh-text-7);border-radius:.5rem;cursor:pointer;margin-bottom:1rem;min-height:4rem;overflow:hidden;padding:.2rem;position:relative;width:100%}.history-container .item img{border-radius:.4rem;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.history-container .item .delete-button{align-items:center;background:#00000080;border-radius:5px;display:none;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.history-container .item .delete-button .el-icon{color:#fff}.history-container .item .delete-button:hover .el-icon{color:var(--dh-negative-600)}.history-container .item .subcatename{background:#00000059;border-radius:4px;bottom:4px;color:#cdcdcd;font-size:11px;left:4px;padding:0 4px;position:absolute}.history-container .item:hover{background-color:var(--dh-text-5)}.history-container .item:hover .delete-button{display:flex}.history-container .loading-spinner{height:24px;width:100%}