@media screen and (min-width:760px) and (max-width:1220px){.landing .md\:max-w-\[1200px\]{padding-left:12px;padding-right:12px}}@media screen and (min-width:1530px){.examples-container{justify-content:center}}.examples-container{transition:transform 4s}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-gap-5{to{transform:translateX(calc(-100% - 1.25rem))}}@keyframes slide2-gap-5{0%{translate:calc(100% + 1.25rem)}to{translate:0}}.carousel-gap-5{flex-shrink:0;animation:slide-gap-5 20s linear infinite;width:-moz-fit-content;width:fit-content;&:last-child{position:absolute;animation-name:slide2-gap-5}}@keyframes slide-gap-1{to{transform:translateX(calc(-100% - .25rem))}}@keyframes slide2-gap-1{0%{translate:calc(100% + .25rem)}to{translate:0}}.carousel-gap-1{flex-shrink:0;animation:slide-gap-1 60s linear infinite;max-width:-moz-fit-content;max-width:fit-content;&:last-child{position:absolute;left:0;top:0;animation-name:slide2-gap-1}}.carousel{animation:slide 20s linear infinite}@keyframes slide-reverse{0%{transform:translateX(-70%)}to{transform:translateX(0)}}.carousel-reverse{animation:slide-reverse 40s linear infinite}