.cards .cards__container{display:grid;gap:18px;grid-template-columns:1fr;padding:18px}@media (min-width:580px){.cards .cards__container{gap:24px;padding:24px}.cards .cards__container.cards__container--2,.cards .cards__container.cards__container--4{grid-template-columns:1fr 1fr}}@media (min-width:960px){.cards .cards__container.cards__container--3{grid-template-columns:1fr 1fr 1fr}.cards .cards__container.cards__container--4{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:960px){.cards .cards__container.cards__container--scrollable{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;gap:9px;padding:24px 24px 15px;scrollbar-width:none}.cards .cards__container.cards__container--scrollable::-webkit-scrollbar{display:none}.cards .cards__container.cards__container--scrollable>*{flex:0 0 auto;scroll-margin-inline-start:18px;scroll-snap-align:start;width:100%}.cards .cards__dots{display:flex;gap:6px;justify-content:center;padding:0 0 18px}.cards .cards__dots .dot{background-color:var(--text-tertiary);border-radius:50%;height:6px;width:6px}.cards .cards__dots .dot.dot--active{background-color:var(--text-primary)}}