|
|
| |
| |
| body.hfpc-active .model-search, |
| body.hfpc-active .model-search-hit-shield { display: none !important; } |
| body.hfpc-active [data-page="landing"] .gallery:not(.hfpc-gallery) { display: none !important; } |
| |
| |
| |
| body.hfpc-active .gallery-section[data-page="landing"] { margin-top: 26px; } |
| body.hfpc-active .gallery-section[data-page="landing"] + .proof { margin-top: 44px; } |
| body.hfpc-active .proof + .hf-models-launch { margin-top: 20px; } |
| .hfpc-toolbar { display: grid; gap: 12px; margin: 4px 0 20px; } |
| .hfpc-toolbar__row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } |
| .hfpc-sort { |
| background: rgba(255, 255, 255, 0.04); border: 1px solid var(--stroke, rgba(255,255,255,0.1)); |
| border-radius: 999px; color: inherit; font: 13px "Inter", sans-serif; |
| padding: 9px 14px; outline: none; cursor: pointer; |
| } |
| .hfpc-sort option { background: #0a121f; } |
| .hfpc-count { color: var(--muted, #91a0ba); font-size: 13px; font-variant-numeric: tabular-nums; } |
| .hfpc-browse { |
| margin-left: auto; color: var(--lime, #9cff63); font-size: 0.8rem; font-weight: 600; |
| letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; |
| } |
| .hfpc-browse:hover { text-decoration: underline; } |
| .hfpc-filter { |
| background: transparent; border: 1px solid var(--stroke, rgba(255,255,255,0.1)); |
| border-radius: 999px; color: var(--muted, #91a0ba); font: 12.5px "Inter", sans-serif; |
| padding: 6px 13px; cursor: pointer; transition: all 0.15s; |
| } |
| .hfpc-filter:hover { color: inherit; border-color: rgba(156, 255, 99, 0.35); } |
| .hfpc-filter.is-on { |
| color: #07100d; background: var(--lime, #9cff63); |
| border-color: var(--lime, #9cff63); font-weight: 600; |
| } |
| .hfpc-filter__count { opacity: 0.6; margin-left: 3px; font-variant-numeric: tabular-nums; } |
| .hfpc-gallery { position: relative; } |
| .hfpc-gallery .gallery-card { position: absolute; top: 0; left: 0; margin: 0; } |
| .hfpc-gallery .gallery-card__image { width: 100%; height: auto; display: block; } |
| .hfpc-gallery .gallery-card__sub { color: var(--muted, #91a0ba); font-size: 0.82rem; } |
| .hfpc-gallery .gallery-card__label.hfpc-has-avatar::before { display: none; } |
| .hfpc-avatar { |
| width: 20px; height: 20px; flex: 0 0 20px; border-radius: 6px; |
| object-fit: cover; background: #fff; padding: 1px; box-sizing: border-box; |
| align-self: center; |
| } |
| .hfpc-avatar--user { border-radius: 50%; } |
| .hfpc-empty { display: none; color: var(--muted, #91a0ba); padding: 34px 4px; font-size: 15px; } |
| .hfpc-empty.is-visible { display: block; } |
| |
