ブログカテゴリ一覧サイドバー

<aside class="d03-10-01-side">
          <h4 class="d03-10-01-title">カテゴリ</h4>
          <ul class="d03-10-01-list">
            <li><span>お知らせ</span><span class="d03-10-01-count">12</span></li>
            <li><span>コラム</span><span class="d03-10-01-count">8</span></li>
            <li class="is-active"><span>デザイン</span><span class="d03-10-01-count">21</span></li>
            <li><span>開発</span><span class="d03-10-01-count">5</span></li>
            <li><span>イベント</span><span class="d03-10-01-count">3</span></li>
          </ul>
        </aside>

.prev.d03-10-01{padding:0;display:block}
        .d03-10-01-side{
          width:100%;height:100%;min-height:260px;box-sizing:border-box;
          background:#f8fafc;padding:22px 20px;border-left:3px solid #e2e8f0;
        }
        .d03-10-01-title{
          font-size:13px;font-weight:800;color:#0f172a;margin:0 0 12px;
          padding-bottom:8px;border-bottom:2px solid #cbd5e1;
        }
        .d03-10-01-list{list-style:none;margin:0;padding:0}
        .d03-10-01-list li{
          display:flex;justify-content:space-between;align-items:center;
          padding:9px 2px;font-size:12.5px;color:#334155;border-bottom:1px solid #e2e8f0;
        }
        .d03-10-01-list li.is-active{color:#2563eb;font-weight:700}
        .d03-10-01-count{
          font-size:10.5px;color:#94a3b8;background:#e2e8f0;
          padding:1px 8px;border-radius:99px;
        }
        .d03-10-01-list li.is-active .d03-10-01-count{background:#dbeafe;color:#2563eb}