/* A small second level of navigation, not another oversized shop screen. */
.ward-ux-page .rpg-shop-filters{position:sticky;top:39px;z-index:2;display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px;padding:6px 0 8px;background:#182838;border-bottom:1px solid var(--u-line)}
.ward-ux-page .rpg-shop-filters button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid #abc5d133;border-radius:6px;background:#101e29;color:var(--u-muted);font-size:12px!important;line-height:1.3;white-space:nowrap}
.ward-ux-page .rpg-shop-filters button>span{min-width:15px;color:#98abae;font-size:10px;font-weight:600}
.ward-ux-page .rpg-shop-filters button:is(.is-active,:hover){border-color:#a0e7cc80;background:#a0e7cc16;color:var(--u-mint)}
.ward-ux-page .rpg-shop-filters button.is-active>span{color:var(--u-mint)}
.ward-ux-page .rpg-shop-card--gear .rpg-shop-card-top>span{color:#b6c7c4}
.ward-ux-page .rpg-shop-empty{padding:16px;color:var(--u-muted)}
.ward-ux-page .rpg-art--item[data-item^="catalog-"]{background-image:url('assets/ward-zero/shop-equipment-v2.png');background-size:600% 400%;background-position:var(--ax) var(--ay)}
.ward-ux-page [data-item=catalog-wrench]{--ax:0%;--ay:0%}
.ward-ux-page [data-item=catalog-scalpel]{--ax:20%;--ay:0%}
.ward-ux-page [data-item=catalog-fireaxe]{--ax:40%;--ay:0%}
.ward-ux-page [data-item=catalog-guardclub]{--ax:60%;--ay:0%}
.ward-ux-page [data-item=catalog-orderlyjacket]{--ax:80%;--ay:0%}
.ward-ux-page [data-item=catalog-quiltedvest]{--ax:100%;--ay:0%}
.ward-ux-page [data-item=catalog-doctorcoat]{--ax:0%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-canvaspants]{--ax:20%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-flannelpants]{--ax:40%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-guardpants]{--ax:60%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-electricpants]{--ax:80%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-canvasshoes]{--ax:100%;--ay:33.333333%}
.ward-ux-page [data-item=catalog-rubberboots]{--ax:0%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-guardboots]{--ax:20%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-medicalgloves]{--ax:40%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-handwraps]{--ax:60%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-leathergloves]{--ax:80%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-readingglasses]{--ax:100%;--ay:66.666667%}
.ward-ux-page [data-item=catalog-redgoggles]{--ax:0%;--ay:100%}
.ward-ux-page [data-item=catalog-darkglasses]{--ax:20%;--ay:100%}
.ward-ux-page [data-item=catalog-patienttag]{--ax:40%;--ay:100%}
.ward-ux-page [data-item=catalog-pocketwatch]{--ax:60%;--ay:100%}
.ward-ux-page [data-item=catalog-threadbracelet]{--ax:80%;--ay:100%}
.ward-ux-page [data-item=catalog-silverlocket]{--ax:100%;--ay:100%}
@media(max-width:700px){
 .ward-ux-page .rpg-shop-filters{top:37px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;gap:4px;margin-bottom:8px}
 .ward-ux-page .rpg-shop-filters button{flex:none;min-height:32px;padding:5px 9px}
}