{"loaderData":{"0":null,"0-3":{"total":7424,"projects":[{"created":"2024-01-22T16:54:38.000Z","isPrivate":0,"projectId":"dbe3c9","snapshot":null,"tags":null,"title":"loader by mobineshaghi","updated":"2024-01-22T16:54:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":367,"cssLen":2217,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n","css":".loader {\n position: relative;\n width: 300px;\n height: 300px;\n transform-style: preserve-3d;\n transform: perspective(500px) rotateX(60deg);\n}\n\n.loader span {\n position: absolute;\n display: block;\n border: 5px solid #fff;\n box-shadow: 0 5px 0 #ccc;\n inset: 0 5px 0 #ccc;\n box-sizing: border-box;\n border-radius: 50%;\n animation: animate 3s ease-in-out infinite;\n}\n\n@keyframes animate {\n 0%,100% {\n transform: translateZ(-100px);\n }\n\n 50% {\n transform: translateZ(100px);\n }\n}\n\n.loader span:nth-child(1) {\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n animation-delay: 1.4s;\n}\n\n.loader span:nth-child(2) {\n top: 10px;\n left: 10px;\n bottom: 10px;\n right: 10px;\n animation-delay: 1.3s;\n}\n\n.loader span:nth-child(3) {\n top: 20px;\n left: 20px;\n bottom: 20px;\n right: 20px;\n animation-delay: 1.2s;\n}\n\n.loader span:nth-child(4) {\n top: 30px;\n left: 30px;\n bottom: 30px;\n right: 30px;\n animation-delay: 1.1s;\n}\n\n.loader span:nth-child(5) {\n top: 40px;\n left: 40px;\n bottom: 40px;\n right: 40px;\n animation-delay: 1s;\n}\n\n.loader span:nth-child(6) {\n top: 50px;\n left: 50px;\n bottom: 50px;\n right: 50px;\n animation-delay: 0.9s;\n}\n\n.loader span:nth-child(7) {\n top: 60px;\n left: 60px;\n bottom: 60px;\n right: 60px;\n animation-delay: 0.8s;\n}\n\n.loader span:nth-child(8) {\n top: 70px;\n left: 70px;\n bottom: 70px;\n right: 70px;\n animation-delay: 0.7s;\n}\n\n.loader span:nth-child(9) {\n top: 80px;\n left: 80px;\n bottom: 80px;\n right: 80px;\n animation-delay: 0.6s;\n}\n\n.loader span:nth-child(10) {\n top: 90px;\n left: 90px;\n bottom: 90px;\n right: 90px;\n animation-delay: 0.5s;\n}\n\n.loader span:nth-child(11) {\n top: 100px;\n left: 100px;\n bottom: 100px;\n right: 100px;\n animation-delay: 0.4s;\n}\n\n.loader span:nth-child(12) {\n top: 110px;\n left: 110px;\n bottom: 110px;\n right: 110px;\n animation-delay: 0.3s;\n}\n\n.loader span:nth-child(13) {\n top: 120px;\n left: 120px;\n bottom: 120px;\n right: 120px;\n animation-delay: 0.2s;\n}\n\n.loader span:nth-child(14) {\n top: 130px;\n left: 130px;\n bottom: 130px;\n right: 130px;\n animation-delay: 0.1s;\n}\n\n.loader span:nth-child(15) {\n top: 140px;\n left: 140px;\n bottom: 140px;\n right: 140px;\n animation-delay: 0s;\n}"},{"created":"2024-01-22T16:54:38.000Z","isPrivate":0,"projectId":"e8c28e","snapshot":null,"tags":null,"title":"loader by arshshaikh06","updated":"2024-01-22T16:54:39.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":345,"cssLen":1198,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".shimmer {\n position: relative;\n background: #3a3a3a;\n background-image: linear-gradient(to right, #3a3a3a 0%, #3f3f3f 10%, #4a4a4a 20%, #3f3f3f 30%, #3a3a3a 50%, #3a3a3a 100%);\n background-repeat: no-repeat;\n background-size: 800px 200px;\n -webkit-animation-duration: 1s;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: shimmer;\n -webkit-animation-timing-function: ease-in-out;\n}\n\n@-webkit-keyframes shimmer {\n 0% {\n background-position: -400px 0;\n }\n\n 100% {\n background-position: 400px 0;\n }\n}\n\n#container {\n width: 400px;\n height: 200px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#square {\n width: 135px;\n height: 135px;\n}\n\n#content {\n flex: 1;\n height: 150px;\n width: 100%;\n padding: 0.5rem 1rem 0 1rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-end;\n}\n\n#content-title {\n width: 100%;\n height: 30px;\n margin-bottom: 1rem;\n}\n\n#content-desc {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: flex-end;\n}\n\n.line {\n width: 100%;\n height: 10px;\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"c56982","snapshot":null,"tags":null,"title":"loader by Diox221","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":180,"cssLen":728,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".loader {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n}\n\n.circle {\n position: relative;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n margin: 10px;\n box-shadow: inset 0 0 0 2px #fff;\n transform-origin: center;\n animation: fill 1.5s ease-in-out infinite;\n}\n\n.circle-1 {\n animation-delay: 0s;\n}\n\n.circle-2 {\n animation-delay: -0.4s;\n}\n\n.circle-3 {\n animation-delay: -0.8s;\n}\n\n.circle-4 {\n animation-delay: -1.2s;\n}\n\n@keyframes fill {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 6px #1c1c1e;\n transform: scale(1.5);\n }\n\n 100% {\n box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 6px #fff;\n transform: scale(1);\n }\n}\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"534c7c","snapshot":null,"tags":null,"title":"loader by Nawsome","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":625,"cssLen":1904,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n \n \n \n

\n\n

\n \n \n \n \n

\n\n

\n \n \n \n \n

\n\n

\n","css":".cube {\n position: relative;\n width: 300px;\n height: 300px;\n transform-style: preserve-3d;\n transform: rotateX(-30deg);\n animation: animateD 8s linear infinite;\n}\n\n@keyframes animateD {\n 0% {\n transform: rotateX(-15deg) rotateY(0deg);\n }\n\n 100% {\n transform: rotateX(-15deg) rotateY(-360deg);\n }\n}\n\n.cube div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n}\n\n.cube2 {\n position: relative;\n width: 150px;\n height: 150px;\n transform-style: preserve-3d;\n animation: animateD2 5s ease-out infinite alternate;\n}\n\n@keyframes animateD2 {\n 0% {\n transform: rotateX(0deg) rotateY(0deg);\n }\n\n 100% {\n transform: rotateX(180deg) rotateY(-360deg);\n }\n}\n\n.cube2 div {\n position: absolute;\n top: 35px;\n left: 0;\n width: 65%;\n height: 65%;\n transform-style: preserve-3d;\n}\n\n.cube2 div span {\n position: absolute;\n top: 20%;\n left: 20%;\n width: 65%;\n height: 65%;\n background: transparent;\n border: 2px solid #7dff99;\n transform: rotateY(calc(90deg * var(--i))) translateZ(62px);\n}\n\n.cube3 {\n position: absolute;\n width: 300px;\n height: 300px;\n transform-style: preserve-3d;\n transform: rotateX(-30deg);\n animation: animateD3 1s ease-in-out infinite alternate;\n}\n\n@keyframes animateD3 {\n 0% {\n transform: rotateX(-90deg) rotateY(0deg);\n }\n\n 100% {\n transform: rotateX(90deg) rotateY(45deg);\n }\n}\n\n.cube3 div {\n position: absolute;\n top: 70px;\n left: 70px;\n width: 15%;\n height: 15%;\n transform-style: preserve-3d;\n}\n\n.cube3 div span {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #7dff99;\n transform: rotateY(calc(90deg * var(--i))) translateZ(14px);\n box-shadow: 0px 0px 7px #7dff99;\n}\n\n.top3 {\n position: absolute;\n top: 0;\n left: 0;\n background: #7dff99;\n transform: rotateX(90deg) translateZ(14px);\n box-shadow: 0px 0px 10px #7dff99;\n}\n\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"a4aa9d","snapshot":null,"tags":null,"title":"loader by CharandeepSingh01","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":304,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"/*View in dark mode for good effects*/\n.loader {\n border: 4px solid red;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n border-right-color: transparent;\n animation: rot 1s linear infinite;\n box-shadow: 0px 0px 20px red inset;\n}\n\n@keyframes rot {\n 100% {\n transform: rotate(360deg);\n }\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"0fc2dc","snapshot":null,"tags":null,"title":"loader by guilhermeyohan","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":1204,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader,\n.loader:before,\n.loader:after {\n border-radius: 50%;\n}\n\n.loader {\n color: #ffffff;\n font-size: 11px;\n text-indent: -99999em;\n margin: 55px auto;\n position: relative;\n width: 10em;\n height: 10em;\n box-shadow: inset 0 0 0 1em;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n}\n\n.loader:before,\n.loader:after {\n position: absolute;\n content: '';\n}\n\n.loader:before {\n width: 5.2em;\n height: 10.2em;\n background: #0011ff;\n border-radius: 10.2em 0 0 10.2em;\n top: -0.1em;\n left: -0.1em;\n -webkit-transform-origin: 5.1em 5.1em;\n transform-origin: 5.1em 5.1em;\n -webkit-animation: load2 2s infinite ease 1.5s;\n animation: load2 2s infinite ease 1.5s;\n}\n\n.loader:after {\n width: 5.2em;\n height: 10.2em;\n background: #0011ff;\n border-radius: 0 10.2em 10.2em 0;\n top: -0.1em;\n left: 4.9em;\n -webkit-transform-origin: 0.1em 5.1em;\n transform-origin: 0.1em 5.1em;\n -webkit-animation: load2 2s infinite ease;\n animation: load2 2s infinite ease;\n}\n\n@keyframes load2 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"0d3f72","snapshot":null,"tags":null,"title":"loader by d4niz","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":27,"cssLen":531,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".loader {\n width: 56px;\n height: 56px;\n display: grid;\n border: 4.6px solid #0000;\n border-radius: 100%;\n border-color: #008cff #0000;\n animation: spinner-e04l1k 1.5s infinite linear;\n}\n\n.loader::before, .loader::after {\n content: \"\";\n grid-area: 1/1;\n margin: 8px;\n border: inherit;\n border-radius: 50%;\n}\n\n.loader::before {\n border-color: #048be6 #0000;\n animation: inherit;\n animation-duration: 0.1s;\n}\n\n.loader::after {\n margin: 2.9px;\n}\n\n@keyframes spinner-e04l1k {\n 100% {\n transform: rotate(1turn);\n }\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"dda8f0","snapshot":null,"tags":null,"title":"loader by Fujitawa","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":54,"cssLen":849,"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 display: flex;\n align-items: center;\n justify-content: center;\n height: 300px;\n width: 300px;\n border-radius: 50%;\n box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 1),\n inset 10px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.loader::before {\n content: \"\";\n position: absolute;\n height: 200px;\n width: 200px;\n border-radius: 50%;\n box-shadow: -10px -10px 15px rgba(255, 255, 255, 1),\n 10px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.blue {\n height: 186px;\n width: 220px;\n position: absolute;\n animation: rotate 5s linear infinite;\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.blue::before {\n content: \"\";\n position: absolute;\n height: 30px;\n border-radius: 50%;\n width: 30px;\n background: linear-gradient(45deg, #336dff, #5c89ff);\n box-shadow: 0 5px 10px rgb(0 0 0 / 30%);\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"f64052","snapshot":null,"tags":null,"title":"loader by csozidev","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":283,"cssLen":1055,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"/* Simple loader made by: csozi | Website: www.csozi.hu*/\n\n.loader {\n height: 50px;\n width: 50px;\n position: relative;\n}\n\n.block {\n height: 10px;\n width: 10px;\n background-color: black;\n position: absolute;\n opacity: 0;\n}\n\n.b_1 {\n top: 0;\n left: 0;\n animation: load 2s infinite;\n animation-delay: 0;\n}\n\n.b_2 {\n top: 0;\n left: 20px;\n animation: load 2s infinite;\n animation-delay: 0.25s;\n}\n\n.b_3 {\n top: 0;\n right: 0;\n animation: load 2s infinite;\n animation-delay: 0.5s;\n}\n\n.b_4 {\n top: 20px;\n right: 0;\n animation: load 2s infinite;\n animation-delay: 0.75s;\n}\n\n.b_5 {\n bottom: 0;\n right: 0;\n animation: load 2s infinite;\n animation-delay: 1s;\n}\n\n.b_6 {\n bottom: 0;\n left: 20px;\n animation: load 2s infinite;\n animation-delay: 1.25s;\n}\n\n.b_7 {\n bottom: 0;\n left: 0;\n animation: load 2s infinite;\n animation-delay: 1.5s;\n}\n\n.b_8 {\n top: 20px;\n left: 0;\n animation: load 2s infinite;\n animation-delay: 1.75s;\n}\n\n@keyframes load {\n 0% {\n opacity: 1;\n }\n\n 85% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"71e011","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":496,"cssLen":1770,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Hello\n

\n \n

world !
coder !
users !
uiverse

","css":".container {\n width: 307px;\n height: 50px;\n}\n\n.content {\n display: block;\n position: sticky;\n overflow: hidden;\n font-family: 'Lato', sans-serif;\n font-size: 35px;\n line-height: 40px;\n color: #ecf0f1;\n}\n\n.content__container {\n font-weight: 600;\n overflow: hidden;\n height: 40px;\n padding: 0 40px;\n}\n\n.content__container:before {\n content: '[';\n left: 0;\n}\n\n.content__container:after {\n content: ']';\n position: absolute;\n right: 0;\n}\n\n.content__container:after, .content__container:before {\n position: absolute;\n top: -2px;\n color: #16a085;\n font-size: 42px;\n line-height: 40px;\n -webkit-animation-name: opacity;\n -webkit-animation-duration: 2s;\n -webkit-animation-iteration-count: infinite;\n animation-name: opacity;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n}\n\n.content__container__text {\n display: inline;\n float: left;\n margin: 0;\n}\n\n.content__container__list {\n margin-top: 0;\n padding-left: 110px;\n text-align: left;\n list-style: none;\n -webkit-animation-name: change;\n -webkit-animation-duration: 10s;\n -webkit-animation-iteration-count: infinite;\n animation-name: change;\n animation-duration: 10s;\n animation-iteration-count: infinite;\n}\n\n.content__container__list__item {\n line-height: 40px;\n margin: 0;\n}\n\n@keyframes opacity {\n 0%, 100% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes change {\n 0%, 12.66%, 100% {\n transform: translate3d(0, 0, 0);\n }\n\n 16.66%, 29.32% {\n transform: translate3d(0, -25%, 0);\n }\n\n 33.32%, 45.98% {\n transform: translate3d(0, -50%, 0);\n }\n\n 49.98%, 62.64% {\n transform: translate3d(0, -75%, 0);\n }\n\n 66.64%, 79.3% {\n transform: translate3d(0, -50%, 0);\n }\n\n 83.3%, 95.96% {\n transform: translate3d(0, -25%, 0);\n }\n}\n "},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"9b49a8","snapshot":null,"tags":null,"title":"loader by gharsh11032000","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":62,"cssLen":587,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n \n","css":".loader {\n font-size: 17px;\n position: relative;\n display: inline-block;\n width: 8em;\n height: 2em;\n}\n\n.slider {\n position: absolute;\n inset: 0;\n background: #0974f1;\n box-shadow: 0 0px 20px rgba(9, 117, 241, 0.4);\n}\n\n.slider:before {\n position: absolute;\n content: \"\";\n height: 1.4em;\n width: 1.4em;\n left: 0.3em;\n bottom: 0.3em;\n background-color: white;\n animation: move 1.5s cubic-bezier(0.23, 1, 0.320, 1) infinite alternate;\n}\n\n@keyframes move {\n 0% {\n transform: translateX(0em) rotate(0deg);\n }\n\n 100% {\n transform: translateX(6em) rotate(270deg);\n }\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"8c98a1","snapshot":null,"tags":null,"title":"loader by Shoh2008","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":74,"cssLen":1538,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".lds-roller {\n display: inline-block;\n position: relative;\n width: 80px;\n height: 80px;\n}\n\n.lds-roller div {\n animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n transform-origin: 40px 40px;\n}\n\n.lds-roller div:after {\n content: \" \";\n display: block;\n position: absolute;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: yellow;\n margin: -4px 0 0 -4px;\n}\n\n.lds-roller div:nth-child(1) {\n animation-delay: -0.036s;\n}\n\n.lds-roller div:nth-child(1):after {\n top: 63px;\n left: 63px;\n}\n\n.lds-roller div:nth-child(2) {\n animation-delay: -0.072s;\n}\n\n.lds-roller div:nth-child(2):after {\n top: 68px;\n left: 56px;\n}\n\n.lds-roller div:nth-child(3) {\n animation-delay: -0.108s;\n}\n\n.lds-roller div:nth-child(3):after {\n top: 71px;\n left: 48px;\n}\n\n.lds-roller div:nth-child(4) {\n animation-delay: -0.144s;\n}\n\n.lds-roller div:nth-child(4):after {\n top: 72px;\n left: 40px;\n}\n\n.lds-roller div:nth-child(5) {\n animation-delay: -0.18s;\n}\n\n.lds-roller div:nth-child(5):after {\n top: 71px;\n left: 32px;\n}\n\n.lds-roller div:nth-child(6) {\n animation-delay: -0.216s;\n}\n\n.lds-roller div:nth-child(6):after {\n top: 68px;\n left: 24px;\n}\n\n.lds-roller div:nth-child(7) {\n animation-delay: -0.252s;\n}\n\n.lds-roller div:nth-child(7):after {\n top: 63px;\n left: 17px;\n}\n\n.lds-roller div:nth-child(8) {\n animation-delay: -0.288s;\n}\n\n.lds-roller div:nth-child(8):after {\n top: 56px;\n left: 12px;\n}\n\n@keyframes lds-roller {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"}]}},"actionData":null,"errors":null}