.modal-project,.modal-project .overlay-inner{overflow:hidden}@media only screen and (max-width:980px){.modal-project .overlay-inner{padding:0}}.modal-project .btn-close{position:fixed;right:18px;top:18px;z-index:1000}.modal-project .project-actions{background-color:#fff;border-radius:30px;bottom:0;display:flex;flex-direction:row;gap:4px;left:0;padding:6px;position:fixed;transform:scale(.7);z-index:1002}@media only screen and (min-width:980px){.modal-project .project-actions{bottom:18px;flex-direction:column;left:auto;right:18px;transform:none}}.modal-project .project-actions .app-btn{display:flex;flex-direction:column;gap:0;justify-content:center}.modal-project .project-actions .app-btn .app-btn-text .counter{font-size:12px}.modal-project .project-actions .app-btn:not(.no-action) .app-btn-before,.modal-project .project-actions .app-btn:not(.no-action) .app-btn-text{opacity:.5;transition:opacity .3s}.modal-project .project-actions .app-btn:not(.no-action):hover .app-btn-before,.modal-project .project-actions .app-btn:not(.no-action):hover .app-btn-text{opacity:1}.modal-project .project-actions .app-btn.no-action:hover{background-color:#e5f1ff;cursor:auto}.modal-project .project-actions .app-btn.no-action .iconify{color:#e94b4c}.modal-project .modal-dialog{height:94dvh;padding:20px 8px 20px 20px;position:relative}@media only screen and (max-width:980px){.modal-project .modal-dialog{border-radius:0;height:100dvh;max-width:none!important;width:100%!important}}.modal-project .modal-dialog .modal-project-body{display:flex;flex-direction:column;height:100%}.modal-project .modal-dialog .modal-project-body .body-content{flex-grow:1;overflow-y:scroll;padding-right:8px;scrollbar-color:#ebeef5 transparent;scrollbar-width:thin}.modal-project .modal-dialog .modal-project-body .body-content::-webkit-scrollbar{width:4px}.modal-project .modal-dialog .modal-project-body .body-content::-webkit-scrollbar-track{background-color:transparent;border-radius:4px;padding-bottom:5px;padding-top:5px}.modal-project .modal-dialog .modal-project-body .body-content::-webkit-scrollbar-thumb{background-color:#ebeef5;border-radius:4px;width:4px}.modal-project .modal-dialog .modal-project-body .body-content .project-header{display:flex;gap:12px;margin-bottom:8px;padding-right:4px;padding-top:16px;position:relative;z-index:320}@media only screen and (min-width:640.98px){.modal-project .modal-dialog .modal-project-body .body-content .project-header{margin-bottom:16px}}.modal-project .modal-dialog .modal-project-body .body-content .project-header .app-author{flex-grow:1}.modal-project .modal-dialog .modal-project-body .body-content .project-header .app-menu{align-self:flex-start}.modal-project .modal-dialog .modal-project-body .body-content .project-header .app-menu .menu-body{padding-bottom:16px}.modal-project .modal-dialog .modal-project-body .body-content .project-header .app-menu .menu-body .project-dropdown-menu{display:flex;flex-direction:column;position:relative;z-index:10000}.modal-project .modal-dialog .modal-project-body .body-content .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%}.modal-project .modal-dialog .modal-project-body .body-content .project-header .app-menu .menu-body .project-dropdown-menu .dropdown-item .item-link:hover{background-color:#e5f1ffcc}.modal-project .modal-dialog .modal-project-body .body-content .project-cover{align-items:center;display:flex;position:relative}.modal-project .modal-dialog .modal-project-body .body-content .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}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel{aspect-ratio:4/3;width:100%}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container{aspect-ratio:inherit;display:grid;grid-auto-columns:100%;grid-auto-flow:column}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container .carousel-nav.next,.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container .carousel-nav.prev{background:none!important}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container .carousel-item{aspect-ratio:inherit}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container .carousel-item .image-content{height:100%;width:100%}.modal-project .modal-dialog .modal-project-body .body-content .project-cover .app-carousel .carousel-container .carousel-item .image-content img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-project .modal-dialog .modal-project-body .body-content .project-body{margin-bottom:24px}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px 12px;padding:16px 0}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-tags .tags-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px 12px}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-tags .tags-group:after{background-color:#002552;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-tags .tags-group:last-child:after{display:none}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-tags .tags-group .tag-item{align-items:center;display:flex}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-title{font-size:24px;font-weight:600;line-height:120%;margin-bottom:16px}.modal-project .modal-dialog .modal-project-body .body-content .project-body .project-about{display:flex;flex-direction:column;gap:12px}.modal-project .modal-dialog .modal-project-body .body-content .app-comments{padding:0 0 24px!important}.modal-project .modal-dialog .modal-project-body .app-send-comment-form{background-color:#fff;border-radius:0 0 12px 12px;padding:20px 20px 64px;width:100%}@media only screen and (min-width:980px){.modal-project .modal-dialog .modal-project-body .app-send-comment-form{padding:20px}}
