.menu{margin:var(--section-top-gap) 0 var(--section-top-gap);grid-area:a;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.menu__container{justify-content:space-between;display:flex}.menu>.sort-menu{justify-self:end}.menu__search{z-index:1;justify-self:center;width:100%;max-width:720px;position:relative}.menu__search-input{margin:0 auto}.menu__search_active:focus-within{z-index:20;background-color:var(--color-theme-4)}.menu__search_active:focus-within .search-popup{display:flex}@media screen and (max-width:1439px){.menu{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter search sort";align-items:stretch;gap:8px;margin:6px 0 0}.menu__container{grid-area:filter}.menu__search{grid-area:search;align-items:center;width:100%;max-width:none;min-height:48px;padding:0;display:flex}.menu__search-input{width:100%;min-width:0}.menu>.sort-menu{grid-area:sort;justify-self:end;align-items:center;display:flex}}@media screen and (max-width:767px){.menu{background-color:var(--color-theme-5);border-radius:0 0 14px 14px;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"filter search""sort sort";margin:0;padding:6px 12px 8px}.menu__search{background-color:var(--color-theme-4);border-radius:calc(var(--index)*1.454);width:100%;min-height:max(44px,var(--index)*4);align-items:center;padding:0 8px;display:flex}.menu>.sort-menu{grid-area:sort;width:100%}.menu>.sort-menu .sort-menu__buttons{width:100%;padding:0 var(--feed-space-3);justify-content:space-between;margin:0}}@media screen and (min-width:1440px){.menu{margin:0}}.search-popup{z-index:21;background-color:var(--color-theme-4);width:min(100%,720px);height:min-content;max-height:calc(var(--index)*10);gap:calc(var(--index)/1.875);padding:0 calc(var(--index)/1.25);display:none;position:absolute}.search-popup__container{width:100%;margin:calc(var(--index)/1.875) 0;flex-direction:column;display:flex}.search-popup__signature{height:min-content;color:var(--text-grey);margin-bottom:calc(var(--index)/1.875);font-family:Arial,sans-serif;font-size:.875rem;font-weight:400}.search-popup__search-result{height:100%;overflow:auto}.search-popup__search-result_user{flex-direction:column;display:flex}.search-popup__search-result_tags{gap:calc(var(--index)/4);flex-wrap:wrap;height:min-content;display:flex}.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:1439px){.search-popup{overscroll-behavior-y:contain;width:100%;max-height:60vh;padding:max(16px,var(--index)*1.454);border-radius:0 0 12px 12px;left:0;right:0;overflow-y:auto}.search-popup__container{width:100%}}.filter-btn{cursor:pointer;padding-left:calc(var(--index)/1.875);align-items:center;gap:calc(var(--index)/1.875);min-height:var(--feed-control-height);border:2px solid #0000;border-radius:8px;display:flex}.filter-btn svg{width:calc(var(--index)*1.2);height:calc(var(--index)*1.2)}.filter-btn svg path{stroke:var(--color-theme-3);stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s cubic-bezier(1,.16,.46,.87)}.filter-btn__text{color:var(--text-dark-grey);font-family:Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.125rem);font-weight:600;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)}.filter-btn[aria-expanded=true]{border-color:var(--feed-focus);background:var(--feed-active-bg);box-shadow:inset 0 -3px 0 var(--feed-focus)}.filter-btn[aria-expanded=true] .filter-btn__text{color:var(--feed-text-primary)}.filter-btn[aria-expanded=true] svg path{stroke:var(--feed-focus)}@media screen and (min-width:768px) and (max-width:1439px){.filter-btn{box-shadow:none;width:auto;min-width:0;padding:0 calc(var(--index)/3.75) 0 0;background-color:#0000;border:none;border-radius:0;justify-content:flex-start;min-height:48px}.filter-btn__text{color:var(--text-white);font-size:max(15px,1rem);display:block}.filter-btn svg{width:calc(var(--index)/1);height:calc(var(--index)/1)}.filter-btn svg path{stroke:var(--purple)}.filter-btn:hover,.filter-btn:active{box-shadow:none;background-color:#0000}}@media screen and (max-width:767px){.filter-btn{background-color:var(--color-theme-4);border-radius:999px;justify-content:center;width:52px;min-width:52px;min-height:48px;padding:0}.filter-btn__text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.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:768px) and (max-width:1439px){.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);border:1px solid var(--color-theme-3);width:calc(var(--index)*1.2);height:calc(var(--index)*1.2);justify-content:center;align-items:center;display:flex;overflow:hidden}.sort-follow-btn_checkbox{visibility:hidden;opacity:0;position:absolute}.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:2px;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{top:var(--header-height);z-index:12;position:sticky}.sort-menu__buttons{margin-left:0}}
.sort-menu{width:calc(var(--index)*8);display:flex;position:relative}.sort-menu__popup{width:calc(var(--index)*8);background-color:var(--color-theme-4);opacity:0;visibility:hidden;pointer-events:none;z-index:5;--sort-menu-open-offset:calc(var(--index) / -5);transform:translateY(var(--sort-menu-open-offset));border:none;flex-direction:column;gap:4px;transition:opacity .2s cubic-bezier(1,.16,.46,.87),transform .2s cubic-bezier(1,.16,.46,.87),visibility .2s cubic-bezier(1,.16,.46,.87);display:none;position:absolute;top:100%;right:0}.sort-menu__popup--open{opacity:1;visibility:visible;pointer-events:auto;--sort-menu-open-offset:0;display:flex}.sort-menu__container{margin:0 calc(var(--index)/3.75);flex-direction:column;display:flex}.sort-menu__signature{color:var(--text-grey);font-family:Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:calc(var(--index)*1.2);height:calc(var(--index)*1.2)}.sort-menu svg{width:calc(var(--index)*1.2);height:calc(var(--index)*1.2)}.sort-menu svg path{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sort-menu__buttons{cursor:pointer;width:calc(var(--index)*9);max-height:min-content;min-height:calc(var(--index)*1.2);padding:0;padding-right:calc(var(--index)/1.875);justify-content:space-between;align-items:center;display:flex}.sort-menu__buttons svg path{stroke:var(--purple)}.sort-menu__buttons .sort-menu__text{color:var(--text-dark-grey)}.sort-menu__buttons:hover .sort-menu__text{color:var(--text-white)}.sort-menu__buttons:hover .sort-menu__filterIcon{background-color:var(--text-white)}.sort-menu__buttons--near{gap:calc(var(--index)/1.875)}.sort-menu__buttons--near>.sort-menu__filterIcon{background-color:var(--purple)}.sort-menu__button{cursor:pointer;width:100%;max-height:min-content;min-height:calc(var(--index)*1.2);justify-content:space-between;align-items:center;margin:0;display:flex}.sort-menu__button svg path{stroke:var(--text-white)}.sort-menu_checkbox{visibility:hidden;opacity:0;position:absolute}.sort-menu_checkbox:checked+.sort-menu__button .sort-menu__text{color:var(--purple)}.sort-menu_checkbox:checked+.sort-menu__button svg path{stroke:var(--purple)}.sort-menu__text{pointer-events:none;text-wrap:nowrap;color:var(--text-white);font-family:Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.125rem);font-weight:600}.sort-menu__label-short{display:none}.sort-menu__popup .sort-menu__filterIcon{background-color:var(--purple)}.sort-menu__filterIcon{width:calc(var(--index)*1.2);height:calc(var(--index)*1.2);background-color:var(--color-theme-3);transition:transform .1s cubic-bezier(1,.16,.46,.87),background-color .1s cubic-bezier(1,.16,.46,.87);-webkit-mask-image:url(../media/SortBottmn.1604bm22d3.b~.svg);mask-image:url(../media/SortBottmn.1604bm22d3.b~.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:130%;mask-size:130%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sort-menu__filterIcon--down{-webkit-mask-image:url(../media/SortTop.06w4-eoz6usom.svg);mask-image:url(../media/SortTop.06w4-eoz6usom.svg)}@media screen and (max-width:767px){.sort-menu{width:min-content}.sort-menu__buttons{width:calc(var(--index)*12.818);margin:0 0 0 calc(var(--index)/2.75);height:calc(var(--index)/.366);justify-content:space-around;padding:0}.sort-menu__buttons .sort-menu__text{color:var(--text-grey)}.sort-menu__button{height:calc(var(--index)/.366);min-height:calc(var(--index)/.366)}.sort-menu__popup{width:calc(var(--index)*13.636);transform:translate(0, var(--sort-menu-open-offset));gap:calc(var(--index)/2.75);padding-bottom:calc(var(--index)/2.75);top:100%;left:0;right:auto}.sort-menu__container{margin:0 0 0 calc(var(--index)*.545)}.sort-menu__text{font-size:max(14px,var(--index)*1.272)}.sort-menu__label-long{display:none}.sort-menu__label-short{display:inline}.sort-menu__signature{font-size:max(14px,var(--index)*1.272);line-height:calc(var(--index)/.366);height:calc(var(--index)/.366);font-weight:600}.sort-menu__filterIcon{width:calc(var(--index)*2.363);height:calc(var(--index)*2.363);flex-shrink:0}}@media screen and (min-width:768px) and (max-width:1439px){.sort-menu{width:min-content;max-width:100%}.sort-menu__buttons{gap:calc(var(--index)/1.875);width:auto;min-height:48px;box-shadow:none;background-color:#0000;border:none;border-radius:0;justify-content:flex-end;padding:0}.sort-menu__buttons .sort-menu__text{color:var(--text-dark-grey)}.sort-menu__buttons:hover .sort-menu__text{color:var(--text-white)}.sort-menu__buttons:hover .sort-menu__filterIcon{background-color:var(--text-white)}.sort-menu__text{font-size:clamp(1rem,.95rem + .2vw,1.125rem);font-weight:600}.sort-menu__filterIcon{width:calc(var(--index)*1.2);height:calc(var(--index)*1.2)}.sort-menu__popup{border:1px solid var(--color-theme-3);border-radius:14px;top:calc(100% + 6px);overflow:hidden;box-shadow:0 18px 40px #0000002e}.sort-menu__signature{font-size:max(13px,.875rem)}.sort-menu__button .sort-menu__text{font-size:max(14px,1rem)}}.sort-menu{width:auto;min-width:0}.sort-menu__buttons{width:auto;min-height:var(--feed-control-height);padding:0 var(--feed-space-2);border:2px solid var(--feed-border);border-radius:8px}.sort-menu__buttons[aria-expanded=true]{border-color:var(--feed-focus);background:var(--feed-active-bg);box-shadow:inset 0 -3px 0 var(--feed-focus)}.sort-menu__popup{width:min(22rem,100vw - 1rem);padding:var(--feed-space-2);border:1px solid var(--feed-border-strong);border-radius:12px}.sort-menu__signature{height:auto;min-height:var(--feed-target-min);color:var(--feed-text-secondary);font-size:var(--feed-font-meta);line-height:1.4}.sort-menu__button{min-height:var(--feed-control-height);padding:0 var(--feed-space-2);border:2px solid #0000;border-radius:8px}.sort-menu__button[aria-pressed=true]{border-color:var(--feed-focus);background:var(--feed-active-bg);box-shadow:inset 0 -3px 0 var(--feed-focus)}.sort-menu__text{color:var(--feed-text-primary);font-size:var(--feed-font-ui);white-space:normal;text-align:left}@media screen and (max-width:767px){.sort-menu__buttons,.sort-menu__button{min-height:var(--feed-target-mobile)}.menu-hide .sort-menu__popup--open{--sort-menu-open-offset:0}}
.menu__search-row{align-items:center;width:100%;display:flex}.menu__search-input{flex:auto;min-width:0}
.nav-bar{--sidebar-drawer-top:0px;--desktop-sidebar-open:var(--feed-rail-max);width:100%;max-width:var(--desktop-sidebar-open);min-width:var(--desktop-sidebar-open);gap:calc(var(--index)/3.75);opacity:1;visibility:visible;flex-direction:column;grid-area:b;height:100%;min-height:0;margin:0;transition:width .3s,max-width .3s,min-width .3s,transform .3s linear,opacity .3s;display:flex;overflow:hidden;transform:translate(0)}.nav-bar--closed{visibility:hidden;opacity:0;width:0;min-width:0;max-width:0;transform:translate(-20%)}.nav-bar__head{grid-template-columns:1fr 1fr;align-content:center;justify-items:center;display:grid}.nav-bar__sort-btns{gap:calc(var(--index)/7.5);grid-template-columns:1fr 1fr;width:100%;display:grid}.nav-bar__sort-btn{width:100%;height:calc(var(--index)/1.5);border:1px solid var(--color-theme-4);border-radius:6px}.nav-bar__sort-btn_container{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nav-bar__sort-btn_container svg path{stroke:var(--text-dark-grey);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.nav-bar__sort-btn_svg-text{color:var(--text-dark-grey);font-family:Arial,sans-serif;font-size:.875rem;font-weight:600}.nav-bar__sort-btn_checkbox{visibility:hidden;opacity:0;position:absolute}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn{background-color:var(--color-theme-4);border:none}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn svg path{stroke:var(--text-grey)}.nav-bar__sort-btn_checkbox:checked+.nav-bar__sort-btn .nav-bar__sort-btn_svg-text{color:var(--text-grey)}.nav-bar__sort-btn:hover{border-color:var(--color-theme-3)}.nav-bar__sort-btn:hover .nav-bar__sort-btn_svg-text{color:var(--text-grey)}.nav-bar__sort-btn:hover svg path{stroke:var(--text-grey)}.nav-bar__main{flex-direction:column;max-height:100%;display:flex;overflow:auto}.nav-bar__main_tags{flex-direction:column}.nav-bar__drawer-head{display:none}@media screen and (max-width:1439px){.nav-bar{--sidebar-drawer-top:var(--home-menu-bottom);top:var(--sidebar-drawer-top);z-index:11;width:min(360px,100vw);min-width:min(360px,100vw);max-width:min(360px,100vw);height:calc(100dvh - var(--sidebar-drawer-top));max-height:calc(100dvh - var(--sidebar-drawer-top));padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background-color:color-mix(in srgb, var(--color-theme-6) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-theme-3);border-right:1px solid var(--color-theme-3);border-radius:0 18px 0 0;margin:0;display:flex;position:fixed;left:0;overflow:hidden;box-shadow:0 12px 48px #0000002e}.nav-bar__drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.nav-bar__drawer-title{font-family:Arial,sans-serif;font-size:max(16px,var(--index)*1.454);color:var(--text-white);font-weight:600}.nav-bar__drawer-close{background-color:var(--color-theme-4);width:44px;min-width:44px;height:44px;color:var(--text-white);border-radius:999px;justify-content:center;align-items:center;font-size:28px;line-height:1;display:inline-flex}.nav-bar--closed,.nav-bar--auto{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;max-width:0;transform:translateX(calc(var(--index) / -1.875));box-shadow:none;clip-path:inset(0 100% 0 0);border-top:none;border-right:none;padding:0}}@media screen and (max-width:767px){.nav-bar{--sidebar-drawer-top:var(--home-menu-bottom);width:100vw;min-width:100vw;max-width:100vw;padding-left:8px;padding-right:8px}.nav-bar--closed,.nav-bar--auto{clip-path:inset(0 100% 0 0);width:0;min-width:0;max-width:0;padding:0}}.nav-bar__backdrop{z-index:10;cursor:default;background:#00000094;position:fixed;inset:0}.tag-row{box-sizing:border-box;flex-direction:column;gap:2px;width:100%;padding:2px 4px 4px 0;display:flex}.tag-row .tags-count-btn{width:100%}@media screen and (max-width:767px){.tag-row{gap:2px;padding:4px 4px 8px 0}}.nav-bar__list{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}
.selectfilter{gap:var(--feed-space-2);flex-direction:column;min-width:0;display:flex}.selectfilter__variants{gap:var(--feed-space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.selectfilter__chooser{min-height:var(--feed-control-height);justify-content:center;align-items:center;gap:var(--feed-space-1);padding:0 var(--feed-space-2);border:2px solid var(--feed-border);background:var(--feed-surface);color:var(--feed-text-secondary);font-family:Arial,sans-serif;font-size:var(--feed-font-meta);border-radius:10px;font-weight:600;display:inline-flex}.selectfilter__chooser_active{border-color:var(--feed-focus);background:var(--feed-active-bg);color:var(--feed-text-primary);box-shadow:inset 0 -3px 0 var(--feed-focus)}.selectfilter__icon{background-color:currentColor;flex:none;width:1.25rem;height:1.25rem;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.selectfilter__icon_strim{-webkit-mask-image:url(../media/User_Empty.02ejq~4ne0ycf.svg);mask-image:url(../media/User_Empty.02ejq~4ne0ycf.svg)}.selectfilter__icon_tags{-webkit-mask-image:url(../media/hash.0sy~v3.13vo6p.svg);mask-image:url(../media/hash.0sy~v3.13vo6p.svg)}.selectfilter__mobile-active-criteria{display:none}.sorter{min-width:0;position:relative;container-type:inline-size}.sorter__trigger{width:100%;min-height:var(--feed-control-height);align-items:center;gap:var(--feed-space-2);padding:0 var(--feed-space-2);border:2px solid var(--feed-border);background:var(--feed-surface);color:var(--feed-text-primary);font-family:Arial,sans-serif;font-size:var(--feed-font-ui);text-align:left;border-radius:8px;font-weight:600;display:flex}.sorter__trigger[aria-expanded=true]{border-color:var(--feed-focus);background:var(--feed-active-bg);box-shadow:inset 0 -3px 0 var(--feed-focus)}.sorter__trigger[aria-expanded=true] .sorter__chevron{transform:rotate(225deg)translate(-1px,-1px)}.sorter__sort-icon{color:var(--feed-text-secondary);flex:none;font-size:1.25rem;line-height:1}.sorter__current,.sorter__option-label{white-space:nowrap;min-width:0;font-size:clamp(var(--feed-font-meta),6cqi,var(--feed-font-ui))}.sorter__current{flex:auto}.sorter__chevron{border-bottom:2px solid;border-right:2px solid;flex:none;width:.625rem;height:.625rem;transition:transform .15s;transform:rotate(45deg)translate(-2px,-2px)}.sorter__popup{top:calc(100% + var(--feed-space-1));z-index:6;width:100%;padding:var(--feed-space-1);border:1px solid var(--feed-border-strong);background:var(--feed-surface);border-radius:10px;gap:.25rem;display:none;position:absolute;left:0;box-shadow:0 14px 32px #00000047}.sorter__popup_open{display:grid}.sorter__option{width:100%;min-height:var(--feed-control-height);justify-content:space-between;align-items:center;gap:var(--feed-space-2);padding:0 var(--feed-space-2);color:var(--feed-text-secondary);font-family:Arial,sans-serif;font-size:var(--feed-font-ui);text-align:left;background:0 0;border:2px solid #0000;border-radius:8px;display:flex}.sorter__option_active{border-color:var(--feed-focus);background:var(--feed-active-bg);color:var(--feed-text-primary);font-weight:600}.sorter__option-label{flex:auto}.sorter__check{flex:none;font-size:1rem;line-height:1}@media screen and (max-width:767px){.selectfilter__mobile-active-criteria{display:block}.selectfilter__chooser,.sorter__trigger,.sorter__option{min-height:var(--feed-target-mobile)}}