Create an Account

It's free and you have access to premium codes!

Password must be a minimum length of 8, with at least one uppercase, one lowercase, one number, and one special character.

Login

Welcome back! Please login to your account.

Recover Account

Don't worry, we'll send you a message to help you to recover your acount.

Message Received!

We will get back to you as soon as possible.

All
Hello
Popular Sites
JavaScript Best Codes
Html Free Codes
Html5 Free Codes
Php Best Codes
Developer Codes
Free Frontend
Social Media
Twitter Page
Youtube Channel
Support
Contact Us
About Html Best Codes
Not a member? Sign Up

Oval Ticker Spinner Loader

Written by @phuang 5 November 2022

Oval ticks loader animation done with css used for preloading while web content is being downloaded.

Code Snippet:

                                                
                                                <!-- this script is provided by www.htmlbestcodes.com coded by: Kerixa Inc. -->
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Custom Video Player</title>

<!-- font awesome library include 4.7 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- css styles -->
<style>
  
.loader4-spinner-container, .loader4-spinner-container > * {
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2000;
}

/*

For tints, calculate (255 - previous value), multiply that
by 1/4, 1/2, 3/4, etc. (the greater the factor, the lighter the tint),
and add that to the previous value (assuming each.component is a
8-bit integer).
*/
/* line 2, ../../../../loaders/scss/partials/_container.scss */
.loader-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
}

