/* Hub v0.421 (ПЛ01/ПЛ02): ползунки поля — шестиугольник, закрашенные шевроны 8 px, ромб-бегунок с белым пунктиром, делится при наведении. */
#hubFieldTools .hubSlHost{font-size:0!important;gap:0!important}
#hubFieldTools .hubSlHost>output,#hubFieldTools .hubSlHost>span:not(.hubSl){display:none!important}
#hubFieldTools .hubSl,#hubFieldTools .hubSl *{cursor:pointer!important}
#hubFieldTools .hubSl{--c:var(--hub-theme-accent);position:relative;display:flex;align-items:stretch;width:168px;height:24px;background:none;isolation:isolate}
#hubFieldTools .hubSl::before{content:"";position:absolute;inset:0;background:var(--hub-theme-bg);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);z-index:-1;pointer-events:none}
#hubFieldTools .hubSlA{position:relative;flex:none;width:24px;height:24px;padding:0;margin:0;border:0;background:transparent!important;clip-path:none!important;font-size:0!important;color:transparent!important;outline:none!important;overflow:visible}
#hubFieldTools .hubSlA::before{content:"";position:absolute;inset:0;background:var(--c);opacity:.55;pointer-events:none}
#hubFieldTools .hubSl>.hubSlA:first-child::before{clip-path:polygon(20px 0,12px 0,0 50%,12px 100%,20px 100%,8px 50%)}
#hubFieldTools .hubSl>.hubSlA:last-child::before{clip-path:polygon(4px 0,12px 0,24px 50%,12px 100%,4px 100%,16px 50%)}
#hubFieldTools .hubSlA:is(:hover,:focus-visible)::before{opacity:.8}
#hubFieldTools .hubSlA:active::before{opacity:1}
#hubFieldTools .hubSlA::after{display:block!important;content:"";position:absolute;top:0;width:30px;height:100%;background:var(--c);opacity:0;pointer-events:none}
#hubFieldTools .hubSl>.hubSlA:first-child::after{left:-6px;clip-path:polygon(15px 0,16.5px 0,4.5px 50%,16.5px 100%,15px 100%,3px 50%);--echo-dx:-6px}
#hubFieldTools .hubSl>.hubSlA:last-child::after{right:-6px;clip-path:polygon(15px 0,13.5px 0,25.5px 50%,13.5px 100%,15px 100%,27px 50%);--echo-dx:6px}
#hubFieldTools .hubSlA.echo::after{animation:hubSlEcho .6s ease-out forwards}
@keyframes hubSlEcho{from{opacity:.9;transform:translateX(0)}to{opacity:0;transform:translateX(var(--echo-dx))}}
#hubFieldTools .hubSlTr{position:relative;flex:1;min-width:0}
#hubFieldTools .hubSlTr::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px dashed color-mix(in srgb,var(--hub-theme-bit) 55%,transparent)}
#hubFieldTools .hubSlTr:hover::before{-webkit-mask:linear-gradient(to right,#000 calc(var(--tx,0px) - 11px),transparent 0 calc(var(--tx,0px) + 11px),#000 0);mask:linear-gradient(to right,#000 calc(var(--tx,0px) - 11px),transparent 0 calc(var(--tx,0px) + 11px),#000 0)}
#hubFieldTools .hubSlTr input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;position:absolute;top:0;left:-16px!important;right:-16px!important;width:auto!important;height:100%!important;margin:0;opacity:0;z-index:3;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
#hubFieldTools .hubSlTr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:24px;border:0}
#hubFieldTools .hubSlTr input[type=range]::-moz-range-thumb{width:32px;height:24px;border:0}
#hubFieldTools .hubSlTh{position:absolute;top:-2px;width:17px;height:28px;transform:translateX(-8px);background:repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 4px) center/1px 100% no-repeat;pointer-events:none;z-index:2}
#hubFieldTools .hubSlTh::before,#hubFieldTools .hubSlTh::after{content:"";position:absolute;top:3px;width:8px;height:calc(100% - 6px);background:var(--c);transition:transform .08s}
#hubFieldTools .hubSlTh::before{left:0;clip-path:polygon(100% 0,100% 100%,0 50%)}
#hubFieldTools .hubSlTh::after{left:9px;clip-path:polygon(0 0,100% 50%,0 100%)}
#hubFieldTools .hubSlTr:hover .hubSlTh::before{transform:translateX(calc(-1 * var(--s,3px)));clip-path:polygon(100% 0,calc(100% - 4px) 50%,100% 100%,0 50%)}
#hubFieldTools .hubSlTr:hover .hubSlTh::after{transform:translateX(var(--s,3px));clip-path:polygon(0 0,4px 50%,0 100%,100% 50%)}
#hubFieldTools .hubSlTr:hover .hubSlTh{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}
#hubFieldTools .hubSlTh b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 9px/1 monospace;color:#fff;opacity:0;white-space:nowrap;z-index:1}
#hubFieldTools .hubSlTr:hover .hubSlTh b{opacity:1}
#hubFieldTools .hubSlV{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--hub-theme-bit);font:600 11px/1 system-ui,sans-serif;white-space:nowrap;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}
#hubFieldTools .hubSlTr:hover .hubSlV{opacity:0}