html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #EAE9E8;
}

::-webkit-scrollbar-thumb {
  background: #D4A8A8;
  border-radius: 10px;
}

::-webkit-scrollbar-button {
  background: #EAE9E8;
  height: 16px;
}

::-webkit-scrollbar-button:vertical:decrement {
  background: #EAE9E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 2 L7 6 L1 6 Z' fill='%23D4A8A8'/%3E%3C/svg%3E") no-repeat center;
}

::-webkit-scrollbar-button:vertical:increment {
  background: #EAE9E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 6 L7 2 L1 2 Z' fill='%23D4A8A8'/%3E%3C/svg%3E") no-repeat center;
}

html {
  scroll-behavior: smooth;
}