@keyframes rail-fade{0%{-webkit-mask-image:linear-gradient(90deg,#000 0 0,#000 calc(100% - 3.5rem),#0000);mask-image:linear-gradient(90deg,#000 0 0,#000 calc(100% - 3.5rem),#0000)}12%,88%{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3.5rem calc(100% - 3.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3.5rem calc(100% - 3.5rem),#0000)}to{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3.5rem 100%,#000 100%);mask-image:linear-gradient(90deg,#0000,#000 3.5rem 100%,#000 100%)}}.rail{scrollbar-width:none}@media (min-width:100rem){.rail{animation:linear both rail-fade;animation-timeline:scroll(self inline)}}.rail::-webkit-scrollbar{display:none}.tile-span{width:calc((min(100vw, 96rem) - 3rem - 11 * 1.5rem) / 12 * var(--span) + (var(--span) - 1) * 1.5rem)}