@import 'moda-themes/themes';

.leftnav-active-filter {
  font-family: font-family('sans');
  user-select: none;
  font-size: 13px;

  .filter-item {
    padding: 0 4px;
    margin: 0px 4px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid color('cashmere');
    line-height: 28px;
    width: auto;
    white-space: nowrap;
    margin: 4px;

    &::after {
      content: '\00d7';
      cursor: pointer;
      float: right;
      margin-left: 12px;
    }
  }

  .filter-clear-all {
    margin-left: 4px;
    text-decoration: underline;
    cursor: pointer;
    border: none;

    &::after {
      content: '';
      cursor: initial;
      float: right;
    }
  }
}