{"loaderData":{"0":null,"0-3":{"total":7313,"projects":[{"created":"2024-01-22T16:52:41.000Z","isPrivate":0,"projectId":"2e447f","snapshot":null,"tags":null,"title":"loader by doniaskima","updated":"2024-01-22T16:52:41.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":1339,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"/* HTML:

*/\n.loader {\n --c1: #673b14;\n --c2: #f8b13b;\n width: 40px;\n height: 80px;\n border-top: 4px solid var(--c1);\n border-bottom: 4px solid var(--c1);\n background: linear-gradient(90deg, var(--c1) 2px, var(--c2) 0 5px,var(--c1) 0) 50%/7px 8px no-repeat;\n display: grid;\n overflow: hidden;\n animation: l5-0 2s infinite linear;\n}\n\n.loader::before,\n.loader::after {\n content: \"\";\n grid-area: 1/1;\n width: 75%;\n height: calc(50% - 4px);\n margin: 0 auto;\n border: 2px solid var(--c1);\n border-top: 0;\n box-sizing: content-box;\n border-radius: 0 0 40% 40%;\n -webkit-mask: linear-gradient(#000 0 0) bottom/4px 2px no-repeat,\n linear-gradient(#000 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n background: linear-gradient(var(--d,0deg),var(--c2) 50%,#0000 0) bottom /100% 205%,\n linear-gradient(var(--c2) 0 0) center/0 100%;\n background-repeat: no-repeat;\n animation: inherit;\n animation-name: l5-1;\n}\n\n.loader::after {\n transform-origin: 50% calc(100% + 2px);\n transform: scaleY(-1);\n --s: 3px;\n --d: 180deg;\n}\n\n@keyframes l5-0 {\n 80% {\n transform: rotate(0)\n }\n\n 100% {\n transform: rotate(0.5turn)\n }\n}\n\n@keyframes l5-1 {\n 10%,70% {\n background-size: 100% 205%,var(--s,0) 100%\n }\n\n 70%,100% {\n background-position: top,center\n }\n}"},{"created":"2024-01-22T16:52:41.000Z","isPrivate":0,"projectId":"839a8d","snapshot":null,"tags":null,"title":"loader by Nawsome","updated":"2024-01-22T16:52:41.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":223,"cssLen":1161,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loading {\n width: 100px;\n height: 100px;\n background: white;\n border-radius: 12px;\n position: relative;\n transform-style: preserve-3d;\n animation: loading_4123 2s linear infinite;\n}\n\n.side {\n background: white;\n border-radius: 12px;\n}\n\n.front, .back {\n width: 100px;\n height: 100px;\n}\n\n.front, .back {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\n.back {\n transform: translateZ(-10px);\n}\n\n.left, .right {\n width: 10px;\n height: calc(100% - 12px);\n top: 6px;\n position: absolute;\n background: #efefef;\n}\n\n.left {\n left: 0;\n transform-origin: 0;\n transform: rotateY(90deg);\n}\n\n.right {\n right: 0;\n transform-origin: 100%;\n transform: rotateY(-90deg);\n}\n\n.top, .bottom {\n width: calc(100% - 12px);\n height: 10px;\n position: absolute;\n left: 6px;\n background: #efefef;\n}\n\n.top {\n top: -10px;\n transform-origin: 0 100%;\n transform: rotateX(90deg);\n}\n\n.bottom {\n bottom: -10px;\n transform-origin: 0 0;\n transform: rotateX(-90deg);\n}\n\n@keyframes loading_4123 {\n 0% {\n transform: rotate(0);\n }\n\n 50% {\n transform: rotateY(180deg);\n }\n\n 100% {\n transform: rotateY(180deg) rotateX(-180deg);\n }\n}"},{"created":"2024-01-22T16:52:41.000Z","isPrivate":0,"projectId":"f3e443","snapshot":null,"tags":null,"title":"loader by abrahamcalsin","updated":"2024-01-22T16:52:41.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":566,"cssLen":1420,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\n","css":".jelly-triangle {\n --uib-size: 2.8rem;\n --uib-speed: 1.75s;\n --uib-color: #183153;\n position: relative;\n height: var(--uib-size);\n width: var(--uib-size);\n filter: url('#uib-jelly-triangle-ooze');\n}\n\n.jelly-triangle__dot,\n.jelly-triangle::before,\n.jelly-triangle::after {\n content: '';\n position: absolute;\n width: 33%;\n height: 33%;\n background: var(--uib-color);\n border-radius: 100%;\n box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);\n}\n\n.jelly-triangle__dot {\n top: 6%;\n left: 30%;\n animation: grow7132 var(--uib-speed) ease infinite;\n}\n\n.jelly-triangle::before {\n bottom: 6%;\n right: 0;\n animation: grow7132 var(--uib-speed) ease calc(var(--uib-speed) * -0.666)\n infinite;\n}\n\n.jelly-triangle::after {\n bottom: 6%;\n left: 0;\n animation: grow7132 var(--uib-speed) ease calc(var(--uib-speed) * -0.333)\n infinite;\n}\n\n.jelly-triangle__traveler {\n position: absolute;\n top: 6%;\n left: 30%;\n width: 33%;\n height: 33%;\n background: var(--uib-color);\n border-radius: 100%;\n animation: triangulate6214 var(--uib-speed) ease infinite;\n}\n\n.jelly-maker {\n width: 0;\n height: 0;\n position: absolute;\n}\n\n@keyframes triangulate6214 {\n 0%,\n 100% {\n transform: none;\n }\n\n 33.333% {\n transform: translate(120%, 175%);\n }\n\n 66.666% {\n transform: translate(-95%, 175%);\n }\n}\n\n@keyframes grow7132 {\n 0%,\n 100% {\n transform: scale(1.5);\n }\n\n 20%,\n 70% {\n transform: none;\n }\n}"},{"created":"2024-01-22T16:52:41.000Z","isPrivate":0,"projectId":"32e51b","snapshot":null,"tags":null,"title":"loader by Praashoo7","updated":"2024-01-22T16:52:41.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":124,"cssLen":426,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".load {\n display: flex;\n border-radius: 50%;\n flex-direction: row;\n}\n\n.progress {\n width: 2em;\n height: 2em;\n margin: 0.4em;\n scale: 0;\n border-radius: 50%;\n background: rgb(255, 255, 255);\n animation: loading_492 2s ease infinite;\n animation-delay: 1s;\n}\n\n@keyframes loading_492 {\n 50% {\n scale: 1;\n }\n}\n\n.progress:nth-child(2) {\n animation-delay: 1.3s;\n}\n\n.progress:nth-child(3) {\n animation-delay: 1.7s;\n}"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"9bfe39","snapshot":null,"tags":null,"title":"loader by xXJollyHAKERXx","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":61,"cssLen":525,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".spinner {\n background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));\n width: 100px;\n height: 100px;\n animation: spinning82341 1.7s linear infinite;\n text-align: center;\n border-radius: 50px;\n filter: blur(1px);\n box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);\n}\n\n.spinner1 {\n background-color: rgb(36, 36, 36);\n width: 100px;\n height: 100px;\n border-radius: 50px;\n filter: blur(10px);\n}\n\n@keyframes spinning82341 {\n to {\n transform: rotate(360deg);\n }\n}"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"476fc8","snapshot":null,"tags":null,"title":"loader by NlghtM4re","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1027,"cssLen":1523,"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

","css":".container {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.tree {\n position: relative;\n width: 50px;\n height: 50px;\n transform-style: preserve-3d;\n transform: rotateX(-20deg) rotateY(30deg);\n animation: treeAnimate 5s linear infinite;\n}\n\n@keyframes treeAnimate {\n 0% {\n transform: rotateX(-20deg) rotateY(360deg);\n }\n\n 100% {\n transform: rotateX(-20deg) rotateY(0deg);\n }\n}\n\n.tree div {\n position: absolute;\n top: -50px;\n left: 0;\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n transform: translateY(calc(25px * var(--x))) translateZ(0px);\n}\n\n.tree div.branch span {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, #69c069, #77dd77);\n clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n border-bottom: 5px solid #00000019;\n transform-origin: bottom;\n transform: rotateY(calc(90deg * var(--i))) rotateX(30deg) translateZ(28.5px);\n}\n\n.tree div.stem span {\n position: absolute;\n top: 110px;\n /* updated top value */\n left: calc(50% - 7.5px);\n width: 15px;\n height: 50%;\n background: linear-gradient(90deg, #bb4622, #df7214);\n border-bottom: 5px solid #00000019;\n transform-origin: bottom;\n transform: rotateY(calc(90deg * var(--i))) translateZ(7.5px);\n}\n\n.shadow {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.4);\n filter: blur(20px);\n transform-style: preserve-3d;\n transform: rotateX(90deg) translateZ(-65px);\n}\n"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"73ad26","snapshot":null,"tags":null,"title":"loader by alexruix","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":964,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 48px;\n height: 48px;\n margin: auto;\n position: relative;\n}\n\n.loader:before {\n content: '';\n width: 48px;\n height: 5px;\n background: #f0808050;\n position: absolute;\n top: 60px;\n left: 0;\n border-radius: 50%;\n animation: shadow324 0.5s linear infinite;\n}\n\n.loader:after {\n content: '';\n width: 100%;\n height: 100%;\n background: #f08080;\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 4px;\n animation: jump7456 0.5s linear infinite;\n}\n\n@keyframes jump7456 {\n 15% {\n border-bottom-right-radius: 3px;\n }\n\n 25% {\n transform: translateY(9px) rotate(22.5deg);\n }\n\n 50% {\n transform: translateY(18px) scale(1, .9) rotate(45deg);\n border-bottom-right-radius: 40px;\n }\n\n 75% {\n transform: translateY(9px) rotate(67.5deg);\n }\n\n 100% {\n transform: translateY(0) rotate(90deg);\n }\n}\n\n@keyframes shadow324 {\n\n 0%,\n 100% {\n transform: scale(1, 1);\n }\n\n 50% {\n transform: scale(1.2, 1);\n }\n}"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"f7cbc6","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":369,"cssLen":1124,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"@keyframes loader_5191 {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.square {\n background: #ddd;\n width: 10px;\n height: 10px;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -5px;\n margin-left: -5px;\n}\n\n#sq1 {\n margin-top: -25px;\n margin-left: -25px;\n animation: loader_5191 675ms ease-in-out 0s infinite alternate;\n}\n\n#sq2 {\n margin-top: -25px;\n animation: loader_5191 675ms ease-in-out 75ms infinite alternate;\n}\n\n#sq3 {\n margin-top: -25px;\n margin-left: 15px;\n animation: loader_5191 675ms ease-in-out 150ms infinite;\n}\n\n#sq4 {\n margin-left: -25px;\n animation: loader_5191 675ms ease-in-out 225ms infinite;\n}\n\n#sq5 {\n animation: loader_5191 675ms ease-in-out 300ms infinite;\n}\n\n#sq6 {\n margin-left: 15px;\n animation: loader_5191 675ms ease-in-out 375ms infinite;\n}\n\n#sq7 {\n margin-top: 15px;\n margin-left: -25px;\n animation: loader_5191 675ms ease-in-out 450ms infinite;\n}\n\n#sq8 {\n margin-top: 15px;\n animation: loader_5191 675ms ease-in-out 525ms infinite;\n}\n\n#sq9 {\n margin-top: 15px;\n margin-left: 15px;\n animation: loader_5191 675ms ease-in-out 600ms infinite;\n}"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"3ba465","snapshot":null,"tags":null,"title":"loader by zanina-yassine","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":316,"cssLen":1710,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n \n

","css":".container {\n width: 250px;\n height: 250px;\n padding: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.cloud {\n width: 250px;\n}\n\n.front {\n padding-top: 45px;\n margin-left: 25px;\n display: inline;\n position: absolute;\n z-index: 11;\n animation: clouds 8s infinite;\n animation-timing-function: ease-in-out;\n}\n\n.back {\n margin-top: -30px;\n margin-left: 150px;\n z-index: 12;\n animation: clouds 12s infinite;\n animation-timing-function: ease-in-out;\n}\n\n.right-front {\n width: 45px;\n height: 45px;\n border-radius: 50% 50% 50% 0%;\n background-color: #4c9beb;\n display: inline-block;\n margin-left: -25px;\n z-index: 5;\n}\n\n.left-front {\n width: 65px;\n height: 65px;\n border-radius: 50% 50% 0% 50%;\n background-color: #4c9beb;\n display: inline-block;\n z-index: 5;\n}\n\n.right-back {\n width: 50px;\n height: 50px;\n border-radius: 50% 50% 50% 0%;\n background-color: #4c9beb;\n display: inline-block;\n margin-left: -20px;\n z-index: 5;\n}\n\n.left-back {\n width: 30px;\n height: 30px;\n border-radius: 50% 50% 0% 50%;\n background-color: #4c9beb;\n display: inline-block;\n z-index: 5;\n}\n\n.sun {\n width: 120px;\n height: 120px;\n background: -webkit-linear-gradient(to right, #fcbb04, #fffc00);\n background: linear-gradient(to right, #fcbb04, #fffc00);\n border-radius: 60px;\n display: inline;\n position: absolute;\n}\n\n.sunshine {\n animation: sunshines 2s infinite;\n}\n\n@keyframes sunshines {\n 0% {\n transform: scale(1);\n opacity: 0.6;\n }\n\n 100% {\n transform: scale(1.4);\n opacity: 0;\n }\n}\n\n@keyframes clouds {\n 0% {\n transform: translateX(15px);\n }\n\n 50% {\n transform: translateX(0px);\n }\n\n 100% {\n transform: translateX(15px);\n }\n}\n"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"98901e","snapshot":null,"tags":null,"title":"loader by terenceodonoghue","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":94,"cssLen":1027,"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":".container {\n position: absolute;\n top: 50%;\n left: 50%;\n border-radius: 50%;\n height: 96px;\n width: 96px;\n animation: rotate_3922 1.2s linear infinite;\n background-color: #9b59b6;\n background-image: linear-gradient(#9b59b6, #84cdfa, #5ad1cd);\n}\n\n.container span {\n position: absolute;\n border-radius: 50%;\n height: 100%;\n width: 100%;\n background-color: #9b59b6;\n background-image: linear-gradient(#9b59b6, #84cdfa, #5ad1cd);\n}\n\n.container span:nth-of-type(1) {\n filter: blur(5px);\n}\n\n.container span:nth-of-type(2) {\n filter: blur(10px);\n}\n\n.container span:nth-of-type(3) {\n filter: blur(25px);\n}\n\n.container span:nth-of-type(4) {\n filter: blur(50px);\n}\n\n.container::after {\n content: \"\";\n position: absolute;\n top: 10px;\n left: 10px;\n right: 10px;\n bottom: 10px;\n background-color: #fff;\n border: solid 5px #ffffff;\n border-radius: 50%;\n}\n\n@keyframes rotate_3922 {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n}\n"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"ac9ac1","snapshot":null,"tags":null,"title":"loader by Shoh2008","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":1917,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 120px;\n height: 150px;\n background-color: #fff;\n background-repeat: no-repeat;\n background-image: linear-gradient(#ddd 50%, #bbb 51%),\n linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd),\n radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%),\n radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%),\n radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%);\n background-position: 0 20px, 45px 0, 8px 6px, 55px 3px, 75px 3px, 95px 3px;\n background-size: 100% 4px, 1px 23px, 30px 8px, 15px 15px, 15px 15px, 15px 15px;\n position: relative;\n border-radius: 6%;\n animation: shake 3s ease-in-out infinite;\n transform-origin: 60px 180px;\n}\n\n.loader:before {\n content: \"\";\n position: absolute;\n left: 5px;\n top: 100%;\n width: 7px;\n height: 5px;\n background: #aaa;\n border-radius: 0 0 4px 4px;\n box-shadow: 102px 0 #aaa;\n}\n\n.loader:after {\n content: \"\";\n position: absolute;\n width: 95px;\n height: 95px;\n left: 0;\n right: 0;\n margin: auto;\n bottom: 20px;\n background-color: #bbdefb;\n background-image: linear-gradient( to right, #0004 0%, #0004 49%, #0000 50%, #0000 100% ),\n linear-gradient(135deg, #64b5f6 50%, #607d8b 51%);\n background-size: 30px 100%, 90px 80px;\n border-radius: 50%;\n background-repeat: repeat, no-repeat;\n background-position: 0 0;\n box-sizing: border-box;\n border: 10px solid #DDD;\n box-shadow: 0 0 0 4px #999 inset, 0 0 6px 6px #0004 inset;\n animation: spin 3s ease-in-out infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg)\n }\n\n 50% {\n transform: rotate(360deg)\n }\n\n 75% {\n transform: rotate(750deg)\n }\n\n 100% {\n transform: rotate(1800deg)\n }\n}\n\n@keyframes shake {\n 65%, 80%, 88%, 96% {\n transform: rotate(0.5deg)\n }\n\n 50%, 75%, 84%, 92% {\n transform: rotate(-0.5deg)\n }\n\n 0%, 50%, 100% {\n transform: rotate(0)\n }\n}"},{"created":"2024-01-22T16:52:40.000Z","isPrivate":0,"projectId":"ec40ce","snapshot":null,"tags":null,"title":"loader by gsperandio","updated":"2024-01-22T16:52:40.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":241,"cssLen":1918,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".cubes {\n position: absolute;\n top: 50%;\n left: 50%;\n transform-style: preserve-3d;\n}\n\n.loop {\n transform: rotateX(-35deg) rotateY(-45deg) translateZ(1.5625em);\n}\n\n@keyframes s {\n to {\n transform: scale3d(0.2, 0.2, 0.2);\n }\n}\n\n.item {\n margin: -1.5625em;\n width: 3.125em;\n height: 3.125em;\n transform-origin: 50% 50% -1.5625em;\n box-shadow: 0 0 0.125em currentColor;\n background: currentColor;\n animation: s 0.6s cubic-bezier(0.45, 0.03, 0.51, 0.95) infinite alternate;\n}\n\n.item:before,\n.item:after {\n position: absolute;\n width: inherit;\n height: inherit;\n transform-origin: 0 100%;\n box-shadow: inherit;\n background: currentColor;\n content: \"\";\n}\n\n.item:before {\n bottom: 100%;\n transform: rotateX(90deg);\n}\n\n.item:after {\n left: 100%;\n transform: rotateY(90deg);\n}\n\n.item:nth-child(1) {\n margin-top: 6.25em;\n color: #fe1e52;\n animation-delay: -1.2s;\n}\n\n.item:nth-child(1):before {\n color: #ff6488;\n}\n\n.item:nth-child(1):after {\n color: #ff416d;\n}\n\n.item:nth-child(2) {\n margin-top: 3.125em;\n color: #fe4252;\n animation-delay: -1s;\n}\n\n.item:nth-child(2):before {\n color: #ff8892;\n}\n\n.item:nth-child(2):after {\n color: #ff6572;\n}\n\n.item:nth-child(3) {\n margin-top: 0em;\n color: #fe6553;\n animation-delay: -0.8s;\n}\n\n.item:nth-child(3):before {\n color: #ffa499;\n}\n\n.item:nth-child(3):after {\n color: #ff8476;\n}\n\n.item:nth-child(4) {\n margin-top: -3.125em;\n color: #fe8953;\n animation-delay: -0.6s;\n}\n\n.item:nth-child(4):before {\n color: #ffb999;\n}\n\n.item:nth-child(4):after {\n color: #ffa176;\n}\n\n.item:nth-child(5) {\n margin-top: -6.25em;\n color: #feac54;\n animation-delay: -0.4s;\n}\n\n.item:nth-child(5):before {\n color: #ffce9a;\n}\n\n.item:nth-child(5):after {\n color: #ffbd77;\n}\n\n.item:nth-child(6) {\n margin-top: -9.375em;\n color: #fed054;\n animation-delay: -0.2s;\n}\n\n.item:nth-child(6):before {\n color: #ffe49a;\n}\n\n.item:nth-child(6):after {\n color: #ffda77;\n}"}]}},"actionData":null,"errors":null}