.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}}.nav-bar{width:calc(var(--index)*10);min-width:calc(var(--index)*10);height:calc(100vh - var(--index)*5.6);display:flex;flex-direction:column;gap:calc(var(--index)/3.75);margin:calc(var(--index)/3.75);margin-bottom:0;opacity:1;visibility:visible;transform:translateX(0);transition:width .3s,min-width .3s,visibility .3s,transform .3s linear,opacity .3s;overflow:hidden}.nav-bar--hidden{width:0;min-width:0;visibility:hidden;opacity:0;transform:translateX(-20%)}.nav-bar__head{align-content:center;justify-items:center}.nav-bar__head,.nav-bar__sort-btns{display:grid;grid-template-columns:1fr 1fr}.nav-bar__sort-btns{grid-gap:calc(var(--index)/7.5);gap:calc(var(--index)/7.5);width:100%}.nav-bar__sort-btn{width:100%;height:calc(var(--index)/1.5);border:1px solid #242429;border-radius:6px}.nav-bar__sort-btn_container{cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.nav-bar__sort-btn_container svg path{stroke:#4e4e52;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-bar__sort-btn_svg-text{font-family:Mont,Arial,sans-serif;color:#4e4e52;font-weight:600;font-size:calc(var(--index)/2.142)}.nav-bar__sort-btn_checkbox{visibility:hidden;position:absolute;opacity:0}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn{background-color:#242429;border:none}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn svg path{stroke:#b8b8bf}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn .nav-bar__sort-btn_svg-text{color:#b8b8bf}.nav-bar__sort-btn:hover{border-color:#343438}.nav-bar__sort-btn:hover .nav-bar__sort-btn_svg-text{color:#b8b8bf}.nav-bar__sort-btn:hover svg path{stroke:#b8b8bf}.nav-bar__main{overflow:scroll;max-height:100%;display:flex;flex-direction:column}.nav-bar__main_tags{flex-direction:row;gap:calc(var(--index)/3.75) calc(var(--index)/7.5);flex-wrap:wrap}@media screen and (max-width:500px){.nav-bar{position:absolute;z-index:1;background-color:#18181b;width:100%;height:calc(100dvh - 72px - var(--index)/.275);margin:0;padding:0 8px;left:0}}.tag-row{display:flex;gap:calc(var(--index)/7.5);padding:calc(var(--index)/7.5) calc(var(--index)/3.75)}@media screen and (max-width:500px){.tag-row{gap:calc(var(--index)*.545);padding:calc(var(--index)/2.75) calc(var(--index)/1.375)}.nav-bar{position:absolute;bottom:0}}.selectfilter{flex-direction:column;gap:calc(var(--index)/3.75)}.selectfilter,.selectfilter__variants{display:flex;align-items:center;justify-content:center}.selectfilter__variants{width:100%;text-decoration:none;list-style:none;height:calc(var(--index)*2.06)}.selectfilter__chooser{width:100%;height:100%;border-radius:calc(var(--index)/1.875) calc(var(--index)/1.875) 0 0;background-color:#242429}.selectfilter__radio{cursor:pointer;border-radius:calc(var(--index)/2) calc(var(--index)/2) 0 0;width:100%;height:100%;margin-top:-2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background-color:#0e0e10}.selectfilter__name{font-family:Mont,Arial,sans-serif;color:#b8b8bf;font-weight:600;font-size:calc(var(--index)/2.142);transition:all .1s ease-in}.selectfilter__icon{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5);background-color:#b8b8bf;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-position:center center;mask-position:center center;transition:all .1s ease-in}.selectfilter__icon_strim{-webkit-mask-image:url(/_next/static/media/User_Empty.82557679.svg);mask-image:url(/_next/static/media/User_Empty.82557679.svg)}.selectfilter__icon_tags{-webkit-mask-image:url(/_next/static/media/hash.694a3735.svg);mask-image:url(/_next/static/media/hash.694a3735.svg)}.selectfilter__chooser:hover .selectfilter__icon{background-color:#a970ff}.selectfilter__chooser:has(input:checked) .selectfilter__radio{margin:2px auto 0;width:calc(100% - var(--index)/8.5);transition-delay:.1s}.selectfilter__chooser:has(input:checked) .selectfilter__icon{background-color:#a970ff;width:calc(var(--index)/1);height:calc(var(--index)/1)}.selectfilter__chooser:has(input:checked) .selectfilter__name{font-size:calc(var(--index)/1.875);color:#f0f0f5}@media screen and (max-width:500px){.selectfilter{gap:calc(var(--index)*.545)}.selectfilter__variants{height:calc(var(--index)/.275)}.selectfilter__icon{width:calc(var(--index)/.611);height:calc(var(--index)/.611)}.selectfilter__name{font-size:calc(var(--index)/1.1)}.selectfilter__chooser{border-radius:calc(var(--index)*1.454) calc(var(--index)*1.454) 0 0}.selectfilter__radio{border-radius:calc(var(--index)*1.272) calc(var(--index)*1.272) 0 0;gap:calc(var(--index)/2.75);background-color:#18181b}.selectfilter__chooser:has(input:checked) .selectfilter__icon{width:calc(var(--index)/.55);height:calc(var(--index)/.55)}.selectfilter__chooser:has(input:checked) .selectfilter__name{font-size:calc(var(--index)/1)}}.sorter{width:100%;display:flex;gap:4px}.sorter__label{overflow:hidden;text-align:center;font-family:Mont,Arial,sans-serif;color:#4e4e52;font-weight:600;font-size:calc(var(--index)/2.142);border:1px solid #242429;border-radius:calc(var(--index)/5);height:calc(var(--index)/1.5);width:100%;cursor:pointer;transition:background-color .125s ease-in,color .125s ease-in}.sorter__label_active{background-color:#242429;color:#b8b8bf}.sorter__label_active>.sorter__icon{background-color:#b8b8bf}.sorter__text{position:relative}.sorter__text_span{display:block;width:calc(var(--index)*1.6);text-align:center;position:absolute;transition:left .2s cubic-bezier(1,.16,.46,.87),right .2s cubic-bezier(1,.16,.46,.87)}.sorter__text_span1{left:-50%;transform:translateX(-50%)}.sorter__text_span2{right:50%;transform:translateX(50%)}.sorter__icon{width:100%;height:100%;-webkit-mask-image:url(/_next/static/media/top-to-bottom.0c53a447.svg);mask-image:url(/_next/static/media/top-to-bottom.0c53a447.svg);-webkit-mask-size:70% 70%;mask-size:70% 70%;background-color:#4e4e52;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform .125s ease-in,background-color .125s ease-in}.sorter__label:has(input:checked) .sorter__icon{transform:scaleY(-1)}.sorter__label:has(input:checked) .sorter__text_span1{left:50%}.sorter__label:has(input:checked) .sorter__text_span2{right:-50%}@media screen and (max-width:500px){.sorter__label{font-size:calc(var(--index)*1.272);height:calc(var(--index)/.55);border-radius:calc(var(--index)*1.454)}}.search-input{border-bottom:1px solid #343438;width:calc(var(--index)*13.8);height:100%;justify-self:center;display:flex;transition:border-bottom .2s cubic-bezier(1,.16,.46,.87)}.search-input__input{margin-left:8px;border:none;outline:none;width:100%;font-family:Mont,Arial,sans-serif;font-weight:600;font-size:calc(var(--index)/1.666);color:#f0f0f5}.search-input__input::placeholder{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)}.search-input__span{aspect-ratio:1;height:100%;display:flex;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(1,.16,.46,.87)}.search-input__span button{-webkit-mask:url(/_next/static/media/x.084d61d5.svg) no-repeat center center;mask:url(/_next/static/media/x.084d61d5.svg) no-repeat center center;-webkit-mask-size:90% 90%;mask-size:90% 90%}.search-input__span button,.search-input__span--empty:after{display:block;width:calc(var(--index)/1.25);height:calc(var(--index)/1.25);background-color:#4e4e52;transition:background-color .2s cubic-bezier(1,.16,.46,.87)}.search-input__span--empty:after{content:"";-webkit-mask:url(/_next/static/media/search.22d1195f.svg) no-repeat center center;mask:url(/_next/static/media/search.22d1195f.svg) no-repeat center center;-webkit-mask-size:80% 80%;mask-size:80% 80%}.search-input__span--empty button{display:none}.search-input:has(.search-input__input:focus){border-bottom:1px solid #f0f0f5}.search-input:has(.search-input__input:focus) .search-input__input::placeholder{color:#b8b8bf}.search-input:has(.search-input__input:focus) .search-input__span button,.search-input:has(.search-input__input:focus) .search-input__span:after{background-color:#f0f0f5}.search-input:hover{border-color:#f0f0f5}.search-input:hover .search-input__input::placeholder{color:#b8b8bf}.search-input:hover .search-input__span button,.search-input:hover .search-input__span:after{background-color:#f0f0f5!important}@media screen and (max-width:500px){.search-input{border:none;width:100%;height:calc(var(--index)/.366)}.search-input__input{font-size:calc(var(--index)*1.272)}.search-input__input::placeholder{font-size:calc(var(--index)*1.272);color:#b8b8bf}.search-input__span button,.search-input__span--empty:after{width:calc(var(--index)/.55);height:calc(var(--index)/.55)}.search-input:has(.search-input__input:focus){border:none}.search-input:hover{border:none}}.align-nav-bar{width:100%;height:calc(var(--index)/1.25)}.align-nav-bar>input{margin:0;height:100%;font-weight:400;font-size:calc(var(--index)/2.142);color:#f0f0f5}.align-nav-bar>input::placeholder{font-weight:400;font-size:calc(var(--index)/2.142);color:#4e4e52}@media screen and (max-width:500px){.align-nav-bar{padding:0 4px;height:30px;flex-shrink:2;border-bottom:1px solid #343438}.align-nav-bar>input{font-size:calc(var(--index)*1.272)}.align-nav-bar>input::placeholder{font-size:calc(var(--index)*1.272);color:#b8b8bf}.align-nav-bar:has(.search-input__input:focus){border-bottom:1px solid #f0f0f5}.align-nav-bar:hover{border-color:1px solid #f0f0f5}}.tags-count-btn{display:flex;align-items:center;border-radius:2px;padding:0 calc(var(--index)/3.75);cursor:pointer;width:min-content;max-width:calc(var(--index)*9);height:calc(var(--index)/1.25);background-color:#343438;color:#b8b8bf;font-family:Mont,Arial,sans-serif;font-size:calc(var(--index)/2.142);font-weight:600;font-style:normal;text-align:center;text-wrap:nowrap}.tags-count-btn:hover{background-color:#4e4e52;color:#f0f0f5}.tags-count-btn:active,.tags-count-btn_active,.tags-count-btn_active:hover{background-color:#a970ff;color:#f0f0f5}.tags-count-btn__text{max-width:calc(var(--index)*7);overflow:hidden;text-overflow:ellipsis}.tags-count-btn__count{display:flex;align-items:center;height:min-content;text-align:center}.tags-count-btn__count:before{font-size:calc(var(--index)/3);content:"|";padding:0 3px}@media screen and (max-width:500px){.tags-count-btn{max-width:calc(var(--index)*28);height:32px;font-size:calc(var(--index)*1.272);background-color:#242429;padding:0 calc(var(--index)*1.454)}.tags-count-btn_active{background-color:#a970ff}.tags-count-btn__text{max-width:calc(var(--index)*26)}.tags-count-btn__checkbox:checked+.tags-count-btn{background-color:#4e4789}.tags-count-btn__count:before{font-size:calc(var(--index)/1.1)}}