:root{--grid-cols:1;--grid-wrapper-gap:1.5rem;--grid-filter-color-active:var(--button-background);--grid-filter-font-letterspacing:1px;--grid-filter-font-transform:uppercase;--grid-filter-font-size:var(--font-size--1);--grid-filter-font-weight:var(--font-weight-demi);@media (min-width:768px){--grid-cols:2;--grid-wrapper-gap:3rem 1.5rem}@media (min-width:1200px){--grid-cols:3}}.grid-container{display:flex;flex-direction:column;gap:4rem}.grid-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding-left:0!important}.grid-pagination-next,.grid-pagination-prev{appearance:none;background:none;border:0;color:var(--link-color);display:flex;font-size:clamp(.7rem,2vw,var(--font-size-body));font-weight:var(--font-weight-demi);gap:.5rem}.grid-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;.grid-filters-search{display:grid;grid-area:"search";justify-content:flex-end;& input,& span{grid-area:search}& span{align-self:center;margin-left:auto;opacity:.4;padding-right:1rem}}.grid-filters-items{display:flex;flex-wrap:wrap}.grid-filters-item{align-items:center;cursor:pointer;font-size:var(--grid-filter-font-size);font-weight:var(--grid-filter-font-weight);justify-content:space-between;letter-spacing:var(--grid-filter-font-letterspacing);padding:1rem;position:relative;text-decoration:none;text-transform:var(--grid-filter-font-transform);transition:var(--transition-fast);&.active{color:var(--grid-filter-color-active)}}}.grid-wrapper{display:grid;gap:var(--grid-wrapper-gap);grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));min-height:15rem;transition:opacity .3s ease}