::-webkit-scrollbar {
      width: 15px;

    }

    ::-webkit-scrollbar-track {
      background-color: #ffedf5;
    }

    ::-webkit-scrollbar-thumb {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #ffacd1;
      border-bottom: 1px solid #ffacd1;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #ffacd1;
      background-color: #ffcfe5;
      border-radius: 50px;
    }


    ::-webkit-scrollbar-button {
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      border-right: 1px solid #ffacd1;
      border-bottom: 1px solid #ffacd1;
      box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #ffacd1;
      background-color: #ffcfe5;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 50px;
    }

    ::-webkit-scrollbar-button:horizontal:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
    }

    ::-webkit-scrollbar-button:horizontal:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
    }

    ::-webkit-scrollbar-button:vertical:decrement {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
    }

    ::-webkit-scrollbar-button:vertical:increment {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
    }

    ::-webkit-scrollbar-button:active {
      background-position: 2px 2px;
      background-color: #ff85bb;
    }

    ::-webkit-scrollbar-thumb:active {
      background-color: #ff85bb;
    }