.gsap-stage{inline-size:100%;padding-block:60vh;border-radius:1rem}.gsap-stage--dark{background-color:#223}.gsap-stage--light{background-color:#fff;border:1px solid #e5e7eb}.gsap-rows{--translateX:0;max-width:50vw;margin:0 auto;overflow:hidden;perspective:1000px;border:1px solid grey;border-radius:1rem}.gsap-rows,.gsap-rows__inner{display:flex;flex-direction:column;gap:1vw}.gsap-rows__inner{transform:rotateX(30deg) rotateY(-10deg) rotate(20deg);transform-style:preserve-3d}.gsap-rows__row{--speed:1;--tx:calc(var(--translateX) * 100% * var(--speed));display:flex;justify-content:flex-start;gap:1vw;transform:translateX(var(--tx));span{display:flex;justify-content:center;align-items:center;width:10vw;min-width:max(64px,10vw);flex-shrink:0;aspect-ratio:1;border:1px solid grey;border-radius:1rem;padding:1rem;font-size:5rem;background-color:#111;color:#666;transition:all .15s ease-in-out;transform-origin:center;&:hover{cursor:pointer;transform:scale(.95);box-shadow:0 0 10px white;color:#ff6633}}}.gsap-rows__row--one{--speed:-1}.gsap-rows__row--two{--speed:-0.7}.gsap-claim__controls{position:sticky;top:5.5rem;z-index:1;display:grid;grid-template-columns:max-content minmax(8rem,16rem);align-items:center;gap:.5rem 1rem;inline-size:fit-content;margin:0 auto 2rem;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#171717;code{font-family:var(--font-geist-mono),monospace;font-size:.875rem}}.gsap-claim{max-width:var(--claim-max-width,80vw);margin:0 auto;overflow:hidden;border:1px solid lightgray}.gsap-claim__text{display:inline-flex;width:auto;font-size:400px;text-box:trim-both cap text;font-weight:900;color:#000;white-space:nowrap;will-change:transform;transform:translateX(var(--translateX,var(--offsetStart)))}@media (prefers-reduced-motion:reduce){.gsap-rows__row span{transition:none}}