/* Categories and networks share the top row with the ranking controls. */
.reference-layout .reference-main .reference-filters{height:33px;min-height:33px;flex-wrap:nowrap;align-items:center;margin-bottom:16px;padding-bottom:0;overflow-x:auto}
.reference-layout .reference-main .reference-filters .discover-chains{margin-left:auto;padding-bottom:0;flex-shrink:0}
.reference-layout .reference-rail{padding-top:0}
.reference-layout .reference-rail .rail-controls{height:33px;min-height:33px;padding:0;margin:0 0 16px;align-items:center;gap:8px}
.reference-layout .rail-tabs{display:flex;align-items:center;gap:8px;flex-shrink:0}
.reference-layout .rail-controls .rail-time{margin-left:auto}
.reference-layout .rail-controls .icon-button{margin-left:0;flex-shrink:0;width:28px;height:32px}
.reference-layout .rail-controls .pill{white-space:nowrap}
@media(max-width:640px){.reference-layout .reference-main .reference-filters{height:38px}}

.reference-layout .rail-controls .rail-nft-switch{height:32px;gap:4px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;border-radius:999px;backdrop-filter:blur(24px);transition:background .2s,border-color .2s,transform .2s}
.reference-layout .rail-controls .rail-nft-switch.active{background:#ffffff14;border-color:#ffffff1f}
.reference-layout .rail-controls .rail-nft-switch:hover,.reference-layout .rail-controls .rail-nft-switch:focus-visible{background:#ffffff26;border-color:#ffffff38}
.reference-layout .rail-controls .rail-nft-switch:active{transform:scale(.97)}
.rail-nft-switch svg{display:block;flex:none;width:16px;height:16px}
.rail-tooltip{position:fixed;z-index:1000;padding:10px 8px;background:#111315;border:1px solid #282b30;border-radius:5px;color:#fff;font-size:14px;font-weight:500;line-height:18px;pointer-events:none;box-shadow:0 2px 8px #0003}
.rail-tooltip[hidden]{display:none}
/* Two independent, touch-scrollable filter rows on phones. */
@media(max-width:640px){
 body[data-home-transfer="true"] .reference-layout{min-width:0}
 .reference-layout .reference-main .reference-filters{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;height:auto;min-height:72px;margin-bottom:16px;padding:0;overflow:visible}
 .reference-layout .reference-filters .category-tabs{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;flex-shrink:1}
 .reference-layout .reference-filters .category-tabs::-webkit-scrollbar,.reference-layout .reference-filters .discover-chains::-webkit-scrollbar{display:none}
 .reference-layout .reference-filters .category-tabs>.pill,.reference-layout .reference-filters .category-tabs>.more-wrap{flex-shrink:0}
 .reference-layout .reference-filters .category-tabs .pill{height:32px;padding:0 10px;border-radius:6px;font-size:14px;line-height:20px;gap:5px;background:#141414;border-color:#ffffff14;color:#aaa}
 .reference-layout .reference-filters .category-tabs .pill.active{background:#242424;border-color:#ffffff26;color:#fff}
 .reference-layout .reference-filters .discover-chains{display:flex;align-items:center;gap:8px;margin:0;width:100%;min-width:0;max-width:100%;height:32px;padding:0;overflow-x:auto;scrollbar-width:none;flex-shrink:1}
 .reference-layout .reference-filters .discover-chains .pill{display:inline-flex;flex:0 0 38px;width:38px;min-width:38px;height:32px;padding:0;border-radius:6px;background:#141414;border-color:#ffffff14}
 .reference-layout .reference-filters .discover-chains .pill.active{background:#242424;border-color:#ffffff26;color:#fff}
 .reference-layout .reference-filters .discover-chains .pill svg{width:16px;height:16px}
 .reference-layout .reference-filters .category-tabs .more-menu{position:fixed;left:14px;top:116px;max-width:calc(100vw - 28px);z-index:25}
 .reference-layout .reference-filters .pill:focus-visible{outline:2px solid #58afff;outline-offset:-2px}
}
@media(max-width:640px){
 body[data-home-transfer="true"] .reference-layout .reference-main .reference-filters{height:72px;min-height:72px;gap:8px;overflow:visible;flex-direction:column;align-items:stretch;justify-content:flex-start}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs{height:32px;min-height:32px;flex:0 0 32px;overflow-x:auto}
 body[data-home-transfer="true"] .reference-layout .reference-filters .category-tabs [data-home-category]{display:inline-flex}
 body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains{height:32px;min-height:32px;margin-left:0;flex:0 0 32px;overflow-x:auto}
 body[data-home-transfer="true"] .reference-layout .reference-filters .discover-chains [data-home-network]{display:inline-flex}
}