Дизайн полосы прокрутки

Question

У меня проблема с scss.Я хочу создать свою полосу прокрутки, но не отображаю мой дизайн.Я новичок в SCSS.

.sublist {
   @at-root &__list {
      @extend %relative;
      background-color: $main-black;
      border: none;
      padding: 30px;
      max-height: 384px;
      height: 100%;
      overflow-y: scroll;

      &::-webkit-scrollbar-thumb {
           background: red;
      }
}