.product-fit-indicator__title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin-bottom: 1.1rem;
}

.product-fit-indicator__fits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.2rem;
}

.product-fit-indicator__fit {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  overflow: hidden;

  &:first-child {
    text-align: left;
  }

  &:last-child {
    text-align: right;
  }

  &:before {
    content: "";
    display: block;
    width: 100%;
    height: 0.3rem;
    border-radius: 0.2rem;
    background-color: #e6e6e6;
    margin-bottom: 0.8rem;
  }

  &.product-fit-indicator__fit--active:before {
    background-color: #000000;
  }
}

.product-fit-indicator__float-info {
  color: #c26329;
  font-weight: 600;
}