.scrollable-posts-wrapper{display:flex!important;gap:15px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory}.scrollable-posts-wrapper::-webkit-scrollbar{display:none}.scrollable-posts-wrapper.dragging{cursor:grabbing;user-select:none}.scrollable-posts-wrapper:not(.dragging){cursor:grab}.scrollable-posts-wrapper>*{flex-shrink:0;scroll-snap-align:start}.scroll-posts-bar{position:relative;height:6px;border:2px solid var(--offwhite);background-color:var(--secondary-light);border-radius:3px;background-clip:padding-box;cursor:pointer}.scroll-posts-thumb{position:absolute;top:-2px;left:0;height:calc(100% + 4px);background-color:var(--primary);border-radius:3px;cursor:grab;transition:background-color 0.2s ease,left 0.3s ease}.scroll-posts-thumb:hover{background-color:var(--primary)}.scroll-posts-thumb:active,.scroll-posts-bar.dragging .scroll-posts-thumb{cursor:grabbing;background-color:var(--primary)}.scroll-posts-dots{display:none;justify-content:center;align-items:center;gap:8px;margin-top:50px}.scroll-posts-dot{width:10px;height:10px;border-radius:50%;background-color:rgba(0,0,0,.2);border:none;cursor:pointer;padding:0;transition:all 0.3s ease}.scroll-posts-dot:hover{background-color:rgba(0,0,0,.4)}.scroll-posts-dot.active{background-color:rgba(0,0,0,.6);transform:scale(1.2)}.scroll-posts-dot:focus-visible{outline:2px solid #000;outline-offset:2px}.scroll-posts-thumb:focus-visible{outline:2px solid #000;outline-offset:2px}.scrollable-posts-wrapper:focus-visible{outline:2px solid #000;outline-offset:-2px}@media (prefers-reduced-motion:reduce){.scrollable-posts-wrapper,.scroll-posts-thumb,.scroll-posts-dot{scroll-behavior:auto;transition:none}}