.pace:not(.nopace) {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace:not(.nopace) .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  bottom:calc(-300px * var(--ui-style-pace-scale, 0.75));
  width:calc(300px * var(--ui-style-pace-scale, 0.75));
  height:calc(300px * var(--ui-style-pace-scale, 0.75));
  background: var(--ui-style-table-title-background-end);
  right: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%) translateY(-100%) rotate(90deg);
  transform: translateX(100%) translateY(-100%) rotate(90deg);
  pointer-events: none;
  opacity: 0.9;
}
	
.pace:not(.nopace).pace-active .pace-activity {
  -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
  transform: translateX(50%) translateY(-50%) rotate(135deg);
}

.pace:not(.nopace) .pace-activity::before,
.pace:not(.nopace) .pace-activity::after {
    position: absolute;
    left: 48%;
    display: block;
    border: 5px solid #fff;
    border-radius: 50%;
    content: '';
    bottom:calc(30px * var(--ui-style-pace-scale, 0.75));
}

.pace:not(.nopace) .pace-activity::before {
    margin-left:calc(-40px * var(--ui-style-pace-scale, 0.75));
    width:calc(80px * var(--ui-style-pace-scale, 0.75));
    height:calc(80px * var(--ui-style-pace-scale, 0.75));
    border-right-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-rotation 3s linear infinite;
    animation: pace-rotation 3s linear infinite;
}

.pace:not(.nopace) .pace-activity::after {
    bottom:calc(50px * var(--ui-style-pace-scale, 0.75));
    margin-left:calc(-20px * var(--ui-style-pace-scale, 0.75));
    width:calc(40px * var(--ui-style-pace-scale, 0.75));
    height:calc(40px * var(--ui-style-pace-scale, 0.75));
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-rotation 1s linear infinite;
    animation: pace-rotation 1s linear infinite;
}

@-webkit-keyframes pace-rotation {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}