.scrollable-pills{position:relative}.scrollable-pills-track{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}.scrollable-pills-track::-webkit-scrollbar{display:none}.scroll-fade{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2}.scroll-fade-left{left:0;background:linear-gradient(to right,var(--bg-primary, #F5F2EB) 0%,transparent 100%)}.scroll-fade-right{right:0;background:linear-gradient(to left,var(--bg-primary, #F5F2EB) 0%,transparent 100%)}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;color:#1f2937;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .15s ease}.scroll-arrow:hover{background:#fff;box-shadow:0 2px 12px #00000026}.scroll-arrow-left{left:2px}.scroll-arrow-right{right:2px}@media(max-width:768px){.scroll-arrow{display:none}.scroll-fade{width:24px}}