/* Make clicks pass-through */
#nprogress
  pointer-events: none

#nprogress .bar
  background: #29d

  position: fixed
  z-index: 1031
  top: 0
  left: 0

  width: 100%
  height: 2px


/* Fancy blur effect */
#nprogress .peg
  display: block
  position: absolute
  right: 0
  width: 100px
  height: 100%
  box-shadow: 0 0 10px #29d, 0 0 5px #29d
  opacity: 1.0

  -webkit-transform: rotate(3deg) translate(0px, -4px)
  -ms-transform: rotate(3deg) translate(0px, -4px)
  transform: rotate(3deg) translate(0px, -4px)


/* Remove these to get rid of the spinner */
#nprogress .spinner
  display: block
  position: fixed
  z-index: 1031
  top: 15px
  right: 15px

#nprogress .spinner-icon
  width: 18px
  height: 18px
  box-sizing: border-box

  border: solid 2px transparent
  border-top-color: #29d
  border-left-color: #29d
  border-radius: 50%

  -webkit-animation: nprogress-spinner 400ms linear infinite
  animation: nprogress-spinner 400ms linear infinite


.nprogress-custom-parent
  overflow: hidden
  position: relative

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar
  position: absolute

@-webkit-keyframes nprogress-spinner
  0%
    -webkit-transform: rotate(0deg)
  100%
    -webkit-transform: rotate(360deg)

@keyframes nprogress-spinner
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)