.mainpage{max-width:1400px;margin:0 auto;display:grid;width:100%;grid-template-columns:min-content 1fr;grid-template-rows:min-content 1fr}.menu{grid-column:1/-1;margin:calc(var(--index)/1.875) 0 calc(var(--index)/1.875);height:calc(var(--index)*1.2);display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;transition:height .3s linear,opacity .3s linear}.menu__container{display:flex;justify-content:space-between}.menu>:last-child{justify-self:end}.menu__search{width:calc(var(--index)*14.9);justify-self:center}.menu__search-input{margin:0 auto}.menu__search_active:focus-within{background-color:#242429}.menu__search_active:focus-within .search-popup{display:flex}@media screen and (max-width:500px){.menu{background-color:#18181b;height:72px;display:flex;align-items:center;margin:0;padding:0 calc(var(--index)/1.375);grid-gap:0;gap:calc(var(--index)/1.375)}.menu .sort-menu{display:none}.menu__search{width:100%;background-color:#242429;border-radius:calc(var(--index)*1.454);height:calc(var(--index)/.275);display:flex;align-items:center;padding:0 8px}}.search-popup{position:absolute;background-color:#242429;width:calc(var(--index)*14.9);height:min-content;max-height:calc(var(--index)*10);display:none;gap:calc(var(--index)/1.875);padding:0 calc(var(--index)/1.25)}.search-popup__container{width:calc(var(--index)*6.4);margin:calc(var(--index)/1.875) 0;display:flex;flex-direction:column}.search-popup__signature{height:min-content;font-family:Mont,Arial,sans-serif;font-weight:400;font-size:calc(var(--index)/2.142);color:#b8b8bf;margin-bottom:calc(var(--index)/1.875)}.search-popup__search-result{height:100%;overflow:auto}.search-popup__search-result_user{display:flex;flex-direction:column}.search-popup__search-result_tags{height:min-content;display:flex;gap:calc(var(--index)/4);flex-wrap:wrap}.search-popup__channel .user-btn__text,.search-popup__tag .tags-btn__text{max-width:calc(var(--index)*4);overflow:hidden}.filter-btn{cursor:pointer;display:flex;align-items:center;padding-left:calc(var(--index)/1.875);gap:calc(var(--index)/1.875)}.filter-btn_checkbox{visibility:hidden;position:absolute;opacity:0;width:0;height:0}.filter-btn_checkbox:checked+.filter-btn .filter-btn__text{color:#f0f0f5}.filter-btn_checkbox:checked+.filter-btn svg path{stroke:#a970ff}.filter-btn svg{width:calc(var(--index)*1.2);height:calc(var(--index)*1.2)}.filter-btn svg path{transition:stroke .2s cubic-bezier(1,.16,.46,.87);stroke:#343438;stroke-linecap:round;stroke-linejoin:round}.filter-btn__text{font-family:Mont,Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.666);color:#4e4e52;transition:color .2s cubic-bezier(1,.16,.46,.87)}.filter-btn:hover svg path{stroke:#a970ff}.filter-btn:hover .filter-btn__text{color:#f0f0f5}@media screen and (max-width:500px){.filter-btn{background-color:#242429;padding:0;border-radius:calc(var(--index)*1.454)}.filter-btn__text{display:none}.filter-btn svg{width:calc(var(--index)/.275);height:calc(var(--index)/.275)}.filter-btn svg path{stroke:#b8b8bf}}.sort-follow-btn{cursor:pointer;border-radius:calc(var(--index)/1.875);overflow:hidden;border:1px solid #343438;width:calc(var(--index)*1.2);height:calc(var(--index)*1.2);display:flex;align-items:center;justify-content:center}.sort-follow-btn_checkbox{visibility:hidden;position:absolute;opacity:0}.sort-follow-btn_checkbox:checked+.sort-follow-btn{border-color:#a970ff}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg{rotate:25deg}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg path{stroke:#a970ff;fill:#a970ff}.sort-follow-btn svg{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5)}.sort-follow-btn svg path{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:#343438}.sort-follow-btn:hover svg path{stroke:#a970ff}@media screen and (max-width:500px){.menu-hide .menu{height:0;opacity:0;transition:height .3s linear .5s,opacity .3s linear .5s,visibilitty .3s linear .5s}}