/* Hub v0.262: группы поля — рейкой «Вариант А» (hub-grozd.js); прежние ромбовые деревья спрятаны, пульт движений у креста остался */
#hubRail{position:fixed;left:210px;top:8px;z-index:30;max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 2px 8px 0}
#hubRail::-webkit-scrollbar{display:none}
#hubRail .gz-rail{width:max-content;min-width:calc(var(--gz-w)*2 - var(--gz-n) + 4px)}   /* 19.10: «Поток» — третьим столбцом списки включённых Свет / Снег / Вода */
body.hubRailOn .gz-ladder{background:#05070d;padding:6px;margin:-6px 0 0 -6px;border-radius:4px;box-shadow:0 2px 12px #000c}   /* 19.10: «список с заливкой фона между кнопок» — рейка не просвечивает */
body.hubRailOn .gz-ladder{--gz-bg:#0a0f1d}   /* 19.10: «и немного цветом другим — темнее»: пункты списка темнее кнопок рейки */
body.hubRailOn .gz-ladder .gz-hx:not(.gz-on){background:color-mix(in srgb,var(--c) 13%,#000)}
/* 19.10: «в кнопке двойную стрелку цвета текста справа» (» в .gz-lc) — 20.10 заменена стрелкой обводкой справа (.gz-lst, grozd.css): «у таких кнопок стрелки обводкой справа» */
body.hubRailOn #hubFieldTools .hubFieldSlot{display:none!important}   /* v0.266: и пульт движений — он в рейке группой «Вращение» */
body.hubZen #hubRail{display:none}
@media(max-width:1100px){
  #hubRail{left:50%;transform:translateX(-50%);top:64px;z-index:25;max-height:calc(100dvh - 72px)}
  body:not(.hubMobButtons) #hubRail{display:none}
  #hubRail .gz-rail{--gz-h:30px;--gz-w:150px;font-size:13px}
}
/* 19.10: «при наведении не изменяй фон, покажи рамку как у включённой и убери при уходе» — рейка и выпадающие списки */
#hubRail .gz-hx:hover::before,body.hubRailOn .gz-ladder .gz-hx:hover::before{background:var(--gz-bg)}
#hubRail .gz-hx:not(.gz-press):hover,body.hubRailOn .gz-ladder .gz-hx:not(.gz-press):hover{background:var(--c);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--c) 70%,transparent))}
/* «верх-нижн. рамки при наведении убери, и тонкую границу тоже, фон оставь» — у ползунка рейки нет каймы ни в покое, ни при наведении */
#hubRail .gz-hx.gz-sl,#hubRail .gz-hx.gz-sl:hover{background:var(--gz-bg)!important;filter:none!important}
#hubRail .gz-hx.gz-sl::before,#hubRail .gz-hx.gz-sl:hover::before{inset:0;background:var(--gz-bg)!important}
/* «ромбовидный фон у списков всех» — подложка списка по контуру самих кнопок (зубчатые края), а не прямоугольником: тёмная кайма 3 px вокруг каждой шестиугольной кнопки, просветы между ними закрыты */
body.hubRailOn .gz-ladder{background:none!important;box-shadow:none!important;border-radius:0;filter:drop-shadow(3px 0 0 #05070d) drop-shadow(-3px 0 0 #05070d) drop-shadow(0 2px 0 #05070d) drop-shadow(0 -2px 0 #05070d)}
/* «обводки нет при включённой»: ползунок с включателем (Автозум) — включён: обводка цветом группы, как у кнопок */
#hubRail .gz-hx.gz-sl.gz-vhd.gz-on,#hubRail .gz-hx.gz-sl.gz-vhd.gz-on:hover{background:var(--c)!important}
#hubRail .gz-hx.gz-sl.gz-vhd.gz-on::before{inset:1.5px}
/* v0.385: полоса сверху для групп, перенесённых туда за шапку (hub-grozd.js); левое меню страниц не трогается — полоса начинается правее него */
#hubRail .hubStrip{position:fixed;top:4px;right:8px;z-index:31;pointer-events:none}
#hubRail .hubStrip .gz-rail{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:6px;row-gap:4px;width:auto;min-width:0}
#hubRail .hubStrip .gz-group:not(.gz-drag){position:absolute;left:var(--sx,0px);top:0}   /* v0.392: своё место по ширине полосы */
#hubRail .hubStrip .gz-slot{display:none}
#hubRail .hubStrip .gz-group{pointer-events:auto}
#hubRail .hubStrip .gz-group.gz-open{width:max-content;min-width:calc(var(--gz-w)*2 - var(--gz-n) + 4px)}
#hubRail .hubStrip .gz-group.gz-onecol.gz-open{min-width:var(--gz-w)}   /* v0.399: группа одним столбцом — шириной в кнопку */
body.hubStripHint #hubRail .hubStrip{min-height:26px;outline:1px dashed #8fa0c8;outline-offset:-1px}
@media(max-width:1100px){#hubRail .hubStrip{display:none}}