{"loaderData":{"0":null,"0-3":{"total":7413,"projects":[{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"330065","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":232,"cssLen":2726,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".cube {\n top: -100px;\n margin: 200px auto 0;\n width: 100px;\n height: 100Px;\n position: relative;\n transform-style: preserve-3d;\n animation: spin 3s infinite cubic-bezier(0.16, 0.61, 0.49, 0.91);\n}\n\n.face {\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgb(67, 191, 207);\n border: 2px solid #fff;\n border-radius: 5px;\n box-shadow: 0 0 15px #fff;\n}\n\n.top {\n transform: rotateX(90deg) translateZ(50px);\n animation: shift-top 3s infinite ease-out;\n}\n\n.bottom {\n transform: rotateX(-90deg) translateZ(50px);\n animation: shift-bottom 3s infinite ease-out;\n}\n\n.right {\n transform: rotateY(90deg) translateZ(50px);\n animation: shift-right 3s infinite ease-out;\n}\n\n.left {\n transform: rotateY(-90deg) translateZ(50px);\n animation: shift-left 3s infinite ease-out;\n}\n\n.front {\n transform: translateZ(50px);\n animation: shift-front 3s infinite ease-out;\n}\n\n.back {\n transform: rotateY(-180deg) translateZ(50px);\n animation: shift-back 3s infinite ease-out;\n}\n\n@keyframes spin {\n 33% {\n transform: rotateX(-36deg) rotateY(-405deg);\n }\n\n 100% {\n transform: rotateX(-36deg) rotateY(-405deg);\n }\n}\n\n@keyframes shift-top {\n 33% {\n transform: rotateX(90deg) translateZ(50px);\n }\n\n 50% {\n transform: rotateX(90deg) translateZ(100px);\n }\n\n 60% {\n transform: rotateX(90deg) translateZ(100px);\n }\n\n 75% {\n transform: rotateX(90deg) translateZ(50px);\n }\n}\n\n@keyframes shift-bottom {\n 33% {\n transform: rotateX(-90deg) translateZ(50px);\n }\n\n 50% {\n transform: rotateX(-90deg) translateZ(100px);\n }\n\n 60% {\n transform: rotateX(-90deg) translateZ(100px);\n }\n\n 75% {\n transform: rotateX(-90deg) translateZ(50px);\n }\n}\n\n@keyframes shift-right {\n 33% {\n transform: rotateY(90deg) translateZ(50px);\n }\n\n 50% {\n transform: rotateY(90deg) translateZ(100px);\n }\n\n 60% {\n transform: rotateY(90deg) translateZ(100px);\n }\n\n 75% {\n transform: rotateY(90deg) translateZ(50px);\n }\n}\n\n@keyframes shift-left {\n 33% {\n transform: rotateY(-90deg) translateZ(50px);\n }\n\n 50% {\n transform: rotateY(-90deg) translateZ(100px);\n }\n\n 60% {\n transform: rotateY(-90deg) translateZ(100px);\n }\n\n 75% {\n transform: rotateY(-90deg) translateZ(50px);\n }\n}\n\n@keyframes shift-front {\n 33% {\n transform: translateZ(50px);\n }\n\n 50% {\n transform: translateZ(100px);\n }\n\n 60% {\n transform: translateZ(100px);\n }\n\n 75% {\n transform: translateZ(50px);\n }\n}\n\n@keyframes shift-back {\n 33% {\n transform: rotateY(-180deg) translateZ(50px);\n }\n\n 50% {\n transform: rotateY(-180deg) translateZ(100px);\n }\n\n 60% {\n transform: rotateY(-180deg) translateZ(100px);\n }\n\n 75% {\n transform: rotateY(-180deg) translateZ(50px);\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"86f42e","snapshot":null,"tags":null,"title":"loader by Ankesh2002","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":1024,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n position: relative;\n width: 164px;\n height: 164px;\n}\n\n.loader::before , .loader::after {\n content: '';\n position: absolute;\n width: 40px;\n height: 40px;\n background-color: #00bd26;\n left: 50%;\n top: 50%;\n animation: rotate 1s ease-in infinite;\n}\n\n.loader::after {\n width: 20px;\n height: 20px;\n background-color: #00bd26;\n animation: rotate 1s ease-in infinite, moveY 1s ease-in infinite;\n}\n\n@keyframes moveY {\n 0% , 100% {\n top: 10%\n }\n\n 45% , 55% {\n top: 59%\n }\n\n 60% {\n top: 40%\n }\n}\n\n@keyframes rotate {\n 0% {\n transform: translate(-50%, -100%) rotate(0deg) scale(1 , 1)\n }\n\n 25% {\n transform: translate(-50%, 0%) rotate(180deg) scale(1 , 1)\n }\n\n 45% , 55% {\n transform: translate(-50%, 100%) rotate(180deg) scale(3 , 0.5)\n }\n\n 60% {\n transform: translate(-50%, 100%) rotate(180deg) scale(1, 1)\n }\n\n 75% {\n transform: translate(-50%, 0%) rotate(270deg) scale(1 , 1)\n }\n\n 100% {\n transform: translate(-50%, -100%) rotate(360deg) scale(1 , 1)\n }\n}\n "},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"5e66da","snapshot":null,"tags":null,"title":"loader by sabbircoder07","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":61,"cssLen":533,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".progress {\n background-color: #ffffff;\n width: 220px;\n height: 20px;\n border-radius: 100px;\n overflow: hidden;\n backface-visibility: hidden;\n}\n\n.inner {\n background-image: linear-gradient(to left, #00cdac, #00c2c9, #00b4e3, #00a2f1, #008cef, #0088eb, #0085e6, #0081e2, #0090de, #009bd2, #00a3c1, #02aab0);\n height: 100%;\n transform-origin: left;\n animation: progress 2s infinite;\n}\n\n@keyframes progress {\n 0% {\n transform: scaleX(10%) translateX(-10%);\n }\n\n 100% {\n transform: scaleX(80%) translateX(150%);\n }\n}\n"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"5033b9","snapshot":null,"tags":null,"title":"loader by Sree-1821","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":80,"cssLen":1515,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Televisa
Univision\n

\n","css":".loader {\n --col1: rgba(228, 19, 141, 0.925);\n --col2: rgb(255, 179, 80);\n font-size: 2em;\n font-weight: 600;\n perspective: 800px;\n position: relative;\n}\n\n.loader::after,\n.loader::before,\n.loader .text::after,\n.loader .text::before {\n perspective: 800px;\n animation: anim 2s ease-in-out infinite, dotMove 10s ease-out alternate infinite, move 10s linear infinite 1s;\n ;\n content: '●';\n color: var(--col1);\n position: absolute;\n translate: -60px 500px;\n width: 5px;\n height: 5px;\n}\n\n.loader::before {\n animation-delay: 3s;\n color: var(--col1);\n}\n\n.loader .text::before {\n color: var(--col2);\n animation-delay: 2s;\n}\n\n.loader .text::after {\n color: var(--col2);\n}\n\n.loader .text {\n animation: anim 20s linear infinite, move 10s linear infinite 1s;\n color: transparent;\n background-image: linear-gradient(90deg, \n var(--col1) 0%,\n var(--col2) 100%);\n background-clip: text;\n background-size: 100%;\n background-repeat: no-repeat;\n transform: skew(5deg, -5deg);\n -webkit-background-clip: text;\n position: relative;\n}\n\n@keyframes anim {\n 0%, 100% {\n text-shadow: 2px 0px 2px rgba(179, 158, 158, .5);\n }\n\n 50% {\n background-size: 0%;\n background-position-x: left;\n text-shadow: 2px 10px 6px rgba(179, 158, 158, 1);\n }\n}\n\n@keyframes move {\n 50% {\n translate: 0px 0px;\n rotate: x 60deg;\n transform: skew(-5deg, 5deg);\n }\n}\n\n@keyframes dotMove {\n 0%, 100% {\n translate: -60px 300px;\n }\n\n 50% {\n translate: 160px -250px;\n scale: .5;\n opacity: .85;\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"b45e63","snapshot":null,"tags":null,"title":"loader by Nawsome","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":306,"cssLen":1220,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".triangles {\n transform: translate(-50%, -50%);\n height: 81px;\n width: 90px;\n position: absolute;\n left: 50%;\n top: 50%;\n}\n\n.tri {\n position: absolute;\n animation: pulse_51 750ms ease-in infinite;\n border-top: 27px solid #215A6D;\n border-left: 15px solid transparent;\n border-right: 15px solid transparent;\n border-bottom: 0px;\n}\n\n.tri.invert {\n border-top: 0px;\n border-bottom: 27px solid #215A6D;\n border-left: 15px solid transparent;\n border-right: 15px solid transparent;\n}\n\n.tri:nth-child(1) {\n left: 30px;\n}\n\n.tri:nth-child(2) {\n left: 15px;\n top: 27px;\n animation-delay: -125ms;\n}\n\n.tri:nth-child(3) {\n left: 30px;\n top: 27px;\n}\n\n.tri:nth-child(4) {\n left: 45px;\n top: 27px;\n animation-delay: -625ms;\n}\n\n.tri:nth-child(5) {\n top: 54px;\n animation-delay: -250ms;\n}\n\n.tri:nth-child(6) {\n top: 54px;\n left: 15px;\n animation-delay: -250ms;\n}\n\n.tri:nth-child(7) {\n top: 54px;\n left: 30px;\n animation-delay: -375ms;\n}\n\n.tri:nth-child(8) {\n top: 54px;\n left: 45px;\n animation-delay: -500ms;\n}\n\n.tri:nth-child(9) {\n top: 54px;\n left: 60px;\n animation-delay: -500ms;\n}\n\n@keyframes pulse_51 {\n 0% {\n opacity: 1;\n }\n\n 16.666% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"91acd5","snapshot":null,"tags":null,"title":"loader by Shoh2008","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":1163,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n position: relative;\n border-style: solid;\n box-sizing: border-box;\n border-width: 40px 60px 30px 60px;\n border-color: #3760C9 #96DDFC #96DDFC #36BBF7;\n animation: envFloating 1s ease-in infinite alternate;\n}\n\n.loader:after {\n content: \"\";\n position: absolute;\n right: 62px;\n top: -40px;\n height: 70px;\n width: 50px;\n background-image: linear-gradient(#fff 45px, transparent 0),\n linear-gradient(#fff 45px, transparent 0),\n linear-gradient(#fff 45px, transparent 0);\n background-repeat: no-repeat;\n background-size: 30px 4px;\n background-position: 0px 11px , 8px 35px, 0px 60px;\n animation: envDropping 0.75s linear infinite;\n}\n\n@keyframes envFloating {\n 0% {\n transform: translate(-2px, -5px)\n }\n\n 100% {\n transform: translate(0, 5px)\n }\n}\n\n@keyframes envDropping {\n 0% {\n background-position: 100px 11px , 115px 35px, 105px 60px;\n opacity: 1;\n }\n\n 50% {\n background-position: 0px 11px , 20px 35px, 5px 60px;\n }\n\n 60% {\n background-position: -30px 11px , 0px 35px, -10px 60px;\n }\n\n 75%, 100% {\n background-position: -30px 11px , -30px 35px, -30px 60px;\n opacity: 0;\n }\n}\n "},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"410cea","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":552,"cssLen":342,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

","css":".btn {\n align-items: center;\n background: #93e2cb;\n border-radius: 4px;\n display: flex;\n height: 80px;\n justify-content: center;\n padding: 1rem;\n width: 180px;\n}\n\n#line {\n animation: linePencil .8s infinite linear;\n}\n\n@keyframes linePencil {\n 0% {\n transform: translateY(0);\n }\n\n 100% {\n transform: translateY(-150px);\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"173954","snapshot":null,"tags":null,"title":"loader by Praashoo7","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":3416,"cssLen":1134,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

","css":".loader {\n position: relative;\n background-color: white;\n padding-left: 1.5em;\n padding-right: 1.5em;\n padding-top: 3em;\n top: -0.4em;\n border-radius: 25px;\n z-index: -1;\n box-shadow: 5px 2px 0px #666666;\n}\n\n.clock {\n position: relative;\n top: -1.4em;\n left: 0.05em;\n}\n\n.stage {\n position: relative;\n left: 0.5em;\n background-color: black;\n width: 4em;\n height: .4em;\n border-radius: 15px;\n box-shadow: 2px 2px 0px #666666;\n z-index: 4;\n}\n\n.hold {\n position: relative;\n background-color: limegreen;\n width: 0.1em;\n height: 4em;\n left: 2.5em;\n top: -.25em;\n animation: 1.3s dangle infinite;\n box-shadow: 4px 4px 0px #666666;\n z-index: -1;\n}\n\n@keyframes dangle {\n 0% {\n transform-origin: top center;\n transform: rotate(45deg);\n }\n\n 50% {\n transform-origin: top center;\n transform: rotate(-45deg);\n }\n\n 100% {\n transform-origin: top center;\n transform: rotate(45deg);\n }\n}\n\n.ball {\n display: inline-block;\n position: relative;\n top: 3em;\n left: -1.2em;\n width: 2.5em;\n height: 2.5em;\n margin: 0;\n border-radius: 50%;\n background: #171717;\n box-shadow: 1px 1px 0px #666666;\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"70f315","snapshot":null,"tags":null,"title":"loader by ChaudaryHammad","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":287,"cssLen":899,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\r\n

\n","css":".loader {\n perspective: 800px;\n}\n\n.cube {\n width: 40px;\n height: 40px;\n position: relative;\n transform-style: preserve-3d;\n animation: spin 3s linear infinite;\n}\n\n.face {\n width: 40px;\n height: 40px;\n position: absolute;\n opacity: 0.8;\n}\n\n.front {\n transform: translateZ(20px);\n background-color: #3498db;\n}\n\n.back {\n transform: translateZ(-20px);\n background-color: #e74c3c;\n}\n\n.left {\n transform: rotateY(90deg) translateZ(20px);\n background-color: #2ecc71;\n}\n\n.right {\n transform: rotateY(-90deg) translateZ(20px);\n background-color: #f39c12;\n}\n\n.top {\n transform: rotateX(90deg) translateZ(20px);\n background-color: #9b59b6;\n}\n\n.bottom {\n transform: rotateX(-90deg) translateZ(20px);\n background-color: #e67e22;\n}\n\n@keyframes spin {\n 0% {\n transform: rotateX(0) rotateY(0) rotateZ(0);\n }\n\n 100% {\n transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"83a494","snapshot":null,"tags":null,"title":"loader by Pradeepsaranbishnoi","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":39,"cssLen":1375,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n animation: rotate 1s infinite;\n height: 50px;\n width: 50px;\n}\n\n.loader:before,\n.loader:after {\n border-radius: 50%;\n content: '';\n display: block;\n height: 20px;\n width: 20px;\n}\n\n.loader:before {\n animation: ball1 1s infinite;\n background-color: #cb2025;\n box-shadow: 30px 0 0 #f8b334;\n margin-bottom: 10px;\n}\n\n.loader:after {\n animation: ball2 1s infinite;\n background-color: #00a096;\n box-shadow: 30px 0 0 #97bf0d;\n}\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg) scale(0.8);\n -moz-transform: rotate(0deg) scale(0.8);\n }\n\n 50% {\n -webkit-transform: rotate(360deg) scale(1.2);\n -moz-transform: rotate(360deg) scale(1.2);\n }\n\n 100% {\n -webkit-transform: rotate(720deg) scale(0.8);\n -moz-transform: rotate(720deg) scale(0.8);\n }\n}\n\n@keyframes ball1 {\n 0% {\n box-shadow: 30px 0 0 #f8b334;\n }\n\n 50% {\n box-shadow: 0 0 0 #f8b334;\n margin-bottom: 0;\n -webkit-transform: translate(15px,15px);\n -moz-transform: translate(15px, 15px);\n }\n\n 100% {\n box-shadow: 30px 0 0 #f8b334;\n margin-bottom: 10px;\n }\n}\n\n@keyframes ball2 {\n 0% {\n box-shadow: 30px 0 0 #97bf0d;\n }\n\n 50% {\n box-shadow: 0 0 0 #97bf0d;\n margin-top: -20px;\n -webkit-transform: translate(15px,15px);\n -moz-transform: translate(15px, 15px);\n }\n\n 100% {\n box-shadow: 30px 0 0 #97bf0d;\n margin-top: 0;\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"b16ccd","snapshot":null,"tags":null,"title":"loader by usmonovdev","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":52,"cssLen":1384,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".spinner {\n position: relative;\n width: 56px;\n height: 56px;\n}\n\n.spinner > div {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 13px solid rgba(181, 126, 16, 0.196);\n position: absolute;\n top: 0;\n left: 0;\n animation: spinner-g7vlvwmd 0.65s linear infinite;\n z-index: 0;\n}\n\n.spinner > div::before {\n content: '';\n height: 13px;\n width: 13px;\n border-radius: 50%;\n background: #ff8a23;\n position: absolute;\n top: 50%;\n animation: spinner-h1vps1md 1.3s infinite reverse steps(1);\n transform: translate(calc(2 * var(--translate-2)), calc(var(--translate) * 1%));\n z-index: 1;\n}\n\n.spinner > div:nth-of-type(1) {\n --translate: -50;\n --translate-2: calc(56px / 8);\n}\n\n.spinner > div:nth-of-type(1)::before {\n right: 0;\n}\n\n.spinner > div:nth-of-type(2) {\n --translate: 50;\n --translate-2: calc(-56px / 8);\n animation-delay: 0.65s;\n animation-direction: reverse;\n transform: translate(21.5px, 0);\n}\n\n.spinner > div:nth-of-type(2)::before {\n left: 0;\n transform: translate(calc(-56px / 4), -50%);\n animation-direction: normal;\n}\n\n@keyframes spinner-h1vps1md {\n 0% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-g7vlvwmd {\n from {\n transform: translate(calc(var(--translate) * 1%), 0) translate(calc(var(--translate-2)), 0) rotate(0deg);\n }\n\n to {\n transform: translate(calc(var(--translate) * 1%), 0) translate(calc(var(--translate-2)), 0) rotate(360deg);\n }\n}"},{"created":"2024-01-22T16:54:19.000Z","isPrivate":0,"projectId":"3a0347","snapshot":null,"tags":null,"title":"loader by Nawsome","updated":"2024-01-22T16:54:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":219,"cssLen":1121,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n width: 200px;\n height: 150px;\n margin: 0 auto;\n}\n\n.ball {\n width: 10px;\n height: 10px;\n margin: 10px auto;\n border-radius: 50px;\n}\n\n.ball:nth-child(1) {\n background: #ffffff;\n animation: right2 1s infinite ease-in-out;\n}\n\n.ball:nth-child(2) {\n background: #ffffff;\n animation: left2 1.1s infinite ease-in-out;\n}\n\n.ball:nth-child(3) {\n background: #ffffff;\n animation: right2 1.05s infinite ease-in-out;\n}\n\n.ball:nth-child(4) {\n background: #ffffff;\n animation: left2 1.15s infinite ease-in-out;\n}\n\n.ball:nth-child(5) {\n background: #ffffff;\n animation: right2 1.1s infinite ease-in-out;\n}\n\n.ball:nth-child(6) {\n background: #ffffff;\n animation: left2 1.05s infinite ease-in-out;\n}\n\n.ball:nth-child(7) {\n background: #ffffff;\n animation: right2 1s infinite ease-in-out;\n}\n\n@keyframes right2 {\n 0% {\n transform: translate(-15px);\n }\n\n 50% {\n transform: translate(15px);\n }\n\n 100% {\n transform: translate(-15px);\n }\n}\n\n@keyframes left2 {\n 0% {\n transform: translate(15px);\n }\n\n 50% {\n transform: translate(-15px);\n }\n\n 100% {\n transform: translate(15px);\n }\n}"}]}},"actionData":null,"errors":null}