.cards{grid-area:c;width:100%;display:flex;flex-direction:column;min-width:0;gap:calc(var(--index)/3.75);transition:all .3s ease}@media screen and (min-width:1200px){.cards{height:calc(100dvh - var(--index)*5.4);overflow:hidden}}.cards__grid{width:100%;display:flex;flex-direction:column;gap:calc(var(--index)/1.875);padding-right:calc(var(--index)/3.75);margin-bottom:calc(var(--index)/1.875);padding-bottom:calc(var(--index)/1.875)}@media screen and (min-width:1200px){.cards__grid{height:100%;overflow:auto}}.cards__grid_masonry{display:grid;grid-template-columns:calc(50% - var(--index)/3.75) calc(50% - var(--index)/3.75);grid-gap:calc(var(--index)/1.875);gap:calc(var(--index)/1.875)}.cards__column{display:flex;flex-direction:column;gap:calc(var(--index)/1.875);width:100%}@media screen and (max-width:1199px){.cards{grid-column:1/-1}.cards__grid{overflow:visible;padding-right:0;padding-left:0;padding-top:0;gap:calc(var(--index)/1.375)}.cards__container{width:100%;min-height:48px;display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;align-items:center;margin-top:8px}.cards__container .sort-menu{margin-left:auto}}@media screen and (min-width:calc(767px + 1px))and (max-width:1199px){.cards__container{margin-top:0;min-height:0}}@media screen and (max-width:767px){.cards__container{justify-content:flex-end;align-items:center}}