@use "../../../abstracts/variables" as *;
@use "../../../abstracts/mixins" as *;

.progressBar {
  height: auto !important;
  padding: 12px 10px 41px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  // min-width: 1450px;
  .header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: none;
  }
  .stock {
    padding: 13px 5px;
    border-radius: 6.33px;
    display: flex;
    justify-content: space-between;
    background: color-mix(
      in srgb,
      var(--highlight-accent-color) 60%,
      transparent
    );
    font-size: var(--font-size-large);
    align-items: center;
  }
  .stock-item {
    .stockValues {
      display: flex;
      gap: 3px;
      .value {
        color: var(--accent-color);
      }
      .stock-description {
        font-size: var(--font-size-small);
      }
    }
  }
  .icon {
    width: 16.95305824279785px;
    height: 16.95305824279785px;
    background-color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
