.vuuBasketSelectorRow {
  border-bottom: solid 1px var(--vuu-color-gray-05);
  border-left: solid var(--salt-spacing-100) transparent;
  height: var(--row-height);
  padding: 0 12px;
  width: 100%;
}

.vuuBasketSelectorRow:hover {
  background-color: var(--vuu-color-gray-10);
}

.vuuBasketSelectorRow-highlighted {
  background-color: var(--vuu-color-gray-10);
}

.vuuBasketSelectorRow-selected {
  border-left: solid var(--salt-spacing-100)
    var(--salt-selectable-borderColor-selected);
}

.vuuBasketSelectorRow .vuuTableCell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 24px 16px;
  line-height: 1.5;
  padding: 3px 0;
  width: 100%;
}

.vuuBasketSelectorRow-name {
  font-size: 16px;
}
.vuuBasketSelectorRow-status {
  align-items: center;
  align-self: center;
  background-color: var(--vuu-color-green-60);
  border-radius: 24px;
  color: white;
  display: flex;
  font-size: 10px;
  height: 16px;
  justify-self: flex-end;
  padding: 0 12px;
  width: fit-content;
  text-align: right;
}

.vuuBasketSelectorRow-symbolContainer {
  display: flex;
  gap: 8px;
}

.vuuBasketSelectorRow-symbolLabel {
  color: var(--vuu-color-gray-50);
}
.vuuBasketSelectorRow-basketId {
  color: var(--vuu-color-gray-80);
  display: flex;
  gap: 3px;
}