/* line 1, ../../../../loaders/scss/partials/_force-gpu.scss */
.force-gpu {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/******************************** Config ********************************/
/* line 14, ../../../../loaders/scss/loaders/_spinner4.scss */
.loader4-spinner-container > * {
  width: 2px;
  height: 4px;
  margin: -2px 0px 0px -1px;
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(1) {
  width: 2px;
  height: 4px;
  transform: rotate(337.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(44, 126, 211, 0.06);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(2) {
  width: 2px;
  height: 4px;
  transform: rotate(315deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(59, 136, 214, 0.13);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(3) {
  width: 2px;
  height: 4px;
  transform: rotate(292.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(73, 144, 217, 0.19);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(4) {
  width: 2px;
  height: 4px;
  transform: rotate(270deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(86, 152, 220, 0.25);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(5) {
  width: 2px;
  height: 4px;
  transform: rotate(247.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(100, 160, 223, 0.31);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(6) {
  width: 2px;
  height: 4px;
  transform: rotate(225deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(116, 170, 226, 0.38);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(7) {
  width: 2px;
  height: 4px;
  transform: rotate(202.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(129, 178, 229, 0.44);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(8) {
  width: 2px;
  height: 4px;
  transform: rotate(180deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(143, 187, 232, 0.5);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(9) {
  width: 2px;
  height: 4px;
  transform: rotate(157.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(156, 195, 234, 0.56);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(10) {
  width: 2px;
  height: 4px;
  transform: rotate(135deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(172, 204, 238, 0.63);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(11) {
  width: 2px;
  height: 4px;
  transform: rotate(112.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(185, 213, 240, 0.69);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(12) {
  width: 2px;
  height: 4px;
  transform: rotate(90deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(199, 221, 243, 0.75);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(13) {
  width: 2px;
  height: 4px;
  transform: rotate(67.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(212, 229, 246, 0.81);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(14) {
  width: 2px;
  height: 4px;
  transform: rotate(45deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(228, 239, 249, 0.88);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(15) {
  width: 2px;
  height: 4px;
  transform: rotate(22.5deg) translate(50px) rotate(90deg) scale(2, 5);
  background: rgba(242, 247, 252, 0.94);
}

/* line 10, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(16) {
  width: 2px;
  height: 4px;
  transform: rotate(0deg) translate(50px) rotate(90deg) scale(2, 5);
  background: white;
}

/******************************** Animations ********************************/
/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(1) {
  animation: loader4-spinner-fade-1 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(2) {
  animation: loader4-spinner-fade-2 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(3) {
  animation: loader4-spinner-fade-3 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(4) {
  animation: loader4-spinner-fade-4 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(5) {
  animation: loader4-spinner-fade-5 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(6) {
  animation: loader4-spinner-fade-6 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(7) {
  animation: loader4-spinner-fade-7 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(8) {
  animation: loader4-spinner-fade-8 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(9) {
  animation: loader4-spinner-fade-9 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(10) {
  animation: loader4-spinner-fade-10 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(11) {
  animation: loader4-spinner-fade-11 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(12) {
  animation: loader4-spinner-fade-12 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(13) {
  animation: loader4-spinner-fade-13 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(14) {
  animation: loader4-spinner-fade-14 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(15) {
  animation: loader4-spinner-fade-15 0.5s steps(1, end) infinite;
}

/* line 52, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
.loader4-spinner-container > *:nth-of-type(16) {
  animation: loader4-spinner-fade-16 0.5s steps(1, end) infinite;
}

@-webkit-keyframes loader4-spinner-fade-1 {
  0% {
    background: rgba(44, 126, 211, 0.06);
  }
  6% {
    background: rgba(59, 136, 214, 0.13);
  }
  13% {
    background: rgba(73, 144, 217, 0.19);
  }
  19% {
    background: rgba(86, 152, 220, 0.25);
  }
  25% {
    background: rgba(100, 160, 223, 0.31);
  }
  31% {
    background: rgba(116, 170, 226, 0.38);
  }
  38% {
    background: rgba(129, 178, 229, 0.44);
  }
  44% {
    background: rgba(143, 187, 232, 0.5);
  }
  50% {
    background: rgba(156, 195, 234, 0.56);
  }
  56% {
    background: rgba(172, 204, 238, 0.63);
  }
  63% {
    background: rgba(185, 213, 240, 0.69);
  }
  69% {
    background: rgba(199, 221, 243, 0.75);
  }
  75% {
    background: rgba(212, 229, 246, 0.81);
  }
  81% {
    background: rgba(228, 239, 249, 0.88);
  }
  88% {
    background: rgba(242, 247, 252, 0.94);
  }
  94% {
    background: white;
  }
  100% {
    background: rgba(44, 126, 211, 0.06);
  }
}

@-moz-keyframes loader4-spinner-fade-1 {
  0% {
    background: rgba(44, 126, 211, 0.06);
  }
  6% {
    background: rgba(59, 136, 214, 0.13);
  }
  13% {
    background: rgba(73, 144, 217, 0.19);
  }
  19% {
    background: rgba(86, 152, 220, 0.25);
  }
  25% {
    background: rgba(100, 160, 223, 0.31);
  }
  31% {
    background: rgba(116, 170, 226, 0.38);
  }
  38% {
    background: rgba(129, 178, 229, 0.44);
  }
  44% {
    background: rgba(143, 187, 232, 0.5);
  }
  50% {
    background: rgba(156, 195, 234, 0.56);
  }
  56% {
    background: rgba(172, 204, 238, 0.63);
  }
  63% {
    background: rgba(185, 213, 240, 0.69);
  }
  69% {
    background: rgba(199, 221, 243, 0.75);
  }
  75% {
    background: rgba(212, 229, 246, 0.81);
  }
  81% {
    background: rgba(228, 239, 249, 0.88);
  }
  88% {
    background: rgba(242, 247, 252, 0.94);
  }
  94% {
    background: white;
  }
  100% {
    background: rgba(44, 126, 211, 0.06);
  }
}

@-ms-keyframes loader4-spinner-fade-1 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: white;
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(44, 126, 211, 0.06);
  }
}

@-o-keyframes loader4-spinner-fade-1 {
  0% {
    background: rgba(44, 126, 211, 0.06);
  }
  6% {
    background: rgba(59, 136, 214, 0.13);
  }
  13% {
    background: rgba(73, 144, 217, 0.19);
  }
  19% {
    background: rgba(86, 152, 220, 0.25);
  }
  25% {
    background: rgba(100, 160, 223, 0.31);
  }
  31% {
    background: rgba(116, 170, 226, 0.38);
  }
  38% {
    background: rgba(129, 178, 229, 0.44);
  }
  44% {
    background: rgba(143, 187, 232, 0.5);
  }
  50% {
    background: rgba(156, 195, 234, 0.56);
  }
  56% {
    background: rgba(172, 204, 238, 0.63);
  }
  63% {
    background: rgba(185, 213, 240, 0.69);
  }
  69% {
    background: rgba(199, 221, 243, 0.75);
  }
  75% {
    background: rgba(212, 229, 246, 0.81);
  }
  81% {
    background: rgba(228, 239, 249, 0.88);
  }
  88% {
    background: rgba(242, 247, 252, 0.94);
  }
  94% {
    background: white;
  }
  100% {
    background: rgba(44, 126, 211, 0.06);
  }
}

@keyframes loader4-spinner-fade-1 {
  0% {
    background: rgba(44, 126, 211, 0.06);
  }
  6% {
    background: rgba(59, 136, 214, 0.13);
  }
  13% {
    background: rgba(73, 144, 217, 0.19);
  }
  19% {
    background: rgba(86, 152, 220, 0.25);
  }
  25% {
    background: rgba(100, 160, 223, 0.31);
  }
  31% {
    background: rgba(116, 170, 226, 0.38);
  }
  38% {
    background: rgba(129, 178, 229, 0.44);
  }
  44% {
    background: rgba(143, 187, 232, 0.5);
  }
  50% {
    background: rgba(156, 195, 234, 0.56);
  }
  56% {
    background: rgba(172, 204, 238, 0.63);
  }
  63% {
    background: rgba(185, 213, 240, 0.69);
  }
  69% {
    background: rgba(199, 221, 243, 0.75);
  }
  75% {
    background: rgba(212, 229, 246, 0.81);
  }
  81% {
    background: rgba(228, 239, 249, 0.88);
  }
  88% {
    background: rgba(242, 247, 252, 0.94);
  }
  94% {
    background: white;
  }
  100% {
    background: rgba(44, 126, 211, 0.06);
  }
}

@-webkit-keyframes loader4-spinner-fade-2 {
  0% {
    background: rgba(59, 136, 214, 0.13);
  }
  6% {
    background: rgba(73, 144, 217, 0.19);
  }
  13% {
    background: rgba(86, 152, 220, 0.25);
  }
  19% {
    background: rgba(100, 160, 223, 0.31);
  }
  25% {
    background: rgba(116, 170, 226, 0.38);
  }
  31% {
    background: rgba(129, 178, 229, 0.44);
  }
  38% {
    background: rgba(143, 187, 232, 0.5);
  }
  44% {
    background: rgba(156, 195, 234, 0.56);
  }
  50% {
    background: rgba(172, 204, 238, 0.63);
  }
  56% {
    background: rgba(185, 213, 240, 0.69);
  }
  63% {
    background: rgba(199, 221, 243, 0.75);
  }
  69% {
    background: rgba(212, 229, 246, 0.81);
  }
  75% {
    background: rgba(228, 239, 249, 0.88);
  }
  81% {
    background: rgba(242, 247, 252, 0.94);
  }
  88% {
    background: white;
  }
  94% {
    background: rgba(44, 126, 211, 0.06);
  }
  100% {
    background: rgba(59, 136, 214, 0.13);
  }
}

@-moz-keyframes loader4-spinner-fade-2 {
  0% {
    background: rgba(59, 136, 214, 0.13);
  }
  6% {
    background: rgba(73, 144, 217, 0.19);
  }
  13% {
    background: rgba(86, 152, 220, 0.25);
  }
  19% {
    background: rgba(100, 160, 223, 0.31);
  }
  25% {
    background: rgba(116, 170, 226, 0.38);
  }
  31% {
    background: rgba(129, 178, 229, 0.44);
  }
  38% {
    background: rgba(143, 187, 232, 0.5);
  }
  44% {
    background: rgba(156, 195, 234, 0.56);
  }
  50% {
    background: rgba(172, 204, 238, 0.63);
  }
  56% {
    background: rgba(185, 213, 240, 0.69);
  }
  63% {
    background: rgba(199, 221, 243, 0.75);
  }
  69% {
    background: rgba(212, 229, 246, 0.81);
  }
  75% {
    background: rgba(228, 239, 249, 0.88);
  }
  81% {
    background: rgba(242, 247, 252, 0.94);
  }
  88% {
    background: white;
  }
  94% {
    background: rgba(44, 126, 211, 0.06);
  }
  100% {
    background: rgba(59, 136, 214, 0.13);
  }
}

@-ms-keyframes loader4-spinner-fade-2 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(59, 136, 214, 0.13);
  }
}

@-o-keyframes loader4-spinner-fade-2 {
  0% {
    background: rgba(59, 136, 214, 0.13);
  }
  6% {
    background: rgba(73, 144, 217, 0.19);
  }
  13% {
    background: rgba(86, 152, 220, 0.25);
  }
  19% {
    background: rgba(100, 160, 223, 0.31);
  }
  25% {
    background: rgba(116, 170, 226, 0.38);
  }
  31% {
    background: rgba(129, 178, 229, 0.44);
  }
  38% {
    background: rgba(143, 187, 232, 0.5);
  }
  44% {
    background: rgba(156, 195, 234, 0.56);
  }
  50% {
    background: rgba(172, 204, 238, 0.63);
  }
  56% {
    background: rgba(185, 213, 240, 0.69);
  }
  63% {
    background: rgba(199, 221, 243, 0.75);
  }
  69% {
    background: rgba(212, 229, 246, 0.81);
  }
  75% {
    background: rgba(228, 239, 249, 0.88);
  }
  81% {
    background: rgba(242, 247, 252, 0.94);
  }
  88% {
    background: white;
  }
  94% {
    background: rgba(44, 126, 211, 0.06);
  }
  100% {
    background: rgba(59, 136, 214, 0.13);
  }
}

@keyframes loader4-spinner-fade-2 {
  0% {
    background: rgba(59, 136, 214, 0.13);
  }
  6% {
    background: rgba(73, 144, 217, 0.19);
  }
  13% {
    background: rgba(86, 152, 220, 0.25);
  }
  19% {
    background: rgba(100, 160, 223, 0.31);
  }
  25% {
    background: rgba(116, 170, 226, 0.38);
  }
  31% {
    background: rgba(129, 178, 229, 0.44);
  }
  38% {
    background: rgba(143, 187, 232, 0.5);
  }
  44% {
    background: rgba(156, 195, 234, 0.56);
  }
  50% {
    background: rgba(172, 204, 238, 0.63);
  }
  56% {
    background: rgba(185, 213, 240, 0.69);
  }
  63% {
    background: rgba(199, 221, 243, 0.75);
  }
  69% {
    background: rgba(212, 229, 246, 0.81);
  }
  75% {
    background: rgba(228, 239, 249, 0.88);
  }
  81% {
    background: rgba(242, 247, 252, 0.94);
  }
  88% {
    background: white;
  }
  94% {
    background: rgba(44, 126, 211, 0.06);
  }
  100% {
    background: rgba(59, 136, 214, 0.13);
  }
}

@-webkit-keyframes loader4-spinner-fade-3 {
  0% {
    background: rgba(73, 144, 217, 0.19);
  }
  6% {
    background: rgba(86, 152, 220, 0.25);
  }
  13% {
    background: rgba(100, 160, 223, 0.31);
  }
  19% {
    background: rgba(116, 170, 226, 0.38);
  }
  25% {
    background: rgba(129, 178, 229, 0.44);
  }
  31% {
    background: rgba(143, 187, 232, 0.5);
  }
  38% {
    background: rgba(156, 195, 234, 0.56);
  }
  44% {
    background: rgba(172, 204, 238, 0.63);
  }
  50% {
    background: rgba(185, 213, 240, 0.69);
  }
  56% {
    background: rgba(199, 221, 243, 0.75);
  }
  63% {
    background: rgba(212, 229, 246, 0.81);
  }
  69% {
    background: rgba(228, 239, 249, 0.88);
  }
  75% {
    background: rgba(242, 247, 252, 0.94);
  }
  81% {
    background: white;
  }
  88% {
    background: rgba(44, 126, 211, 0.06);
  }
  94% {
    background: rgba(59, 136, 214, 0.13);
  }
  100% {
    background: rgba(73, 144, 217, 0.19);
  }
}

@-moz-keyframes loader4-spinner-fade-3 {
  0% {
    background: rgba(73, 144, 217, 0.19);
  }
  6% {
    background: rgba(86, 152, 220, 0.25);
  }
  13% {
    background: rgba(100, 160, 223, 0.31);
  }
  19% {
    background: rgba(116, 170, 226, 0.38);
  }
  25% {
    background: rgba(129, 178, 229, 0.44);
  }
  31% {
    background: rgba(143, 187, 232, 0.5);
  }
  38% {
    background: rgba(156, 195, 234, 0.56);
  }
  44% {
    background: rgba(172, 204, 238, 0.63);
  }
  50% {
    background: rgba(185, 213, 240, 0.69);
  }
  56% {
    background: rgba(199, 221, 243, 0.75);
  }
  63% {
    background: rgba(212, 229, 246, 0.81);
  }
  69% {
    background: rgba(228, 239, 249, 0.88);
  }
  75% {
    background: rgba(242, 247, 252, 0.94);
  }
  81% {
    background: white;
  }
  88% {
    background: rgba(44, 126, 211, 0.06);
  }
  94% {
    background: rgba(59, 136, 214, 0.13);
  }
  100% {
    background: rgba(73, 144, 217, 0.19);
  }
}

@-ms-keyframes loader4-spinner-fade-3 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(73, 144, 217, 0.19);
  }
}

@-o-keyframes loader4-spinner-fade-3 {
  0% {
    background: rgba(73, 144, 217, 0.19);
  }
  6% {
    background: rgba(86, 152, 220, 0.25);
  }
  13% {
    background: rgba(100, 160, 223, 0.31);
  }
  19% {
    background: rgba(116, 170, 226, 0.38);
  }
  25% {
    background: rgba(129, 178, 229, 0.44);
  }
  31% {
    background: rgba(143, 187, 232, 0.5);
  }
  38% {
    background: rgba(156, 195, 234, 0.56);
  }
  44% {
    background: rgba(172, 204, 238, 0.63);
  }
  50% {
    background: rgba(185, 213, 240, 0.69);
  }
  56% {
    background: rgba(199, 221, 243, 0.75);
  }
  63% {
    background: rgba(212, 229, 246, 0.81);
  }
  69% {
    background: rgba(228, 239, 249, 0.88);
  }
  75% {
    background: rgba(242, 247, 252, 0.94);
  }
  81% {
    background: white;
  }
  88% {
    background: rgba(44, 126, 211, 0.06);
  }
  94% {
    background: rgba(59, 136, 214, 0.13);
  }
  100% {
    background: rgba(73, 144, 217, 0.19);
  }
}

@keyframes loader4-spinner-fade-3 {
  0% {
    background: rgba(73, 144, 217, 0.19);
  }
  6% {
    background: rgba(86, 152, 220, 0.25);
  }
  13% {
    background: rgba(100, 160, 223, 0.31);
  }
  19% {
    background: rgba(116, 170, 226, 0.38);
  }
  25% {
    background: rgba(129, 178, 229, 0.44);
  }
  31% {
    background: rgba(143, 187, 232, 0.5);
  }
  38% {
    background: rgba(156, 195, 234, 0.56);
  }
  44% {
    background: rgba(172, 204, 238, 0.63);
  }
  50% {
    background: rgba(185, 213, 240, 0.69);
  }
  56% {
    background: rgba(199, 221, 243, 0.75);
  }
  63% {
    background: rgba(212, 229, 246, 0.81);
  }
  69% {
    background: rgba(228, 239, 249, 0.88);
  }
  75% {
    background: rgba(242, 247, 252, 0.94);
  }
  81% {
    background: white;
  }
  88% {
    background: rgba(44, 126, 211, 0.06);
  }
  94% {
    background: rgba(59, 136, 214, 0.13);
  }
  100% {
    background: rgba(73, 144, 217, 0.19);
  }
}

@-webkit-keyframes loader4-spinner-fade-4 {
  0% {
    background: rgba(86, 152, 220, 0.25);
  }
  6% {
    background: rgba(100, 160, 223, 0.31);
  }
  13% {
    background: rgba(116, 170, 226, 0.38);
  }
  19% {
    background: rgba(129, 178, 229, 0.44);
  }
  25% {
    background: rgba(143, 187, 232, 0.5);
  }
  31% {
    background: rgba(156, 195, 234, 0.56);
  }
  38% {
    background: rgba(172, 204, 238, 0.63);
  }
  44% {
    background: rgba(185, 213, 240, 0.69);
  }
  50% {
    background: rgba(199, 221, 243, 0.75);
  }
  56% {
    background: rgba(212, 229, 246, 0.81);
  }
  63% {
    background: rgba(228, 239, 249, 0.88);
  }
  69% {
    background: rgba(242, 247, 252, 0.94);
  }
  75% {
    background: white;
  }
  81% {
    background: rgba(44, 126, 211, 0.06);
  }
  88% {
    background: rgba(59, 136, 214, 0.13);
  }
  94% {
    background: rgba(73, 144, 217, 0.19);
  }
  100% {
    background: rgba(86, 152, 220, 0.25);
  }
}

@-moz-keyframes loader4-spinner-fade-4 {
  0% {
    background: rgba(86, 152, 220, 0.25);
  }
  6% {
    background: rgba(100, 160, 223, 0.31);
  }
  13% {
    background: rgba(116, 170, 226, 0.38);
  }
  19% {
    background: rgba(129, 178, 229, 0.44);
  }
  25% {
    background: rgba(143, 187, 232, 0.5);
  }
  31% {
    background: rgba(156, 195, 234, 0.56);
  }
  38% {
    background: rgba(172, 204, 238, 0.63);
  }
  44% {
    background: rgba(185, 213, 240, 0.69);
  }
  50% {
    background: rgba(199, 221, 243, 0.75);
  }
  56% {
    background: rgba(212, 229, 246, 0.81);
  }
  63% {
    background: rgba(228, 239, 249, 0.88);
  }
  69% {
    background: rgba(242, 247, 252, 0.94);
  }
  75% {
    background: white;
  }
  81% {
    background: rgba(44, 126, 211, 0.06);
  }
  88% {
    background: rgba(59, 136, 214, 0.13);
  }
  94% {
    background: rgba(73, 144, 217, 0.19);
  }
  100% {
    background: rgba(86, 152, 220, 0.25);
  }
}

@-ms-keyframes loader4-spinner-fade-4 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(86, 152, 220, 0.25);
  }
}

@-o-keyframes loader4-spinner-fade-4 {
  0% {
    background: rgba(86, 152, 220, 0.25);
  }
  6% {
    background: rgba(100, 160, 223, 0.31);
  }
  13% {
    background: rgba(116, 170, 226, 0.38);
  }
  19% {
    background: rgba(129, 178, 229, 0.44);
  }
  25% {
    background: rgba(143, 187, 232, 0.5);
  }
  31% {
    background: rgba(156, 195, 234, 0.56);
  }
  38% {
    background: rgba(172, 204, 238, 0.63);
  }
  44% {
    background: rgba(185, 213, 240, 0.69);
  }
  50% {
    background: rgba(199, 221, 243, 0.75);
  }
  56% {
    background: rgba(212, 229, 246, 0.81);
  }
  63% {
    background: rgba(228, 239, 249, 0.88);
  }
  69% {
    background: rgba(242, 247, 252, 0.94);
  }
  75% {
    background: white;
  }
  81% {
    background: rgba(44, 126, 211, 0.06);
  }
  88% {
    background: rgba(59, 136, 214, 0.13);
  }
  94% {
    background: rgba(73, 144, 217, 0.19);
  }
  100% {
    background: rgba(86, 152, 220, 0.25);
  }
}

@keyframes loader4-spinner-fade-4 {
  0% {
    background: rgba(86, 152, 220, 0.25);
  }
  6% {
    background: rgba(100, 160, 223, 0.31);
  }
  13% {
    background: rgba(116, 170, 226, 0.38);
  }
  19% {
    background: rgba(129, 178, 229, 0.44);
  }
  25% {
    background: rgba(143, 187, 232, 0.5);
  }
  31% {
    background: rgba(156, 195, 234, 0.56);
  }
  38% {
    background: rgba(172, 204, 238, 0.63);
  }
  44% {
    background: rgba(185, 213, 240, 0.69);
  }
  50% {
    background: rgba(199, 221, 243, 0.75);
  }
  56% {
    background: rgba(212, 229, 246, 0.81);
  }
  63% {
    background: rgba(228, 239, 249, 0.88);
  }
  69% {
    background: rgba(242, 247, 252, 0.94);
  }
  75% {
    background: white;
  }
  81% {
    background: rgba(44, 126, 211, 0.06);
  }
  88% {
    background: rgba(59, 136, 214, 0.13);
  }
  94% {
    background: rgba(73, 144, 217, 0.19);
  }
  100% {
    background: rgba(86, 152, 220, 0.25);
  }
}

@-webkit-keyframes loader4-spinner-fade-5 {
  0% {
    background: rgba(100, 160, 223, 0.31);
  }
  6% {
    background: rgba(116, 170, 226, 0.38);
  }
  13% {
    background: rgba(129, 178, 229, 0.44);
  }
  19% {
    background: rgba(143, 187, 232, 0.5);
  }
  25% {
    background: rgba(156, 195, 234, 0.56);
  }
  31% {
    background: rgba(172, 204, 238, 0.63);
  }
  38% {
    background: rgba(185, 213, 240, 0.69);
  }
  44% {
    background: rgba(199, 221, 243, 0.75);
  }
  50% {
    background: rgba(212, 229, 246, 0.81);
  }
  56% {
    background: rgba(228, 239, 249, 0.88);
  }
  63% {
    background: rgba(242, 247, 252, 0.94);
  }
  69% {
    background: white;
  }
  75% {
    background: rgba(44, 126, 211, 0.06);
  }
  81% {
    background: rgba(59, 136, 214, 0.13);
  }
  88% {
    background: rgba(73, 144, 217, 0.19);
  }
  94% {
    background: rgba(86, 152, 220, 0.25);
  }
  100% {
    background: rgba(100, 160, 223, 0.31);
  }
}

@-moz-keyframes loader4-spinner-fade-5 {
  0% {
    background: rgba(100, 160, 223, 0.31);
  }
  6% {
    background: rgba(116, 170, 226, 0.38);
  }
  13% {
    background: rgba(129, 178, 229, 0.44);
  }
  19% {
    background: rgba(143, 187, 232, 0.5);
  }
  25% {
    background: rgba(156, 195, 234, 0.56);
  }
  31% {
    background: rgba(172, 204, 238, 0.63);
  }
  38% {
    background: rgba(185, 213, 240, 0.69);
  }
  44% {
    background: rgba(199, 221, 243, 0.75);
  }
  50% {
    background: rgba(212, 229, 246, 0.81);
  }
  56% {
    background: rgba(228, 239, 249, 0.88);
  }
  63% {
    background: rgba(242, 247, 252, 0.94);
  }
  69% {
    background: white;
  }
  75% {
    background: rgba(44, 126, 211, 0.06);
  }
  81% {
    background: rgba(59, 136, 214, 0.13);
  }
  88% {
    background: rgba(73, 144, 217, 0.19);
  }
  94% {
    background: rgba(86, 152, 220, 0.25);
  }
  100% {
    background: rgba(100, 160, 223, 0.31);
  }
}

@-ms-keyframes loader4-spinner-fade-5 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(100, 160, 223, 0.31);
  }
}

@-o-keyframes loader4-spinner-fade-5 {
  0% {
    background: rgba(100, 160, 223, 0.31);
  }
  6% {
    background: rgba(116, 170, 226, 0.38);
  }
  13% {
    background: rgba(129, 178, 229, 0.44);
  }
  19% {
    background: rgba(143, 187, 232, 0.5);
  }
  25% {
    background: rgba(156, 195, 234, 0.56);
  }
  31% {
    background: rgba(172, 204, 238, 0.63);
  }
  38% {
    background: rgba(185, 213, 240, 0.69);
  }
  44% {
    background: rgba(199, 221, 243, 0.75);
  }
  50% {
    background: rgba(212, 229, 246, 0.81);
  }
  56% {
    background: rgba(228, 239, 249, 0.88);
  }
  63% {
    background: rgba(242, 247, 252, 0.94);
  }
  69% {
    background: white;
  }
  75% {
    background: rgba(44, 126, 211, 0.06);
  }
  81% {
    background: rgba(59, 136, 214, 0.13);
  }
  88% {
    background: rgba(73, 144, 217, 0.19);
  }
  94% {
    background: rgba(86, 152, 220, 0.25);
  }
  100% {
    background: rgba(100, 160, 223, 0.31);
  }
}

@keyframes loader4-spinner-fade-5 {
  0% {
    background: rgba(100, 160, 223, 0.31);
  }
  6% {
    background: rgba(116, 170, 226, 0.38);
  }
  13% {
    background: rgba(129, 178, 229, 0.44);
  }
  19% {
    background: rgba(143, 187, 232, 0.5);
  }
  25% {
    background: rgba(156, 195, 234, 0.56);
  }
  31% {
    background: rgba(172, 204, 238, 0.63);
  }
  38% {
    background: rgba(185, 213, 240, 0.69);
  }
  44% {
    background: rgba(199, 221, 243, 0.75);
  }
  50% {
    background: rgba(212, 229, 246, 0.81);
  }
  56% {
    background: rgba(228, 239, 249, 0.88);
  }
  63% {
    background: rgba(242, 247, 252, 0.94);
  }
  69% {
    background: white;
  }
  75% {
    background: rgba(44, 126, 211, 0.06);
  }
  81% {
    background: rgba(59, 136, 214, 0.13);
  }
  88% {
    background: rgba(73, 144, 217, 0.19);
  }
  94% {
    background: rgba(86, 152, 220, 0.25);
  }
  100% {
    background: rgba(100, 160, 223, 0.31);
  }
}

@-webkit-keyframes loader4-spinner-fade-6 {
  0% {
    background: rgba(116, 170, 226, 0.38);
  }
  6% {
    background: rgba(129, 178, 229, 0.44);
  }
  13% {
    background: rgba(143, 187, 232, 0.5);
  }
  19% {
    background: rgba(156, 195, 234, 0.56);
  }
  25% {
    background: rgba(172, 204, 238, 0.63);
  }
  31% {
    background: rgba(185, 213, 240, 0.69);
  }
  38% {
    background: rgba(199, 221, 243, 0.75);
  }
  44% {
    background: rgba(212, 229, 246, 0.81);
  }
  50% {
    background: rgba(228, 239, 249, 0.88);
  }
  56% {
    background: rgba(242, 247, 252, 0.94);
  }
  63% {
    background: white;
  }
  69% {
    background: rgba(44, 126, 211, 0.06);
  }
  75% {
    background: rgba(59, 136, 214, 0.13);
  }
  81% {
    background: rgba(73, 144, 217, 0.19);
  }
  88% {
    background: rgba(86, 152, 220, 0.25);
  }
  94% {
    background: rgba(100, 160, 223, 0.31);
  }
  100% {
    background: rgba(116, 170, 226, 0.38);
  }
}

@-moz-keyframes loader4-spinner-fade-6 {
  0% {
    background: rgba(116, 170, 226, 0.38);
  }
  6% {
    background: rgba(129, 178, 229, 0.44);
  }
  13% {
    background: rgba(143, 187, 232, 0.5);
  }
  19% {
    background: rgba(156, 195, 234, 0.56);
  }
  25% {
    background: rgba(172, 204, 238, 0.63);
  }
  31% {
    background: rgba(185, 213, 240, 0.69);
  }
  38% {
    background: rgba(199, 221, 243, 0.75);
  }
  44% {
    background: rgba(212, 229, 246, 0.81);
  }
  50% {
    background: rgba(228, 239, 249, 0.88);
  }
  56% {
    background: rgba(242, 247, 252, 0.94);
  }
  63% {
    background: white;
  }
  69% {
    background: rgba(44, 126, 211, 0.06);
  }
  75% {
    background: rgba(59, 136, 214, 0.13);
  }
  81% {
    background: rgba(73, 144, 217, 0.19);
  }
  88% {
    background: rgba(86, 152, 220, 0.25);
  }
  94% {
    background: rgba(100, 160, 223, 0.31);
  }
  100% {
    background: rgba(116, 170, 226, 0.38);
  }
}

@-ms-keyframes loader4-spinner-fade-6 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(116, 170, 226, 0.38);
  }
}

@-o-keyframes loader4-spinner-fade-6 {
  0% {
    background: rgba(116, 170, 226, 0.38);
  }
  6% {
    background: rgba(129, 178, 229, 0.44);
  }
  13% {
    background: rgba(143, 187, 232, 0.5);
  }
  19% {
    background: rgba(156, 195, 234, 0.56);
  }
  25% {
    background: rgba(172, 204, 238, 0.63);
  }
  31% {
    background: rgba(185, 213, 240, 0.69);
  }
  38% {
    background: rgba(199, 221, 243, 0.75);
  }
  44% {
    background: rgba(212, 229, 246, 0.81);
  }
  50% {
    background: rgba(228, 239, 249, 0.88);
  }
  56% {
    background: rgba(242, 247, 252, 0.94);
  }
  63% {
    background: white;
  }
  69% {
    background: rgba(44, 126, 211, 0.06);
  }
  75% {
    background: rgba(59, 136, 214, 0.13);
  }
  81% {
    background: rgba(73, 144, 217, 0.19);
  }
  88% {
    background: rgba(86, 152, 220, 0.25);
  }
  94% {
    background: rgba(100, 160, 223, 0.31);
  }
  100% {
    background: rgba(116, 170, 226, 0.38);
  }
}

@keyframes loader4-spinner-fade-6 {
  0% {
    background: rgba(116, 170, 226, 0.38);
  }
  6% {
    background: rgba(129, 178, 229, 0.44);
  }
  13% {
    background: rgba(143, 187, 232, 0.5);
  }
  19% {
    background: rgba(156, 195, 234, 0.56);
  }
  25% {
    background: rgba(172, 204, 238, 0.63);
  }
  31% {
    background: rgba(185, 213, 240, 0.69);
  }
  38% {
    background: rgba(199, 221, 243, 0.75);
  }
  44% {
    background: rgba(212, 229, 246, 0.81);
  }
  50% {
    background: rgba(228, 239, 249, 0.88);
  }
  56% {
    background: rgba(242, 247, 252, 0.94);
  }
  63% {
    background: white;
  }
  69% {
    background: rgba(44, 126, 211, 0.06);
  }
  75% {
    background: rgba(59, 136, 214, 0.13);
  }
  81% {
    background: rgba(73, 144, 217, 0.19);
  }
  88% {
    background: rgba(86, 152, 220, 0.25);
  }
  94% {
    background: rgba(100, 160, 223, 0.31);
  }
  100% {
    background: rgba(116, 170, 226, 0.38);
  }
}

@-webkit-keyframes loader4-spinner-fade-7 {
  0% {
    background: rgba(129, 178, 229, 0.44);
  }
  6% {
    background: rgba(143, 187, 232, 0.5);
  }
  13% {
    background: rgba(156, 195, 234, 0.56);
  }
  19% {
    background: rgba(172, 204, 238, 0.63);
  }
  25% {
    background: rgba(185, 213, 240, 0.69);
  }
  31% {
    background: rgba(199, 221, 243, 0.75);
  }
  38% {
    background: rgba(212, 229, 246, 0.81);
  }
  44% {
    background: rgba(228, 239, 249, 0.88);
  }
  50% {
    background: rgba(242, 247, 252, 0.94);
  }
  56% {
    background: white;
  }
  63% {
    background: rgba(44, 126, 211, 0.06);
  }
  69% {
    background: rgba(59, 136, 214, 0.13);
  }
  75% {
    background: rgba(73, 144, 217, 0.19);
  }
  81% {
    background: rgba(86, 152, 220, 0.25);
  }
  88% {
    background: rgba(100, 160, 223, 0.31);
  }
  94% {
    background: rgba(116, 170, 226, 0.38);
  }
  100% {
    background: rgba(129, 178, 229, 0.44);
  }
}

@-moz-keyframes loader4-spinner-fade-7 {
  0% {
    background: rgba(129, 178, 229, 0.44);
  }
  6% {
    background: rgba(143, 187, 232, 0.5);
  }
  13% {
    background: rgba(156, 195, 234, 0.56);
  }
  19% {
    background: rgba(172, 204, 238, 0.63);
  }
  25% {
    background: rgba(185, 213, 240, 0.69);
  }
  31% {
    background: rgba(199, 221, 243, 0.75);
  }
  38% {
    background: rgba(212, 229, 246, 0.81);
  }
  44% {
    background: rgba(228, 239, 249, 0.88);
  }
  50% {
    background: rgba(242, 247, 252, 0.94);
  }
  56% {
    background: white;
  }
  63% {
    background: rgba(44, 126, 211, 0.06);
  }
  69% {
    background: rgba(59, 136, 214, 0.13);
  }
  75% {
    background: rgba(73, 144, 217, 0.19);
  }
  81% {
    background: rgba(86, 152, 220, 0.25);
  }
  88% {
    background: rgba(100, 160, 223, 0.31);
  }
  94% {
    background: rgba(116, 170, 226, 0.38);
  }
  100% {
    background: rgba(129, 178, 229, 0.44);
  }
}

@-ms-keyframes loader4-spinner-fade-7 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(129, 178, 229, 0.44);
  }
}

@-o-keyframes loader4-spinner-fade-7 {
  0% {
    background: rgba(129, 178, 229, 0.44);
  }
  6% {
    background: rgba(143, 187, 232, 0.5);
  }
  13% {
    background: rgba(156, 195, 234, 0.56);
  }
  19% {
    background: rgba(172, 204, 238, 0.63);
  }
  25% {
    background: rgba(185, 213, 240, 0.69);
  }
  31% {
    background: rgba(199, 221, 243, 0.75);
  }
  38% {
    background: rgba(212, 229, 246, 0.81);
  }
  44% {
    background: rgba(228, 239, 249, 0.88);
  }
  50% {
    background: rgba(242, 247, 252, 0.94);
  }
  56% {
    background: white;
  }
  63% {
    background: rgba(44, 126, 211, 0.06);
  }
  69% {
    background: rgba(59, 136, 214, 0.13);
  }
  75% {
    background: rgba(73, 144, 217, 0.19);
  }
  81% {
    background: rgba(86, 152, 220, 0.25);
  }
  88% {
    background: rgba(100, 160, 223, 0.31);
  }
  94% {
    background: rgba(116, 170, 226, 0.38);
  }
  100% {
    background: rgba(129, 178, 229, 0.44);
  }
}

@keyframes loader4-spinner-fade-7 {
  0% {
    background: rgba(129, 178, 229, 0.44);
  }
  6% {
    background: rgba(143, 187, 232, 0.5);
  }
  13% {
    background: rgba(156, 195, 234, 0.56);
  }
  19% {
    background: rgba(172, 204, 238, 0.63);
  }
  25% {
    background: rgba(185, 213, 240, 0.69);
  }
  31% {
    background: rgba(199, 221, 243, 0.75);
  }
  38% {
    background: rgba(212, 229, 246, 0.81);
  }
  44% {
    background: rgba(228, 239, 249, 0.88);
  }
  50% {
    background: rgba(242, 247, 252, 0.94);
  }
  56% {
    background: white;
  }
  63% {
    background: rgba(44, 126, 211, 0.06);
  }
  69% {
    background: rgba(59, 136, 214, 0.13);
  }
  75% {
    background: rgba(73, 144, 217, 0.19);
  }
  81% {
    background: rgba(86, 152, 220, 0.25);
  }
  88% {
    background: rgba(100, 160, 223, 0.31);
  }
  94% {
    background: rgba(116, 170, 226, 0.38);
  }
  100% {
    background: rgba(129, 178, 229, 0.44);
  }
}

@-webkit-keyframes loader4-spinner-fade-8 {
  0% {
    background: rgba(143, 187, 232, 0.5);
  }
  6% {
    background: rgba(156, 195, 234, 0.56);
  }
  13% {
    background: rgba(172, 204, 238, 0.63);
  }
  19% {
    background: rgba(185, 213, 240, 0.69);
  }
  25% {
    background: rgba(199, 221, 243, 0.75);
  }
  31% {
    background: rgba(212, 229, 246, 0.81);
  }
  38% {
    background: rgba(228, 239, 249, 0.88);
  }
  44% {
    background: rgba(242, 247, 252, 0.94);
  }
  50% {
    background: white;
  }
  56% {
    background: rgba(44, 126, 211, 0.06);
  }
  63% {
    background: rgba(59, 136, 214, 0.13);
  }
  69% {
    background: rgba(73, 144, 217, 0.19);
  }
  75% {
    background: rgba(86, 152, 220, 0.25);
  }
  81% {
    background: rgba(100, 160, 223, 0.31);
  }
  88% {
    background: rgba(116, 170, 226, 0.38);
  }
  94% {
    background: rgba(129, 178, 229, 0.44);
  }
  100% {
    background: rgba(143, 187, 232, 0.5);
  }
}

@-moz-keyframes loader4-spinner-fade-8 {
  0% {
    background: rgba(143, 187, 232, 0.5);
  }
  6% {
    background: rgba(156, 195, 234, 0.56);
  }
  13% {
    background: rgba(172, 204, 238, 0.63);
  }
  19% {
    background: rgba(185, 213, 240, 0.69);
  }
  25% {
    background: rgba(199, 221, 243, 0.75);
  }
  31% {
    background: rgba(212, 229, 246, 0.81);
  }
  38% {
    background: rgba(228, 239, 249, 0.88);
  }
  44% {
    background: rgba(242, 247, 252, 0.94);
  }
  50% {
    background: white;
  }
  56% {
    background: rgba(44, 126, 211, 0.06);
  }
  63% {
    background: rgba(59, 136, 214, 0.13);
  }
  69% {
    background: rgba(73, 144, 217, 0.19);
  }
  75% {
    background: rgba(86, 152, 220, 0.25);
  }
  81% {
    background: rgba(100, 160, 223, 0.31);
  }
  88% {
    background: rgba(116, 170, 226, 0.38);
  }
  94% {
    background: rgba(129, 178, 229, 0.44);
  }
  100% {
    background: rgba(143, 187, 232, 0.5);
  }
}

@-ms-keyframes loader4-spinner-fade-8 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(143, 187, 232, 0.5);
  }
}

@-o-keyframes loader4-spinner-fade-8 {
  0% {
    background: rgba(143, 187, 232, 0.5);
  }
  6% {
    background: rgba(156, 195, 234, 0.56);
  }
  13% {
    background: rgba(172, 204, 238, 0.63);
  }
  19% {
    background: rgba(185, 213, 240, 0.69);
  }
  25% {
    background: rgba(199, 221, 243, 0.75);
  }
  31% {
    background: rgba(212, 229, 246, 0.81);
  }
  38% {
    background: rgba(228, 239, 249, 0.88);
  }
  44% {
    background: rgba(242, 247, 252, 0.94);
  }
  50% {
    background: white;
  }
  56% {
    background: rgba(44, 126, 211, 0.06);
  }
  63% {
    background: rgba(59, 136, 214, 0.13);
  }
  69% {
    background: rgba(73, 144, 217, 0.19);
  }
  75% {
    background: rgba(86, 152, 220, 0.25);
  }
  81% {
    background: rgba(100, 160, 223, 0.31);
  }
  88% {
    background: rgba(116, 170, 226, 0.38);
  }
  94% {
    background: rgba(129, 178, 229, 0.44);
  }
  100% {
    background: rgba(143, 187, 232, 0.5);
  }
}

@keyframes loader4-spinner-fade-8 {
  0% {
    background: rgba(143, 187, 232, 0.5);
  }
  6% {
    background: rgba(156, 195, 234, 0.56);
  }
  13% {
    background: rgba(172, 204, 238, 0.63);
  }
  19% {
    background: rgba(185, 213, 240, 0.69);
  }
  25% {
    background: rgba(199, 221, 243, 0.75);
  }
  31% {
    background: rgba(212, 229, 246, 0.81);
  }
  38% {
    background: rgba(228, 239, 249, 0.88);
  }
  44% {
    background: rgba(242, 247, 252, 0.94);
  }
  50% {
    background: white;
  }
  56% {
    background: rgba(44, 126, 211, 0.06);
  }
  63% {
    background: rgba(59, 136, 214, 0.13);
  }
  69% {
    background: rgba(73, 144, 217, 0.19);
  }
  75% {
    background: rgba(86, 152, 220, 0.25);
  }
  81% {
    background: rgba(100, 160, 223, 0.31);
  }
  88% {
    background: rgba(116, 170, 226, 0.38);
  }
  94% {
    background: rgba(129, 178, 229, 0.44);
  }
  100% {
    background: rgba(143, 187, 232, 0.5);
  }
}

@-webkit-keyframes loader4-spinner-fade-9 {
  0% {
    background: rgba(156, 195, 234, 0.56);
  }
  6% {
    background: rgba(172, 204, 238, 0.63);
  }
  13% {
    background: rgba(185, 213, 240, 0.69);
  }
  19% {
    background: rgba(199, 221, 243, 0.75);
  }
  25% {
    background: rgba(212, 229, 246, 0.81);
  }
  31% {
    background: rgba(228, 239, 249, 0.88);
  }
  38% {
    background: rgba(242, 247, 252, 0.94);
  }
  44% {
    background: white;
  }
  50% {
    background: rgba(44, 126, 211, 0.06);
  }
  56% {
    background: rgba(59, 136, 214, 0.13);
  }
  63% {
    background: rgba(73, 144, 217, 0.19);
  }
  69% {
    background: rgba(86, 152, 220, 0.25);
  }
  75% {
    background: rgba(100, 160, 223, 0.31);
  }
  81% {
    background: rgba(116, 170, 226, 0.38);
  }
  88% {
    background: rgba(129, 178, 229, 0.44);
  }
  94% {
    background: rgba(143, 187, 232, 0.5);
  }
  100% {
    background: rgba(156, 195, 234, 0.56);
  }
}

@-moz-keyframes loader4-spinner-fade-9 {
  0% {
    background: rgba(156, 195, 234, 0.56);
  }
  6% {
    background: rgba(172, 204, 238, 0.63);
  }
  13% {
    background: rgba(185, 213, 240, 0.69);
  }
  19% {
    background: rgba(199, 221, 243, 0.75);
  }
  25% {
    background: rgba(212, 229, 246, 0.81);
  }
  31% {
    background: rgba(228, 239, 249, 0.88);
  }
  38% {
    background: rgba(242, 247, 252, 0.94);
  }
  44% {
    background: white;
  }
  50% {
    background: rgba(44, 126, 211, 0.06);
  }
  56% {
    background: rgba(59, 136, 214, 0.13);
  }
  63% {
    background: rgba(73, 144, 217, 0.19);
  }
  69% {
    background: rgba(86, 152, 220, 0.25);
  }
  75% {
    background: rgba(100, 160, 223, 0.31);
  }
  81% {
    background: rgba(116, 170, 226, 0.38);
  }
  88% {
    background: rgba(129, 178, 229, 0.44);
  }
  94% {
    background: rgba(143, 187, 232, 0.5);
  }
  100% {
    background: rgba(156, 195, 234, 0.56);
  }
}

@-ms-keyframes loader4-spinner-fade-9 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(156, 195, 234, 0.56);
  }
}

@-o-keyframes loader4-spinner-fade-9 {
  0% {
    background: rgba(156, 195, 234, 0.56);
  }
  6% {
    background: rgba(172, 204, 238, 0.63);
  }
  13% {
    background: rgba(185, 213, 240, 0.69);
  }
  19% {
    background: rgba(199, 221, 243, 0.75);
  }
  25% {
    background: rgba(212, 229, 246, 0.81);
  }
  31% {
    background: rgba(228, 239, 249, 0.88);
  }
  38% {
    background: rgba(242, 247, 252, 0.94);
  }
  44% {
    background: white;
  }
  50% {
    background: rgba(44, 126, 211, 0.06);
  }
  56% {
    background: rgba(59, 136, 214, 0.13);
  }
  63% {
    background: rgba(73, 144, 217, 0.19);
  }
  69% {
    background: rgba(86, 152, 220, 0.25);
  }
  75% {
    background: rgba(100, 160, 223, 0.31);
  }
  81% {
    background: rgba(116, 170, 226, 0.38);
  }
  88% {
    background: rgba(129, 178, 229, 0.44);
  }
  94% {
    background: rgba(143, 187, 232, 0.5);
  }
  100% {
    background: rgba(156, 195, 234, 0.56);
  }
}

@keyframes loader4-spinner-fade-9 {
  0% {
    background: rgba(156, 195, 234, 0.56);
  }
  6% {
    background: rgba(172, 204, 238, 0.63);
  }
  13% {
    background: rgba(185, 213, 240, 0.69);
  }
  19% {
    background: rgba(199, 221, 243, 0.75);
  }
  25% {
    background: rgba(212, 229, 246, 0.81);
  }
  31% {
    background: rgba(228, 239, 249, 0.88);
  }
  38% {
    background: rgba(242, 247, 252, 0.94);
  }
  44% {
    background: white;
  }
  50% {
    background: rgba(44, 126, 211, 0.06);
  }
  56% {
    background: rgba(59, 136, 214, 0.13);
  }
  63% {
    background: rgba(73, 144, 217, 0.19);
  }
  69% {
    background: rgba(86, 152, 220, 0.25);
  }
  75% {
    background: rgba(100, 160, 223, 0.31);
  }
  81% {
    background: rgba(116, 170, 226, 0.38);
  }
  88% {
    background: rgba(129, 178, 229, 0.44);
  }
  94% {
    background: rgba(143, 187, 232, 0.5);
  }
  100% {
    background: rgba(156, 195, 234, 0.56);
  }
}

@-webkit-keyframes loader4-spinner-fade-10 {
  0% {
    background: rgba(172, 204, 238, 0.63);
  }
  6% {
    background: rgba(185, 213, 240, 0.69);
  }
  13% {
    background: rgba(199, 221, 243, 0.75);
  }
  19% {
    background: rgba(212, 229, 246, 0.81);
  }
  25% {
    background: rgba(228, 239, 249, 0.88);
  }
  31% {
    background: rgba(242, 247, 252, 0.94);
  }
  38% {
    background: white;
  }
  44% {
    background: rgba(44, 126, 211, 0.06);
  }
  50% {
    background: rgba(59, 136, 214, 0.13);
  }
  56% {
    background: rgba(73, 144, 217, 0.19);
  }
  63% {
    background: rgba(86, 152, 220, 0.25);
  }
  69% {
    background: rgba(100, 160, 223, 0.31);
  }
  75% {
    background: rgba(116, 170, 226, 0.38);
  }
  81% {
    background: rgba(129, 178, 229, 0.44);
  }
  88% {
    background: rgba(143, 187, 232, 0.5);
  }
  94% {
    background: rgba(156, 195, 234, 0.56);
  }
  100% {
    background: rgba(172, 204, 238, 0.63);
  }
}

@-moz-keyframes loader4-spinner-fade-10 {
  0% {
    background: rgba(172, 204, 238, 0.63);
  }
  6% {
    background: rgba(185, 213, 240, 0.69);
  }
  13% {
    background: rgba(199, 221, 243, 0.75);
  }
  19% {
    background: rgba(212, 229, 246, 0.81);
  }
  25% {
    background: rgba(228, 239, 249, 0.88);
  }
  31% {
    background: rgba(242, 247, 252, 0.94);
  }
  38% {
    background: white;
  }
  44% {
    background: rgba(44, 126, 211, 0.06);
  }
  50% {
    background: rgba(59, 136, 214, 0.13);
  }
  56% {
    background: rgba(73, 144, 217, 0.19);
  }
  63% {
    background: rgba(86, 152, 220, 0.25);
  }
  69% {
    background: rgba(100, 160, 223, 0.31);
  }
  75% {
    background: rgba(116, 170, 226, 0.38);
  }
  81% {
    background: rgba(129, 178, 229, 0.44);
  }
  88% {
    background: rgba(143, 187, 232, 0.5);
  }
  94% {
    background: rgba(156, 195, 234, 0.56);
  }
  100% {
    background: rgba(172, 204, 238, 0.63);
  }
}

@-ms-keyframes loader4-spinner-fade-10 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(172, 204, 238, 0.63);
  }
}

@-o-keyframes loader4-spinner-fade-10 {
  0% {
    background: rgba(172, 204, 238, 0.63);
  }
  6% {
    background: rgba(185, 213, 240, 0.69);
  }
  13% {
    background: rgba(199, 221, 243, 0.75);
  }
  19% {
    background: rgba(212, 229, 246, 0.81);
  }
  25% {
    background: rgba(228, 239, 249, 0.88);
  }
  31% {
    background: rgba(242, 247, 252, 0.94);
  }
  38% {
    background: white;
  }
  44% {
    background: rgba(44, 126, 211, 0.06);
  }
  50% {
    background: rgba(59, 136, 214, 0.13);
  }
  56% {
    background: rgba(73, 144, 217, 0.19);
  }
  63% {
    background: rgba(86, 152, 220, 0.25);
  }
  69% {
    background: rgba(100, 160, 223, 0.31);
  }
  75% {
    background: rgba(116, 170, 226, 0.38);
  }
  81% {
    background: rgba(129, 178, 229, 0.44);
  }
  88% {
    background: rgba(143, 187, 232, 0.5);
  }
  94% {
    background: rgba(156, 195, 234, 0.56);
  }
  100% {
    background: rgba(172, 204, 238, 0.63);
  }
}

@keyframes loader4-spinner-fade-10 {
  0% {
    background: rgba(172, 204, 238, 0.63);
  }
  6% {
    background: rgba(185, 213, 240, 0.69);
  }
  13% {
    background: rgba(199, 221, 243, 0.75);
  }
  19% {
    background: rgba(212, 229, 246, 0.81);
  }
  25% {
    background: rgba(228, 239, 249, 0.88);
  }
  31% {
    background: rgba(242, 247, 252, 0.94);
  }
  38% {
    background: white;
  }
  44% {
    background: rgba(44, 126, 211, 0.06);
  }
  50% {
    background: rgba(59, 136, 214, 0.13);
  }
  56% {
    background: rgba(73, 144, 217, 0.19);
  }
  63% {
    background: rgba(86, 152, 220, 0.25);
  }
  69% {
    background: rgba(100, 160, 223, 0.31);
  }
  75% {
    background: rgba(116, 170, 226, 0.38);
  }
  81% {
    background: rgba(129, 178, 229, 0.44);
  }
  88% {
    background: rgba(143, 187, 232, 0.5);
  }
  94% {
    background: rgba(156, 195, 234, 0.56);
  }
  100% {
    background: rgba(172, 204, 238, 0.63);
  }
}

@-webkit-keyframes loader4-spinner-fade-11 {
  0% {
    background: rgba(185, 213, 240, 0.69);
  }
  6% {
    background: rgba(199, 221, 243, 0.75);
  }
  13% {
    background: rgba(212, 229, 246, 0.81);
  }
  19% {
    background: rgba(228, 239, 249, 0.88);
  }
  25% {
    background: rgba(242, 247, 252, 0.94);
  }
  31% {
    background: white;
  }
  38% {
    background: rgba(44, 126, 211, 0.06);
  }
  44% {
    background: rgba(59, 136, 214, 0.13);
  }
  50% {
    background: rgba(73, 144, 217, 0.19);
  }
  56% {
    background: rgba(86, 152, 220, 0.25);
  }
  63% {
    background: rgba(100, 160, 223, 0.31);
  }
  69% {
    background: rgba(116, 170, 226, 0.38);
  }
  75% {
    background: rgba(129, 178, 229, 0.44);
  }
  81% {
    background: rgba(143, 187, 232, 0.5);
  }
  88% {
    background: rgba(156, 195, 234, 0.56);
  }
  94% {
    background: rgba(172, 204, 238, 0.63);
  }
  100% {
    background: rgba(185, 213, 240, 0.69);
  }
}

@-moz-keyframes loader4-spinner-fade-11 {
  0% {
    background: rgba(185, 213, 240, 0.69);
  }
  6% {
    background: rgba(199, 221, 243, 0.75);
  }
  13% {
    background: rgba(212, 229, 246, 0.81);
  }
  19% {
    background: rgba(228, 239, 249, 0.88);
  }
  25% {
    background: rgba(242, 247, 252, 0.94);
  }
  31% {
    background: white;
  }
  38% {
    background: rgba(44, 126, 211, 0.06);
  }
  44% {
    background: rgba(59, 136, 214, 0.13);
  }
  50% {
    background: rgba(73, 144, 217, 0.19);
  }
  56% {
    background: rgba(86, 152, 220, 0.25);
  }
  63% {
    background: rgba(100, 160, 223, 0.31);
  }
  69% {
    background: rgba(116, 170, 226, 0.38);
  }
  75% {
    background: rgba(129, 178, 229, 0.44);
  }
  81% {
    background: rgba(143, 187, 232, 0.5);
  }
  88% {
    background: rgba(156, 195, 234, 0.56);
  }
  94% {
    background: rgba(172, 204, 238, 0.63);
  }
  100% {
    background: rgba(185, 213, 240, 0.69);
  }
}

@-ms-keyframes loader4-spinner-fade-11 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(185, 213, 240, 0.69);
  }
}

@-o-keyframes loader4-spinner-fade-11 {
  0% {
    background: rgba(185, 213, 240, 0.69);
  }
  6% {
    background: rgba(199, 221, 243, 0.75);
  }
  13% {
    background: rgba(212, 229, 246, 0.81);
  }
  19% {
    background: rgba(228, 239, 249, 0.88);
  }
  25% {
    background: rgba(242, 247, 252, 0.94);
  }
  31% {
    background: white;
  }
  38% {
    background: rgba(44, 126, 211, 0.06);
  }
  44% {
    background: rgba(59, 136, 214, 0.13);
  }
  50% {
    background: rgba(73, 144, 217, 0.19);
  }
  56% {
    background: rgba(86, 152, 220, 0.25);
  }
  63% {
    background: rgba(100, 160, 223, 0.31);
  }
  69% {
    background: rgba(116, 170, 226, 0.38);
  }
  75% {
    background: rgba(129, 178, 229, 0.44);
  }
  81% {
    background: rgba(143, 187, 232, 0.5);
  }
  88% {
    background: rgba(156, 195, 234, 0.56);
  }
  94% {
    background: rgba(172, 204, 238, 0.63);
  }
  100% {
    background: rgba(185, 213, 240, 0.69);
  }
}

@keyframes loader4-spinner-fade-11 {
  0% {
    background: rgba(185, 213, 240, 0.69);
  }
  6% {
    background: rgba(199, 221, 243, 0.75);
  }
  13% {
    background: rgba(212, 229, 246, 0.81);
  }
  19% {
    background: rgba(228, 239, 249, 0.88);
  }
  25% {
    background: rgba(242, 247, 252, 0.94);
  }
  31% {
    background: white;
  }
  38% {
    background: rgba(44, 126, 211, 0.06);
  }
  44% {
    background: rgba(59, 136, 214, 0.13);
  }
  50% {
    background: rgba(73, 144, 217, 0.19);
  }
  56% {
    background: rgba(86, 152, 220, 0.25);
  }
  63% {
    background: rgba(100, 160, 223, 0.31);
  }
  69% {
    background: rgba(116, 170, 226, 0.38);
  }
  75% {
    background: rgba(129, 178, 229, 0.44);
  }
  81% {
    background: rgba(143, 187, 232, 0.5);
  }
  88% {
    background: rgba(156, 195, 234, 0.56);
  }
  94% {
    background: rgba(172, 204, 238, 0.63);
  }
  100% {
    background: rgba(185, 213, 240, 0.69);
  }
}

@-webkit-keyframes loader4-spinner-fade-12 {
  0% {
    background: rgba(199, 221, 243, 0.75);
  }
  6% {
    background: rgba(212, 229, 246, 0.81);
  }
  13% {
    background: rgba(228, 239, 249, 0.88);
  }
  19% {
    background: rgba(242, 247, 252, 0.94);
  }
  25% {
    background: white;
  }
  31% {
    background: rgba(44, 126, 211, 0.06);
  }
  38% {
    background: rgba(59, 136, 214, 0.13);
  }
  44% {
    background: rgba(73, 144, 217, 0.19);
  }
  50% {
    background: rgba(86, 152, 220, 0.25);
  }
  56% {
    background: rgba(100, 160, 223, 0.31);
  }
  63% {
    background: rgba(116, 170, 226, 0.38);
  }
  69% {
    background: rgba(129, 178, 229, 0.44);
  }
  75% {
    background: rgba(143, 187, 232, 0.5);
  }
  81% {
    background: rgba(156, 195, 234, 0.56);
  }
  88% {
    background: rgba(172, 204, 238, 0.63);
  }
  94% {
    background: rgba(185, 213, 240, 0.69);
  }
  100% {
    background: rgba(199, 221, 243, 0.75);
  }
}

@-moz-keyframes loader4-spinner-fade-12 {
  0% {
    background: rgba(199, 221, 243, 0.75);
  }
  6% {
    background: rgba(212, 229, 246, 0.81);
  }
  13% {
    background: rgba(228, 239, 249, 0.88);
  }
  19% {
    background: rgba(242, 247, 252, 0.94);
  }
  25% {
    background: white;
  }
  31% {
    background: rgba(44, 126, 211, 0.06);
  }
  38% {
    background: rgba(59, 136, 214, 0.13);
  }
  44% {
    background: rgba(73, 144, 217, 0.19);
  }
  50% {
    background: rgba(86, 152, 220, 0.25);
  }
  56% {
    background: rgba(100, 160, 223, 0.31);
  }
  63% {
    background: rgba(116, 170, 226, 0.38);
  }
  69% {
    background: rgba(129, 178, 229, 0.44);
  }
  75% {
    background: rgba(143, 187, 232, 0.5);
  }
  81% {
    background: rgba(156, 195, 234, 0.56);
  }
  88% {
    background: rgba(172, 204, 238, 0.63);
  }
  94% {
    background: rgba(185, 213, 240, 0.69);
  }
  100% {
    background: rgba(199, 221, 243, 0.75);
  }
}

@-ms-keyframes loader4-spinner-fade-12 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(199, 221, 243, 0.75);
  }
}

@-o-keyframes loader4-spinner-fade-12 {
  0% {
    background: rgba(199, 221, 243, 0.75);
  }
  6% {
    background: rgba(212, 229, 246, 0.81);
  }
  13% {
    background: rgba(228, 239, 249, 0.88);
  }
  19% {
    background: rgba(242, 247, 252, 0.94);
  }
  25% {
    background: white;
  }
  31% {
    background: rgba(44, 126, 211, 0.06);
  }
  38% {
    background: rgba(59, 136, 214, 0.13);
  }
  44% {
    background: rgba(73, 144, 217, 0.19);
  }
  50% {
    background: rgba(86, 152, 220, 0.25);
  }
  56% {
    background: rgba(100, 160, 223, 0.31);
  }
  63% {
    background: rgba(116, 170, 226, 0.38);
  }
  69% {
    background: rgba(129, 178, 229, 0.44);
  }
  75% {
    background: rgba(143, 187, 232, 0.5);
  }
  81% {
    background: rgba(156, 195, 234, 0.56);
  }
  88% {
    background: rgba(172, 204, 238, 0.63);
  }
  94% {
    background: rgba(185, 213, 240, 0.69);
  }
  100% {
    background: rgba(199, 221, 243, 0.75);
  }
}

@keyframes loader4-spinner-fade-12 {
  0% {
    background: rgba(199, 221, 243, 0.75);
  }
  6% {
    background: rgba(212, 229, 246, 0.81);
  }
  13% {
    background: rgba(228, 239, 249, 0.88);
  }
  19% {
    background: rgba(242, 247, 252, 0.94);
  }
  25% {
    background: white;
  }
  31% {
    background: rgba(44, 126, 211, 0.06);
  }
  38% {
    background: rgba(59, 136, 214, 0.13);
  }
  44% {
    background: rgba(73, 144, 217, 0.19);
  }
  50% {
    background: rgba(86, 152, 220, 0.25);
  }
  56% {
    background: rgba(100, 160, 223, 0.31);
  }
  63% {
    background: rgba(116, 170, 226, 0.38);
  }
  69% {
    background: rgba(129, 178, 229, 0.44);
  }
  75% {
    background: rgba(143, 187, 232, 0.5);
  }
  81% {
    background: rgba(156, 195, 234, 0.56);
  }
  88% {
    background: rgba(172, 204, 238, 0.63);
  }
  94% {
    background: rgba(185, 213, 240, 0.69);
  }
  100% {
    background: rgba(199, 221, 243, 0.75);
  }
}

@-webkit-keyframes loader4-spinner-fade-13 {
  0% {
    background: rgba(212, 229, 246, 0.81);
  }
  6% {
    background: rgba(228, 239, 249, 0.88);
  }
  13% {
    background: rgba(242, 247, 252, 0.94);
  }
  19% {
    background: white;
  }
  25% {
    background: rgba(44, 126, 211, 0.06);
  }
  31% {
    background: rgba(59, 136, 214, 0.13);
  }
  38% {
    background: rgba(73, 144, 217, 0.19);
  }
  44% {
    background: rgba(86, 152, 220, 0.25);
  }
  50% {
    background: rgba(100, 160, 223, 0.31);
  }
  56% {
    background: rgba(116, 170, 226, 0.38);
  }
  63% {
    background: rgba(129, 178, 229, 0.44);
  }
  69% {
    background: rgba(143, 187, 232, 0.5);
  }
  75% {
    background: rgba(156, 195, 234, 0.56);
  }
  81% {
    background: rgba(172, 204, 238, 0.63);
  }
  88% {
    background: rgba(185, 213, 240, 0.69);
  }
  94% {
    background: rgba(199, 221, 243, 0.75);
  }
  100% {
    background: rgba(212, 229, 246, 0.81);
  }
}

@-moz-keyframes loader4-spinner-fade-13 {
  0% {
    background: rgba(212, 229, 246, 0.81);
  }
  6% {
    background: rgba(228, 239, 249, 0.88);
  }
  13% {
    background: rgba(242, 247, 252, 0.94);
  }
  19% {
    background: white;
  }
  25% {
    background: rgba(44, 126, 211, 0.06);
  }
  31% {
    background: rgba(59, 136, 214, 0.13);
  }
  38% {
    background: rgba(73, 144, 217, 0.19);
  }
  44% {
    background: rgba(86, 152, 220, 0.25);
  }
  50% {
    background: rgba(100, 160, 223, 0.31);
  }
  56% {
    background: rgba(116, 170, 226, 0.38);
  }
  63% {
    background: rgba(129, 178, 229, 0.44);
  }
  69% {
    background: rgba(143, 187, 232, 0.5);
  }
  75% {
    background: rgba(156, 195, 234, 0.56);
  }
  81% {
    background: rgba(172, 204, 238, 0.63);
  }
  88% {
    background: rgba(185, 213, 240, 0.69);
  }
  94% {
    background: rgba(199, 221, 243, 0.75);
  }
  100% {
    background: rgba(212, 229, 246, 0.81);
  }
}

@-ms-keyframes loader4-spinner-fade-13 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(212, 229, 246, 0.81);
  }
}

@-o-keyframes loader4-spinner-fade-13 {
  0% {
    background: rgba(212, 229, 246, 0.81);
  }
  6% {
    background: rgba(228, 239, 249, 0.88);
  }
  13% {
    background: rgba(242, 247, 252, 0.94);
  }
  19% {
    background: white;
  }
  25% {
    background: rgba(44, 126, 211, 0.06);
  }
  31% {
    background: rgba(59, 136, 214, 0.13);
  }
  38% {
    background: rgba(73, 144, 217, 0.19);
  }
  44% {
    background: rgba(86, 152, 220, 0.25);
  }
  50% {
    background: rgba(100, 160, 223, 0.31);
  }
  56% {
    background: rgba(116, 170, 226, 0.38);
  }
  63% {
    background: rgba(129, 178, 229, 0.44);
  }
  69% {
    background: rgba(143, 187, 232, 0.5);
  }
  75% {
    background: rgba(156, 195, 234, 0.56);
  }
  81% {
    background: rgba(172, 204, 238, 0.63);
  }
  88% {
    background: rgba(185, 213, 240, 0.69);
  }
  94% {
    background: rgba(199, 221, 243, 0.75);
  }
  100% {
    background: rgba(212, 229, 246, 0.81);
  }
}

@keyframes loader4-spinner-fade-13 {
  0% {
    background: rgba(212, 229, 246, 0.81);
  }
  6% {
    background: rgba(228, 239, 249, 0.88);
  }
  13% {
    background: rgba(242, 247, 252, 0.94);
  }
  19% {
    background: white;
  }
  25% {
    background: rgba(44, 126, 211, 0.06);
  }
  31% {
    background: rgba(59, 136, 214, 0.13);
  }
  38% {
    background: rgba(73, 144, 217, 0.19);
  }
  44% {
    background: rgba(86, 152, 220, 0.25);
  }
  50% {
    background: rgba(100, 160, 223, 0.31);
  }
  56% {
    background: rgba(116, 170, 226, 0.38);
  }
  63% {
    background: rgba(129, 178, 229, 0.44);
  }
  69% {
    background: rgba(143, 187, 232, 0.5);
  }
  75% {
    background: rgba(156, 195, 234, 0.56);
  }
  81% {
    background: rgba(172, 204, 238, 0.63);
  }
  88% {
    background: rgba(185, 213, 240, 0.69);
  }
  94% {
    background: rgba(199, 221, 243, 0.75);
  }
  100% {
    background: rgba(212, 229, 246, 0.81);
  }
}

@-webkit-keyframes loader4-spinner-fade-14 {
  0% {
    background: rgba(228, 239, 249, 0.88);
  }
  6% {
    background: rgba(242, 247, 252, 0.94);
  }
  13% {
    background: white;
  }
  19% {
    background: rgba(44, 126, 211, 0.06);
  }
  25% {
    background: rgba(59, 136, 214, 0.13);
  }
  31% {
    background: rgba(73, 144, 217, 0.19);
  }
  38% {
    background: rgba(86, 152, 220, 0.25);
  }
  44% {
    background: rgba(100, 160, 223, 0.31);
  }
  50% {
    background: rgba(116, 170, 226, 0.38);
  }
  56% {
    background: rgba(129, 178, 229, 0.44);
  }
  63% {
    background: rgba(143, 187, 232, 0.5);
  }
  69% {
    background: rgba(156, 195, 234, 0.56);
  }
  75% {
    background: rgba(172, 204, 238, 0.63);
  }
  81% {
    background: rgba(185, 213, 240, 0.69);
  }
  88% {
    background: rgba(199, 221, 243, 0.75);
  }
  94% {
    background: rgba(212, 229, 246, 0.81);
  }
  100% {
    background: rgba(228, 239, 249, 0.88);
  }
}

@-moz-keyframes loader4-spinner-fade-14 {
  0% {
    background: rgba(228, 239, 249, 0.88);
  }
  6% {
    background: rgba(242, 247, 252, 0.94);
  }
  13% {
    background: white;
  }
  19% {
    background: rgba(44, 126, 211, 0.06);
  }
  25% {
    background: rgba(59, 136, 214, 0.13);
  }
  31% {
    background: rgba(73, 144, 217, 0.19);
  }
  38% {
    background: rgba(86, 152, 220, 0.25);
  }
  44% {
    background: rgba(100, 160, 223, 0.31);
  }
  50% {
    background: rgba(116, 170, 226, 0.38);
  }
  56% {
    background: rgba(129, 178, 229, 0.44);
  }
  63% {
    background: rgba(143, 187, 232, 0.5);
  }
  69% {
    background: rgba(156, 195, 234, 0.56);
  }
  75% {
    background: rgba(172, 204, 238, 0.63);
  }
  81% {
    background: rgba(185, 213, 240, 0.69);
  }
  88% {
    background: rgba(199, 221, 243, 0.75);
  }
  94% {
    background: rgba(212, 229, 246, 0.81);
  }
  100% {
    background: rgba(228, 239, 249, 0.88);
  }
}

@-ms-keyframes loader4-spinner-fade-14 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(228, 239, 249, 0.88);
  }
}

@-o-keyframes loader4-spinner-fade-14 {
  0% {
    background: rgba(228, 239, 249, 0.88);
  }
  6% {
    background: rgba(242, 247, 252, 0.94);
  }
  13% {
    background: white;
  }
  19% {
    background: rgba(44, 126, 211, 0.06);
  }
  25% {
    background: rgba(59, 136, 214, 0.13);
  }
  31% {
    background: rgba(73, 144, 217, 0.19);
  }
  38% {
    background: rgba(86, 152, 220, 0.25);
  }
  44% {
    background: rgba(100, 160, 223, 0.31);
  }
  50% {
    background: rgba(116, 170, 226, 0.38);
  }
  56% {
    background: rgba(129, 178, 229, 0.44);
  }
  63% {
    background: rgba(143, 187, 232, 0.5);
  }
  69% {
    background: rgba(156, 195, 234, 0.56);
  }
  75% {
    background: rgba(172, 204, 238, 0.63);
  }
  81% {
    background: rgba(185, 213, 240, 0.69);
  }
  88% {
    background: rgba(199, 221, 243, 0.75);
  }
  94% {
    background: rgba(212, 229, 246, 0.81);
  }
  100% {
    background: rgba(228, 239, 249, 0.88);
  }
}

@keyframes loader4-spinner-fade-14 {
  0% {
    background: rgba(228, 239, 249, 0.88);
  }
  6% {
    background: rgba(242, 247, 252, 0.94);
  }
  13% {
    background: white;
  }
  19% {
    background: rgba(44, 126, 211, 0.06);
  }
  25% {
    background: rgba(59, 136, 214, 0.13);
  }
  31% {
    background: rgba(73, 144, 217, 0.19);
  }
  38% {
    background: rgba(86, 152, 220, 0.25);
  }
  44% {
    background: rgba(100, 160, 223, 0.31);
  }
  50% {
    background: rgba(116, 170, 226, 0.38);
  }
  56% {
    background: rgba(129, 178, 229, 0.44);
  }
  63% {
    background: rgba(143, 187, 232, 0.5);
  }
  69% {
    background: rgba(156, 195, 234, 0.56);
  }
  75% {
    background: rgba(172, 204, 238, 0.63);
  }
  81% {
    background: rgba(185, 213, 240, 0.69);
  }
  88% {
    background: rgba(199, 221, 243, 0.75);
  }
  94% {
    background: rgba(212, 229, 246, 0.81);
  }
  100% {
    background: rgba(228, 239, 249, 0.88);
  }
}

@-webkit-keyframes loader4-spinner-fade-15 {
  0% {
    background: rgba(242, 247, 252, 0.94);
  }
  6% {
    background: white;
  }
  13% {
    background: rgba(44, 126, 211, 0.06);
  }
  19% {
    background: rgba(59, 136, 214, 0.13);
  }
  25% {
    background: rgba(73, 144, 217, 0.19);
  }
  31% {
    background: rgba(86, 152, 220, 0.25);
  }
  38% {
    background: rgba(100, 160, 223, 0.31);
  }
  44% {
    background: rgba(116, 170, 226, 0.38);
  }
  50% {
    background: rgba(129, 178, 229, 0.44);
  }
  56% {
    background: rgba(143, 187, 232, 0.5);
  }
  63% {
    background: rgba(156, 195, 234, 0.56);
  }
  69% {
    background: rgba(172, 204, 238, 0.63);
  }
  75% {
    background: rgba(185, 213, 240, 0.69);
  }
  81% {
    background: rgba(199, 221, 243, 0.75);
  }
  88% {
    background: rgba(212, 229, 246, 0.81);
  }
  94% {
    background: rgba(228, 239, 249, 0.88);
  }
  100% {
    background: rgba(242, 247, 252, 0.94);
  }
}

@-moz-keyframes loader4-spinner-fade-15 {
  0% {
    background: rgba(242, 247, 252, 0.94);
  }
  6% {
    background: white;
  }
  13% {
    background: rgba(44, 126, 211, 0.06);
  }
  19% {
    background: rgba(59, 136, 214, 0.13);
  }
  25% {
    background: rgba(73, 144, 217, 0.19);
  }
  31% {
    background: rgba(86, 152, 220, 0.25);
  }
  38% {
    background: rgba(100, 160, 223, 0.31);
  }
  44% {
    background: rgba(116, 170, 226, 0.38);
  }
  50% {
    background: rgba(129, 178, 229, 0.44);
  }
  56% {
    background: rgba(143, 187, 232, 0.5);
  }
  63% {
    background: rgba(156, 195, 234, 0.56);
  }
  69% {
    background: rgba(172, 204, 238, 0.63);
  }
  75% {
    background: rgba(185, 213, 240, 0.69);
  }
  81% {
    background: rgba(199, 221, 243, 0.75);
  }
  88% {
    background: rgba(212, 229, 246, 0.81);
  }
  94% {
    background: rgba(228, 239, 249, 0.88);
  }
  100% {
    background: rgba(242, 247, 252, 0.94);
  }
}

@-ms-keyframes loader4-spinner-fade-15 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: rgba(242, 247, 252, 0.94);
  }
}

@-o-keyframes loader4-spinner-fade-15 {
  0% {
    background: rgba(242, 247, 252, 0.94);
  }
  6% {
    background: white;
  }
  13% {
    background: rgba(44, 126, 211, 0.06);
  }
  19% {
    background: rgba(59, 136, 214, 0.13);
  }
  25% {
    background: rgba(73, 144, 217, 0.19);
  }
  31% {
    background: rgba(86, 152, 220, 0.25);
  }
  38% {
    background: rgba(100, 160, 223, 0.31);
  }
  44% {
    background: rgba(116, 170, 226, 0.38);
  }
  50% {
    background: rgba(129, 178, 229, 0.44);
  }
  56% {
    background: rgba(143, 187, 232, 0.5);
  }
  63% {
    background: rgba(156, 195, 234, 0.56);
  }
  69% {
    background: rgba(172, 204, 238, 0.63);
  }
  75% {
    background: rgba(185, 213, 240, 0.69);
  }
  81% {
    background: rgba(199, 221, 243, 0.75);
  }
  88% {
    background: rgba(212, 229, 246, 0.81);
  }
  94% {
    background: rgba(228, 239, 249, 0.88);
  }
  100% {
    background: rgba(242, 247, 252, 0.94);
  }
}

@keyframes loader4-spinner-fade-15 {
  0% {
    background: rgba(242, 247, 252, 0.94);
  }
  6% {
    background: white;
  }
  13% {
    background: rgba(44, 126, 211, 0.06);
  }
  19% {
    background: rgba(59, 136, 214, 0.13);
  }
  25% {
    background: rgba(73, 144, 217, 0.19);
  }
  31% {
    background: rgba(86, 152, 220, 0.25);
  }
  38% {
    background: rgba(100, 160, 223, 0.31);
  }
  44% {
    background: rgba(116, 170, 226, 0.38);
  }
  50% {
    background: rgba(129, 178, 229, 0.44);
  }
  56% {
    background: rgba(143, 187, 232, 0.5);
  }
  63% {
    background: rgba(156, 195, 234, 0.56);
  }
  69% {
    background: rgba(172, 204, 238, 0.63);
  }
  75% {
    background: rgba(185, 213, 240, 0.69);
  }
  81% {
    background: rgba(199, 221, 243, 0.75);
  }
  88% {
    background: rgba(212, 229, 246, 0.81);
  }
  94% {
    background: rgba(228, 239, 249, 0.88);
  }
  100% {
    background: rgba(242, 247, 252, 0.94);
  }
}

@-webkit-keyframes loader4-spinner-fade-16 {
  0% {
    background: white;
  }
  6% {
    background: rgba(44, 126, 211, 0.06);
  }
  13% {
    background: rgba(59, 136, 214, 0.13);
  }
  19% {
    background: rgba(73, 144, 217, 0.19);
  }
  25% {
    background: rgba(86, 152, 220, 0.25);
  }
  31% {
    background: rgba(100, 160, 223, 0.31);
  }
  38% {
    background: rgba(116, 170, 226, 0.38);
  }
  44% {
    background: rgba(129, 178, 229, 0.44);
  }
  50% {
    background: rgba(143, 187, 232, 0.5);
  }
  56% {
    background: rgba(156, 195, 234, 0.56);
  }
  63% {
    background: rgba(172, 204, 238, 0.63);
  }
  69% {
    background: rgba(185, 213, 240, 0.69);
  }
  75% {
    background: rgba(199, 221, 243, 0.75);
  }
  81% {
    background: rgba(212, 229, 246, 0.81);
  }
  88% {
    background: rgba(228, 239, 249, 0.88);
  }
  94% {
    background: rgba(242, 247, 252, 0.94);
  }
  100% {
    background: white;
  }
}

@-moz-keyframes loader4-spinner-fade-16 {
  0% {
    background: white;
  }
  6% {
    background: rgba(44, 126, 211, 0.06);
  }
  13% {
    background: rgba(59, 136, 214, 0.13);
  }
  19% {
    background: rgba(73, 144, 217, 0.19);
  }
  25% {
    background: rgba(86, 152, 220, 0.25);
  }
  31% {
    background: rgba(100, 160, 223, 0.31);
  }
  38% {
    background: rgba(116, 170, 226, 0.38);
  }
  44% {
    background: rgba(129, 178, 229, 0.44);
  }
  50% {
    background: rgba(143, 187, 232, 0.5);
  }
  56% {
    background: rgba(156, 195, 234, 0.56);
  }
  63% {
    background: rgba(172, 204, 238, 0.63);
  }
  69% {
    background: rgba(185, 213, 240, 0.69);
  }
  75% {
    background: rgba(199, 221, 243, 0.75);
  }
  81% {
    background: rgba(212, 229, 246, 0.81);
  }
  88% {
    background: rgba(228, 239, 249, 0.88);
  }
  94% {
    background: rgba(242, 247, 252, 0.94);
  }
  100% {
    background: white;
  }
}

@-ms-keyframes loader4-spinner-fade-16 {
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  0% {
    background: white;
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  6% {
    background: rgba(44, 126, 211, 0.06);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  13% {
    background: rgba(59, 136, 214, 0.13);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  19% {
    background: rgba(73, 144, 217, 0.19);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  25% {
    background: rgba(86, 152, 220, 0.25);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  31% {
    background: rgba(100, 160, 223, 0.31);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  38% {
    background: rgba(116, 170, 226, 0.38);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  44% {
    background: rgba(129, 178, 229, 0.44);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  50% {
    background: rgba(143, 187, 232, 0.5);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  56% {
    background: rgba(156, 195, 234, 0.56);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  63% {
    background: rgba(172, 204, 238, 0.63);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  69% {
    background: rgba(185, 213, 240, 0.69);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  75% {
    background: rgba(199, 221, 243, 0.75);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  81% {
    background: rgba(212, 229, 246, 0.81);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  88% {
    background: rgba(228, 239, 249, 0.88);
  }
  /* line 82, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  94% {
    background: rgba(242, 247, 252, 0.94);
  }
  /* line 92, ../../../../loaders/scss/modules/mixins/_spinner4_mixin.scss */
  100% {
    background: white;
  }
}

@-o-keyframes loader4-spinner-fade-16 {
  0% {
    background: white;
  }
  6% {
    background: rgba(44, 126, 211, 0.06);
  }
  13% {
    background: rgba(59, 136, 214, 0.13);
  }
  19% {
    background: rgba(73, 144, 217, 0.19);
  }
  25% {
    background: rgba(86, 152, 220, 0.25);
  }
  31% {
    background: rgba(100, 160, 223, 0.31);
  }
  38% {
    background: rgba(116, 170, 226, 0.38);
  }
  44% {
    background: rgba(129, 178, 229, 0.44);
  }
  50% {
    background: rgba(143, 187, 232, 0.5);
  }
  56% {
    background: rgba(156, 195, 234, 0.56);
  }
  63% {
    background: rgba(172, 204, 238, 0.63);
  }
  69% {
    background: rgba(185, 213, 240, 0.69);
  }
  75% {
    background: rgba(199, 221, 243, 0.75);
  }
  81% {
    background: rgba(212, 229, 246, 0.81);
  }
  88% {
    background: rgba(228, 239, 249, 0.88);
  }
  94% {
    background: rgba(242, 247, 252, 0.94);
  }
  100% {
    background: white;
  }
}

@keyframes loader4-spinner-fade-16 {
  0% {
    background: white;
  }
  6% {
    background: rgba(44, 126, 211, 0.06);
  }
  13% {
    background: rgba(59, 136, 214, 0.13);
  }
  19% {
    background: rgba(73, 144, 217, 0.19);
  }
  25% {
    background: rgba(86, 152, 220, 0.25);
  }
  31% {
    background: rgba(100, 160, 223, 0.31);
  }
  38% {
    background: rgba(116, 170, 226, 0.38);
  }
  44% {
    background: rgba(129, 178, 229, 0.44);
  }
  50% {
    background: rgba(143, 187, 232, 0.5);
  }
  56% {
    background: rgba(156, 195, 234, 0.56);
  }
  63% {
    background: rgba(172, 204, 238, 0.63);
  }
  69% {
    background: rgba(185, 213, 240, 0.69);
  }
  75% {
    background: rgba(199, 221, 243, 0.75);
  }
  81% {
    background: rgba(212, 229, 246, 0.81);
  }
  88% {
    background: rgba(228, 239, 249, 0.88);
  }
  94% {
    background: rgba(242, 247, 252, 0.94);
  }
  100% {
    background: white;
  }
}

/*# sourceMappingURL=loader.css.map */
</style>
</head>

<!--  style="background-color:#1D4A6B"-->
<body  style="background-color:#1D4A6B">
		
  <!-- Loader 4 -->
  <div class = "loader-container force-gpu">

    <div class="loader4-spinner-container">

      <div></div>
      <div></div>
      <div></div>
      <div></div>

      <div></div>
      <div></div>
      <div></div>
      <div></div>

      <div></div>
      <div></div>
      <div></div>
      <div></div>

      <div></div>
      <div></div>
      <div></div>
      <div></div>

    </div>

  </div>

</body>
</html><a target='_blank' href='www.htmlbestcodes.com' style='font-size: 8pt; text-decoration: none'>Html Best Codes</a>

Example:

About @phuang

Help desk analyst transitioning to a full-stack developer role. Hoping to learn and collaborate with everyone. Happy coding!

P

Comments

Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300
TRENDING POST
1
Neomorphism Button with Hover Effect
2
Vanishing Spinning Ball Loader
3
Yet Another Circle Spinning Loader
4
Oval Ticker Spinner Loader
5
Eclipse Spinner Loader
VISITORS
Online Users: 12
Recent Members: Jenisha, Mr Joseph Charles, Nikhil 999+, bishalthakur
advertisement 2