html #catalog.builds-bar .toolbar-glava #build-filters{display:flex;flex-wrap:nowrap;gap:0;margin:0;padding:0;border:0;background:none;box-shadow:none}html #catalog.builds-bar #build-filters>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--bar-h);margin:0;padding:0 14px;border:0;border-right:var(--bar-line);background:transparent;color:var(--ink);font:400 14px/1.2 var(--text);text-decoration:none;white-space:nowrap;box-shadow:none;transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), color .3s var(--ease-out)}html #catalog.builds-bar #build-filters>a:hover{background:var(--bar-hover)}html #catalog.builds-bar #build-filters>a[aria-current="true"]{background:var(--bar-on);color:var(--ink);box-shadow:inset 0 -2px 0 var(--brand-accent)}html #catalog.builds-bar #build-filters .dot{width:8px;height:8px;border-radius:0}html #catalog.builds-bar .bar-drop{position:relative;display:flex;border-right:0}html #catalog.builds-bar .bar-drop-btn{display:inline-flex;align-items:center;gap:10px;min-height:var(--bar-h);padding:0 16px;border:0;border-right:var(--bar-line);background:transparent;color:var(--ink);font:400 14px/1 var(--text);cursor:pointer;transition:background-color .3s var(--ease-out)}html #catalog.builds-bar .bar-drop-btn::before{content:'Группа:';color:var(--silver)}html #catalog.builds-bar .bar-drop-label{color:var(--brand-accent);font-weight:500}html #catalog.builds-bar .bar-drop-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .3s var(--ease-out)}html #catalog.builds-bar .bar-drop.is-open .bar-drop-btn svg{transform:rotate(180deg)}html #catalog.builds-bar .bar-drop-btn:hover,html #catalog.builds-bar .bar-drop.is-open .bar-drop-btn{background:var(--bar-hover)}html #catalog.builds-bar .toolbar-glava .bar-drop #build-filters{position:absolute;z-index:30;top:100%;left:-1px;display:flex;flex-direction:column;min-width:calc(100% + 1px);border:var(--bar-line);background:var(--surface-panel);opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:opacity .3s var(--ease-out), clip-path .3s var(--ease-out), visibility 0s .3s}@media (hover:hover){html #catalog.builds-bar .bar-drop:hover #build-filters{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:opacity .3s var(--ease-out), clip-path .3s var(--ease-out)}html #catalog.builds-bar .bar-drop:hover .bar-drop-btn svg{transform:rotate(180deg)}}html #catalog.builds-bar .bar-drop:has(#build-filters a:focus-visible) #build-filters,html #catalog.builds-bar .bar-drop.is-open #build-filters{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:opacity .3s var(--ease-out), clip-path .3s var(--ease-out)}html #catalog.builds-bar .bar-drop.is-shut #build-filters{opacity:0!important;visibility:hidden!important;clip-path:inset(0 0 100% 0)!important}html #catalog.builds-bar .bar-drop #build-filters>a{justify-content:flex-start;border-right:0}html #catalog.builds-bar .bar-drop #build-filters>a + a{border-top:var(--bar-line)}html #catalog.builds-bar .toolbar-glava .catalog-search{flex:0 1 320px}@media (max-width:760px){html #catalog.builds-bar .toolbar-glava .view-switch{flex:1 1 calc(100% - var(--bar-h));overflow-x:auto;scrollbar-width:none}html #catalog.builds-bar .toolbar-glava .view-switch>button{flex:1 0 auto;padding:0 12px}html #catalog.builds-bar .toolbar-glava .view-help{border-right:0}html #catalog.builds-bar .toolbar-glava :is(#build-filters,.bar-drop){flex:1 1 100%;order:5;border-top:var(--bar-line);overflow-x:auto;scrollbar-width:none}html #catalog.builds-bar .toolbar-glava .bar-drop{overflow:visible}html #catalog.builds-bar .bar-drop-btn{flex:1;border-right:0}html #catalog.builds-bar .toolbar-glava .catalog-search{flex:1 1 100%;order:6;margin:0;min-width:0;border-left:0;border-top:var(--bar-line)}}@media (prefers-reduced-motion:reduce){html #catalog.builds-bar *{transition:none!important}}
