.app-compilation-item{display:flex;flex-direction:column}.app-compilation-item .item-image{aspect-ratio:1/1;border-radius:var(--box-border-radius-md);margin-bottom:8px;overflow:hidden}.app-compilation-item .item-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.app-compilation-item .item-title{font-size:15px;font-weight:600;line-height:120%;margin-bottom:4px}@media only screen and (min-width:640.98px){.app-compilation-item .item-title{font-size:16px}}.app-compilation-item .item-title .title-link{display:block;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;transition:color .3s}.app-compilation-item .item-title .title-link:hover{color:#005dcf}.app-compilation-item .item-type{font-size:14px;margin-bottom:8px}.app-compilation-item .item-footer{align-items:center;display:flex;gap:16px;margin-top:auto;position:relative;z-index:1}@media only screen and (min-width:640.98px){.app-compilation-item .item-footer{gap:14px}}.app-compilation-item .item-footer .action-item{align-items:center;display:inline-flex;gap:4px;line-height:1}.app-compilation-item .item-footer .action-item .iconify{font-size:22px}.app-compilation-item .item-footer .action-item .iconify.has-like{color:#e94b4c}.app-compilation-item .item-footer .action-item .counter{bottom:1px;font-size:13px;position:relative}.app-compilation-item .item-footer .action-item:not(.no-action){cursor:pointer;opacity:.5;transition:opacity .3s}.app-compilation-item .item-footer .action-item:not(.no-action):hover{opacity:1}