.#{$data_filter_popper} {
  --data-filter-panel-width: calc(var(--xxs) * 90);
  .#{$panel} {
    width: var(--data-filter-panel-width);
    box-shadow: var(--box-shadow-md);
    border: none;
    .selected-item-tag {
      max-width: calc(var(--data-filter-panel-width) - var(--panel-body-padding) * 2 - var(--sm) * 2 - 2px);
    }
  }
  .no-selected-items {
    .form-content {
      display: none;
    }
  }
  .selected-items {
    width: 100%;
    background-color: var(--primary-light);
    border-radius: var(--radius-lg);
    border: 1px dashed var(--main-color);
    padding: var(--sm);
  }
}