.project-tile[data-v-bcc82ddd]{height:100%;padding:.75em 1em;transition:transform .2s,background-color .2s;position:relative}.project-tile[data-v-bcc82ddd] .tile-save{opacity:.5;flex:none;align-self:center;margin-right:auto;transition:opacity .15s}@media (width>=640px){.cols-1 .project-tile[data-v-bcc82ddd] .tile-save{margin-right:0;position:absolute;top:0;right:0}}.project-tile[data-v-bcc82ddd] .tile-save.save-btn.icon{border-color:#0000;padding:.2em}@media (hover:hover) and (pointer:fine){.project-tile[data-v-bcc82ddd] .tile-save{opacity:0}}.project-tile[data-v-bcc82ddd] .tile-save.saved,.project-tile[data-v-bcc82ddd] .tile-save:focus-visible,.project-tile[data-v-bcc82ddd] .tile-save[data-state=open],.project-tile[data-v-bcc82ddd]:hover .tile-save{opacity:1}.project-tile[data-v-bcc82ddd]:hover{background-color:rgb(var(--fg)/.02);transform:translateY(-2px)}.project-tile:hover .project-tile-title[data-v-bcc82ddd]{color:var(--tone-good)}.project-tile:hover .tile-arrow[data-v-bcc82ddd]{opacity:1;transform:translate(0)}.project-tile .project-tile-header[data-v-bcc82ddd]:after{content:"";z-index:1;position:absolute;inset:0}.project-tile .footer[data-v-bcc82ddd],.project-tile .signals[data-v-bcc82ddd],.project-tile .tags[data-v-bcc82ddd]{z-index:2;position:relative}.tile-arrow[data-v-bcc82ddd]{vertical-align:-.05em;opacity:0;width:.8em;height:.8em;margin-left:.35em;transition:opacity .15s,transform .15s;transform:translate(-4px)}.project-tile-main[data-v-bcc82ddd]{flex-direction:column;max-width:100%;height:100%;padding:.75em 0;display:flex;overflow:hidden}@media (width>=640px){.project-tile-main[data-v-bcc82ddd]{padding:0}.cols-1 .project-tile-main[data-v-bcc82ddd]{grid-template-columns:minmax(0,1fr) 10rem;gap:0 1em;display:grid}}.project-tile-main .project-tile-header[data-v-bcc82ddd]{flex-wrap:nowrap;align-items:flex-start;gap:.25em;display:flex}.cols-1 .project-tile-main .project-tile-header[data-v-bcc82ddd]{grid-column:1;align-items:center}.project-tile-main .project-tile-header img[data-v-bcc82ddd]{aspect-ratio:1;flex-shrink:0;align-self:center;width:40px;height:40px}.project-tile-main .project-tile-header .featured-badge[data-v-bcc82ddd]{font-size:.75rem;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:#04130a;background:linear-gradient(180deg,var(--color-green-300),var(--color-green-500));white-space:nowrap;border:none;border-radius:5px;flex-shrink:0;align-self:center;align-items:center;gap:.3em;margin-left:auto;padding:.2em .55em;font-weight:700;display:inline-flex;box-shadow:0 1px 8px -2px #4ade808c}.project-tile-main .project-tile-header .featured-badge .featured-badge-icon[data-v-bcc82ddd]{width:.85em;height:.85em}.project-tile-main .project-tile-header .featured-badge+.archived-badge[data-v-bcc82ddd],.project-tile-main .project-tile-header .featured-badge+.version-badge[data-v-bcc82ddd]{margin-left:.5em}.project-tile-main .project-tile-header .archived-badge[data-v-bcc82ddd]{font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--color-amber-500);color:var(--tone-warn);white-space:nowrap;border-radius:4px;flex-shrink:0;align-self:center;margin-left:auto;padding:.15em .5em}.project-tile-main .project-tile-header .archived-badge+.version-badge[data-v-bcc82ddd]{margin-left:.5em}.project-tile-main .project-tile-header .version-badge[data-v-bcc82ddd]{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:45%;font-family:var(--font-mono);color:var(--text-dim);background-color:#0000;border:none;flex-shrink:1;align-self:flex-start;margin-left:auto;padding:.2em 1em .2em 0;overflow:hidden}.cols-1 .project-tile-main .project-tile-header .version-badge[data-v-bcc82ddd]{align-self:center;margin-left:1em;margin-right:0;padding:.2em 0}.project-tile-main .project-tile-title-category[data-v-bcc82ddd]{flex-direction:column;flex:1;min-width:0;display:flex}.cols-1 .project-tile-main .project-tile-title-category[data-v-bcc82ddd]{flex-direction:row;align-items:center;gap:.75em}.project-tile-main .project-tile-title-category .project-tile-title[data-v-bcc82ddd]{margin:0;font-size:1.2em;font-weight:700;transition:color .2s}.project-tile-main .project-tile-title-category .project-tile-category[data-v-bcc82ddd]{color:rgb(var(--fg)/.62);font-size:.8em;font-family:var(--font-mono);margin:0}.cols-1 .project-tile-main .project-tile-title-category .project-tile-category[data-v-bcc82ddd]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-tile-main .project-tile-lead[data-v-bcc82ddd]{color:rgb(var(--fg)/.72);overflow-wrap:anywhere;margin:.75em 0;font-size:.95rem;display:block}.cols-1 .project-tile-main .project-tile-lead[data-v-bcc82ddd],.cols-1 .project-tile-main .signals[data-v-bcc82ddd],.cols-1 .project-tile-main .tags[data-v-bcc82ddd]{grid-column:1}.project-tile-main .project-tile-logo[data-v-bcc82ddd]{border-radius:4px;margin-right:.5em}.project-tile-main .tags[data-v-bcc82ddd]{flex-wrap:wrap;gap:.5em;max-height:1.7rem;margin-top:auto;display:flex;overflow:hidden}.project-tile-main .tags .tag[data-v-bcc82ddd]{background-color:rgb(var(--fg)/.02);border:1px solid rgb(var(--fg)/.1);border-radius:4px;padding:.2em .5em;font-size:.75rem}.project-tile-main .tags .tag.tag-category[data-v-bcc82ddd]{color:rgb(var(--fg)/.62);transition:color .15s,border-color .15s,background-color .15s}.project-tile-main .tags .tag.tag-category[data-v-bcc82ddd]:hover{color:var(--tone-good);background-color:#4ade801a;border-color:#4ade8080}.project-tile-main .tags .tag.tag-tag[data-v-bcc82ddd]{color:rgb(var(--fg)/.62);background-color:#0000;border:none;transition:color .15s,background-color .15s}.project-tile-main .tags .tag.tag-tag[data-v-bcc82ddd]:hover:not(.is-plain){color:var(--tone-good);background-color:#4ade801a}.project-tile-main .tags .tag.tag-category[data-v-bcc82ddd]:focus-visible,.project-tile-main .tags .tag.tag-tag[data-v-bcc82ddd]:focus-visible{outline-offset:1px;color:var(--tone-good);outline:2px solid #4ade80b3}.project-tile-main .signals[data-v-bcc82ddd]{flex-wrap:wrap;gap:.4em;margin-top:.6em;display:flex}.project-tile-main .signals .signal[data-v-bcc82ddd]{font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em;color:rgb(var(--fg)/.6);align-items:center;gap:.3em;display:inline-flex}.project-tile-main .signals .signal-icon[data-v-bcc82ddd]{width:.85rem;height:.85rem;color:var(--text-dim)}.project-tile-main .signals .signal-easy .signal-icon[data-v-bcc82ddd]{color:var(--tone-good)}.project-tile-main .signals .signal-mid .signal-icon[data-v-bcc82ddd]{color:var(--tone-warn)}.project-tile-main .signals .signal-hard[data-v-bcc82ddd],.project-tile-main .signals .signal-warn[data-v-bcc82ddd]{color:rgb(var(--fg)/.6)}.project-tile-main .signals .signal-hard .signal-icon[data-v-bcc82ddd]{color:var(--tone-slow)}.project-tile-main .signals .signal-warn .signal-icon[data-v-bcc82ddd]{color:var(--tone-bad)}.project-tile-main .signals .signal-off[data-v-bcc82ddd]{color:rgb(var(--fg)/.4)}.project-tile-main .signals .signal-off .signal-label[data-v-bcc82ddd]{color:var(--text-dim)}.project-tile-main .signals .signal-licence .signal-label[data-v-bcc82ddd]{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.project-tile-main .footer[data-v-bcc82ddd]{flex-wrap:wrap;flex:1;align-items:flex-end;gap:.5em 1em;margin-top:1em;display:flex}@media (width>=640px){.cols-1 .project-tile-main .footer[data-v-bcc82ddd]{grid-area:1/2/span 4;place-content:center;align-items:center;margin-top:0}}.project-tile-main .footer .platform-score[data-v-bcc82ddd]{text-wrap:nowrap;align-self:center;align-items:center;gap:.25em;display:flex}.project-tile-main .footer .platform-score .star-icon[data-v-bcc82ddd]{background-color:var(--color-yellow-400)}.project-tile-main .footer .platform-score span[data-v-bcc82ddd]{color:rgb(var(--fg)/.85);font-size:.95rem}.project-tile-main .footer .trend-icon[data-v-bcc82ddd]{opacity:.6;flex-shrink:0}.project-tile-main .footer .trend-icon.up[data-v-bcc82ddd]{background-color:var(--color-green-400)}.project-tile-main .footer .trend-icon.down[data-v-bcc82ddd]{background-color:var(--color-red-400)}.project-tile-main .footer .rating[data-v-bcc82ddd]{min-width:0;color:rgb(var(--fg)/.62);flex:1;justify-content:flex-end;align-items:center;gap:.4em;font-size:.8rem;display:flex}.project-tile-main .footer .rating .rating-num[data-v-bcc82ddd]{color:rgb(var(--fg)/.9);font-weight:600}.project-tile-main .footer .rating .rating-count[data-v-bcc82ddd]{color:var(--text-dim)}@media (width>=640px){.cols-1 .project-tile-main .footer .rating[data-v-bcc82ddd]{border-top:1px solid rgb(var(--fg)/.1);flex:0 0 100%;justify-content:center;padding-top:1em}}.project-tile-main .footer .oss-status[data-v-bcc82ddd]{align-items:center;gap:.25em;display:flex}.project-tile-main .footer .oss-status span[data-v-bcc82ddd]{color:rgb(var(--fg)/.85);font-size:.9em}.project-tile-main .footer .tile-compare[data-v-bcc82ddd]{min-height:1.75rem;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.02em;color:rgb(var(--fg)/.62);border:1px solid rgb(var(--fg)/.12);cursor:pointer;border-radius:6px;align-self:center;align-items:center;gap:.3em;padding:0 .5em 0 .35em;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.project-tile-main .footer .tile-compare[data-v-bcc82ddd]:focus-visible,.project-tile-main .footer .tile-compare[data-v-bcc82ddd]:hover:not(:disabled){color:var(--tone-good);border-color:#4ade8080}.project-tile-main .footer .tile-compare[data-v-bcc82ddd]:focus-visible{outline-offset:1px;outline:2px solid #4ade80b3}.project-tile-main .footer .tile-compare.on[data-v-bcc82ddd]{color:var(--tone-good);background-color:#4ade8014;border-color:#4ade8080}.project-tile-main .footer .tile-compare[data-v-bcc82ddd]:disabled{cursor:not-allowed;opacity:.45}.project-tile-main .footer .tile-compare-icon[data-v-bcc82ddd]{width:.95rem;height:.95rem}@media (pointer:coarse){.project-tile-main .tags[data-v-bcc82ddd]{max-height:calc(1.7rem + 18px);margin-block:-9px;padding:9px 0}.project-tile-main .tags .tag[data-v-bcc82ddd]{position:relative}.project-tile-main .tags .tag[data-v-bcc82ddd]:after{content:"";position:absolute;inset:-9px -4px}.project-tile[data-v-bcc82ddd] .tile-save.save-btn.icon{min-width:40px;min-height:40px}}@media (width<=640px){.cols-2 .project-tile[data-v-bcc82ddd]{padding:.6em .7em}.cols-2 .project-tile-header[data-v-bcc82ddd]{gap:.4em}.cols-2 .project-tile-header img[data-v-bcc82ddd],.cols-2 .project-tile-logo[data-v-bcc82ddd]{width:30px;height:30px;margin-right:.25em}.cols-2 .project-tile-title[data-v-bcc82ddd]{font-size:1em}.cols-2 .version-badge[data-v-bcc82ddd]{display:none}.cols-2 .project-tile-main .project-tile-lead[data-v-bcc82ddd]{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.5em 0;font-size:.8rem;display:-webkit-box;overflow:hidden}.cols-2 .signals[data-v-bcc82ddd]{display:none}.cols-2 .footer[data-v-bcc82ddd]{flex-direction:column;align-items:stretch;gap:.35em}.cols-2 .footer .rating[data-v-bcc82ddd]{justify-content:flex-start;width:100%}}