.repo-card{background:color-mix(in srgb, var(--gray-999) 58%, transparent);border:1px solid var(--gray-800);height:100%;box-shadow:var(--shadow-sm);transition:border-color var(--theme-transition), box-shadow var(--theme-transition), background-color var(--theme-transition);border-radius:1rem;flex-direction:column;padding:1.35rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.repo-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg, hsla(var(--gray-999-basis), .24), transparent 46%);position:absolute;inset:0}.repo-card>*{z-index:1;position:relative}@media only screen and (width>=50em){.repo-card{padding:1.65rem}}.repo-card:hover,.repo-card:focus-visible{box-shadow:var(--shadow-md);border-color:var(--accent-regular);background:color-mix(in srgb, var(--gray-999) 70%, transparent)}.repo-card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.repo-card__title{overflow-wrap:anywhere;min-width:0;font-size:var(--text-lg);flex:auto;margin:0}@media only screen and (width>=30em){.repo-card__title{font-size:var(--text-xl)}}.repo-card__github{width:2.15rem;height:2.15rem;color:var(--gray-200);flex:0 0 2.15rem;place-items:center;margin-top:.1rem;display:grid}.repo-card__description{font-size:var(--text-sm);color:var(--gray-300);--max-lines:3;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical;margin:.8rem 0;display:-webkit-box;overflow:hidden}@media only screen and (width>=30em){.repo-card__description{font-size:var(--text-base)}}@media only screen and (width>=50em){.repo-card__description{min-height:4.5rem}}.repo-card__footer{border-top:1px solid var(--gray-800);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.repo-card__footer-left{align-items:center;gap:.55rem;display:flex}.repo-card__footer-right{align-items:center;gap:.75rem;display:flex}.repo-card__footer-language{color:var(--gray-300);font-weight:700;font-size:var(--text-sm)}@media only screen and (width>=30em){.repo-card__footer-language{font-size:var(--text-base)}}.repo-card__footer-lang-color{border-radius:50%;width:1rem;height:1rem}@media only screen and (width>=30em){.repo-card__footer-lang-color{width:1.25rem;height:1.25rem}}.repo-card__footer-stars,.repo-card__footer-forks{color:var(--gray-300);align-items:center;gap:.25rem;display:flex}.repo-card__footer-stars svg,.repo-card__footer-forks svg{color:var(--accent-dark)}@media only screen and (width>=30em){.repo-card__footer-stars,.repo-card__footer-forks{font-size:var(--text-base)}}.repo-card--skeleton{pointer-events:none;min-height:17.25rem}.repo-card--skeleton:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(105deg, transparent 28%, color-mix(in srgb, var(--gray-999) 42%, transparent) 48%, transparent 68%);animation:1.7s ease-in-out infinite repo-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.repo-card--skeleton .repo-card__footer{min-height:2.75rem}.repo-card__skeleton-line,.repo-card__skeleton-icon,.repo-card__skeleton-meta,.repo-card__skeleton-stats{background:color-mix(in srgb, var(--gray-800) 72%, var(--gray-900));border-radius:999px;display:block}.repo-card__skeleton-line--title{width:min(68%,13rem);height:2rem}.repo-card__skeleton-icon{border-radius:.7rem;flex:0 0 2.15rem;width:2.15rem;height:2.15rem}.repo-card__skeleton-copy{gap:.65rem;margin:1.1rem 0;display:grid}.repo-card__skeleton-copy .repo-card__skeleton-line{width:100%;height:.95rem}.repo-card__skeleton-copy .repo-card__skeleton-line--short{width:63%}.repo-card__skeleton-meta{width:7.25rem;height:1.25rem}.repo-card__skeleton-stats{width:4.5rem;height:1.25rem}@keyframes repo-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.repo-card--skeleton:after{animation:none}}.alert{background:var(--accent-overlay);border:2.5px solid var(--accent-dark);width:100%;box-shadow:var(--shadow-sm);color:var(--gray-100);text-align:center;font-size:var(--text-md);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;margin:0 auto;padding:1.15rem;display:flex}@media only screen and (width>=20em){.alert{padding:1.35rem}}@media only screen and (width>=50em){.alert{font-size:var(--text-lg);flex-direction:row;max-width:fit-content;padding:1.75rem}}.repos{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=50em){.repos{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}}
