.broclick-tag-slider{
display:flex;
align-items:center;
gap:10px;
overflow:hidden;
background:#fff;
padding:8px 0px;
z-index:999;
}

.broclick-tag-slider.sticky{
position:sticky;
top:0;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

.broclick-track{
display:flex;
gap:10px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
}

.broclick-track::-webkit-scrollbar{
display:none;
}

.broclick-tag{
white-space:nowrap;
padding:7px 15px;
background:#f3f3f3;
border-radius:20px;
font-size:14px;
text-decoration:none;
color:#333;
transition:0.2s;
}

.broclick-tag:hover{
background:#000;
color:#fff;
}

.broclick-arrow{
border:none;
background:#eee;
padding:6px 10px;
cursor:pointer;
border-radius:6px;
user-select:none;
}

.broclick-track.dragging{
cursor: grabbing;
cursor: -webkit-grabbing;
user-select: none;
}

.broclick-arrow:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}
.broclick-tag-slider a:focus {
    outline-style: none;
}