.project-tile{position:relative}.project-tile,.project-tile>a{text-decoration:none}.project-tile a,.project-tile button{position:relative}.project-tile .tile{display:block;position:absolute;inset:0;color:#b2b2b2;cursor:pointer;background-color:#1a1a1a}.project-tile .tile:hover{color:#b2b2b2}.project-tile .art{position:relative;cursor:pointer}.project-tile .art img{position:absolute;width:100%;height:auto}.project-tile .details{pointer-events:none}.project-tile .details h3,.project-tile .details h3 a{font-size:16px;line-height:150%;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex}.project-tile .details h3 a{text-decoration:none}.project-tile .details .author{font-size:14px;line-height:1.5;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tile .details p{color:#b2b2b2;font-size:14px;line-height:150%;height:64px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:16px}.project-tile .details .details-list.short{display:flex;margin-top:12px;height:20px;margin-bottom:-32px}.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;transition:opacity .1s;pointer-events:none}.project-tile .details .more-info .desc{margin-top:8px}.project-tile .details .more-info .tile-categories-list{margin-top:16px;display:flex;margin-bottom:16px;gap:8px;align-items:center}.project-tile .details .more-info .tile-categories-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .tile-categories-list .num-more{flex-shrink:0}.project-tile .details .more-info .actions{margin-top:20px;display:flex;gap:12px;overflow:hidden}.project-tile .details .more-info .actions .split-button,.project-tile .details .more-info .actions a{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{display:flex;gap:8px;align-items:center;font-size:16px;height:36px;line-height:20px;justify-content:center}.project-tile .details .more-info .actions button svg{width:20px;height:20px}.project-tile.medium{width:184px;height:280px}.project-tile.medium .tile{width:100%;height:100%;background-color:#1a1a1a;padding:20px;transition:all .2s}.project-tile.medium .tile .art{height:144px;transition:all .2s;background-color:inherit;overflow:hidden}.project-tile.medium .tile .art img{height:100%;width:100%;object-fit:cover;transition:opacity .1s;background-color:inherit}.project-tile.medium .tile .art .screenshots{display:none;transition:opacity .1s}.project-tile.medium .tile .art .screenshots img{height:144px;width:240px}.project-tile.medium .tile .art .screenshots img:nth-child(n+2){opacity:0;animation:show-screenshot .3s 3s forwards}.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 ease}.project-tile.small .tile{display:flex;gap:24px;align-items:center;padding:20px;background-color:#1a1a1a}.project-tile.small .tile:hover{background-color:#262626}.project-tile.small .art{width:80px;height:80px;padding-bottom:0}.project-tile.small .art img{position:absolute;width:100%}.project-tile.small .details h3{margin-bottom:8px;display:flex;line-height:24px;align-items:center}.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{height:344px;padding:24px;display:flex;align-items:center;margin-bottom:14px;overflow:hidden}.project-tile.large .art img{position:relative;transition:opacity .15s ease;opacity:.85}.project-tile.large .art:hover:after{opacity:.2}.project-tile.large .art .effect-img{position:absolute;top:0;left:0;height:100%;filter:blur(40px)}.project-tile.large .details,.project-tile.small .details{display:grid;grid-template-areas:"title title" "author detail";grid-template-columns:auto 1fr;grid-gap:6px 12px;gap:6px 12px;align-items:end}.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{display:flex;gap:6px;font-size:14px;line-height:1.5;color:#999;grid-area:detail}.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:rgba(0,0,0,0)!important}.project-tile.loading .tile .art img,.project-tile.loading .tile .art svg,.project-tile.loading .tile .details h3 img,.project-tile.loading .tile .details h3 svg{opacity:0}.project-tile.loading .tile .author,.project-tile.loading .tile .details-list.short{background-color:#262626;color:rgba(0,0,0,0)!important}.project-tile.loading .tile .author *,.project-tile.loading .tile .details-list.short *{opacity:0!important}.project-tile.loading .tile:after{content:"";position:absolute;inset:0;background-image:linear-gradient(100deg,transparent 20%,rgba(100,100,100,.1) 50%,transparent 80%);background-repeat:no-repeat;animation:animate-project-tile-skeleton 1.5s ease-out infinite}@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{left:-50px;top:-86.5px;width:284px;height:453px;box-shadow:0 2px 15px #000;transition-delay:0;background-color:#1a1a1a}.project-tile.medium:hover .tile h3{transition:margin-top .1s 0;margin-top:20px}.project-tile.medium:hover .tile .art .screenshots+img{transition:opacity .4s .4s;opacity:0}.project-tile.medium:hover .tile .art .screenshots{display:block;transition:opacity .4s .2s;opacity:1}.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}}