.pace {

-webkit-user-select: none;
   -moz-user-select: none;
        user-select: none;
        pointer-events: none;

-webkit-pointer-events: none;

}

.pace-inactive {

display: none;

}

.pace .pace-progress {

position: fixed;
z-index: 2000;
top: 0;
right: 100%;

width: 100%;
height: 2px;

background: $color-hover;

}

.pace .pace-progress-inner {

position: absolute;
right: 0;

display: block;

width: 100px;
height: 100%;

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

opacity: 1.0;
box-shadow: 0 0 10px $color-hover, 0 0 5px $color-hover;

}

.pace .pace-activity {

position: fixed;
z-index: 2000;
top: 15px;
right: 15px;

display: block;

width: 14px;
height: 14px;

-webkit-animation: pace-spinner 400ms linear infinite;
   -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
     -o-animation: pace-spinner 400ms linear infinite;
        animation: pace-spinner 400ms linear infinite;

border: solid 2px transparent;
border-top-color: $color-hover;
border-left-color: $color-hover;
border-radius: 10px;

}

@-webkit-keyframes pace-spinner {

0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}

} @-moz-keyframes pace-spinner {

0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
}
100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
}

} @-o-keyframes pace-spinner {

0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
}
100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
}

} @-ms-keyframes pace-spinner {

0% {
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
        transform: rotate(360deg);
}

} @keyframes pace-spinner {

0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
}

}