@import './variables';

.p_b5 {
  padding: resource-list(header-padding-small)
    resource-list(header-padding-small);

  @include breakpoint-after(resource-list(breakpoint-small)) {
    padding: spacing();
  }

  + .p_uf {
    border-top: border();
  }
}

.p_ev {
  position: relative;
  background-color: color('white');
  z-index: resource-list(header-outer-wrapper-stacking-order);

  + .p_uf {
    border-top: border();
  }
}

.p_b5 + .p_ev {
  margin-top: -1 * spacing();
}

.p_rl {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: resource-list(header-min-height);
  padding: resource-list(header-vertical-padding)
    resource-list(header-padding-small);
  background-color: color('white');

  @include breakpoint-after(resource-list(breakpoint-small)) {
    flex-direction: row;
    padding: resource-list(header-vertical-padding) spacing();
  }
}

.p_sf {
  box-shadow: shadow();
}

.p_tn {
  position: absolute;
  z-index: resource-list(content-wrapper-stacking-order);
  right: resource-list(header-padding-small);
  left: resource-list(header-padding-small);
  display: flex;
  min-height: resource-list(header-content-min-height);
  opacity: 1;
  transition: opacity easing() duration();

  .p_xi & {
    opacity: 0;
  }

  @include breakpoint-after(resource-list(breakpoint-small)) {
    right: spacing();
    left: spacing();
    align-self: flex-start;
  }
}

.p_i1 {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;

  .p_rv & {
    padding-right: spacing(tight);
  }

  @include breakpoint-after(resource-list(breakpoint-small)) {
    position: relative;
    left: auto;
    flex: 0 1 auto;
    margin-left: spacing();

    // stylelint-disable-next-line selector-max-class
    .p_tp.p_rv & {
      padding-right: 0;
    }
  }
}

.p_q8 {
  margin-right: spacing(tight);
  display: none;

  @include breakpoint-after(resource-list(breakpoint-small)) {
    display: block;
  }
}

.p_k6 {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  padding-left: spacing(extra-tight);
  align-self: center;

  .p_tp & {
    display: none;
  }

  @include breakpoint-after(resource-list(breakpoint-small)) {
    // stylelint-disable-next-line selector-max-class
    .p_rv &,
    .p_tp.p_rv & {
      display: none;
    }

    .p_tp & {
      display: block;
    }
  }
}

.p_u1 {
  position: relative;
  z-index: resource-list(bulk-actions-wrapper-stacking-order);
  width: 100%;

  @include breakpoint-after(resource-list(breakpoint-small)) {
    flex: 0 1 auto;
    align-self: flex-start;
  }
}

.p_j1 {
  display: none;

  @include breakpoint-after(resource-list(breakpoint-small)) {
    flex: 1;
    display: block;
  }
}

.p_lh {
  position: relative;
  flex: none;

  @include breakpoint-after(resource-list(breakpoint-small)) {
    display: none;
  }
}

.p_pj {
  padding-top: 60px;
  padding-bottom: 60px;

  @media screen and (max-height: 600px) {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.p_fp {
  position: relative;
}

.p_uf {
  position: relative;
  z-index: resource-list(list-stacking-order);
  margin: 0;
  padding: 0;
  list-style: none;
}

.p_rj {
  max-width: 100%;
  overflow: hidden;

  + .p_rj {
    border-top: border();
  }
}