.hero-trending{width:100%;max-width:28rem;margin-inline:auto}.hero-trending-frame{position:relative}.hero-trending-viewport{border:1px solid var(--rockae-border);background:var(--rockae-surface);aspect-ratio:16/10;min-height:14rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.hero-trending-slide{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;inset:0;transform:translate(.75rem)}.hero-trending-slide.is-active{opacity:1;pointer-events:auto;z-index:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.hero-trending-slide{transition:none;transform:none}}.hero-trending-card{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.hero-trending-banner{background:var(--rockae-canvas);flex:1;min-height:0;position:relative;overflow:hidden}.hero-trending-banner img{object-fit:cover;width:100%;height:100%;display:block}.hero-trending-banner-fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-purple) 18%, #fff), color-mix(in srgb, var(--brand-orange) 14%, #fff));width:100%;height:100%}.hero-trending-meta{border-top:1px solid var(--rockae-border);background:var(--rockae-surface);align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex}.hero-trending-owner-avatar{object-fit:cover;border:1px solid var(--rockae-border);background:var(--rockae-canvas);border-radius:9999px;flex-shrink:0;width:2rem;height:2rem}.hero-trending-owner-avatar--empty{display:inline-block}.hero-trending-meta-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hero-trending-name{color:var(--rockae-ink-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.hero-trending-alias{color:var(--rockae-ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.hero-trending-see-more{background:var(--rockae-canvas);height:100%;color:var(--rockae-ink-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem;text-decoration:none;display:flex}.hero-trending-see-more:hover{background:color-mix(in srgb, var(--brand-purple) 6%, var(--rockae-canvas))}.hero-trending-see-more-label{color:var(--brand-purple);font-size:1.25rem;font-weight:700}.hero-trending-see-more-sub{color:var(--rockae-ink-soft);font-size:.875rem}.hero-trending-arrow{z-index:2;border:1px solid var(--rockae-border);width:2rem;height:2rem;color:var(--rockae-ink-strong);cursor:pointer;background:#ffffffeb;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-trending-arrow:hover:not(:disabled){border-color:color-mix(in srgb, var(--rockae-ink-strong) 28%, var(--rockae-border));background:#fff}.hero-trending-arrow:disabled{opacity:.35;cursor:default}.hero-trending-arrow--prev{left:.5rem}.hero-trending-arrow--next{right:.5rem}.hero-trending-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.75rem;display:flex}.hero-trending-dot{background:var(--rockae-border);cursor:pointer;border:none;border-radius:0;width:.4rem;height:.4rem;padding:0}.hero-trending-dot.is-active{background:var(--brand-purple)}.hero-trending-dot.is-more{width:.85rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.hero-trending{max-width:none;margin-inline:0}.hero-trending-viewport{min-height:16rem}}