.pace {
    z-index:99;
    pointer-events:none;
    user-select:none;
    z-index:2;
    position:fixed;
    margin:auto;
    top:5px;
    left:0;
    right:0;
    height:10px;
    border-radius:9px;
    width:10rem;
    background:#eaecf2;
    overflow:hidden
}
.pace-inactive .pace-progress {
    opacity:0;
    transition:.3s ease-in
}
.pace.pace-inactive {
    opacity:0;
    transition:.3s;
    top:-8px
}
.pace .pace-progress {
    box-sizing:border-box;
    transform:translate3d(0,0,0);
    position:fixed;
    z-index:2;
    display:block;
    position:absolute;
    top:0;
    right:100%;
    height:100%;
    width:100%;
    background: #d7a9ed;
    background:linear-gradient(to right, #0b85ec, rgba(131, 191, 248, 0.93), rgb(149, 231, 243));
    animation:gradient 2s ease infinite;
    background-size:200%
}