@media (min-width: 1026px) {
  ::-webkit-scrollbar {
    width: 0;
  }
  #scrollPath {
    position: fixed;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: rgba(255, 255, 255, 0);
  }

  #progressBar {
    position: fixed;
    top: 0;
    right: 0;
    width: 6px;
    background: #c6c6c6;
    animation: animate 5s linear infinite;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  @keyframes animate {
    0%,
    100% {
      filter: hue-rotate(0deg);
    }

    50% {
      filter: hue-rotate(360deg);
    }
  }

  #progressBar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c6c6c6;
    filter: blur(10px);
  }

  #progressBar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c6c6c6;
    filter: blur(30px);
  }
}