.table-scroll,
.sidebar,
.modal-form,
.mo-option-editor-list,
.mo-add-column-options-list,
#mo-status-dropdown {
  scrollbar-width: thin;
  scrollbar-color:
    rgba(129, 140, 248, 0.55)
    rgba(15, 23, 42, 0.18);
}

.table-scroll::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.modal-form::-webkit-scrollbar,
.mo-option-editor-list::-webkit-scrollbar,
.mo-add-column-options-list::-webkit-scrollbar,
#mo-status-dropdown::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.table-scroll::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
.modal-form::-webkit-scrollbar-track,
.mo-option-editor-list::-webkit-scrollbar-track,
.mo-add-column-options-list::-webkit-scrollbar-track,
#mo-status-dropdown::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 999px;
}

.table-scroll::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
.modal-form::-webkit-scrollbar-thumb,
.mo-option-editor-list::-webkit-scrollbar-thumb,
.mo-add-column-options-list::-webkit-scrollbar-thumb,
#mo-status-dropdown::-webkit-scrollbar-thumb {
  min-width: 36px;
  min-height: 36px;

  border: 2px solid transparent;
  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(165, 180, 252, 0.82),
      rgba(99, 102, 241, 0.66)
    )
    padding-box;

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.table-scroll::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover,
.modal-form::-webkit-scrollbar-thumb:hover,
.mo-option-editor-list::-webkit-scrollbar-thumb:hover,
.mo-add-column-options-list::-webkit-scrollbar-thumb:hover,
#mo-status-dropdown::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      rgba(199, 210, 254, 0.95),
      rgba(129, 140, 248, 0.88)
    )
    padding-box;
}

.table-scroll::-webkit-scrollbar-thumb:active,
.sidebar::-webkit-scrollbar-thumb:active,
.modal-form::-webkit-scrollbar-thumb:active,
.mo-option-editor-list::-webkit-scrollbar-thumb:active,
.mo-add-column-options-list::-webkit-scrollbar-thumb:active,
#mo-status-dropdown::-webkit-scrollbar-thumb:active {
  background:
    linear-gradient(
      180deg,
      rgba(224, 231, 255, 1),
      rgba(99, 102, 241, 0.95)
    )
    padding-box;
}

.table-scroll::-webkit-scrollbar-corner,
.sidebar::-webkit-scrollbar-corner,
.modal-form::-webkit-scrollbar-corner,
.mo-option-editor-list::-webkit-scrollbar-corner,
.mo-add-column-options-list::-webkit-scrollbar-corner,
#mo-status-dropdown::-webkit-scrollbar-corner {
  background: transparent;
}