@import '../../../../styles/common.scss';

.container {
  @include boxSizing;

  display: grid;
  grid-auto-rows: 40px;
  border-top: unset;

  .option {
    cursor: pointer;
    background-color: white;

    span {
      font-size: var(--filter-font-size, $filter-font-size);
      color: var(--popper-text-color, $popper-text-color);
      display: grid;
      place-items: center left;
      padding: 0 20px;
      width: 100%;
      height: 100%;

      &:hover {
        background-color: var(
          --popper-item-hover-color,
          $popper-item-hover-color
        );
      }

      &.selected {
        background-color: var(
          --popper-background-selected-color,
          $popper-background-selected-color
        );
      }
    }
  }
}
