@layer components{.ag-reveal{--reveal-y:16px;--stagger:80ms}.ag-reveal[data-from=fade]{--reveal-y:0px}@keyframes ag-reveal{0%{opacity:0;transform:translateY(var(--reveal-y))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.ag-reveal[data-mode=once]:not([data-stagger]){opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--dur-3,.5s) var(--ease-out,ease-out), transform var(--dur-3,.5s) var(--ease-out,ease-out)}.ag-reveal[data-mode=once]:not([data-stagger])[data-in]{opacity:1;transform:none}.ag-reveal[data-mode=once][data-stagger]>*{opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--dur-3,.5s) var(--ease-out,ease-out), transform var(--dur-3,.5s) var(--ease-out,ease-out);transition-delay:calc(var(--i,0) * var(--stagger))}.ag-reveal[data-mode=once][data-stagger][data-in]>*{opacity:1;transform:none}.ag-reveal[data-stagger]>:first-child{--i:0}.ag-reveal[data-stagger]>:nth-child(2){--i:1}.ag-reveal[data-stagger]>:nth-child(3){--i:2}.ag-reveal[data-stagger]>:nth-child(4){--i:3}.ag-reveal[data-stagger]>:nth-child(5){--i:4}.ag-reveal[data-stagger]>:nth-child(6){--i:5}.ag-reveal[data-stagger]>:nth-child(7){--i:6}.ag-reveal[data-stagger]>:nth-child(8){--i:7}.ag-reveal[data-stagger]>:nth-child(9){--i:8}.ag-reveal[data-stagger]>:nth-child(10){--i:9}.ag-reveal[data-stagger]>:nth-child(11){--i:10}.ag-reveal[data-stagger]>:nth-child(n+12){--i:11}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ag-reveal[data-mode=scroll]{animation:linear both ag-reveal;animation-timeline:view();animation-range:entry entry 40%}}}}
