{"version":3,"file":"blocks/Timeline/index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;;;;;;;;;;;;;;;;;EAAA;AAmBA;EACC;AAED;;AACA;EACC;IACC;IACA;EAEA;AACF;AAEA;EACC;IACC;EAAA;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/Timeline/editor.scss"],"sourcesContent":["/**\n * Timeline — editor-only reveal.\n *\n * The frontend reveal is a transition: view.js marks the list animated, which\n * drops every item to opacity 0, then an IntersectionObserver adds `is-visible`\n * per item as it scrolls in. That shape cannot be replayed from the canvas —\n * the items are inner blocks, so nothing here can write a class onto each one,\n * and dropping them all to zero for a frame to start the transition would make\n * the whole timeline blink on every press.\n *\n * A keyframe reaches the same result from one class on the root. The numbers\n * are the frontend's own (0.6s ease, 20px) and are the reason this rule exists\n * rather than reusing `.brandy-timeline--animated` — keep them in step with\n * style.scss.\n *\n * `both` matters: without a backwards fill the items would sit at their final\n * state for the frame between the class landing and the animation starting,\n * which reads as a flash.\n */\n.brandy-timeline.is-replaying .brandy-timeline-item {\n\tanimation: brandy-timeline-reveal 0.6s ease both;\n}\n\n@keyframes brandy-timeline-reveal {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n}\n\n// The frontend skips the reveal entirely under reduced motion; so does this.\n@media (prefers-reduced-motion: reduce) {\n\t.brandy-timeline.is-replaying .brandy-timeline-item {\n\t\tanimation: none;\n\t}\n}\n"],"names":[],"sourceRoot":""}