<div>
  
</div>

body::-webkit-scrollbar {
    width: var(--scrollbar-height, 0px);
    height: var(--scrollbar-width, 50px);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color, #002953);
}

body::-webkit-scrollbar-thumb {
    background: url('https://raw.githubusercontent.com/Gowee/nyancat-svg/main/nyancat.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
}

body {
  height: 3000px;
  width: 3000px;
  display: flex;
  background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='100' viewBox='0 0 60 100'%3E%3Cg stroke='%23000' stroke-width='0'%3E%3Cg fill='%23DEE' %3E%3Cpath d='M60 -20 30 30 0 -20Z'/%3E%3Cpath d='M60 80 30 130 0 80Z'/%3E%3Cpath d='M30 30 0 80 -30 30Z'/%3E%3Cpath d='M90 30 60 80 30 30Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}