.collection-list-item{background-color:var(--surface-secondary,#202020);width:392px;height:365px;position:relative;transition:background-color .3s ease}@media(max-width:400px){.collection-list-item{width:100%}}.collection-list-item .item-thumbnail{padding:8px 8px 0;display:block}.collection-list-item .item-thumbnail img{width:100%;height:calc-size(auto);object-fit:cover;transition:height .3s ease}.collection-list-item .item-info{padding:12px 8px 8px;position:absolute;width:100%;bottom:0;left:0;z-index:1;background-color:var(--surface-secondary,#202020);transition:all .3s ease}.collection-list-item .item-info .date-title{display:flex;flex-direction:column;gap:8px}.collection-list-item .item-info .date-title .title-url{display:block;transition:all 1s ease;max-height:24px}.collection-list-item .item-info .date-title h3{color:var(--text-primary,#DFDFDF);font-family:var(--family-default,Lato);font-size:var(--size-18,18px);font-weight:var(--weight-bold,700);line-height:var(--line-height-24,24px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.collection-list-item .item-info .date-title p{color:var(--text-secondary,#9F9F9F);font-size:var(--size-14,14px);font-weight:var(--weight-regular,400);line-height:var(--line-height-20,20px)}.collection-list-item .item-info .creator-mods{padding-top:16px;margin-top:16px;border-top:1px solid var(--border-tertiery,rgba(255,255,255,.16));display:flex;justify-content:space-between;align-items:center}.collection-list-item .item-info .creator-mods .creator-name-link{display:flex;align-items:center;gap:8px;padding:var(--spacing-8,8px) var(--spacing-12,12px) var(--spacing-8,8px) var(--spacing-8,8px);border-radius:32px;background-color:var(--surface-on-surface,rgba(255,255,255,.08));color:var(--text-primary,#DFDFDF);font-family:var(--family-default,Lato);font-size:var(--size-14,14px);font-weight:var(--weight-bold,700);line-height:var(--line-height-20,20px)}.collection-list-item .item-info .creator-mods .creator-name-link:hover{background-color:var(--color-surface-on-surface-primary-hover)}.collection-list-item .item-info .creator-mods .creator-name-link>img{border-radius:50%}.collection-list-item .item-info .creator-mods .mods-count{display:flex;gap:4px;align-items:center;color:var(--surface-hilight,#9F9F9F);font-family:var(--family-default,Lato);font-size:var(--size-14,14px);font-weight:var(--weight-bold,700);line-height:var(--line-height-20,20px)}.collection-list-item .item-info .creator-mods .mods-count svg{width:20px;height:20px;position:relative;top:-1px}.collection-list-item .item-info .collection-btn{text-transform:unset;width:100%;height:0;margin-top:0;transition:all .3s ease;opacity:0;overflow:hidden;display:block}.collection-list-item:hover{background-color:var(--surface-tertiery,#303030)}.collection-list-item:hover .item-thumbnail img{height:160px}.collection-list-item:hover .item-info{background-color:var(--surface-tertiery,#303030)}.collection-list-item:hover .item-info .date-title .title-url{max-height:100px}.collection-list-item:hover .item-info .date-title .title-url h3{white-space:unset;max-height:100px}.collection-list-item:hover .item-info .collection-btn{opacity:1;margin-top:12px;height:40px}