.channel-catalog{display:flex;flex-direction:column;gap:calc(var(--index)/1.25);width:100%}.channel-catalog__controls{display:flex;align-items:center;gap:calc(var(--index)/1.875);flex-wrap:wrap}.channel-catalog__search{flex:1 1 260px;min-width:0}.channel-catalog__search-input{width:100%}.channel-catalog__sort{display:inline-flex;gap:calc(var(--index)/3);flex-wrap:wrap}.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);background:rgba(0,0,0,0);border:1px solid var(--color-theme-3);border-radius:999px;padding:6px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:calc(var(--index)/2.14);gap:calc(var(--index)/2.14)}.channel-catalog__empty{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-dark-gray-mobile);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{grid-template-columns:1fr;gap:max(16px,var(--index)*1.454)}}