/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.primary-metric {
  background: $white-bis;
  border-radius: $radius;
  padding: 0.75em;
  color: $grey-dark;

  .title {
    color: $grey;
    font-weight: $weight-normal;
  }

  .primary-graphic {
    height: 150px;
  }

  &.is-short .primary-graphic {
    height: 100px;
  }

  .secondary-graphic {
    padding: 0.75em;
    padding-bottom: 0;
    margin-bottom: 0;

    > .column {
      padding: 0.5rem 0.75rem;
    }
  }

  .annotation {
    padding: 0 0.75em;
    margin-top: -0.75rem;
  }
}
