/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.filter-bar {
  & {
    background-color: var(--token-color-foreground-high-contrast);
    border-bottom: var(--decor-border-100);
    border-color: var(--token-color-surface-interactive-active);
  }
  .filters,
  .sort {
    .popover-menu > [type='checkbox']:checked + label button {
      color: var(--token-color-foreground-action);
      background-color: var(--token-color-foreground-high-contrast);
    }
  }
}
