{"loaderData":{"0":null,"0-3":{"total":7314,"projects":[{"created":"2024-01-22T16:54:16.000Z","isPrivate":0,"projectId":"59eaf3","snapshot":null,"tags":null,"title":"loader by omar-alghaish","updated":"2024-01-22T16:54:16.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":36,"cssLen":370,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"@keyframes animate8345 {\n 0%,100% {\n filter: hue-rotate(0deg);\n }\n\n 50% {\n filter: hue-rotate(360deg);\n }\n}\n\n.loader {\n color: rgb(0, 0, 0);\n background: linear-gradient(to right, #2d60ec, #3ccfda);\n font-size: 30px;\n -webkit-text-fill-color: transparent;\n -webkit-background-clip: text;\n animation: animate8345 9s linear infinite;\n font-weight: bold;\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"13afd0","snapshot":null,"tags":null,"title":"loader by zanina-yassine","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":221,"cssLen":1324,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Loading ...\n \n \n \n \n \n

","css":"#container {\n width: 100px;\n height: 125px;\n margin: auto auto;\n}\n\n.loading-title {\n display: block;\n text-align: center;\n font-size: 20;\n font-family: 'Inter', sans-serif;\n font-weight: bold;\n padding-bottom: 15px;\n color: #888;\n}\n\n.loading-circle {\n display: block;\n border-left: 5px solid;\n border-top-left-radius: 100%;\n border-top: 5px solid;\n margin: 5px;\n animation-name: Loader_611;\n animation-duration: 1500ms;\n animation-timing-function: linear;\n animation-delay: 0s;\n animation-iteration-count: infinite;\n animation-direction: normal;\n animation-fill-mode: forwards;\n}\n\n.sp1 {\n border-left-color: #F44336;\n border-top-color: #F44336;\n width: 40px;\n height: 40px;\n}\n\n.sp2 {\n border-left-color: #FFC107;\n border-top-color: #FFC107;\n width: 30px;\n height: 30px;\n}\n\n.sp3 {\n width: 20px;\n height: 20px;\n border-left-color: #8bc34a;\n border-top-color: #8bc34a;\n}\n\n@keyframes Loader_611 {\n 0% {\n transform: rotate(0deg);\n transform-origin: right bottom;\n }\n\n 25% {\n transform: rotate(90deg);\n transform-origin: right bottom;\n }\n\n 50% {\n transform: rotate(180deg);\n transform-origin: right bottom;\n }\n\n 75% {\n transform: rotate(270deg);\n transform-origin: right bottom;\n }\n\n 100% {\n transform: rotate(360deg);\n transform-origin: right bottom;\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"eef241","snapshot":null,"tags":null,"title":"loader by gagan-gv","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":27,"cssLen":484,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

","css":".loader {\n border: 0 solid transparent;\n border-radius: 50%;\n width: 100px;\n height: 100px;\n}\n\n.loader::before,\n.loader::after {\n content: '';\n border: 7px solid #ccc;\n border-radius: 50%;\n width: inherit;\n height: inherit;\n position: absolute;\n animation: loader 2s linear infinite;\n opacity: 0;\n}\n\n.loader::before {\n animation-delay: 1s;\n}\n\n@keyframes loader {\n 0% {\n transform: scale(1);\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"91acc4","snapshot":null,"tags":null,"title":"loader by Cornerstone-04","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":810,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 150px;\n height: 150px;\n border-left: 5px solid #38ff8e;\n border-radius: 50%;\n animation: right5231 0.9s linear infinite;\n}\n\n.loader::before,\n .loader::after {\n content: \"\";\n width: 120px;\n height: 120px;\n display: block;\n position: absolute;\n top: calc(50% - 60px);\n left: calc(50% - 60px);\n border-right: 5px solid #ffbe0b;\n border-radius: 50%;\n animation: left036 0.9s linear infinite;\n}\n\n.loader::after {\n width: 90px;\n height: 90px;\n top: calc(50% - 45px);\n left: calc(50% - 45px);\n border: 0;\n border-top: 5px solid #ff086e;\n animation: none;\n}\n\n@keyframes right5231 {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes left036 {\n from {\n transform: rotate(720deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"239478","snapshot":null,"tags":null,"title":"loader by zombie223","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":200,"cssLen":3029,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".lds-spinner {\n color: official;\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n}\n\n.lds-spinner div {\n transform-origin: 40px 40px;\n animation: lds-spinner 1.2s linear infinite;\n}\n\n.lds-spinner div:after {\n content: \" \";\n display: block;\n position: absolute;\n top: 3px;\n left: 37px;\n width: 6px;\n height: 18px;\n border-radius: 20%;\n animation: color_5881 1.2s ease-in-out infinite;\n}\n\n.lds-spinner div:nth-child(1) {\n transform: rotate(0deg);\n animation-delay: -1.1s;\n}\n\n.lds-spinner div:nth-child(2) {\n transform: rotate(30deg);\n animation-delay: -1s;\n}\n\n.lds-spinner div:nth-child(3) {\n transform: rotate(60deg);\n animation-delay: -0.9s;\n}\n\n.lds-spinner div:nth-child(4) {\n transform: rotate(90deg);\n animation-delay: -0.8s;\n}\n\n.lds-spinner div:nth-child(5) {\n transform: rotate(120deg);\n animation-delay: -0.7s;\n}\n\n.lds-spinner div:nth-child(6) {\n transform: rotate(150deg);\n animation-delay: -0.6s;\n}\n\n.lds-spinner div:nth-child(7) {\n transform: rotate(180deg);\n animation-delay: -0.5s;\n}\n\n.lds-spinner div:nth-child(8) {\n transform: rotate(210deg);\n animation-delay: -0.4s;\n}\n\n.lds-spinner div:nth-child(9) {\n transform: rotate(240deg);\n animation-delay: -0.3s;\n}\n\n.lds-spinner div:nth-child(10) {\n transform: rotate(270deg);\n animation-delay: -0.2s;\n}\n\n.lds-spinner div:nth-child(11) {\n transform: rotate(300deg);\n animation-delay: -0.1s;\n}\n\n.lds-spinner div:nth-child(12) {\n transform: rotate(330deg);\n animation-delay: 0s;\n}\n\n.lds-spinner div:nth-child(1)::after {\n transform: rotate(0deg);\n animation-delay: -1.1s;\n}\n\n.lds-spinner div:nth-child(2)::after {\n transform: rotate(30deg);\n animation-delay: -1s;\n}\n\n.lds-spinner div:nth-child(3)::after {\n transform: rotate(60deg);\n animation-delay: -0.9s;\n}\n\n.lds-spinner div:nth-child(4)::after {\n transform: rotate(90deg);\n animation-delay: -0.8s;\n}\n\n.lds-spinner div:nth-child(5)::after {\n transform: rotate(120deg);\n animation-delay: -0.7s;\n}\n\n.lds-spinner div:nth-child(6)::after {\n transform: rotate(150deg);\n animation-delay: -0.6s;\n}\n\n.lds-spinner div:nth-child(7)::after {\n transform: rotate(180deg);\n animation-delay: -0.5s;\n}\n\n.lds-spinner div:nth-child(8)::after {\n transform: rotate(210deg);\n animation-delay: -0.4s;\n}\n\n.lds-spinner div:nth-child(9)::after {\n transform: rotate(240deg);\n animation-delay: -0.3s;\n}\n\n.lds-spinner div:nth-child(10)::after {\n transform: rotate(270deg);\n animation-delay: -0.2s;\n}\n\n.lds-spinner div:nth-child(11)::after {\n transform: rotate(300deg);\n animation-delay: -0.1s;\n}\n\n.lds-spinner div:nth-child(12)::after {\n transform: rotate(330deg);\n animation-delay: 0s;\n}\n\n@keyframes lds-spinner {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes color_5881 {\n 0% {\n background-color: rgb(86, 255, 7);\n }\n\n 25% {\n background-color: rgb(0, 247, 255);\n }\n\n 50% {\n background-color: rgb(86, 255, 7);\n }\n\n 75% {\n background-color: rgb(0, 247, 255);\n }\n\n 100% {\n background-color: rgb(86, 255, 7);\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"a3348f","snapshot":null,"tags":null,"title":"loader by Bodyhc","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":401,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: calc(90px / 0.707);\n height: 20px;\n background: repeating-linear-gradient(135deg, #766DF4 0 15px,#0000 0 20px) left top,\n repeating-linear-gradient( 45deg, #766DF4 0 15px,#0000 0 20px) left bottom;\n background-size: 300% 50%;\n background-repeat: no-repeat;\n animation: i4 2s infinite linear;\n}\n\n@keyframes i4 {\n 100% {\n background-position: top right,bottom right\n }\n}\n"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"2550ab","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":719,"cssLen":1526,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

","css":"#b0 {\n animation: b0 4s infinite ease;\n transform-origin: 250px 250px;\n}\n\n#b1 {\n animation: b1 4s infinite ease;\n}\n\n#b2 {\n animation: b2 4s infinite ease;\n}\n\n#b3 {\n animation: b3 4s infinite ease;\n}\n\n#b4 {\n animation: b4 4s infinite ease;\n}\n\n@keyframes b0 {\n 0% {\n transform: rotate(0);\n }\n\n 25% {\n transform: rotate(-90deg);\n }\n\n 50% {\n transform: rotate(-180deg);\n }\n\n 75% {\n transform: rotate(-270deg);\n }\n\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes b1 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(0, 355px);\n }\n\n 50% {\n transform: translate(355px, 355px);\n }\n\n 75% {\n transform: translate(355px, 0);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b2 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(-355px, 0);\n }\n\n 50% {\n transform: translate(-355px, 355px);\n }\n\n 75% {\n transform: translate(0, 355px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b3 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(0, -355px);\n }\n\n 50% {\n transform: translate(-355px, -355px);\n }\n\n 75% {\n transform: translate(-355px, 0);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b4 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(355px, 0);\n }\n\n 50% {\n transform: translate(355px, -355px);\n }\n\n 75% {\n transform: translate(0, -355px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"66adbd","snapshot":null,"tags":null,"title":"loader by AqFox","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":28,"cssLen":1532,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

","css":".spinner {\n --R: 28px;\n --g1: #004dff 96%, #0000;\n --g2: #d6d6fc 96%, #0000;\n width: calc(2*var(--R));\n height: calc(2*var(--R));\n border-radius: 50%;\n display: grid;\n -webkit-mask: linear-gradient(#000 0 0);\n animation: spinner-maxc6n 2s infinite linear;\n}\n\n.spinner::before,\n.spinner::after {\n content: \"\";\n grid-area: 1/1;\n width: 50%;\n background: radial-gradient(farthest-side,var(--g1)) calc(var(--R) + 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R) - var(--R)),\n radial-gradient(farthest-side,var(--g1)) calc(var(--R) + 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R) - var(--R)),\n radial-gradient(farthest-side,var(--g2)) calc(var(--R) + 0.5*var(--R) - var(--R)) calc(var(--R) - 0.866*var(--R) - var(--R)),\n radial-gradient(farthest-side,var(--g1)) 0 calc(-1*var(--R)),\n radial-gradient(farthest-side,var(--g2)) calc(var(--R) - 0.5*var(--R) - var(--R)) calc(var(--R) - 0.866*var(--R) - var(--R)),\n radial-gradient(farthest-side,var(--g1)) calc(var(--R) - 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R) - var(--R)),\n radial-gradient(farthest-side,var(--g2)) calc(-1*var(--R)) 0,\n radial-gradient(farthest-side,var(--g1)) calc(var(--R) - 0.866*var(--R) - var(--R)) calc(var(--R) + 0.5*var(--R) - var(--R));\n background-size: calc(2*var(--R)) calc(2*var(--R));\n background-repeat: no-repeat;\n}\n\n.spinner::after {\n transform: rotate(180deg);\n transform-origin: right;\n}\n\n@keyframes spinner-maxc6n {\n 100% {\n transform: rotate(-1turn);\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"2310ee","snapshot":null,"tags":null,"title":"loader by aadium","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":55,"cssLen":484,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 100px;\n height: 100px;\n background-image: #212121;\n box-shadow: 0px 5px 10px #7fe8ff, 0px -5px 10px #99ff33, 5px 0px 10px#4cffb4, -5px 0px 10px #4cffb4,\n inset 0px 5px 10px #99ff33, inset 0px -5px 10px #7fe8ff, inset 5px 0px 10px#4cffb4, inset -5px 0px 10px #4cffb4;\n border-radius: 7em;\n position: relative;\n animation: rotate 1s linear infinite;\n}\n\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"70caf6","snapshot":null,"tags":null,"title":"loader by benjimich","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":62,"cssLen":465,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 200px;\n height: 10px;\n background: #004643;\n border-radius: 50px;\n overflow: hidden;\n}\n\n.inner_loader {\n width: 60%;\n height: 100%;\n background: #f9bc60;\n border-radius: 50px;\n animation: moveLeftRight 3s ease-in-out infinite;\n}\n\n@keyframes moveLeftRight {\n 0% {\n transform: translateX(calc(-100% + 10px));\n }\n\n 50% {\n transform: translateX(calc(200px - 10px));\n }\n\n 100% {\n transform: translateX(calc(-100% + 10px));\n }\n}"},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"f53eb9","snapshot":null,"tags":null,"title":"loader by Shoh2008","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":715,"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: 24px solid;\n border-color: red transparent red transparent;\n animation: rotate_000 2s linear infinite;\n}\n\n.loader:before,\n .loader:after {\n content: \"\";\n display: block;\n border: 24px solid transparent;\n border-left-color: red;\n position: absolute;\n left: -24px;\n top: -24px;\n animation: prix 1s infinite ease-in;\n transform-origin: 0% 100%;\n}\n\n.loader:before {\n border-color: transparent red transparent transparent;\n transform-origin: 100% 0%;\n animation-delay: 0.5s;\n}\n\n@keyframes rotate_000 {\n 100% {\n transform: rotate(360deg)\n }\n}\n\n@keyframes prix {\n 20% , 80% {\n transform: rotate(0)\n }\n\n 50% {\n transform: rotate(-90deg)\n }\n}\n "},{"created":"2024-01-22T16:54:15.000Z","isPrivate":0,"projectId":"5715b6","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:15.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":898,"cssLen":3627,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

\n \n

\n","css":".circle {\n position: relative;\n left: -100px;\n width: 0;\n height: 0;\n border: 50px solid #FDD835;\n border-radius: 50%;\n border-right-color: transparent;\n animation: move 5s linear 0s infinite normal forwards;\n}\n\n.circle:before {\n content: \"\";\n position: absolute;\n top: -50px;\n left: -50px;\n width: 0;\n height: 0;\n border: 50px solid #FDD835;\n border-radius: 50%;\n border-right-color: transparent;\n animation: chomp1 .25s ease-in-out 0s infinite normal forwards;\n}\n\n.circle:after {\n content: \"\";\n position: absolute;\n top: -50px;\n left: -50px;\n width: 0;\n height: 0;\n border: 50px solid #FDD835;\n border-radius: 50%;\n border-right-color: transparent;\n animation: chomp2 .25s ease-in-out 0s infinite normal forwards;\n}\n\n.loader {\n position: relative;\n top: 50px;\n width: 300px;\n height: 0px;\n border-top: 10px dotted black;\n animation: loader_4013 5s ease-in-out 0s infinite normal forwards;\n}\n\n.dots {\n position: relative;\n top: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.dot {\n position: relative;\n width: 10px;\n height: 10px;\n margin: 0 10px;\n border-radius: 50%;\n background: #1E88E5;\n animation: dot1 5s linear 0s infinite none normal;\n}\n\n.dot:nth-child(1) {\n animation-delay: 0s\n}\n\n.dot:nth-child(2) {\n animation-delay: 0.25s\n}\n\n.dot:nth-child(3) {\n animation-delay: 0.5s\n}\n\n.dot:nth-child(4) {\n animation-delay: 0.75s\n}\n\n.dot:nth-child(5) {\n animation-delay: 1s\n}\n\n.dot:nth-child(6) {\n animation-delay: 1.25s\n}\n\n.dot:nth-child(7) {\n animation-delay: 1.5s\n}\n\n.dot:nth-child(8) {\n animation-delay: 1.75s\n}\n\n.dot:nth-child(9) {\n animation-delay: 1.9s\n}\n\n.dot:nth-child(10) {\n animation-delay: 2.1s\n}\n\n.dots2 {\n position: relative;\n top: 50px;\n left: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.dot2 {\n position: relative;\n left: -10px;\n width: 10px;\n height: 10px;\n margin: 0 10px;\n border-radius: 50%;\n background: #F44336;\n opacity: 0;\n animation: dot2 5s linear 0s infinite none normal;\n}\n\n.dot2:nth-child(10) {\n animation-delay: 2.5s\n}\n\n.dot2:nth-child(9) {\n animation-delay: 2.75s\n}\n\n.dot2:nth-child(8) {\n animation-delay: 3.0s\n}\n\n.dot2:nth-child(7) {\n animation-delay: 3.25s\n}\n\n.dot2:nth-child(6) {\n animation-delay: 3.5s\n}\n\n.dot2:nth-child(5) {\n animation-delay: 3.75s\n}\n\n.dot2:nth-child(4) {\n animation-delay: 4.0s\n}\n\n.dot2:nth-child(3) {\n animation-delay: 4.25s\n}\n\n.dot2:nth-child(2) {\n animation-delay: 4.5s\n}\n\n.dot2:nth-child(1) {\n animation-delay: 4.6s\n}\n/* #F44336;, #1E88E5, #FDD835; */\n@keyframes chomp1 {\n 0% {\n transform: rotate(0deg);\n }\n\n 50% {\n transform: rotate(45deg);\n }\n\n 100% {\n transform: rotate(0deg);\n }\n}\n\n@keyframes chomp2 {\n 0% {\n transform: rotate(0deg);\n }\n\n 50% {\n transform: rotate(-45deg);\n }\n\n 100% {\n transform: rotate(0deg);\n }\n}\n\n@keyframes move {\n 0%, 100% {\n left: -100px;\n }\n\n 0%, 48% {\n transform: rotateY(0deg);\n }\n\n 50%, 100% {\n transform: rotateY(180deg);\n }\n\n 50% {\n left: 100%;\n }\n}\n\n@keyframes loader_4013 {\n 0%, 100% {\n border-top: 10px dotted #1E88E5;\n }\n\n 0%, 48% {\n border-top: 10px dotted #1E88E5;\n }\n\n 50%, 100% {\n border-top: 10px dotted #F44336;\n }\n\n 50% {\n border-top: 10px dotted #F44336;\n }\n}\n\n@keyframes dot1 {\n 0%,4% {\n background: #1E88E5;\n opacity: 1;\n }\n\n 5%,94% {\n background: #F44336;\n opacity: 0;\n }\n\n 95%,100% {\n background: #1E88E5;\n opacity: 1;\n }\n}\n\n@keyframes dot2 {\n 0%,4% {\n background: #F44336;\n opacity: 1;\n }\n\n 5%,94% {\n opacity: 0;\n }\n\n 95%,100% {\n background: #F44336;\n opacity: 1;\n }\n}"}]}},"actionData":null,"errors":null}