.tracked_horses {
   width: 100%;
   min-width: 600px;
   display: flex;
   gap: 5px;
   padding: 5px;
   justify-content: center;
}
.tracked_horses_long {
  flex: 1;
  margin: 7px 7px 6px 0;
}

.tracked_horses .dash_block {
  color: var(--blue-dark);
  padding: 3px 2px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 1000px;
}

.account_stared_container {
  border: 1px solid var(--gray-light);
  border-radius: 3px;
  overflow: auto;
  flex: 1;
  position: relative;
}

.tracked_horses .account_tracked_container {
  overflow: auto
}

.tracked_horses #account_tracked_horses {
  font-variant-numeric: tabular-nums;
  letter-spacing: -1px;
}

.tracked_horses .dash_block table {
  color: var(--gray-dark);
}

#account_stared_horses {
  border: none;
}

.tracked_horses table tbody tr {border-color: transparent;height: 24px;}

.tracked_horses table tbody tr.even {background: var(--gray-light);}

.tracked_horses table tbody tr.odd {background: var(--gray-light);}

.tracked_horses table tr td, .tracked_horses table tr th {
  padding: 1px 4px;
}

.tracked_horses table tbody tr.abandoned td {
  opacity: 0.5;
}

.tracked_horses table .dash_race_link {
  text-decoration: underline;
  cursor: pointer;
}

.tracked_horses .dash_tracked {
  margin: 0 5px 0 0;
}

.tracked_horses .dash_tracked.off {
  color: var(--gray-mid);
}
.tracked_horses .dash_tracked.on {
  color: var(--yellow-mid)
}

/*
Vue Stuff
*/

/*
Sorting
*/
.tracked_horses .sort-icon {
  margin-left: 4px;
  font-size: 0.8em;
}

.tracked_horses th {
  user-select: none;
}

.tracked_horses th:hover {
  background-color: var(--gray-dark);
}