/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "~@bentley/ui-core/lib/ui-core/style/themecolors";
@import "~@bentley/ui-core/lib/ui-core/z-index";

.tooltip-rail {
  div.tooltip {
    @include uicore-z-index(tooltip);
  }
}

.scrubber-rail {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  cursor: pointer;
  background: $buic-background-5,
}

.scrubber-handle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 38px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid $buic-background-5;
  background-image: linear-gradient(to bottom, $buic-background-3, $buic-background-3), linear-gradient(to bottom, $buic-background-1, $buic-background-1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;

  > div {
    width: 1px;
    height: 10px;
    opacity: 0.25;
    margin: 0 1px;
    background-color: $buic-foreground-body;
  }
}

.scrubber-track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  z-index: 1;
  background: $buic-foreground-primary;
  cursor: pointer;
}