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 https://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>Oval Ticker Spinner Loader</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 */



body{
	text-align: center;
}
body
a{
	color: white;
}
a:hover, a:visited{
	color: orange;
}
.loader-container{
	margin-top: 2rem;
}
</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>





<script>



/*   



Tutorial Description



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



*/



</script>

</body>

</html><a target='_blank' href='https://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
2
3
4
5
VISITORS
Online Users: 12
Recent Members: sahjahan, fk khan, Proper, Jenisha, Mr Joseph Charles
advertisement 2