@property --steps-from{syntax:"<length>";inherits:false;initial-value:0}@property --steps-to{syntax:"<length>";inherits:false;initial-value:0}.y-steps{z-index:-1;pointer-events:none;opacity:.7;position:absolute;inset:0;overflow:hidden}.y-steps__trail{-webkit-mask-image:linear-gradient(to right, transparent var(--steps-from), #000 var(--steps-to));mask-image:linear-gradient(to right, transparent var(--steps-from), #000 var(--steps-to));transition:--steps-from var(--steps-pace) linear, --steps-to var(--steps-pace) linear;position:absolute;inset-inline:0}.y-steps__foot{fill:var(--lime);animation:y-steps-in var(--dur-fast) var(--ease-out) both;position:absolute}@keyframes y-steps-in{0%{opacity:0;scale:1.3}}