.style-module-scss-module__cqWHXG__examplesPageWrapper{color:#676977;box-sizing:border-box;flex-direction:column;width:100%;height:fit-content;padding:30px 100px;display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper h1{margin-top:0}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__textWarning{border-top:2px solid gray;border-bottom:2px solid gray;padding:20px 0}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__textWarning .style-module-scss-module__cqWHXG__textWarnStyle{font-size:14px;line-height:1.4rem}@media screen and (max-width:768px){.style-module-scss-module__cqWHXG__examplesPageWrapper{padding:30px 60px}}@media screen and (max-width:576px){.style-module-scss-module__cqWHXG__examplesPageWrapper{padding:30px 10px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__pageTitle{font-size:26px}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent{border-top:2px solid gray;flex-direction:column;width:100%;height:100%;padding:30px 0;display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleTitle{margin-top:0;margin-bottom:30px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer{border-radius:10px;justify-content:space-between;width:100%;display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper{display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper .style-module-scss-module__cqWHXG__statickImg{width:600px;height:400px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper{width:600px;height:500px;display:flex;overflow:hidden}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{will-change:transform;width:600px;height:1280px;animation:9s ease-in-out infinite alternate style-module-scss-module__cqWHXG__img-pan}@keyframes style-module-scss-module__cqWHXG__img-pan{0%{transform:translateY(0)}to{transform:translateY(-60%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{will-change:transform;gap:16px;width:max-content;animation:30s linear infinite style-module-scss-module__cqWHXG__loop;display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{flex:none;width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(0)}to{transform:translate(-50%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track:hover{animation-play-state:paused}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo{flex-direction:column;width:55%;padding:10px 20px;display:flex}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleDescription{line-height:1.5rem}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleLink{width:fit-content;margin-top:30px}@media screen and (max-width:1563px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer{justify-content:baseline}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper{width:fit-content}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:1000px;height:1100px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:1200px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(0)}to{transform:translate(-250%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo{width:fit-content}}@media screen and (max-width:1400px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer{justify-content:baseline}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:800px;height:900px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:1200px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(0)}to{transform:translate(-250%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper .style-module-scss-module__cqWHXG__statickImg{width:500px;height:300px}}@media screen and (max-width:1200px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer{justify-content:baseline}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:950px;height:900px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:900px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(0%)}to{transform:translate(-340%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper .style-module-scss-module__cqWHXG__statickImg{width:400px;height:300px}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleDescription{font-size:14px}}@media screen and (max-width:992px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer{flex-direction:column}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper{justify-content:center;width:100%}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:600px;height:1400px}@keyframes style-module-scss-module__cqWHXG__img-pan{0%{transform:translateY(0)}to{transform:translateY(-65%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:max-content}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(45%)}to{transform:translate(-45%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper{order:1}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageStatickWrapper .style-module-scss-module__cqWHXG__statickImg{width:100%;height:auto}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo{order:2;width:100%;margin-top:20px;padding:0}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleDescription{font-size:14px}}@media screen and (max-width:768px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:500px;height:1200px}@keyframes style-module-scss-module__cqWHXG__img-pan{0%{transform:translateY(0)}to{transform:translateY(-60%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:max-content}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(45%)}to{transform:translate(-45%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo{width:100%;margin-top:20px;padding:0}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleDescription{font-size:14px}}@media screen and (max-width:576px){.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__movingImg{width:320px;height:750px}@keyframes style-module-scss-module__cqWHXG__img-pan{0%{transform:translateY(0)}to{transform:translateY(-35%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track{width:max-content}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleImageWrapper .style-module-scss-module__cqWHXG__track .style-module-scss-module__cqWHXG__movingImgManyP{width:900px;height:500px}@keyframes style-module-scss-module__cqWHXG__loop{0%{transform:translate(45%)}to{transform:translate(-45%)}}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo{width:100%;margin-top:20px;padding:0}.style-module-scss-module__cqWHXG__examplesPageWrapper .style-module-scss-module__cqWHXG__exampleContent .style-module-scss-module__cqWHXG__exampleContainer .style-module-scss-module__cqWHXG__exampleLandingInfo .style-module-scss-module__cqWHXG__exampleDescription{font-size:14px}}