.haulistic-collection-slider{position:relative;flex:1 1 320px;min-width:0;max-width:100%;margin-block:16px 24px}.haulistic-collection-slider .haulistic-collection-navigation{display:flex;flex-wrap:nowrap;gap:10px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-block:4px;scrollbar-width:none}.haulistic-collection-navigation::-webkit-scrollbar{display:none}.haulistic-collection-navigation :where(a){display:inline-flex;flex-shrink:0;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--theme-border,#ddd);border-radius:6px;color:inherit;text-decoration:none;white-space:nowrap}.haulistic-collection-navigation :where(a[aria-current=page]){background:var(--theme-accent,#292524);color:var(--theme-accent-contrast,#fff)}.haulistic-collection-slider[data-more-before] .haulistic-collection-navigation{mask-image:linear-gradient(90deg,transparent,#000 56px)}.haulistic-collection-slider[data-more-after] .haulistic-collection-navigation{mask-image:linear-gradient(270deg,transparent,#000 56px)}.haulistic-collection-slider[data-more-before][data-more-after] .haulistic-collection-navigation{mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.haulistic-collection-slider__arrow{display:none}@media (hover:hover) and (pointer:fine){.haulistic-collection-slider__arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--theme-border,#ddd);border-radius:50%;background:var(--theme-surface,#fff);color:inherit;box-shadow:0 2px 8px rgb(0 0 0/12%);cursor:pointer;transform:translateY(-50%)}.haulistic-collection-slider__arrow[data-direction=previous]{left:0}.haulistic-collection-slider__arrow[data-direction=next]{right:0}}