@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
1,147 lines (1,131 loc) • 54.3 kB
CSS
.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