.app-item-actions{display:grid;grid-auto-columns:68px;grid-auto-flow:column;grid-gap:4px;padding-top:var(--body-padding)}.app-item-actions .app-btn{gap:2px;width:100%}.app-item-actions .app-btn.no-action{cursor:auto}.app-item-actions .app-btn.no-action:hover{background-color:#e5f1ff}.app-item-actions .app-btn .iconify.has-like{color:#e94b4c}.app-project-item{background-color:#fff;border:1px solid #ebeef5;border-radius:var(--box-border-radius);overflow:hidden;--body-padding:20px}.app-project-item .project-tags{flex-wrap:wrap}.app-project-item .project-tags,.app-project-item .project-tags .tags-group{align-items:center;display:flex;gap:12px}.app-project-item .project-tags .tags-group:after{background-color:#002552;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}.app-project-item .project-tags .tags-group:last-child:after{display:none}.app-project-item .project-tags .tags-group .tag-item{align-items:center;display:flex}.app-project-item .project-header{display:flex;gap:12px;justify-content:space-between;padding:var(--body-padding)}.app-project-item .project-header .header-inner{display:flex;flex-direction:column;gap:8px}.app-project-item .project-header .header-inner .header-title .title-value{cursor:pointer;font-size:24px;line-height:110%;transition:color .3s}.app-project-item .project-header .header-inner .header-title .title-value:hover{color:#005dcf}.app-project-item .project-header .header-inner .header-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;margin-top:4px}.app-project-item .project-header .header-inner .header-meta .btn-order-contest{font-size:13px}.app-project-item .project-header .header-inner .header-meta span{align-items:center}.app-project-item .project-header .header-inner .header-meta span.item-status{font-weight:600;line-height:120%}.app-project-item .project-header .header-inner .header-meta span.item-status.published{color:#07b100}.app-project-item .project-header .header-inner .header-meta span.item-status.draft{color:#f17508}.app-project-item .project-header .app-menu{align-self:flex-start}.app-project-item .project-header .app-menu .menu-body{padding-bottom:16px}.app-project-item .project-header .app-menu .menu-body .project-dropdown-menu{display:flex;flex-direction:column;position:relative;z-index:10000}.app-project-item .project-header .app-menu .menu-body .project-dropdown-menu .dropdown-item .item-link{align-items:center;cursor:pointer;display:flex;line-height:120%;padding:10px 16px;width:100%}.app-project-item .project-header .app-menu .menu-body .project-dropdown-menu .dropdown-item .item-link:hover{background-color:#e5f1ffcc}.app-project-item .project-cover{align-items:center;display:flex;position:relative}.app-project-item .project-cover .covers-counter{align-items:center;background-color:#0009;border-radius:8px;color:#fff;display:inline-flex;font-size:14px;gap:2px;justify-content:center;line-height:100%;padding:4px 6px;position:absolute;right:12px;top:12px;z-index:310}.app-project-item .project-cover .app-carousel{aspect-ratio:4/3;width:100%}.app-project-item .project-cover .app-carousel .carousel-container{aspect-ratio:inherit;display:grid;grid-auto-columns:100%;grid-auto-flow:column}.app-project-item .project-cover .app-carousel .carousel-container .carousel-nav.next,.app-project-item .project-cover .app-carousel .carousel-container .carousel-nav.prev{background:none!important}.app-project-item .project-cover .app-carousel .carousel-container .carousel-item{aspect-ratio:inherit}.app-project-item .project-cover .app-carousel .carousel-container .carousel-item .image-content{height:100%;width:100%}.app-project-item .project-cover .app-carousel .carousel-container .carousel-item .image-content img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.app-project-item .project-body{padding:var(--body-padding)}.app-project-item .project-body .post-tags{margin-bottom:12px}.app-project-item .project-body .post-title{cursor:pointer;font-size:24px;font-weight:600;line-height:120%;margin-bottom:16px;transition:color .3s}.app-project-item .project-body .post-title:hover{color:#005dcf}.app-project-item .project-body .project-short-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.app-project-item .project-body .read-more{color:#949cb2;cursor:pointer;transition:color .3s}.app-project-item .project-body .read-more:hover{color:#005dcf}
