.mainpage{max-width:1400px;margin:0 auto;display:grid;width:100%;grid-template-columns:min-content 1fr;grid-template-rows:min-content 1fr}.cards{height:calc(100vh - var(--index)*5.4);overflow:hidden;gap:calc(var(--index)/3.75)}.cards,.cards__grid{width:100%;display:flex;flex-direction:column}.cards__grid{height:100%;overflow:auto;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)}.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:500px){.cards{height:calc(100vh - 72px - var(--index)/.275);grid-column:1/-1;transition:height .3s ease}.cards__grid{padding-right:calc(var(--index)/1.375);padding-top:calc(var(--index)/1.375);gap:calc(var(--index)/1.375)}.cards__container,.cards__grid{padding-left:calc(var(--index)/1.375)}.cards__container{width:100%;height:calc(var(--index)*4.7);display:flex;flex-shrink:1;flex-direction:row-reverse;justify-content:space-between;align-items:center}.menu-hide .cards{height:calc(100vh - 72px - var(--index)/.275 + 72px)}}.filter-bar{width:min-content;height:calc(var(--index)*1.3);display:flex;align-items:center;gap:calc(var(--index)/3.75)}.filter-bar__signature{color:#4e4e52}.filter-bar__btn,.filter-bar__signature{font-family:Mont,Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.875)}.filter-bar__btn{padding:9px 0;color:#b8b8bf;text-decoration:underline}.filter-bar__container{display:flex;align-items:center;gap:calc(var(--index)/3.75)}.filter-bar:hover .filter-bar__btn{color:#a970ff}@media screen and (max-width:500px){.filter-bar{height:calc(var(--index)*4.272);gap:calc(var(--index)/5.5)}.filter-bar__btn{font-weight:400;font-size:calc(var(--index)/1.1);color:#797980;text-decoration:none}.filter-bar__container{flex-direction:column;height:min-content}.filter-bar svg{width:calc(var(--index)/.611);height:calc(var(--index)/.611);flex-shrink:0}.filter-bar svg path{stroke:#797980;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}}.user-btn{cursor:pointer;display:flex;width:100%;height:min-content;min-height:min-content;margin:0;padding:calc(var(--index)/7.5);justify-content:space-between;align-items:center;color:#b8b8bf;font-family:Mont,Arial,sans-serif;text-wrap:nowrap}.user-btn:hover{background-color:#18181b;color:#f0f0f5}.user-btn:active,.user-btn:active:hover,.user-btn_active,.user-btn_active:hover{background-color:#4e4789;color:#f0f0f5}.user-btn__container{display:flex;align-items:center;gap:calc(var(--index)/7.5)}.user-btn__text{font-weight:600}.user-btn__count,.user-btn__text{font-size:calc(var(--index)/1.875)}.user-btn__count{font-weight:400}.user-btn__img{width:calc(var(--index)/1);height:calc(var(--index)/1);border-radius:100%}@media screen and (max-width:500px){.user-btn{padding:calc(var(--index)/2.75)}.user-btn__container{gap:calc(var(--index)/2.75)}.user-btn__count,.user-btn__text{font-size:calc(var(--index)/.916)}.user-btn__img{width:calc(var(--index)/.366);height:calc(var(--index)/.366)}}.btn-light:hover{background-color:#343438;color:#f0f0f5}.user-btn_disable{pointer-events:none}@media screen and (max-width:500px){.user-btn_align_filter-bar{width:min-content}.user-btn_align_filter-bar .user-btn__text{max-width:calc(var(--index)*7);overflow:hidden;text-overflow:ellipsis}}