.hackathon-project-grid{width:100%}.hackathon-project-grid *,.hackathon-project-grid :after,.hackathon-project-grid :before{box-sizing:border-box}.hackathon-project-grid__inner{margin-inline:auto;width:min(100%,var(--hpg-max-width))}.hackathon-project-grid__items{align-items:stretch;display:grid;gap:var(--hpg-desktop-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.hackathon-project-grid__card{background:var(--hpg-card-background);border:var(--hpg-card-border-width) solid var(--hpg-card-border);border-radius:var(--hpg-card-radius);display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.hackathon-project-grid__media{aspect-ratio:var(--hpg-image-ratio);background:var(--hpg-image-background);flex:0 0 auto;overflow:hidden;position:relative;width:100%}.hackathon-project-grid__image{display:block;height:100%;object-fit:var(--hpg-image-fit);object-position:center;width:100%}.hackathon-project-grid__image-placeholder{color:#111;display:grid;font-size:1rem;font-weight:700;height:100%;letter-spacing:.06em;place-items:center;text-transform:uppercase;width:100%}.hackathon-project-grid__status{position:absolute;right:12px;top:12px;z-index:2}.hackathon-project-grid__status--custom{background:var(--status-background,#fff);border:1px solid;border-radius:2px;color:var(--status-color,#111);font-size:.6875rem;font-weight:500;line-height:1.2;max-width:calc(100% - 24px);overflow:hidden;padding:4px 9px;text-overflow:ellipsis;white-space:nowrap}.hackathon-project-grid__status--medal{border:2px solid rgba(0,0,0,.16);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.18);color:#111;display:grid;height:38px;place-items:center;width:38px}.hackathon-project-grid__status--first_place{background:#f1ca4b}.hackathon-project-grid__status--second_place{background:#d4d6d8}.hackathon-project-grid__status--third_place{background:#c98950}.hackathon-project-grid__medal-number{font-size:.8125rem;font-weight:800;line-height:1}.hackathon-project-grid__content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:var(--hpg-card-padding)}.hackathon-project-grid__heading{align-items:start;column-gap:16px;display:grid;min-width:0}.hackathon-project-grid__heading--left{grid-template-columns:auto minmax(0,1fr)}.hackathon-project-grid__heading--left .hackathon-project-grid__name{text-align:left}.hackathon-project-grid__heading--left .hackathon-project-grid__year--spacer{display:none}.hackathon-project-grid__heading--center{grid-template-columns:auto minmax(0,1fr) auto}.hackathon-project-grid__heading--center .hackathon-project-grid__name{text-align:center}.hackathon-project-grid__heading--right{grid-template-columns:auto minmax(0,1fr)}.hackathon-project-grid__heading--right .hackathon-project-grid__name{text-align:right}.hackathon-project-grid__heading--right .hackathon-project-grid__year--spacer{display:none}.hackathon-project-grid__year{background:var(--hpg-year-background);border:1px solid var(--hpg-year-border);border-radius:2px;color:var(--hpg-year-color);line-height:1.2;padding:3px 7px;white-space:nowrap}.hackathon-project-grid__year--spacer{pointer-events:none;visibility:hidden}.hackathon-project-grid__name{color:#111;font-size:1.25rem;font-weight:400;line-height:1.25;margin:0;min-width:0}.hackathon-project-grid__project-link{color:inherit;text-decoration:none}.hackathon-project-grid__project-link:hover{text-decoration:underline;text-underline-offset:.16em}.hackathon-project-grid__project-link:focus-visible{outline:3px solid currentColor;outline-offset:3px}.hackathon-project-grid__description{color:#222;font-size:.875rem;line-height:1.5;margin:14px 0 22px}.hackathon-project-grid__footer{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-top:auto}.hackathon-project-grid__social-links{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.hackathon-project-grid__social-link,.hackathon-project-grid__social-link:link,.hackathon-project-grid__social-link:visited{align-items:center;border-radius:3px;display:inline-flex;height:var(--hpg-icon-size);justify-content:center;line-height:1;text-decoration:none;transition:opacity .16s ease,transform .16s ease;width:var(--hpg-icon-size)}.hackathon-project-grid__social-link:hover{opacity:.72;transform:translateY(-1px)}.hackathon-project-grid__social-link:focus-visible{outline:3px solid currentColor;outline-offset:3px}.hackathon-project-grid__social-link svg,.hackathon-project-grid__social-link svg path{color:inherit!important;fill:currentColor!important;height:100%;width:100%}.hackathon-project-grid .hackathon-project-grid__social-link--github,.hackathon-project-grid .hackathon-project-grid__social-link--github:link,.hackathon-project-grid .hackathon-project-grid__social-link--github:visited{color:var(--hpg-github-color)!important}.hackathon-project-grid .hackathon-project-grid__social-link--youtube,.hackathon-project-grid .hackathon-project-grid__social-link--youtube:link,.hackathon-project-grid .hackathon-project-grid__social-link--youtube:visited{color:var(--hpg-youtube-color)!important}.hackathon-project-grid .hackathon-project-grid__social-link--custom,.hackathon-project-grid .hackathon-project-grid__social-link--custom:link,.hackathon-project-grid .hackathon-project-grid__social-link--custom:visited,.hackathon-project-grid .hackathon-project-grid__social-link--documentation,.hackathon-project-grid .hackathon-project-grid__social-link--documentation:link,.hackathon-project-grid .hackathon-project-grid__social-link--documentation:visited,.hackathon-project-grid .hackathon-project-grid__social-link--website,.hackathon-project-grid .hackathon-project-grid__social-link--website:link,.hackathon-project-grid .hackathon-project-grid__social-link--website:visited{color:var(--hpg-other-icon-color)!important}.hackathon-project-grid__challenge{color:#222;font-size:.75rem;line-height:1.35;margin:0;min-width:0;text-align:right}.hackathon-project-grid__challenge-label{font-weight:500}.hackathon-project-grid__screen-reader-text{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;clip-path:inset(50%);margin:-1px;white-space:nowrap}@media screen and (max-width:480px){.hackathon-project-grid__heading{column-gap:12px}.hackathon-project-grid__footer{align-items:flex-start;flex-direction:column}.hackathon-project-grid__challenge{text-align:left;width:100%}}