.ks__bar{top:var(--nav-h);z-index:5;background:var(--bg);border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-bottom:28px;padding:14px 0;display:flex;position:sticky}.ks__ctrl{flex-direction:column;gap:8px;display:flex}.ks__ctrl .seg__btn{padding-block:13px}.ks__ctrl select{min-width:170px}.ks__search{flex:1;min-width:220px}.ks__result{margin-left:auto;padding-bottom:14px}.ks__grid{background:var(--line-2);border:1px solid var(--line-2);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;list-style:none;display:grid}.kit{background:var(--bg);flex-direction:column;min-width:0;display:flex}.kit__media{aspect-ratio:1;background:var(--bg-2);border-bottom:1px solid var(--line-2);cursor:zoom-in;display:block;position:relative;overflow:hidden}.kit__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease), filter .4s var(--ease)}.kit__media:hover img{transform:scale(1.04)}.kit__no,.kit__count{background:#0b0b0bd9;padding:6px 8px;position:absolute;top:0}.kit__no{border-right:1px solid var(--line-3);border-bottom:1px solid var(--line-3);left:0}.kit__count{border-left:1px solid var(--line-3);border-bottom:1px solid var(--line-3);right:0}.kit__body{flex-direction:column;flex:1;gap:10px;padding:14px 16px 16px;display:flex}.kit__tags{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.kit__title{text-transform:uppercase;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:26px;line-height:1;display:-webkit-box;overflow:hidden}.kit__foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.kit__by{flex-direction:column;gap:3px;min-width:0;display:flex}.kit__by .label--fg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kit__react{font:500 12px/1 var(--mono);color:var(--fg-2);white-space:nowrap;gap:10px;display:flex}.kit__thread{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px;display:flex}.kit__thread:hover{color:var(--fg)}.ks__more{text-align:center;padding:40px 0}@media (max-width:1200px){.ks__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.ks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ks__bar{position:static}.ks__result{margin-left:0;padding-bottom:0}}@media (max-width:520px){.ks__ctrl,.ks__search{width:100%}.ks__ctrl .seg{grid-template-columns:repeat(4,1fr);display:grid}.ks__ctrl .seg__btn{text-align:center;padding-inline:6px}.ks__grid{grid-template-columns:1fr 1fr}.kit__body{padding:10px 10px 12px}.kit__title{font-size:20px}.kit__foot{flex-direction:column;align-items:flex-start}.kit__tags .tag:not(.tag--solid){display:none}}
