/**
 * Copyright (c) OpenLens Authors. All rights reserved.
 * Licensed under MIT License. See LICENSE in root directory for more information.
 */


.LineProgress {
  position: relative;
  border-radius: 2px;
  background: var(--lineProgressBackground);
  height: 3px;

  // line indicator
  .line {
    background: currentColor;
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: 250ms width ease-in;

    &:after {
      $offset: $padding;
      content: "";
      position: absolute;
      top: -$offset;
      left: 0;
      bottom: -$offset;
      right: 0;
    }
  }
}
