.ticker {
  // margin-top: 2.4rem;
  // padding: 1.6rem 0;
  background: $base-blue;
  color: $base-white;
  font-size: 1.6rem;
  z-index: 1100;
}

.ticker-wrapper {
  width: 100%;
  height: 100%;
  padding: 1.6rem 0;
  display: flex;
}

.ticker-block {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  // width: fit-content;
  max-width: 50rem;
  padding: 0 1.6rem;
  border-left: 1px solid $base-gray;
  border-right: 1px solid $base-gray;

  .green {
    color: #6eeb83;
  }

  .red {
    color: #ff5e5b;
  }
}

.ticker-title {
  font-size: 1.8rem;
  font-weight: 400;
  // max-width: 32rem;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticker-content {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.ticker-price {
  font-size: 1.8rem;
}

.ticker-status {
  display: flex;
  align-items: center;
  color: #6eeb83;
  gap: 0.8rem;

  span {
    display: inline-block;
    font-size: 1.8rem;
  }
}

.ticker-arrow {
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
