lbry-desktop/ui/scss/component/homepage-sort.scss

.homepage-sort {
  display: flex;
  margin-bottom: var(--spacing-m);
  height: 50vh;
}

.homepage-sort__bin {
  width: 50%;
  background-color: var(--color-ads-background);
  padding: var(--spacing-s);
  margin-right: var(--spacing-s);
  overflow: auto;
  overflow-x: hidden;
  border-radius: var(--border-radius);
  outline: 1px solid var(--color-border);
}

.homepage-sort__bin--dashed {
  outline: dashed var(--color-border);
}

.homepage-sort__bin--highlight {
  outline-color: var(--color-primary);
  outline-width: 2px;
}

.homepage-sort__bin--no-bg {
  background-color: unset;
}

.homepage-sort__bin-header {
  text-align: center;
  margin-bottom: var(--spacing-s);
  color: var(--color-text-subtitle);
}

.homepage-sort__entry {
  display: flex;
  width: 100%;
  border: 1px solid grey;
  margin-bottom: var(--spacing-m);
  background-color: var(--color-card-background);
  padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-m);
  align-items: center;
  font-size: var(--font-small);
  border-radius: var(--border-radius);

  svg {
    margin-top: var(--spacing-xxs);
    margin-right: var(--spacing-s);
    opacity: 0.4;
  }
}

.homepage-sort__entry:last-child {
  margin-bottom: 0;
}