.hl-control-scroll{position:relative;min-width:0;max-width:100%;overflow:hidden}
.hl-control-scroll::after{content:'';position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(90deg,transparent,#0d0d0d);pointer-events:none;border-radius:0 6px 6px 0}
.hl-control-scroll-viewport{display:flex;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-right:28px;-webkit-overflow-scrolling:touch}
.hl-control-scroll-viewport::-webkit-scrollbar{display:none}
.hl-control-switch{display:flex;flex:0 0 auto;border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;background:#1a1a1a}
.hl-control-switch--scroll{width:max-content;min-width:max-content}
.hl-control-option{flex:0 0 auto;min-height:38px;padding:.48rem .85rem;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:#b3b3b3;font:500 .78rem Montserrat,sans-serif;line-height:1;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:color .15s,background .15s}
.hl-control-option:last-child{border-right:0}
.hl-control-option:hover{color:#fff;background:rgba(255,255,255,.04)}
.hl-control-option.active,.hl-control-option[aria-selected="true"]{background:rgba(142,52,171,.13);color:#a94fc8;font-weight:600}
.hl-control-option:focus-visible{position:relative;z-index:1;outline:2px solid #c084d8;outline-offset:-2px}