/* The same catalog cards serve the desktop fade hero and the phone swipe track. */
.reference-hero-track{display:contents}.category-label-mobile{display:none}.category-primary{display:contents}
@media(max-width:640px){
 body[data-home-transfer="true"]:has(.reference-layout) #app{margin-left:0;padding:16px 14px 56px;min-width:0;width:100%;box-sizing:border-box}
 body[data-home-transfer="true"] .reference-layout .reference-main{min-width:0;width:100%;display:block}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-filters{display:flex;flex-direction:column;align-items:stretch;gap:8px;height:72px;min-height:72px;padding:0;margin:0 0 16px;overflow:visible}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs,body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains{display:flex;align-items:center;flex:0 0 32px;width:100%;max-width:100%;height:32px;min-height:32px;gap:8px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y;white-space:nowrap}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs::-webkit-scrollbar,body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains::-webkit-scrollbar{display:none}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs [data-home-category]{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;height:32px;min-height:32px;padding:0 10px;border:1px solid #ffffff14;border-radius:6px;background:#141414;color:#aaa;font-size:14px;line-height:20px}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs [data-home-category].active{background:#242424;border-color:#ffffff26;color:#fff}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-primary{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:max-content;min-width:100%}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs>.more-wrap{display:block;flex:0 0 auto}
 body[data-home-transfer="true"] .category-label-desktop{display:none}body[data-home-transfer="true"] .category-label-mobile{display:inline}
 body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains .pill,body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains [data-home-network]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;padding:0;border:1px solid #ffffff14;border-radius:6px;background:#141414;color:#aaa}
 body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains .pill.active{background:#242424;border-color:#ffffff26;color:#fff}
 body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains svg{width:16px;height:16px;flex:none}
 body[data-home-transfer="true"] .reference-layout .reference-filters .pill:focus-visible{outline:2px solid #58afff;outline-offset:-2px}
 body[data-home-transfer="true"] .reference-layout .reference-main #reference-hero{height:calc(100vw - 25px);min-height:0;aspect-ratio:auto;border-radius:8px;overflow:hidden;background:transparent;container-type:inline-size}
 body[data-home-transfer="true"] #reference-hero .reference-hero-track{display:flex;position:relative;width:100%;height:100%;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab;scroll-behavior:auto}
 body[data-home-transfer="true"] #reference-hero .reference-hero-track::-webkit-scrollbar{display:none}
 body[data-home-transfer="true"] #reference-hero .reference-slide{display:block;position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:8px;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;opacity:1;visibility:visible;transform:none}
 body[data-home-transfer="true"] #reference-hero .reference-slide::after{background:linear-gradient(180deg,transparent 24%,#0002 48%,#0008 76%,#000b);z-index:0}
 body[data-home-transfer="true"] #reference-hero .hero-backdrop,body[data-home-transfer="true"] #reference-hero .hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
 body[data-home-transfer="true"] #reference-hero .reference-hero-content{display:block;left:12px;right:12px;bottom:12px;pointer-events:auto;z-index:2}
 body[data-home-transfer="true"] #reference-hero .hero-summary{width:100%;min-width:0;pointer-events:auto}
 body[data-home-transfer="true"] #reference-hero h1{font-size:24px;line-height:29px;font-weight:600;letter-spacing:-.4px;margin:0 0 14px}
 body[data-home-transfer="true"] #reference-hero h1 a{display:flex;align-items:center;gap:6px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;pointer-events:auto}
 body[data-home-transfer="true"] #reference-hero h1 .verified{flex:0 0 20px;width:20px;height:20px;margin:0;font-size:12px}
 body[data-home-transfer="true"] #reference-hero .hero-author,body[data-home-transfer="true"] #reference-hero .hero-thumbs{display:none!important}
 body[data-home-transfer="true"] #reference-hero .reference-stats{display:flex;position:relative;z-index:2;width:100%;max-width:100%;height:64px;padding:12px 0;overflow-x:auto;overflow-y:hidden;border:1px solid #ffffff30;border-radius:8px;background:#ffffff12;backdrop-filter:blur(16px);scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y;pointer-events:auto}
 body[data-home-transfer="true"] #reference-hero .reference-stats::-webkit-scrollbar{display:none}
 body[data-home-transfer="true"] #reference-hero .reference-stats>div{flex:0 0 auto;min-width:0;padding:0 12px}
 body[data-home-transfer="true"] #reference-hero .reference-stats>div:last-child{display:none}
 body[data-home-transfer="true"] #reference-hero .reference-stats small{font-size:11px;line-height:16px;margin-bottom:6px;text-transform:uppercase}
 body[data-home-transfer="true"] #reference-hero .reference-stats strong{font-family:'America Mono',monospace;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;color:#fff}
 body[data-home-transfer="true"] #reference-hero>.slide-prev,body[data-home-transfer="true"] #reference-hero>.slide-next{display:none}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots{display:flex;align-items:center;justify-content:stretch;height:6px;min-height:6px;margin:16px 0 0;padding:0;gap:10px}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots button{display:block;position:relative;flex:1;min-width:0;width:auto;height:6px;min-height:6px;padding:0;border:0;border-radius:4px;background:#28282e}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots button::after{content:none}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots button.active{background:#fff}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots button::before{content:'';position:absolute;inset:-10px 0}
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-dots button:focus-visible{outline:2px solid #58afff;outline-offset:3px}
 body[data-home-transfer="true"] .reference-hero-track:focus-visible{outline:2px solid #58afff;outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){.reference-hero-track{scroll-behavior:auto!important}.reference-slide{transition:none!important}}