.swipe-pagination{--sp-fade:24px;align-items:center;min-width:0;max-width:100%;display:flex}.swipe-pagination__arrow{flex:none;justify-content:center;align-items:center;display:inline-flex}.swipe-pagination__viewport{--_sp-fade-start:var(--sp-fade);--_sp-fade-end:var(--sp-fade);contain:inline-size;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--_sp-fade-start), #000 calc(100% - var(--_sp-fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--_sp-fade-start), #000 calc(100% - var(--_sp-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--_sp-fade-start), #000 calc(100% - var(--_sp-fade-end)), transparent);flex:auto;overflow:auto hidden}.swipe-pagination__viewport::-webkit-scrollbar{display:none}.swipe-pagination[data-at-start] .swipe-pagination__viewport{--_sp-fade-start:0px}.swipe-pagination[data-at-end] .swipe-pagination__viewport{--_sp-fade-end:0px}.swipe-pagination__track{position:relative}.swipe-pagination__item{box-sizing:border-box;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0}:has(+[data-list-pagination]){scroll-margin-top:5rem}