.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .pace-inactive { display: none } .pace .pace-progress { background: #090b0e; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 3px } .pace .pace-progress-inner { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #090b0e, 0 0 5px #090b0e; opacity: 1; -webkit-transform: rotate(3deg) translate(0, -4px); -moz-transform: rotate(3deg) translate(0, -4px); -ms-transform: rotate(3deg) translate(0, -4px); -o-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px) } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 20px; height: 20px; border: solid 3px transparent; border-top-color: #0d6efd; border-left-color: #0d6efd; border-radius: 10px; -webkit-animation: pace-spinner .4s linear infinite; -moz-animation: pace-spinner .4s linear infinite; -ms-animation: pace-spinner .4s linear infinite; -o-animation: pace-spinner .4s linear infinite; animation: pace-spinner .4s linear infinite } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0); transform: rotate(0) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0); transform: rotate(0) } 100% { -o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0); transform: rotate(0) } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes pace-spinner { 0% { transform: rotate(0); transform: rotate(0) } 100% { transform: rotate(360deg); transform: rotate(360deg) } } { "mode": "full", "isActive":false }