:root {
  --personal-filters-line-color: var(--color-grey-light);
  --personal-filters-alert-icon-color: var(--color-orange);
  --personal-filters-alert-outline: var(--color-orange);
}

.personal-filters {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.personal-filters__alert {
  --icon-with-text-icon-color: var(--personal-filters-alert-icon-color);

  border: 2px solid var(--personal-filters-alert-outline);
  font-size: 1.4rem;
  padding: 1.5rem;
}

.personal-filters__filters {
  display: grid;
  gap: 1.5rem;
  line-height: var(--line-height-body);
}

.personal-filters__filter {
  display: grid;
  gap: 2rem;
  grid-template-columns: 0.75fr 1.25fr;
}

.personal-filters__filter-label {
  hyphens: auto;
}

.personal-filters__filter-value {
  font-weight: var(--font-weight-semibold);
  hyphens: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-filters__text {
  border-block-start: 2px solid var(--personal-filters-line-color);
  line-height: var(--line-height-body);
  padding-block-start: 3rem;
  position: relative;

  > * + * {
    margin-block-start: 1.5rem;
  }
}