{
    "circle_0": ".circle_0 {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--preloader-color1);\n    border-bottom-color: var(--preloader-color2);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n    }\n\n    @keyframes rotation {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n    } ",
    "circle_1": ".circle_1 {\n    width: 48px;\n    height: 48px;\n    border: 5px solid var(--preloader-color1);\n    border-bottom-color: transparent;\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n    }\n\n    @keyframes rotation {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n    } ",
    "circle_2": ".circle_2 {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      position: relative;\n      animation: rotate 1s linear infinite\n    }\n    .circle_2::before {\n      content: \"\";\n      box-sizing: border-box;\n      position: absolute;\n      inset: 0px;\n      border-radius: 50%;\n      border: 5px solid var(--preloader-color1);\n      animation: prixClipFix 2s linear infinite ;\n    }\n\n    @keyframes rotate {\n      100%   {transform: rotate(360deg)}\n    }\n\n    @keyframes prixClipFix {\n        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}\n        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}\n    }",
    "circle_3": ".circle_3 {\n        width: 48px;\n        height: 48px;\n        border-radius: 50%;\n        position: relative;\n        animation: rotate 1s linear infinite\n      }\n      .circle_3::before , .circle_3::after {\n        content: \"\";\n        box-sizing: border-box;\n        position: absolute;\n        inset: 0px;\n        border-radius: 50%;\n        border: 5px solid var(--preloader-color1);\n        animation: prixClipFix 2s linear infinite ;\n      }\n      .circle_3::after{\n        transform: rotate3d(90, 90, 0, 180deg );\n        border-color: var(--preloader-color2);\n      }\n\n      @keyframes rotate {\n        0%   {transform: rotate(0deg)}\n        100%   {transform: rotate(360deg)}\n      }\n\n      @keyframes prixClipFix {\n          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n          75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n      }\n",
    "circle_4": ".circle_4 {\n        width: 48px;\n        height: 48px;\n        border-radius: 50%;\n        position: relative;\n        animation: rotate 1s linear infinite\n      }\n      .circle_4::before , .circle_4::after {\n        content: \"\";\n        box-sizing: border-box;\n        position: absolute;\n        inset: 0px;\n        border-radius: 50%;\n        border: 5px solid var(--preloader-color1);\n        animation: prixClipFix 2s linear infinite ;\n      }\n      .circle_4::after{\n        inset: 8px;\n        transform: rotate3d(90, 90, 0, 180deg );\n        border-color: var(--preloader-color2);\n      }\n\n      @keyframes rotate {\n        0%   {transform: rotate(0deg)}\n        100%   {transform: rotate(360deg)}\n      }\n\n      @keyframes prixClipFix {\n          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n          75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n      }\n",
    "circle_5": ".circle_5 {\n        width: 48px;\n        height: 48px;\n        border-radius: 50%;\n        position: relative;\n        animation: rotate 1s linear infinite\n      }\n      .circle_5::before , .circle_5::after {\n        content: \"\";\n        box-sizing: border-box;\n        position: absolute;\n        inset: 0px;\n        border-radius: 50%;\n        border: 5px solid var(--preloader-color1);\n        animation: prixClipFix 2s linear infinite ;\n      }\n      .circle_5::after{\n        border-color: var(--preloader-color2);\n        animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;\n        inset: 6px;\n      }\n\n      @keyframes rotate {\n        0%   {transform: rotate(0deg)}\n        100%   {transform: rotate(360deg)}\n      }\n\n      @keyframes prixClipFix {\n          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n          25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n          75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}\n          100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}\n      }",
    "circle_6": ".circle_6 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_6::after {\n    content: '';  \n  box-sizing: border-box;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    border: 3px solid transparent;\n    border-bottom-color: var(--preloader-color2);\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_7": ".circle_7 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n} \n.circle_7::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  border: 3px solid transparent;\n  border-bottom-color: var(--preloader-color2);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_8": ".circle_8 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_8::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: 3px solid;\n  border-color: var(--preloader-color2) transparent;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_9": ".circle_9 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_9::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  border: 3px solid;\n  border-color: var(--preloader-color2) transparent;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_10": ".circle_10 {\n  width: 48px;\n  height: 48px;\n  border: 2px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_10::after,\n.circle_10::before {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: var(--preloader-color2);\n  width: 6px;\n  height: 6px;\n  transform: translate(150%, 150%);\n  border-radius: 50%;\n}\n.circle_10::before {\n  left: auto;\n  top: auto;\n  right: 0;\n  bottom: 0;\n  transform: translate(-150%, -150%);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_11": ".circle_11 {\n  width: 48px;\n  height: 48px;\n  border: 2px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_11::after,\n.circle_11::before {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: var(--preloader-color2);\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n}\n.circle_11::before {\n  left: auto;\n  top: auto;\n  right: 0;\n  bottom: 0;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_12": ".circle_12 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_12::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 0;\n  background: var(--preloader-color2);\n  width: 16px;\n  height: 16px;\n  transform: translate(-50%, 50%);\n  border-radius: 50%;\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_13": ".circle_13 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  border: 2px solid var(--preloader-color2);\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_13::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 4px;\n  top: 4px;\n  border: 2px solid var(--preloader-color1);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_14": ".circle_14 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  border: 3px solid;\n  border-color: var(--preloader-color1) var(--preloader-color1) transparent;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_14::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  border: 3px solid;\n  border-color: transparent var(--preloader-color2) var(--preloader-color2);\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  animation: rotationBack 0.5s linear infinite;\n  transform-origin: center center;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n    \n@keyframes rotationBack {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n    ",
    "circle_15": ".circle_15 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  border: 3px solid;\n  border-color: var(--preloader-color1) var(--preloader-color1) transparent transparent;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_15::after,\n.circle_15::before {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  border: 3px solid;\n  border-color: transparent transparent var(--preloader-color2) var(--preloader-color2);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  animation: rotationBack 0.5s linear infinite;\n  transform-origin: center center;\n}\n.circle_15::before {\n  width: 32px;\n  height: 32px;\n  border-color: var(--preloader-color1) var(--preloader-color1) transparent transparent;\n  animation: rotation 1.5s linear infinite;\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n@keyframes rotationBack {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-360deg);\n  }\n}\n    ",
    "circle_16": ".circle_16 {\n  width: 48px;\n  height: 48px;\n  border: 3px dotted var(--preloader-color1);\n  border-style: solid solid dotted dotted;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 2s linear infinite;\n}\n.circle_16::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  border: 3px dotted var(--preloader-color2);\n  border-style: solid solid dotted;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  animation: rotationBack 1s linear infinite;\n  transform-origin: center center;\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n@keyframes rotationBack {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(-360deg);\n  }\n} ",
    "circle_17": ".circle_17 {\n  width: 48px;\n  height: 48px;\n  border: 2px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_17::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 0;\n  background: var(--preloader-color2);\n  width: 3px;\n  height: 24px;\n  transform: translateX(-50%);\n}\n    \n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n",
    "circle_18": ".circle_18 {\n  width: 48px;\n  height: 48px;\n  border: 5px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  box-sizing: border-box;\n  position: relative;\n  animation: pulse 1s linear infinite;\n}\n.circle_18:after {\n  content: '';\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 5px solid var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  box-sizing: border-box;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  animation: scaleUp 1s linear infinite;\n}\n\n@keyframes scaleUp {\n  0% { transform: translate(-50%, -50%) scale(0) }\n  60% , 100% { transform: translate(-50%, -50%)  scale(1)}\n}\n@keyframes pulse {\n  0% , 60% , 100%{ transform:  scale(1) }\n  80% { transform:  scale(1.2)}\n}\n",
    "circle_19": ".circle_19 {\n  width: 48px;\n  height: 48px;\n  display: inline-block;\n  position: relative;\n}\n.circle_19::after,\n.circle_19::before {\n  content: '';  \n  box-sizing: border-box;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--preloader-color1);\n  position: absolute;\n  left: 0;\n  top: 0;\n  animation: animloader 2s linear infinite;\n}\n.circle_19::after {\n  animation-delay: 1s;\n}\n\n@keyframes animloader {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n",
    "circle_20": ".circle_20 {\n  width: 48px;\n  height: 48px;\n  border: 5px dotted var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 2s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_21": ".circle_21 {\n  color: var(--preloader-color1);\n  font-size: 10px;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  text-indent: -9999em;\n  animation: mulShdSpin 1.3s infinite linear;\n  transform: translateZ(0);\n}\n\n@keyframes mulShdSpin {\n  0%,\n  100% {\n    box-shadow: 0 -3em 0 0.2em, \n    2em -2em 0 0em, 3em 0 0 -1em, \n    2em 2em 0 -1em, 0 3em 0 -1em, \n    -2em 2em 0 -1em, -3em 0 0 -1em, \n    -2em -2em 0 0;\n  }\n  12.5% {\n    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, \n    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, \n    -2em 2em 0 -1em, -3em 0 0 -1em, \n    -2em -2em 0 -1em;\n  }\n  25% {\n    box-shadow: 0 -3em 0 -0.5em, \n    2em -2em 0 0, 3em 0 0 0.2em, \n    2em 2em 0 0, 0 3em 0 -1em, \n    -2em 2em 0 -1em, -3em 0 0 -1em, \n    -2em -2em 0 -1em;\n  }\n  37.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,\n     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, \n     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  50% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,\n     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, \n     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;\n  }\n  62.5% {\n    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,\n     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, \n     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;\n  }\n  75% {\n    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, \n    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, \n    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;\n  }\n  87.5% {\n    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, \n    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, \n    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;\n  }\n}\n  ",
    "circle_22": ".circle_22 {\n  font-size: 10px;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  text-indent: -9999em;\n  animation: mulShdSpin 1.1s infinite ease;\n  transform: translateZ(0);\n}\n@keyframes mulShdSpin {\n  0%,\n  100% {\n    box-shadow: 0em -2.6em 0em 0em var(--preloader-color1)fff, 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.5), -1.8em -1.8em 0 0em rgba(255,255,255, 0.7);\n  }\n  12.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.7), 1.8em -1.8em 0 0em var(--preloader-color1)fff, 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.5);\n  }\n  25% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.5), 1.8em -1.8em 0 0em rgba(255,255,255, 0.7), 2.5em 0em 0 0em var(--preloader-color1)fff, 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);\n  }\n  37.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.5), 2.5em 0em 0 0em rgba(255,255,255, 0.7), 1.75em 1.75em 0 0em var(--preloader-color1)fff, 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);\n  }\n  50% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.5), 1.75em 1.75em 0 0em rgba(255,255,255, 0.7), 0em 2.5em 0 0em var(--preloader-color1)fff, -1.8em 1.8em 0 0em rgba(255,255,255, 0.2), -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);\n  }\n  62.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.5), 0em 2.5em 0 0em rgba(255,255,255, 0.7), -1.8em 1.8em 0 0em var(--preloader-color1)fff, -2.6em 0em 0 0em rgba(255,255,255, 0.2), -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);\n  }\n  75% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.5), -1.8em 1.8em 0 0em rgba(255,255,255, 0.7), -2.6em 0em 0 0em var(--preloader-color1)fff, -1.8em -1.8em 0 0em rgba(255,255,255, 0.2);\n  }\n  87.5% {\n    box-shadow: 0em -2.6em 0em 0em rgba(255,255,255, 0.2), 1.8em -1.8em 0 0em rgba(255,255,255, 0.2), 2.5em 0em 0 0em rgba(255,255,255, 0.2), 1.75em 1.75em 0 0em rgba(255,255,255, 0.2), 0em 2.5em 0 0em rgba(255,255,255, 0.2), -1.8em 1.8em 0 0em rgba(255,255,255, 0.5), -2.6em 0em 0 0em rgba(255,255,255, 0.7), -1.8em -1.8em 0 0em var(--preloader-color1)fff;\n  }\n}\n",
    "circle_23": ".circle_23 {\n  color: var(--preloader-color1)fff;\n  font-size: 45px;\n  text-indent: -9999em;\n  overflow: hidden;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  position: relative;\n  transform: translateZ(0);\n  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;\n}\n\n@keyframes mltShdSpin {\n  0% {\n    box-shadow: 0 -0.83em 0 -0.4em,\n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,\n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  5%,\n  95% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, \n    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n  10%,\n  59% {\n    box-shadow: 0 -0.83em 0 -0.4em, \n    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, \n    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n  }\n  20% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,\n     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, \n     -0.749em -0.34em 0 -0.477em;\n  }\n  38% {\n    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,\n     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, \n     -0.82em -0.09em 0 -0.477em;\n  }\n  100% {\n    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, \n    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;\n  }\n}\n\n@keyframes round {\n  0% { transform: rotate(0deg) }\n  100% { transform: rotate(360deg) }\n}\n ",
    "circle_24": ".circle_24 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  background: linear-gradient(0deg, rgba(255, 61, 0, 0.2) 33%, var(--preloader-color2) 100%);\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_24::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #263238;\n}\n@keyframes rotation {\n  0% { transform: rotate(0deg) }\n  100% { transform: rotate(360deg)}\n} ",
    "circle_25": ".circle_25 {\n        transform: rotateZ(45deg);\n        perspective: 1000px;\n        border-radius: 50%;\n        width: 48px;\n        height: 48px;\n        color: var(--preloader-color1);\n      }\n        .circle_25:before,\n        .circle_25:after {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: inherit;\n          height: inherit;\n          border-radius: 50%;\n          transform: rotateX(70deg);\n          animation: 1s spin linear infinite;\n        }\n        .circle_25:after {\n          color: var(--preloader-color2);\n          transform: rotateY(70deg);\n          animation-delay: .4s;\n        }\n\n      @keyframes rotate {\n        0% {\n          transform: translate(-50%, -50%) rotateZ(0deg);\n        }\n        100% {\n          transform: translate(-50%, -50%) rotateZ(360deg);\n        }\n      }\n\n      @keyframes rotateccw {\n        0% {\n          transform: translate(-50%, -50%) rotate(0deg);\n        }\n        100% {\n          transform: translate(-50%, -50%) rotate(-360deg);\n        }\n      }\n\n      @keyframes spin {\n        0%,\n        100% {\n          box-shadow: .2em 0px 0 0px currentcolor;\n        }\n        12% {\n          box-shadow: .2em .2em 0 0 currentcolor;\n        }\n        25% {\n          box-shadow: 0 .2em 0 0px currentcolor;\n        }\n        37% {\n          box-shadow: -.2em .2em 0 0 currentcolor;\n        }\n        50% {\n          box-shadow: -.2em 0 0 0 currentcolor;\n        }\n        62% {\n          box-shadow: -.2em -.2em 0 0 currentcolor;\n        }\n        75% {\n          box-shadow: 0px -.2em 0 0 currentcolor;\n        }\n        87% {\n          box-shadow: .2em -.2em 0 0 currentcolor;\n        }\n      }\n   ",
    "circle_26": ".circle_26 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  border-top: 3px solid var(--preloader-color1);\n  border-right: 3px solid transparent;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_27": ".circle_27 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  border-top: 4px solid var(--preloader-color1);\n  border-right: 4px solid transparent;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_27::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border-bottom: 4px solid var(--preloader-color2);\n  border-left: 4px solid transparent;\n}\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_28": ".circle_28 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  border-top: 4px solid var(--preloader-color1);\n  border-right: 4px solid transparent;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_28::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border-left: 4px solid var(--preloader-color2);\n  border-bottom: 4px solid transparent;\n  animation: rotation 0.5s linear infinite reverse;\n}\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_29": ".circle_29 {\n  width: 48px;\n  height: 48px;\n  border: 5px solid;\n  border-color: var(--preloader-color2) transparent;\n  border-radius: 50%;\n  display: inline-block;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_30": ".circle_30 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  border: 10px solid;\n  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_31": ".circle_31 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  border: 10px solid;\n  box-sizing: border-box;\n  animation: animloader 1s linear infinite alternate;\n}\n@keyframes animloader {\n  0% {\n    border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);\n  }\n  33% {\n    border-color: white white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);\n  }\n  66% {\n    border-color: white white white rgba(255, 255, 255, 0);\n  }\n  100% {\n    border-color: white white white white;\n  }\n} ",
    "circle_32": ".circle_32 {\n      width: 48px;\n      height: 48px;\n      border:10px solid var(--preloader-color1);\n      border-radius: 50%;\n      position: relative;\n      transform:rotate(45deg);\n      box-sizing: border-box;\n    }\n    .circle_32::before {\n      content: \"\";\n      position: absolute;\n      box-sizing: border-box;\n      inset:-10px;\n      border-radius: 50%;\n      border:10px solid var(--preloader-color2);\n      animation: prixClipFix 2s infinite linear;\n    }\n\n    @keyframes prixClipFix {\n        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}\n        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}\n    }\n      ",
    "circle_33": ".circle_33 {\n    position: relative;\n    width: 64px;\n    height: 64px;\n    background: var(--preloader-color1);\n    border-radius: 50%;\n    overflow: hidden;\n  }\n  .circle_33:after{\n    content: '';\n    position: absolute;\n    inset: 8px;\n    margin: auto;\n    background: #222b32;\n     border-radius: 50%;\n  }\n  .circle_33:before{\n    content: '';\n    position: absolute;\n    inset: 0px;\n    margin: auto;\n    background: #de3500;\n    animation: crlMugLoader 2s linear infinite alternate;\n  }\n  @keyframes crlMugLoader {\n    0%  ,10% { transform: translateY(64px) }\n    90% , 100% { transform: translateY(0px) }\n  }\n      ",
    "circle_34": ".circle_34 {\n    width: 70px;\n    height: 35px;\n    position: relative;\n    overflow: hidden;\n  }\n  .circle_34:before {\n    content: \"\";\n    width: 70px;\n    height: 70px;\n    position: absolute;\n    left: 0;\n    top: 0;\n    border: 5px solid #0000;\n    border-color: var(--preloader-color1) var(--preloader-color1) #0000 #0000;\n    border-radius: 50%;\n    box-sizing: border-box;\n    animation: rotate 3s ease-in-out infinite;\n    transform: rotate(-200deg);\n  }\n  @keyframes rotate {\n    0% {\n      border-width: 10px;\n    }\n    25% {\n      border-width: 3px;\n    }\n    50% {\n      transform: rotate(115deg);\n      border-width: 10px;\n    }\n    75% {\n      border-width: 3px;\n    }\n    100% {\n      border-width: 10px;\n    }\n  }\n      ",
    "circle_35": ".circle_35 {\n  width: 48px;\n  height: 48px;\n  border: 3px solid var(--preloader-color1);\n  border-bottom-color: transparent;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_35::after {\n  content: '';  \n  position: absolute;\n  box-sizing: border-box;\n  left: 20px;\n  top: 31px;\n  border: 10px solid transparent;\n  border-right-color: var(--preloader-color1);\n  transform: rotate(-40deg);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_36": ".circle_36 {\n  width: 48px;\n  height: 48px;\n  border-width: 3px;\n  border-style: dashed solid  solid dotted;\n  border-color: var(--preloader-color2) var(--preloader-color2) transparent var(--preloader-color2);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_36::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 20px;\n  top: 31px;\n  border: 10px solid transparent;\n  border-right-color: var(--preloader-color2);\n  transform: rotate(-40deg);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n\n",
    "circle_37": ".circle_37 {\n    width: 48px;\n    height: 48px;\n    display: inline-block;\n    position: relative;\n    border: 3px solid;\n    border-color:#de3500 #0000 var(--preloader-color1) #0000;\n    border-radius: 50%;\n    box-sizing: border-box;\n    animation: 1s rotate linear infinite;\n }\n .circle_37:before , .circle_37:after{\n    content: '';\n    top: 0;\n    left: 0;\n    position: absolute;\n    border: 10px solid transparent;\n    border-bottom-color:var(--preloader-color1);\n    transform: translate(-10px, 19px) rotate(-35deg);\n  }\n .circle_37:after {\n    border-color: #de3500 #0000 #0000 #0000 ;\n    transform: translate(32px, 3px) rotate(-35deg);\n  }\n   @keyframes rotate {\n    100%{    transform: rotate(360deg)}\n  }\n",
    "circle_38": ".circle_38 {\n    width: 48px;\n    height: 48px;\n    display: inline-block;\n    position: relative;\n    border-width: 3px 2px 3px 2px;\n    border-style: solid dotted solid dotted;\n    border-color: #de3500 rgba(255, 255, 255,0.3) var(--preloader-color1) rgba(151, 107, 93, 0.3);\n    border-radius: 50%;\n    box-sizing: border-box;\n    animation: 1s rotate linear infinite;\n }\n .circle_38:before , .circle_38:after{\n    content: '';\n    top: 0;\n    left: 0;\n    position: absolute;\n    border: 10px solid transparent;\n    border-bottom-color:var(--preloader-color1);\n    transform: translate(-10px, 19px) rotate(-35deg);\n  }\n .circle_38:after {\n    border-color: #de3500 #0000 #0000 #0000 ;\n    transform: translate(32px, 3px) rotate(-35deg);\n  }\n   @keyframes rotate {\n    100%{    transform: rotate(360deg)}\n  }\n",
    "circle_39": ".circle_39 {\n  width: 48px;\n  height: 48px;\n  background: var(--preloader-color1);\n  display: inline-block;\n  border-radius: 50%;\n  box-sizing: border-box;\n  animation: animloader 1s ease-in infinite;\n}\n\n@keyframes animloader {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n} ",
    "circle_40": ".circle_40 {\n  width: 48px;\n  height: 48px;\n  display: inline-block;\n  position: relative;\n}\n.circle_40::after,\n.circle_40::before {\n  content: '';  \n  box-sizing: border-box;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: var(--preloader-color1);\n  position: absolute;\n  left: 0;\n  top: 0;\n  animation: animloader 2s linear infinite;\n}\n.circle_40::after {\n  animation-delay: 1s;\n}\n\n@keyframes animloader {\n  0% {\n    transform: scale(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n    ",
    "circle_41": ".circle_41 {\n    width: 48px;\n    height: 48px;\n    display: inline-block;\n    position: relative;\n  }\n  .circle_41::after,\n  .circle_41::before {\n    content: '';  \n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: var(--preloader-color1);\n    position: absolute;\n    left: 0;\n    top: 0;\n    box-sizing: border-box;\n    animation: animloader 2s ease-in-out infinite;\n  }\n  .circle_41::after {\n    animation-delay: 1s;\n  }\n\n@keyframes animloader {\n    0%, 100% {\n      transform: scale(0);\n      opacity: 1;\n}\n    50% {\n      transform: scale(1);\n      opacity: 0;\n}\n  }\n  ",
    "circle_42": ".circle_42 {\n  width: 8px;\n  height: 8px;\n  position: relative;\n  border-radius: 50%;\n  background: var(--preloader-color1);\n  animation: wave 1s ease-in infinite;\n}\n\n@keyframes wave {\n 0% {  box-shadow:\n  0 0 0 0px rgba(255, 255,255, 1),\n  0 0 0 20px rgba(255, 255,255, 0.2),\n  0 0 0 40px rgba(255, 255,255, 0.6),\n  0 0 0 60px rgba(255, 255,255, 0.4),\n  0 0 0 80px rgba(255, 255,255, 0.2)\n  }\n  100% {  box-shadow:\n    0 0 0 80px rgba(255, 255,255, 0),\n    0 0 0 60px rgba(255, 255,255, 0.2),\n    0 0 0 40px rgba(255, 255,255, 0.4),\n    0 0 0 20px rgba(255, 255,255, 0.6),\n    0 0 0 0px rgba(255, 255,255, 1)\n  }\n}\n\n\n  ",
    "circle_43": ".circle_43 {\n        font-size:48px;\n        color: var(--preloader-color1);\n        width: 1em;\n        height: 1em;\n        box-sizing: border-box;\n        background-color: currentcolor;\n        position: relative;\n        border-radius: 50%;\n        transform: rotateX(-60deg) perspective(1000px);\n      }\n      .circle_43:before,\n      .circle_43:after {\n        content: '';\n        display: block;\n        position: absolute;\n        box-sizing: border-box;\n        top: 0;\n        left: 0;\n        width: inherit;\n        height: inherit;\n        border-radius: inherit;\n        animation: flowerFlow 1s ease-out infinite;\n      }\n      .circle_43:after {\n        animation-delay: .4s;\n      }\n\n      @keyframes flowerFlow {\n        0% {\n          opacity: 1;\n          transform: rotate(0deg);\n          box-shadow: 0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor,\n          0 0 0 -.5em currentcolor;\n        }\n        100% {\n          opacity: 0;\n          transform: rotate(180deg);\n          box-shadow: -1em -1em 0 -.35em currentcolor,\n          0 -1.5em 0 -.35em currentcolor,\n          1em -1em 0 -.35em currentcolor,\n          -1.5em 0 0 -.35em currentcolor,\n          1.5em -0 0 -.35em currentcolor,\n          -1em 1em 0 -.35em currentcolor,\n          0 1.5em 0 -.35em currentcolor,\n          1em 1em 0 -.35em currentcolor;\n        }\n      }\n      ",
    "circle_44": ".circle_44 {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n.circle_44::before , .circle_44::after{\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50% , -50%);\n  width: 48em;\n  height: 48em;\n  background-image:\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0),\n    radial-gradient(circle 10px, var(--preloader-color1) 100%, transparent 0);\n  background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em,\n                       13em -13em, -13em -13em, 13em 13em, -13em 13em;\n    background-repeat: no-repeat;\n  font-size: 0.5px;\n  border-radius: 50%;\n  animation: blast 1s ease-in infinite;\n}\n.circle_44::after {\n  font-size: 1px;\n  background: var(--preloader-color1);\n  animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n  0% , 100%{ font-size: 0.75px }\n  50% { font-size: 1.5px }\n}\n@keyframes blast {\n  0% , 40% {\n    font-size: 0.5px;\n  }\n  70% {\n    opacity: 1;\n    font-size: 4px;\n  }\n   100% {\n     font-size: 6px;\n    opacity: 0;\n  }\n}\n",
    "circle_45": ".circle_45 {\n  width: calc(100px - 24px);\n  height: 50px;\n  position: relative;\n  animation: flippx 2s infinite linear;\n}\n.circle_45:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--preloader-color1);\n  transform-origin: -24px 50%;\n  animation: spin 1s infinite linear;\n}\n.circle_45:after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50% , -50%);\n  background: var(--preloader-color1);\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n}\n\n@keyframes flippx {\n  0%, 49% {\n    transform: scaleX(1);\n  }\n  50%, 100% {\n    transform: scaleX(-1);\n  }\n}\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n      ",
    "circle_46": ".circle_46 {\n    position: relative;\n    margin: auto;\n    box-sizing: border-box;\n    width: 120px;\n    height: 120px;\n    border-radius: 50%;\n    border: 4px solid rgba(255, 255, 255, 0.1);\n    transform-origin: 50% 50%;\n    transform: perspective(200px) rotateX(66deg);\n    animation: spinner-wiggle 1.2s infinite;\n  }\n  .circle_46:before,\n  .circle_46:after {\n    content: \"\";\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    box-sizing: border-box;\n    border: 4px solid #0000;\n    animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,\n      spinner-fade 1.2s linear infinite;\n  }\n  .circle_46:before {\n    border-top-color: var(--preloader-color1);\n  }\n  .circle_46:after {\n    border-top-color: var(--preloader-color2);\n    animation-delay: 0.4s;\n  }\n\n  @keyframes spinner-spin {\n    100% { transform: rotate(360deg)}\n  }\n  @keyframes spinner-fade {\n    25%, 75% { opacity: 0.1}\n    50% { opacity: 1 }\n  }\n      ",
    "circle_47": ".circle_47 {\n    width: 100px;\n    height: 100px;\n    background: linear-gradient(\n      165deg,\n      rgba(255, 255, 255, 1) 0%,\n      rgb(220, 220, 220) 40%,\n      rgb(170, 170, 170) 98%,\n      rgb(10, 10, 10) 100%\n    );\n    border-radius: 50%;\n    position: relative;\n  }\n\n  .circle_47:before {\n    position: absolute;\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    border-radius: 100%;\n    border-bottom: 0 solid var(--preloader-color1)fff05;\n    box-shadow: 0 -10px 20px 20px var(--preloader-color1)fff40 inset,\n      0 -5px 15px 10px var(--preloader-color1)fff50 inset, 0 -2px 5px var(--preloader-color1)fff80 inset,\n      0 -3px 2px var(--preloader-color1)fffbb inset, 0 2px 0px var(--preloader-color1)fff, 0 2px 3px var(--preloader-color1)fff,\n      0 5px 5px var(--preloader-color1)fff90, 0 10px 15px var(--preloader-color1)fff60, 0 10px 20px 20px var(--preloader-color1)fff40;\n    filter: blur(3px);\n    animation: 2s rotate linear infinite;\n  }\n\n  @keyframes rotate {\n    100% { transform: rotate(360deg) }\n  }\n      ",
    "circle_48": ".circle_48 {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 6rem;\n    margin-top: 3rem;\n    margin-bottom: 3rem;\n  }\n  .circle_48:before,\n  .circle_48:after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    animation: pulsOut 1.8s ease-in-out infinite;\n    filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.75));\n  }\n  .circle_48:before {\n    width: 100%;\n    padding-bottom: 100%;\n    box-shadow: inset 0 0 0 1rem var(--preloader-color1);\n    animation-name: pulsIn;\n  }\n  .circle_48:after {\n    width: calc(100% - 2rem);\n    padding-bottom: calc(100% - 2rem);\n    box-shadow: 0 0 0 0 var(--preloader-color1);\n  }\n\n  @keyframes pulsIn {\n    0% {\n      box-shadow: inset 0 0 0 1rem var(--preloader-color1);\n      opacity: 1;\n    }\n    50%, 100% {\n      box-shadow: inset 0 0 0 0 var(--preloader-color1);\n      opacity: 0;\n    }\n  }\n\n  @keyframes pulsOut {\n    0%, 50% {\n      box-shadow: 0 0 0 0 var(--preloader-color1);\n      opacity: 0;\n    }\n    100% {\n      box-shadow: 0 0 0 1rem var(--preloader-color1);\n      opacity: 1;\n    }\n  }\n      ",
    "circle_49": ".circle_49 {\n  position: relative;\n  width: 100px;\n  height: 100px;\n}\n\n.circle_49:before , .circle_49:after{\n  content: '';\n  border-radius: 50%;\n  position: absolute;\n  inset: 0;\n  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;\n}\n.circle_49:after {\n  box-shadow: 0 2px 0 var(--preloader-color2) inset;\n  animation: rotate 2s linear infinite;\n}\n\n@keyframes rotate {\n  0% {  transform: rotate(0)}\n  100% { transform: rotate(360deg)}\n}",
    "circle_50": ".circle_50 {\n  width: 32px;\n  height: 32px;\n  transform: translateY(100%);\n  border-radius: 50%;\n  background: var(--preloader-color1);\n  position: relative;\n}\n.circle_50:before , .circle_50:after{\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background: var(--preloader-color1);\n  left: 50%;\n  transform: translateX(-50%);\n  top: -200%;\n}\n.circle_50:after {\n  animation: moveX 0.5s infinite linear alternate;\n}\n\n@keyframes moveX {\n  0% {\n    top: 0% ;\n    transform: translateX(-50%) scale(1.5);\n  }\n  50% {\n    top: -75% ;\n    transform: translateX(-50%) scale(0.5);\n  }\n  100% {\n    top: -200%;\n    transform: translateX(-50%) scale(1.5);\n  }\n}\n      ",
    "circle_51": ".circle_51 {\n          display: inline-block;\n          transform: translateZ(1px);\n        }\n        .circle_51:after {\n          content: '';\n          display: inline-block;\n          width: 48px;\n          height: 48px;\n          margin: 8px;\n          border-radius: 50%;\n          background: var(--preloader-color1);\n          animation: coin-flip 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n        }\n        @keyframes coin-flip {\n          0%, 100% {\n            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);\n          }\n          0% {\n            transform: rotateY(0deg);\n          }\n          50% {\n            transform: rotateY(1800deg);\n            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);\n          }\n          100% {\n            transform: rotateY(3600deg);\n          }\n        }\n      }\n    ",
    "circle_52": ".circle_52 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  box-sizing: border-box;\n  animation: animloader 1s linear infinite;\n}\n\n@keyframes animloader {\n  0% {\n    box-shadow: -72px 0 var(--preloader-color1) inset;\n  }\n  100% {\n    box-shadow: 48px 0 var(--preloader-color1) inset;\n  }\n}\n    ",
    "circle_53": ".circle_53 {\n  width: 48px;\n  height: 48px;\n  position: relative;\n  perspective: 500px;\n}\n.circle_53:before , .circle_53:after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 24px;\n  height: 48px;\n  background: var(--preloader-color2);\n  border-radius: 0 24px 24px 0;\n  transform-origin: 0 0;\n  animation: flip 2s linear infinite alternate;\n}\n.circle_53:after {\n  left: 0;\n  border-radius: 24px 0 0 24px;\n  transform-origin: 100% 0;\n  animation-delay: 1s;\n}\n\n@keyframes flip {\n    0% , 10% { transform: rotateY(0deg)}\n    90%, 100% { transform: rotateY(-180deg)}\n}\n\n    ",
    "circle_54": ".circle_54 {\n            position: relative;\n            border:24px solid #0000;\n            border-radius:50%;\n            animation: piefill 2s linear infinite;\n          }\n\n          @keyframes piefill {\n            0% , 19%{ border-color: #0000 #0000 #0000 #0000 }\n            20% , 39%{ border-color: var(--preloader-color1) #0000 #0000 #0000 }\n            40% , 59%{ border-color: var(--preloader-color1) var(--preloader-color1) #0000 #0000 }\n            60% , 79%{ border-color: var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) #0000 }\n            80% , 100% { border-color: var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) }\n\n          }\n",
    "circle_55": ".circle_55 {\n          position: relative;\n          border:24px solid var(--preloader-color1);\n          border-radius:50%;\n          transform: rotate(45deg);\n          animation: pieFill 3s linear infinite;\n        }\n\n        @keyframes pieFill {\n          0% , 19%{ border-color: var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) }\n          20% , 39%{ border-color: var(--preloader-color2) var(--preloader-color1) var(--preloader-color1) var(--preloader-color1) }\n          40% , 59%{ border-color: var(--preloader-color2) var(--preloader-color2) var(--preloader-color1) var(--preloader-color1) }\n          60% , 79%{ border-color: var(--preloader-color2) var(--preloader-color2) var(--preloader-color2) var(--preloader-color1) }\n          80% , 100% { border-color: var(--preloader-color2) var(--preloader-color2) var(--preloader-color2) var(--preloader-color2) }\n        }\n",
    "circle_56": ".circle_56 {\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            position: relative;\n            transform:rotate(45deg);\n            background: var(--preloader-color1);\n          }\n          .circle_56::before {\n            content: \"\";\n            box-sizing: border-box;\n            position: absolute;\n            inset: 0px;\n            border-radius: 50%;\n            border:24px solid var(--preloader-color2);\n            animation: prixClipFix 2s infinite linear;\n          }\n\n          @keyframes prixClipFix {\n              0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n              25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n              50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n              75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}\n              100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}\n          }\n      ",
    "circle_57": ".circle_57 {\n  border: 24px solid var(--preloader-color1);\n  border-bottom-color: var(--preloader-color2);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_58": ".circle_58 {\n  border: 2px solid var(--preloader-color1);\n  width: 48px;\n  height: 48px;\n  background: var(--preloader-color2);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 2s linear infinite;\n}\n.circle_58::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border: 24px solid;\n  border-color: transparent var(--preloader-color1);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_59": ".circle_59 {\n          border: 24px solid var(--preloader-color1);\n          border-color: var(--preloader-color2) var(--preloader-color2) var(--preloader-color1) var(--preloader-color1);\n          border-radius: 50%;\n          position: relative;\n          animation: rotate 1s linear infinite\n        }\n\n        .circle_59:before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            transform: translate(-50% , -125%);\n            left: 50%;\n            width: 12px;\n            height: 12px;\n            background: var(--preloader-color1);\n            border-radius: 50%;\n          }\n        @keyframes rotate {\n          100%   { transform: rotate(360deg)}\n        }\n",
    "circle_60": ".circle_60 {\n  position: relative;\n  width: 64px;\n  height: 60px;\n}\n.circle_60::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  background: var(--preloader-color1);\n  width: 64px;\n  height: 32px;\n  border-radius: 0 0 50px 50px;\n  animation: move 0.5s linear infinite alternate;\n}\n.circle_60::before {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0;\n  background: var(--preloader-color2);\n  width: 24px;\n  height: 24px;\n  transform: translateX(-50%) rotate(0deg);\n  animation: rotate 2s linear infinite;\n}\n\n@keyframes rotate {\n  100% { transform: translateX(-50%) rotate(360deg)}\n}\n@keyframes move {\n  0% { transform: rotate(10deg)}\n  100% { transform: rotate(-10deg)}\n}\n      ",
    "circle_61": ".circle_61 {\n  width: 64px;\n  height: 64px;\n  position: relative;\n  animation: rotate 1.5s ease-in infinite alternate;\n}\n.circle_61::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  color: var(--preloader-color2);\n  background: currentColor;\n  width: 64px;\n  height: 32px;\n  border-radius: 0 0 50px 50px;\n}\n.circle_61::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 10%;\n  background: var(--preloader-color1);\n  width: 8px;\n  height: 64px;\n  animation: rotate 1.2s linear infinite alternate-reverse;\n}\n\n@keyframes rotate {\n  100% { transform: rotate(360deg)}\n}\n      ",
    "circle_62": ".circle_62 {\n    width: 48px;\n    height: 48px;\n    background: var(--preloader-color1);\n    border-radius: 50%;\n    position: relative;\n    animation: skLinRotate 1s ease-in-out infinite alternate;\n  }\n  .circle_62:after{\n    content:\"\";\n    position: absolute;\n    inset: 5px;\n    border-radius: 50%;\n    border: 5px solid transparent;\n    border-top-color: var(--preloader-color2);\n  }\n  @keyframes skLinRotate {\n    95% ,100% { transform: rotate(840deg) }\n  }\n",
    "circle_63": ".circle_63 {\n    width: 48px;\n    height: 48px;\n    background: var(--preloader-color1);\n    border-radius: 50%;\n    position: relative;\n    animation: roll 1s ease-in-out infinite alternate;\n  }\n  .circle_63:after{\n    content:\"\";\n    position: absolute;\n    inset: 5px;\n    border-radius: 50%;\n    border: 5px solid ;\n    border-color: var(--preloader-color2) transparent;\n  }\n  @keyframes roll {\n    0% {\n      transform: translateX(-150%) rotate(0deg) ;\n    }\n    100% {\n      transform:  translateX(150%) rotate(360deg);\n    }\n  }\n",
    "circle_64": ".circle_64 {\n  width: 48px;\n  height: 48px;\n  background: var(--preloader-color1);\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s linear infinite;\n}\n.circle_64::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 6px;\n  top: 10px;\n  width: 12px;\n  height: 12px;\n  color: var(--preloader-color2);\n  background: currentColor;\n  border-radius: 50%;\n  box-shadow: 25px 2px, 10px 22px;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} \n",
    "circle_65": ".circle_65 {\n  width: 48px;\n  height: 48px;\n  border: 4px solid;\n  background: rgba(255, 255, 255, 0.2);\n  border-color: transparent var(--preloader-color1) var(--preloader-color1) transparent;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 1s ease-in-out infinite;\n}\n.circle_65::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border: 12px solid;\n  border-color: transparent var(--preloader-color2) var(--preloader-color2) transparent;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_66": ".circle_66 {\n  border: 2px solid;\n  border-color: transparent var(--preloader-color1);\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box;\n  animation: rotation 2s linear infinite;\n}\n.circle_66::after {\n  content: '';  \n  box-sizing: border-box;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border: 24px solid;\n  border-color: transparent rgba(255, 255, 255, 0.15);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} ",
    "circle_67": ".circle_67 {\n    border: 24px solid;\n    border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);\n    border-radius: 50%;\n    display: inline-block;\n    box-sizing: border-box;\n    animation: animloader 1s linear infinite;\n  }\n\n@keyframes animloader {\n    0% {\n      border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75);\n}\n    33% {\n      border-color: rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35);\n}\n    66% {\n      border-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25);\n}\n    100% {\n      border-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.15);\n}\n  }\n  \n  ",
    "circle_68": ".circle_68 {\n  width: 64px;\n  height: 64px;\n  position: relative;\n  border-radius: 50%;\n  box-shadow: -10px 8px 0 18px inset var(--preloader-color1);\n  animation: rotate 2s ease-in infinite alternate;\n}\n.circle_68::before {\n  content: '';\n  position: absolute;\n  left: 14px;\n  bottom: 16px;\n  background: var(--preloader-color2);\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  animation: scale 1s ease-in infinite alternate;\n}\n@keyframes rotate {\n  100% { transform: rotate(750deg)}\n}\n@keyframes scale {\n 100% { transform: scale(0.5) translateY(5px)}\n}\n  ",
    "circle_69": ".circle_69 {\n      width: 64px;\n      height: 64px;\n      border-radius: 50%;\n      position: relative;\n      background: rgba(255, 255, 255, 0.8);\n    }\n    .circle_69:before , .circle_69:after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 64px;\n      height: 64px;\n      border-radius: 50%;\n      background: var(--preloader-color1);\n      animation: slide 1s infinite linear alternate;\n      opacity: 0.5;\n    }\n    .circle_69:after {\n      animation: slide2 1s infinite linear alternate;\n      opacity: 1;\n\n    }\n    @keyframes slide {\n      0% , 20% {  transform: translate(0, 0)  }\n      80% , 100% { transform: translate(15px, 15px) }\n    }\n    @keyframes slide2 {\n      0% , 20% {  transform: translate(0, 0) }\n      80% , 100% { transform: translate(-15px, -15px) }\n    }\n  ",
    "circle_70": ".circle_70 {\n  width: 64px;\n  height: 48px;\n  position: relative;\n  animation: split 1s ease-in infinite alternate;\n}\n.circle_70::before , .circle_70::after {\n  content: '';\n  position: absolute;\n  height: 48px;\n  width: 48px;\n  border-radius: 50%;\n  left: 0;\n  top: 0;\n  transform: translateX(-10px);\n  background: var(--preloader-color2);\n  opacity: 0.75;\n  backdrop-filter: blur(20px);\n}\n\n.circle_70::after {\n  left: auto;\n  right: 0;\n  background: var(--preloader-color1);\n  transform: translateX(10px);\n}\n\n@keyframes split {\n 0% , 25%{ width: 64px }\n 100%{ width: 148px }\n}\n  ",
    "circle_71": ".circle_71 {\n      width: 84px;\n      height: 84px;\n      position: relative;\n    }\n    .circle_71:before , .circle_71:after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 0;\n      width:64px;\n      height: 64px;\n      border-radius: 50%;\n      background:var(--preloader-color1);\n      transform: translate(-50% , -100%)  scale(0);\n      animation: push 2s infinite linear;\n    }\n    .circle_71:after {\n      animation-delay: 1s;\n    }\n    @keyframes push {\n        0% , 50%{ transform: translate(-50% , 0%)  scale(1) }\n      100% { transform: translate(-50%, -100%) scale(0) }\n    }\n  ",
    "circle_72": ".circle_72 {\n        width: 84px;\n        height: 84px;\n        position: relative;\n      }\n      .circle_72:before , .circle_72:after {\n        content: \"\";\n        position: absolute;\n        right: 0;\n        top: 0;\n        width:84px;\n        height: 84px;\n        border-radius: 50%;\n        background:var(--preloader-color2);\n        animation: push 1s infinite linear alternate;\n      }\n      .circle_72:after {\n        top: auto;\n        bottom: 0;\n        left: 0;\n        background: var(--preloader-color1);\n        animation-direction: alternate-reverse;\n      }\n      @keyframes push {\n          0% {\n            width:14px;\n            height: 14px;\n          }\n          100% {\n            width:84px;\n            height: 84px;\n          }\n      }\n  ",
    "circle_73": ".circle_73 {\n        width: 84px;\n        height: 84px;\n        position: relative;\n        overflow: hidden;\n      }\n      .circle_73:before , .circle_73:after {\n        content: \"\";\n        position: absolute;\n        left: 50%;\n        bottom: 0;\n        width:64px;\n        height: 64px;\n        border-radius: 50%;\n        background:var(--preloader-color1);\n        transform: translate(-50% , 100%)  scale(0);\n        animation: push 2s infinite ease-in;\n      }\n      .circle_73:after {\n      animation-delay: 1s;\n      }\n      @keyframes push {\n          0% {\n            transform: translate(-50% , 100%)  scale(1);\n          }\n          15% , 25%{\n            transform: translate(-50% , 50%)  scale(1);\n          }\n        50% , 75% {\n            transform: translate(-50%, -30%) scale(0.5);\n          }\n        80%,  100% {\n            transform: translate(-50%, -50%) scale(0);\n          }\n      }\n  ",
    "circle_74": ".circle_74 {\n    position: relative;\n    width: 100px;\n    height: 100px;\n  }\n  .circle_74:before{\n    content: '';\n    position: absolute;\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    top: 50%;\n    left: 0;\n    transform: translate(-5px, -50%);\n    background: linear-gradient(to right, var(--preloader-color1) 50%, #de3500 50%) no-repeat;\n    background-size: 200% auto;\n    background-position: 100% 0;\n    animation: colorBallMoveX 1.5s linear infinite alternate;\n  }\n .circle_74:after{\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    transform: translateX(-50%);\n    width: 2px;\n    height: 100%;\n    background: #de3500;\n }\n@keyframes colorBallMoveX {\n  0%  {\n    background-position: 0% 0;\n    transform: translate(-15px, -50%);\n  }\n  15%  , 25% {\n    background-position: 0% 0;\n    transform: translate(0px, -50%);\n  }\n  75% , 85% {\n    background-position: 100% 0;\n    transform: translate(50px, -50%);\n  }\n  100% {\n    background-position: 100% 0;\n    transform: translate(65px, -50%);\n  }\n}\n  ",
    "circle_75": ".circle_75 {\n  width: 32px;\n  height: 32px;\n  position: relative;\n  border-radius: 50%;\n  color: var(--preloader-color2);\n  animation: fill 1s ease-in infinite alternate;\n}\n.circle_75::before , .circle_75::after {\n  content: '';\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  border-radius: 50%;\n  left: 48px;\n  top: 0;\n  animation: fill 0.9s ease-in infinite alternate;\n}\n\n.circle_75::after {\n  left: auto;\n  right: 48px;\n  animation-duration: 1.1s;\n}\n\n@keyframes fill {\n 0% {  box-shadow: 0 0 0 2px inset }\n 100%{ box-shadow: 0 0 0 10px inset }\n}\n  ",
    "circle_76": ".circle_76 {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    display: block;\n    margin:15px auto;\n    position: relative;\n    box-sizing: border-box;\n    animation: rotation 1s linear infinite;\n  }\n  .circle_76::after,\n  .circle_76::before {\n    content: '';  \n    box-sizing: border-box;\n    position: absolute;\n    left: 0;\n    top: 0;\n    background: var(--preloader-color2);\n    width: 16px;\n    height: 16px;\n    transform: translate(-50%, 50%);\n    border-radius: 50%;\n  }\n  .circle_76::before {\n    left: auto;\n    right: 0;\n    background: var(--preloader-color1);\n    transform: translate(50%, 100%);\n  }\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n} "
}