.filter-wrapper{background-color:#f5f5f5;padding:24px;display:flex;flex-direction:column;gap:24px}.pagination{margin-top:50px}.filter{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.filter{display:grid;grid-template-columns:70px 1fr}}.filter .filter-label{display:flex;align-items:center;outline:none;border:none;justify-content:space-between;background-color:transparent;cursor:pointer;color:var(--text-color)}@media (min-width:768px){.filter .filter-label{gap:16px;pointer-events:none}.filter .filter-label>i{display:none}}.filter .filter-label>p{display:flex;align-items:center;gap:4px;font-size:14px}.filter .filter-label>i{transition:transform 0.3s ease}.filter .filter-label.is-open>i{transform:rotate(180deg)}.filter .filter-label .filter-label-value{font-size:14px;font-weight:700}@media (min-width:768px){.filter .filter-label .filter-label-value{display:none}}.filter .filter-label.is-open .filter-label-value{display:none}.filter .filter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height 0.3s ease,opacity 0.3s ease}@media (min-width:768px){.filter .filter-list{display:flex;flex-wrap:wrap;max-height:none !important;opacity:1 !important;overflow:visible}}.filter .filter-list.is-open{max-height:1000px;opacity:1}.filter .filter-list>a{display:inline-block;padding:11px 20px;border:1px solid #ccc;background-color:#fff;border-radius:9999px;text-decoration:none;line-height:1;color:#333;font-size:14px;transition:all 0.3s ease;grid-column:auto/span 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter .filter-list>a.active{background-color:#318ccc;color:#fff;border-color:#318ccc;pointer-events:none}.filter .filter-list>a:hover:not(.active){background-color:#f0f0f0}.case-contents{padding-block-start:24px}.case-count{padding-block-end:16px;text-align:left}.case-count p{font-size:14px}.case-list{display:flex;flex-direction:column;gap:30px}@media (min-width:600px){.case-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.case-list{display:flex;flex-direction:column;gap:30px}}