.csb-wrap{position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:100%}
.csb-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding:6px 4px;flex:1;-webkit-overflow-scrolling:touch}
.csb-track::-webkit-scrollbar{display:none}
.csb-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit;scroll-snap-align:start;width:calc(var(--csb-size) + 36px)}
.csb-ring{display:block;width:var(--csb-size);height:var(--csb-size);border-radius:50%;border:2px solid var(--csb-ring);padding:3px;box-sizing:border-box;background:#fff;overflow:hidden}
.csb-ring img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:50%;display:block}
.csb-label{font-size:11px;font-weight:600;text-transform:uppercase;text-align:center;line-height:1.2;color:#222}
.csb-item:hover .csb-ring{transform:scale(1.05)}
.csb-ring{transition:transform .2s}
.csb-arrow{background:none;border:0;cursor:pointer;font-size:14px;padding:6px;color:#000;flex:0 0 auto}
.csb-arrow[disabled]{opacity:.25;cursor:default}
@media(max-width:767px){.csb-arrow{display:none}.csb-track{gap:16px}}