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

\n","css":".spinner {\n --size: 30px;\n --first: #005bba;\n --second: #fed500;\n width: 50px;\n height: 50px;\n position: relative;\n animation: spin 2s linear infinite;\n}\n\n.spinner::before,\n.spinner::after {\n content: \"\";\n width: var(--size);\n height: var(--size);\n background: var(--first);\n border-radius: 100%;\n position: absolute;\n top: 10%;\n transform: translateY(-50%);\n animation: bounce 1s ease-in-out alternate infinite;\n}\n\n.spinner::after {\n background: var(--second);\n\n animation: bounce 1s 0.5s ease-in-out alternate infinite;\n}\n\n@keyframes bounce {\n 50% {\n transform: translateX(-50%);\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"c8c998","snapshot":null,"tags":null,"title":"loader by csozidev","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":203,"cssLen":1248,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":"/*\n I DID NOT MAKE THIS! THIS IS JUST A REPOST FROM: \n codepen.io/AlexWarnes/pen/jXYYKL \n My website: english.csozi.hu*/\n\n.configure-border-1 {\n width: 50px;\n height: 50px;\n padding: 3px;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fb5b53;\n animation: configure-clockwise 3s ease-in-out 0s infinite alternate;\n}\n\n.configure-border-2 {\n width: 50px;\n height: 50px;\n padding: 3px;\n left: -50px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgb(63,249,220);\n transform: rotate(45deg);\n animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;\n}\n\n.configure-core {\n width: 100%;\n height: 100%;\n background-color: #1d2630;\n}\n\n@keyframes configure-clockwise {\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 configure-xclockwise {\n 0% {\n transform: rotate(45deg);\n }\n\n 25% {\n transform: rotate(-45deg);\n }\n\n 50% {\n transform: rotate(-135deg);\n }\n\n 75% {\n transform: rotate(-225deg);\n }\n\n 100% {\n transform: rotate(-315deg);\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"9118ee","snapshot":null,"tags":null,"title":"loader by Codecite","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":58,"cssLen":680,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".ld-ripple {\n position: relative;\n width: 80px;\n height: 80px;\n}\n\n.ld-ripple div {\n position: absolute;\n border: 4px solid #fff;\n opacity: 1;\n border-radius: 50%;\n animation: ld-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n}\n\n.ld-ripple div:nth-child(2) {\n animation-delay: -0.5s;\n}\n\n@keyframes ld-ripple {\n 0% {\n top: 36px;\n left: 36px;\n width: 0;\n height: 0;\n opacity: 0;\n }\n\n 4.9% {\n top: 36px;\n left: 36px;\n width: 0;\n height: 0;\n opacity: 0;\n }\n\n 5% {\n top: 36px;\n left: 36px;\n width: 0;\n height: 0;\n opacity: 1;\n }\n\n 100% {\n top: 0px;\n left: 0px;\n width: 72px;\n height: 72px;\n opacity: 0;\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"3ea240","snapshot":null,"tags":null,"title":"loader by JesusRafaelNavaCruz","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":26,"cssLen":290,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n width: 4rem;\n height: 4rem;\n border-radius: 50%;\n box-sizing: border-box;\n border-top: 8px solid #fff;\n border-left: 8px solid #fff;\n border-right: 8px solid #ff00;\n animation: loader .7s infinite linear;\n}\n\n@keyframes loader {\n to {\n transform: rotate(360deg);\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"5ab7bc","snapshot":null,"tags":null,"title":"loader by shadowfax29","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":165,"cssLen":962,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n position: relative;\n width: 200px;\n height: 200px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n}\n\n.loader {\n width: 10px;\n height: 30px;\n left: var(--left);\n border-radius: 10px 50px;\n box-shadow: 0px 0px 5px black;\n animation: dominos 1s ease infinite;\n}\n\n.loader:nth-child(1) {\n --left: 80px;\n animation-delay: 0.325s;\n background-color: red;\n}\n\n.loader:nth-child(3) {\n left: 60px;\n animation-delay: 0.625s;\n background-color: blue;\n}\n\n.loader:nth-child(5) {\n animation-delay: 0.865s;\n left: 40px;\n background-color: green;\n}\n\n.loader:nth-child(2) {\n --left: 70px;\n animation-delay: 0.5s;\n background-color: yellow;\n}\n\n.loader:nth-child(4) {\n animation-delay: 0.74s;\n left: 50px;\n background-color: orange;\n}\n\n@keyframes dominos {\n 50% {\n opacity: 0.7;\n }\n\n 75% {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n }\n\n 80% {\n opacity: 1;\n }\n}\n\n\n\n\n"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"7efdde","snapshot":null,"tags":null,"title":"loader by Praashoo7","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":272,"cssLen":1716,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n L\n o\n a\n d\n i\n n\n g\n .\n .\n

","css":".l {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.o {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.4s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.a {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.6s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.8s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.i {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.n {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1.2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.g {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1.4s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d1 {\n color: black;\n opacity: 0;\n animation: pass1 2s ease-in-out infinite;\n animation-delay: 1.6s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d2 {\n color: black;\n opacity: 0;\n animation: pass1 2s ease-in-out infinite;\n animation-delay: 2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n@keyframes pass {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes pass1 {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"cb1838","snapshot":null,"tags":null,"title":"loader by fanishah","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":174,"cssLen":1675,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n position: absolute;\n width: 100px;\n height: 100px;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n\n.item {\n width: 50px;\n height: 50px;\n position: absolute;\n}\n\n.item-1 {\n background-color: rgb(250, 87, 103);\n top: 0;\n left: 0;\n z-index: 1;\n animation: item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;\n}\n\n.item-2 {\n background-color: rgb(121, 68, 228);\n top: 0;\n right: 0;\n animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;\n}\n\n.item-3 {\n background-color: rgb(27, 145, 247);\n bottom: 0;\n right: 0;\n z-index: 1;\n animation: item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;\n}\n\n.item-4 {\n background-color: rgb(250, 194, 76);\n bottom: 0;\n left: 0;\n animation: item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;\n}\n\n@keyframes item-1_move {\n 0%, 100% {\n transform: translate(0, 0)\n }\n\n 25% {\n transform: translate(0, 50px)\n }\n\n 50% {\n transform: translate(50px, 50px)\n }\n\n 75% {\n transform: translate(50px, 0)\n }\n}\n\n@keyframes item-2_move {\n 0%, 100% {\n transform: translate(0, 0)\n }\n\n 25% {\n transform: translate(-50px, 0)\n }\n\n 50% {\n transform: translate(-50px, 50px)\n }\n\n 75% {\n transform: translate(0, 50px)\n }\n}\n\n@keyframes item-3_move {\n 0%, 100% {\n transform: translate(0, 0)\n }\n\n 25% {\n transform: translate(0, -50px)\n }\n\n 50% {\n transform: translate(-50px, -50px)\n }\n\n 75% {\n transform: translate(-50px, 0)\n }\n}\n\n@keyframes item-4_move {\n 0%, 100% {\n transform: translate(0, 0)\n }\n\n 25% {\n transform: translate(50px, 0)\n }\n\n 50% {\n transform: translate(50px, -50px)\n }\n\n 75% {\n transform: translate(0, -50px)\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"bf8d05","snapshot":null,"tags":null,"title":"loader by Ratinax","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":146,"cssLen":1505,"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 position: relative;\n cursor: not-allowed;\n scale: 0.7;\n}\n\n.central {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 10em;\n height: 10em;\n border-radius: 50%;\n box-shadow: 0.5em 1em 1em cyan,\n -0.5em 0.5em 1em lime,\n 0.5em -0.5em 1em white,\n -0.5em -0.5em 1em yellow;\n}\n\n.external-shadow {\n width: 10em;\n height: 10em;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n box-shadow: 0.5em 0.5em 3em cyan,\n -0.5em 0.5em 3em lime,\n 0.5em -0.5em 3em white,\n -0.5em -0.5em 3em yellow;\n z-index: 999;\n animation: rotate 3s linear infinite;\n background-color: #212121;\n}\n\n.intern {\n position: absolute;\n color: white;\n z-index: 9999;\n}\n\n.intern::before {\n content: \"100%\";\n animation: percent 2s ease-in-out infinite;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 50% {\n transform: rotate(180deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes percent {\n 0% {\n content: '0%';\n }\n\n 25% {\n content: '25%';\n }\n\n 33% {\n content: '33%';\n }\n\n 42% {\n content: '42%';\n }\n\n 51% {\n content: '51%';\n }\n\n 67% {\n content: '67%';\n }\n\n 74% {\n content: '74%';\n }\n\n 75% {\n content: '75%';\n }\n\n 86% {\n content: '86%';\n }\n\n 95% {\n content: '95%';\n }\n\n 98% {\n content: '98%';\n }\n\n 99% {\n content: '99%';\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"73bebb","snapshot":null,"tags":null,"title":"loader by Mike11jr","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":147,"cssLen":617,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".spinner {\n width: 60px;\n height: 60px;\n position: relative;\n}\n\n.spinner .dot {\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n}\n\n.spinner .dot::after {\n content: \"\";\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: rgb(12, 180, 231);\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.spinner .dot {\n animation: spin 2s infinite;\n}\n\n.spinner .dot:nth-child(2) {\n animation-delay: 100ms;\n}\n\n.spinner .dot:nth-child(3) {\n animation-delay: 200ms;\n}\n\n.spinner .dot:nth-child(4) {\n animation-delay: 300ms;\n}\n\n.spinner .dot:nth-child(5) {\n animation-delay: 400ms;\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"ffd90f","snapshot":null,"tags":null,"title":"loader by jdm-encompass","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":90,"cssLen":974,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\n","css":".spinner {\n background-image: linear-gradient(rgb(0, 144, 255) 35%, rgb(0, 0, 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(0, 144, 255), 0px 5px 20px 0px rgb(0, 0, 255);\n position: relative;\n}\n\n.spinner1 {\n background-color: rgb(0, 0, 255);\n width: 100px;\n height: 100px;\n border-radius: 50px;\n filter: blur(10px);\n animation: flickeringGlow 2s linear infinite;\n}\n\n.circle {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 10px;\n height: 10px;\n background-color: white;\n border-radius: 50%;\n}\n\n@keyframes spinning82341 {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes flickeringGlow {\n 0% {\n box-shadow: 0px -10px 40px 0px rgb(0, 144, 255), 0px 10px 40px 0px rgb(0, 0, 255), 0px 0px 20px 0px white;\n }\n \n /* ...rest of the keyframes remain the same... */\n}\n"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"188db9","snapshot":null,"tags":null,"title":"loader by abrahamcalsin","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":96,"cssLen":1318,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loaderRectangle {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0 3px;\n}\n\n.loaderRectangle div {\n width: 10px;\n height: 16px;\n animation: .9s ease-in-out infinite;\n background: #183153;\n box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);\n}\n\n.loaderRectangle div:nth-child(1) {\n animation-name: rectangleOneAnim;\n animation-delay: 1s;\n}\n\n@keyframes rectangleOneAnim {\n 0% {\n height: 15px;\n }\n\n 40% {\n height: 30px;\n }\n\n 100% {\n height: 15px;\n }\n}\n\n.loaderRectangle div:nth-child(2) {\n animation-name: rectangleTwoAnim;\n animation-delay: 1.1s;\n}\n\n@keyframes rectangleTwoAnim {\n 0% {\n height: 15px;\n }\n\n 40% {\n height: 40px;\n }\n\n 100% {\n height: 15px;\n }\n}\n\n.loaderRectangle div:nth-child(3) {\n animation-name: rectangleThreeAnim;\n animation-delay: 1.2s;\n}\n\n@keyframes rectangleThreeAnim {\n 0% {\n height: 15px;\n }\n\n 40% {\n height: 50px;\n }\n\n 100% {\n height: 15px;\n }\n}\n\n.loaderRectangle div:nth-child(4) {\n animation-name: rectangleFourAnim;\n animation-delay: 1.3s;\n}\n\n@keyframes rectangleFourAnim {\n 0% {\n height: 15px;\n }\n\n 40% {\n height: 40px;\n }\n\n 100% {\n height: 15px;\n }\n}\n\n.loaderRectangle div:nth-child(5) {\n animation-name: rectangleFiveAnim;\n animation-delay: 1.4s;\n}\n\n@keyframes rectangleFiveAnim {\n 0% {\n height: 15px;\n }\n\n 40% {\n height: 30px;\n }\n\n 100% {\n height: 15px;\n }\n}"},{"created":"2024-01-22T16:54:11.000Z","isPrivate":0,"projectId":"db1eaa","snapshot":null,"tags":null,"title":"loader by SouravBandyopadhyay","updated":"2024-01-22T16:54:11.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":223,"cssLen":6861,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\t

\n\t\t\n\t\t\n\t\t\n\t

\n\t

","css":".cssload-main {\n position: absolute;\n content: '';\n left: 50%;\n transform: translate(-100%, -240%);\n -o-transform: translate(-100%, -240%);\n -ms-transform: translate(-100%, -240%);\n -webkit-transform: translate(-100%, -240%);\n -moz-transform: translate(-100%, -240%);\n}\n\n.cssload-main * {\n font-size: 62px;\n}\n\n.cssload-heart {\n animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -o-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -ms-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -webkit-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -moz-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n top: 50%;\n content: '';\n left: 50%;\n position: absolute;\n}\n\n.cssload-heartL {\n width: 1em;\n height: 1em;\n border: 1px solid rgb(252, 0, 101);\n background-color: rgb(252, 0, 101);\n content: '';\n position: absolute;\n display: block;\n border-radius: 100%;\n animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -o-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -ms-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -webkit-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -moz-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n transform: translate(-28px, -27px);\n -o-transform: translate(-28px, -27px);\n -ms-transform: translate(-28px, -27px);\n -webkit-transform: translate(-28px, -27px);\n -moz-transform: translate(-28px, -27px);\n}\n\n.cssload-heartR {\n width: 1em;\n height: 1em;\n border: 1px solid rgb(252, 0, 101);\n background-color: rgb(252, 0, 101);\n content: '';\n position: absolute;\n display: block;\n border-radius: 100%;\n transform: translate(28px, -27px);\n -o-transform: translate(28px, -27px);\n -ms-transform: translate(28px, -27px);\n -webkit-transform: translate(28px, -27px);\n -moz-transform: translate(28px, -27px);\n animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -o-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -ms-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -webkit-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -moz-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n}\n\n.cssload-square {\n width: 1em;\n height: 1em;\n border: 1px solid rgb(252, 0, 101);\n background-color: rgb(252, 0, 101);\n position: relative;\n display: block;\n content: '';\n transform: scale(1) rotate(-45deg);\n -o-transform: scale(1) rotate(-45deg);\n -ms-transform: scale(1) rotate(-45deg);\n -webkit-transform: scale(1) rotate(-45deg);\n -moz-transform: scale(1) rotate(-45deg);\n animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -o-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -ms-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -webkit-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -moz-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n}\n\n.cssload-shadow {\n top: 97px;\n left: 50%;\n content: '';\n position: relative;\n display: block;\n bottom: -.5em;\n width: 1em;\n height: .24em;\n background-color: rgb(215,215,215);\n border: 1px solid rgb(215,215,215);\n border-radius: 50%;\n animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -o-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -ms-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -webkit-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n -moz-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;\n}\n\n@keyframes cssload-square {\n 50% {\n border-radius: 100%;\n transform: scale(0.5) rotate(-45deg);\n }\n\n 100% {\n transform: scale(1) rotate(-45deg);\n }\n}\n\n@-o-keyframes cssload-square {\n 50% {\n border-radius: 100%;\n -o-transform: scale(0.5) rotate(-45deg);\n }\n\n 100% {\n -o-transform: scale(1) rotate(-45deg);\n }\n}\n\n@-ms-keyframes cssload-square {\n 50% {\n border-radius: 100%;\n -ms-transform: scale(0.5) rotate(-45deg);\n }\n\n 100% {\n -ms-transform: scale(1) rotate(-45deg);\n }\n}\n\n@-webkit-keyframes cssload-square {\n 50% {\n border-radius: 100%;\n -webkit-transform: scale(0.5) rotate(-45deg);\n }\n\n 100% {\n -webkit-transform: scale(1) rotate(-45deg);\n }\n}\n\n@-moz-keyframes cssload-square {\n 50% {\n border-radius: 100%;\n -moz-transform: scale(0.5) rotate(-45deg);\n }\n\n 100% {\n -moz-transform: scale(1) rotate(-45deg);\n }\n}\n\n@keyframes cssload-heart {\n 50% {\n transform: rotate(360deg);\n }\n\n 100% {\n transform: rotate(720deg);\n }\n}\n\n@-o-keyframes cssload-heart {\n 50% {\n -o-transform: rotate(360deg);\n }\n\n 100% {\n -o-transform: rotate(720deg);\n }\n}\n\n@-ms-keyframes cssload-heart {\n 50% {\n -ms-transform: rotate(360deg);\n }\n\n 100% {\n -ms-transform: rotate(720deg);\n }\n}\n\n@-webkit-keyframes cssload-heart {\n 50% {\n -webkit-transform: rotate(360deg);\n }\n\n 100% {\n -webkit-transform: rotate(720deg);\n }\n}\n\n@-moz-keyframes cssload-heart {\n 50% {\n -moz-transform: rotate(360deg);\n }\n\n 100% {\n -moz-transform: rotate(720deg);\n }\n}\n\n@keyframes cssload-heartL {\n 60% {\n transform: scale(0.4);\n }\n}\n\n@-o-keyframes cssload-heartL {\n 60% {\n -o-transform: scale(0.4);\n }\n}\n\n@-ms-keyframes cssload-heartL {\n 60% {\n -ms-transform: scale(0.4);\n }\n}\n\n@-webkit-keyframes cssload-heartL {\n 60% {\n -webkit-transform: scale(0.4);\n }\n}\n\n@-moz-keyframes cssload-heartL {\n 60% {\n -moz-transform: scale(0.4);\n }\n}\n\n@keyframes cssload-heartR {\n 40% {\n transform: scale(0.4);\n }\n}\n\n@-o-keyframes cssload-heartR {\n 40% {\n -o-transform: scale(0.4);\n }\n}\n\n@-ms-keyframes cssload-heartR {\n 40% {\n -ms-transform: scale(0.4);\n }\n}\n\n@-webkit-keyframes cssload-heartR {\n 40% {\n -webkit-transform: scale(0.4);\n }\n}\n\n@-moz-keyframes cssload-heartR {\n 40% {\n -moz-transform: scale(0.4);\n }\n}\n\n@keyframes cssload-shadow {\n 50% {\n transform: scale(0.5);\n border-color: rgb(228,228,228);\n }\n}\n\n@-o-keyframes cssload-shadow {\n 50% {\n -o-transform: scale(0.5);\n border-color: rgb(228,228,228);\n }\n}\n\n@-ms-keyframes cssload-shadow {\n 50% {\n -ms-transform: scale(0.5);\n border-color: rgb(228,228,228);\n }\n}\n\n@-webkit-keyframes cssload-shadow {\n 50% {\n -webkit-transform: scale(0.5);\n border-color: rgb(228,228,228);\n }\n}\n\n@-moz-keyframes cssload-shadow {\n 50% {\n -moz-transform: scale(0.5);\n border-color: rgb(228,228,228);\n }\n}"}]}},"actionData":null,"errors":null}