.menu{grid-area:a;margin:calc(var(--index)/1.875) 0 calc(var(--index)/1.875);display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.menu__container{display:flex;justify-content:space-between}.menu>.sort-menu{justify-self:end}.menu__search{width:100%;max-width:720px;justify-self:center}.menu__search-input{margin:0 auto}.menu__search_active:focus-within{background-color:var(--color-theme-4)}.menu__search_active:focus-within .search-popup{display:flex}@media screen and (max-width:1199px){.menu{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter search sort";gap:8px;margin:6px 0 0;align-items:stretch}.menu__container{grid-area:filter}.menu__search{grid-area:search;max-width:none;width:100%;min-height:48px;display:flex;align-items:center;padding:0}.menu__search-input{width:100%;min-width:0}.menu>.sort-menu{grid-area:sort;justify-self:end;display:flex;align-items:center}}@media screen and (max-width:767px){.menu{background-color:var(--color-theme-5);margin:0;padding:6px 12px 8px;border-radius:0 0 14px 14px}.menu__search{width:100%;background-color:var(--color-theme-4);border-radius:calc(var(--index)*1.454);min-height:max(44px,var(--index)*4);display:flex;align-items:center;padding:0 8px}.menu>.sort-menu{display:none}}.search-popup{position:absolute;background-color:var(--color-theme-4);width:min(100%,720px);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:100%;margin:calc(var(--index)/1.875) 0;display:flex;flex-direction:column}.search-popup__signature{height:min-content;font-family:Arial,sans-serif;font-weight:400;font-size:calc(var(--index)/2.142);color:var(--text-grey);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}@media screen and (max-width:1199px){.search-popup{width:100%;left:0;right:0;max-height:60vh;overflow-y:auto;overscroll-behavior-y:contain;padding:max(16px,var(--index)*1.454);border-radius:0 0 12px 12px}.search-popup__container{width:100%}}.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:var(--text-white)}.filter-btn_checkbox:checked+.filter-btn svg path{stroke:var(--purple)}.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:var(--color-theme-3);stroke-linecap:round;stroke-linejoin:round}.filter-btn__text{font-family:Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.666);color:var(--text-dark-grey);transition:color .2s cubic-bezier(1,.16,.46,.87)}.filter-btn:hover svg path{stroke:var(--purple)}.filter-btn:hover .filter-btn__text{color:var(--text-white)}@media screen and (min-width:calc(767px + 1px))and (max-width:1199px){.filter-btn{background-color:rgba(0,0,0,0);border:none;box-shadow:none;width:auto;min-width:0;justify-content:flex-start;padding:0 calc(var(--index)/3.75) 0 0;min-height:48px;border-radius:0}.filter-btn__text{display:block;font-size:max(15px,calc(var(--index) / 1.875));color:var(--text-white)}.filter-btn svg{width:calc(var(--index)/1);height:calc(var(--index)/1)}.filter-btn svg path{stroke:var(--purple)}.filter-btn:active,.filter-btn:hover{background-color:rgba(0,0,0,0);box-shadow:none}}@media screen and (max-width:767px){.filter-btn{background-color:var(--color-theme-4);width:52px;min-width:52px;justify-content:center;padding:0;min-height:48px;border-radius:999px}.filter-btn__text{display:none}.filter-btn svg{width:calc(var(--index)*2.181);height:calc(var(--index)*2.181)}.filter-btn svg path{stroke:var(--text-grey)}}@media screen and (min-width:calc(767px + 1px))and (max-width:1199px){.menu__container{width:auto;min-width:max-content}}@media screen and (max-width:767px){.menu__container{width:52px}}.sort-follow-btn{cursor:pointer;border-radius:calc(var(--index)/1.875);overflow:hidden;border:1px solid var(--color-theme-3);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:var(--purple)}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg{rotate:25deg}.sort-follow-btn_checkbox:checked+.sort-follow-btn svg path{stroke:var(--purple);fill:var(--purple)}.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:var(--color-theme-3)}.sort-follow-btn:hover svg path{stroke:var(--purple)}@media screen and (max-width:767px){.menu{position:-webkit-sticky;position:sticky;top:var(--header-height);z-index:12}.sort-menu__buttons{margin-left:0}}