.project-tile{position:relative}.project-tile>a,.project-tile{text-decoration:none}.project-tile a,.project-tile button{position:relative}.project-tile .tile{color:#b2b2b2;cursor:pointer;background-color:#1a1a1a;display:block;position:absolute;inset:0}.project-tile .tile:hover{color:#b2b2b2}.project-tile .art{cursor:pointer;position:relative}.project-tile .art img{width:100%;height:auto;position:absolute}.project-tile .details{pointer-events:none}.project-tile .details h3{text-overflow:ellipsis;white-space:nowrap;gap:8px;font-size:16px;line-height:150%;display:flex;overflow:hidden}.project-tile .details h3 a{text-overflow:ellipsis;white-space:nowrap;gap:8px;font-size:16px;line-height:150%;text-decoration:none;display:flex;overflow:hidden}.project-tile .details .author{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.5;overflow:hidden}.project-tile .details p{color:#b2b2b2;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px;margin-bottom:16px;font-size:14px;line-height:150%;display:-webkit-box;overflow:hidden}.project-tile .details .details-list:not(.short){overflow:hidden}.project-tile .details .details-list.short{height:20px;margin-top:12px;margin-bottom:-32px;display:flex}.project-tile .details .class-tag{display:block;overflow:hidden}.project-tile .details .class-tag .class-tag{margin-right:0}.project-tile .details .more-info{opacity:0;pointer-events:none;transition:opacity .1s}.project-tile .details .more-info .desc{margin-top:8px}.project-tile .details .more-info .tile-categories-list{align-items:center;gap:8px;margin-top:16px;margin-bottom:16px;display:flex}.project-tile .details .more-info .tile-categories-list li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-tile .details .more-info .tile-categories-list li:last-child{flex-shrink:0}.project-tile .details .more-info .tile-categories-list li:not(.class-tag){color:#b2b2b2;font-size:12px;line-height:20px}.project-tile .details .more-info .actions{gap:12px;margin-top:20px;display:flex;overflow:hidden}.project-tile .details .more-info .actions a,.project-tile .details .more-info .actions .split-button{flex-grow:1;flex-shrink:0;justify-content:center}.project-tile .details .more-info .actions .early-access button{color:#000}.project-tile .details .more-info .actions button{justify-content:center;align-items:center;gap:8px;height:36px;font-size:16px;line-height:20px;display:flex}.project-tile .details .more-info .actions button svg{width:20px;height:20px}.project-tile.medium{width:184px;height:280px}.project-tile.medium .tile{background-color:#1a1a1a;width:100%;height:100%;padding:20px;transition:all .2s}.project-tile.medium .tile .art{background-color:inherit;height:144px;transition:all .2s;overflow:hidden}.project-tile.medium .tile .art img{object-fit:cover;background-color:inherit;width:100%;height:100%;transition:opacity .1s}.project-tile.medium .tile .art .screenshots{transition:opacity .1s;display:none}.project-tile.medium .tile .art .screenshots img{width:240px;height:144px}.project-tile.medium .tile .art .screenshots img:nth-child(n+2){opacity:0;animation:.3s 3s forwards show-screenshot}.project-tile.medium .tile .art .screenshots img:nth-child(3){animation-delay:9s}.project-tile.medium .tile .art .screenshots img:nth-child(4){animation-delay:12s}.project-tile.medium .tile .art .screenshots img:nth-child(5){animation-delay:15s}.project-tile.medium .tile .art .screenshots img:nth-child(6){animation-delay:18s}.project-tile.medium .tile .art .screenshots img:nth-child(7){animation-delay:21s}.project-tile.medium .tile .art .screenshots img:nth-child(8){animation-delay:24s}.project-tile.medium .tile .art .screenshots img:nth-child(9){animation-delay:27s}.project-tile.medium .tile .art .screenshots img:nth-child(10){animation-delay:30s}@keyframes show-screenshot{0%{opacity:0}to{opacity:1}}.project-tile.medium .details h3{margin-top:16px;margin-bottom:4px}.project-tile.small{height:120px;transition:all .15s}.project-tile.small .tile{background-color:#1a1a1a;align-items:center;gap:24px;padding:20px;display:flex}.project-tile.small .tile:hover{background-color:#262626}.project-tile.small .art{width:80px;height:80px;padding-bottom:0}.project-tile.small .art img{width:100%;position:absolute}.project-tile.small .details h3{align-items:center;margin-bottom:8px;line-height:24px;display:flex}.project-tile.small .details h3 img{flex:none;width:24px;height:24px;position:static}.project-tile.small .details ul{gap:12px}.project-tile.small .details ul li:last-child{position:relative;top:-5px}.project-tile.large{width:276px}.project-tile.large .tile{position:relative}.project-tile.large .tile:hover .art img{opacity:1}.project-tile.large .art{align-items:center;height:344px;margin-bottom:14px;padding:24px;display:flex;overflow:hidden}.project-tile.large .art img{opacity:.85;transition:opacity .15s;position:relative}.project-tile.large .art:hover:after{opacity:.2}.project-tile.large .art .effect-img{filter:blur(40px);height:100%;position:absolute;top:0;left:0}.project-tile.large .details,.project-tile.small .details{grid-template-columns:auto 1fr;grid-template-areas:"title title""author detail";align-items:end;gap:6px 12px;display:grid}.project-tile.large .details h3,.project-tile.small .details h3{grid-area:title}.project-tile.large .details .author,.project-tile.small .details .author{grid-area:author}.project-tile.large .details .icon-detail,.project-tile.small .details .icon-detail{color:#999;grid-area:detail;gap:6px;font-size:14px;line-height:1.5;display:flex}.project-tile.large .details .icon-detail svg,.project-tile.small .details .icon-detail svg{width:20px;height:20px}.project-tile.loading .tile{overflow:hidden}.project-tile.loading .tile .art img{display:none}.project-tile.loading .tile .art,.project-tile.loading .tile .details h3{background-color:#262626;color:#0000!important}.project-tile.loading .tile .art svg,.project-tile.loading .tile .art img,.project-tile.loading .tile .details h3 svg,.project-tile.loading .tile .details h3 img{opacity:0}.project-tile.loading .tile .author,.project-tile.loading .tile .details-list.short{background-color:#262626;color:#0000!important}.project-tile.loading .tile .author *,.project-tile.loading .tile .details-list.short *{opacity:0!important}.project-tile.loading .tile:after{content:"";background-image:linear-gradient(100deg,#0000 20%,#6464641a 50%,#0000 80%);background-repeat:no-repeat;animation:1.5s ease-out infinite animate-project-tile-skeleton;position:absolute;inset:0}@keyframes animate-project-tile-skeleton{0%{background-position-x:-300px}to{background-position-x:500px}}@media (min-width:900px){.project-tile.medium:hover{z-index:1}.project-tile.medium:hover .tile{width:284px;height:453px;transition-delay:0;background-color:#1a1a1a;top:-86.5px;left:-50px;box-shadow:0 2px 15px #000}.project-tile.medium:hover .tile h3{transition:margin-top .1s 0;margin-top:20px}.project-tile.medium:hover .tile .art .screenshots+img{opacity:0;transition:opacity .4s .4s}.project-tile.medium:hover .tile .art .screenshots{opacity:1;transition:opacity .4s .2s;display:block}.project-tile.medium:hover .details-list.short{opacity:0;transition:opacity .2s -.1s}.project-tile.medium:hover .more-info{opacity:1;transition:opacity .2s .2s}.project-tile.medium:hover .actions{pointer-events:all}}
/*# sourceMappingURL=16gilzntuuz01.css.map*/