.trackX{transform-origin:0}.trackY{transform-origin:top}.node{color:#0b1b33;background-color:#f5c21b;border-color:#f5c21b;box-shadow:0 0 0 6px #f5c21b26,0 0 24px #f5c21b66}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes nodeOn{0%{color:#fff9;background-color:#0b1b33;border-color:#ffffff26;box-shadow:0 0 #f5c21b00,0 0 #f5c21b00}to{color:#0b1b33;background-color:#f5c21b;border-color:#f5c21b;box-shadow:0 0 0 6px #f5c21b26,0 0 24px #f5c21b66}}@supports (animation-timeline:view()){.trackX{animation:linear both growX;animation-timeline:view();animation-range:cover 18% cover 45%}.trackY{animation:linear both growY;animation-timeline:view();animation-range:cover 10% cover 60%}.node{animation:linear both nodeOn;animation-timeline:view();animation-range:cover 18% cover 24%}}@media (prefers-reduced-motion:reduce){.trackX,.trackY,.node{animation:none}}