.channel-catalog{gap:calc(var(--index)/1.25);flex-direction:column;width:100%;display:flex}.channel-catalog__controls{align-items:center;gap:calc(var(--index)/1.875);flex-wrap:wrap;display:flex}.channel-catalog__search{flex:260px;min-width:0}.channel-catalog__search-input{width:100%}.channel-catalog__sort{gap:calc(var(--index)/3);flex-wrap:wrap;display:inline-flex}.channel-catalog__sort-btn{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(var(--index)/2.36);color:var(--text-dark-gray-mobile);border:1px solid var(--color-theme-3);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;transition:color .2s,border-color .2s,background-color .2s}.channel-catalog__sort-btn:hover{color:var(--text-white);border-color:var(--color-theme-3-accent)}.channel-catalog__sort-btn--active{color:var(--color-theme-7);background:var(--text-white);border-color:var(--text-white)}.channel-catalog__grid{gap:calc(var(--index)/2.14);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.channel-catalog__empty{color:var(--text-dark-gray-mobile);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(var(--index)/2.04);padding:calc(var(--index)/1.875);text-align:center}@media screen and (max-width:767px){.channel-catalog{gap:max(16px,var(--index)*1.454)}.channel-catalog__controls{gap:calc(var(--index)/2.75)}.channel-catalog__sort-btn{font-size:max(13px,var(--index)*1.181);padding:8px 12px}.channel-catalog__grid{gap:max(16px,var(--index)*1.454);grid-template-columns:1fr}}