.kb-hr{margin:14px 0 6px;min-width:0}
.kb-hr ul{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--kb-line) transparent;margin:0!important;padding:2px 40px 6px 0!important;gap:8px;list-style:none!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.kb-hr ul::-webkit-scrollbar{height:4px}
.kb-hr ul::-webkit-scrollbar-thumb{background:var(--kb-line)}
.kb-hr li{flex:0 0 auto;scroll-snap-align:start;margin:0!important;padding:0!important;list-style:none!important}
.kb-hr li::before{content:none!important}
.kb-hr a{display:flex;align-items:center;white-space:nowrap;min-height:34px;padding:4px 12px;border:1px solid var(--kb-line);background:var(--kb-paper);font:600 13px/1.25 var(--kb-sans);color:var(--kb-deep2);text-decoration:none!important}
.kb-hr a:hover{border-color:var(--kb-deep2);background:var(--kb-tint)}
.kb-hr--logo a{gap:9px;min-height:40px;padding:3px 12px 3px 3px}
.kb-hr--logo img{flex:0 0 auto;display:block;width:54px;height:32px;object-fit:contain;background:#fff;border:1px solid var(--kb-line2);padding:3px 4px;box-sizing:border-box;margin:0}
@media (max-width:760px){
.kb-hr ul{scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;padding-bottom:2px!important}
.kb-hr ul::-webkit-scrollbar{display:none}}