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