//////////////////////////////////////////////////////////////////////////////////////////
//   _  _ ____ _  _ ___  ____                                                           //
//   |_/  |__| |\ | |  \ |  |    This file belongs to Kando, the cross-platform         //
//   | \_ |  | | \| |__/ |__|    pie menu. Read more on github.com/kando-menu/kando     //
//                                                                                      //
//////////////////////////////////////////////////////////////////////////////////////////

// SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
// SPDX-License-Identifier: MIT

@use 'sass:color';

@use '../../variables.scss' as *;

.progressBar {
  width: 100%;
  height: 8px;
  border-radius: 10px;
  overflow: hidden;

  &.big {
    height: 14px;
  }

  span {
    display: block;
    height: 100%;
  }

  .bar {
    width: 100%;
    height: 100%;
    background-color: light-dark(
      color.adjust($base-light, $lightness: -5%),
      color.adjust($base-dark, $lightness: -5%)
    );
  }

  .progress {
    background-color: $text-link;
    transition: width 0.2s ease-in-out;
  }
}
