package.layouts._index.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation
Show all versions of patternfly Show documentation
Assets, source, tooling, and content for PatternFly 4
The newest version!
.pf-v6-l-bullseye {
--pf-v6-l-bullseye--Padding: 0;
}
.pf-v6-l-bullseye {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: var(--pf-v6-l-bullseye--Padding);
margin: 0;
}
.pf-v6-l-flex {
--pf-v6-l-flex--Display: flex;
--pf-v6-l-flex--FlexWrap: wrap;
--pf-v6-l-flex--AlignItems: baseline;
--pf-v6-l-flex--m-row--AlignItems: baseline;
--pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
--pf-v6-l-flex--item--Order: 0;
--pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--gutter--default);
--pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
--pf-v6-l-flex--ColumnGap: 0;
--pf-v6-l-flex--m-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
--pf-v6-l-flex--m-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
--pf-v6-l-flex--m-row-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
--pf-v6-l-flex--m-column-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
}
.pf-v6-l-flex {
--pf-v6-l-flex--spacer--none: 0;
--pf-v6-l-flex--spacer--xs: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--spacer--sm: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--spacer--md: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--spacer--lg: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--spacer--xl: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--spacer--2xl: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--spacer--3xl: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--spacer--4xl: var(--pf-t--global--spacer--4xl);
display: var(--pf-v6-l-flex--Display);
flex-wrap: var(--pf-v6-l-flex--FlexWrap);
gap: var(--pf-v6-l-flex--RowGap) var(--pf-v6-l-flex--ColumnGap);
align-items: var(--pf-v6-l-flex--AlignItems);
}
.pf-v6-l-flex > * {
--pf-v6-l-flex--spacer: initial;
--pf-v6-l-flex--spacer--column: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--column--base));
--pf-v6-l-flex--spacer--row: var(--pf-v6-l-flex--spacer, var(--pf-v6-l-flex--spacer--row--base));
order: var(--pf-v6-l-flex--item--Order);
max-width: 100%;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
@media screen and (min-width: 36rem) {
.pf-v6-l-flex > * {
order: var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order));
}
}
@media screen and (min-width: 48rem) {
.pf-v6-l-flex > * {
order: var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)));
}
}
@media screen and (min-width: 62rem) {
.pf-v6-l-flex > * {
order: var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))));
}
}
@media screen and (min-width: 75rem) {
.pf-v6-l-flex > * {
order: var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)))));
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-l-flex > * {
order: var(--pf-v6-l-flex--item--Order-on-2xl, var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))))));
}
}
.pf-v6-l-flex > *:last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-flex {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1 {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2 {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3 {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4 {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch {
align-self: stretch;
}
@media (min-width: 36rem) {
.pf-v6-l-flex.pf-m-flex-on-sm {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex-on-sm {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column-on-sm {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-on-sm > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse-on-sm {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse-on-sm > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row-on-sm {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row-on-sm > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse-on-sm {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse-on-sm > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap-on-sm {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse-on-sm {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap-on-sm {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start-on-sm {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end-on-sm {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center-on-sm {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between-on-sm {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around-on-sm {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly-on-sm {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start-on-sm {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end-on-sm {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center-on-sm {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch-on-sm {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline-on-sm {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start-on-sm {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end-on-sm {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center-on-sm {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch-on-sm {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between-on-sm {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around-on-sm {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right-on-sm {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left-on-sm {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow-on-sm {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink-on-sm {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width-on-sm {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1-on-sm {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2-on-sm {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3-on-sm {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4-on-sm {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default-on-sm {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none-on-sm {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start-on-sm {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end-on-sm {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center-on-sm {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline-on-sm {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch-on-sm {
align-self: stretch;
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex.pf-m-flex-on-md {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex-on-md {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column-on-md {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-on-md > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse-on-md {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse-on-md > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row-on-md {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row-on-md > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse-on-md {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse-on-md > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap-on-md {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse-on-md {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap-on-md {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start-on-md {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end-on-md {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center-on-md {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between-on-md {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around-on-md {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly-on-md {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start-on-md {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end-on-md {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center-on-md {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch-on-md {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline-on-md {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start-on-md {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end-on-md {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center-on-md {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch-on-md {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between-on-md {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around-on-md {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right-on-md {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left-on-md {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow-on-md {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink-on-md {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width-on-md {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1-on-md {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2-on-md {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3-on-md {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4-on-md {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default-on-md {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none-on-md {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start-on-md {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end-on-md {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center-on-md {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline-on-md {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch-on-md {
align-self: stretch;
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex.pf-m-flex-on-lg {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex-on-lg {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column-on-lg {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-on-lg > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse-on-lg {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse-on-lg > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row-on-lg {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row-on-lg > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse-on-lg {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse-on-lg > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap-on-lg {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse-on-lg {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap-on-lg {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start-on-lg {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end-on-lg {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center-on-lg {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between-on-lg {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around-on-lg {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly-on-lg {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start-on-lg {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end-on-lg {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center-on-lg {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch-on-lg {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline-on-lg {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start-on-lg {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end-on-lg {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center-on-lg {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch-on-lg {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between-on-lg {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around-on-lg {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right-on-lg {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left-on-lg {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow-on-lg {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink-on-lg {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width-on-lg {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1-on-lg {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2-on-lg {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3-on-lg {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4-on-lg {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default-on-lg {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none-on-lg {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start-on-lg {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end-on-lg {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center-on-lg {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline-on-lg {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch-on-lg {
align-self: stretch;
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex.pf-m-flex-on-xl {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex-on-xl {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column-on-xl {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-on-xl > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse-on-xl {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse-on-xl > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row-on-xl {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row-on-xl > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse-on-xl {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse-on-xl > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap-on-xl {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse-on-xl {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap-on-xl {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start-on-xl {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end-on-xl {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center-on-xl {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between-on-xl {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around-on-xl {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly-on-xl {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start-on-xl {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end-on-xl {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center-on-xl {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch-on-xl {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline-on-xl {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start-on-xl {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end-on-xl {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center-on-xl {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch-on-xl {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between-on-xl {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around-on-xl {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right-on-xl {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left-on-xl {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow-on-xl {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink-on-xl {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width-on-xl {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1-on-xl {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2-on-xl {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3-on-xl {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4-on-xl {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default-on-xl {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none-on-xl {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start-on-xl {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end-on-xl {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center-on-xl {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline-on-xl {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch-on-xl {
align-self: stretch;
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex.pf-m-flex-on-2xl {
display: var(--pf-v6-l-flex--Display);
}
.pf-v6-l-flex.pf-m-inline-flex-on-2xl {
--pf-v6-l-flex--Display: inline-flex;
}
.pf-v6-l-flex.pf-m-column-on-2xl {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
flex-direction: column;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-on-2xl > * {
margin-block-start: 0;
margin-block-end: var(--pf-v6-l-flex--spacer--row);
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-column-reverse-on-2xl {
flex-direction: column-reverse;
align-items: normal;
}
.pf-v6-l-flex.pf-m-column-reverse-on-2xl > * {
margin-block-start: var(--pf-v6-l-flex--spacer--row);
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-row-on-2xl {
flex-direction: row;
align-items: var(--pf-v6-l-flex--m-row--AlignItems);
}
.pf-v6-l-flex.pf-m-row-on-2xl > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: var(--pf-v6-l-flex--spacer--column);
}
.pf-v6-l-flex.pf-m-row-reverse-on-2xl {
flex-direction: row-reverse;
align-items: var(--pf-v6-l-flex--m-row-reverse--AlignItems);
}
.pf-v6-l-flex.pf-m-row-reverse-on-2xl > * {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: var(--pf-v6-l-flex--spacer--column);
margin-inline-end: 0;
}
.pf-v6-l-flex.pf-m-wrap-on-2xl {
flex-wrap: wrap;
}
.pf-v6-l-flex.pf-m-wrap-reverse-on-2xl {
flex-wrap: wrap-reverse;
}
.pf-v6-l-flex.pf-m-nowrap-on-2xl {
flex-wrap: nowrap;
}
.pf-v6-l-flex.pf-m-justify-content-flex-start-on-2xl {
justify-content: flex-start;
}
.pf-v6-l-flex.pf-m-justify-content-flex-end-on-2xl {
justify-content: flex-end;
}
.pf-v6-l-flex.pf-m-justify-content-center-on-2xl {
justify-content: center;
}
.pf-v6-l-flex.pf-m-justify-content-space-between-on-2xl {
justify-content: space-between;
}
.pf-v6-l-flex.pf-m-justify-content-space-around-on-2xl {
justify-content: space-around;
}
.pf-v6-l-flex.pf-m-justify-content-space-evenly-on-2xl {
justify-content: space-evenly;
}
.pf-v6-l-flex.pf-m-align-items-flex-start-on-2xl {
align-items: flex-start;
}
.pf-v6-l-flex.pf-m-align-items-flex-end-on-2xl {
align-items: flex-end;
}
.pf-v6-l-flex.pf-m-align-items-center-on-2xl {
align-items: center;
}
.pf-v6-l-flex.pf-m-align-items-stretch-on-2xl {
align-items: stretch;
}
.pf-v6-l-flex.pf-m-align-items-baseline-on-2xl {
align-items: baseline;
}
.pf-v6-l-flex.pf-m-align-content-flex-start-on-2xl {
align-content: flex-start;
}
.pf-v6-l-flex.pf-m-align-content-flex-end-on-2xl {
align-content: flex-end;
}
.pf-v6-l-flex.pf-m-align-content-center-on-2xl {
align-content: center;
}
.pf-v6-l-flex.pf-m-align-content-stretch-on-2xl {
align-content: stretch;
}
.pf-v6-l-flex.pf-m-align-content-space-between-on-2xl {
align-content: space-between;
}
.pf-v6-l-flex.pf-m-align-content-space-around-on-2xl {
align-content: space-around;
}
.pf-v6-l-flex > .pf-m-align-right-on-2xl {
margin-inline-start: auto;
}
.pf-v6-l-flex > .pf-m-align-left-on-2xl {
margin-inline-start: 0;
}
.pf-v6-l-flex > .pf-m-grow-on-2xl {
flex-grow: 1;
}
.pf-v6-l-flex > .pf-m-shrink-on-2xl {
flex-shrink: 1;
}
.pf-v6-l-flex > .pf-m-full-width-on-2xl {
width: 100%;
margin-inline-end: 0;
}
.pf-v6-l-flex > .pf-m-flex-1-on-2xl {
flex: 1 0 0;
}
.pf-v6-l-flex > .pf-m-flex-2-on-2xl {
flex: 2 0 0;
}
.pf-v6-l-flex > .pf-m-flex-3-on-2xl {
flex: 3 0 0;
}
.pf-v6-l-flex > .pf-m-flex-4-on-2xl {
flex: 4 0 0;
}
.pf-v6-l-flex > .pf-m-flex-default-on-2xl {
flex: 0 1 auto;
}
.pf-v6-l-flex > .pf-m-flex-none-on-2xl {
flex: none;
}
.pf-v6-l-flex > .pf-m-align-self-flex-start-on-2xl {
align-self: flex-start;
}
.pf-v6-l-flex > .pf-m-align-self-flex-end-on-2xl {
align-self: flex-end;
}
.pf-v6-l-flex > .pf-m-align-self-center-on-2xl {
align-self: center;
}
.pf-v6-l-flex > .pf-m-align-self-baseline-on-2xl {
align-self: baseline;
}
.pf-v6-l-flex > .pf-m-align-self-stretch-on-2xl {
align-self: stretch;
}
}
.pf-v6-l-flex.pf-m-space-items-none > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
@media (min-width: 36rem) {
.pf-v6-l-flex.pf-m-space-items-none-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-sm > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-sm > :last-child {
--pf-v6-l-flex--spacer: 0;
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex.pf-m-space-items-none-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-md > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-md > :last-child {
--pf-v6-l-flex--spacer: 0;
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex.pf-m-space-items-none-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-lg > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-lg > :last-child {
--pf-v6-l-flex--spacer: 0;
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex.pf-m-space-items-none-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex.pf-m-space-items-none-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex.pf-m-space-items-none-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xs-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex.pf-m-space-items-xs-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-sm-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex.pf-m-space-items-sm-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-md-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex.pf-m-space-items-md-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-lg-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex.pf-m-space-items-lg-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-xl-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex.pf-m-space-items-xl-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex.pf-m-space-items-2xl-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex.pf-m-space-items-3xl-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > * {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex.pf-m-space-items-4xl-on-2xl > :last-child {
--pf-v6-l-flex--spacer: 0;
}
}
.pf-v6-l-flex .pf-m-spacer-none {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
@media (min-width: 36rem) {
.pf-v6-l-flex .pf-m-spacer-none-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-sm {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-sm:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex .pf-m-spacer-none-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-md {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-md:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex .pf-m-spacer-none-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-lg {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-lg:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex .pf-m-spacer-none-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex .pf-m-spacer-none-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-none-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-xs-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xs);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-sm-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--sm);
}
.pf-v6-l-flex .pf-m-spacer-md-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-md-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--md);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-lg-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--lg);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-xl-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-2xl-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--2xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-3xl-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--3xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-2xl {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
.pf-v6-l-flex .pf-m-spacer-4xl-on-2xl:last-child {
--pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
}
}
.pf-v6-l-flex.pf-m-gap {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
@media (min-width: 36rem) {
.pf-v6-l-flex.pf-m-gap-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none-on-sm {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex.pf-m-gap-on-md {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none-on-md {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex.pf-m-gap-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none-on-lg {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex.pf-m-gap-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none-on-xl {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex.pf-m-gap-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-gap-none-on-2xl {
--pf-v6-l-flex--RowGap: 0;
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-gap-xs-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-gap-sm-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-gap-md-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-gap-lg-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-gap-xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-gap-2xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-gap-3xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-gap-4xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
--pf-v6-l-flex--spacer--row: 0;
--pf-v6-l-flex--spacer--column: 0;
}
}
.pf-v6-l-flex.pf-m-row-gap {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
--pf-v6-l-flex--spacer--row: 0;
}
@media (min-width: 36rem) {
.pf-v6-l-flex.pf-m-row-gap-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none-on-sm {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl-on-sm {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
--pf-v6-l-flex--spacer--row: 0;
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex.pf-m-row-gap-on-md {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none-on-md {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl-on-md {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
--pf-v6-l-flex--spacer--row: 0;
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex.pf-m-row-gap-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none-on-lg {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl-on-lg {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
--pf-v6-l-flex--spacer--row: 0;
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex.pf-m-row-gap-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none-on-xl {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl-on-xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
--pf-v6-l-flex--spacer--row: 0;
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex.pf-m-row-gap-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
}
.pf-v6-l-flex.pf-m-row-gap-none-on-2xl {
--pf-v6-l-flex--RowGap: 0;
}
.pf-v6-l-flex.pf-m-row-gap-xs-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-row-gap-sm-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-row-gap-md-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-row-gap-lg-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-row-gap-xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-row-gap-2xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-row-gap-3xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-row-gap-4xl-on-2xl {
--pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
--pf-v6-l-flex--spacer--row: 0;
}
}
.pf-v6-l-flex.pf-m-column-gap {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
--pf-v6-l-flex--spacer--column: 0;
}
@media (min-width: 36rem) {
.pf-v6-l-flex.pf-m-column-gap-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none-on-sm {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl-on-sm {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 48rem) {
.pf-v6-l-flex.pf-m-column-gap-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none-on-md {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl-on-md {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 62rem) {
.pf-v6-l-flex.pf-m-column-gap-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none-on-lg {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl-on-lg {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 75rem) {
.pf-v6-l-flex.pf-m-column-gap-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none-on-xl {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl-on-xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
--pf-v6-l-flex--spacer--column: 0;
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-flex.pf-m-column-gap-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
}
.pf-v6-l-flex.pf-m-column-gap-none-on-2xl {
--pf-v6-l-flex--ColumnGap: 0;
}
.pf-v6-l-flex.pf-m-column-gap-xs-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
}
.pf-v6-l-flex.pf-m-column-gap-sm-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
}
.pf-v6-l-flex.pf-m-column-gap-md-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
}
.pf-v6-l-flex.pf-m-column-gap-lg-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
}
.pf-v6-l-flex.pf-m-column-gap-xl-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
}
.pf-v6-l-flex.pf-m-column-gap-2xl-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
}
.pf-v6-l-flex.pf-m-column-gap-3xl-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
}
.pf-v6-l-flex.pf-m-column-gap-4xl-on-2xl {
--pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
}
.pf-v6-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
--pf-v6-l-flex--spacer--column: 0;
}
}
.pf-v6-l-gallery {
--pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
--pf-v6-l-gallery--GridTemplateColumns--min: 250px;
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
--pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
--pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
--pf-v6-l-gallery--GridTemplateRows: auto;
}
.pf-v6-l-gallery {
display: grid;
grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
}
.pf-v6-l-gallery.pf-m-gutter {
grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
}
@media (min-width: 36rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
}
}
@media (min-width: 48rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
}
}
@media (min-width: 62rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
}
}
@media (min-width: 75rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
}
}
@media (min-width: 36rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
}
}
@media (min-width: 48rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
}
}
@media (min-width: 62rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
}
}
@media (min-width: 75rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
}
}
.pf-v6-l-grid {
--pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
--pf-v6-l-grid__item--GridColumnStart: auto;
--pf-v6-l-grid__item--GridColumnEnd: span 12;
--pf-v6-l-grid--item--Order: 0;
}
.pf-v6-l-grid {
display: grid;
grid-template-columns: repeat(12, [col-start] 1fr);
}
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
grid-column-start: var(--pf-v6-l-grid__item--GridColumnStart);
grid-column-end: var(--pf-v6-l-grid__item--GridColumnEnd);
min-width: 0;
min-height: 0;
order: var(--pf-v6-l-grid--item--Order);
}
@media (min-width: 36rem) {
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
order: var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order));
}
}
@media (min-width: 48rem) {
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
order: var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)));
}
}
@media (min-width: 62rem) {
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
order: var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))));
}
}
@media (min-width: 75rem) {
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
order: var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)))));
}
}
@media (min-width: 90.625rem) {
.pf-v6-l-grid > *,
.pf-v6-l-grid .pf-v6-l-grid__item {
order: var(--pf-v6-l-grid--item--Order-on-2xl, var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))))));
}
}
.pf-v6-l-grid.pf-m-all-1-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
@media screen and (min-width: 36rem) {
.pf-v6-l-grid.pf-m-all-1-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col-on-sm > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
}
@media screen and (min-width: 48rem) {
.pf-v6-l-grid.pf-m-all-1-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col-on-md > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
}
@media screen and (min-width: 62rem) {
.pf-v6-l-grid.pf-m-all-1-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col-on-lg > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
}
@media screen and (min-width: 75rem) {
.pf-v6-l-grid.pf-m-all-1-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col-on-xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-l-grid.pf-m-all-1-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid.pf-m-all-2-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid.pf-m-all-3-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid.pf-m-all-4-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid.pf-m-all-5-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid.pf-m-all-6-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid.pf-m-all-7-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid.pf-m-all-8-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid.pf-m-all-9-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid.pf-m-all-10-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid.pf-m-all-11-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid.pf-m-all-12-col-on-2xl > * {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
}
.pf-v6-l-grid > .pf-m-1-col {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row {
grid-row: span 12;
}
@media screen and (min-width: 36rem) {
.pf-v6-l-grid > .pf-m-1-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col-on-sm {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col-on-sm {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row-on-sm {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row-on-sm {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row-on-sm {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row-on-sm {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row-on-sm {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row-on-sm {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row-on-sm {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row-on-sm {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row-on-sm {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row-on-sm {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row-on-sm {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row-on-sm {
grid-row: span 12;
}
}
@media screen and (min-width: 48rem) {
.pf-v6-l-grid > .pf-m-1-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col-on-md {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col-on-md {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row-on-md {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row-on-md {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row-on-md {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row-on-md {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row-on-md {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row-on-md {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row-on-md {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row-on-md {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row-on-md {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row-on-md {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row-on-md {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row-on-md {
grid-row: span 12;
}
}
@media screen and (min-width: 62rem) {
.pf-v6-l-grid > .pf-m-1-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col-on-lg {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col-on-lg {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row-on-lg {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row-on-lg {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row-on-lg {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row-on-lg {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row-on-lg {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row-on-lg {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row-on-lg {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row-on-lg {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row-on-lg {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row-on-lg {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row-on-lg {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row-on-lg {
grid-row: span 12;
}
}
@media screen and (min-width: 75rem) {
.pf-v6-l-grid > .pf-m-1-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col-on-xl {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col-on-xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row-on-xl {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row-on-xl {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row-on-xl {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row-on-xl {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row-on-xl {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row-on-xl {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row-on-xl {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row-on-xl {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row-on-xl {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row-on-xl {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row-on-xl {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row-on-xl {
grid-row: span 12;
}
}
@media screen and (min-width: 90.625rem) {
.pf-v6-l-grid > .pf-m-1-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 1;
}
.pf-v6-l-grid > .pf-m-2-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 2;
}
.pf-v6-l-grid > .pf-m-3-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 3;
}
.pf-v6-l-grid > .pf-m-4-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 4;
}
.pf-v6-l-grid > .pf-m-5-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 5;
}
.pf-v6-l-grid > .pf-m-6-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 6;
}
.pf-v6-l-grid > .pf-m-7-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 7;
}
.pf-v6-l-grid > .pf-m-8-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 8;
}
.pf-v6-l-grid > .pf-m-9-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 9;
}
.pf-v6-l-grid > .pf-m-10-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 10;
}
.pf-v6-l-grid > .pf-m-11-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 11;
}
.pf-v6-l-grid > .pf-m-12-col-on-2xl {
--pf-v6-l-grid__item--GridColumnEnd: span 12;
}
.pf-v6-l-grid > .pf-m-offset-1-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(1 + 1);
}
.pf-v6-l-grid > .pf-m-offset-2-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(2 + 1);
}
.pf-v6-l-grid > .pf-m-offset-3-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(3 + 1);
}
.pf-v6-l-grid > .pf-m-offset-4-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(4 + 1);
}
.pf-v6-l-grid > .pf-m-offset-5-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(5 + 1);
}
.pf-v6-l-grid > .pf-m-offset-6-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(6 + 1);
}
.pf-v6-l-grid > .pf-m-offset-7-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(7 + 1);
}
.pf-v6-l-grid > .pf-m-offset-8-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(8 + 1);
}
.pf-v6-l-grid > .pf-m-offset-9-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(9 + 1);
}
.pf-v6-l-grid > .pf-m-offset-10-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(10 + 1);
}
.pf-v6-l-grid > .pf-m-offset-11-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(11 + 1);
}
.pf-v6-l-grid > .pf-m-offset-12-col-on-2xl {
--pf-v6-l-grid__item--GridColumnStart: col-start calc(12 + 1);
}
.pf-v6-l-grid > .pf-m-1-row-on-2xl {
grid-row: span 1;
}
.pf-v6-l-grid > .pf-m-2-row-on-2xl {
grid-row: span 2;
}
.pf-v6-l-grid > .pf-m-3-row-on-2xl {
grid-row: span 3;
}
.pf-v6-l-grid > .pf-m-4-row-on-2xl {
grid-row: span 4;
}
.pf-v6-l-grid > .pf-m-5-row-on-2xl {
grid-row: span 5;
}
.pf-v6-l-grid > .pf-m-6-row-on-2xl {
grid-row: span 6;
}
.pf-v6-l-grid > .pf-m-7-row-on-2xl {
grid-row: span 7;
}
.pf-v6-l-grid > .pf-m-8-row-on-2xl {
grid-row: span 8;
}
.pf-v6-l-grid > .pf-m-9-row-on-2xl {
grid-row: span 9;
}
.pf-v6-l-grid > .pf-m-10-row-on-2xl {
grid-row: span 10;
}
.pf-v6-l-grid > .pf-m-11-row-on-2xl {
grid-row: span 11;
}
.pf-v6-l-grid > .pf-m-12-row-on-2xl {
grid-row: span 12;
}
}
.pf-v6-l-grid.pf-m-gutter {
grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
}
.pf-v6-l-level {
--pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
}
.pf-v6-l-level {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.pf-v6-l-level.pf-m-gutter {
gap: var(--pf-v6-l-level--m-gutter--Gap);
}
.pf-v6-l-split {
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
}
.pf-v6-l-split {
display: flex;
padding: 0;
margin: 0;
}
.pf-v6-l-split.pf-m-wrap {
flex-wrap: wrap;
}
.pf-v6-l-split__item.pf-m-fill {
flex-grow: 1;
}
.pf-v6-l-split.pf-m-gutter {
gap: var(--pf-v6-l-stack--m-gutter--Gap);
}
.pf-v6-l-stack {
--pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
}
.pf-v6-l-stack {
display: flex;
flex-direction: column;
height: 100%;
}
.pf-v6-l-stack__item.pf-m-fill {
flex-grow: 1;
}
.pf-v6-l-stack.pf-m-gutter {
gap: var(--pf-v6-l-stack--m-gutter--Gap);
}© 2015 - 2025 Weber Informatics LLC | Privacy Policy