/* stylelint-enable */
.pf-c-data-list {
  /* stylelint-disable */
  --pf-c-data-list--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
  --pf-c-data-list__item--PaddingTop: var(--pf-global--spacer--xl);
  --pf-c-data-list__item--PaddingRight: var(--pf-global--spacer--xl);
  --pf-c-data-list__item--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-data-list__item--PaddingLeft: var(--pf-global--spacer--xl);
  --pf-c-data-list__item--MarginLeft: var(--pf-global--spacer--xl);
  --pf-c-data-list__item--BorderColor: var(--pf-global--Color--light-200);
  --pf-c-data-list__item--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-data-list__toggle--MarginRight: var(--pf-global--spacer--md);
  --pf-c-data-list__toggle--MarginLeft: calc(var(--pf-global--spacer--sm) * -1);
  --pf-c-data-list__toggle--Transition: var(--pf-global--Transition);
  --pf-c-data-list__check--MarginRight: var(--pf-global--spacer--xl);
  --pf-c-data-list__action--MarginLeft: var(--pf-global--spacer--lg);
  --pf-c-data-list__item--before--BackgroundColor: transparent;
  --pf-c-data-list__item--before--Width: var(--pf-global--BorderWidth--lg);
  --pf-c-data-list__item--before--Transition: var(--pf-global--Transition);
  --pf-c-data-list__item--before--ZIndex: var(--pf-global--ZIndex--xl);
  --pf-c-data-list__expandable-content--PaddingTop: var(--pf-global--spacer--xl);
  --pf-c-data-list__expandable-content--PaddingBottom: var(--pf-global--spacer--xl);
  --pf-c-data-list__expandable-content--MaxHeight: 37.5rem;
  --pf-c-data-list__expandable-content--Transition: var(--pf-global--Transition);
  --pf-c-data-list__expandable-content--BorderTopColor: var(--pf-global--Color--light-200);
  --pf-c-data-list__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-data-list--m-expanded--BoxShadow: var(--pf-global--BoxShadow--md);
  --pf-c-data-list--m-expanded--TransitionDuration: var(--pf-global--TransitionDuration);
  --pf-c-data-list__item--m-expanded--before--BackgroundColor: var(--pf-global--active-color--100);
  /* stylelint-enable */
  list-style-type: disc;
  background-color: var(--pf-c-data-list--BackgroundColor); }
  @media screen and (max-width: 380px) {
    .pf-c-data-list {
      --pf-c-data-list__item--PaddingRight: var(--pf-global--spacer--lg);
      --pf-c-data-list__item--PaddingLeft: var(--pf-global--spacer--lg);
      --pf-c-data-list__toggle--MarginRight: var(--pf-global--spacer--sm);
      --pf-c-data-list__check--MarginRight: var(--pf-global--spacer--md);
      --pf-c-data-list__action--MarginLeft: var(--pf-global--spacer--sm); } }

.pf-c-data-list__item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-right: var(--pf-c-data-list__item--PaddingRight);
  padding-left: var(--pf-c-data-list__item--PaddingLeft); }
  .pf-c-data-list__item + .pf-c-data-list__item {
    border-top: var(--pf-c-data-list__item--BorderWidth) solid var(--pf-c-data-list__item--BorderColor); }
  .pf-c-data-list__item::before {
    position: absolute;
    top: calc(var(--pf-c-data-list__item--BorderWidth) * -1);
    left: 0;
    z-index: var(--pf-c-data-list__item--before--ZIndex);
    width: var(--pf-c-data-list__item--before--Width);
    height: calc(100% + var(--pf-c-data-list__item--BorderWidth));
    content: "";
    background-color: var(--pf-c-data-list__item--before--BackgroundColor);
    transition: var(--pf-c-data-list__item--before--Transition); }
  .pf-c-data-list__item.pf-m-expanded::before {
    background-color: var(--pf-c-data-list__item--m-expanded--before--BackgroundColor); }

.pf-c-data-list__toggle,
.pf-c-data-list__check,
.pf-c-data-list__action {
  flex: none; }

.pf-c-data-list__toggle {
  margin-right: var(--pf-c-data-list__toggle--MarginRight);
  margin-left: var(--pf-c-data-list__toggle--MarginLeft); }
  .pf-c-data-list__toggle .pf-c-button > * {
    pointer-events: none;
    transition: var(--pf-c-data-list__toggle--Transition);
    transform: rotate(0deg); }
    .pf-m-expanded .pf-c-data-list__toggle .pf-c-button > * {
      transform: rotate(90deg); }

.pf-c-data-list__check {
  display: flex;
  margin-right: var(--pf-c-data-list__check--MarginRight); }

.pf-c-data-list__cell {
  flex: 1;
  padding-top: var(--pf-c-data-list__item--PaddingTop);
  padding-bottom: var(--pf-c-data-list__item--PaddingBottom); }
  .pf-c-data-list__cell + .pf-c-data-list__cell {
    flex: 1 0 100%;
    order: 1;
    padding-top: 0; }
    @media screen and (min-width: 768px) {
      .pf-c-data-list__cell + .pf-c-data-list__cell {
        flex: 1;
        order: initial;
        padding-top: var(--pf-c-data-list__item--PaddingTop);
        margin-left: var(--pf-c-data-list__item--MarginLeft); } }
  .pf-c-data-list__cell.pf-m-flex-2 {
    flex-grow: 2; }
  .pf-c-data-list__cell.pf-m-flex-3 {
    flex-grow: 3; }
  .pf-c-data-list__cell.pf-m-flex-4 {
    flex-grow: 4; }
  .pf-c-data-list__cell.pf-m-flex-5 {
    flex-grow: 5; }

.pf-c-data-list__action {
  margin-left: var(--pf-c-data-list__action--MarginLeft); }

@keyframes pf-c-data-list--expandable-content--in {
  0% {
    overflow: hidden; }
  99% {
    overflow-y: hidden; }
  100% {
    overflow-y: auto; } }

.pf-c-data-list__expandable-content {
  flex: 1 0 100%;
  align-self: flex-start;
  order: 2;
  max-height: 0;
  padding-right: var(--pf-c-data-list__item--PaddingRight);
  padding-left: var(--pf-c-data-list__item--PaddingLeft);
  margin-right: calc(var(--pf-c-data-list__item--PaddingRight) * -1);
  margin-left: calc(var(--pf-c-data-list__item--PaddingLeft) * -1);
  overflow: hidden;
  border-top: 0 solid var(--pf-c-data-list__expandable-content--BorderTopColor);
  opacity: 0;
  transition: var(--pf-c-data-list__expandable-content--Transition); }
  .pf-m-expanded .pf-c-data-list__expandable-content {
    max-height: var(--pf-c-data-list__expandable-content--MaxHeight);
    padding-top: var(--pf-c-data-list__expandable-content--PaddingTop);
    padding-bottom: var(--pf-c-data-list__expandable-content--PaddingBottom);
    border-top-width: var(--pf-c-data-list__expandable-content--BorderTopWidth);
    box-shadow: var(--pf-global--BoxShadow--md-bottom);
    opacity: 1;
    animation: var(--pf-c-data-list--m-expanded--TransitionDuration) pf-c-data-list--expandable-content--in forwards; }
