.asset-info {
  //max-height: 540px;
}

//.asset-info .modal-tabs-item {
//  text-transform: uppercase;
//  font-weight: 600;
//  letter-spacing: 1px;
//}
//
//.asset-info .modal-tabs-item.active {
//  border-bottom: 2px solid var(--tab-active-border);
//  background-color: var(--modal-header-background);
//}

.asset-info-body {
  display: flex;
  width: 100%;
  min-width: 640px;
}

.asset-info-body .asset-info-col:first-child {
  width: 60%;
}

.asset-info-body .asset-info-col:last-child {
  width: 40%;
}

.asset-info-col {
  display: flex;
  flex-direction: column;
  padding: 25px;
}

.asset-info-row {
  display: flex;
}

.asset-info-row .box {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.asset-info-col:first-child .asset-info-row .box {
  width: 50%;
}

.asset-info-row .box .title {
  font-size: 1rem;
  color: var(--app-color-disabled);
  white-space: nowrap;
  margin-bottom: 5px;
}

.asset-info-row .box .value {
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 5px;
}

.tradePeriods {
  display: flex;
  margin-bottom: 10px;
}

.tradePeriods-title {
  width: 40px;
}

.tradePeriods-list-item {
  display: flex;
  width: 100%;
}

.tradePeriods-list-item:not(:first-child) {
  margin-top: 5px;
}

.market-stats {
  font-size: 1rem;
  border-collapse: collapse;
}

.market-stats th, .market-stats td {
  padding: 3px 5px;
}

.market-stats th, .market-stats tbody td:first-child {
  color: var(--app-color-disabled);
}

.market-stats th {
  font-weight: unset;
  text-align: left;
}

.market-stats tbody td:not(:first-child) {
  font-weight: 500;
}

.performance {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 25px;
}

.performance-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.performance-row .title {
  color: var(--app-color-disabled);
  margin-bottom: 5px;
  font-size: 1rem;
}

.market-sentiment-chart {
  position: relative;
  height: 4px;
  margin-bottom: 5px;
}

.market-sentiment-chart .chart {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

.chart-sellers {
  left: 0;
  background-color: var(--red);
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.chart-buyers {
  right: 0;
  background-color: var(--green);
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.market-sentiment-total {
  display: flex;
  justify-content: space-between;
}