$image-size: rem(20px);
$item-min-height: rem(40px);
$item-vertical-padding: ($item-min-height - line-height(body)) / 2;

.p_sg {
  list-style: none;
  margin: 0;
  padding: spacing(extra-tight) 0;
}

.p_lc:not(:first-child) {
  border-top: border();
  margin-top: spacing(tight);
  padding-top: spacing(tight);
}

.p_zr {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: border();
  border-width: 2px;
}

.p_sg,
.p_r7:first-child {
  // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-specificity
  > .p_lc .p_zr {
    border-top: none;
  }
}

.p_ja {
  @include text-style-subheading;
  padding: (spacing(tight) * 1.5) spacing();
}

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

.p_c9 {
  @include unstyled-button;
  @include unstyled-link;
  display: block;
  width: 100%;
  min-height: $item-min-height;
  padding: $item-vertical-padding spacing();
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  
  &:hover {
    @include state(base);
  }

  &:focus {
    @include state(base);
  }

  &:active {
    @include state(press);
  }

  &.p_ie {
    color: color('red');
  }

  &.p_ct {
    @include state(disabled);
    color: color('ink', 'lightest');
    pointer-events: none;

    .p_ed {
      @include recolor-icon(color('ink', 'lightest'), color('white'));
    }
  }

  &::-moz-focus-inner {
    border: none;
  }
}

.p_ql {
  display: flex;
  align-items: flex-start;
}

.p_ed {
  @include recolor-icon(color('ink', 'light'), color('white'));
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  height: $image-size;
  width: $image-size;
  border-radius: border-radius();

  margin-right: spacing();
  background-size: cover;
  background-position: center center;
}

.p_sd {
  @include layout-flex-fix;
  flex: 1 1 auto;
}

.p_nh {
  margin-left: spacing();
}

.p_pz {
  display: flex;
  justify-content: space-between;
  flex: 1 1 auto;
}

.p_s8 {
  margin-left: spacing();
}