.adi-cat-tabs-wrap{width:100%;}

/* Horizontal scroll tabs */
.adi-cat-tabs{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  gap:10px;
  padding-bottom:6px;
  scrollbar-width:thin;
}

.adi-cat-tabs::-webkit-scrollbar{height:6px;}
.adi-cat-tabs::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(0,0,0,.18);}

.adi-cat-tab{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:200px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius:12px;
  padding:10px;
  cursor:pointer;
  text-align:left;
}

.adi-cat-tab:focus{outline:2px solid rgba(0,0,0,.18);outline-offset:2px;}

.adi-cat-tab.is-active{background:#f6f6f6;}

.adi-cat-tab__media{flex:0 0 auto;}

.adi-cat-tab__img{display:block;object-fit:cover;border-radius:10px;}
.adi-cat-tab__img--placeholder{display:block;background:rgba(0,0,0,.06);border-radius:10px;}

.adi-cat-tab__meta{display:flex;flex-direction:column;line-height:1.2;}
.adi-cat-tab__title{font-weight:700;font-size:14px;}
.adi-cat-tab__count{font-size:12px;opacity:.75;margin-top:4px;}

.adi-cat-tabs-panel{margin-top:18px;}
.adi-cat-tabs-panel.is-loading{opacity:.6;pointer-events:none;}

.adi-cat-tabs__notice{
  padding:12px;
  border:1px dashed rgba(0,0,0,.2);
  border-radius:10px;
}