.stockchart--1 .component__heading .lead {
  max-width: unset;
}

.stockchart--1 .component__content {
  text-align: center;
  background-color: var(--clr-secondary-dark);
}

.stockhcart--1 .stockchart__prices {
  display: flex;
}

.stockhcart--1 .stockchart__changes {
  display: flex;
}

.stockchart--1 .stockchart__price,
.stockchart--1 .stockchart__currency,
.stockchart--1 .stockchart__delta,
.stockchart--1 .stockchart__date {
  color: var(--clr-white);
}

.stockchart--1 .stockchart__price {
  font-size: 3rem;
  font-weight: var(--fw-bold);
}

.stockchart--1 .stockchart__currency {
  font-size: 1.5rem;
}

.stockchart--1 .stockchart__delta--positive {
  color: rgba(0, 128, 0, 1);
}

.stockchart--1 .stockchart__delta--negative {
  color: rgba(255, 0, 0, 1);
}

.stockchart--1 .stockchart__delta--neutral {
  color: var(--clr-white);
}

.stockchart--1 .stockchart__delta--positive::before {
  content: '▲ ';
}

.stockchart--1 .stockchart__delta--negative::before {
  content: '▼ ';
}

.stockchart--1 .stockchart__delta--neutral::before {
  content: '• ';
}

@media (max-width: 991px) {
  .stockchart--1 .component__content {
    padding: 3rem;
  }
}

@media (min-width: 992px) {
  .stockchart--1 .component__heading {
    grid-column: 6 / -2;
    padding-inline-start: 7rem;
  }
  .stockchart--1 .component__content {
    grid-column: 2 / 6;
    grid-row: 1;
    place-content: center;
  }
}