.pace {
    @include user-select(none);
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 2000;
    pointer-events: none;

    .pace-activity {
        @include animation(pace-spinner .4s linear infinite);
        position: relative;
        top: -3px;
        left: 3px;
        z-index: 2000;
        display: block;
        width: 14px;
        height: 14px;
        border: solid 2px transparent;
        border-top-color: $black;
        border-left-color: $black;
        border-radius: 10px;
    }

    .pace-progress-inner {
        box-shadow: none;
    }

    @media #{$medium-and-down} {
        .pace-activity {
            left: -33px;
        }
    }
}

@include keyframes(pace-spinner) {
    0% {
        @include transform(rotate(0deg));
    }

    100% {
        @include transform(rotate(360deg));
    }
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    width: 100%;
    height: 100%;
    background: $white;
}