.scroll-animate-container{color:rgb(var(--foreground-color));position:relative;transform-style:preserve-3d;transform:perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY))}.scroll-animate-container>*{text-shadow:0 0 .2em currentColor}.scroll-animate-container:after,.scroll-animate-container:before{content:"";position:absolute;border-radius:inherit}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.property,.property+.punctuation,.punctuation,.selector{color:rgb(var(--foreground-color))}.css-only .scroll-animate-container{transition:transform .2s ease-in-out}.css-only .scroll-animate-container>div{z-index:10;outline:none}.css-only .scroll-animate-container>div:first-child{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;inset:0}.css-only .scroll-animate-container>div:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;inset:0}.css-only .scroll-animate-container>div:nth-child(3){-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;inset:0}.css-only .scroll-animate-container>div:nth-child(4){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;inset:0}.css-only .scroll-animate-container>div:nth-child(5){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;inset:0}.css-only .scroll-animate-container>div:nth-child(6){-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;inset:0}.css-only .scroll-animate-container>div:nth-child(7){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;inset:0}.css-only .scroll-animate-container>div:nth-child(8){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;inset:0}.css-only .scroll-animate-container>div:nth-child(9){-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;inset:0}.css-only .scroll-animate-container>div:first-child:hover~.scroll-animate-container{--rotateX:-25deg;--rotateY:25deg}.css-only .scroll-animate-container>div:nth-child(2):hover~.scroll-animate-container{--rotateX:0deg;--rotateY:25deg}.css-only .scroll-animate-container>div:nth-child(3):hover~.scroll-animate-container{--rotateX:25deg;--rotateY:25deg}.css-only .scroll-animate-container>div:nth-child(4):hover~.scroll-animate-container{--rotateX:-25deg;--rotateY:0deg}.css-only .scroll-animate-container>div:nth-child(5):hover~.scroll-animate-container{--rotateX:0deg;--rotateY:0deg}.css-only .scroll-animate-container>div:nth-child(6):hover~.scroll-animate-container{--rotateX:25deg;--rotateY:0deg}.css-only .scroll-animate-container>div:nth-child(7):hover~.scroll-animate-container{--rotateX:-25deg;--rotateY:-25deg}.css-only .scroll-animate-container>div:nth-child(8):hover~.scroll-animate-container{--rotateX:0deg;--rotateY:-25deg}.css-only .scroll-animate-container>div:nth-child(9):hover~.scroll-animate-container{--rotateX:25deg;--rotateY:-25deg}