loading forever

{"loaderData":{"0":null,"0-17":{"tags":[{"name":"button","label":"Button","count":1289},{"name":"checkbox","label":"Checkbox","count":139},{"name":"loader","label":"Loader","count":732},{"name":"switch","label":"Switch","count":229},{"name":"card","label":"Card","count":648},{"name":"input","label":"Input","count":158},{"name":"radio-button","label":"Radio Button","count":37},{"name":"form","label":"Form","count":157},{"name":"pattern","label":"Pattern","count":83},{"name":"tooltip","label":"Tooltip","count":33},{"name":"twitter","label":"Twitter","count":5},{"name":"runjscollect","label":"RunJS Collect","count":10}]},"0-17-0":{"total":732,"projects":[{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"68fae1","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":75,"jsLen":0,"cssLen":1056,"pureCSS":1,"html":"

\n \n \n \n

","css":".loader {\n position: relative;\n width: 180px;\n height: 180px;\n display: flex;\n justify-content: center;\n align-items: center;\n transform-style: preserve-3d;\n transform: perspective(500px) rotateX(45deg);\n}\n\n.loader span {\n position: absolute;\n display: block;\n border: 15px solid #fff;\n box-sizing: border-box;\n border-radius: 50%;\n box-shadow: 0 10px 0 #e0e0e0, inset 0 10px 0 #e0e0e0;\n animation: animate_5013 4.5s ease-in-out infinite;\n}\n\n.loader span:nth-child(1) {\n animation-delay: 0s;\n}\n\n.loader span:nth-child(2) {\n animation-delay: 1.5s;\n}\n\n.loader span:nth-child(3) {\n animation-delay: 3s;\n}\n\n@keyframes animate_5013 {\n 0% {\n transform: translateZ(-100px);\n width: 100%;\n height: 100%;\n }\n\n 25% {\n transform: translateZ(100px);\n width: 100%;\n height: 100%;\n }\n\n 50% {\n transform: translateZ(100px);\n width: 35%;\n height: 35%;\n }\n\n 75% {\n transform: translateZ(-100px);\n width: 35%;\n height: 35%;\n }\n\n 100% {\n transform: translateZ(-100px);\n width: 100%;\n height: 100%;\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,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":496,"jsLen":0,"cssLen":1770,"pureCSS":1,"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":"731b62","snapshot":null,"tags":null,"title":"loader by realrobertlogan","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":27,"jsLen":0,"cssLen":730,"pureCSS":1,"html":"

\n","css":".loader {\n width: 3rem;\n height: 3rem;\n clear: both;\n margin: 1rem auto;\n border: 2px #fff solid;\n border-radius: 100%;\n overflow: hidden;\n position: relative;\n}\n\n.loader:after,\n.loader:before {\n content: \"\";\n border-radius: 50%;\n position: absolute;\n width: inherit;\n height: inherit;\n animation: spVortex 2s infinite linear;\n}\n\n.loader:before {\n border-top: 0.5rem #fff solid;\n top: -0.1875rem;\n left: calc(-50% - 0.1875rem);\n transform-origin: right center;\n}\n\n.loader:after {\n border-bottom: 0.5rem #fff solid;\n top: 0.1875rem;\n right: calc(-50% - 0.1875rem);\n transform-origin: left center;\n}\n\n@keyframes spVortex {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(359deg);\n }\n}\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"733dc8","snapshot":null,"tags":null,"title":"loader by doniaskima","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":26,"jsLen":0,"cssLen":695,"pureCSS":1,"html":"

","css":"/* HTML:

*/\n.loader {\n display: inline-flex;\n border: 2px solid #000;\n --c: no-repeat linear-gradient(#000 0 0) 50%;\n background: var(--c) calc(50% - 5px)/5px 5px,\n var(--c) calc(50% + 5px)/5px 5px;\n}\n\n.loader::before,\n.loader::after {\n content: \"12 00 23 40 31 45 60 17 45 32 29 42 50 08 14 07 46 11 03 55\";\n font-size: 30px;\n font-family: monospace;\n font-weight: bold;\n line-height: 1em;\n height: 1em;\n width: 2ch;\n color: #0000;\n text-shadow: 0 0 0 #000;\n overflow: hidden;\n margin: 5px 10px;\n animation: l3 1s steps(20) infinite;\n}\n\n.loader::before {\n animation-duration: 1.5s;\n}\n\n@keyframes l3 {\n 100% {\n text-shadow: 0 -20em 0 #000\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,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":74,"jsLen":0,"cssLen":1538,"pureCSS":1,"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"},{"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,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":62,"jsLen":0,"cssLen":587,"pureCSS":1,"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":"9e266c","snapshot":null,"tags":null,"title":"loader by hoi-du","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":26,"jsLen":0,"cssLen":1237,"pureCSS":1,"html":"

","css":"\n\n\n loading forever\n \n \n\n\n \n\n\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"cf0844","snapshot":null,"tags":null,"title":"loader by myselfvenky","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":59,"jsLen":0,"cssLen":461,"pureCSS":1,"html":"

","css":".spinner {\n width: 40px;\n height: 40px;\n border-radius: 100%;\n background-color: aqua;\n display: grid;\n place-items: center;\n animation: zoomin 1.5s infinite alternate-reverse;\n position: relative;\n}\n\n.inner {\n background-color: #212121;\n width: 80%;\n height: 80%;\n border-radius: 100%;\n}\n\n@keyframes zoomin {\n 0% {\n transform: scale(1);\n box-shadow: 0 0 100px 20px rgb(16, 71, 71);\n }\n\n 100% {\n transform: scale(1.5);\n box-shadow: 0 0 100px 20px #000;\n }\n}"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"e8c7d8","snapshot":null,"tags":null,"title":"loader by boryanakrasteva","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":143,"jsLen":0,"cssLen":835,"pureCSS":1,"html":"

","css":".loader {\n position: relative;\n}\n\n.circle {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0px;\n height: 0px;\n border-radius: 100%;\n opacity: 0;\n animation: pulse_4923 4s infinite linear;\n border: 0.5px solid #f3f3f3;\n box-shadow: 0px 0px 5px #eef0e5;\n}\n\n.circle:nth-child(1) {\n animation-delay: .2s;\n}\n\n.circle:nth-child(2) {\n animation-delay: .4s;\n}\n\n.circle:nth-child(3) {\n animation-delay: .8s;\n}\n\n.circle:nth-child(4) {\n animation-delay: 1s;\n}\n\n@keyframes pulse_4923 {\n 0% {\n opacity: 0.0;\n width: 0px;\n height: 0px;\n transform: translate(-50%, -50%) scale(1);\n }\n\n 10% {\n opacity: 0.5;\n transform: translate(-50%, -50%) scale(2);\n }\n\n 100% {\n opacity: 0.0;\n width: 100px;\n height: 100px;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n"},{"created":"2024-01-22T16:54:37.000Z","isPrivate":0,"projectId":"ecd9d8","snapshot":null,"tags":null,"title":"loader by JaydipPrajapati1910","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":108,"jsLen":0,"cssLen":3149,"pureCSS":1,"html":"

","css":".loader {\n width: 112px;\n height: 112px;\n}\n\n.box1,\n.box2,\n.box3 {\n border: 16px solid red;\n box-sizing: border-box;\n position: absolute;\n display: block;\n}\n\n.box1 {\n width: 112px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n animation: abox1 4s 1s forwards ease-in-out infinite;\n}\n\n.box2 {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n animation: abox2 4s 1s forwards ease-in-out infinite;\n}\n\n.box3 {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n animation: abox3 4s 1s forwards ease-in-out infinite;\n}\n\n@keyframes abox1 {\n 0% {\n width: 112px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 12.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 25% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 37.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 50% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 62.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n\n 75% {\n width: 48px;\n height: 112px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 87.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 100% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n}\n\n@keyframes abox2 {\n 0% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 12.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 25% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 37.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 50% {\n width: 112px;\n height: 48px;\n margin-top: 0px;\n margin-left: 0px;\n }\n\n 62.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 75% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 87.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 100% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n}\n\n@keyframes abox3 {\n 0% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 12.5% {\n width: 48px;\n height: 48px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 25% {\n width: 48px;\n height: 112px;\n margin-top: 0px;\n margin-left: 64px;\n }\n\n 37.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 64px;\n }\n\n 50% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 64px;\n }\n\n 62.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 64px;\n }\n\n 75% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 64px;\n }\n\n 87.5% {\n width: 48px;\n height: 48px;\n margin-top: 64px;\n margin-left: 64px;\n }\n\n 100% {\n width: 112px;\n height: 48px;\n margin-top: 64px;\n margin-left: 0px;\n }\n}\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,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":283,"jsLen":0,"cssLen":1055,"pureCSS":1,"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":"fb4dd7","snapshot":null,"tags":null,"title":"loader by harman-kanda","updated":"2024-01-22T16:54:37.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":1460,"jsLen":0,"cssLen":4002,"pureCSS":1,"html":"","css":"/* From cssbuttons.io by @harmankanda.github.io/New */\n\n.pl {\n width: 5em;\n height: 5em;\n}\n\n.pl circle {\n transform-box: fill-box;\n transform-origin: 50% 50%;\n}\n\n.pl__ring1 {\n animation: ring1 4s 0s ease-in-out infinite;\n}\n\n.pl__ring2 {\n animation: ring2 4s 0.04s ease-in-out infinite;\n}\n\n.pl__ring3 {\n animation: ring3 4s 0.08s ease-in-out infinite;\n}\n\n.pl__ring4 {\n animation: ring4 4s 0.12s ease-in-out infinite;\n}\n\n.pl__ring5 {\n animation: ring5 4s 0.16s ease-in-out infinite;\n}\n\n.pl__ring6 {\n animation: ring6 4s 0.2s ease-in-out infinite;\n}\n\n/* Animations */\n@keyframes ring1 {\n from {\n stroke-dashoffset: -376.237129776;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -94.247778;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -376.237129776;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -94.247778;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -376.237129776;\n transform: rotate(4.75turn);\n }\n}\n\n@keyframes ring2 {\n from {\n stroke-dashoffset: -329.207488554;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -82.46680575;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -329.207488554;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -82.46680575;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -329.207488554;\n transform: rotate(4.75turn);\n }\n}\n\n@keyframes ring3 {\n from {\n stroke-dashoffset: -288.4484661616;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -72.2566298;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -288.4484661616;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -72.2566298;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -288.4484661616;\n transform: rotate(4.75turn);\n }\n}\n\n@keyframes ring4 {\n from {\n stroke-dashoffset: -253.9600625988;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -63.61725015;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -253.9600625988;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -63.61725015;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -253.9600625988;\n transform: rotate(4.75turn);\n }\n}\n\n@keyframes ring5 {\n from {\n stroke-dashoffset: -225.7422778656;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -56.5486668;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -225.7422778656;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -56.5486668;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -225.7422778656;\n transform: rotate(4.75turn);\n }\n}\n\n@keyframes ring6 {\n from {\n stroke-dashoffset: -203.795111962;\n transform: rotate(-0.25turn);\n animation-timing-function: ease-in;\n }\n\n 23% {\n stroke-dashoffset: -51.05087975;\n transform: rotate(1turn);\n animation-timing-function: ease-out;\n }\n\n 46%, 50% {\n stroke-dashoffset: -203.795111962;\n transform: rotate(2.25turn);\n animation-timing-function: ease-in;\n }\n\n 73% {\n stroke-dashoffset: -51.05087975;\n transform: rotate(3.5turn);\n animation-timing-function: ease-out;\n }\n\n 96%, to {\n stroke-dashoffset: -203.795111962;\n transform: rotate(4.75turn);\n }\n}"}]}},"actionData":null,"errors":null}