@media not (forced-colors: active) {
  ::-webkit-scrollbar {
    border-radius: 4px;
    background: transparent;
    width: 8px;
  }

  ::-webkit-scrollbar-thumb {
    transition: all 250ms ease;
    border-radius: 4px;
    background: var(--scrollbar-color, white);

    &:hover {
      filter: brightness(120%);
    }

    &:active {
      filter: brightness(80%);
    }
  }

  ::-webkit-resizer {
    display: none;
  }
}