/* Hub v0.418 — scoped adapter of the shared grozd parts, КНОПКИ v14. */
body{--hub-surface:#1b2430}   /* v0.438, В07 v23: ровный фон кнопок без градиента */
#hubRail{top:14px;overflow:visible;padding:1px;max-width:calc(100vw - 8px)}
#hubRail .gz-rail{--gz-w:120px;--gz-h:24px;--gz-n:12px;width:120px;min-width:120px;gap:2px;font:12px/1.2 "Segoe UI",sans-serif}
#hubRail .gz-group{width:120px;min-width:0!important;height:24px;isolation:isolate}
#hubRail .hubStrip .gz-group{min-width:0!important}
#hubRail .gz-group .gz-soty,#hubRail .gz-group .gz-wide,#hubRail .gz-group .gz-sec{display:contents!important}
#hubRail .gz-group:not(.gz-open) :is(.gz-soty,.gz-wide){display:none!important}
#hubRail .gz-group .gz-hx:not(.gz-head){position:absolute!important;left:var(--hub-x,0px)!important;top:var(--hub-y,26px)!important}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx{--hub-stroke:1px;--hub-outline:#394657;box-sizing:border-box;width:120px!important;min-width:120px!important;max-width:120px!important;height:24px!important;min-height:24px!important;margin:0!important;border:0;border-radius:0;background:var(--hub-outline)!important;color:#dfe6f5!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px);isolation:isolate;overflow:hidden}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx::before{content:"";display:block!important;position:absolute;z-index:-1!important;inset:var(--hub-stroke)!important;background:var(--hub-surface)!important;background-size:120px 24px!important;background-position:center!important;clip-path:polygon(calc(12px - var(--hub-stroke)) 0,calc(100% - 12px + var(--hub-stroke)) 0,100% 50%,calc(100% - 12px + var(--hub-stroke)) 100%,calc(12px - var(--hub-stroke)) 100%,0 50%)}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx:is(:hover,:focus-visible){--hub-outline:var(--c);outline:none}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx.gz-on{--hub-stroke:2px;--hub-outline:var(--c)}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx:is(:active,.gz-press){--hub-stroke:3px;--hub-outline:var(--c)}
#hubRail#hubRail .gz-hx.gz-sl{background:var(--hub-outline)!important;filter:none!important}
#hubRail#hubRail .gz-hx.gz-sl::before{inset:var(--hub-stroke)!important;background:var(--hub-surface)!important}
#hubRail .gz-hx *,.hub-standard-list .gz-hx *{text-shadow:none!important;filter:none!important;box-shadow:none!important}
#hubRail .gz-head{padding:0 10px 0 13px;gap:3px}
#hubRail .gz-head>.gz-ic{width:14px;height:14px;flex:none}
#hubRail .gz-head>.gz-nm{flex:1;text-align:left}
#hubRail .gz-head .gz-pin{width:12px;height:16px;opacity:.55}
#hubRail .gz-head .gz-pin[aria-pressed=true]{color:var(--c);opacity:1}
#hubRail .gz-head .gz-pin:focus-visible{outline:1px solid var(--c)}
body.hubRailOn #hubRail .gz-head.hub-mini{width:34px!important;min-width:34px!important;max-width:34px!important;padding:0;justify-content:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
body.hubRailOn #hubRail .gz-head.hub-mini::before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background-size:34px 24px!important}
#hubRail .gz-head.hub-mini>:is(.gz-nm,.gz-hr){display:none}
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx.hub-list-owner:not(:active):not(.gz-press){--hub-stroke:1px;--hub-outline:#394657}
/* Р13/В12: opened group header has no own background or border; the backing gradient shows through. */
body.hubRailOn #hubRail .gz-head.hub-list-owner.hub-down:not(.hub-mini):not(:active):not(.gz-press),body.hubRailOn #hubRail .gz-head.hub-list-owner.hub-down:not(.hub-mini):not(:active):not(.gz-press)::before{background:transparent!important}
#hubRail .gz-group:has(>.gz-head:is(:active,.gz-press)) .hub-contours .roof-top{visibility:hidden}
.hub-contours{position:absolute!important;inset:0;overflow:visible;pointer-events:none;z-index:-2!important;width:100%;height:24px}
.hub-roof{position:absolute!important;inset:0;width:100%;height:24px;pointer-events:none;z-index:4!important;overflow:visible}
.hub-roof path,.hub-contours :is(.cap,.roof-top){fill:none;stroke:var(--c);stroke-width:2;stroke-linejoin:miter}
.gz-hx:is(:active,.gz-press)>.hub-roof{visibility:hidden}
#hubRail .gz-pair.gz-split{padding:0!important;gap:0;background:var(--hub-surface)!important}
#hubRail .gz-pair.gz-split::before{display:none!important}
#hubRail .gz-pair.gz-split>.gz-half{--hub-stroke:1px;--hub-outline:#394657;position:relative;display:flex;align-items:center;justify-content:center;flex:none!important;width:64px!important;min-width:64px;height:24px;margin:0!important;padding:0 5px!important;font-size:11px!important;overflow:hidden;background:transparent!important;color:var(--gz-k,#dfe6f5)!important;clip-path:polygon(12px 0,56px 0,64px 24px,12px 24px,0 12px)!important;isolation:isolate}
#hubRail .gz-pair.gz-split>.gz-h1{margin-left:-8px!important;clip-path:polygon(0 0,52px 0,64px 12px,52px 24px,8px 24px)!important}
#hubRail .gz-pair.hub-reverse>.gz-h0{clip-path:polygon(12px 0,64px 0,56px 24px,12px 24px,0 12px)!important}
#hubRail .gz-pair.hub-reverse>.gz-h1{clip-path:polygon(8px 0,52px 0,64px 12px,52px 24px,0 24px)!important}
#hubRail .gz-pair.gz-split>.gz-half::before{display:none!important}
#hubRail .gz-pair.gz-split>.gz-half:is(:hover,:focus-visible){--hub-outline:var(--c);outline:none}
#hubRail .gz-pair.gz-split>.gz-half.gz-on{--hub-stroke:2px;--hub-outline:var(--c)}
#hubRail .gz-pair.gz-split>.gz-half:is(:active,.hub-held){--hub-stroke:3px;--hub-outline:var(--c)}
.hub-half-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1!important}
.hub-half-outline polygon{fill:none;stroke:var(--hub-outline);stroke-width:calc(2 * var(--hub-stroke));stroke-linejoin:miter}
/* Colour samples are values, independent of the constant button surface. */
#hubRail .gz-pair.gz-rainbow>.gz-half::after{content:"";display:block;position:absolute;left:13px;top:7px;width:10px;height:10px;box-sizing:border-box;border:1px solid #ffffff70;border-radius:50%;background:var(--gz-k,#8fd3ff);pointer-events:none;z-index:1}
#hubRail .gz-pair.gz-rainbow>.gz-h1::after{left:auto;right:13px;background:var(--gz-f1,#8fd3ff)}
#hubRail .gz-pair.gz-rainbow>.gz-half{color:#dfe6f5!important}
#hubRail .gz-pair.gz-one>.gz-h0{width:120px!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px)!important}
#hubRail .gz-pair.gz-one>.gz-h1{display:none!important}
#hubRail .gz-pair.gz-mid>.gz-pm{font-size:10px!important;pointer-events:none}
#hubRail .gz-sl .gz-vl,#hubRail .gz-sl .gz-vr{display:none!important}
#hubRail .gz-sl .gz-mid>.gz-v{display:block;position:absolute;inset:0;text-align:center;font:11px/24px "Segoe UI",sans-serif;padding:0;background:none;pointer-events:none}
#hubRail .gz-sl .gz-a{display:flex;width:18px;height:24px;background:transparent!important;color:inherit!important}
#hubRail .gz-sl .gz-a2{display:none!important}
#hubRail .gz-sl .gz-a::after{content:"";width:6px;height:14px;border-left:1px solid currentColor;transform:skew(-25deg)}
#hubRail .gz-sl .gz-a::after{display:none}
#hubRail .gz-sl .gz-a{position:relative;--arrow-stroke:0;outline:none!important}
.hub-arrow-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none}
.hub-arrow-outline path{fill:none;stroke:var(--c);stroke-width:var(--arrow-stroke)}
#hubRail .gz-sl .gz-a:is(:hover,:focus-visible){--arrow-stroke:1px}
#hubRail .gz-sl .gz-a:active{--arrow-stroke:3px}
#hubRail .gz-sl .gz-vh,#hubRail .gz-sl .gz-vt{max-width:45px;min-width:0;overflow:hidden;padding:0 3px!important;font-size:10px}
#hubRail .gz-sl .gz-mid{min-width:16px;margin:0!important}
#hubRail .gz-sl.gz-vhd>.gz-vh,#hubRail .gz-sl.gz-vhd>.gz-vt{width:30px;max-width:30px;flex:none;text-overflow:ellipsis;white-space:nowrap}
#hubRail .gz-sl.gz-vhd>.gz-a:not(.gz-a2){width:12px}
#hubRail .gz-sl.gz-vhd>.gz-mid{min-width:0;flex:1}
#hubRail .gz-under,#hubRail .hub-dim{opacity:.25!important;pointer-events:auto!important}
#hubRail .hub-occluded{visibility:hidden!important;pointer-events:none!important}
#hubRail .gz-lst{padding-right:25px}
.hub-inner-chevron{position:absolute!important;right:9px;top:5px;width:7px;height:14px;pointer-events:none;background:currentColor;clip-path:polygon(0 0,2px 0,7px 50%,2px 100%,0 100%,5px 50%)}
body.hubRailOn .hub-standard-list{--gz-w:120px;--gz-h:24px;--gz-n:12px;background:none!important;filter:none!important;padding:0!important;margin:0!important;gap:2px 6px!important;isolation:isolate;overflow:visible!important}
/* Navigation links are commands of the same size; transport retains its component geometry. */
body:not(.hubSidebarCollapsed) .hub a.menu-btn.hubPg{width:120px!important;height:24px!important;min-height:24px!important;font:12px/1.2 "Segoe UI",sans-serif!important;padding:0 12px!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px)!important;background:var(--hub-surface)!important;color:#dfe6f5!important;text-shadow:none!important;filter:none!important;box-shadow:none!important}
body:not(.hubSidebarCollapsed) .hub :is(.grid,.row,.mainrow){display:flex!important;flex-direction:column!important;gap:2px!important}
body:not(.hubSidebarCollapsed) #hubSidebarMenu a.menu-btn.hubPg:not(.main-engine){padding:0 12px!important;gap:5px!important;font:12px/1.2 "Segoe UI",sans-serif!important;clip-path:polygon(12px 0,108px 0,120px 12px,108px 24px,12px 24px,0 12px)!important}
.hub-navigation-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;--nav-stroke:0px}
.hub-navigation-outline polygon{fill:none;stroke:var(--hub-theme-accent,#ff9a5a);stroke-width:calc(2 * var(--nav-stroke))}
body:not(.hubSidebarCollapsed) .hub a.menu-btn.hubPg:is(:hover,:focus-visible){outline:none!important;--nav-stroke:1px}
body:not(.hubSidebarCollapsed) .hub a.menu-btn.hubPg:active{--nav-stroke:3px}
.hub a.menu-btn:is(:hover,:focus-visible)>.hub-navigation-outline{--nav-stroke:1px}
.hub a.menu-btn:active>.hub-navigation-outline{--nav-stroke:3px}
body.hubSidebarCollapsed .hub-navigation-outline{display:none}
:is(#hubPult,#hubPultBot) .hpB{--hub-stroke:1px;background:var(--hp-c)!important;filter:none!important;text-shadow:none!important}
:is(#hubPult,#hubPultBot) .hpB::before{background:var(--hub-surface)!important;inset:var(--hub-stroke)!important}
:is(#hubPult,#hubPultBot) .hpB[aria-pressed=true]{--hub-stroke:2px}
:is(#hubPult,#hubPultBot) .hpB:active{--hub-stroke:3px}
@media(max-width:1100px){#hubRail{left:4px!important;transform:none;top:64px;max-height:calc(100dvh - 72px);overflow:auto;width:calc(100vw - 8px);padding:1px 1px 12px}#hubRail>.gz-rail{width:max-content;min-width:120px}#hubRail .gz-group.gz-open{height:var(--hub-height,24px)}#hubRail .gz-rail{font-size:12px}}
/* User-selected compact right-edge diamonds; original click handlers stay in place. */
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys){--command-stroke:1px;--command-outline:#394657;--c:var(--hub-theme-accent,#8fd3ff);box-sizing:border-box;position:fixed!important;left:auto!important;right:8px!important;top:var(--hub-command-y,calc(100dvh - 206px))!important;bottom:auto!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;gap:0;border:0!important;border-radius:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;background:var(--hub-surface)!important;color:#dfe6f5!important;font:0/0 "Segoe UI",sans-serif!important;white-space:nowrap!important;outline:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;animation:none!important;opacity:1!important;isolation:isolate}
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys)::after,body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys)::before{display:none!important}
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys)>.hubIc{display:none!important}
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys):is(:hover,:focus-visible){--command-outline:var(--c)}
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys):is(.on,[aria-pressed=true]){--command-outline:var(--c);--command-stroke:2px}
body.hubRailOn :is(#hubZenToggle,#hubZenPng,#hubZenRec,#hubZenSys):active{--command-outline:var(--c);--command-stroke:3px}
.hub-command-outline{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none}
.hub-command-outline polygon{fill:none;stroke:var(--command-outline);stroke-width:calc(2 * var(--command-stroke));stroke-linejoin:miter}

/* Cutout signs stay readable independently of the selected bit colours. */
body.hubRailOn #hubRail .gz-pair.gz-cut.gz-split>.gz-half{color:#dfe6f5!important}
.hub-command-icon{position:relative!important;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* КНП-019 (В06 v16): текст кнопок, ползунков и пультов не выделяется */
#hubRail :is(.gz-hx,.gz-pair,.gz-half,.gz-head,.gz-control,.gz-control *,.zz-pult,.zz-pult *),.zerk-range-wrap,.zerk-range-wrap *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none}

/* Hub v0.421, ПЛ01/ПЛ02: рейка — ползунок-шестиугольник с закрашенными шевронами 8 px по острию, ромб-бегунок делится при наведении, зона захвата до внутреннего края шевронов. */
#hubRail#hubRail .gz-hx.hub-sl{--hub-stroke:0px!important;--hub-outline:transparent!important;clip-path:none!important;overflow:visible!important;background:transparent!important}
#hubRail#hubRail .gz-hx.hub-sl::before{inset:0!important;background:var(--hub-surface)!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)!important}
#hubRail .hub-sl,#hubRail .hub-sl *{cursor:pointer!important}
#hubRail .hub-sl>.gz-a:not(.gz-a2){width:24px!important;min-width:24px;flex:none;position:relative;overflow:visible;font-size:0!important;color:transparent!important;background:transparent!important;clip-path:none!important;outline:none!important}
#hubRail .hub-sl>.gz-a .hub-arrow-outline{display:none}
#hubRail .hub-sl>.gz-a:not(.gz-a2)::before{content:"";position:absolute;inset:0;background:var(--c);opacity:.55;pointer-events:none}
#hubRail .hub-sl>.gz-a:not(.gz-a2):has(+ .gz-mid)::before{clip-path:polygon(20px 0,12px 0,0 50%,12px 100%,20px 100%,8px 50%)}
#hubRail .hub-sl>.gz-mid+.gz-a:not(.gz-a2)::before{clip-path:polygon(4px 0,12px 0,24px 50%,12px 100%,4px 100%,16px 50%)}
#hubRail .hub-sl>.gz-a:not(.gz-a2):is(:hover,:focus-visible)::before{opacity:.8}
#hubRail .hub-sl>.gz-a:not(.gz-a2):is(:active,.gz-press)::before{opacity:1}
#hubRail .hub-sl>.gz-a:not(.gz-a2)::after{display:block!important;content:"";position:absolute;top:0;width:30px;height:100%;border:0;transform:none;background:var(--c);opacity:0;pointer-events:none}
#hubRail .hub-sl>.gz-a:not(.gz-a2):has(+ .gz-mid)::after{left:-6px;clip-path:polygon(15px 0,16.5px 0,4.5px 50%,16.5px 100%,15px 100%,3px 50%);--echo-dx:-6px}
#hubRail .hub-sl>.gz-mid+.gz-a:not(.gz-a2)::after{right:-6px;clip-path:polygon(15px 0,13.5px 0,25.5px 50%,13.5px 100%,15px 100%,27px 50%);--echo-dx:6px}
#hubRail .hub-sl>.gz-a.hub-echo::after{animation:hubStepEcho .6s ease-out forwards}
@keyframes hubStepEcho{from{opacity:.9;transform:translateX(0)}to{opacity:0;transform:translateX(var(--echo-dx))}}
/* ход бегунка: центр mid = дорожка 72 px плюс по 8 px под шевроны; зона захвата — отдельный шестиугольник ±8 px */
#hubRail .hub-sl>.gz-mid{--hub-th:8px;--hub-s:3px;margin:0 calc(var(--hub-pad,0px) - var(--hub-th))!important;min-width:0;position:relative;overflow:visible;pointer-events:none;z-index:1}
#hubRail .hub-sl>.gz-mid>.hub-slzone{position:absolute;left:calc(var(--hub-th) - var(--hub-pad,0px) - 16px);right:calc(var(--hub-th) - var(--hub-pad,0px) - 16px);top:0;bottom:0;pointer-events:auto;z-index:5;outline:none;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
#hubRail .hub-sl>.gz-mid::before{left:0!important;right:0!important;clip-path:inset(0 var(--hub-th))}
#hubRail .hub-sl>.gz-mid::after{content:none!important;display:none!important}
#hubRail .hub-sl>.gz-mid:hover::before{-webkit-mask:linear-gradient(to right,#000 calc(var(--thx,0px) - 11px),transparent 0 calc(var(--thx,0px) + 11px),#000 0);mask:linear-gradient(to right,#000 calc(var(--thx,0px) - 11px),transparent 0 calc(var(--thx,0px) + 11px),#000 0)}
#hubRail .hub-sl>.gz-mid>.gz-th{top:-2px!important;width:17px!important;height:28px!important;margin:0 0 0 -8px!important;clip-path:none!important;transform:none!important;pointer-events:none!important;z-index:2;background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px) center/1px 100% no-repeat!important}
#hubRail .hub-sl>.gz-mid>.gz-th::before,#hubRail .hub-sl>.gz-mid>.gz-th::after{content:"";position:absolute;top:3px;width:8px;height:calc(100% - 6px);background:var(--c);transition:transform .08s}
#hubRail .hub-sl>.gz-mid>.gz-th::before{left:0;clip-path:polygon(100% 0,100% 100%,0 50%)}
#hubRail .hub-sl>.gz-mid>.gz-th::after{left:9px;clip-path:polygon(0 0,100% 50%,0 100%)}
#hubRail .hub-sl>.gz-mid:hover>.gz-th::before{transform:translateX(calc(-1 * var(--hub-s)));clip-path:polygon(100% 0,calc(100% - 4px) 50%,100% 100%,0 50%)}
#hubRail .hub-sl>.gz-mid:hover>.gz-th::after{transform:translateX(var(--hub-s));clip-path:polygon(0 0,4px 50%,0 100%,100% 50%)}
#hubRail .hub-sl>.gz-mid:hover>.gz-th{background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px) center top/1px calc(50% - 7px) no-repeat,repeating-linear-gradient(to top,#fff 0 2px,transparent 2px 4px) center bottom/1px calc(50% - 7px) no-repeat!important}
#hubRail .hub-sl>.gz-mid>:is(.hub-thumb-value,.hub-thumb-sign){position:absolute;left:var(--thx,50%);top:50%;transform:translate(-50%,-50%);z-index:3;font:700 9px/1 monospace;color:#fff;opacity:0;pointer-events:none;z-index:1;white-space:nowrap}
#hubRail .hub-sl>.gz-mid:hover>.hub-thumb-value{opacity:1}
#hubRail .hub-sl>.gz-mid>.hub-thumb-sign{font:700 11px/1 'Segoe UI Symbol','Segoe UI',sans-serif;color:#fff;pointer-events:none;white-space:nowrap}
#hubRail .hub-sl>.gz-mid:hover>.hub-thumb-sign{opacity:0}
#hubRail .hub-sl.gz-thb>.gz-mid>.gz-th{font-size:0!important;color:transparent!important;pointer-events:auto!important;z-index:6}
#hubRail .hub-sl>.gz-mid:hover>.gz-v{opacity:0}
/* В11: только что выключенная щелчком кнопка или половина — без рамки наведения, как в покое */
body.hub-quiet-hover.hubRailOn #hubRail :is(.gz-half,.gz-hx:not(.gz-head):not(.gz-sl)):hover:not(.gz-on):not(:active):not(.gz-press):not(:focus-visible){--hub-outline:#394657;--hub-stroke:1px}

/* v0.422: рамка фокуса — шестиугольник зоны захвата; включатель головы (Автозум) — обводка всей кнопки 2 px цветом группы */
#hubRail .hub-sl>.gz-mid>.hub-slzone:focus::after{content:"";position:absolute;inset:0;background:var(--c);pointer-events:none;clip-path:polygon(evenodd,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%,12px 0,12.4px 1px,1.2px 50%,12.4px calc(100% - 1px),calc(100% - 12.4px) calc(100% - 1px),calc(100% - 1.2px) 50%,calc(100% - 12.4px) 1px,12.4px 1px)}
#hubRail#hubRail .gz-hx.hub-sl.gz-vhd.gz-on::after{content:"";display:block;position:absolute;inset:0;background:var(--c);pointer-events:none;z-index:6;clip-path:polygon(evenodd,12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%,12px 0,12.83px 2px,2.83px 50%,12.83px calc(100% - 2px),calc(100% - 12.83px) calc(100% - 2px),calc(100% - 2.83px) 50%,calc(100% - 12.83px) 2px,12.83px 2px)}
#hubRail#hubRail .gz-hx.hub-sl.gz-vhd.gz-on::before{inset:0!important;background:var(--hub-surface)!important}

/* v0.423: двойной слот 246 px — ползунок с короткой дорожкой (голова-включатель, хвост, длинное значение); бегунок отступает от шевронов ещё на 8 px */
#hubRail#hubRail .gz-hx.hub-sl.hub-wide{width:246px!important;min-width:246px!important;max-width:246px!important;background-size:246px 24px!important}
#hubRail .hub-sl.hub-wide>.gz-mid{--hub-pad:8px}

/* v0.424 Р06: у группы с перекрытыми элементами подложка и скобки не рисуются (скрыты только перекрытые кнопки, остальные на местах) */
#hubRail .hub-partial>.hub-contours{visibility:hidden}

/* v0.425 Р02: строки группы вне окна прокрутки колонки скрыты (колесо листает) */
#hubRail .hub-off{visibility:hidden!important;pointer-events:none!important}

/* v0.428, КНОПКИ v22 Р02: группа раскрывается вниз, её высота сдвигает остальное в рейке; рейка выше окна — прокручивается. Справа запас под двойной слот 246 px, мимо групп клики проходят. */
@media(min-width:1101px){#hubRail{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(100dvh - 28px)!important;padding:1px 130px 8px 4px!important;margin-left:-4px;pointer-events:none;scrollbar-width:none}}
#hubRail .gz-group{pointer-events:auto}
#hubRail .gz-group.gz-open{height:var(--hub-height,24px)}
/* v0.436: число за ползунком — дубль значения в бегунке, не показывать */
#hubRail .gz-sl > .gz-vt,#hubRail .gz-vt{display:none!important}
/* v0.440, В10 v25: наведение обводит только боковые углы, не всю кнопку */
body.hubRailOn :is(#hubRail,.hub-standard-list) .gz-hx:hover:not(.gz-on):not([aria-pressed=true]):not(:active):not(.gz-press):not(.hub-held):not(.gz-mini):not(.hub-mini){background:linear-gradient(90deg,var(--c) 0 12px,#394657 12px calc(100% - 12px),var(--c) calc(100% - 12px))!important}