UNPKG

@patternfly/patternfly

Version:

Assets, source, tooling, and content for PatternFly 4

1,147 lines (1,131 loc) • 54.3 kB
.pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group { --pf-v5-hidden-visible--hidden--Display: none; --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); display: var(--pf-v5-hidden-visible--Display); } .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } @media screen and (min-width: 576px) { .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); } } @media screen and (min-width: 768px) { .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); } } @media screen and (min-width: 992px) { .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); } } @media screen and (min-width: 1200px) { .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); } } @media screen and (min-width: 1450px) { .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display); } .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display); } } .pf-v5-c-toolbar { --pf-v5-c-toolbar--AlignItems--base: flex-start; --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base); --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs); --pf-v5-c-toolbar__item--Display: flex; --pf-v5-c-toolbar__item--MinWidth--base: auto; --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__group--Display: flex; --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base); --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__group--AlignSelf: auto; --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs); --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-toolbar--m-align-items-center--AlignItems: center; --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline; --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center; --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline; --pf-v5-c-toolbar__content--Display: flex; --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content-section--Display: flex; --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__content-section--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base); --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__expandable-content--Display: grid; --pf-v5-c-toolbar__expandable-content--PaddingTop: 0; --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__content--PaddingRight); --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__content--PaddingLeft); --pf-v5-c-toolbar__expandable-content--lg--PaddingRight: 0; --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom: 0; --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft: 0; --pf-v5-c-toolbar__expandable-content--ZIndex: var(--pf-v5-global--ZIndex--sm); --pf-v5-c-toolbar__expandable-content--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom); --pf-v5-c-toolbar__expandable-content--BackgroundColor: var(--pf-v5-c-toolbar--BackgroundColor); --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap: var(--pf-v5-global--gutter--md); --pf-v5-c-toolbar__group--m-chip-container--MarginTop: calc(var(--pf-v5-global--spacer--md) * -1); --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--spacer--base: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__item--spacer: var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar__item--Width: auto; --pf-v5-c-toolbar__group--spacer: var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar__group--m-toggle-group--spacer: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-icon-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-icon-button-group--space-items: 0; --pf-v5-c-toolbar__group--m-button-group--spacer: var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-button-group--space-items: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__group--m-filter-group--spacer: var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-filter-group--space-items: 0; --pf-v5-c-toolbar__item--m-overflow-menu--spacer: var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-bulk-select--spacer: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__expand-all-icon--Rotate: 0; --pf-v5-c-toolbar__expand-all-icon--Transition: var(--pf-v5-global--Transition); --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg; --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold); --pf-v5-c-toolbar__item--m-form-element--spacer: var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-form-element--TranslateY: var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__item--m-form-element--FontWeight: var(--pf-v5-global--FontWeight--bold); --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm)); --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm); --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100); --pf-v5-c-toolbar--c-divider--m-vertical--spacer: var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar--m-full-height--PaddingTop: 0; --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0; --pf-v5-c-toolbar--m-full-height__item--Display: flex; --pf-v5-c-toolbar--m-full-height__item--AlignItems: center; position: relative; display: grid; row-gap: var(--pf-v5-c-toolbar--RowGap); padding-block-start: var(--pf-v5-c-toolbar--PaddingTop); padding-block-end: var(--pf-v5-c-toolbar--PaddingBottom); background-color: var(--pf-v5-c-toolbar--BackgroundColor); } @media screen and (min-width: 992px) { .pf-v5-c-toolbar { --pf-v5-c-toolbar__expandable-content--PaddingRight: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight); --pf-v5-c-toolbar__expandable-content--PaddingBottom: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom); --pf-v5-c-toolbar__expandable-content--PaddingLeft: var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft); } } @media screen and (min-width: 1200px) { .pf-v5-c-toolbar { --pf-v5-c-toolbar--m-page-insets--inset: var(--pf-v5-c-toolbar--m-page-insets--xl--inset); } } .pf-v5-c-toolbar.pf-m-page-insets { --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--m-page-insets--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--m-page-insets--inset); } .pf-v5-c-toolbar.pf-m-sticky { position: sticky; inset-block-start: 0; z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex); box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow); } .pf-v5-c-toolbar.pf-m-full-height { --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-c-toolbar--m-full-height--PaddingTop); --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-c-toolbar--m-full-height--PaddingTop); --pf-v5-c-toolbar__item--Display: var(--pf-v5-c-toolbar--m-full-height__item--Display); height: 100%; } .pf-v5-c-toolbar.pf-m-full-height, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group { min-width: 0; } .pf-v5-c-toolbar.pf-m-full-height, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item { align-self: stretch; } .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) { --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--m-full-height__item--AlignItems); } .pf-v5-c-toolbar.pf-m-static, .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content { position: static; } .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content { position: absolute; } .pf-v5-c-toolbar__content-section > .pf-v5-c-divider, .pf-v5-c-toolbar__group > .pf-v5-c-divider { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer); } .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical, .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical { margin-inline-end: var(--pf-v5-c-toolbar--spacer); } .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child, .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar__content-section.pf-m-align-items-start, .pf-v5-c-toolbar__group.pf-m-align-items-start { align-items: flex-start; } .pf-v5-c-toolbar__content-section.pf-m-align-items-center, .pf-v5-c-toolbar__group.pf-m-align-items-center { --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems); } .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline, .pf-v5-c-toolbar__group.pf-m-align-items-baseline { --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems); } .pf-v5-c-toolbar__content-section.pf-m-align-self-start, .pf-v5-c-toolbar__group.pf-m-align-self-start { align-self: flex-start; } .pf-v5-c-toolbar__content-section.pf-m-align-self-center, .pf-v5-c-toolbar__group.pf-m-align-self-center { --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems); } .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline, .pf-v5-c-toolbar__group.pf-m-align-self-baseline { --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems); } .pf-v5-c-toolbar__group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer); --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__group--Display); row-gap: var(--pf-v5-c-toolbar__group--RowGap); align-items: var(--pf-v5-c-toolbar__group--AlignItems); align-self: var(--pf-v5-c-toolbar__group--AlignSelf); margin-inline-end: var(--pf-v5-c-toolbar--spacer); } .pf-v5-c-toolbar__group.pf-m-button-group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer); } .pf-v5-c-toolbar__group.pf-m-button-group > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--space-items); } .pf-v5-c-toolbar__group.pf-m-icon-button-group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer); } .pf-v5-c-toolbar__group.pf-m-icon-button-group > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items); } .pf-v5-c-toolbar__group.pf-m-filter-group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--spacer); } .pf-v5-c-toolbar__group.pf-m-filter-group > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items); } .pf-v5-c-toolbar__group.pf-m-filter-group > * + * { margin-inline-start: -1px; } .pf-v5-c-toolbar__group.pf-m-toggle-group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer); } .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item { display: none; } .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle { display: inline-block; } .pf-v5-c-toolbar__group:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width); --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth); --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__item--Display); align-items: var(--pf-v5-c-toolbar__item--AlignItems); align-self: var(--pf-v5-c-toolbar__item--AlignSelf); width: var(--pf-v5-c-toolbar__item--Width--base); min-width: var(--pf-v5-c-toolbar__item--MinWidth--base); margin-inline-end: var(--pf-v5-c-toolbar--spacer); } @media (min-width: 576px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)); } } @media (min-width: 768px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))); } } @media (min-width: 992px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)))); } } @media (min-width: 1200px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width))))); } } @media (min-width: 1450px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base: var(--pf-v5-c-toolbar__item--Width-on-2xl, var(--pf-v5-c-toolbar__item--Width-on-xl, var(--pf-v5-c-toolbar__item--Width-on-lg, var(--pf-v5-c-toolbar__item--Width-on-md, var(--pf-v5-c-toolbar__item--Width-on-sm, var(--pf-v5-c-toolbar__item--Width)))))); } } @media (min-width: 576px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)); } } @media (min-width: 768px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))); } } @media (min-width: 992px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)))); } } @media (min-width: 1200px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth))))); } } @media (min-width: 1450px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base: var(--pf-v5-c-toolbar__item--MinWidth-on-2xl, var(--pf-v5-c-toolbar__item--MinWidth-on-xl, var(--pf-v5-c-toolbar__item--MinWidth-on-lg, var(--pf-v5-c-toolbar__item--MinWidth-on-md, var(--pf-v5-c-toolbar__item--MinWidth-on-sm, var(--pf-v5-c-toolbar__item--MinWidth)))))); } } .pf-v5-c-toolbar__item.pf-m-align-items-start { align-items: flex-start; } .pf-v5-c-toolbar__item.pf-m-align-items-center { align-items: center; } .pf-v5-c-toolbar__item.pf-m-align-items-baseline { align-items: baseline; } .pf-v5-c-toolbar__item.pf-m-align-self-start { align-self: flex-start; } .pf-v5-c-toolbar__item.pf-m-align-self-center { align-self: center; } .pf-v5-c-toolbar__item.pf-m-align-self-baseline { align-self: baseline; } .pf-v5-c-toolbar__item.pf-m-overflow-menu { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer); } .pf-v5-c-toolbar__item.pf-m-bulk-select { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-bulk-select--spacer); } .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded { --pf-v5-c-toolbar__expand-all-icon--Rotate: var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate); } .pf-v5-c-toolbar__item.pf-m-search-filter { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-search-filter--spacer); } .pf-v5-c-toolbar__item.pf-m-chip-group { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-chip-group--spacer); } .pf-v5-c-toolbar__item.pf-m-label { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer); font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight); transform: translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY)); } .pf-v5-c-toolbar__item.pf-m-form-element { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-form-element--spacer); font-weight: var(--pf-v5-c-toolbar__item--m-form-element--FontWeight); transform: translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY)); } .pf-v5-c-toolbar__item.pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination { flex-wrap: nowrap; } .pf-v5-c-toolbar__item:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar__group.pf-m-overflow-container, .pf-v5-c-toolbar__item.pf-m-overflow-container { flex: 1; overflow: hidden; } .pf-v5-c-toolbar__expand-all-icon { display: inline-block; transition: var(--pf-v5-c-toolbar__expand-all-icon--Transition); transform: rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate)); } .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__content-section { flex-wrap: wrap; } .pf-v5-c-toolbar__content { --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content--Display); position: relative; row-gap: var(--pf-v5-c-toolbar__content--RowGap); align-items: var(--pf-v5-c-toolbar__content--AlignItems); padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingLeft); padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingRight); } .pf-v5-c-toolbar__content-section { --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-toolbar__content-section--Display); row-gap: var(--pf-v5-c-toolbar__content-section--RowGap); align-items: var(--pf-v5-c-toolbar__content-section--AlignItems); width: 100%; } .pf-v5-c-toolbar__content-section.pf-m-align-items-start { align-items: flex-start; } .pf-v5-c-toolbar__content-section.pf-m-align-items-center { --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems); } .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline { align-items: baseline; } .pf-v5-c-toolbar__expandable-content { position: absolute; inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap)); inset-inline-start: 0; inset-inline-end: 0; z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex); display: none; width: 100%; padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop); padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom); padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft); padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight); background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor); box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow); } @media screen and (min-width: 992px) { .pf-v5-c-toolbar__expandable-content { position: static; box-shadow: none; } } .pf-v5-c-toolbar__expandable-content.pf-m-expanded { display: grid; grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap); } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group { display: grid; grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap); } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label { margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom); font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize); } .pf-v5-c-toolbar__content.pf-m-chip-container, .pf-v5-c-toolbar__group.pf-m-chip-container { display: flex; flex-wrap: wrap; grid-row-gap: 0; align-items: baseline; margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop); } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--AlignSelf: auto; margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop); } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group { --pf-v5-c-toolbar__group--AlignItems: center; --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer); display: flex; flex-wrap: wrap; grid-row-gap: 0; } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child, .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child { --pf-v5-c-chip-group--MarginRight: 0; } .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child { --pf-v5-c-chip-group__li--m-toolbar--MarginRight: 0; } .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain { color: var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color); } .pf-m-toggle-group.pf-m-show { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle { display: none; } @media (min-width: 576px) { .pf-m-toggle-group.pf-m-show-on-sm { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle { display: none; } } @media (min-width: 768px) { .pf-m-toggle-group.pf-m-show-on-md { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle { display: none; } } @media (min-width: 992px) { .pf-m-toggle-group.pf-m-show-on-lg { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle { display: none; } } @media (min-width: 1200px) { .pf-m-toggle-group.pf-m-show-on-xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle { display: none; } } @media (min-width: 1450px) { .pf-m-toggle-group.pf-m-show-on-2xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item { display: flex; flex: 0 1 auto; } .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle { display: none; } } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap { flex-wrap: wrap; } @media (min-width: 576px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm { flex-wrap: wrap; } } @media (min-width: 768px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md { flex-wrap: wrap; } } @media (min-width: 992px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg { flex-wrap: wrap; } } @media (min-width: 1200px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl { flex-wrap: wrap; } } @media (min-width: 1450px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl { margin-inline-start: 0; } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination { margin-inline-start: auto; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl { flex-wrap: nowrap; } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl { flex-wrap: wrap; } } .pf-v5-c-toolbar .pf-m-space-items-none > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg > :last-child { --pf-v5-c-toolbar--spacer: 0; } @media (min-width: 576px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md-on-sm > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm > :last-child { --pf-v5-c-toolbar--spacer: 0; } } @media (min-width: 768px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md-on-md > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md-on-md > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg-on-md > :last-child { --pf-v5-c-toolbar--spacer: 0; } } @media (min-width: 992px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md-on-lg > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg > :last-child { --pf-v5-c-toolbar--spacer: 0; } } @media (min-width: 1200px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md-on-xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } } @media (min-width: 1450px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > * { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child { --pf-v5-c-toolbar--spacer: 0; } } .pf-v5-c-toolbar .pf-m-spacer-none { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } @media (min-width: 576px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-sm { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md-on-sm { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } } @media (min-width: 768px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-md { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm-on-md { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md-on-md { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-md { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } } @media (min-width: 992px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-lg { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md-on-lg { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } } @media (min-width: 1200px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-xl { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md-on-xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } } @media (min-width: 1450px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child { --pf-v5-c-toolbar--spacer: 0; } .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm); } .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--md); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child { --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg); } } .pf-v5-c-toolbar.pf-m-inset-none { --pf-v5-c-toolbar--inset: 0; --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-lg { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-xl { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-2xl { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } @media (min-width: 576px) { .pf-v5-c-toolbar.pf-m-inset-none-on-sm { --pf-v5-c-toolbar--inset: 0; --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-sm-on-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-md-on-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-lg-on-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-xl-on-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } } @media (min-width: 768px) { .pf-v5-c-toolbar.pf-m-inset-none-on-md { --pf-v5-c-toolbar--inset: 0; --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-sm-on-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-md-on-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-lg-on-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-xl-on-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-2xl-on-md { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } } @media (min-width: 992px) { .pf-v5-c-toolbar.pf-m-inset-none-on-lg { --pf-v5-c-toolbar--inset: 0; --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset); } .pf-v5-c-toolbar.pf-m-inset-sm-on-lg { --pf-v5-c-toolbar--inset: var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset); --pf-v5