@property --city-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --city-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@media (width < 40rem){.city-jump-scroller{--city-fade-start: 0px;--city-fade-end: 28px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--city-fade-start),#000 calc(100% - var(--city-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--city-fade-start),#000 calc(100% - var(--city-fade-end)),transparent 100%)}@supports (animation-timeline: scroll(self inline)){.city-jump-scroller{animation:city-jump-edges linear both;animation-timeline:scroll(self inline)}}}@media (width < 40rem) and (prefers-reduced-motion: no-preference){.city-jump-scroller>*{animation:city-jump-nudge 1.1s ease-in-out .8s 1}.city-jump-scroller{container-type:scroll-state}@container scroll-state(not (scrollable: inline-end)){.city-jump-scroller>*{animation-play-state:paused}}}@keyframes city-jump-nudge{0%,to{translate:0 0}40%{translate:-18px 0}70%{translate:3px 0}}@keyframes city-jump-edges{0%{--city-fade-start: 0px;--city-fade-end: 28px}to{--city-fade-start: 28px;--city-fade-end: 0px}}