::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-track:vertical {
  box-shadow: inset 1px 0 0 0 #ffffff, inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track:horizontal {
  box-shadow: inset 0 1px 0 0 #ffffff, inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track-piece {
  border-radius: 99px;
  background: #ffffff;
}
::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
::-webkit-scrollbar-track-piece:vertical {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track-piece:horizontal {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb {
  border-radius: 99px;
  background: #f05f97;
}
::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
::-webkit-scrollbar-thumb:vertical {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:horizontal {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #f05f97;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #f05f97;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:vertical:active {
  background-color: #f05f97;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-thumb:horizontal:active {
  background-color: #f05f97;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-corner {
  background: #ffffff;
}