/* Keep horizontal navigation visible inside overflowing Element UI tables. */
.el-table .el-table__body-wrapper {
  overflow-x: auto !important;
  scrollbar-width: none;
}

.el-table .el-table__body-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.xh-embedded-table-scrollbar {
  position: absolute;
  z-index: 6;
  bottom: 1px;
  display: none;
  height: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1px;
  background: #e4e7ed;
  cursor: pointer;
  touch-action: none;
}

.xh-embedded-table-scrollbar.is-visible {
  display: block;
}

.xh-embedded-table-scrollbar__thumb {
  position: absolute;
  top: 1px;
  left: 0;
  min-width: 32px;
  height: 8px;
  border-radius: 4px;
  background: #a8abb2;
  cursor: grab;
  touch-action: none;
}

.xh-embedded-table-scrollbar__thumb:hover,
.xh-embedded-table-scrollbar__thumb.is-dragging {
  background: #909399;
}

.xh-embedded-table-scrollbar__thumb.is-dragging {
  cursor: grabbing;
}

html.system-dark-mode .xh-embedded-table-scrollbar {
  border: 1px solid #202d40;
  background: #0d1624;
}

html.system-dark-mode .xh-embedded-table-scrollbar__thumb {
  background: #40516a;
}

html.system-dark-mode .xh-embedded-table-scrollbar__thumb:hover,
html.system-dark-mode .xh-embedded-table-scrollbar__thumb.is-dragging {
  background: #526783;
}