#opening-filters,
#opening-filters > * {
  min-width: 0;
}

#opening-filters .of-filter {
  justify-content: start;
}

#opening-filters .of-label,
#opening-filters summary {
  color: var(--color-fg);
  font-size: var(--cds-font-size-heading);
  font-weight: var(--cds-font-weight-medium);
}

#opening-filters .of-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--cds-gap-xs) var(--cds-gap-md);
}

#opening-filters output,
#opening-filters .tabular-nums {
  font-variant-numeric: tabular-nums;
}

#opening-filters .of-ticks {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 2fr 1fr;
  max-width: none;
  text-align: center;
}

#opening-filters .of-ticks span:first-child { text-align: left; }
#opening-filters .of-ticks span:last-child { text-align: right; }
#opening-filters input[type="range"] { width: 100%; }

#opening-filters .of-count-tables {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--cds-gap-md);
  margin-top: var(--cds-gap-sm);
}

#opening-filters .of-pct {
  color: var(--color-fg-muted);
  white-space: nowrap;
}

#opening-filters .rc-table-box { max-width: 100%; }
#opening-filters .rc-table { table-layout: auto; }
#opening-filters .rc-table th { white-space: normal; }
#opening-filters .rc-table tbody tr { cursor: auto; }
#opening-filters .of-count-tables table { min-width: 40rem; }
#opening-filters .of-count-tables tbody th { white-space: nowrap; }

#opening-filters .of-lines-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--cds-gap-sm);
}

#of-scroll { overscroll-behavior: contain; max-height: 14rem; }
.of-view {
  display: inline-flex;
  align-self: flex-end;
  border: 1px solid var(--color-border-line);
  border-radius: var(--cds-radius);
  background: var(--color-bg);
  margin: 0;
  padding: 0;
}
.of-view label { position: relative; cursor: pointer; }
.of-view input { position: absolute; opacity: 0; }
.of-view span { display: block; padding: .3rem .75rem; border-radius: .25rem; }
.of-view input:checked + span { background: var(--color-fg); color: var(--color-bg); }
.of-view input:focus-visible + span { outline: 2px solid var(--color-fg); outline-offset: 2px; }
#of-scroll .rc-table { min-width: 37rem; }
#of-scroll th:first-child { width: 42%; }
#of-scroll:focus-visible { outline: 2px solid var(--color-fg); }
#of-lines .of-spacer td { padding: 0; border: 0; font-size: 0; line-height: 0; }
#of-sort button {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  padding: .2rem 0;
}
#of-sort [aria-sort] { color: var(--color-fg); }
#opening-filters .of-estimates { display: block; }
#opening-filters .of-estimates summary { cursor: pointer; }
#opening-filters .of-estimates[open] > * + * { margin-top: var(--cds-gap-md); }