/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/

.components-saturation-container {
  width: 100%;
  height: 100%;
  min-width: 100px;
  min-height: 100px;

  .components-saturation-region {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
      linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    background-size: cover, cover;
    overflow: visible;

    .components-saturation-pointer {
      position: absolute;
      width: 2em;
      height: 2em;
      border-radius: 50%;
      box-shadow: rgba(0, 0, 0, 0.37) 0px 4px 4px 0px;
      border: 2px solid #fff;
      transform: translate(-1em, -1em);

      &:focus {
        outline: none;
        border: none;
      }
    }
  }
}