.rail-x{--rail-gutter:1rem;display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--rail-gutter);scrollbar-width:none;margin-inline:calc(var(--rail-gutter) * -1);padding-block:.25rem;padding-inline:var(--rail-gutter) calc(var(--rail-gutter) + 1.5rem);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 1.75rem),transparent)}.rail-x:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 1.75rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 1.75rem),transparent)}.rail-x::-webkit-scrollbar{display:none}.rail-x>*{flex:none;scroll-snap-align:start}@media (min-width:640px){.rail-x--wrap-sm{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none}.rail-x--wrap-sm:dir(rtl){-webkit-mask-image:none;mask-image:none}}@media (min-width:1024px){.rail-x--wrap-lg{flex-wrap:wrap;overflow:visible;scroll-snap-type:none;margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none}.rail-x--wrap-lg:dir(rtl){-webkit-mask-image:none;mask-image:none}}