@supports selector(::-webkit-scrollbar) {
  .ui-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .ui-scroll::-webkit-scrollbar:vertical {
    width: 6px;
  }

  .ui-scroll::-webkit-scrollbar-thumb {
    background-color: #C6D4DC;
    border-radius: 3px;
  }

  .ui-scroll::-webkit-scrollbar-thumb:hover {
    background-color: red;
  }

  .ui-scroll::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #F5F6F7;
  }
}

  .ui-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  .ui-scroll::-webkit-scrollbar:vertical {
    width: 6px;
  }

  .ui-scroll::-webkit-scrollbar-thumb {
    background-color: #C6D4DC;
    border-radius: 3px;
  }

  .ui-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #0094EB;
  }

  .ui-scroll::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: #F5F6F7;
  }