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

\n \n

\n","css":".loader {\n position: relative;\n width: 150px;\n height: 150px;\n background: transparent;\n border-radius: 50%;\n box-shadow: 25px 25px 75px rgba(0, 0, 0, 0.55);\n border: 1px solid #333;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.loader::before {\n content: \"\";\n position: absolute;\n inset: 20px;\n background: transparent;\n border: 1px dashed#444;\n border-radius: 50%;\n box-shadow: inset -5px -5px 25px rgba(0, 0, 0, 0.25),\n inset 5px 5px 35px rgba(0, 0, 0, 0.25);\n}\n\n.loader::after {\n content: \"\";\n position: absolute;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n border: 1px dashed#444;\n box-shadow: inset -5px -5px 25px rgba(0, 0, 0, 0.25),\n inset 5px 5px 35px rgba(0, 0, 0, 0.25);\n}\n\n.loader span {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 50%;\n height: 100%;\n background: transparent;\n transform-origin: top left;\n animation: radar81 2s linear infinite;\n border-top: 1px dashed #fff;\n}\n\n.loader span::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: seagreen;\n transform-origin: top left;\n transform: rotate(-55deg);\n filter: blur(30px) drop-shadow(20px 20px 20px seagreen);\n}\n\n@keyframes radar81 {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"b2e97d","snapshot":null,"tags":null,"title":"loader by Deri-Kurniawan","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":259,"cssLen":915,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n perspective: 600px;\n width: 100px;\n height: 100px;\n}\n\n.cube {\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n animation: rotate 4s linear infinite;\n}\n\n.face {\n position: absolute;\n width: 100%;\n height: 100%;\n background: linear-gradient(45deg, #3498db, #e74c3c);\n opacity: 0.8;\n border: 0.5px solid #fff;\n border-radius: 25%;\n}\n\n.face:nth-child(1) {\n transform: rotateX(90deg) translateZ(50px);\n}\n\n.face:nth-child(2) {\n transform: rotateX(-90deg) translateZ(50px);\n}\n\n.face:nth-child(3) {\n transform: translateZ(50px);\n}\n\n.face:nth-child(4) {\n transform: rotateY(90deg) translateZ(50px);\n}\n\n.face:nth-child(5) {\n transform: rotateY(-90deg) translateZ(50px);\n}\n\n.face:nth-child(6) {\n transform: rotateY(180deg) translateZ(50px);\n}\n\n@keyframes rotate {\n 0% {\n transform: rotateX(0deg) rotateY(0deg);\n }\n\n 100% {\n transform: rotateX(360deg) rotateY(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"50fdf8","snapshot":null,"tags":null,"title":"loader by bhaveshxrawat","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":164,"cssLen":480,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n display: flex;\n justify-content: center;\n align-content: center;\n align-items: center;\n gap: 5px;\n height: 80px;\n width: 80px;\n}\n\n.bar {\n width: 7px;\n height: 50px;\n border-radius: 10em;\n background-image: linear-gradient(60deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);\n background-size: 390%;\n animation: live 2s linear infinite;\n}\n\n@keyframes live {\n 0%, 50%, 100% {\n transform: scaleY(1);\n }\n\n 30%, 70% {\n background-position: right;\n transform: scaleY(1.15);\n }\n}"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"6e74d4","snapshot":null,"tags":null,"title":"loader by david-mohseni","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":80,"cssLen":603,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n \n \n

","css":".arrow {\n transform: rotate(90deg);\n cursor: pointer;\n}\n\n.arrow span {\n display: block;\n width: 15px;\n height: 15px;\n border-bottom: 5px solid red;\n border-right: 5px solid red;\n transform: rotate(45deg);\n margin: -15px;\n animation: animate28797 2s infinite;\n}\n\n.arrow span:nth-child(2) {\n animation-delay: -0.2s;\n}\n\n.arrow span:nth-child(3) {\n animation-delay: -0.4s;\n}\n\n@keyframes animate28797 {\n 0% {\n opacity: 0;\n transform: rotate(45deg) translate(-20px, -20px);\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n transform: rotate(45deg) translate(20px, 20px);\n }\n}"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"dbf1bb","snapshot":null,"tags":null,"title":"loader by G4b413l","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":32,"cssLen":865,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

","css":".line-wobble {\n --uib-size: 80px;\n --uib-speed: 1.55s;\n --uib-color: black;\n --uib-line-weight: 5px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--uib-line-weight);\n width: var(--uib-size);\n border-radius: calc(var(--uib-line-weight) / 2);\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n}\n\n.line-wobble::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: var(--uib-color);\n opacity: 0.1;\n}\n\n.line-wobble::after {\n content: '';\n height: 100%;\n width: 100%;\n border-radius: calc(var(--uib-line-weight) / 2);\n animation: wobble var(--uib-speed) ease-in-out infinite;\n transform: translateX(-90%);\n background-color: var(--uib-color);\n}\n\n@keyframes wobble {\n 0%,\n 100% {\n transform: translateX(-90%);\n }\n\n 50% {\n transform: translateX(90%);\n }\n}\n"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"f2c396","snapshot":null,"tags":null,"title":"loader by DeadlineBilisim","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":280,"cssLen":1783,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n perspective: 800px;\n}\n\n.loader-cube {\n width: 100px;\n height: 100px;\n position: relative;\n transform-style: preserve-3d;\n transform-origin: 50% 50%;\n animation: rotate 4s infinite linear;\n}\n\n.loader-cube:before,\n.loader-cube:after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: transparent;\n}\n\n.loader-cube:before {\n transform: rotateX(90deg) translateZ(50px);\n}\n\n.loader-cube:after {\n transform: rotateY(90deg) translateZ(50px);\n}\n\n.loader-cube .face {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgb(252, 248, 248);\n opacity: 0.8;\n border: 2px solid rgb(252, 250, 250);\n}\n\n.loader-cube .face:nth-child(1) {\n transform: rotateY(0deg) translateZ(50px);\n background-color: #e74c3c;\n}\n\n.loader-cube .face:nth-child(2) {\n transform: rotateX(90deg) translateZ(50px);\n background-color: #3498db;\n}\n\n.loader-cube .face:nth-child(3) {\n transform: rotateY(180deg) translateZ(50px);\n background-color: #2ecc71;\n}\n\n.loader-cube .face:nth-child(4) {\n transform: rotateX(-90deg) translateZ(50px);\n background-color: #f1c40f;\n}\n\n.loader-cube .face:nth-child(5) {\n transform: rotateY(90deg) translateZ(50px);\n background-color: #9b59b6;\n}\n\n.loader-cube .face:nth-child(6) {\n transform: rotateY(0deg) translateZ(-50px);\n background-color: #1abc9c;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotateY(0deg) rotateX(0deg);\n }\n\n 100% {\n transform: rotateY(1turn) rotateX(1turn);\n }\n}\n.overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparent; /* Semi-transparent black overlay */\n display: none;\n z-index: 9999; /* Ensure it's on top of everything */\n}\n"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"5ae5ae","snapshot":null,"tags":null,"title":"loader by doniaskima","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":471,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n display: inline-flex;\n gap: 10px;\n}\n\n.loader:before,\n.loader:after {\n content: \"\";\n height: 20px;\n aspect-ratio: 1;\n border-radius: 50%;\n background: radial-gradient(farthest-side,#000 95%,#0000) 35% 35%/6px 6px no-repeat\n #fff;\n transform: scaleX(var(--s,1)) rotate(0deg);\n animation: l6 1s infinite linear;\n}\n\n.loader:after {\n --s: -1;\n animation-delay: -0.1s;\n}\n\n@keyframes l6 {\n 100% {\n transform: scaleX(var(--s,1)) rotate(360deg);\n }\n}"},{"created":"2024-01-22T16:54:32.000Z","isPrivate":0,"projectId":"0e11f5","snapshot":null,"tags":null,"title":"loader by vinodjangid07","updated":"2024-01-22T16:54:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":671,"cssLen":1238,"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","css":".loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.loaderMiniContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 130px;\n height: fit-content;\n}\n.barContainer {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 10px;\n background-position: left;\n}\n.bar {\n width: 100%;\n height: 8px;\n background: linear-gradient(\n to right,\n rgb(161, 94, 255),\n rgb(217, 190, 255),\n rgb(161, 94, 255)\n );\n background-size: 200% 100%;\n border-radius: 10px;\n animation: bar ease-in-out 3s infinite alternate-reverse;\n}\n@keyframes bar {\n 0% {\n background-position: left;\n }\n 100% {\n background-position: right;\n }\n}\n.bar2 {\n width: 50%;\n}\n.svgIcon {\n position: absolute;\n left: -25px;\n margin-top: 18px;\n z-index: 2;\n width: 70%;\n animation: search ease-in-out 3s infinite alternate-reverse;\n}\n@keyframes search {\n 0% {\n transform: translateX(0%) rotate(70deg);\n }\n\n 100% {\n transform: translateX(100px) rotate(10deg);\n }\n}\n.svgIcon circle,\nline {\n stroke: rgb(162, 55, 255);\n}\n.svgIcon circle {\n fill: rgba(98, 65, 142, 0.238);\n}\n"},{"created":"2024-01-22T16:54:31.000Z","isPrivate":0,"projectId":"715ea5","snapshot":null,"tags":null,"title":"loader by Saiyed-Tanvir","updated":"2024-01-22T16:54:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":94,"cssLen":846,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".quater {\n height: 1.5cm;\n width: 1.5cm;\n background-color: skyblue;\n float: left;\n position: relative;\n bottom: 1.25cm;\n}\n\n.i {\n border-top-left-radius: 100%;\n animation: spin1 2s ease-in-out infinite;\n transform-origin: 1.5cm 1.5cm;\n}\n\n.ii {\n border-top-right-radius: 100%;\n animation: spin2 2s ease-in-out infinite;\n transform-origin: 0 1.5cm;\n}\n\n@keyframes spin1 {\n 0% {\n transform: rotateZ(0deg);\n }\n\n 25% {\n transform: rotateZ(0deg);\n }\n\n 50% {\n transform: rotateZ(180deg);\n }\n\n 75% {\n transform: rotateZ(180deg);\n }\n\n 100% {\n transform: rotateZ(360deg);\n }\n}\n\n@keyframes spin2 {\n 0% {\n transform: rotateZ(0deg);\n }\n\n 25% {\n transform: rotateZ(180deg);\n }\n\n 50% {\n transform: rotateZ(180deg);\n }\n\n 75% {\n transform: rotateZ(360deg);\n }\n\n 100% {\n transform: rotateZ(360deg);\n }\n}"},{"created":"2024-01-22T16:54:31.000Z","isPrivate":0,"projectId":"6cd555","snapshot":null,"tags":null,"title":"loader by satyamchaudharydev","updated":"2024-01-22T16:54:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":92,"cssLen":631,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n \n \n \n

","css":".spinner {\n --gap: 5px;\n --clr: #d62d20;\n --height: 23px;\n width: 100px;\n height: 100px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--gap);\n}\n\n.spinner span {\n background: var(--clr);\n width: 6px;\n height: var(--height);\n animation: grow 1s ease-in-out infinite;\n}\n\n.spinner span:nth-child(2) {\n animation: grow 1s ease-in-out 0.15s infinite;\n}\n\n.spinner span:nth-child(3) {\n animation: grow 1s ease-in-out 0.3s infinite;\n}\n\n.spinner span:nth-child(4) {\n animation: grow 1s ease-in-out 0.475s infinite;\n}\n\n@keyframes grow {\n 0%,100% {\n transform: scaleY(1);\n }\n\n 50% {\n transform: scaleY(1.8);\n }\n}"},{"created":"2024-01-22T16:54:31.000Z","isPrivate":0,"projectId":"346bc8","snapshot":null,"tags":null,"title":"loader by Sourcesketch","updated":"2024-01-22T16:54:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":104,"cssLen":3501,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n Loading…\n

\n","css":".flower-loader {\n overflow: hidden;\n position: relative;\n text-indent: -9999px;\n display: inline-block;\n width: 16px;\n height: 16px;\n background: #e96;\n border-radius: 100%;\n -moz-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n -webkit-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px, #485 12px -12px 0 4px,\n #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n -moz-animation: flower-loader 5s infinite ease-in-out;\n -webkit-animation: flower-loader 5s infinite ease-in-out;\n animation: flower-loader 5s infinite ease-in-out;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n}\n\n@-moz-keyframes flower-loader {\n 0% {\n -moz-transform: rotate(0deg);\n transform: rotate(0deg);\n -moz-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px, #485 12px -12px 0 4px,\n #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n }\n 50% {\n -moz-transform: rotate(1080deg);\n transform: rotate(1080deg);\n -moz-box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px,\n #485 -12px 12px 0 4px, #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px, #485 -12px 12px 0 4px,\n #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n }\n}\n@-webkit-keyframes flower-loader {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px, #485 12px -12px 0 4px,\n #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n }\n 50% {\n -webkit-transform: rotate(1080deg);\n transform: rotate(1080deg);\n -webkit-box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px,\n #485 -12px 12px 0 4px, #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px, #485 -12px 12px 0 4px,\n #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n }\n}\n@keyframes flower-loader {\n 0% {\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -moz-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n -webkit-box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px,\n #485 12px -12px 0 4px, #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 -12px -12px 0 4px, #485 12px -12px 0 4px,\n #485 12px 12px 0 4px, #485 -12px 12px 0 4px;\n }\n 50% {\n -moz-transform: rotate(1080deg);\n -ms-transform: rotate(1080deg);\n -webkit-transform: rotate(1080deg);\n transform: rotate(1080deg);\n -moz-box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px,\n #485 -12px 12px 0 4px, #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n -webkit-box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px,\n #485 -12px 12px 0 4px, #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n box-shadow: white 0 0 15px 0, #485 12px 12px 0 4px, #485 -12px 12px 0 4px,\n #485 -12px -12px 0 4px, #485 12px -12px 0 4px;\n }\n}\n"},{"created":"2024-01-22T16:54:31.000Z","isPrivate":0,"projectId":"ccd971","snapshot":null,"tags":null,"title":"loader by zombie223","updated":"2024-01-22T16:54:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":259,"cssLen":2419,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".lds-spinner {\n height: 250px;\n width: 250px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-right: 50px;\n padding-bottom: 20px;\n}\n\n.lds-spinner div {\n transform-origin: 30px 20px;\n}\n\n.lds-spinner div:after {\n content: \" \";\n display: block;\n position: absolute;\n top: 2px;\n left: 37px;\n width: 6px;\n height: 19px;\n border-radius: 20%;\n animation: color 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(12)::after {\n animation-delay: 0s;\n}\n\n.lds-spinner div:nth-child(1)::after {\n animation-delay: -1.1s;\n}\n\n.lds-spinner div:nth-child(2)::after {\n animation-delay: -1s;\n}\n\n.lds-spinner div:nth-child(3)::after {\n animation-delay: -0.9s;\n}\n\n.lds-spinner div:nth-child(4)::after {\n animation-delay: -0.8s;\n}\n\n.lds-spinner div:nth-child(5)::after {\n animation-delay: -0.7s;\n}\n\n.lds-spinner div:nth-child(6)::after {\n animation-delay: -0.6s;\n}\n\n.lds-spinner div:nth-child(7)::after {\n animation-delay: -0.5s;\n}\n\n.lds-spinner div:nth-child(8)::after {\n animation-delay: -0.4s;\n}\n\n.lds-spinner div:nth-child(9)::after {\n animation-delay: -0.3s;\n}\n\n.lds-spinner div:nth-child(10)::after {\n animation-delay: -0.2s;\n}\n\n.lds-spinner div:nth-child(11)::after {\n animation-delay: -0.1s;\n}\n\n@keyframes color {\n 0% {\n background-color: darkcyan;\n }\n\n 100% {\n background-color: white;\n }\n}"}]}},"actionData":null,"errors":null}