/* AbstractRealmss reusable collection-filter rail, v5.0.6 */
.collection-filter-rail{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:0 0 18px}
.collection-filter-viewport{position:relative;min-width:0;overflow:hidden}
.collection-filter-viewport::before,.collection-filter-viewport::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:34px;pointer-events:none;opacity:0;transition:opacity .2s ease}
.collection-filter-viewport::before{left:0;background:linear-gradient(90deg,#071326 8%,rgba(7,19,38,0))}
.collection-filter-viewport::after{right:0;background:linear-gradient(270deg,#071326 8%,rgba(7,19,38,0))}
.collection-filter-rail.can-scroll-left .collection-filter-viewport::before,.collection-filter-rail.can-scroll-right .collection-filter-viewport::after{opacity:1}
.collection-filter-rail .collection-filters{margin:0;padding:4px 2px 6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.collection-filter-rail .filter-chip{flex:0 0 auto;scroll-snap-align:start}
.collection-filter-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(79,183,255,.32);border-radius:50%;background:rgba(6,20,40,.94);color:#eaf5ff;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24);transition:border-color .2s ease,background .2s ease,opacity .2s ease,transform .2s ease}
.collection-filter-arrow:hover:not(:disabled){border-color:#2aafff;background:#0a3158;transform:translateY(-1px)}
.collection-filter-arrow:focus-visible{outline:2px solid #54c9ff;outline-offset:3px}
.collection-filter-arrow:disabled{opacity:.22;cursor:default;box-shadow:none}
.collection-filter-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.collection-filter-hint{display:none;color:#91a8c0;font-size:.78rem;margin:-8px 0 18px;text-align:right}
@media(max-width:760px){
 .collection-filter-rail{display:block;margin-bottom:10px}
 .collection-filter-arrow{display:none}
 .collection-filter-viewport{overflow:visible}
 .collection-filter-viewport::before{display:none}
 .collection-filter-viewport::after{width:42px;opacity:1;background:linear-gradient(270deg,#071326 5%,rgba(7,19,38,0))}
 .collection-filter-rail:not(.can-scroll-right) .collection-filter-viewport::after{opacity:0}
 .collection-filter-rail .collection-filters{padding-right:42px;scroll-padding-inline:2px 42px}
 .collection-filter-hint{display:block}
}
@media(prefers-reduced-motion:reduce){.collection-filter-rail .collection-filters{scroll-behavior:auto}.collection-filter-arrow{transition:none}}
@media(min-width:761px){
 .collection-filter-rail:not(.has-overflow){grid-template-columns:minmax(0,1fr)}
 .collection-filter-rail:not(.has-overflow) .collection-filter-arrow{display:none}
}