@layer components{.histoire-scene{view-timeline:--histoire-scene block}@media (min-width:1024px){.histoire-scene-media{position:sticky;top:7.5rem}}.histoire-scene-frame{overflow:hidden;border-radius:var(--radius-card-lg);box-shadow:var(--shadow-large)}.histoire-frise{view-timeline:--histoire-frise block}.histoire-frise-trait{transform-origin:top}@media (min-width:1024px){.histoire-frise-trait{transform-origin:left}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.histoire-scene-frame>img,.histoire-scene-frame>video{animation:histoire-derive linear both;animation-timeline:--histoire-scene}.histoire-panneau{animation:histoire-monte linear both;animation-timeline:view();animation-range:entry 0 entry 80%}.histoire-numero{animation:histoire-glisse linear both;animation-timeline:view();animation-range:entry 0 entry 100%}.histoire-frise-trait{animation:histoire-trace-y linear both;animation-timeline:--histoire-frise;animation-range:entry 20% cover 75%}@media (min-width:1024px){.histoire-frise-trait{animation-name:histoire-trace-x}}.histoire-frise-etape{animation:histoire-monte linear both;animation-timeline:view();animation-range:entry 0 entry 90%}.histoire-citation-ligne{animation:histoire-leve linear both;animation-timeline:view();animation-range:entry 10% entry 90%}}}@keyframes histoire-derive{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes histoire-monte{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes histoire-glisse{0%{opacity:0;transform:translateX(-1.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes histoire-trace-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes histoire-trace-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes histoire-leve{0%{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:translateY(0)}}}