@keyframes svelte-77l9q3-version-1-top{to{transform:var(--skew) translate(var(--offset),var(--offset))}}@keyframes svelte-77l9q3-version-1-middle{to{transform:var(--skew) translate(0)}}@keyframes svelte-77l9q3-version-1-bottom{to{transform:var(--skew) translate(calc(var(--offset) * -1),calc(var(--offset) * -1))}}@keyframes svelte-77l9q3-version-2-top{to{transform:rotateX(var(--rotate)) skew(var(--skew)) translateY(var(--offset))}}@keyframes svelte-77l9q3-version-2-middle{to{transform:rotateX(var(--rotate)) skew(var(--skew)) translateY(0)}}@keyframes svelte-77l9q3-version-2-bottom{to{transform:rotateX(var(--rotate)) skew(var(--skew)) translateY(calc(var(--offset) * -1))}}.container.svelte-77l9q3{position:relative;height:200vh;view-timeline-name:--container-scrollbar}.version-1.svelte-77l9q3{--skew: skew(-40deg, -10deg);--offset: min(5rem, 10vw);--size: min(20rem, 30cqw);position:sticky;top:4rem;display:grid;grid-template-rows:var(--size);grid-template-columns:var(--size);padding:calc(var(--offset) * 2);container-type:inline-size}.version-1__item.svelte-77l9q3{grid-row:1;grid-column:1;transform:skew(0) translate(0)}.version-1__item.svelte-77l9q3:nth-of-type(1){background-color:#daa520;animation:svelte-77l9q3-version-1-top linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}.version-1__item.svelte-77l9q3:nth-of-type(2){background-color:#0f0;animation:svelte-77l9q3-version-1-middle linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}.version-1__item.svelte-77l9q3:nth-of-type(3){background-color:#8a2be2;animation:svelte-77l9q3-version-1-bottom linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}.version-2.svelte-77l9q3{--offset: min(10rem, 20vw);--skew: -10deg;--rotate: 65deg;--size: min(40rem, 50cqw);position:sticky;top:4rem;display:grid;grid-template-rows:var(--size);grid-template-columns:var(--size);padding:2rem;container-type:inline-size}.version-2__item.svelte-77l9q3{grid-row:1;grid-column:1;transform:rotateX(0) skew(0) translateY(0);transform-style:preserve-3d}.version-2__item.svelte-77l9q3:nth-of-type(1){animation:svelte-77l9q3-version-2-top linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}.version-2__item.svelte-77l9q3:nth-of-type(2){animation:svelte-77l9q3-version-2-middle linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}.version-2__item.svelte-77l9q3:nth-of-type(3){animation:svelte-77l9q3-version-2-bottom linear forwards;animation-range:100vh calc(100% - 100vh);animation-timeline:--container-scrollbar}img.svelte-77l9q3{width:100%}