.preloader-wrapper {
 position:relative;
 display:inline-block;
 width:3rem;
 height:3rem;
 font-size:0
}
.preloader-wrapper.small {
 width:2.25rem;
 height:2.25rem
}
.preloader-wrapper.big {
 width:4rem;
 height:4rem
}
.preloader-wrapper.active {
 -webkit-animation:container-rotate 1568ms linear infinite;
 animation:container-rotate 1568ms linear infinite
}
.preloader-wrapper.crazy {
 -webkit-animation-duration:333ms;
 animation-duration:333ms
}
.preloader-wrapper .spinner-layer {
 position:absolute;
 width:100%;
 height:100%;
 opacity:0
}
.preloader-wrapper .spinner-layer .gap-patch {
 position:absolute;
 top:0;
 left:45%;
 width:10%;
 height:100%;
 overflow:hidden;
 border-color:inherit
}
.preloader-wrapper .spinner-layer .gap-patch .circle {
 left:-450%;
 width:1000%
}
.preloader-wrapper .spinner-layer .circle-clipper {
 position:relative;
 display:inline-block;
 width:50%;
 height:100%;
 overflow:hidden;
 border-color:inherit
}
.preloader-wrapper .spinner-layer .circle-clipper .circle {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 width:200%;
 height:100%;
 border-color:inherit;
 border-style:solid;
 border-width:.1875rem;
 border-bottom-color:transparent !important;
 border-radius:50%;
 -webkit-animation:none;
 animation:none
}
.preloader-wrapper .spinner-layer .circle-clipper.left .circle {
 left:0;
 border-right-color:transparent !important;
 -webkit-transform:rotate(129deg);
 transform:rotate(129deg)
}
.preloader-wrapper .spinner-layer .circle-clipper.right .circle {
 left:-100%;
 border-left-color:transparent !important;
 -webkit-transform:rotate(-129deg);
 transform:rotate(-129deg)
}
.preloader-wrapper .spinner-blue,
.preloader-wrapper .spinner-blue-only {
 border-color:#4285f4
}
.preloader-wrapper .spinner-red,
.preloader-wrapper .spinner-red-only {
 border-color:#db4437
}
.preloader-wrapper .spinner-yellow,
.preloader-wrapper .spinner-yellow-only {
 border-color:#f4b400
}
.preloader-wrapper .spinner-green,
.preloader-wrapper .spinner-green-only {
 border-color:#0f9d58
}
@-webkit-keyframes container-rotate {
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes container-rotate {
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.active .spinner-layer.spinner-blue {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .spinner-layer.spinner-red {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .spinner-layer.spinner-yellow {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .spinner-layer.spinner-green {
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only,
.active .spinner-layer.spinner-primary-color-only {
 opacity:1;
 -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .circle-clipper.left .circle {
 -webkit-animation:left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both
}
.active .circle-clipper.right .circle {
 -webkit-animation:right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
 animation:right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both
}
@-webkit-keyframes fill-unfill-rotate {
 12.5% {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
 }
 25% {
  -webkit-transform:rotate(270deg);
  transform:rotate(270deg)
 }
 37.5% {
  -webkit-transform:rotate(405deg);
  transform:rotate(405deg)
 }
 50% {
  -webkit-transform:rotate(540deg);
  transform:rotate(540deg)
 }
 62.5% {
  -webkit-transform:rotate(675deg);
  transform:rotate(675deg)
 }
 75% {
  -webkit-transform:rotate(810deg);
  transform:rotate(810deg)
 }
 87.5% {
  -webkit-transform:rotate(945deg);
  transform:rotate(945deg)
 }
 to {
  -webkit-transform:rotate(1080deg);
  transform:rotate(1080deg)
 }
}
@keyframes fill-unfill-rotate {
 12.5% {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
 }
 25% {
  -webkit-transform:rotate(270deg);
  transform:rotate(270deg)
 }
 37.5% {
  -webkit-transform:rotate(405deg);
  transform:rotate(405deg)
 }
 50% {
  -webkit-transform:rotate(540deg);
  transform:rotate(540deg)
 }
 62.5% {
  -webkit-transform:rotate(675deg);
  transform:rotate(675deg)
 }
 75% {
  -webkit-transform:rotate(810deg);
  transform:rotate(810deg)
 }
 87.5% {
  -webkit-transform:rotate(945deg);
  transform:rotate(945deg)
 }
 to {
  -webkit-transform:rotate(1080deg);
  transform:rotate(1080deg)
 }
}
@-webkit-keyframes blue-fade-in-out {
 from {
  opacity:1
 }
 25% {
  opacity:1
 }
 26% {
  opacity:0
 }
 89% {
  opacity:0
 }
 90% {
  opacity:1
 }
 100% {
  opacity:1
 }
}
@keyframes blue-fade-in-out {
 from {
  opacity:1
 }
 25% {
  opacity:1
 }
 26% {
  opacity:0
 }
 89% {
  opacity:0
 }
 90% {
  opacity:1
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes red-fade-in-out {
 from {
  opacity:0
 }
 15% {
  opacity:0
 }
 25% {
  opacity:1
 }
 50% {
  opacity:1
 }
 51% {
  opacity:0
 }
}
@keyframes red-fade-in-out {
 from {
  opacity:0
 }
 15% {
  opacity:0
 }
 25% {
  opacity:1
 }
 50% {
  opacity:1
 }
 51% {
  opacity:0
 }
}
@-webkit-keyframes yellow-fade-in-out {
 from {
  opacity:0
 }
 40% {
  opacity:0
 }
 50% {
  opacity:1
 }
 75% {
  opacity:1
 }
 76% {
  opacity:0
 }
}
@keyframes yellow-fade-in-out {
 from {
  opacity:0
 }
 40% {
  opacity:0
 }
 50% {
  opacity:1
 }
 75% {
  opacity:1
 }
 76% {
  opacity:0
 }
}
@-webkit-keyframes green-fade-in-out {
 from {
  opacity:0
 }
 65% {
  opacity:0
 }
 75% {
  opacity:1
 }
 90% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes green-fade-in-out {
 from {
  opacity:0
 }
 65% {
  opacity:0
 }
 75% {
  opacity:1
 }
 90% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes left-spin {
 from {
  -webkit-transform:rotate(130deg);
  transform:rotate(130deg)
 }
 50% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)
 }
 to {
  -webkit-transform:rotate(130deg);
  transform:rotate(130deg)
 }
}
@keyframes left-spin {
 from {
  -webkit-transform:rotate(130deg);
  transform:rotate(130deg)
 }
 50% {
  -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg)
 }
 to {
  -webkit-transform:rotate(130deg);
  transform:rotate(130deg)
 }
}
@-webkit-keyframes right-spin {
 from {
  -webkit-transform:rotate(-130deg);
  transform:rotate(-130deg)
 }
 50% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
 to {
  -webkit-transform:rotate(-130deg);
  transform:rotate(-130deg)
 }
}
@keyframes right-spin {
 from {
  -webkit-transform:rotate(-130deg);
  transform:rotate(-130deg)
 }
 50% {
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg)
 }
 to {
  -webkit-transform:rotate(-130deg);
  transform:rotate(-130deg)
 }
}