.card-list{--page-padding:20px;margin:0 auto;max-width:calc(1420px + 2px*var(--page-padding));padding-inline:var(--page-padding);width:100%}@media (min-width:768px){.card-list{--page-padding:40px}}@media (min-width:1200px){.card-list{--page-padding:40px}}@media (min-width:1500px){.card-list{--page-padding:0}}.card-list__content{display:flex;flex-direction:column;padding-block:32px;row-gap:64px}@media (min-width:1200px){.card-list__content{row-gap:28px}}.card-list__row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:20px;width:100%;--indentation:calc(var(--col-width)*var(--start-col, 0));row-gap:28px}@media (min-width:1400px){.card-list__row{transform:translate(var(--indentation))}}.card-list__tech-label{grid-column:1/-1;grid-row:1;height:80px}@media (min-width:1200px){.card-list__tech-label{grid-column:auto/span 3;height:auto}}@media (max-width:1199px){.card-list__tech-label .tech-label__line,.card-list__tech-label .tech-label__text{transform:none}}.card-list__items{display:grid;gap:20px;grid-column:1/-1;grid-row:2;grid-template-columns:subgrid}@media (min-width:1200px){.card-list__items{grid-column:auto/span 12;grid-row:1;grid-template-columns:repeat(12,minmax(0,1fr))}}.card-list__item{grid-column:span 12}@media (min-width:576px){.card-list__item{grid-column:span 6}}@media (min-width:992px){.card-list__item{grid-column:span 4}}@media (min-width:1200px){.card-list__item{grid-column:span 3}}.card-list__item .card,.card-list__item .foldable-card{height:100%}@media (min-width:1200px){.card-list--has-label .card-list__items{grid-column:auto/span 10;grid-template-columns:subgrid}.card-list--has-label .card-list__item{grid-column:span 3}}.card-list--4-cols-width .card-list__item{grid-column:span 12}@media (min-width:576px){.card-list--4-cols-width .card-list__item{grid-column:span 12}}@media (min-width:992px){.card-list--4-cols-width .card-list__item{grid-column:span 6}}@media (min-width:1200px){.card-list--4-cols-width .card-list__item{grid-column:span 4}}.card-list--6-cols-width .card-list__item{grid-column:span 12}@media (min-width:576px){.card-list--6-cols-width .card-list__item{grid-column:span 12}}@media (min-width:992px){.card-list--6-cols-width .card-list__item{grid-column:span 6}}@media (min-width:1200px){.card-list--6-cols-width .card-list__item{grid-column:span 6}}