*{box-sizing:border-box}body{background-color:#d6eeff;width:100%;height:100%;margin:0;font-family:sans-serif;overflow-x:hidden}.wrapper{position:relative}h1{position:absolute;left:calc(50% - 100px);translate:50%}.lottie-wrapper-1{width:100%;height:100vh;position:sticky;top:0;translate:-100px}.lottie-wrapper-1 .lottie{aspect-ratio:1;width:70%;height:auto;position:absolute;top:100%;left:60%;translate:-50% -100%}.lottie-wrapper-1 .lottie_1{left:calc(60% - 300px)}.lottie-wrapper-1 .lottie_2{left:calc(60% + 300px)}.debug{z-index:10;flex-direction:column;display:flex;position:fixed;top:10px;right:10px}.debug_label input{width:16px;height:16px}.debug_label span{margin-left:32px;display:block}.lottie-wrapper-scroll{z-index:5;background-color:#fff;flex-direction:column;align-items:center;gap:100px;width:100%;height:calc(100vh + 100px);padding-top:100px;display:flex;position:relative}.lottie-wrapper-scroll .lottie{width:500px;height:500px}.wrapper:has(#debug-translucent:checked) .lottie-wrapper-scroll{background-color:#fffa}#lottie-wrapper .lottie,#lottie-wrapper-2 .lottie{aspect-ratio:890/560;width:min(70vw,890px);height:auto}