.mp-tax-list{--mp-cols:3;--mp-gap:1.5rem;--mp-list-gap:0.75rem;--mp-list-indent:0;--mp-desc-lines:3;--mp-img-ratio:56.25%;--mp-divider-color:rgba(0, 0, 0, 0.08);--mp-divider-width:1px;--mp-content-display:flex;--mp-content-direction:column;--mp-content-wrap:nowrap;--mp-content-gap:0.35rem;--mp-content-align:stretch;--mp-content-justify:flex-start;--mp-icon-size:1rem;--mp-icon-gap:0.75rem;--mp-icon-color:currentColor;&.mp-tax-cols-1{--mp-cols:1}&.mp-tax-cols-2{--mp-cols:2}&.mp-tax-cols-3{--mp-cols:3}&.mp-tax-cols-4{--mp-cols:4}&.mp-tax-cols-5{--mp-cols:5}&.mp-tax-cols-6{--mp-cols:6}& .mp-tax-items{list-style:none;margin:0;padding:0}& .mp-tax-li{margin:0;padding:0;list-style:none}& .mp-tax-item{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;box-sizing:border-box;transition:background-color 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease,transform 0.2s ease}& .mp-tax-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--mp-icon-color);font-size:var(--mp-icon-size);line-height:1;& i,& svg{width:1em;height:1em;fill:currentColor}}& .mp-tax-image{position:relative;width:100%;overflow:hidden;flex-shrink:0;& .mp-tax-img{display:block;width:100%;height:100%;object-fit:cover}&.mp-tax-image--empty{background:rgb(0 0 0 / .04);aspect-ratio:16 / 9}}& .mp-tax-content{display:var(--mp-content-display);flex-direction:var(--mp-content-direction);flex-wrap:var(--mp-content-wrap);flex:1 1 auto;gap:var(--mp-content-gap);align-items:var(--mp-content-align);justify-content:var(--mp-content-justify)}& .mp-tax-title{margin:0}& .mp-tax-title-link{color:inherit;text-decoration:none}& .mp-tax-desc{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--mp-desc-lines);overflow:hidden;& p{margin:0 0 .35em;&:last-child{margin-bottom:0}}}& .mp-tax-count{display:inline-block;width:fit-content}&.is-grid{& .mp-tax-items{display:grid;grid-template-columns:repeat(var(--mp-cols),minmax(0,1fr));gap:var(--mp-gap)}}&.is-list{& .mp-tax-items{display:flex;flex-direction:column;gap:var(--mp-list-gap);padding-inline-start:var(--mp-list-indent,0)}& .mp-tax-li{border-bottom:var(--mp-divider-width) solid var(--mp-divider-color);&:last-child{border-bottom:none}}& .mp-tax-item{flex-direction:row;align-items:flex-start;gap:var(--mp-icon-gap,1rem)}& .mp-tax-image{width:var(--mp-list-img-width,5rem);flex:0 0 var(--mp-list-img-width,5rem);&.mp-tax-image--empty{aspect-ratio:1 / 1}}}}.mp-tax-empty{padding:1rem;opacity:.75}