
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #2f353f;
    pointer-events: none;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translateX(0%) translateY(-100%);
    -moz-transform: translateX(0%) translateY(-100%);
    -o-transform: translateX(0%) translateY(-100%);
    transform: translateX(0%) translateY(-100%); }
  .pace.pace-active .pace-activity {
    -webkit-transform: translateX(0%) translateY(0%);
    -moz-transform: translateX(0%) translateY(0%);
    -o-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%); }
    .pace.pace-active .pace-activity::after {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      display: block;
      border: 6px solid #fff;
      border-radius: 50%;
      content: '';
      top: 50%;
      margin-left: -28px;
      width: 56px;
      height: 56px;
      border-top-color: rgba(0, 0, 0, 0.2);
      -webkit-animation: pace-theme-corner-indicator-spin 1.2s linear infinite;
      animation: pace-theme-corner-indicator-spin 1.2s linear infinite; }

@-webkit-keyframes pace-theme-corner-indicator-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes pace-theme-corner-indicator-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }