.media-project{position:relative;width:100%;z-index:1}.media-project .project-header{display:flex;gap:12px;margin-bottom:8px;position:relative;z-index:100}@media only screen and (min-width:640.98px){.media-project .project-header{margin-bottom:16px}}.media-project .project-header .app-author{flex-grow:1}.media-project .project-header .app-menu .menu-body{padding-bottom:16px}.media-project .project-header .app-menu .menu-body .project-dropdown-menu{display:flex;flex-direction:column}.media-project .project-header .app-menu .menu-body .project-dropdown-menu .dropdown-item .item-link{align-items:center;cursor:pointer;display:flex;height:38px;line-height:120%;padding:4px 16px;width:100%}.media-project .project-header .app-menu .menu-body .project-dropdown-menu .dropdown-item .item-link:hover{background-color:#e5f1ffcc}.media-project .project-body{position:relative;z-index:1}.media-project .project-body .body-content{aspect-ratio:4/3;background-color:#505565;border-radius:var(--box-border-radius-sm);overflow:hidden}.media-project .project-body .body-content .text-content{background-color:#ebeef5;height:100%;padding:16px;position:relative;width:100%}@media only screen and (min-width:640.98px){.media-project .project-body .body-content .text-content{padding:20px}}.media-project .project-body .body-content .text-content .text-content-data{background-color:#ebeef5;font-size:14px;height:100%;overflow:hidden}@media only screen and (min-width:640.98px){.media-project .project-body .body-content .text-content .text-content-data{font-size:15px}}.media-project .project-body .body-tag{align-items:center;border-radius:30px;display:inline-flex;font-size:14px;left:4px;padding:6px 12px;position:absolute;top:4px;z-index:11}.media-project .project-body .project-title{display:-webkit-box;font-size:14px;margin-top:8px;overflow:hidden;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;cursor:pointer;transition:color .3s}@media only screen and (min-width:640.98px){.media-project .project-body .project-title{font-size:16px;margin-top:12px}}@media only screen and (min-width:768.98px){.media-project .project-body .project-title{font-size:18px}}.media-project .project-body .project-title:hover{color:#005dcf}.media-project .project-footer{align-items:center;display:flex;gap:16px;margin-top:8px;position:relative;z-index:1}@media only screen and (min-width:640.98px){.media-project .project-footer{gap:14px;margin-top:12px}}.media-project .project-footer .action-item{align-items:center;display:inline-flex;gap:4px;line-height:1}.media-project .project-footer .action-item .iconify{font-size:22px}.media-project .project-footer .action-item .iconify.has-like{color:#e94b4c}.media-project .project-footer .action-item .counter{bottom:1px;font-size:13px;position:relative}.media-project .project-footer .action-item:not(.no-action){cursor:pointer;opacity:.5;transition:opacity .3s}.media-project .project-footer .action-item:not(.no-action):hover{opacity:1}.media-project:before{background-color:#fff;border-radius:16px;content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;transition:background-color .3s,box-shadow .3s,visibility .3s,inset .3s;visibility:hidden}.media-project:hover{z-index:10}.media-project:hover:before{box-shadow:0 20px 56px -48px #00347333,0 8px 32px #005dcf33;top:-12px;right:-12px;bottom:-12px;left:-12px;visibility:visible}@media only screen and (min-width:640.98px){.media-project:hover:before{top:-20px;right:-20px;bottom:-20px;left:-20px}}