/* chip-scroll.js — горизонтальные ряды чипов */
.hs-wrap{position:relative;max-width:100%;min-width:0}
.hs-wrap.hs-inl{display:inline-block;vertical-align:top}
html body .hs-wrap>.hs-sc{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-behavior:auto}
.hs-wrap.hs-s>.hs-sc{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 40px);mask-image:linear-gradient(to right,transparent 0,#000 40px)}
.hs-wrap.hs-e>.hs-sc{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 40px);mask-image:linear-gradient(to left,transparent 0,#000 40px)}
.hs-wrap.hs-s.hs-e>.hs-sc{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.hs-wrap.hs-ov>.hs-sc{cursor:grab}
.hs-wrap.hs-drag>.hs-sc{cursor:grabbing;user-select:none;-webkit-user-select:none}
.hs-wrap.hs-drag>.hs-sc *{pointer-events:none}
.hs-arr{position:absolute;top:50%;z-index:3;width:30px;height:30px;margin-top:-17px;padding:0;border:1px solid var(--bx-line,rgba(255,255,255,.14));border-radius:50%;
  background:var(--bx-elev,#1d2129);color:var(--bx-fg,#e8eaee);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.hs-arr[hidden]{display:none}
.hs-arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hs-arr:hover{border-color:var(--bx-acc,#f5c518);color:var(--bx-acc,#f5c518)}
.hs-l{left:0}.hs-r{right:0}
/* видимый, перетаскиваемый ползунок на устройствах с мышью */
@media (hover:hover) and (pointer:fine){
  html body .hs-wrap.hs-ov>.hs-sc{scrollbar-width:thin;scrollbar-color:var(--bx-line2,rgba(255,255,255,.28)) transparent;padding-bottom:8px}
  html body .hs-wrap.hs-ov>.hs-sc::-webkit-scrollbar{display:block;height:6px}
  html body .hs-wrap.hs-ov>.hs-sc::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:3px}
  html body .hs-wrap.hs-ov>.hs-sc::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.45)}
  html body .hs-wrap.hs-ov>.hs-sc::-webkit-scrollbar-track{background:transparent}
  .hs-arr{margin-top:-19px}
}
html[data-theme=light] .hs-wrap.hs-ov>.hs-sc::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){.hs-wrap>.hs-sc{scroll-behavior:auto}}
.chip-bolt{margin-inline-end:4px;font-size:.95em}