@charset "UTF-8"; /* build/index.css */ .pf-c-accordion, .pf-c-alert, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-warning, .pf-c-calendar-month, .pf-c-chip, .pf-c-chip-group, .pf-c-context-selector__menu, .pf-c-data-list, .pf-c-form-control, .pf-c-input-group, .pf-c-log-viewer__header, .pf-c-masthead.pf-m-light, .pf-c-masthead.pf-m-light-200, .pf-c-menu, .pf-c-page__sidebar.pf-m-light, .pf-c-select, .pf-c-table, .pf-t-light { --pf-global--Color--100:var(--pf-global--Color--dark-100); --pf-global--Color--200:var(--pf-global--Color--dark-200); --pf-global--BorderColor--100:var(--pf-global--BorderColor--dark-100); --pf-global--primary-color--100:var(--pf-global--primary-color--dark-100); --pf-global--link--Color:var(--pf-global--link--Color--dark); --pf-global--link--Color--hover:var(--pf-global--link--Color--dark--hover); --pf-global--BackgroundColor--100:var(--pf-global--BackgroundColor--light-100); } .pf-c-about-modal-box, .pf-c-banner, .pf-c-log-viewer.pf-m-dark, .pf-c-login__footer, .pf-c-login__header, .pf-c-masthead, .pf-c-page__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-wizard__header, .pf-t-dark { --pf-global--Color--100:var(--pf-global--Color--light-100); --pf-global--Color--200:var(--pf-global--Color--light-200); --pf-global--BorderColor--100:var(--pf-global--BorderColor--light-100); --pf-global--primary-color--100:var(--pf-global--primary-color--light-100); --pf-global--link--Color:var(--pf-global--link--Color--light); --pf-global--link--Color--hover:var(--pf-global--link--Color--light); --pf-global--BackgroundColor--100:var(--pf-global--BackgroundColor--dark-100); } .pf-c-about-modal-box .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-wizard__header .pf-c-card, .pf-t-dark .pf-c-card { --pf-c-card--BackgroundColor:var(--pf-global--BackgroundColor--dark-transparent-200); } .pf-c-about-modal-box .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-wizard__header .pf-c-button, .pf-t-dark .pf-c-button { --pf-c-button--m-primary--Color:var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--hover--Color:var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--focus--Color:var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--active--Color:var(--pf-global--primary-color--dark-100); --pf-c-button--m-primary--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-button--m-primary--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-primary--focus--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-primary--active--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-button--m-secondary--Color:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--hover--Color:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--focus--Color:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--active--Color:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--BorderColor:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--hover--BorderColor:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--focus--BorderColor:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--active--BorderColor:var(--pf-global--Color--light-100); } .pf-c-data-list__item-action, .pf-c-divider, .pf-c-menu__group, .pf-c-menu__list, .pf-c-menu__list-item, .pf-c-page__header-tools-group, .pf-c-page__header-tools-item, .pf-c-table tr > *, .pf-c-toolbar__content, .pf-c-toolbar__content-section, .pf-c-toolbar__group, .pf-c-toolbar__item { --pf-hidden-visible--visible--Visibility:visible; --pf-hidden-visible--hidden--Display:none; --pf-hidden-visible--hidden--Visibility:hidden; --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); display: var(--pf-hidden-visible--Display); visibility: var(--pf-hidden-visible--Visibility); } .pf-c-table tr > .pf-m-hidden, .pf-m-hidden.pf-c-data-list__item-action, .pf-m-hidden.pf-c-divider, .pf-m-hidden.pf-c-menu__group, .pf-m-hidden.pf-c-menu__list, .pf-m-hidden.pf-c-menu__list-item, .pf-m-hidden.pf-c-page__header-tools-group, .pf-m-hidden.pf-c-page__header-tools-item, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__group, .pf-m-hidden.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } @media screen and (min-width:576px) { .pf-c-table tr > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-c-data-list__item-action, .pf-m-hidden-on-sm.pf-c-divider, .pf-m-hidden-on-sm.pf-c-menu__group, .pf-m-hidden-on-sm.pf-c-menu__list, .pf-m-hidden-on-sm.pf-c-menu__list-item, .pf-m-hidden-on-sm.pf-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__group, .pf-m-hidden-on-sm.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } .pf-c-table tr > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-c-data-list__item-action, .pf-m-visible-on-sm.pf-c-divider, .pf-m-visible-on-sm.pf-c-menu__group, .pf-m-visible-on-sm.pf-c-menu__list, .pf-m-visible-on-sm.pf-c-menu__list-item, .pf-m-visible-on-sm.pf-c-page__header-tools-group, .pf-m-visible-on-sm.pf-c-page__header-tools-item, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__group, .pf-m-visible-on-sm.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); } } @media screen and (min-width:768px) { .pf-c-table tr > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-c-data-list__item-action, .pf-m-hidden-on-md.pf-c-divider, .pf-m-hidden-on-md.pf-c-menu__group, .pf-m-hidden-on-md.pf-c-menu__list, .pf-m-hidden-on-md.pf-c-menu__list-item, .pf-m-hidden-on-md.pf-c-page__header-tools-group, .pf-m-hidden-on-md.pf-c-page__header-tools-item, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__group, .pf-m-hidden-on-md.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } .pf-c-table tr > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-c-data-list__item-action, .pf-m-visible-on-md.pf-c-divider, .pf-m-visible-on-md.pf-c-menu__group, .pf-m-visible-on-md.pf-c-menu__list, .pf-m-visible-on-md.pf-c-menu__list-item, .pf-m-visible-on-md.pf-c-page__header-tools-group, .pf-m-visible-on-md.pf-c-page__header-tools-item, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__group, .pf-m-visible-on-md.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); } } @media screen and (min-width:992px) { .pf-c-table tr > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-c-data-list__item-action, .pf-m-hidden-on-lg.pf-c-divider, .pf-m-hidden-on-lg.pf-c-menu__group, .pf-m-hidden-on-lg.pf-c-menu__list, .pf-m-hidden-on-lg.pf-c-menu__list-item, .pf-m-hidden-on-lg.pf-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__group, .pf-m-hidden-on-lg.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } .pf-c-table tr > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-c-data-list__item-action, .pf-m-visible-on-lg.pf-c-divider, .pf-m-visible-on-lg.pf-c-menu__group, .pf-m-visible-on-lg.pf-c-menu__list, .pf-m-visible-on-lg.pf-c-menu__list-item, .pf-m-visible-on-lg.pf-c-page__header-tools-group, .pf-m-visible-on-lg.pf-c-page__header-tools-item, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__group, .pf-m-visible-on-lg.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); } } @media screen and (min-width:1200px) { .pf-c-table tr > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-c-data-list__item-action, .pf-m-hidden-on-xl.pf-c-divider, .pf-m-hidden-on-xl.pf-c-menu__group, .pf-m-hidden-on-xl.pf-c-menu__list, .pf-m-hidden-on-xl.pf-c-menu__list-item, .pf-m-hidden-on-xl.pf-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__group, .pf-m-hidden-on-xl.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } .pf-c-table tr > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-c-data-list__item-action, .pf-m-visible-on-xl.pf-c-divider, .pf-m-visible-on-xl.pf-c-menu__group, .pf-m-visible-on-xl.pf-c-menu__list, .pf-m-visible-on-xl.pf-c-menu__list-item, .pf-m-visible-on-xl.pf-c-page__header-tools-group, .pf-m-visible-on-xl.pf-c-page__header-tools-item, .pf-m-visible-on-xl.pf-c-toolbar__content, .pf-m-visible-on-xl.pf-c-toolbar__content-section, .pf-m-visible-on-xl.pf-c-toolbar__group, .pf-m-visible-on-xl.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); } } @media screen and (min-width:1450px) { .pf-c-table tr > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-c-divider, .pf-m-hidden-on-2xl.pf-c-menu__group, .pf-m-hidden-on-2xl.pf-c-menu__list, .pf-m-hidden-on-2xl.pf-c-menu__list-item, .pf-m-hidden-on-2xl.pf-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-c-toolbar__content, .pf-m-hidden-on-2xl.pf-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-c-toolbar__group, .pf-m-hidden-on-2xl.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--hidden--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--hidden--Visibility); } .pf-c-table tr > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-c-data-list__item-action, .pf-m-visible-on-2xl.pf-c-divider, .pf-m-visible-on-2xl.pf-c-menu__group, .pf-m-visible-on-2xl.pf-c-menu__list, .pf-m-visible-on-2xl.pf-c-menu__list-item, .pf-m-visible-on-2xl.pf-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-c-toolbar__content, .pf-m-visible-on-2xl.pf-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-c-toolbar__group, .pf-m-visible-on-2xl.pf-c-toolbar__item { --pf-hidden-visible--Display:var(--pf-hidden-visible--visible--Display); --pf-hidden-visible--Visibility:var(--pf-hidden-visible--visible--Visibility); } } :root { --pf-global--palette--black-100:#fafafa; --pf-global--palette--black-150:#f5f5f5; --pf-global--palette--black-200:#f0f0f0; --pf-global--palette--black-300:#d2d2d2; --pf-global--palette--black-400:#b8bbbe; --pf-global--palette--black-500:#8a8d90; --pf-global--palette--black-600:#6a6e73; --pf-global--palette--black-700:#4f5255; --pf-global--palette--black-800:#3c3f42; --pf-global--palette--black-850:#212427; --pf-global--palette--black-900:#151515; --pf-global--palette--black-1000:#030303; --pf-global--palette--blue-50:#e7f1fa; --pf-global--palette--blue-100:#bee1f4; --pf-global--palette--blue-200:#73bcf7; --pf-global--palette--blue-300:#2b9af3; --pf-global--palette--blue-400:#06c; --pf-global--palette--blue-500:#004080; --pf-global--palette--blue-600:#002952; --pf-global--palette--blue-700:#001223; --pf-global--palette--cyan-50:#f2f9f9; --pf-global--palette--cyan-100:#a2d9d9; --pf-global--palette--cyan-200:#73c5c5; --pf-global--palette--cyan-300:#009596; --pf-global--palette--cyan-400:#005f60; --pf-global--palette--cyan-500:#003737; --pf-global--palette--cyan-600:#002323; --pf-global--palette--cyan-700:#000f0f; --pf-global--palette--gold-50:#fdf7e7; --pf-global--palette--gold-100:#f9e0a2; --pf-global--palette--gold-200:#f6d173; --pf-global--palette--gold-300:#f4c145; --pf-global--palette--gold-400:#f0ab00; --pf-global--palette--gold-500:#c58c00; --pf-global--palette--gold-600:#795600; --pf-global--palette--gold-700:#3d2c00; --pf-global--palette--green-50:#f3faf2; --pf-global--palette--green-100:#bde5b8; --pf-global--palette--green-200:#95d58e; --pf-global--palette--green-300:#6ec664; --pf-global--palette--green-400:#5ba352; --pf-global--palette--green-500:#3e8635; --pf-global--palette--green-600:#1e4f18; --pf-global--palette--green-700:#0f280d; --pf-global--palette--light-blue-100:#beedf9; --pf-global--palette--light-blue-200:#7cdbf3; --pf-global--palette--light-blue-300:#35caed; --pf-global--palette--light-blue-400:#00b9e4; --pf-global--palette--light-blue-500:#008bad; --pf-global--palette--light-blue-600:#005c73; --pf-global--palette--light-blue-700:#002d39; --pf-global--palette--light-green-100:#e4f5bc; --pf-global--palette--light-green-200:#c8eb79; --pf-global--palette--light-green-300:#ace12e; --pf-global--palette--light-green-400:#92d400; --pf-global--palette--light-green-500:#6ca100; --pf-global--palette--light-green-600:#486b00; --pf-global--palette--light-green-700:#253600; --pf-global--palette--orange-100:#f4b678; --pf-global--palette--orange-200:#ef9234; --pf-global--palette--orange-300:#ec7a08; --pf-global--palette--orange-400:#c46100; --pf-global--palette--orange-500:#8f4700; --pf-global--palette--orange-600:#773d00; --pf-global--palette--orange-700:#3b1f00; --pf-global--palette--purple-50:#f2f0fc; --pf-global--palette--purple-100:#cbc1ff; --pf-global--palette--purple-200:#b2a3ff; --pf-global--palette--purple-300:#a18fff; --pf-global--palette--purple-400:#8476d1; --pf-global--palette--purple-500:#6753ac; --pf-global--palette--purple-600:#40199a; --pf-global--palette--purple-700:#1f0066; --pf-global--palette--red-50:#faeae8; --pf-global--palette--red-100:#c9190b; --pf-global--palette--red-200:#a30000; --pf-global--palette--red-300:#7d1007; --pf-global--palette--red-400:#470000; --pf-global--palette--red-500:#2c0000; --pf-global--palette--white:#fff; --pf-global--BackgroundColor--100:#fff; --pf-global--BackgroundColor--200:#f0f0f0; --pf-global--BackgroundColor--light-100:#fff; --pf-global--BackgroundColor--light-200:#fafafa; --pf-global--BackgroundColor--light-300:#f0f0f0; --pf-global--BackgroundColor--dark-100:#151515; --pf-global--BackgroundColor--dark-200:#3c3f42; --pf-global--BackgroundColor--dark-300:#212427; --pf-global--BackgroundColor--dark-400:#4f5255; --pf-global--BackgroundColor--dark-transparent-100:rgba(3,3,3,0.62); --pf-global--BackgroundColor--dark-transparent-200:rgba(3,3,3,0.32); --pf-global--Color--100:#151515; --pf-global--Color--200:#6a6e73; --pf-global--Color--300:#3c3f42; --pf-global--Color--400:#8a8d90; --pf-global--Color--light-100:#fff; --pf-global--Color--light-200:#f0f0f0; --pf-global--Color--light-300:#d2d2d2; --pf-global--Color--dark-100:#151515; --pf-global--Color--dark-200:#6a6e73; --pf-global--active-color--100:#06c; --pf-global--active-color--200:#bee1f4; --pf-global--active-color--300:#2b9af3; --pf-global--active-color--400:#73bcf7; --pf-global--disabled-color--100:#6a6e73; --pf-global--disabled-color--200:#d2d2d2; --pf-global--disabled-color--300:#f0f0f0; --pf-global--primary-color--100:#06c; --pf-global--primary-color--200:#004080; --pf-global--primary-color--light-100:#73bcf7; --pf-global--primary-color--dark-100:#06c; --pf-global--secondary-color--100:#6a6e73; --pf-global--default-color--100:#73c5c5; --pf-global--default-color--200:#009596; --pf-global--default-color--300:#003737; --pf-global--success-color--100:#3e8635; --pf-global--success-color--200:#1e4f18; --pf-global--info-color--100:#2b9af3; --pf-global--info-color--200:#002952; --pf-global--warning-color--100:#f0ab00; --pf-global--warning-color--200:#795600; --pf-global--danger-color--100:#c9190b; --pf-global--danger-color--200:#a30000; --pf-global--danger-color--300:#470000; --pf-global--BoxShadow--sm:0 0.0625rem 0.125rem 0 rgba(3,3,3,0.12),0 0 0.125rem 0 rgba(3,3,3,0.06); --pf-global--BoxShadow--sm-top:0 -0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.16); --pf-global--BoxShadow--sm-right:0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.16); --pf-global--BoxShadow--sm-bottom:0 0.125rem 0.25rem -0.0625rem rgba(3,3,3,0.16); --pf-global--BoxShadow--sm-left:-0.125rem 0 0.25rem -0.0625rem rgba(3,3,3,0.16); --pf-global--BoxShadow--md:0 0.25rem 0.5rem 0rem rgba(3,3,3,0.12),0 0 0.25rem 0 rgba(3,3,3,0.06); --pf-global--BoxShadow--md-top:0 -0.5rem 0.5rem -0.375rem rgba(3,3,3,0.18); --pf-global--BoxShadow--md-right:0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.18); --pf-global--BoxShadow--md-bottom:0 0.5rem 0.5rem -0.375rem rgba(3,3,3,0.18); --pf-global--BoxShadow--md-left:-0.5rem 0 0.5rem -0.375rem rgba(3,3,3,0.18); --pf-global--BoxShadow--lg:0 0.5rem 1rem 0 rgba(3,3,3,0.16),0 0 0.375rem 0 rgba(3,3,3,0.08); --pf-global--BoxShadow--lg-top:0 -0.75rem 0.75rem -0.5rem rgba(3,3,3,0.18); --pf-global--BoxShadow--lg-right:0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.18); --pf-global--BoxShadow--lg-bottom:0 0.75rem 0.75rem -0.5rem rgba(3,3,3,0.18); --pf-global--BoxShadow--lg-left:-0.75rem 0 0.75rem -0.5rem rgba(3,3,3,0.18); --pf-global--BoxShadow--xl:0 1rem 2rem 0 rgba(3,3,3,0.16),0 0 0.5rem 0 rgba(3,3,3,0.1); --pf-global--BoxShadow--xl-top:0 -1rem 1rem -0.5rem rgba(3,3,3,0.2); --pf-global--BoxShadow--xl-right:1rem 0 1rem -0.5rem rgba(3,3,3,0.2); --pf-global--BoxShadow--xl-bottom:0 1rem 1rem -0.5rem rgba(3,3,3,0.2); --pf-global--BoxShadow--xl-left:-1rem 0 1rem -0.5rem rgba(3,3,3,0.2); --pf-global--BoxShadow--inset:inset 0 0 0.625rem 0 rgba(3,3,3,0.25); --pf-global--font-path:"./assets/fonts"; --pf-global--fonticon-path:"./assets/pficon"; --pf-global--spacer--xs:0.25rem; --pf-global--spacer--sm:0.5rem; --pf-global--spacer--md:1rem; --pf-global--spacer--lg:1.5rem; --pf-global--spacer--xl:2rem; --pf-global--spacer--2xl:3rem; --pf-global--spacer--3xl:4rem; --pf-global--spacer--4xl:5rem; --pf-global--spacer--form-element:0.375rem; --pf-global--gutter:1rem; --pf-global--gutter--md:1.5rem; --pf-global--ZIndex--xs:100; --pf-global--ZIndex--sm:200; --pf-global--ZIndex--md:300; --pf-global--ZIndex--lg:400; --pf-global--ZIndex--xl:500; --pf-global--ZIndex--2xl:600; --pf-global--breakpoint--xs:0; --pf-global--breakpoint--sm:576px; --pf-global--breakpoint--md:768px; --pf-global--breakpoint--lg:992px; --pf-global--breakpoint--xl:1200px; --pf-global--breakpoint--2xl:1450px; --pf-global--link--Color:#06c; --pf-global--link--Color--hover:#004080; --pf-global--link--Color--light:#2b9af3; --pf-global--link--Color--light--hover:#73bcf7; --pf-global--link--Color--dark:#06c; --pf-global--link--Color--dark--hover:#004080; --pf-global--link--Color--visited:#40199a; --pf-global--link--TextDecoration:none; --pf-global--link--TextDecoration--hover:underline; --pf-global--BorderWidth--sm:1px; --pf-global--BorderWidth--md:2px; --pf-global--BorderWidth--lg:3px; --pf-global--BorderWidth--xl:4px; --pf-global--BorderColor--100:#d2d2d2; --pf-global--BorderColor--200:#8a8d90; --pf-global--BorderColor--300:#f0f0f0; --pf-global--BorderColor--dark-100:#d2d2d2; --pf-global--BorderColor--light-100:#b8bbbe; --pf-global--BorderRadius--sm:3px; --pf-global--BorderRadius--lg:30em; --pf-global--icon--Color--light:#6a6e73; --pf-global--icon--Color--dark:#151515; --pf-global--icon--FontSize--sm:0.625rem; --pf-global--icon--FontSize--md:1.125rem; --pf-global--icon--FontSize--lg:1.5rem; --pf-global--icon--FontSize--xl:3.375rem; --pf-global--FontFamily--sans-serif:"RedHatText","Overpass",overpass,helvetica,arial,sans-serif; --pf-global--FontFamily--heading--sans-serif:"RedHatDisplay","Overpass",overpass,helvetica,arial,sans-serif; --pf-global--FontFamily--monospace:"Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace; --pf-global--FontFamily--overpass--sans-serif:"overpass",overpass,"open sans",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --pf-global--FontFamily--overpass--monospace:"overpass-mono",overpass-mono,"SFMono-Regular",menlo,monaco,consolas,"Liberation Mono","Courier New",monospace; --pf-global--FontSize--4xl:2.25rem; --pf-global--FontSize--3xl:1.75rem; --pf-global--FontSize--2xl:1.5rem; --pf-global--FontSize--xl:1.25rem; --pf-global--FontSize--lg:1.125rem; --pf-global--FontSize--md:1rem; --pf-global--FontSize--sm:0.875rem; --pf-global--FontSize--xs:0.75rem; --pf-global--FontWeight--light:300; --pf-global--FontWeight--normal:400; --pf-global--FontWeight--semi-bold:700; --pf-global--FontWeight--overpass--semi-bold:500; --pf-global--FontWeight--bold:700; --pf-global--FontWeight--overpass--bold:600; --pf-global--LineHeight--sm:1.3; --pf-global--LineHeight--md:1.5; --pf-global--ListStyle:disc outside; --pf-global--Transition:all 250ms ease-in-out; --pf-global--TimingFunction:cubic-bezier(0.645,0.045,0.355,1); --pf-global--TransitionDuration:250ms; --pf-global--arrow--width:0.9375rem; --pf-global--arrow--width-lg:1.5625rem; --pf-global--target-size--MinWidth:44px; --pf-global--target-size--MinHeight:44px; } .pf-m-overpass-font { --pf-global--FontFamily--sans-serif:var(--pf-global--FontFamily--overpass--sans-serif); --pf-global--FontFamily--heading--sans-serif:var(--pf-global--FontFamily--sans-serif); --pf-global--FontFamily--monospace:var(--pf-global--FontFamily--overpass--monospace); --pf-global--FontWeight--semi-bold:var(--pf-global--FontWeight--overpass--semi-bold); --pf-global--FontWeight--bold:var(--pf-global--FontWeight--overpass--bold); } @font-face { font-family: RedHatDisplay; src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2) format("woff2"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff) format("woff"); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } @font-face { font-family: RedHatDisplay; src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2) format("woff2"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff) format("woff"); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; } @font-face { font-family: RedHatDisplay; src: url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2) format("woff2"), url(assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff) format("woff"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: RedHatText; src: url(assets/fonts/RedHatText/RedHatText-Regular.woff2) format("woff2"), url(assets/fonts/RedHatText/RedHatText-Regular.woff) format("woff"); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; } @font-face { font-family: RedHatText; src: url(assets/fonts/RedHatText/RedHatText-Medium.woff2) format("woff2"), url(assets/fonts/RedHatText/RedHatText-Medium.woff) format("woff"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: overpass; font-style: normal; font-weight: 200; src: url(assets/fonts/overpass-webfont/overpass-thin.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-thin.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 200; src: url(assets/fonts/overpass-webfont/overpass-thin-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-thin-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 300; src: url(assets/fonts/overpass-webfont/overpass-extralight.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extralight.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 300; src: url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extralight-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 400; src: url(assets/fonts/overpass-webfont/overpass-light.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-light.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 400; src: url(assets/fonts/overpass-webfont/overpass-light-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-light-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 500; src: url(assets/fonts/overpass-webfont/overpass-regular.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-regular.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 500; src: url(assets/fonts/overpass-webfont/overpass-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 600; src: url(assets/fonts/overpass-webfont/overpass-semibold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-semibold.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 600; src: url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-semibold-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 700; src: url(assets/fonts/overpass-webfont/overpass-bold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-bold.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 700; src: url(assets/fonts/overpass-webfont/overpass-bold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-bold-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 800; src: url(assets/fonts/overpass-webfont/overpass-extrabold.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extrabold.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 800; src: url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-extrabold-italic.woff) format("woff"); } @font-face { font-family: overpass; font-style: normal; font-weight: 900; src: url(assets/fonts/overpass-webfont/overpass-heavy.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-heavy.woff) format("woff"); } @font-face { font-family: overpass; font-style: italic; font-weight: 900; src: url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff2) format("woff2"), url(assets/fonts/overpass-webfont/overpass-heavy-italic.woff) format("woff"); } @font-face { font-family: overpass-mono; font-style: normal; font-weight: 300; src: url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-light.woff) format("woff"); } @font-face { font-family: overpass-mono; font-style: normal; font-weight: 400; src: url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff) format("woff"); } @font-face { font-family: overpass-mono; font-style: normal; font-weight: 500; src: url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff) format("woff"); } @font-face { font-family: overpass-mono; font-style: normal; font-weight: 600; src: url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2) format("woff2"), url(assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff) format("woff"); } [class*=pf-c-], [class*=pf-c-]:after, [class*=pf-c-]:before { padding: 0; margin: 0; background-color: transparent; } html { font-size: unset !important; } .pf-screen-reader { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul { padding: 0; margin: 0; } body, html { height: 100%; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: var(--pf-global--FontWeight--normal); } ul { list-style: none; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 100%; line-height: var(--pf-global--LineHeight--md); color: var(--pf-global--Color--100); } audio, embed, iframe, img, object, video { max-width: 100%; height: auto; } iframe { border: 0; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; text-align: left; } *, :after, :before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; } body { font-family: var(--pf-global--FontFamily--sans-serif); font-size: var(--pf-global--FontSize--md); font-weight: var(--pf-global--FontWeight--normal); line-height: var(--pf-global--LineHeight--md); text-align: left; background-color: var(--pf-global--BackgroundColor--100); } a { font-weight: var(--pf-global--link--FontWeight); color: var(--pf-global--link--Color); text-decoration: var(--pf-global--link--TextDecoration); } a:hover { --pf-global--link--Color:var(--pf-global--link--Color--hover); --pf-global--link--TextDecoration:var(--pf-global--link--TextDecoration--hover); } a, button { cursor: pointer; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } .pf-m-overpass-font a { font-weight: var(--pf-global--FontWeight--semi-bold); } .pf-t-dark.pf-m-transparent { background-color: transparent; } .pf-t-dark.pf-m-transparent-100 { background-color: rgba(3, 3, 3, .42); } .pf-t-dark.pf-m-transparent-200 { background-color: rgba(3, 3, 3, .6); } .pf-t-dark.pf-m-opaque-100 { background-color: #3c3f42; } .pf-t-dark.pf-m-opaque-200 { background-color: #151515; } .pf-t-light.pf-m-transparent { background-color: transparent; } .pf-t-light.pf-m-opaque-100 { background-color: #fff; } .pf-t-light.pf-m-opaque-200 { background-color: #fafafa; } .pf-t-light.pf-m-opaque-300 { background-color: #f0f0f0; } * .fa, * .fab, * .fal, * .far, * .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } * .fa-lg { font-size: 1.3333333333em; line-height: .75em; vertical-align: -.0667em; } * .fa-xs { font-size: .75em; } * .fa-sm { font-size: .875em; } * .fa-1x { font-size: 1em; } * .fa-2x { font-size: 2em; } * .fa-3x { font-size: 3em; } * .fa-4x { font-size: 4em; } * .fa-5x { font-size: 5em; } * .fa-6x { font-size: 6em; } * .fa-7x { font-size: 7em; } * .fa-8x { font-size: 8em; } * .fa-9x { font-size: 9em; } * .fa-10x { font-size: 10em; } * .fa-fw { text-align: center; width: 1.25em; } * .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } * .fa-ul > li { position: relative; } * .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } * .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; } * .fa-pull-left { float: left; } * .fa-pull-right { float: right; } * .fa.fa-pull-left, * .fab.fa-pull-left, * .fal.fa-pull-left, * .far.fa-pull-left, * .fas.fa-pull-left { margin-right: .3em; } * .fa.fa-pull-right, * .fab.fa-pull-right, * .fal.fa-pull-right, * .far.fa-pull-right, * .fas.fa-pull-right { margin-left: .3em; } * .fa-spin { animation: fa-spin 2s linear infinite; } * .fa-pulse { animation: fa-spin 1s steps(8) infinite; } @keyframes fa-spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } * .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } * .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } * .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } * .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1); } * .fa-flip-vertical { transform: scaleY(-1); } * .fa-flip-horizontal.fa-flip-vertical, * .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } * .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } * :root .fa-flip-horizontal, * :root .fa-flip-vertical, * :root .fa-rotate-90, * :root .fa-rotate-180, * :root .fa-rotate-270 { filter: none; } * .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } * .fa-stack-1x, * .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } * .fa-stack-1x { line-height: inherit; } * .fa-stack-2x { font-size: 2em; } * .fa-inverse { color: #fff; } * .fa-500px:before { content: ""; } * .fa-accessible-icon:before { content: ""; } * .fa-accusoft:before { content: ""; } * .fa-acquisitions-incorporated:before { content: ""; } * .fa-ad:before { content: ""; } * .fa-address-book:before { content: ""; } * .fa-address-card:before { content: ""; } * .fa-adjust:before { content: ""; } * .fa-adn:before { content: ""; } * .fa-adobe:before { content: ""; } * .fa-adversal:before { content: ""; } * .fa-affiliatetheme:before { content: ""; } * .fa-air-freshener:before { content: ""; } * .fa-algolia:before { content: ""; } * .fa-align-center:before { content: ""; } * .fa-align-justify:before { content: ""; } * .fa-align-left:before { content: ""; } * .fa-align-right:before { content: ""; } * .fa-alipay:before { content: ""; } * .fa-allergies:before { content: ""; } * .fa-amazon:before { content: ""; } * .fa-amazon-pay:before { content: ""; } * .fa-ambulance:before { content: ""; } * .fa-american-sign-language-interpreting:before { content: ""; } * .fa-amilia:before { content: ""; } * .fa-anchor:before { content: ""; } * .fa-android:before { content: ""; } * .fa-angellist:before { content: ""; } * .fa-angle-double-down:before { content: ""; } * .fa-angle-double-left:before { content: ""; } * .fa-angle-double-right:before { content: ""; } * .fa-angle-double-up:before { content: ""; } * .fa-angle-down:before { content: ""; } * .fa-angle-left:before { content: ""; } * .fa-angle-right:before { content: ""; } * .fa-angle-up:before { content: ""; } * .fa-angry:before { content: ""; } * .fa-angrycreative:before { content: ""; } * .fa-angular:before { content: ""; } * .fa-ankh:before { content: ""; } * .fa-app-store:before { content: ""; } * .fa-app-store-ios:before { content: ""; } * .fa-apper:before { content: ""; } * .fa-apple:before { content: ""; } * .fa-apple-alt:before { content: ""; } * .fa-apple-pay:before { content: ""; } * .fa-archive:before { content: ""; } * .fa-archway:before { content: ""; } * .fa-arrow-alt-circle-down:before { content: ""; } * .fa-arrow-alt-circle-left:before { content: ""; } * .fa-arrow-alt-circle-right:before { content: ""; } * .fa-arrow-alt-circle-up:before { content: ""; } * .fa-arrow-circle-down:before { content: ""; } * .fa-arrow-circle-left:before { content: ""; } * .fa-arrow-circle-right:before { content: ""; } * .fa-arrow-circle-up:before { content: ""; } * .fa-arrow-down:before { content: ""; } * .fa-arrow-left:before { content: ""; } * .fa-arrow-right:before { content: ""; } * .fa-arrow-up:before { content: ""; } * .fa-arrows-alt:before { content: ""; } * .fa-arrows-alt-h:before { content: ""; } * .fa-arrows-alt-v:before { content: ""; } * .fa-artstation:before { content: ""; } * .fa-assistive-listening-systems:before { content: ""; } * .fa-asterisk:before { content: ""; } * .fa-asymmetrik:before { content: ""; } * .fa-at:before { content: ""; } * .fa-atlas:before { content: ""; } * .fa-atlassian:before { content: ""; } * .fa-atom:before { content: ""; } * .fa-audible:before { content: ""; } * .fa-audio-description:before { content: ""; } * .fa-autoprefixer:before { content: ""; } * .fa-avianex:before { content: ""; } * .fa-aviato:before { content: ""; } * .fa-award:before { content: ""; } * .fa-aws:before { content: ""; } * .fa-baby:before { content: ""; } * .fa-baby-carriage:before { content: ""; } * .fa-backspace:before { content: ""; } * .fa-backward:before { content: ""; } * .fa-balance-scale:before { content: ""; } * .fa-ban:before { content: ""; } * .fa-band-aid:before { content: ""; } * .fa-bandcamp:before { content: ""; } * .fa-barcode:before { content: ""; } * .fa-bars:before { content: ""; } * .fa-baseball-ball:before { content: ""; } * .fa-basketball-ball:before { content: ""; } * .fa-bath:before { content: ""; } * .fa-battery-empty:before { content: ""; } * .fa-battery-full:before { content: ""; } * .fa-battery-half:before { content: ""; } * .fa-battery-quarter:before { content: ""; } * .fa-battery-three-quarters:before { content: ""; } * .fa-bed:before { content: ""; } * .fa-beer:before { content: ""; } * .fa-behance:before { content: ""; } * .fa-behance-square:before { content: ""; } * .fa-bell:before { content: ""; } * .fa-bell-slash:before { content: ""; } * .fa-bezier-curve:before { content: ""; } * .fa-bible:before { content: ""; } * .fa-bicycle:before { content: ""; } * .fa-bimobject:before { content: ""; } * .fa-binoculars:before { content: ""; } * .fa-biohazard:before { content: ""; } * .fa-birthday-cake:before { content: ""; } * .fa-bitbucket:before { content: ""; } * .fa-bitcoin:before { content: ""; } * .fa-bity:before { content: ""; } * .fa-black-tie:before { content: ""; } * .fa-blackberry:before { content: ""; } * .fa-blender:before { content: ""; } * .fa-blender-phone:before { content: ""; } * .fa-blind:before { content: ""; } * .fa-blog:before { content: ""; } * .fa-blogger:before { content: ""; } * .fa-blogger-b:before { content: ""; } * .fa-bluetooth:before { content: ""; } * .fa-bluetooth-b:before { content: ""; } * .fa-bold:before { content: ""; } * .fa-bolt:before { content: ""; } * .fa-bomb:before { content: ""; } * .fa-bone:before { content: ""; } * .fa-bong:before { content: ""; } * .fa-book:before { content: ""; } * .fa-book-dead:before { content: ""; } * .fa-book-open:before { content: ""; } * .fa-book-reader:before { content: ""; } * .fa-bookmark:before { content: ""; } * .fa-bowling-ball:before { content: ""; } * .fa-box:before { content: ""; } * .fa-box-open:before { content: ""; } * .fa-boxes:before { content: ""; } * .fa-braille:before { content: ""; } * .fa-brain:before { content: ""; } * .fa-briefcase:before { content: ""; } * .fa-briefcase-medical:before { content: ""; } * .fa-broadcast-tower:before { content: ""; } * .fa-broom:before { content: ""; } * .fa-brush:before { content: ""; } * .fa-btc:before { content: ""; } * .fa-bug:before { content: ""; } * .fa-building:before { content: ""; } * .fa-bullhorn:before { content: ""; } * .fa-bullseye:before { content: ""; } * .fa-burn:before { content: ""; } * .fa-buromobelexperte:before { content: ""; } * .fa-bus:before { content: ""; } * .fa-bus-alt:before { content: ""; } * .fa-business-time:before { content: ""; } * .fa-buysellads:before { content: ""; } * .fa-calculator:before { content: ""; } * .fa-calendar:before { content: ""; } * .fa-calendar-alt:before { content: ""; } * .fa-calendar-check:before { content: ""; } * .fa-calendar-day:before { content: ""; } * .fa-calendar-minus:before { content: ""; } * .fa-calendar-plus:before { content: ""; } * .fa-calendar-times:before { content: ""; } * .fa-calendar-week:before { content: ""; } * .fa-camera:before { content: ""; } * .fa-camera-retro:before { content: ""; } * .fa-campground:before { content: ""; } * .fa-canadian-maple-leaf:before { content: ""; } * .fa-candy-cane:before { content: ""; } * .fa-cannabis:before { content: ""; } * .fa-capsules:before { content: ""; } * .fa-car:before { content: ""; } * .fa-car-alt:before { content: ""; } * .fa-car-battery:before { content: ""; } * .fa-car-crash:before { content: ""; } * .fa-car-side:before { content: ""; } * .fa-caret-down:before { content: ""; } * .fa-caret-left:before { content: ""; } * .fa-caret-right:before { content: ""; } * .fa-caret-square-down:before { content: ""; } * .fa-caret-square-left:before { content: ""; } * .fa-caret-square-right:before { content: ""; } * .fa-caret-square-up:before { content: ""; } * .fa-caret-up:before { content: ""; } * .fa-carrot:before { content: ""; } * .fa-cart-arrow-down:before { content: ""; } * .fa-cart-plus:before { content: ""; } * .fa-cash-register:before { content: ""; } * .fa-cat:before { content: ""; } * .fa-cc-amazon-pay:before { content: ""; } * .fa-cc-amex:before { content: ""; } * .fa-cc-apple-pay:before { content: ""; } * .fa-cc-diners-club:before { content: ""; } * .fa-cc-discover:before { content: ""; } * .fa-cc-jcb:before { content: ""; } * .fa-cc-mastercard:before { content: ""; } * .fa-cc-paypal:before { content: ""; } * .fa-cc-stripe:before { content: ""; } * .fa-cc-visa:before { content: ""; } * .fa-centercode:before { content: ""; } * .fa-centos:before { content: ""; } * .fa-certificate:before { content: ""; } * .fa-chair:before { content: ""; } * .fa-chalkboard:before { content: ""; } * .fa-chalkboard-teacher:before { content: ""; } * .fa-charging-station:before { content: ""; } * .fa-chart-area:before { content: ""; } * .fa-chart-bar:before { content: ""; } * .fa-chart-line:before { content: ""; } * .fa-chart-pie:before { content: ""; } * .fa-check:before { content: ""; } * .fa-check-circle:before { content: ""; } * .fa-check-double:before { content: ""; } * .fa-check-square:before { content: ""; } * .fa-chess:before { content: ""; } * .fa-chess-bishop:before { content: ""; } * .fa-chess-board:before { content: ""; } * .fa-chess-king:before { content: ""; } * .fa-chess-knight:before { content: ""; } * .fa-chess-pawn:before { content: ""; } * .fa-chess-queen:before { content: ""; } * .fa-chess-rook:before { content: ""; } * .fa-chevron-circle-down:before { content: ""; } * .fa-chevron-circle-left:before { content: ""; } * .fa-chevron-circle-right:before { content: ""; } * .fa-chevron-circle-up:before { content: ""; } * .fa-chevron-down:before { content: ""; } * .fa-chevron-left:before { content: ""; } * .fa-chevron-right:before { content: ""; } * .fa-chevron-up:before { content: ""; } * .fa-child:before { content: ""; } * .fa-chrome:before { content: ""; } * .fa-church:before { content: ""; } * .fa-circle:before { content: ""; } * .fa-circle-notch:before { content: ""; } * .fa-city:before { content: ""; } * .fa-clipboard:before { content: ""; } * .fa-clipboard-check:before { content: ""; } * .fa-clipboard-list:before { content: ""; } * .fa-clock:before { content: ""; } * .fa-clone:before { content: ""; } * .fa-closed-captioning:before { content: ""; } * .fa-cloud:before { content: ""; } * .fa-cloud-download-alt:before { content: ""; } * .fa-cloud-meatball:before { content: ""; } * .fa-cloud-moon:before { content: ""; } * .fa-cloud-moon-rain:before { content: ""; } * .fa-cloud-rain:before { content: ""; } * .fa-cloud-showers-heavy:before { content: ""; } * .fa-cloud-sun:before { content: ""; } * .fa-cloud-sun-rain:before { content: ""; } * .fa-cloud-upload-alt:before { content: ""; } * .fa-cloudscale:before { content: ""; } * .fa-cloudsmith:before { content: ""; } * .fa-cloudversify:before { content: ""; } * .fa-cocktail:before { content: ""; } * .fa-code:before { content: ""; } * .fa-code-branch:before { content: ""; } * .fa-codepen:before { content: ""; } * .fa-codiepie:before { content: ""; } * .fa-coffee:before { content: ""; } * .fa-cog:before { content: ""; } * .fa-cogs:before { content: ""; } * .fa-coins:before { content: ""; } * .fa-columns:before { content: ""; } * .fa-comment:before { content: ""; } * .fa-comment-alt:before { content: ""; } * .fa-comment-dollar:before { content: ""; } * .fa-comment-dots:before { content: ""; } * .fa-comment-slash:before { content: ""; } * .fa-comments:before { content: ""; } * .fa-comments-dollar:before { content: ""; } * .fa-compact-disc:before { content: ""; } * .fa-compass:before { content: ""; } * .fa-compress:before { content: ""; } * .fa-compress-arrows-alt:before { content: ""; } * .fa-concierge-bell:before { content: ""; } * .fa-confluence:before { content: ""; } * .fa-connectdevelop:before { content: ""; } * .fa-contao:before { content: ""; } * .fa-cookie:before { content: ""; } * .fa-cookie-bite:before { content: ""; } * .fa-copy:before { content: ""; } * .fa-copyright:before { content: ""; } * .fa-couch:before { content: ""; } * .fa-cpanel:before { content: ""; } * .fa-creative-commons:before { content: ""; } * .fa-creative-commons-by:before { content: ""; } * .fa-creative-commons-nc:before { content: ""; } * .fa-creative-commons-nc-eu:before { content: ""; } * .fa-creative-commons-nc-jp:before { content: ""; } * .fa-creative-commons-nd:before { content: ""; } * .fa-creative-commons-pd:before { content: ""; } * .fa-creative-commons-pd-alt:before { content: ""; } * .fa-creative-commons-remix:before { content: ""; } * .fa-creative-commons-sa:before { content: ""; } * .fa-creative-commons-sampling:before { content: ""; } * .fa-creative-commons-sampling-plus:before { content: ""; } * .fa-creative-commons-share:before { content: ""; } * .fa-creative-commons-zero:before { content: ""; } * .fa-credit-card:before { content: ""; } * .fa-critical-role:before { content: ""; } * .fa-crop:before { content: ""; } * .fa-crop-alt:before { content: ""; } * .fa-cross:before { content: ""; } * .fa-crosshairs:before { content: ""; } * .fa-crow:before { content: ""; } * .fa-crown:before { content: ""; } * .fa-css3:before { content: ""; } * .fa-css3-alt:before { content: ""; } * .fa-cube:before { content: ""; } * .fa-cubes:before { content: ""; } * .fa-cut:before { content: ""; } * .fa-cuttlefish:before { content: ""; } * .fa-d-and-d:before { content: ""; } * .fa-d-and-d-beyond:before { content: ""; } * .fa-dashcube:before { content: ""; } * .fa-database:before { content: ""; } * .fa-deaf:before { content: ""; } * .fa-delicious:before { content: ""; } * .fa-democrat:before { content: ""; } * .fa-deploydog:before { content: ""; } * .fa-deskpro:before { content: ""; } * .fa-desktop:before { content: ""; } * .fa-dev:before { content: ""; } * .fa-deviantart:before { content: ""; } * .fa-dharmachakra:before { content: ""; } * .fa-dhl:before { content: ""; } * .fa-diagnoses:before { content: ""; } * .fa-diaspora:before { content: ""; } * .fa-dice:before { content: ""; } * .fa-dice-d20:before { content: ""; } * .fa-dice-d6:before { content: ""; } * .fa-dice-five:before { content: ""; } * .fa-dice-four:before { content: ""; } * .fa-dice-one:before { content: ""; } * .fa-dice-six:before { content: ""; } * .fa-dice-three:before { content: ""; } * .fa-dice-two:before { content: ""; } * .fa-digg:before { content: ""; } * .fa-digital-ocean:before { content: ""; } * .fa-digital-tachograph:before { content: ""; } * .fa-directions:before { content: ""; } * .fa-discord:before { content: ""; } * .fa-discourse:before { content: ""; } * .fa-divide:before { content: ""; } * .fa-dizzy:before { content: ""; } * .fa-dna:before { content: ""; } * .fa-dochub:before { content: ""; } * .fa-docker:before { content: ""; } * .fa-dog:before { content: ""; } * .fa-dollar-sign:before { content: ""; } * .fa-dolly:before { content: ""; } * .fa-dolly-flatbed:before { content: ""; } * .fa-donate:before { content: ""; } * .fa-door-closed:before { content: ""; } * .fa-door-open:before { content: ""; } * .fa-dot-circle:before { content: ""; } * .fa-dove:before { content: ""; } * .fa-download:before { content: ""; } * .fa-draft2digital:before { content: ""; } * .fa-drafting-compass:before { content: ""; } * .fa-dragon:before { content: ""; } * .fa-draw-polygon:before { content: ""; } * .fa-dribbble:before { content: ""; } * .fa-dribbble-square:before { content: ""; } * .fa-dropbox:before { content: ""; } * .fa-drum:before { content: ""; } * .fa-drum-steelpan:before { content: ""; } * .fa-drumstick-bite:before { content: ""; } * .fa-drupal:before { content: ""; } * .fa-dumbbell:before { content: ""; } * .fa-dumpster:before { content: ""; } * .fa-dumpster-fire:before { content: ""; } * .fa-dungeon:before { content: ""; } * .fa-dyalog:before { content: ""; } * .fa-earlybirds:before { content: ""; } * .fa-ebay:before { content: ""; } * .fa-edge:before { content: ""; } * .fa-edit:before { content: ""; } * .fa-eject:before { content: ""; } * .fa-elementor:before { content: ""; } * .fa-ellipsis-h:before { content: ""; } * .fa-ellipsis-v:before { content: ""; } * .fa-ello:before { content: ""; } * .fa-ember:before { content: ""; } * .fa-empire:before { content: ""; } * .fa-envelope:before { content: ""; } * .fa-envelope-open:before { content: ""; } * .fa-envelope-open-text:before { content: ""; } * .fa-envelope-square:before { content: ""; } * .fa-envira:before { content: ""; } * .fa-equals:before { content: ""; } * .fa-eraser:before { content: ""; } * .fa-erlang:before { content: ""; } * .fa-ethereum:before { content: ""; } * .fa-ethernet:before { content: ""; } * .fa-etsy:before { content: ""; } * .fa-euro-sign:before { content: ""; } * .fa-exchange-alt:before { content: ""; } * .fa-exclamation:before { content: ""; } * .fa-exclamation-circle:before { content: ""; } * .fa-exclamation-triangle:before { content: ""; } * .fa-expand:before { content: ""; } * .fa-expand-arrows-alt:before { content: ""; } * .fa-expeditedssl:before { content: ""; } * .fa-external-link-alt:before { content: ""; } * .fa-external-link-square-alt:before { content: ""; } * .fa-eye:before { content: ""; } * .fa-eye-dropper:before { content: ""; } * .fa-eye-slash:before { content: ""; } * .fa-facebook:before { content: ""; } * .fa-facebook-f:before { content: ""; } * .fa-facebook-messenger:before { content: ""; } * .fa-facebook-square:before { content: ""; } * .fa-fantasy-flight-games:before { content: ""; } * .fa-fast-backward:before { content: ""; } * .fa-fast-forward:before { content: ""; } * .fa-fax:before { content: ""; } * .fa-feather:before { content: ""; } * .fa-feather-alt:before { content: ""; } * .fa-fedex:before { content: ""; } * .fa-fedora:before { content: ""; } * .fa-female:before { content: ""; } * .fa-fighter-jet:before { content: ""; } * .fa-figma:before { content: ""; } * .fa-file:before { content: ""; } * .fa-file-alt:before { content: ""; } * .fa-file-archive:before { content: ""; } * .fa-file-audio:before { content: ""; } * .fa-file-code:before { content: ""; } * .fa-file-contract:before { content: ""; } * .fa-file-csv:before { content: ""; } * .fa-file-download:before { content: ""; } * .fa-file-excel:before { content: ""; } * .fa-file-export:before { content: ""; } * .fa-file-image:before { content: ""; } * .fa-file-import:before { content: ""; } * .fa-file-invoice:before { content: ""; } * .fa-file-invoice-dollar:before { content: ""; } * .fa-file-medical:before { content: ""; } * .fa-file-medical-alt:before { content: ""; } * .fa-file-pdf:before { content: ""; } * .fa-file-powerpoint:before { content: ""; } * .fa-file-prescription:before { content: ""; } * .fa-file-signature:before { content: ""; } * .fa-file-upload:before { content: ""; } * .fa-file-video:before { content: ""; } * .fa-file-word:before { content: ""; } * .fa-fill:before { content: ""; } * .fa-fill-drip:before { content: ""; } * .fa-film:before { content: ""; } * .fa-filter:before { content: ""; } * .fa-fingerprint:before { content: ""; } * .fa-fire:before { content: ""; } * .fa-fire-alt:before { content: ""; } * .fa-fire-extinguisher:before { content: ""; } * .fa-firefox:before { content: ""; } * .fa-first-aid:before { content: ""; } * .fa-first-order:before { content: ""; } * .fa-first-order-alt:before { content: ""; } * .fa-firstdraft:before { content: ""; } * .fa-fish:before { content: ""; } * .fa-fist-raised:before { content: ""; } * .fa-flag:before { content: ""; } * .fa-flag-checkered:before { content: ""; } * .fa-flag-usa:before { content: ""; } * .fa-flask:before { content: ""; } * .fa-flickr:before { content: ""; } * .fa-flipboard:before { content: ""; } * .fa-flushed:before { content: ""; } * .fa-fly:before { content: ""; } * .fa-folder:before { content: ""; } * .fa-folder-minus:before { content: ""; } * .fa-folder-open:before { content: ""; } * .fa-folder-plus:before { content: ""; } * .fa-font:before { content: ""; } * .fa-font-awesome:before { content: ""; } * .fa-font-awesome-alt:before { content: ""; } * .fa-font-awesome-flag:before { content: ""; } * .fa-font-awesome-logo-full:before { content: ""; } * .fa-fonticons:before { content: ""; } * .fa-fonticons-fi:before { content: ""; } * .fa-football-ball:before { content: ""; } * .fa-fort-awesome:before { content: ""; } * .fa-fort-awesome-alt:before { content: ""; } * .fa-forumbee:before { content: ""; } * .fa-forward:before { content: ""; } * .fa-foursquare:before { content: ""; } * .fa-free-code-camp:before { content: ""; } * .fa-freebsd:before { content: ""; } * .fa-frog:before { content: ""; } * .fa-frown:before { content: ""; } * .fa-frown-open:before { content: ""; } * .fa-fulcrum:before { content: ""; } * .fa-funnel-dollar:before { content: ""; } * .fa-futbol:before { content: ""; } * .fa-galactic-republic:before { content: ""; } * .fa-galactic-senate:before { content: ""; } * .fa-gamepad:before { content: ""; } * .fa-gas-pump:before { content: ""; } * .fa-gavel:before { content: ""; } * .fa-gem:before { content: ""; } * .fa-genderless:before { content: ""; } * .fa-get-pocket:before { content: ""; } * .fa-gg:before { content: ""; } * .fa-gg-circle:before { content: ""; } * .fa-ghost:before { content: ""; } * .fa-gift:before { content: ""; } * .fa-gifts:before { content: ""; } * .fa-git:before { content: ""; } * .fa-git-square:before { content: ""; } * .fa-github:before { content: ""; } * .fa-github-alt:before { content: ""; } * .fa-github-square:before { content: ""; } * .fa-gitkraken:before { content: ""; } * .fa-gitlab:before { content: ""; } * .fa-gitter:before { content: ""; } * .fa-glass-cheers:before { content: ""; } * .fa-glass-martini:before { content: ""; } * .fa-glass-martini-alt:before { content: ""; } * .fa-glass-whiskey:before { content: ""; } * .fa-glasses:before { content: ""; } * .fa-glide:before { content: ""; } * .fa-glide-g:before { content: ""; } * .fa-globe:before { content: ""; } * .fa-globe-africa:before { content: ""; } * .fa-globe-americas:before { content: ""; } * .fa-globe-asia:before { content: ""; } * .fa-globe-europe:before { content: ""; } * .fa-gofore:before { content: ""; } * .fa-golf-ball:before { content: ""; } * .fa-goodreads:before { content: ""; } * .fa-goodreads-g:before { content: ""; } * .fa-google:before { content: ""; } * .fa-google-drive:before { content: ""; } * .fa-google-play:before { content: ""; } * .fa-google-plus:before { content: ""; } * .fa-google-plus-g:before { content: ""; } * .fa-google-plus-square:before { content: ""; } * .fa-google-wallet:before { content: ""; } * .fa-gopuram:before { content: ""; } * .fa-graduation-cap:before { content: ""; } * .fa-gratipay:before { content: ""; } * .fa-grav:before { content: ""; } * .fa-greater-than:before { content: ""; } * .fa-greater-than-equal:before { content: ""; } * .fa-grimace:before { content: ""; } * .fa-grin:before { content: ""; } * .fa-grin-alt:before { content: ""; } * .fa-grin-beam:before { content: ""; } * .fa-grin-beam-sweat:before { content: ""; } * .fa-grin-hearts:before { content: ""; } * .fa-grin-squint:before { content: ""; } * .fa-grin-squint-tears:before { content: ""; } * .fa-grin-stars:before { content: ""; } * .fa-grin-tears:before { content: ""; } * .fa-grin-tongue:before { content: ""; } * .fa-grin-tongue-squint:before { content: ""; } * .fa-grin-tongue-wink:before { content: ""; } * .fa-grin-wink:before { content: ""; } * .fa-grip-horizontal:before { content: ""; } * .fa-grip-lines:before { content: ""; } * .fa-grip-lines-vertical:before { content: ""; } * .fa-grip-vertical:before { content: ""; } * .fa-gripfire:before { content: ""; } * .fa-grunt:before { content: ""; } * .fa-guitar:before { content: ""; } * .fa-gulp:before { content: ""; } * .fa-h-square:before { content: ""; } * .fa-hacker-news:before { content: ""; } * .fa-hacker-news-square:before { content: ""; } * .fa-hackerrank:before { content: ""; } * .fa-hammer:before { content: ""; } * .fa-hamsa:before { content: ""; } * .fa-hand-holding:before { content: ""; } * .fa-hand-holding-heart:before { content: ""; } * .fa-hand-holding-usd:before { content: ""; } * .fa-hand-lizard:before { content: ""; } * .fa-hand-paper:before { content: ""; } * .fa-hand-peace:before { content: ""; } * .fa-hand-point-down:before { content: ""; } * .fa-hand-point-left:before { content: ""; } * .fa-hand-point-right:before { content: ""; } * .fa-hand-point-up:before { content: ""; } * .fa-hand-pointer:before { content: ""; } * .fa-hand-rock:before { content: ""; } * .fa-hand-scissors:before { content: ""; } * .fa-hand-spock:before { content: ""; } * .fa-hands:before { content: ""; } * .fa-hands-helping:before { content: ""; } * .fa-handshake:before { content: ""; } * .fa-hanukiah:before { content: ""; } * .fa-hashtag:before { content: ""; } * .fa-hat-wizard:before { content: ""; } * .fa-haykal:before { content: ""; } * .fa-hdd:before { content: ""; } * .fa-heading:before { content: ""; } * .fa-headphones:before { content: ""; } * .fa-headphones-alt:before { content: ""; } * .fa-headset:before { content: ""; } * .fa-heart:before { content: ""; } * .fa-heart-broken:before { content: ""; } * .fa-heartbeat:before { content: ""; } * .fa-helicopter:before { content: ""; } * .fa-highlighter:before { content: ""; } * .fa-hiking:before { content: ""; } * .fa-hippo:before { content: ""; } * .fa-hips:before { content: ""; } * .fa-hire-a-helper:before { content: ""; } * .fa-history:before { content: ""; } * .fa-hockey-puck:before { content: ""; } * .fa-holly-berry:before { content: ""; } * .fa-home:before { content: ""; } * .fa-hooli:before { content: ""; } * .fa-hornbill:before { content: ""; } * .fa-horse:before { content: ""; } * .fa-horse-head:before { content: ""; } * .fa-hospital:before { content: ""; } * .fa-hospital-alt:before { content: ""; } * .fa-hospital-symbol:before { content: ""; } * .fa-hot-tub:before { content: ""; } * .fa-hotel:before { content: ""; } * .fa-hotjar:before { content: ""; } * .fa-hourglass:before { content: ""; } * .fa-hourglass-end:before { content: ""; } * .fa-hourglass-half:before { content: ""; } * .fa-hourglass-start:before { content: ""; } * .fa-house-damage:before { content: ""; } * .fa-houzz:before { content: ""; } * .fa-hryvnia:before { content: ""; } * .fa-html5:before { content: ""; } * .fa-hubspot:before { content: ""; } * .fa-i-cursor:before { content: ""; } * .fa-icicles:before { content: ""; } * .fa-id-badge:before { content: ""; } * .fa-id-card:before { content: ""; } * .fa-id-card-alt:before { content: ""; } * .fa-igloo:before { content: ""; } * .fa-image:before { content: ""; } * .fa-images:before { content: ""; } * .fa-imdb:before { content: ""; } * .fa-inbox:before { content: ""; } * .fa-indent:before { content: ""; } * .fa-industry:before { content: ""; } * .fa-infinity:before { content: ""; } * .fa-info:before { content: ""; } * .fa-info-circle:before { content: ""; } * .fa-instagram:before { content: ""; } * .fa-intercom:before { content: ""; } * .fa-internet-explorer:before { content: ""; } * .fa-invision:before { content: ""; } * .fa-ioxhost:before { content: ""; } * .fa-italic:before { content: ""; } * .fa-itunes:before { content: ""; } * .fa-itunes-note:before { content: ""; } * .fa-java:before { content: ""; } * .fa-jedi:before { content: ""; } * .fa-jedi-order:before { content: ""; } * .fa-jenkins:before { content: ""; } * .fa-jira:before { content: ""; } * .fa-joget:before { content: ""; } * .fa-joint:before { content: ""; } * .fa-joomla:before { content: ""; } * .fa-journal-whills:before { content: ""; } * .fa-js:before { content: ""; } * .fa-js-square:before { content: ""; } * .fa-jsfiddle:before { content: ""; } * .fa-kaaba:before { content: ""; } * .fa-kaggle:before { content: ""; } * .fa-key:before { content: ""; } * .fa-keybase:before { content: ""; } * .fa-keyboard:before { content: ""; } * .fa-keycdn:before { content: ""; } * .fa-khanda:before { content: ""; } * .fa-kickstarter:before { content: ""; } * .fa-kickstarter-k:before { content: ""; } * .fa-kiss:before { content: ""; } * .fa-kiss-beam:before { content: ""; } * .fa-kiss-wink-heart:before { content: ""; } * .fa-kiwi-bird:before { content: ""; } * .fa-korvue:before { content: ""; } * .fa-landmark:before { content: ""; } * .fa-language:before { content: ""; } * .fa-laptop:before { content: ""; } * .fa-laptop-code:before { content: ""; } * .fa-laravel:before { content: ""; } * .fa-lastfm:before { content: ""; } * .fa-lastfm-square:before { content: ""; } * .fa-laugh:before { content: ""; } * .fa-laugh-beam:before { content: ""; } * .fa-laugh-squint:before { content: ""; } * .fa-laugh-wink:before { content: ""; } * .fa-layer-group:before { content: ""; } * .fa-leaf:before { content: ""; } * .fa-leanpub:before { content: ""; } * .fa-lemon:before { content: ""; } * .fa-less:before { content: ""; } * .fa-less-than:before { content: ""; } * .fa-less-than-equal:before { content: ""; } * .fa-level-down-alt:before { content: ""; } * .fa-level-up-alt:before { content: ""; } * .fa-life-ring:before { content: ""; } * .fa-lightbulb:before { content: ""; } * .fa-line:before { content: ""; } * .fa-link:before { content: ""; } * .fa-linkedin:before { content: ""; } * .fa-linkedin-in:before { content: ""; } * .fa-linode:before { content: ""; } * .fa-linux:before { content: ""; } * .fa-lira-sign:before { content: ""; } * .fa-list:before { content: ""; } * .fa-list-alt:before { content: ""; } * .fa-list-ol:before { content: ""; } * .fa-list-ul:before { content: ""; } * .fa-location-arrow:before { content: ""; } * .fa-lock:before { content: ""; } * .fa-lock-open:before { content: ""; } * .fa-long-arrow-alt-down:before { content: ""; } * .fa-long-arrow-alt-left:before { content: ""; } * .fa-long-arrow-alt-right:before { content: ""; } * .fa-long-arrow-alt-up:before { content: ""; } * .fa-low-vision:before { content: ""; } * .fa-luggage-cart:before { content: ""; } * .fa-lyft:before { content: ""; } * .fa-magento:before { content: ""; } * .fa-magic:before { content: ""; } * .fa-magnet:before { content: ""; } * .fa-mail-bulk:before { content: ""; } * .fa-mailchimp:before { content: ""; } * .fa-male:before { content: ""; } * .fa-mandalorian:before { content: ""; } * .fa-map:before { content: ""; } * .fa-map-marked:before { content: ""; } * .fa-map-marked-alt:before { content: ""; } * .fa-map-marker:before { content: ""; } * .fa-map-marker-alt:before { content: ""; } * .fa-map-pin:before { content: ""; } * .fa-map-signs:before { content: ""; } * .fa-markdown:before { content: ""; } * .fa-marker:before { content: ""; } * .fa-mars:before { content: ""; } * .fa-mars-double:before { content: ""; } * .fa-mars-stroke:before { content: ""; } * .fa-mars-stroke-h:before { content: ""; } * .fa-mars-stroke-v:before { content: ""; } * .fa-mask:before { content: ""; } * .fa-mastodon:before { content: ""; } * .fa-maxcdn:before { content: ""; } * .fa-medal:before { content: ""; } * .fa-medapps:before { content: ""; } * .fa-medium:before { content: ""; } * .fa-medium-m:before { content: ""; } * .fa-medkit:before { content: ""; } * .fa-medrt:before { content: ""; } * .fa-meetup:before { content: ""; } * .fa-megaport:before { content: ""; } * .fa-meh:before { content: ""; } * .fa-meh-blank:before { content: ""; } * .fa-meh-rolling-eyes:before { content: ""; } * .fa-memory:before { content: ""; } * .fa-mendeley:before { content: ""; } * .fa-menorah:before { content: ""; } * .fa-mercury:before { content: ""; } * .fa-meteor:before { content: ""; } * .fa-microchip:before { content: ""; } * .fa-microphone:before { content: ""; } * .fa-microphone-alt:before { content: ""; } * .fa-microphone-alt-slash:before { content: ""; } * .fa-microphone-slash:before { content: ""; } * .fa-microscope:before { content: ""; } * .fa-microsoft:before { content: ""; } * .fa-minus:before { content: ""; } * .fa-minus-circle:before { content: ""; } * .fa-minus-square:before { content: ""; } * .fa-mitten:before { content: ""; } * .fa-mix:before { content: ""; } * .fa-mixcloud:before { content: ""; } * .fa-mizuni:before { content: ""; } * .fa-mobile:before { content: ""; } * .fa-mobile-alt:before { content: ""; } * .fa-modx:before { content: ""; } * .fa-monero:before { content: ""; } * .fa-money-bill:before { content: ""; } * .fa-money-bill-alt:before { content: ""; } * .fa-money-bill-wave:before { content: ""; } * .fa-money-bill-wave-alt:before { content: ""; } * .fa-money-check:before { content: ""; } * .fa-money-check-alt:before { content: ""; } * .fa-monument:before { content: ""; } * .fa-moon:before { content: ""; } * .fa-mortar-pestle:before { content: ""; } * .fa-mosque:before { content: ""; } * .fa-motorcycle:before { content: ""; } * .fa-mountain:before { content: ""; } * .fa-mouse-pointer:before { content: ""; } * .fa-mug-hot:before { content: ""; } * .fa-music:before { content: ""; } * .fa-napster:before { content: ""; } * .fa-neos:before { content: ""; } * .fa-network-wired:before { content: ""; } * .fa-neuter:before { content: ""; } * .fa-newspaper:before { content: ""; } * .fa-nimblr:before { content: ""; } * .fa-nintendo-switch:before { content: ""; } * .fa-node:before { content: ""; } * .fa-node-js:before { content: ""; } * .fa-not-equal:before { content: ""; } * .fa-notes-medical:before { content: ""; } * .fa-npm:before { content: ""; } * .fa-ns8:before { content: ""; } * .fa-nutritionix:before { content: ""; } * .fa-object-group:before { content: ""; } * .fa-object-ungroup:before { content: ""; } * .fa-odnoklassniki:before { content: ""; } * .fa-odnoklassniki-square:before { content: ""; } * .fa-oil-can:before { content: ""; } * .fa-old-republic:before { content: ""; } * .fa-om:before { content: ""; } * .fa-opencart:before { content: ""; } * .fa-openid:before { content: ""; } * .fa-opera:before { content: ""; } * .fa-optin-monster:before { content: ""; } * .fa-osi:before { content: ""; } * .fa-otter:before { content: ""; } * .fa-outdent:before { content: ""; } * .fa-page4:before { content: ""; } * .fa-pagelines:before { content: ""; } * .fa-paint-brush:before { content: ""; } * .fa-paint-roller:before { content: ""; } * .fa-palette:before { content: ""; } * .fa-palfed:before { content: ""; } * .fa-pallet:before { content: ""; } * .fa-paper-plane:before { content: ""; } * .fa-paperclip:before { content: ""; } * .fa-parachute-box:before { content: ""; } * .fa-paragraph:before { content: ""; } * .fa-parking:before { content: ""; } * .fa-passport:before { content: ""; } * .fa-pastafarianism:before { content: ""; } * .fa-paste:before { content: ""; } * .fa-patreon:before { content: ""; } * .fa-pause:before { content: ""; } * .fa-pause-circle:before { content: ""; } * .fa-paw:before { content: ""; } * .fa-paypal:before { content: ""; } * .fa-peace:before { content: ""; } * .fa-pen:before { content: ""; } * .fa-pen-alt:before { content: ""; } * .fa-pen-fancy:before { content: ""; } * .fa-pen-nib:before { content: ""; } * .fa-pen-square:before { content: ""; } * .fa-pencil-alt:before { content: ""; } * .fa-pencil-ruler:before { content: ""; } * .fa-penny-arcade:before { content: ""; } * .fa-people-carry:before { content: ""; } * .fa-percent:before { content: ""; } * .fa-percentage:before { content: ""; } * .fa-periscope:before { content: ""; } * .fa-person-booth:before { content: ""; } * .fa-phabricator:before { content: ""; } * .fa-phoenix-framework:before { content: ""; } * .fa-phoenix-squadron:before { content: ""; } * .fa-phone:before { content: ""; } * .fa-phone-slash:before { content: ""; } * .fa-phone-square:before { content: ""; } * .fa-phone-volume:before { content: ""; } * .fa-php:before { content: ""; } * .fa-pied-piper:before { content: ""; } * .fa-pied-piper-alt:before { content: ""; } * .fa-pied-piper-hat:before { content: ""; } * .fa-pied-piper-pp:before { content: ""; } * .fa-piggy-bank:before { content: ""; } * .fa-pills:before { content: ""; } * .fa-pinterest:before { content: ""; } * .fa-pinterest-p:before { content: ""; } * .fa-pinterest-square:before { content: ""; } * .fa-place-of-worship:before { content: ""; } * .fa-plane:before { content: ""; } * .fa-plane-arrival:before { content: ""; } * .fa-plane-departure:before { content: ""; } * .fa-play:before { content: ""; } * .fa-play-circle:before { content: ""; } * .fa-playstation:before { content: ""; } * .fa-plug:before { content: ""; } * .fa-plus:before { content: ""; } * .fa-plus-circle:before { content: ""; } * .fa-plus-square:before { content: ""; } * .fa-podcast:before { content: ""; } * .fa-poll:before { content: ""; } * .fa-poll-h:before { content: ""; } * .fa-poo:before { content: ""; } * .fa-poo-storm:before { content: ""; } * .fa-poop:before { content: ""; } * .fa-portrait:before { content: ""; } * .fa-pound-sign:before { content: ""; } * .fa-power-off:before { content: ""; } * .fa-pray:before { content: ""; } * .fa-praying-hands:before { content: ""; } * .fa-prescription:before { content: ""; } * .fa-prescription-bottle:before { content: ""; } * .fa-prescription-bottle-alt:before { content: ""; } * .fa-print:before { content: ""; } * .fa-procedures:before { content: ""; } * .fa-product-hunt:before { content: ""; } * .fa-project-diagram:before { content: ""; } * .fa-pushed:before { content: ""; } * .fa-puzzle-piece:before { content: ""; } * .fa-python:before { content: ""; } * .fa-qq:before { content: ""; } * .fa-qrcode:before { content: ""; } * .fa-question:before { content: ""; } * .fa-question-circle:before { content: ""; } * .fa-quidditch:before { content: ""; } * .fa-quinscape:before { content: ""; } * .fa-quora:before { content: ""; } * .fa-quote-left:before { content: ""; } * .fa-quote-right:before { content: ""; } * .fa-quran:before { content: ""; } * .fa-r-project:before { content: ""; } * .fa-radiation:before { content: ""; } * .fa-radiation-alt:before { content: ""; } * .fa-rainbow:before { content: ""; } * .fa-random:before { content: ""; } * .fa-raspberry-pi:before { content: ""; } * .fa-ravelry:before { content: ""; } * .fa-react:before { content: ""; } * .fa-reacteurope:before { content: ""; } * .fa-readme:before { content: ""; } * .fa-rebel:before { content: ""; } * .fa-receipt:before { content: ""; } * .fa-recycle:before { content: ""; } * .fa-red-river:before { content: ""; } * .fa-reddit:before { content: ""; } * .fa-reddit-alien:before { content: ""; } * .fa-reddit-square:before { content: ""; } * .fa-redhat:before { content: ""; } * .fa-redo:before { content: ""; } * .fa-redo-alt:before { content: ""; } * .fa-registered:before { content: ""; } * .fa-renren:before { content: ""; } * .fa-reply:before { content: ""; } * .fa-reply-all:before { content: ""; } * .fa-replyd:before { content: ""; } * .fa-republican:before { content: ""; } * .fa-researchgate:before { content: ""; } * .fa-resolving:before { content: ""; } * .fa-restroom:before { content: ""; } * .fa-retweet:before { content: ""; } * .fa-rev:before { content: ""; } * .fa-ribbon:before { content: ""; } * .fa-ring:before { content: ""; } * .fa-road:before { content: ""; } * .fa-robot:before { content: ""; } * .fa-rocket:before { content: ""; } * .fa-rocketchat:before { content: ""; } * .fa-rockrms:before { content: ""; } * .fa-route:before { content: ""; } * .fa-rss:before { content: ""; } * .fa-rss-square:before { content: ""; } * .fa-ruble-sign:before { content: ""; } * .fa-ruler:before { content: ""; } * .fa-ruler-combined:before { content: ""; } * .fa-ruler-horizontal:before { content: ""; } * .fa-ruler-vertical:before { content: ""; } * .fa-running:before { content: ""; } * .fa-rupee-sign:before { content: ""; } * .fa-sad-cry:before { content: ""; } * .fa-sad-tear:before { content: ""; } * .fa-safari:before { content: ""; } * .fa-sass:before { content: ""; } * .fa-satellite:before { content: ""; } * .fa-satellite-dish:before { content: ""; } * .fa-save:before { content: ""; } * .fa-schlix:before { content: ""; } * .fa-school:before { content: ""; } * .fa-screwdriver:before { content: ""; } * .fa-scribd:before { content: ""; } * .fa-scroll:before { content: ""; } * .fa-sd-card:before { content: ""; } * .fa-search:before { content: ""; } * .fa-search-dollar:before { content: ""; } * .fa-search-location:before { content: ""; } * .fa-search-minus:before { content: ""; } * .fa-search-plus:before { content: ""; } * .fa-searchengin:before { content: ""; } * .fa-seedling:before { content: ""; } * .fa-sellcast:before { content: ""; } * .fa-sellsy:before { content: ""; } * .fa-server:before { content: ""; } * .fa-servicestack:before { content: ""; } * .fa-shapes:before { content: ""; } * .fa-share:before { content: ""; } * .fa-share-alt:before { content: ""; } * .fa-share-alt-square:before { content: ""; } * .fa-share-square:before { content: ""; } * .fa-shekel-sign:before { content: ""; } * .fa-shield-alt:before { content: ""; } * .fa-ship:before { content: ""; } * .fa-shipping-fast:before { content: ""; } * .fa-shirtsinbulk:before { content: ""; } * .fa-shoe-prints:before { content: ""; } * .fa-shopping-bag:before { content: ""; } * .fa-shopping-basket:before { content: ""; } * .fa-shopping-cart:before { content: ""; } * .fa-shopware:before { content: ""; } * .fa-shower:before { content: ""; } * .fa-shuttle-van:before { content: ""; } * .fa-sign:before { content: ""; } * .fa-sign-in-alt:before { content: ""; } * .fa-sign-language:before { content: ""; } * .fa-sign-out-alt:before { content: ""; } * .fa-signal:before { content: ""; } * .fa-signature:before { content: ""; } * .fa-sim-card:before { content: ""; } * .fa-simplybuilt:before { content: ""; } * .fa-sistrix:before { content: ""; } * .fa-sitemap:before { content: ""; } * .fa-sith:before { content: ""; } * .fa-skating:before { content: ""; } * .fa-sketch:before { content: ""; } * .fa-skiing:before { content: ""; } * .fa-skiing-nordic:before { content: ""; } * .fa-skull:before { content: ""; } * .fa-skull-crossbones:before { content: ""; } * .fa-skyatlas:before { content: ""; } * .fa-skype:before { content: ""; } * .fa-slack:before { content: ""; } * .fa-slack-hash:before { content: ""; } * .fa-slash:before { content: ""; } * .fa-sleigh:before { content: ""; } * .fa-sliders-h:before { content: ""; } * .fa-slideshare:before { content: ""; } * .fa-smile:before { content: ""; } * .fa-smile-beam:before { content: ""; } * .fa-smile-wink:before { content: ""; } * .fa-smog:before { content: ""; } * .fa-smoking:before { content: ""; } * .fa-smoking-ban:before { content: ""; } * .fa-sms:before { content: ""; } * .fa-snapchat:before { content: ""; } * .fa-snapchat-ghost:before { content: ""; } * .fa-snapchat-square:before { content: ""; } * .fa-snowboarding:before { content: ""; } * .fa-snowflake:before { content: ""; } * .fa-snowman:before { content: ""; } * .fa-snowplow:before { content: ""; } * .fa-socks:before { content: ""; } * .fa-solar-panel:before { content: ""; } * .fa-sort:before { content: ""; } * .fa-sort-alpha-down:before { content: ""; } * .fa-sort-alpha-up:before { content: ""; } * .fa-sort-amount-down:before { content: ""; } * .fa-sort-amount-up:before { content: ""; } * .fa-sort-down:before { content: ""; } * .fa-sort-numeric-down:before { content: ""; } * .fa-sort-numeric-up:before { content: ""; } * .fa-sort-up:before { content: ""; } * .fa-soundcloud:before { content: ""; } * .fa-sourcetree:before { content: ""; } * .fa-spa:before { content: ""; } * .fa-space-shuttle:before { content: ""; } * .fa-speakap:before { content: ""; } * .fa-spider:before { content: ""; } * .fa-spinner:before { content: ""; } * .fa-splotch:before { content: ""; } * .fa-spotify:before { content: ""; } * .fa-spray-can:before { content: ""; } * .fa-square:before { content: ""; } * .fa-square-full:before { content: ""; } * .fa-square-root-alt:before { content: ""; } * .fa-squarespace:before { content: ""; } * .fa-stack-exchange:before { content: ""; } * .fa-stack-overflow:before { content: ""; } * .fa-stamp:before { content: ""; } * .fa-star:before { content: ""; } * .fa-star-and-crescent:before { content: ""; } * .fa-star-half:before { content: ""; } * .fa-star-half-alt:before { content: ""; } * .fa-star-of-david:before { content: ""; } * .fa-star-of-life:before { content: ""; } * .fa-staylinked:before { content: ""; } * .fa-steam:before { content: ""; } * .fa-steam-square:before { content: ""; } * .fa-steam-symbol:before { content: ""; } * .fa-step-backward:before { content: ""; } * .fa-step-forward:before { content: ""; } * .fa-stethoscope:before { content: ""; } * .fa-sticker-mule:before { content: ""; } * .fa-sticky-note:before { content: ""; } * .fa-stop:before { content: ""; } * .fa-stop-circle:before { content: ""; } * .fa-stopwatch:before { content: ""; } * .fa-store:before { content: ""; } * .fa-store-alt:before { content: ""; } * .fa-strava:before { content: ""; } * .fa-stream:before { content: ""; } * .fa-street-view:before { content: ""; } * .fa-strikethrough:before { content: ""; } * .fa-stripe:before { content: ""; } * .fa-stripe-s:before { content: ""; } * .fa-stroopwafel:before { content: ""; } * .fa-studiovinari:before { content: ""; } * .fa-stumbleupon:before { content: ""; } * .fa-stumbleupon-circle:before { content: ""; } * .fa-subscript:before { content: ""; } * .fa-subway:before { content: ""; } * .fa-suitcase:before { content: ""; } * .fa-suitcase-rolling:before { content: ""; } * .fa-sun:before { content: ""; } * .fa-superpowers:before { content: ""; } * .fa-superscript:before { content: ""; } * .fa-supple:before { content: ""; } * .fa-surprise:before { content: ""; } * .fa-suse:before { content: ""; } * .fa-swatchbook:before { content: ""; } * .fa-swimmer:before { content: ""; } * .fa-swimming-pool:before { content: ""; } * .fa-synagogue:before { content: ""; } * .fa-sync:before { content: ""; } * .fa-sync-alt:before { content: ""; } * .fa-syringe:before { content: ""; } * .fa-table:before { content: ""; } * .fa-table-tennis:before { content: ""; } * .fa-tablet:before { content: ""; } * .fa-tablet-alt:before { content: ""; } * .fa-tablets:before { content: ""; } * .fa-tachometer-alt:before { content: ""; } * .fa-tag:before { content: ""; } * .fa-tags:before { content: ""; } * .fa-tape:before { content: ""; } * .fa-tasks:before { content: ""; } * .fa-taxi:before { content: ""; } * .fa-teamspeak:before { content: ""; } * .fa-teeth:before { content: ""; } * .fa-teeth-open:before { content: ""; } * .fa-telegram:before { content: ""; } * .fa-telegram-plane:before { content: ""; } * .fa-temperature-high:before { content: ""; } * .fa-temperature-low:before { content: ""; } * .fa-tencent-weibo:before { content: ""; } * .fa-tenge:before { content: ""; } * .fa-terminal:before { content: ""; } * .fa-text-height:before { content: ""; } * .fa-text-width:before { content: ""; } * .fa-th:before { content: ""; } * .fa-th-large:before { content: ""; } * .fa-th-list:before { content: ""; } * .fa-the-red-yeti:before { content: ""; } * .fa-theater-masks:before { content: ""; } * .fa-themeco:before { content: ""; } * .fa-themeisle:before { content: ""; } * .fa-thermometer:before { content: ""; } * .fa-thermometer-empty:before { content: ""; } * .fa-thermometer-full:before { content: ""; } * .fa-thermometer-half:before { content: ""; } * .fa-thermometer-quarter:before { content: ""; } * .fa-thermometer-three-quarters:before { content: ""; } * .fa-think-peaks:before { content: ""; } * .fa-thumbs-down:before { content: ""; } * .fa-thumbs-up:before { content: ""; } * .fa-thumbtack:before { content: ""; } * .fa-ticket-alt:before { content: ""; } * .fa-times:before { content: ""; } * .fa-times-circle:before { content: ""; } * .fa-tint:before { content: ""; } * .fa-tint-slash:before { content: ""; } * .fa-tired:before { content: ""; } * .fa-toggle-off:before { content: ""; } * .fa-toggle-on:before { content: ""; } * .fa-toilet:before { content: ""; } * .fa-toilet-paper:before { content: ""; } * .fa-toolbox:before { content: ""; } * .fa-tools:before { content: ""; } * .fa-tooth:before { content: ""; } * .fa-torah:before { content: ""; } * .fa-torii-gate:before { content: ""; } * .fa-tractor:before { content: ""; } * .fa-trade-federation:before { content: ""; } * .fa-trademark:before { content: ""; } * .fa-traffic-light:before { content: ""; } * .fa-train:before { content: ""; } * .fa-tram:before { content: ""; } * .fa-transgender:before { content: ""; } * .fa-transgender-alt:before { content: ""; } * .fa-trash:before { content: ""; } * .fa-trash-alt:before { content: ""; } * .fa-tree:before { content: ""; } * .fa-trello:before { content: ""; } * .fa-tripadvisor:before { content: ""; } * .fa-trophy:before { content: ""; } * .fa-truck:before { content: ""; } * .fa-truck-loading:before { content: ""; } * .fa-truck-monster:before { content: ""; } * .fa-truck-moving:before { content: ""; } * .fa-truck-pickup:before { content: ""; } * .fa-tshirt:before { content: ""; } * .fa-tty:before { content: ""; } * .fa-tumblr:before { content: ""; } * .fa-tumblr-square:before { content: ""; } * .fa-tv:before { content: ""; } * .fa-twitch:before { content: ""; } * .fa-twitter:before { content: ""; } * .fa-twitter-square:before { content: ""; } * .fa-typo3:before { content: ""; } * .fa-uber:before { content: ""; } * .fa-ubuntu:before { content: ""; } * .fa-uikit:before { content: ""; } * .fa-umbrella:before { content: ""; } * .fa-umbrella-beach:before { content: ""; } * .fa-underline:before { content: ""; } * .fa-undo:before { content: ""; } * .fa-undo-alt:before { content: ""; } * .fa-uniregistry:before { content: ""; } * .fa-universal-access:before { content: ""; } * .fa-university:before { content: ""; } * .fa-unlink:before { content: ""; } * .fa-unlock:before { content: ""; } * .fa-unlock-alt:before { content: ""; } * .fa-untappd:before { content: ""; } * .fa-upload:before { content: ""; } * .fa-ups:before { content: ""; } * .fa-usb:before { content: ""; } * .fa-user:before { content: ""; } * .fa-user-alt:before { content: ""; } * .fa-user-alt-slash:before { content: ""; } * .fa-user-astronaut:before { content: ""; } * .fa-user-check:before { content: ""; } * .fa-user-circle:before { content: ""; } * .fa-user-clock:before { content: ""; } * .fa-user-cog:before { content: ""; } * .fa-user-edit:before { content: ""; } * .fa-user-friends:before { content: ""; } * .fa-user-graduate:before { content: ""; } * .fa-user-injured:before { content: ""; } * .fa-user-lock:before { content: ""; } * .fa-user-md:before { content: ""; } * .fa-user-minus:before { content: ""; } * .fa-user-ninja:before { content: ""; } * .fa-user-plus:before { content: ""; } * .fa-user-secret:before { content: ""; } * .fa-user-shield:before { content: ""; } * .fa-user-slash:before { content: ""; } * .fa-user-tag:before { content: ""; } * .fa-user-tie:before { content: ""; } * .fa-user-times:before { content: ""; } * .fa-users:before { content: ""; } * .fa-users-cog:before { content: ""; } * .fa-usps:before { content: ""; } * .fa-ussunnah:before { content: ""; } * .fa-utensil-spoon:before { content: ""; } * .fa-utensils:before { content: ""; } * .fa-vaadin:before { content: ""; } * .fa-vector-square:before { content: ""; } * .fa-venus:before { content: ""; } * .fa-venus-double:before { content: ""; } * .fa-venus-mars:before { content: ""; } * .fa-viacoin:before { content: ""; } * .fa-viadeo:before { content: ""; } * .fa-viadeo-square:before { content: ""; } * .fa-vial:before { content: ""; } * .fa-vials:before { content: ""; } * .fa-viber:before { content: ""; } * .fa-video:before { content: ""; } * .fa-video-slash:before { content: ""; } * .fa-vihara:before { content: ""; } * .fa-vimeo:before { content: ""; } * .fa-vimeo-square:before { content: ""; } * .fa-vimeo-v:before { content: ""; } * .fa-vine:before { content: ""; } * .fa-vk:before { content: ""; } * .fa-vnv:before { content: ""; } * .fa-volleyball-ball:before { content: ""; } * .fa-volume-down:before { content: ""; } * .fa-volume-mute:before { content: ""; } * .fa-volume-off:before { content: ""; } * .fa-volume-up:before { content: ""; } * .fa-vote-yea:before { content: ""; } * .fa-vr-cardboard:before { content: ""; } * .fa-vuejs:before { content: ""; } * .fa-walking:before { content: ""; } * .fa-wallet:before { content: ""; } * .fa-warehouse:before { content: ""; } * .fa-water:before { content: ""; } * .fa-weebly:before { content: ""; } * .fa-weibo:before { content: ""; } * .fa-weight:before { content: ""; } * .fa-weight-hanging:before { content: ""; } * .fa-weixin:before { content: ""; } * .fa-whatsapp:before { content: ""; } * .fa-whatsapp-square:before { content: ""; } * .fa-wheelchair:before { content: ""; } * .fa-whmcs:before { content: ""; } * .fa-wifi:before { content: ""; } * .fa-wikipedia-w:before { content: ""; } * .fa-wind:before { content: ""; } * .fa-window-close:before { content: ""; } * .fa-window-maximize:before { content: ""; } * .fa-window-minimize:before { content: ""; } * .fa-window-restore:before { content: ""; } * .fa-windows:before { content: ""; } * .fa-wine-bottle:before { content: ""; } * .fa-wine-glass:before { content: ""; } * .fa-wine-glass-alt:before { content: ""; } * .fa-wix:before { content: ""; } * .fa-wizards-of-the-coast:before { content: ""; } * .fa-wolf-pack-battalion:before { content: ""; } * .fa-won-sign:before { content: ""; } * .fa-wordpress:before { content: ""; } * .fa-wordpress-simple:before { content: ""; } * .fa-wpbeginner:before { content: ""; } * .fa-wpexplorer:before { content: ""; } * .fa-wpforms:before { content: ""; } * .fa-wpressr:before { content: ""; } * .fa-wrench:before { content: ""; } * .fa-x-ray:before { content: ""; } * .fa-xbox:before { content: ""; } * .fa-xing:before { content: ""; } * .fa-xing-square:before { content: ""; } * .fa-y-combinator:before { content: ""; } * .fa-yahoo:before { content: ""; } * .fa-yandex:before { content: ""; } * .fa-yandex-international:before { content: ""; } * .fa-yarn:before { content: ""; } * .fa-yelp:before { content: ""; } * .fa-yen-sign:before { content: ""; } * .fa-yin-yang:before { content: ""; } * .fa-yoast:before { content: ""; } * .fa-youtube:before { content: ""; } * .fa-youtube-square:before { content: ""; } * .fa-zhihu:before { content: ""; } * .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } * .sr-only-focusable:active, * .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: Font Awesome\ 5 Free; font-style: normal; font-weight: 900; src: url(assets/fonts/webfonts/fa-solid-900.woff2) format("woff2"), url(assets/fonts/webfonts/fa-solid-900.woff) format("woff"); } .fa, .fas { font-family: Font Awesome\ 5 Free; font-weight: 900; } @font-face { font-family: pficon; src: url(assets/pficon/pficon.woff2) format("woff2"), url(assets/pficon/pficon.woff) format("woff"); } .pf-icon-add-circle-o:before, .pf-icon-ansible-tower:before, .pf-icon-applications:before, .pf-icon-arrow:before, .pf-icon-asleep:before, .pf-icon-attention-bell:before, .pf-icon-automation:before, .pf-icon-bell:before, .pf-icon-blueprint:before, .pf-icon-build:before, .pf-icon-builder-image:before, .pf-icon-bundle:before, .pf-icon-catalog:before, .pf-icon-chat:before, .pf-icon-close:before, .pf-icon-cloud-security:before, .pf-icon-cloud-tenant:before, .pf-icon-cluster:before, .pf-icon-connected:before, .pf-icon-container-node:before, .pf-icon-cpu:before, .pf-icon-degraded:before, .pf-icon-disconnected:before, .pf-icon-domain:before, .pf-icon-edit:before, .pf-icon-enhancement:before, .pf-icon-enterprise:before, .pf-icon-equalizer:before, .pf-icon-error-circle-o:before, .pf-icon-export:before, .pf-icon-filter:before, .pf-icon-flavor:before, .pf-icon-folder-close:before, .pf-icon-folder-open:before, .pf-icon-globe-route:before, .pf-icon-help:before, .pf-icon-history:before, .pf-icon-home:before, .pf-icon-import:before, .pf-icon-in-progress:before, .pf-icon-info:before, .pf-icon-infrastructure:before, .pf-icon-integration:before, .pf-icon-key:before, .pf-icon-locked:before, .pf-icon-maintenance:before, .pf-icon-memory:before, .pf-icon-messages:before, .pf-icon-middleware:before, .pf-icon-migration:before, .pf-icon-module:before, .pf-icon-monitoring:before, .pf-icon-namespaces:before, .pf-icon-network:before, .pf-icon-new-process:before, .pf-icon-not-started:before, .pf-icon-off:before, .pf-icon-ok:before, .pf-icon-on-running:before, .pf-icon-on:before, .pf-icon-openshift:before, .pf-icon-openstack:before, .pf-icon-optimize:before, .pf-icon-orders:before, .pf-icon-os-image:before, .pf-icon-package:before, .pf-icon-panel-close:before, .pf-icon-panel-open:before, .pf-icon-paused:before, .pf-icon-pending:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pficon-history:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-template:before, .pf-icon-pficon-vcenter:before, .pf-icon-plugged:before, .pf-icon-port:before, .pf-icon-print:before, .pf-icon-private:before, .pf-icon-process-automation:before, .pf-icon-project:before, .pf-icon-rebalance:before, .pf-icon-rebooting:before, .pf-icon-regions:before, .pf-icon-registry:before, .pf-icon-remove2:before, .pf-icon-replicator:before, .pf-icon-repository:before, .pf-icon-resource-pool:before, .pf-icon-resources-almost-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-full:before, .pf-icon-running:before, .pf-icon-save:before, .pf-icon-screen:before, .pf-icon-security:before, .pf-icon-server-group:before, .pf-icon-server:before, .pf-icon-service-catalog:before, .pf-icon-service:before, .pf-icon-services:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-storage-domain:before, .pf-icon-task:before, .pf-icon-tenant:before, .pf-icon-thumb-tack:before, .pf-icon-topology:before, .pf-icon-trend-down:before, .pf-icon-trend-up:before, .pf-icon-unknown:before, .pf-icon-unlocked:before, .pf-icon-unplugged:before, .pf-icon-user:before, .pf-icon-users:before, .pf-icon-virtual-machine:before, .pf-icon-volume:before, .pf-icon-warning-triangle:before, .pf-icon-zone:before { font-family: pficon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none; } .pf-icon-add-circle-o:before { content: ""; } .pf-icon-ansible-tower:before { content: ""; } .pf-icon-applications:before { content: ""; } .pf-icon-arrow:before { content: ""; } .pf-icon-asleep:before { content: ""; } .pf-icon-attention-bell:before { content: ""; } .pf-icon-automation:before { content: ""; } .pf-icon-bell:before { content: ""; } .pf-icon-blueprint:before { content: ""; } .pf-icon-build:before { content: ""; } .pf-icon-builder-image:before { content: ""; } .pf-icon-bundle:before { content: ""; } .pf-icon-catalog:before { content: ""; } .pf-icon-chat:before { content: ""; } .pf-icon-close:before { content: ""; } .pf-icon-cloud-security:before { content: ""; } .pf-icon-cloud-tenant:before { content: ""; } .pf-icon-cluster:before { content: ""; } .pf-icon-connected:before { content: ""; } .pf-icon-container-node:before { content: ""; } .pf-icon-cpu:before { content: ""; } .pf-icon-degraded:before { content: ""; } .pf-icon-disconnected:before { content: ""; } .pf-icon-domain:before { content: ""; } .pf-icon-edit:before { content: ""; } .pf-icon-enhancement:before { content: ""; } .pf-icon-enterprise:before { content: ""; } .pf-icon-equalizer:before { content: ""; } .pf-icon-error-circle-o:before { content: ""; } .pf-icon-export:before { content: ""; } .pf-icon-filter:before { content: ""; } .pf-icon-flavor:before { content: ""; } .pf-icon-folder-close:before { content: ""; } .pf-icon-folder-open:before { content: ""; } .pf-icon-globe-route:before { content: ""; } .pf-icon-help:before { content: ""; } .pf-icon-history:before { content: ""; } .pf-icon-home:before { content: ""; } .pf-icon-import:before { content: ""; } .pf-icon-in-progress:before { content: ""; } .pf-icon-info:before { content: ""; } .pf-icon-infrastructure:before { content: ""; } .pf-icon-integration:before { content: ""; } .pf-icon-key:before { content: ""; } .pf-icon-locked:before { content: ""; } .pf-icon-maintenance:before { content: ""; } .pf-icon-memory:before { content: ""; } .pf-icon-messages:before { content: ""; } .pf-icon-middleware:before { content: ""; } .pf-icon-migration:before { content: ""; } .pf-icon-module:before { content: ""; } .pf-icon-monitoring:before { content: ""; } .pf-icon-namespaces:before { content: ""; } .pf-icon-network:before { content: ""; } .pf-icon-new-process:before { content: ""; } .pf-icon-not-started:before { content: ""; } .pf-icon-off:before { content: ""; } .pf-icon-ok:before { content: ""; } .pf-icon-on-running:before { content: ""; } .pf-icon-on:before { content: ""; } .pf-icon-openshift:before { content: ""; } .pf-icon-openstack:before { content: ""; } .pf-icon-optimize:before { content: ""; } .pf-icon-orders:before { content: ""; } .pf-icon-os-image:before { content: ""; } .pf-icon-package:before { content: ""; } .pf-icon-panel-close:before { content: ""; } .pf-icon-panel-open:before { content: ""; } .pf-icon-paused:before { content: ""; } .pf-icon-pending:before { content: ""; } .pf-icon-pficon-dragdrop:before { content: ""; } .pf-icon-pficon-history:before { content: ""; } .pf-icon-pficon-network-range:before { content: ""; } .pf-icon-pficon-satellite:before { content: ""; } .pf-icon-pficon-sort-common-asc:before { content: ""; } .pf-icon-pficon-sort-common-desc:before { content: ""; } .pf-icon-pficon-template:before { content: ""; } .pf-icon-pficon-vcenter:before { content: ""; } .pf-icon-plugged:before { content: ""; } .pf-icon-port:before { content: ""; } .pf-icon-print:before { content: ""; } .pf-icon-private:before { content: ""; } .pf-icon-process-automation:before { content: ""; } .pf-icon-project:before { content: ""; } .pf-icon-rebalance:before { content: ""; } .pf-icon-rebooting:before { content: ""; } .pf-icon-regions:before { content: ""; } .pf-icon-registry:before { content: ""; } .pf-icon-remove2:before { content: ""; } .pf-icon-replicator:before { content: ""; } .pf-icon-repository:before { content: ""; } .pf-icon-resource-pool:before { content: ""; } .pf-icon-resources-almost-empty:before { content: ""; } .pf-icon-resources-almost-full:before { content: ""; } .pf-icon-resources-empty:before { content: ""; } .pf-icon-resources-full:before { content: ""; } .pf-icon-running:before { content: ""; } .pf-icon-save:before { content: ""; } .pf-icon-screen:before { content: ""; } .pf-icon-security:before { content: ""; } .pf-icon-server-group:before { content: ""; } .pf-icon-server:before { content: ""; } .pf-icon-service-catalog:before { content: ""; } .pf-icon-service:before { content: ""; } .pf-icon-services:before { content: ""; } .pf-icon-spinner:before { content: ""; } .pf-icon-spinner2:before { content: ""; } .pf-icon-storage-domain:before { content: ""; } .pf-icon-task:before { content: ""; } .pf-icon-tenant:before { content: ""; } .pf-icon-thumb-tack:before { content: ""; } .pf-icon-topology:before { content: ""; } .pf-icon-trend-down:before { content: ""; } .pf-icon-trend-up:before { content: ""; } .pf-icon-unknown:before { content: ""; } .pf-icon-unlocked:before { content: ""; } .pf-icon-unplugged:before { content: ""; } .pf-icon-user:before { content: ""; } .pf-icon-users:before { content: ""; } .pf-icon-virtual-machine:before { content: ""; } .pf-icon-volume:before { content: ""; } .pf-icon-warning-triangle:before { content: ""; } .pf-icon-zone:before { content: ""; } .pf-c-about-modal-box { --pf-c-about-modal-box--BackgroundColor:var(--pf-global--palette--black-1000); --pf-c-about-modal-box--BoxShadow:0 0 100px 0 hsla(0,0%,100%,0.05); --pf-c-about-modal-box--ZIndex:var(--pf-global--ZIndex--xl); --pf-c-about-modal-box--Height:100%; --pf-c-about-modal-box--lg--Height:47.625rem; --pf-c-about-modal-box--lg--MaxHeight:calc(100% - var(--pf-global--spacer--xl)); --pf-c-about-modal-box--Width:100vw; --pf-c-about-modal-box--lg--Width:calc(100% - var(--pf-global--spacer--3xl)*2); --pf-c-about-modal-box--lg--MaxWidth:77rem; --pf-c-about-modal-box--PaddingTop:var(--pf-global--spacer--xl); --pf-c-about-modal-box--PaddingRight:var(--pf-global--spacer--xl); --pf-c-about-modal-box--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-about-modal-box--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-about-modal-box--sm--PaddingTop:var(--pf-global--spacer--3xl); --pf-c-about-modal-box--sm--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-about-modal-box--sm--PaddingBottom:var(--pf-global--spacer--3xl); --pf-c-about-modal-box--sm--PaddingLeft:var(--pf-global--spacer--3xl); --pf-c-about-modal-box--sm--grid-template-columns:5fr 1fr; --pf-c-about-modal-box--lg--grid-template-columns:1fr .6fr; --pf-c-about-modal-box__brand--PaddingTop:var(--pf-global--spacer--2xl); --pf-c-about-modal-box__brand--PaddingRight:var(--pf-global--spacer--xl); --pf-c-about-modal-box__brand--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-about-modal-box__brand--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-about-modal-box__brand--sm--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__brand--sm--PaddingLeft:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__brand--sm--PaddingBottom:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__close--ZIndex:var(--pf-global--ZIndex--2xl); --pf-c-about-modal-box__close--PaddingTop:var(--pf-global--spacer--2xl); --pf-c-about-modal-box__close--PaddingRight:var(--pf-global--spacer--xl); --pf-c-about-modal-box__close--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-about-modal-box__close--sm--PaddingBottom:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__close--sm--PaddingRight:0; --pf-c-about-modal-box__close--lg--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__close--c-button--Color:var(--pf-global--Color--100); --pf-c-about-modal-box__close--c-button--FontSize:var(--pf-global--FontSize--xl); --pf-c-about-modal-box__close--c-button--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-about-modal-box__close--c-button--Width:calc(var(--pf-c-about-modal-box__close--c-button--FontSize)*2); --pf-c-about-modal-box__close--c-button--Height:calc(var(--pf-c-about-modal-box__close--c-button--FontSize)*2); --pf-c-about-modal-box__close--c-button--BackgroundColor:var(--pf-global--palette--black-1000); --pf-c-about-modal-box__close--c-button--hover--BackgroundColor:rgba(3,3,3,0.4); --pf-c-about-modal-box__hero--sm--BackgroundImage:url(assets/images/pfbg_992@2x.jpg); --pf-c-about-modal-box__hero--sm--BackgroundPosition:top left; --pf-c-about-modal-box__hero--sm--BackgroundSize:cover; --pf-c-about-modal-box__brand-image--Height:2.5rem; --pf-c-about-modal-box__header--PaddingRight:var(--pf-global--spacer--xl); --pf-c-about-modal-box__header--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-about-modal-box__header--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-about-modal-box__header--sm--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__header--sm--PaddingLeft:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__strapline--PaddingTop:var(--pf-global--spacer--xl); --pf-c-about-modal-box__strapline--FontSize:var(--pf-global--FontSize--sm); --pf-c-about-modal-box__strapline--sm--PaddingTop:var(--pf-global--spacer--2xl); --pf-c-about-modal-box__content--MarginTop:var(--pf-global--spacer--xl); --pf-c-about-modal-box__content--MarginRight:var(--pf-global--spacer--xl); --pf-c-about-modal-box__content--MarginBottom:var(--pf-global--spacer--xl); --pf-c-about-modal-box__content--MarginLeft:var(--pf-global--spacer--xl); --pf-c-about-modal-box__content--sm--MarginTop:var(--pf-global--spacer--2xl); --pf-c-about-modal-box__content--sm--MarginRight:var(--pf-global--spacer--3xl); --pf-c-about-modal-box__content--sm--MarginBottom:var(--pf-global--spacer--2xl); --pf-c-about-modal-box__content--sm--MarginLeft:var(--pf-global--spacer--3xl); color: var(--pf-global--Color--100); position: relative; z-index: var(--pf-c-about-modal-box--ZIndex); display: grid; grid-template-rows: max-content max-content auto; grid-template-areas: "brand close" "header header" "content content"; width: var(--pf-c-about-modal-box--Width); height: var(--pf-c-about-modal-box--Height); overflow-x: hidden; overflow-y: auto; background-color: var(--pf-c-about-modal-box--BackgroundColor); box-shadow: var(--pf-c-about-modal-box--BoxShadow); } @media screen and (min-width:576px) { .pf-c-about-modal-box { --pf-c-about-modal-box--PaddingTop:var(--pf-c-about-modal-box--sm--PaddingTop); --pf-c-about-modal-box--PaddingRight:var(--pf-c-about-modal-box--sm--PaddingRight); --pf-c-about-modal-box--PaddingBottom:var(--pf-c-about-modal-box--sm--PaddingBottom); --pf-c-about-modal-box--PaddingLeft:var(--pf-c-about-modal-box--sm--PaddingLeft); --pf-c-about-modal-box__brand--PaddingRight:var(--pf-c-about-modal-box__brand--sm--PaddingRight); --pf-c-about-modal-box__brand--PaddingLeft:var(--pf-c-about-modal-box__brand--sm--PaddingLeft); --pf-c-about-modal-box__brand--PaddingBottom:var(--pf-c-about-modal-box__brand--sm--PaddingBottom); } } @media only screen and (min-width:576px) { .pf-c-about-modal-box { --pf-c-about-modal-box__close--PaddingRight:var(--pf-c-about-modal-box__close--sm--PaddingRight); --pf-c-about-modal-box__close--PaddingBottom:var(--pf-c-about-modal-box__close--sm--PaddingBottom); } } @media only screen and (min-width:992px) { .pf-c-about-modal-box { --pf-c-about-modal-box__close--PaddingRight:var(--pf-c-about-modal-box__close--lg--PaddingRight); } } @media only screen and (min-width:576px) { .pf-c-about-modal-box { --pf-c-about-modal-box__header--PaddingRight:var(--pf-c-about-modal-box__header--sm--PaddingRight); --pf-c-about-modal-box__header--PaddingLeft:var(--pf-c-about-modal-box__header--sm--PaddingLeft); --pf-c-about-modal-box__strapline--PaddingTop:var(--pf-c-about-modal-box__strapline--sm--PaddingTop); --pf-c-about-modal-box__content--MarginTop:var(--pf-c-about-modal-box__content--sm--MarginTop); --pf-c-about-modal-box__content--MarginRight:var(--pf-c-about-modal-box__content--sm--MarginRight); --pf-c-about-modal-box__content--MarginBottom:var(--pf-c-about-modal-box__content--sm--MarginBottom); --pf-c-about-modal-box__content--MarginLeft:var(--pf-c-about-modal-box__content--sm--MarginLeft); grid-template-columns: var(--pf-c-about-modal-box--sm--grid-template-columns); grid-template-areas: "brand hero" "header hero" "content hero"; } } @media only screen and (min-width:992px) { .pf-c-about-modal-box { --pf-c-about-modal-box--Height:var(--pf-c-about-modal-box--lg--Height); --pf-c-about-modal-box--Width:var(--pf-c-about-modal-box--lg--Width); grid-template-columns: var(--pf-c-about-modal-box--lg--grid-template-columns); grid-template-rows: max-content max-content auto; max-width: var(--pf-c-about-modal-box--lg--MaxWidth); max-height: var(--pf-c-about-modal-box--lg--MaxHeight); } } .pf-c-about-modal-box__brand { grid-area: brand; display: flex; padding: var(--pf-c-about-modal-box__brand--PaddingTop) var(--pf-c-about-modal-box__brand--PaddingRight) var(--pf-c-about-modal-box__brand--PaddingBottom) var(--pf-c-about-modal-box__brand--PaddingLeft); } .pf-c-about-modal-box__brand-image { height: var(--pf-c-about-modal-box__brand-image--Height); } .pf-c-about-modal-box__header { grid-area: header; display: flex; flex-direction: column; padding-right: var(--pf-c-about-modal-box__header--PaddingRight); padding-bottom: var(--pf-c-about-modal-box__header--PaddingBottom); padding-left: var(--pf-c-about-modal-box__header--PaddingLeft); } .pf-c-about-modal-box__strapline { padding-top: var(--pf-c-about-modal-box__strapline--PaddingTop); margin-top: auto; font-size: var(--pf-c-about-modal-box__strapline--FontSize); } .pf-c-about-modal-box__content { display: flex; flex-direction: column; grid-area: content; margin: var(--pf-c-about-modal-box__content--MarginTop) var(--pf-c-about-modal-box__content--MarginRight) var(--pf-c-about-modal-box__content--MarginBottom) var(--pf-c-about-modal-box__content--MarginLeft); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; word-break: break-word; } @media screen and (min-width:576px) { .pf-c-about-modal-box__content { overflow: visible; overscroll-behavior: auto; } } .pf-c-about-modal-box__close { grid-area: close; position: sticky; top: 0; display: flex; align-items: flex-start; justify-content: flex-end; padding-top: var(--pf-c-about-modal-box__close--PaddingTop); padding-right: var(--pf-c-about-modal-box__close--PaddingRight); padding-bottom: var(--pf-c-about-modal-box__close--PaddingBottom); } @media only screen and (min-width:576px) { .pf-c-about-modal-box__close { grid-area: 1/2; justify-content: center; } } @media only screen and (min-width:992px) { .pf-c-about-modal-box__close { justify-content: flex-end; } } .pf-c-about-modal-box__close .pf-c-button.pf-m-plain { display: flex; align-items: center; justify-content: center; width: var(--pf-c-about-modal-box__close--c-button--Width); height: var(--pf-c-about-modal-box__close--c-button--Height); font-size: var(--pf-c-about-modal-box__close--c-button--FontSize); color: var(--pf-c-about-modal-box__close--c-button--Color); background-color: var(--pf-c-about-modal-box__close--c-button--BackgroundColor); border-radius: var(--pf-c-about-modal-box__close--c-button--BorderRadius); } .pf-c-about-modal-box__close .pf-c-button.pf-m-plain:hover { --pf-c-about-modal-box__close--c-button--BackgroundColor:var(--pf-c-about-modal-box__close--c-button--hover--BackgroundColor); } .pf-c-about-modal-box__hero { display: none; visibility: hidden; } @media only screen and (min-width:576px) { .pf-c-about-modal-box__hero { display: block; visibility: visible; background-image: var(--pf-c-about-modal-box__hero--sm--BackgroundImage); background-repeat: no-repeat; background-attachment: fixed; background-position: var(--pf-c-about-modal-box__hero--sm--BackgroundPosition); background-size: var(--pf-c-about-modal-box__hero--sm--BackgroundSize); grid-area: hero; } } .pf-c-accordion { --pf-c-accordion--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--sm); --pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-accordion__toggle--before--BackgroundColor:transparent; --pf-c-accordion__toggle--before--Top:0; --pf-c-accordion__toggle--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-accordion__toggle--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-accordion__toggle--active--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-accordion__toggle--before--Width:var(--pf-global--BorderWidth--lg); --pf-c-accordion__toggle--m-expanded--before--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-accordion__toggle-text--MaxWidth:calc(100% - var(--pf-global--spacer--lg)); --pf-c-accordion__toggle--hover__toggle-text--Color:var(--pf-global--link--Color); --pf-c-accordion__toggle--active__toggle-text--Color:var(--pf-global--link--Color); --pf-c-accordion__toggle--active__toggle-text--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-accordion__toggle--focus__toggle-text--Color:var(--pf-global--link--Color); --pf-c-accordion__toggle--focus__toggle-text--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-accordion__toggle--m-expanded__toggle-text--Color:var(--pf-global--link--Color); --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-accordion__toggle-icon--Transition:.2s ease-in 0s; --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate:90deg; --pf-c-accordion__expanded-content--Color:var(--pf-global--Color--200); --pf-c-accordion__expanded-content--FontSize:var(--pf-global--FontSize--sm); --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-accordion__expanded-content--m-fixed--MaxHeight:9.375rem; --pf-c-accordion__expanded-content-body--PaddingTop:var(--pf-global--spacer--sm); --pf-c-accordion__expanded-content-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-accordion__expanded-content-body--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-accordion__expanded-content-body--PaddingLeft:var(--pf-global--spacer--md); --pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop:0; --pf-c-accordion__expanded-content-body--before--BackgroundColor:transparent; --pf-c-accordion__expanded-content-body--before--Width:var(--pf-global--BorderWidth--lg); --pf-c-accordion__expanded-content-body--before--Top:0; --pf-c-accordion--m-display-lg__toggle--PaddingTop:var(--pf-global--spacer--md); --pf-c-accordion--m-display-lg__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-accordion--m-display-lg__toggle--PaddingBottom:var(--pf-global--spacer--md); --pf-c-accordion--m-display-lg__toggle--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-accordion--m-display-lg__toggle--FontFamily:var(--pf-global--FontFamily--heading--sans-serif); --pf-c-accordion--m-display-lg__toggle--FontSize:var(--pf-global--FontSize--xl); --pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color:var(--pf-global--Color--100); --pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color:var(--pf-global--Color--100); --pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color:var(--pf-global--Color--100); --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color:var(--pf-global--Color--100); --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-accordion--m-display-lg__expanded-content--FontSize:var(--pf-global--FontSize--md); --pf-c-accordion--m-display-lg__expanded-content--Color:var(--pf-global--Color--100); --pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop:0; --pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-accordion--m-bordered--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-accordion--m-bordered--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-accordion--m-bordered__toggle--before--Top:calc(var(--pf-global--BorderWidth--sm)*-1); --pf-c-accordion--m-bordered__toggle--after--BorderColor:var(--pf-global--BorderColor--100); --pf-c-accordion--m-bordered__toggle--after--BorderTopWidth:0; --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor:var(--pf-global--BorderColor--100); color: var(--pf-global--Color--100); background-color: var(--pf-c-accordion--BackgroundColor); } .pf-c-accordion.pf-m-display-lg { --pf-c-accordion__toggle--PaddingTop:var(--pf-c-accordion--m-display-lg__toggle--PaddingTop); --pf-c-accordion__toggle--PaddingRight:var(--pf-c-accordion--m-display-lg__toggle--PaddingRight); --pf-c-accordion__toggle--PaddingBottom:var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom); --pf-c-accordion__toggle--PaddingLeft:var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft); --pf-c-accordion__toggle--FontFamily:var(--pf-c-accordion--m-display-lg__toggle--FontFamily); --pf-c-accordion__toggle--FontSize:var(--pf-c-accordion--m-display-lg__toggle--FontSize); --pf-c-accordion__toggle--hover__toggle-text--Color:var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color); --pf-c-accordion__toggle--active__toggle-text--Color:var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color); --pf-c-accordion__toggle--active__toggle-text--FontWeight:var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight); --pf-c-accordion__toggle--focus__toggle-text--Color:var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color); --pf-c-accordion__toggle--focus__toggle-text--FontWeight:var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight); --pf-c-accordion__toggle--m-expanded__toggle-text--Color:var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color); --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight:var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight); --pf-c-accordion__expanded-content-body--PaddingTop:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop); --pf-c-accordion__expanded-content-body--PaddingRight:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight); --pf-c-accordion__expanded-content-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom); --pf-c-accordion__expanded-content-body--PaddingLeft:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft); --pf-c-accordion__expanded-content--FontSize:var(--pf-c-accordion--m-display-lg__expanded-content--FontSize); --pf-c-accordion__expanded-content--Color:var(--pf-c-accordion--m-display-lg__expanded-content--Color); } .pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child { --pf-c-accordion__expanded-content-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom); } .pf-c-accordion.pf-m-bordered { --pf-c-accordion__toggle--before--Top:var(--pf-c-accordion--m-bordered__toggle--before--Top); border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor); } .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor); border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth); } .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded { --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth:0; } .pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor); } .pf-c-accordion__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft); font-family: var(--pf-c-accordion__toggle--FontFamily,inherit); font-size: var(--pf-c-accordion__toggle--FontSize,inherit); border: 0; } .pf-c-accordion__toggle:after { position: absolute; top: var(--pf-c-accordion__toggle--before--Top); bottom: 0; left: 0; width: var(--pf-c-accordion__toggle--before--Width); content: ""; background-color: var(--pf-c-accordion__toggle--before--BackgroundColor); } .pf-c-accordion__toggle.pf-m-expanded { --pf-c-accordion__toggle--before--BackgroundColor:var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor); } .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text { font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight); color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color); } .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon { transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate)); } .pf-c-accordion__toggle:hover { background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor); } .pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text { color: var(--pf-c-accordion__toggle--hover__toggle-text--Color); } .pf-c-accordion__toggle:focus { background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor); } .pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text { font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight); color: var(--pf-c-accordion__toggle--focus__toggle-text--Color); } .pf-c-accordion__toggle:active { background-color: var(--pf-c-accordion__toggle--active--BackgroundColor); } .pf-c-accordion__toggle:active .pf-c-accordion__toggle-text { font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight); color: var(--pf-c-accordion__toggle--active__toggle-text--Color); } .pf-c-accordion__toggle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: var(--pf-c-accordion__toggle-text--MaxWidth); } .pf-c-accordion__toggle-icon { transition: var(--pf-c-accordion__toggle-icon--Transition); } .pf-c-accordion__expanded-content { font-size: var(--pf-c-accordion__expanded-content--FontSize); color: var(--pf-c-accordion__expanded-content--Color); } .pf-c-accordion__expanded-content.pf-m-fixed { max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight); overflow-y: auto; } .pf-c-accordion__expanded-content.pf-m-expanded { --pf-c-accordion__expanded-content-body--before--BackgroundColor:var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor); } .pf-c-accordion__expanded-content-body { position: relative; padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft); } .pf-c-accordion__expanded-content-body:after { position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-accordion__expanded-content-body--before--Width); content: ""; background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor); } .pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body { --pf-c-accordion__expanded-content-body--PaddingTop:var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop); } .pf-c-action-list { --pf-c-action-list--m-icon--spacer:0; --pf-c-action-list--child--spacer-base:var(--pf-global--spacer--md); --pf-c-action-list--group--spacer-base:var(--pf-global--spacer--2xl); } .pf-c-action-list, .pf-c-action-list__group { --pf-c-action-list--child--spacer:var(--pf-c-action-list--child--spacer-base); --pf-c-action-list--group--spacer:var(--pf-c-action-list--group--spacer-base); display: flex; align-items: center; } .pf-c-action-list > * + *, .pf-c-action-list__group > * + * { margin-left: var(--pf-c-action-list--child--spacer); } .pf-c-action-list .pf-c-action-list__group + *, .pf-c-action-list > * + .pf-c-action-list__group, .pf-c-action-list__group .pf-c-action-list__group + *, .pf-c-action-list__group > * + .pf-c-action-list__group { margin-left: var(--pf-c-action-list--group--spacer); } .pf-c-action-list.pf-m-icons, .pf-c-action-list__group.pf-m-icons { --pf-c-action-list--child--spacer:var(--pf-c-action-list--m-icon--spacer); } .pf-c-alert { --pf-c-alert--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-alert--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-alert--GridTemplateColumns:max-content 1fr max-content; --pf-c-alert--GridTemplateAreas:"icon title action" ". description description" ". actiongroup actiongroup"; --pf-c-alert--BorderTopWidth:var(--pf-global--BorderWidth--md); --pf-c-alert--BorderTopColor:var(--pf-global--default-color--200); --pf-c-alert--PaddingTop:var(--pf-global--spacer--md); --pf-c-alert--PaddingRight:var(--pf-global--spacer--md); --pf-c-alert--PaddingBottom:var(--pf-global--spacer--md); --pf-c-alert--PaddingLeft:var(--pf-global--spacer--md); --pf-c-alert__FontSize:var(--pf-global--FontSize--sm); --pf-c-alert__toggle--MarginTop:calc(var(--pf-global--spacer--form-element)*-1 - 0.0625rem); --pf-c-alert__toggle--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-alert__toggle--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-alert__toggle-icon--Rotate:0; --pf-c-alert__toggle-icon--Transition:var(--pf-global--Transition); --pf-c-alert__icon--Color:var(--pf-global--default-color--200); --pf-c-alert__icon--MarginTop:0.0625rem; --pf-c-alert__icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-alert__icon--FontSize:var(--pf-global--icon--FontSize--md); --pf-c-alert__title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-alert__title--Color:var(--pf-global--default-color--300); --pf-c-alert__title--max-lines:1; --pf-c-alert__action--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-alert__action--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-alert__action--TranslateY:0.125rem; --pf-c-alert__action--MarginRight:calc(var(--pf-global--spacer--sm)*-1); --pf-c-alert__description--PaddingTop:var(--pf-global--spacer--xs); --pf-c-alert__action-group--PaddingTop-base:var(--pf-global--spacer--xs); --pf-c-alert__action-group--PaddingTop:var(--pf-c-alert__action-group--PaddingTop-base); --pf-c-alert__description--action-group--PaddingTop-base:var(--pf-global--spacer--md); --pf-c-alert__description--action-group--PaddingTop:var(--pf-c-alert__description--action-group--PaddingTop-base); --pf-c-alert__action-group__c-button--not-last-child--MarginRight:var(--pf-global--spacer--lg); --pf-c-alert--m-success--BorderTopColor:var(--pf-global--success-color--100); --pf-c-alert--m-success__icon--Color:var(--pf-global--success-color--100); --pf-c-alert--m-success__title--Color:var(--pf-global--success-color--200); --pf-c-alert--m-danger--BorderTopColor:var(--pf-global--danger-color--100); --pf-c-alert--m-danger__icon--Color:var(--pf-global--danger-color--100); --pf-c-alert--m-danger__title--Color:var(--pf-global--danger-color--200); --pf-c-alert--m-warning--BorderTopColor:var(--pf-global--warning-color--100); --pf-c-alert--m-warning__icon--Color:var(--pf-global--warning-color--100); --pf-c-alert--m-warning__title--Color:var(--pf-global--warning-color--200); --pf-c-alert--m-info--BorderTopColor:var(--pf-global--info-color--100); --pf-c-alert--m-info__icon--Color:var(--pf-global--info-color--100); --pf-c-alert--m-info__title--Color:var(--pf-global--info-color--200); --pf-c-alert--m-inline--BoxShadow:none; --pf-c-alert--m-inline--BackgroundColor:var(--pf-global--palette--cyan-50); --pf-c-alert--m-inline--m-success--BackgroundColor:var(--pf-global--palette--green-50); --pf-c-alert--m-inline--m-danger--BackgroundColor:var(--pf-global--palette--red-50); --pf-c-alert--m-inline--m-warning--BackgroundColor:var(--pf-global--palette--gold-50); --pf-c-alert--m-inline--m-info--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-alert--m-inline--m-plain--BorderTopWidth:0; --pf-c-alert--m-inline--m-plain--BackgroundColor:transparent; --pf-c-alert--m-inline--m-plain--PaddingTop:0; --pf-c-alert--m-inline--m-plain--PaddingRight:0; --pf-c-alert--m-inline--m-plain--PaddingBottom:0; --pf-c-alert--m-inline--m-plain--PaddingLeft:0; --pf-c-alert--m-expandable--GridTemplateColumns:auto max-content 1fr max-content; --pf-c-alert--m-expandable--GridTemplateAreas:"toggle icon title action" ". . description description" ". . actiongroup actiongroup"; --pf-c-alert--m-expandable__description--action-group--PaddingTop:var(--pf-c-alert__action-group--PaddingTop-base); --pf-c-alert--m-expanded__toggle-icon--Rotate:90deg; --pf-c-alert--m-expanded__description--action-group--PaddingTop:var(--pf-c-alert__description--action-group--PaddingTop-base); color: var(--pf-global--Color--100); position: relative; display: grid; padding: var(--pf-c-alert--PaddingTop) var(--pf-c-alert--PaddingRight) var(--pf-c-alert--PaddingBottom) var(--pf-c-alert--PaddingLeft); font-size: var(--pf-c-alert__FontSize); background-color: var(--pf-c-alert--BackgroundColor); border-top: var(--pf-c-alert--BorderTopWidth) solid var(--pf-c-alert--BorderTopColor); box-shadow: var(--pf-c-alert--BoxShadow); grid-template-columns: var(--pf-c-alert--GridTemplateColumns); grid-template-areas: var(--pf-c-alert--GridTemplateAreas); } .pf-c-alert.pf-m-success { --pf-c-alert--BorderTopColor:var(--pf-c-alert--m-success--BorderTopColor); --pf-c-alert__icon--Color:var(--pf-c-alert--m-success__icon--Color); --pf-c-alert__title--Color:var(--pf-c-alert--m-success__title--Color); --pf-c-alert--m-inline--BackgroundColor:var(--pf-c-alert--m-inline--m-success--BackgroundColor); } .pf-c-alert.pf-m-danger { --pf-c-alert--BorderTopColor:var(--pf-c-alert--m-danger--BorderTopColor); --pf-c-alert__icon--Color:var(--pf-c-alert--m-danger__icon--Color); --pf-c-alert__title--Color:var(--pf-c-alert--m-danger__title--Color); --pf-c-alert--m-inline--BackgroundColor:var(--pf-c-alert--m-inline--m-danger--BackgroundColor); } .pf-c-alert.pf-m-warning { --pf-c-alert--BorderTopColor:var(--pf-c-alert--m-warning--BorderTopColor); --pf-c-alert__icon--Color:var(--pf-c-alert--m-warning__icon--Color); --pf-c-alert__title--Color:var(--pf-c-alert--m-warning__title--Color); --pf-c-alert--m-inline--BackgroundColor:var(--pf-c-alert--m-inline--m-warning--BackgroundColor); } .pf-c-alert.pf-m-info { --pf-c-alert--BorderTopColor:var(--pf-c-alert--m-info--BorderTopColor); --pf-c-alert__icon--Color:var(--pf-c-alert--m-info__icon--Color); --pf-c-alert__title--Color:var(--pf-c-alert--m-info__title--Color); --pf-c-alert--m-inline--BackgroundColor:var(--pf-c-alert--m-inline--m-info--BackgroundColor); } .pf-c-alert.pf-m-inline { --pf-c-alert--BoxShadow:var(--pf-c-alert--m-inline--BoxShadow); --pf-c-alert--BackgroundColor:var(--pf-c-alert--m-inline--BackgroundColor); } .pf-c-alert.pf-m-plain { --pf-c-alert--BorderTopWidth:var(--pf-c-alert--m-inline--m-plain--BorderTopWidth); --pf-c-alert--BackgroundColor:var(--pf-c-alert--m-inline--m-plain--BackgroundColor); --pf-c-alert--PaddingTop:var(--pf-c-alert--m-inline--m-plain--PaddingTop); --pf-c-alert--PaddingRight:var(--pf-c-alert--m-inline--m-plain--PaddingRight); --pf-c-alert--PaddingBottom:var(--pf-c-alert--m-inline--m-plain--PaddingBottom); --pf-c-alert--PaddingLeft:var(--pf-c-alert--m-inline--m-plain--PaddingLeft); } .pf-c-alert.pf-m-expandable { --pf-c-alert--GridTemplateColumns:var(--pf-c-alert--m-expandable--GridTemplateColumns); --pf-c-alert--GridTemplateAreas:var(--pf-c-alert--m-expandable--GridTemplateAreas); --pf-c-alert__description--action-group--PaddingTop:var(--pf-c-alert--m-expandable__description--action-group--PaddingTop); } .pf-c-alert.pf-m-expanded { --pf-c-alert__toggle-icon--Rotate:var(--pf-c-alert--m-expanded__toggle-icon--Rotate); --pf-c-alert__description--action-group--PaddingTop:var(--pf-c-alert--m-expanded__description--action-group--PaddingTop); } .pf-c-alert__toggle { margin-top: var(--pf-c-alert__toggle--MarginTop); margin-bottom: var(--pf-c-alert__toggle--MarginBottom); margin-left: var(--pf-c-alert__toggle--MarginLeft); } .pf-c-alert__toggle-icon { display: inline-block; transition: var(--pf-c-alert__toggle-icon--Transition); transform: rotate(var(--pf-c-alert__toggle-icon--Rotate)); } .pf-c-alert__icon { grid-area: icon; display: flex; margin-top: var(--pf-c-alert__icon--MarginTop); margin-right: var(--pf-c-alert__icon--MarginRight); font-size: var(--pf-c-alert__icon--FontSize); color: var(--pf-c-alert__icon--Color); } .pf-c-alert__title { grid-area: title; font-weight: var(--pf-c-alert__title--FontWeight); color: var(--pf-c-alert__title--Color); word-break: break-word; } .pf-c-alert__title.pf-m-truncate { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--pf-c-alert__title--max-lines); overflow: hidden; } .pf-c-alert__description { grid-area: description; padding-top: var(--pf-c-alert__description--PaddingTop); word-break: break-word; } .pf-c-alert__description + .pf-c-alert__action-group { --pf-c-alert__action-group--PaddingTop:var(--pf-c-alert__description--action-group--PaddingTop); } .pf-c-alert__action { grid-area: action; margin-top: var(--pf-c-alert__action--MarginTop); margin-right: var(--pf-c-alert__action--MarginRight); margin-bottom: var(--pf-c-alert__action--MarginBottom); transform: translateY(var(--pf-c-alert__action--TranslateY)); } .pf-c-alert__action > .pf-c-button { --pf-c-button--LineHeight:1; } .pf-c-alert__action-group { grid-area: actiongroup; padding-top: var(--pf-c-alert__action-group--PaddingTop); } .pf-c-alert__action-group > .pf-c-button { --pf-c-button--m-link--m-inline--hover--TextDecoration:none; } .pf-c-alert__action-group > .pf-c-button:not(:last-child) { margin-right: var(--pf-c-alert__action-group__c-button--not-last-child--MarginRight); } .pf-m-overpass-font .pf-c-alert__title { --pf-c-alert__title--FontWeight:var(--pf-global--FontWeight--normal); } .pf-c-alert-group { --pf-c-alert-group__item--MarginTop:var(--pf-global--spacer--sm); --pf-c-alert-group--m-toast--Top:var(--pf-global--spacer--2xl); --pf-c-alert-group--m-toast--Right:var(--pf-global--spacer--xl); --pf-c-alert-group--m-toast--MaxWidth:37.5rem; --pf-c-alert-group--m-toast--ZIndex:var(--pf-global--ZIndex--2xl); } .pf-c-alert-group > * + * { margin-top: var(--pf-c-alert-group__item--MarginTop); } .pf-c-alert-group.pf-m-toast { position: fixed; top: var(--pf-c-alert-group--m-toast--Top); right: var(--pf-c-alert-group--m-toast--Right); z-index: var(--pf-c-alert-group--m-toast--ZIndex); width: calc(100% - var(--pf-c-alert-group--m-toast--Right)*2); max-width: var(--pf-c-alert-group--m-toast--MaxWidth); } .pf-c-app-launcher { --pf-c-app-launcher__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-app-launcher__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-app-launcher__menu--PaddingTop:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-app-launcher__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-app-launcher--m-top__menu--Top:0; --pf-c-app-launcher--m-top__menu--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-app-launcher__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-app-launcher__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-app-launcher__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-app-launcher__toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-app-launcher__toggle--Color:var(--pf-global--Color--200); --pf-c-app-launcher__toggle--hover--Color:var(--pf-global--Color--100); --pf-c-app-launcher__toggle--active--Color:var(--pf-global--Color--100); --pf-c-app-launcher__toggle--focus--Color:var(--pf-global--Color--100); --pf-c-app-launcher__toggle--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-app-launcher__toggle--m-expanded--Color:var(--pf-global--Color--100); --pf-c-app-launcher__menu-search--PaddingTop:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu-search--PaddingRight:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-search--PaddingBottom:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-search--PaddingLeft:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-search--BottomBorderColor:var(--pf-global--BorderColor--100); --pf-c-app-launcher__menu-search--BottomBorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-app-launcher__menu-search--MarginBottom:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-item--Color:var(--pf-global--Color--dark-100); --pf-c-app-launcher__menu-item--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-app-launcher__menu-item--Width:100%; --pf-c-app-launcher__menu-item--disabled--Color:var(--pf-global--Color--dark-200); --pf-c-app-launcher__menu-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-app-launcher__menu-item--m-link--PaddingRight:0; --pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor:transparent; --pf-c-app-launcher__menu-item--m-action--Color:var(--pf-global--Color--200); --pf-c-app-launcher__menu-item--m-action--Width:auto; --pf-c-app-launcher__menu-item--m-action--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor:transparent; --pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color:var(--pf-global--Color--200); --pf-c-app-launcher__menu-item--m-action--hover--Color:var(--pf-global--Color--100); --pf-c-app-launcher__menu-item--m-action--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color:var(--pf-global--palette--gold-400); --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color:var(--pf-global--palette--gold-500); --pf-c-app-launcher__menu-item-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-app-launcher__menu-item-icon--Width:var(--pf-global--icon--FontSize--lg); --pf-c-app-launcher__menu-item-icon--Height:var(--pf-global--icon--FontSize--lg); --pf-c-app-launcher__menu-item-external-icon--Color:var(--pf-global--link--Color); --pf-c-app-launcher__menu-item-external-icon--PaddingLeft:var(--pf-global--spacer--md); --pf-c-app-launcher__menu-item-external-icon--TranslateY:-0.0625rem; --pf-c-app-launcher__menu-item-external-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-app-launcher__group--group--PaddingTop:var(--pf-global--spacer--sm); --pf-c-app-launcher__group-title--PaddingTop:var(--pf-global--spacer--sm); --pf-c-app-launcher__group-title--PaddingRight:var(--pf-c-app-launcher__menu-item--PaddingRight); --pf-c-app-launcher__group-title--PaddingBottom:var(--pf-c-app-launcher__menu-item--PaddingBottom); --pf-c-app-launcher__group-title--PaddingLeft:var(--pf-c-app-launcher__menu-item--PaddingLeft); --pf-c-app-launcher__group-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-app-launcher__group-title--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-app-launcher__group-title--Color:var(--pf-global--Color--dark-200); --pf-c-app-launcher--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-app-launcher--c-divider--MarginBottom:var(--pf-global--spacer--sm); position: relative; display: inline-block; max-width: 100%; } .pf-c-app-launcher.pf-m-expanded > .pf-c-app-launcher__toggle { color: var(--pf-c-app-launcher__toggle--m-expanded--Color); } .pf-c-app-launcher .pf-c-divider { margin-top: var(--pf-c-app-launcher--c-divider--MarginTop); margin-bottom: var(--pf-c-app-launcher--c-divider--MarginBottom); } .pf-c-app-launcher .pf-c-divider:last-child { --pf-c-app-launcher--c-divider--MarginBottom:0; } .pf-c-app-launcher__toggle { padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft); color: var(--pf-c-app-launcher__toggle--Color); border: none; } .pf-c-app-launcher__toggle:hover { --pf-c-app-launcher__toggle--Color:var(--pf-c-app-launcher__toggle--hover--Color); } .pf-c-app-launcher__toggle.pf-m-active, .pf-c-app-launcher__toggle:active { --pf-c-app-launcher__toggle--Color:var(--pf-c-app-launcher__toggle--active--Color); } .pf-c-app-launcher__toggle:focus { --pf-c-app-launcher__toggle--Color:var(--pf-c-app-launcher__toggle--focus--Color); } .pf-c-app-launcher__toggle:disabled { --pf-c-app-launcher__toggle--Color:var(--pf-c-app-launcher__toggle--disabled--Color); pointer-events: none; } .pf-c-app-launcher__menu { position: absolute; top: var(--pf-c-app-launcher__menu--Top); z-index: var(--pf-c-app-launcher__menu--ZIndex); min-width: 100%; padding-top: var(--pf-c-app-launcher__menu--PaddingTop); padding-bottom: var(--pf-c-app-launcher__menu--PaddingBottom); background-color: var(--pf-c-app-launcher__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-app-launcher__menu--BoxShadow); } .pf-c-app-launcher__menu.pf-m-align-right { right: 0; } .pf-c-app-launcher.pf-m-top .pf-c-app-launcher__menu { --pf-c-app-launcher__menu--Top:var(--pf-c-app-launcher--m-top__menu--Top); transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY)); } .pf-c-app-launcher__menu-search { padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft); margin-bottom: var(--pf-c-app-launcher__menu-search--MarginBottom); border-bottom: var(--pf-c-app-launcher__menu-search--BottomBorderWidth) solid var(--pf-c-app-launcher__menu-search--BottomBorderColor); } .pf-c-app-launcher__menu-wrapper { display: flex; } .pf-c-app-launcher__menu-wrapper.pf-m-favorite { --pf-c-app-launcher__menu-item--m-action--Color:var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color); --pf-c-app-launcher__menu-item--m-action--hover--Color:var(--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color); } .pf-c-app-launcher__menu-item { display: flex; align-items: center; width: var(--pf-c-app-launcher__menu-item--Width); padding: var(--pf-c-app-launcher__menu-item--PaddingTop) var(--pf-c-app-launcher__menu-item--PaddingRight) var(--pf-c-app-launcher__menu-item--PaddingBottom) var(--pf-c-app-launcher__menu-item--PaddingLeft); font-weight: var(--pf-c-app-launcher__menu-item--FontWeight); color: var(--pf-c-app-launcher__menu-item--Color); white-space: nowrap; border: 0; } .pf-c-app-launcher__menu-item:focus, .pf-c-app-launcher__menu-item:hover { --pf-c-app-launcher__menu-item--m-action--Color:var(--pf-c-app-launcher__menu-item--hover__menu-item--m-action--Color); text-decoration: none; } .pf-c-app-launcher__menu-item:focus, .pf-c-app-launcher__menu-item:hover, .pf-c-app-launcher__menu-wrapper.pf-m-focus, .pf-c-app-launcher__menu-wrapper:focus-within, .pf-c-app-launcher__menu-wrapper:hover { background-color: var(--pf-c-app-launcher__menu-item--hover--BackgroundColor); } .pf-c-app-launcher__menu-item.pf-m-disabled, .pf-c-app-launcher__menu-item:disabled { --pf-c-app-launcher__menu-item--Color:var(--pf-c-app-launcher__menu-item--disabled--Color); --pf-c-app-launcher__menu-item--m-action--Color:var(--pf-c-app-launcher__menu-item--m-action--disabled--Color); pointer-events: none; } .pf-c-app-launcher__menu-item.pf-m-disabled, .pf-c-app-launcher__menu-item:disabled, .pf-c-app-launcher__menu-wrapper.pf-m-disabled, .pf-c-app-launcher__menu-wrapper:disabled { background-color: transparent; } .pf-c-app-launcher__menu-item.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-item.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-wrapper.pf-m-external:focus .pf-c-app-launcher__menu-item-external-icon, .pf-c-app-launcher__menu-wrapper.pf-m-external:hover .pf-c-app-launcher__menu-item-external-icon { opacity: 1; } .pf-c-app-launcher__menu-item.pf-m-link { --pf-c-app-launcher__menu-item--PaddingRight:var(--pf-c-app-launcher__menu-item--m-link--PaddingRight); --pf-c-app-launcher__menu-item--hover--BackgroundColor:var(--pf-c-app-launcher__menu-item--m-link--hover--BackgroundColor); } .pf-c-app-launcher__menu-item.pf-m-action { --pf-c-app-launcher__menu-item--Color:var(--pf-c-app-launcher__menu-item--m-action--Color); --pf-c-app-launcher__menu-item--Width:var(--pf-c-app-launcher__menu-item--m-action--Width); --pf-c-app-launcher__menu-item--hover--BackgroundColor:var(--pf-c-app-launcher__menu-item--m-action--hover--BackgroundColor); font-size: var(--pf-c-app-launcher__menu-item--m-action--FontSize); } .pf-c-app-launcher__menu-item.pf-m-action:focus, .pf-c-app-launcher__menu-item.pf-m-action:hover { --pf-c-app-launcher__menu-item--m-action--Color:var(--pf-c-app-launcher__menu-item--m-action--hover--Color); } .pf-c-app-launcher__menu-item-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--pf-c-app-launcher__menu-item-icon--Width); height: var(--pf-c-app-launcher__menu-item-icon--Height); margin-right: var(--pf-c-app-launcher__menu-item-icon--MarginRight); } .pf-c-app-launcher__menu-item-icon > * { max-width: 100%; max-height: 100%; } .pf-c-app-launcher__menu-item-external-icon { padding-left: var(--pf-c-app-launcher__menu-item-external-icon--PaddingLeft); margin-left: auto; font-size: var(--pf-c-app-launcher__menu-item-external-icon--FontSize); color: var(--pf-c-app-launcher__menu-item-external-icon--Color); opacity: 0; transform: translateY(var(--pf-c-app-launcher__menu-item-external-icon--TranslateY)); } .pf-c-app-launcher__group + .pf-c-app-launcher__group { padding-top: var(--pf-c-app-launcher__group--group--PaddingTop); } .pf-c-app-launcher__group-title { padding-top: var(--pf-c-app-launcher__group-title--PaddingTop); padding-right: var(--pf-c-app-launcher__group-title--PaddingRight); padding-bottom: var(--pf-c-app-launcher__group-title--PaddingBottom); padding-left: var(--pf-c-app-launcher__group-title--PaddingLeft); font-size: var(--pf-c-app-launcher__group-title--FontSize); font-weight: var(--pf-c-app-launcher__group-title--FontWeight); color: var(--pf-c-app-launcher__group-title--Color); } .pf-c-avatar { --pf-c-avatar--BorderColor:transparent; --pf-c-avatar--BorderWidth:0; --pf-c-avatar--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-avatar--Width:2.25rem; --pf-c-avatar--Height:2.25rem; --pf-c-avatar--m-light--BorderColor:var(--pf-global--BorderColor--dark-100); --pf-c-avatar--m-light--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-avatar--m-dark--BorderColor:var(--pf-global--palette--black-700); --pf-c-avatar--m-dark--BorderWidth:var(--pf-global--BorderWidth--sm); width: var(--pf-c-avatar--Width); height: var(--pf-c-avatar--Height); border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor); border-radius: var(--pf-c-avatar--BorderRadius); } .pf-c-avatar.pf-m-light { --pf-c-avatar--BorderColor:var(--pf-c-avatar--m-light--BorderColor); --pf-c-avatar--BorderWidth:var(--pf-c-avatar--m-light--BorderWidth); } .pf-c-avatar.pf-m-dark { --pf-c-avatar--BorderColor:var(--pf-c-avatar--m-dark--BorderColor); --pf-c-avatar--BorderWidth:var(--pf-c-avatar--m-dark--BorderWidth); } .pf-c-backdrop { --pf-c-backdrop--Position:fixed; --pf-c-backdrop--ZIndex:var(--pf-global--ZIndex--lg); --pf-c-backdrop--BackgroundColor:var(--pf-global--BackgroundColor--dark-transparent-100); position: var(--pf-c-backdrop--Position); top: 0; left: 0; z-index: var(--pf-c-backdrop--ZIndex); width: 100%; height: 100%; background-color: var(--pf-c-backdrop--BackgroundColor); } .pf-c-backdrop__open { overflow: hidden; } .pf-c-background-image { --pf-c-background-image--BackgroundColor:var(--pf-global--BackgroundColor--dark-100); --pf-c-background-image--BackgroundImage:url(assets/images/pfbg_576.jpg); --pf-c-background-image--BackgroundImage-2x:url(assets/images/pfbg_576@2x.jpg); --pf-c-background-image--BackgroundImage--sm:url(assets/images/pfbg_768.jpg); --pf-c-background-image--BackgroundImage--sm-2x:url(assets/images/pfbg_768@2x.jpg); --pf-c-background-image--BackgroundImage--lg:url(assets/images/pfbg_2000.jpg); --pf-c-background-image--Filter:url(#image_overlay); } .pf-c-background-image:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background-color: var(--pf-c-background-image--BackgroundColor); background-image: var(--pf-c-background-image--BackgroundImage); filter: var(--pf-c-background-image--Filter); background-repeat: no-repeat; background-size: cover; } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .pf-c-background-image:before { --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage-2x); } } @media (min-width:576px) { .pf-c-background-image:before { --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--sm); } } @media (min-width:576px) and (-webkit-min-device-pixel-ratio:2), (min-width:576px) and (min-resolution:192dpi) { .pf-c-background-image:before { --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--sm-2x); } } @media (min-width:992px) { .pf-c-background-image:before { --pf-c-background-image--BackgroundImage:var(--pf-c-background-image--BackgroundImage--lg); } } .pf-c-background-image__filter { display: block; } .pf-c-back-to-top { --pf-c-back-to-top--Right:var(--pf-global--spacer--2xl); --pf-c-back-to-top--Bottom:var(--pf-global--spacer--lg); --pf-c-back-to-top--md--Bottom:var(--pf-global--spacer--2xl); --pf-c-back-to-top--c-button--FontSize:var(--pf-global--FontSize--xs); --pf-c-back-to-top--c-button--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-back-to-top--c-button--PaddingTop:var(--pf-global--spacer--xs); --pf-c-back-to-top--c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-back-to-top--c-button--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-back-to-top--c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-back-to-top--c-button--BoxShadow:var(--pf-global--BoxShadow--lg-bottom); position: absolute; right: var(--pf-c-back-to-top--Right); bottom: var(--pf-c-back-to-top--Bottom); } @media (min-width:768px) { .pf-c-back-to-top { --pf-c-back-to-top--Bottom:var(--pf-c-back-to-top--md--Bottom); } } .pf-c-back-to-top.pf-m-hidden { display: none; } .pf-c-back-to-top .pf-c-button { --pf-c-button--FontSize:var(--pf-c-back-to-top--c-button--FontSize); --pf-c-button--BorderRadius:var(--pf-c-back-to-top--c-button--BorderRadius); --pf-c-button--PaddingTop:var(--pf-c-back-to-top--c-button--PaddingTop); --pf-c-button--PaddingRight:var(--pf-c-back-to-top--c-button--PaddingRight); --pf-c-button--PaddingBottom:var(--pf-c-back-to-top--c-button--PaddingBottom); --pf-c-button--PaddingLeft:var(--pf-c-back-to-top--c-button--PaddingLeft); box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow); } .pf-c-badge { --pf-c-badge--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-badge--FontSize:var(--pf-global--FontSize--xs); --pf-c-badge--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-badge--PaddingRight:var(--pf-global--spacer--sm); --pf-c-badge--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-badge--Color:var(--pf-global--Color--dark-100); --pf-c-badge--MinWidth:var(--pf-global--spacer--xl); --pf-c-badge--m-read--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-badge--m-read--Color:var(--pf-global--Color--dark-100); --pf-c-badge--m-unread--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-badge--m-unread--Color:var(--pf-global--Color--light-100); display: inline-block; min-width: var(--pf-c-badge--MinWidth); padding-right: var(--pf-c-badge--PaddingRight); padding-left: var(--pf-c-badge--PaddingLeft); font-size: var(--pf-c-badge--FontSize); font-weight: var(--pf-c-badge--FontWeight); color: var(--pf-c-badge--Color); text-align: center; background-color: var(--pf-c-badge--BackgroundColor); border-radius: var(--pf-c-badge--BorderRadius); } .pf-c-badge.pf-m-read { --pf-c-badge--Color:var(--pf-c-badge--m-read--Color); --pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor); } .pf-c-badge.pf-m-unread { --pf-c-badge--Color:var(--pf-c-badge--m-unread--Color); --pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor); } .pf-c-banner { --pf-c-banner--PaddingTop:var(--pf-global--spacer--xs); --pf-c-banner--PaddingRight:var(--pf-global--spacer--md); --pf-c-banner--md--PaddingRight:var(--pf-global--spacer--lg); --pf-c-banner--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-banner--PaddingLeft:var(--pf-global--spacer--md); --pf-c-banner--md--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-banner--FontSize:var(--pf-global--FontSize--sm); --pf-c-banner--Color:var(--pf-global--Color--100); --pf-c-banner--BackgroundColor:var(--pf-global--BackgroundColor--dark-400); --pf-c-banner--link--Color:var(--pf-c-banner--Color); --pf-c-banner--link--TextDecoration:underline; --pf-c-banner--link--hover--Color:var(--pf-c-banner--Color); --pf-c-banner--link--hover--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-banner--link--disabled--Color:var(--pf-c-banner--Color); --pf-c-banner--link--disabled--TextDecoration:none; --pf-c-banner--m-info--BackgroundColor:var(--pf-global--palette--blue-200); --pf-c-banner--m-danger--BackgroundColor:var(--pf-global--danger-color--100); --pf-c-banner--m-success--BackgroundColor:var(--pf-global--success-color--100); --pf-c-banner--m-warning--BackgroundColor:var(--pf-global--warning-color--100); --pf-c-banner--m-sticky--ZIndex:var(--pf-global--ZIndex--md); --pf-c-banner--m-sticky--BoxShadow:var(--pf-global--BoxShadow--md-bottom); color: var(--pf-global--Color--100); overflow: hidden; text-overflow: ellipsis; padding: var(--pf-c-banner--PaddingTop) var(--pf-c-banner--PaddingRight) var(--pf-c-banner--PaddingBottom) var(--pf-c-banner--PaddingLeft); flex-shrink: 0; font-size: var(--pf-c-banner--FontSize); color: var(--pf-c-banner--Color); white-space: nowrap; background-color: var(--pf-c-banner--BackgroundColor); } @media (min-width:768px) { .pf-c-banner { --pf-c-banner--PaddingRight:var(--pf-c-banner--md--PaddingRight); --pf-c-banner--PaddingLeft:var(--pf-c-banner--md--PaddingLeft); } } .pf-c-banner.pf-m-info { color: var(--pf-global--Color--100); --pf-c-banner--BackgroundColor:var(--pf-c-banner--m-info--BackgroundColor); } .pf-c-banner.pf-m-danger { --pf-c-banner--BackgroundColor:var(--pf-c-banner--m-danger--BackgroundColor); } .pf-c-banner.pf-m-success { --pf-c-banner--BackgroundColor:var(--pf-c-banner--m-success--BackgroundColor); } .pf-c-banner.pf-m-warning { color: var(--pf-global--Color--100); --pf-c-banner--BackgroundColor:var(--pf-c-banner--m-warning--BackgroundColor); } .pf-c-banner.pf-m-sticky { position: sticky; top: 0; z-index: var(--pf-c-banner--m-sticky--ZIndex); box-shadow: var(--pf-c-banner--m-sticky--BoxShadow); } .pf-c-banner a { color: var(--pf-c-banner--link--Color); text-decoration: var(--pf-c-banner--link--TextDecoration); } .pf-c-banner a:hover:not(.pf-m-disabled) { --pf-c-banner--link--Color:var(--pf-c-banner--link--hover--Color); font-weight: var(--pf-c-banner--link--hover--FontWeight); } .pf-c-banner a.pf-m-disabled { --pf-c-banner--link--Color:var(--pf-c-banner--link--disabled--Color); --pf-c-banner--link--TextDecoration:var(--pf-c-banner--link--disabled--TextDecoration); cursor: not-allowed; } .pf-c-banner .pf-c-button.pf-m-inline { --pf-c-button--m-link--Color:var(--pf-c-banner--link--Color); --pf-c-button--m-link--m-inline--hover--Color:var(--pf-c-banner--link--hover--Color); --pf-c-button--disabled--Color:var(--pf-c-banner--link--disabled--Color); text-decoration: var(--pf-c-banner--link--TextDecoration); } .pf-c-banner .pf-c-button.pf-m-inline:hover { --pf-c-banner--link--Color:var(--pf-c-banner--link--hover--Color); font-weight: var(--pf-c-banner--link--hover--FontWeight); } .pf-c-banner .pf-c-button.pf-m-inline.pf-m-disabled, .pf-c-banner .pf-c-button.pf-m-inline:disabled { --pf-c-banner--link--TextDecoration:var(--pf-c-banner--link--disabled--TextDecoration); cursor: not-allowed; } .pf-c-brand { --pf-c-brand--Width:auto; --pf-c-brand--Height:auto; width: var(--pf-c-brand--Width--base); height: var(--pf-c-brand--Height--base); --pf-c-brand--Width--base:var(--pf-c-brand--Width); --pf-c-brand--Height--base:var(--pf-c-brand--Height); } @media (min-width:576px) { .pf-c-brand { --pf-c-brand--Width--base:var(--pf-c-brand--Width-on-sm,var(--pf-c-brand--Width)); } } @media (min-width:768px) { .pf-c-brand { --pf-c-brand--Width--base:var(--pf-c-brand--Width-on-md,var(--pf-c-brand--Width-on-sm,var(--pf-c-brand--Width))); } } @media (min-width:992px) { .pf-c-brand { --pf-c-brand--Width--base:var(--pf-c-brand--Width-on-lg,var(--pf-c-brand--Width-on-md,var(--pf-c-brand--Width-on-sm,var(--pf-c-brand--Width)))); } } @media (min-width:1200px) { .pf-c-brand { --pf-c-brand--Width--base:var(--pf-c-brand--Width-on-xl,var(--pf-c-brand--Width-on-lg,var(--pf-c-brand--Width-on-md,var(--pf-c-brand--Width-on-sm,var(--pf-c-brand--Width))))); } } @media (min-width:1450px) { .pf-c-brand { --pf-c-brand--Width--base:var(--pf-c-brand--Width-on-2xl,var(--pf-c-brand--Width-on-xl,var(--pf-c-brand--Width-on-lg,var(--pf-c-brand--Width-on-md,var(--pf-c-brand--Width-on-sm,var(--pf-c-brand--Width)))))); } } @media (min-width:576px) { .pf-c-brand { --pf-c-brand--Height--base:var(--pf-c-brand--Height-on-sm,var(--pf-c-brand--Height)); } } @media (min-width:768px) { .pf-c-brand { --pf-c-brand--Height--base:var(--pf-c-brand--Height-on-md,var(--pf-c-brand--Height-on-sm,var(--pf-c-brand--Height))); } } @media (min-width:992px) { .pf-c-brand { --pf-c-brand--Height--base:var(--pf-c-brand--Height-on-lg,var(--pf-c-brand--Height-on-md,var(--pf-c-brand--Height-on-sm,var(--pf-c-brand--Height)))); } } @media (min-width:1200px) { .pf-c-brand { --pf-c-brand--Height--base:var(--pf-c-brand--Height-on-xl,var(--pf-c-brand--Height-on-lg,var(--pf-c-brand--Height-on-md,var(--pf-c-brand--Height-on-sm,var(--pf-c-brand--Height))))); } } @media (min-width:1450px) { .pf-c-brand { --pf-c-brand--Height--base:var(--pf-c-brand--Height-on-2xl,var(--pf-c-brand--Height-on-xl,var(--pf-c-brand--Height-on-lg,var(--pf-c-brand--Height-on-md,var(--pf-c-brand--Height-on-sm,var(--pf-c-brand--Height)))))); } } .pf-c-brand.pf-m-picture { display: inline-flex; max-width: 100%; } .pf-c-breadcrumb { --pf-c-breadcrumb__item--FontSize:var(--pf-global--FontSize--sm); --pf-c-breadcrumb__item--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-breadcrumb__item--MarginRight:var(--pf-global--spacer--sm); --pf-c-breadcrumb__item-divider--Color:var(--pf-global--BorderColor--200); --pf-c-breadcrumb__item-divider--MarginRight:var(--pf-global--spacer--sm); --pf-c-breadcrumb__item-divider--FontSize:var(--pf-global--FontSize--sm); --pf-c-breadcrumb__link--Color:var(--pf-global--link--Color); --pf-c-breadcrumb__link--TextDecoration:var(--pf-global--link--TextDecoration); --pf-c-breadcrumb__link--hover--Color:var(--pf-global--link--Color--hover); --pf-c-breadcrumb__link--hover--TextDecoration:var(--pf-global--link--TextDecoration--hover); --pf-c-breadcrumb__link--m-current--Color:var(--pf-global--Color--100); --pf-c-breadcrumb__heading--FontSize:var(--pf-global--FontSize--sm); --pf-c-breadcrumb__dropdown--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-breadcrumb__dropdown--MarginRight:calc(var(--pf-c-breadcrumb__item--MarginRight)*-1); --pf-c-breadcrumb__dropdown--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-breadcrumb__dropdown--MarginLeft:calc(var(--pf-c-breadcrumb__item-divider--MarginRight)*-1); --pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight:var(--pf-global--LineHeight--sm); display: inline-flex; } .pf-c-breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; } .pf-c-breadcrumb__item { display: flex; align-items: baseline; font-size: var(--pf-c-breadcrumb__item--FontSize); font-weight: var(--pf-c-breadcrumb__item--FontWeight); line-height: var(--pf-c-breadcrumb__item--LineHeight); white-space: nowrap; list-style: none; } .pf-c-breadcrumb__item:not(:last-child) { margin-right: var(--pf-c-breadcrumb__item--MarginRight); } .pf-c-breadcrumb__item-divider { margin-right: var(--pf-c-breadcrumb__item-divider--MarginRight); font-size: var(--pf-c-breadcrumb__item-divider--FontSize); line-height: 1; color: var(--pf-c-breadcrumb__item-divider--Color); } .pf-c-breadcrumb__link { font-size: inherit; font-weight: var(--pf-c-breadcrumb__link--FontWeight); line-height: inherit; color: var(--pf-c-breadcrumb__link--Color); text-decoration: var(--pf-c-breadcrumb__link--TextDecoration); word-break: break-word; } .pf-c-breadcrumb__link:hover { --pf-c-breadcrumb__link--Color:var(--pf-c-breadcrumb__link--hover--Color); --pf-c-breadcrumb__link--TextDecoration:var(--pf-c-breadcrumb__link--hover--TextDecoration); } .pf-c-breadcrumb__link.pf-m-current { cursor: default; } .pf-c-breadcrumb__link.pf-m-current, .pf-c-breadcrumb__link.pf-m-current:hover { color: var(--pf-c-breadcrumb__link--m-current--Color); text-decoration: none; } button.pf-c-breadcrumb__link { border: none; } .pf-c-breadcrumb__dropdown { margin: var(--pf-c-breadcrumb__dropdown--MarginTop) var(--pf-c-breadcrumb__dropdown--MarginRight) var(--pf-c-breadcrumb__dropdown--MarginBottom) var(--pf-c-breadcrumb__dropdown--MarginLeft); } .pf-c-breadcrumb__dropdown .pf-c-dropdown__toggle { line-height: var(--pf-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight); } .pf-c-breadcrumb__heading { display: inline; font-size: var(--pf-c-breadcrumb__heading--FontSize); } .pf-c-breadcrumb__heading, .pf-c-breadcrumb__link { white-space: normal; } .pf-m-overpass-font .pf-c-breadcrumb__item, .pf-m-overpass-font .pf-c-breadcrumb__link { font-weight: var(--pf-global--FontWeight--semi-bold); } .pf-c-breadcrumb__list > :first-child .pf-c-breadcrumb__item-divider { display: none; visibility: hidden; } .pf-c-button { --pf-c-button--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-button--PaddingRight:var(--pf-global--spacer--md); --pf-c-button--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-button--PaddingLeft:var(--pf-global--spacer--md); --pf-c-button--LineHeight:var(--pf-global--LineHeight--md); --pf-c-button--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-button--FontSize:var(--pf-global--FontSize--md); --pf-c-button--BackgroundColor:transparent; --pf-c-button--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-button--after--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-button--after--BorderColor:transparent; --pf-c-button--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-button--hover--after--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-button--focus--after--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-button--active--after--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-button--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-button--disabled--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-button--disabled--after--BorderColor:transparent; --pf-c-button--m-primary--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-button--m-primary--Color:var(--pf-global--Color--light-100); --pf-c-button--m-primary--hover--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-button--m-primary--hover--Color:var(--pf-global--Color--light-100); --pf-c-button--m-primary--focus--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-button--m-primary--focus--Color:var(--pf-global--Color--light-100); --pf-c-button--m-primary--active--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-button--m-primary--active--Color:var(--pf-global--Color--light-100); --pf-c-button--m-secondary--BackgroundColor:transparent; --pf-c-button--m-secondary--after--BorderColor:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--Color:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--hover--BackgroundColor:transparent; --pf-c-button--m-secondary--hover--after--BorderColor:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--hover--Color:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--focus--BackgroundColor:transparent; --pf-c-button--m-secondary--focus--after--BorderColor:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--focus--Color:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--active--BackgroundColor:transparent; --pf-c-button--m-secondary--active--after--BorderColor:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--active--Color:var(--pf-global--primary-color--100); --pf-c-button--m-secondary--m-danger--BackgroundColor:transparent; --pf-c-button--m-secondary--m-danger--Color:var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--after--BorderColor:var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--hover--BackgroundColor:transparent; --pf-c-button--m-secondary--m-danger--hover--Color:var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--hover--after--BorderColor:var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--focus--BackgroundColor:transparent; --pf-c-button--m-secondary--m-danger--focus--Color:var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--focus--after--BorderColor:var(--pf-global--danger-color--100); --pf-c-button--m-secondary--m-danger--active--BackgroundColor:transparent; --pf-c-button--m-secondary--m-danger--active--Color:var(--pf-global--danger-color--200); --pf-c-button--m-secondary--m-danger--active--after--BorderColor:var(--pf-global--danger-color--100); --pf-c-button--m-tertiary--BackgroundColor:transparent; --pf-c-button--m-tertiary--after--BorderColor:var(--pf-global--Color--100); --pf-c-button--m-tertiary--Color:var(--pf-global--Color--100); --pf-c-button--m-tertiary--hover--BackgroundColor:transparent; --pf-c-button--m-tertiary--hover--after--BorderColor:var(--pf-global--Color--100); --pf-c-button--m-tertiary--hover--Color:var(--pf-global--Color--100); --pf-c-button--m-tertiary--focus--BackgroundColor:transparent; --pf-c-button--m-tertiary--focus--after--BorderColor:var(--pf-global--Color--100); --pf-c-button--m-tertiary--focus--Color:var(--pf-global--Color--100); --pf-c-button--m-tertiary--active--BackgroundColor:transparent; --pf-c-button--m-tertiary--active--after--BorderColor:var(--pf-global--Color--100); --pf-c-button--m-tertiary--active--Color:var(--pf-global--Color--100); --pf-c-button--m-warning--BackgroundColor:var(--pf-global--warning-color--100); --pf-c-button--m-warning--Color:var(--pf-global--Color--dark-100); --pf-c-button--m-warning--hover--BackgroundColor:var(--pf-global--palette--gold-500); --pf-c-button--m-warning--hover--Color:var(--pf-global--Color--dark-100); --pf-c-button--m-warning--focus--BackgroundColor:var(--pf-global--palette--gold-500); --pf-c-button--m-warning--focus--Color:var(--pf-global--Color--dark-100); --pf-c-button--m-warning--active--BackgroundColor:var(--pf-global--palette--gold-500); --pf-c-button--m-warning--active--Color:var(--pf-global--Color--dark-100); --pf-c-button--m-danger--BackgroundColor:var(--pf-global--danger-color--100); --pf-c-button--m-danger--Color:var(--pf-global--Color--light-100); --pf-c-button--m-danger--hover--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-button--m-danger--hover--Color:var(--pf-global--Color--light-100); --pf-c-button--m-danger--focus--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-button--m-danger--focus--Color:var(--pf-global--Color--light-100); --pf-c-button--m-danger--active--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-button--m-danger--active--Color:var(--pf-global--Color--light-100); --pf-c-button--m-link--BackgroundColor:transparent; --pf-c-button--m-link--Color:var(--pf-global--link--Color); --pf-c-button--m-link--hover--BackgroundColor:transparent; --pf-c-button--m-link--hover--Color:var(--pf-global--link--Color--hover); --pf-c-button--m-link--focus--BackgroundColor:transparent; --pf-c-button--m-link--focus--Color:var(--pf-global--link--Color--hover); --pf-c-button--m-link--active--BackgroundColor:transparent; --pf-c-button--m-link--active--Color:var(--pf-global--link--Color--hover); --pf-c-button--m-link--disabled--BackgroundColor:transparent; --pf-c-button--m-link--m-inline--FontSize:inherit; --pf-c-button--m-link--m-inline--hover--TextDecoration:var(--pf-global--link--TextDecoration--hover); --pf-c-button--m-link--m-inline--hover--Color:var(--pf-global--link--Color--hover); --pf-c-button--m-link--m-danger--BackgroundColor:transparent; --pf-c-button--m-link--m-danger--Color:var(--pf-global--danger-color--100); --pf-c-button--m-link--m-danger--hover--BackgroundColor:transparent; --pf-c-button--m-link--m-danger--hover--Color:var(--pf-global--danger-color--200); --pf-c-button--m-link--m-danger--focus--BackgroundColor:transparent; --pf-c-button--m-link--m-danger--focus--Color:var(--pf-global--danger-color--200); --pf-c-button--m-link--m-danger--active--BackgroundColor:transparent; --pf-c-button--m-link--m-danger--active--Color:var(--pf-global--danger-color--200); --pf-c-button--m-plain--BackgroundColor:transparent; --pf-c-button--m-plain--Color:var(--pf-global--Color--200); --pf-c-button--m-plain--hover--BackgroundColor:transparent; --pf-c-button--m-plain--hover--Color:var(--pf-global--Color--100); --pf-c-button--m-plain--focus--BackgroundColor:transparent; --pf-c-button--m-plain--focus--Color:var(--pf-global--Color--100); --pf-c-button--m-plain--active--BackgroundColor:transparent; --pf-c-button--m-plain--active--Color:var(--pf-global--Color--100); --pf-c-button--m-plain--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-button--m-plain--disabled--BackgroundColor:transparent; --pf-c-button--m-control--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--Color:var(--pf-global--Color--100); --pf-c-button--m-control--BorderRadius:0; --pf-c-button--m-control--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-button--m-control--after--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-button--m-control--after--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-button--m-control--after--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-button--m-control--after--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-button--m-control--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-button--m-control--hover--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--hover--Color:var(--pf-global--Color--100); --pf-c-button--m-control--hover--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-button--m-control--hover--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-button--m-control--active--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--active--Color:var(--pf-global--Color--100); --pf-c-button--m-control--active--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-button--m-control--active--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-button--m-control--focus--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--focus--Color:var(--pf-global--Color--100); --pf-c-button--m-control--focus--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-button--m-control--focus--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-button--m-control--m-expanded--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-button--m-control--m-expanded--Color:var(--pf-global--Color--100); --pf-c-button--m-control--m-expanded--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-button--m-control--m-expanded--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-button--m-small--FontSize:var(--pf-global--FontSize--sm); --pf-c-button--m-display-lg--PaddingTop:var(--pf-global--spacer--md); --pf-c-button--m-display-lg--PaddingRight:var(--pf-global--spacer--xl); --pf-c-button--m-display-lg--PaddingBottom:var(--pf-global--spacer--md); --pf-c-button--m-display-lg--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-button--m-display-lg--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-button--m-link--m-display-lg--FontSize:var(--pf-global--FontSize--lg); --pf-c-button__icon--m-start--MarginRight:var(--pf-global--spacer--xs); --pf-c-button__icon--m-end--MarginLeft:var(--pf-global--spacer--xs); --pf-c-button__progress--width:calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm)); --pf-c-button__progress--Opacity:0; --pf-c-button__progress--TranslateY:-50%; --pf-c-button__progress--Top:50%; --pf-c-button__progress--Left:var(--pf-global--spacer--md); --pf-c-button--m-progress--TransitionProperty:padding; --pf-c-button--m-progress--TransitionDuration:var(--pf-global--TransitionDuration); --pf-c-button--m-progress--PaddingRight:calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)/2); --pf-c-button--m-progress--PaddingLeft:calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)/2); --pf-c-button--m-in-progress--PaddingRight:var(--pf-global--spacer--md); --pf-c-button--m-in-progress--PaddingLeft:calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width)); position: relative; display: inline-block; padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft); font-size: var(--pf-c-button--FontSize); font-weight: var(--pf-c-button--FontWeight); line-height: var(--pf-c-button--LineHeight); text-align: center; white-space: nowrap; user-select: none; border: 0; border-radius: var(--pf-c-button--BorderRadius); } .pf-c-button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-c-button--after--BorderWidth) solid; border-color: var(--pf-c-button--after--BorderColor); border-radius: var(--pf-c-button--after--BorderRadius); } .pf-c-button:hover { --pf-c-button--after--BorderWidth:var(--pf-c-button--hover--after--BorderWidth); text-decoration: none; } .pf-c-button:focus { --pf-c-button--after--BorderWidth:var(--pf-c-button--focus--after--BorderWidth); } .pf-c-button.pf-m-active, .pf-c-button:active { --pf-c-button--after--BorderWidth:var(--pf-c-button--active--after--BorderWidth); } .pf-c-button.pf-m-block { display: block; width: 100%; } .pf-c-button.pf-m-small { --pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize); } .pf-c-button.pf-m-link.pf-m-display-lg, .pf-c-button.pf-m-primary.pf-m-display-lg, .pf-c-button.pf-m-secondary.pf-m-display-lg, .pf-c-button.pf-m-tertiary.pf-m-display-lg { --pf-c-button--PaddingTop:var(--pf-c-button--m-display-lg--PaddingTop); --pf-c-button--PaddingRight:var(--pf-c-button--m-display-lg--PaddingRight); --pf-c-button--PaddingBottom:var(--pf-c-button--m-display-lg--PaddingBottom); --pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft); --pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight); } .pf-c-button.pf-m-primary { color: var(--pf-c-button--m-primary--Color); background-color: var(--pf-c-button--m-primary--BackgroundColor); } .pf-c-button.pf-m-primary:hover { --pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--hover--Color); --pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--hover--BackgroundColor); } .pf-c-button.pf-m-primary:focus { --pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--focus--Color); --pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--focus--BackgroundColor); } .pf-c-button.pf-m-primary.pf-m-active, .pf-c-button.pf-m-primary:active { --pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--active--Color); --pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor); } .pf-c-button.pf-m-secondary { --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--after--BorderColor); color: var(--pf-c-button--m-secondary--Color); background-color: var(--pf-c-button--m-secondary--BackgroundColor); } .pf-c-button.pf-m-secondary:hover { --pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--hover--Color); --pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--hover--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--hover--after--BorderColor); } .pf-c-button.pf-m-secondary:focus { --pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--focus--Color); --pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--focus--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--focus--after--BorderColor); } .pf-c-button.pf-m-secondary.pf-m-active, .pf-c-button.pf-m-secondary:active { --pf-c-button--m-secondary--Color:var(--pf-c-button--m-secondary--active--Color); --pf-c-button--m-secondary--BackgroundColor:var(--pf-c-button--m-secondary--active--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--active--after--BorderColor); } .pf-c-button.pf-m-tertiary { --pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--after--BorderColor); color: var(--pf-c-button--m-tertiary--Color); background-color: var(--pf-c-button--m-tertiary--BackgroundColor); } .pf-c-button.pf-m-tertiary:hover { --pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--hover--Color); --pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--hover--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--hover--after--BorderColor); } .pf-c-button.pf-m-tertiary:focus { --pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--focus--Color); --pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--focus--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--focus--after--BorderColor); } .pf-c-button.pf-m-tertiary.pf-m-active, .pf-c-button.pf-m-tertiary:active { --pf-c-button--m-tertiary--Color:var(--pf-c-button--m-tertiary--active--Color); --pf-c-button--m-tertiary--BackgroundColor:var(--pf-c-button--m-tertiary--active--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-tertiary--active--after--BorderColor); } .pf-c-button.pf-m-link { --pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-link--disabled--BackgroundColor); color: var(--pf-c-button--m-link--Color); background-color: var(--pf-c-button--m-link--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline):hover { --pf-c-button--m-link--Color:var(--pf-c-button--m-link--hover--Color); --pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--hover--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline):focus { --pf-c-button--m-link--Color:var(--pf-c-button--m-link--focus--Color); --pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--focus--BackgroundColor); } .pf-c-button.pf-m-link:not(.pf-m-inline).pf-m-active, .pf-c-button.pf-m-link:not(.pf-m-inline):active { --pf-c-button--m-link--Color:var(--pf-c-button--m-link--active--Color); --pf-c-button--m-link--BackgroundColor:var(--pf-c-button--m-link--active--BackgroundColor); } .pf-c-button.pf-m-link.pf-m-inline { --pf-c-button--FontSize:var(--pf-c-button--m-link--m-inline--FontSize); display: inline; padding: 0; text-align: left; white-space: normal; cursor: pointer; } .pf-c-button.pf-m-link.pf-m-inline:hover { --pf-c-button--m-link--Color:var(--pf-c-button--m-link--m-inline--hover--Color); text-decoration: var(--pf-c-button--m-link--m-inline--hover--TextDecoration); } .pf-c-button.pf-m-link.pf-m-display-lg { --pf-c-button--FontSize:var(--pf-c-button--m-link--m-display-lg--FontSize); } .pf-c-button.pf-m-danger { color: var(--pf-c-button--m-danger--Color); background-color: var(--pf-c-button--m-danger--BackgroundColor); } .pf-c-button.pf-m-danger:hover { --pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--hover--Color); --pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--hover--BackgroundColor); } .pf-c-button.pf-m-danger:focus { --pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--focus--Color); --pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--focus--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-active, .pf-c-button.pf-m-danger:active { --pf-c-button--m-danger--Color:var(--pf-c-button--m-danger--active--Color); --pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-danger--active--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-secondary { --pf-c-button--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--Color); --pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary:hover { --pf-c-button--m-secondary--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--hover--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--hover--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--hover--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary:focus { --pf-c-button--m-secondary--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--focus--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--focus--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--focus--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-secondary.pf-m-active, .pf-c-button.pf-m-danger.pf-m-secondary:active { --pf-c-button--m-secondary--m-danger--Color:var(--pf-c-button--m-secondary--m-danger--active--Color); --pf-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-c-button--m-secondary--m-danger--active--BackgroundColor); --pf-c-button--after--BorderColor:var(--pf-c-button--m-secondary--m-danger--active--after--BorderColor); } .pf-c-button.pf-m-danger.pf-m-link { --pf-c-button--m-danger--Color:var(--pf-c-button--m-link--m-danger--Color); --pf-c-button--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link:hover { --pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--hover--Color); --pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--hover--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link:focus { --pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--focus--Color); --pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--focus--BackgroundColor); } .pf-c-button.pf-m-danger.pf-m-link.pf-m-active, .pf-c-button.pf-m-danger.pf-m-link:active { --pf-c-button--m-link--m-danger--Color:var(--pf-c-button--m-link--m-danger--active--Color); --pf-c-button--m-link--m-danger--BackgroundColor:var(--pf-c-button--m-link--m-danger--active--BackgroundColor); } .pf-c-button.pf-m-warning { color: var(--pf-c-button--m-warning--Color); background-color: var(--pf-c-button--m-warning--BackgroundColor); } .pf-c-button.pf-m-warning:hover { --pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--hover--Color); --pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--hover--BackgroundColor); } .pf-c-button.pf-m-warning:focus { --pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--focus--Color); --pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--focus--BackgroundColor); } .pf-c-button.pf-m-warning.pf-m-active, .pf-c-button.pf-m-warning:active { --pf-c-button--m-warning--Color:var(--pf-c-button--m-warning--active--Color); --pf-c-button--m-warning--BackgroundColor:var(--pf-c-button--m-warning--active--BackgroundColor); } .pf-c-button.pf-m-control { --pf-c-button--BorderRadius:var(--pf-c-button--m-control--BorderRadius); --pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-control--disabled--BackgroundColor); --pf-c-button--after--BorderWidth:var(--pf-c-button--m-control--after--BorderWidth); --pf-c-button--after--BorderColor:var(--pf-c-button--m-control--after--BorderTopColor) var(--pf-c-button--m-control--after--BorderRightColor) var(--pf-c-button--m-control--after--BorderBottomColor) var(--pf-c-button--m-control--after--BorderLeftColor); color: var(--pf-c-button--m-control--Color); background-color: var(--pf-c-button--m-control--BackgroundColor); } .pf-c-button.pf-m-control:after { border-radius: initial; } .pf-c-button.pf-m-control:hover { --pf-c-button--m-control--Color:var(--pf-c-button--m-control--hover--Color); --pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--hover--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--hover--after--BorderBottomColor); } .pf-c-button.pf-m-control:hover:after { border-bottom-width: var(--pf-c-button--m-control--hover--after--BorderBottomWidth); } .pf-c-button.pf-m-control.pf-m-active, .pf-c-button.pf-m-control:active { --pf-c-button--m-control--Color:var(--pf-c-button--m-control--active--Color); --pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--active--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--active--after--BorderBottomColor); } .pf-c-button.pf-m-control.pf-m-active:after, .pf-c-button.pf-m-control:active:after { border-bottom-width: var(--pf-c-button--m-control--active--after--BorderBottomWidth); } .pf-c-button.pf-m-control:focus { --pf-c-button--m-control--Color:var(--pf-c-button--m-control--focus--Color); --pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--focus--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--focus--after--BorderBottomColor); } .pf-c-button.pf-m-control:focus:after { border-bottom-width: var(--pf-c-button--m-control--focus--after--BorderBottomWidth); } .pf-c-button.pf-m-control.pf-m-expanded { --pf-c-button--m-control--Color:var(--pf-c-button--m-control--m-expanded--Color); --pf-c-button--m-control--BackgroundColor:var(--pf-c-button--m-control--m-expanded--BackgroundColor); --pf-c-button--m-control--after--BorderBottomColor:var(--pf-c-button--m-control--m-expanded--after--BorderBottomColor); } .pf-c-button.pf-m-control.pf-m-expanded:after { border-bottom-width: var(--pf-c-button--m-control--m-expanded--after--BorderBottomWidth); } .pf-c-button.pf-m-plain { --pf-c-button--disabled--Color:var(--pf-c-button--m-plain--disabled--Color); --pf-c-button--disabled--BackgroundColor:var(--pf-c-button--m-plain--disabled--BackgroundColor); color: var(--pf-c-button--m-plain--Color); background-color: var(--pf-c-button--m-plain--BackgroundColor); } .pf-c-button.pf-m-plain:hover { --pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--hover--Color); --pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--hover--BackgroundColor); } .pf-c-button.pf-m-plain.pf-m-active, .pf-c-button.pf-m-plain:active { --pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--active--Color); --pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--active--BackgroundColor); } .pf-c-button.pf-m-plain:focus { --pf-c-button--m-plain--Color:var(--pf-c-button--m-plain--focus--Color); --pf-c-button--m-plain--BackgroundColor:var(--pf-c-button--m-plain--focus--BackgroundColor); } .pf-c-button.pf-m-disabled, .pf-c-button:disabled { pointer-events: none; } .pf-c-button.pf-m-aria-disabled, .pf-c-button.pf-m-disabled, .pf-c-button:disabled { color: var(--pf-c-button--disabled--Color); background-color: var(--pf-c-button--disabled--BackgroundColor); } .pf-c-button.pf-m-aria-disabled:after, .pf-c-button.pf-m-disabled:after, .pf-c-button:disabled:after { border-color: var(--pf-c-button--disabled--after--BorderColor); } .pf-c-button.pf-m-aria-disabled { --pf-c-button--after--BorderWidth:0; --pf-c-button--m-link--m-inline--hover--TextDecoration:none; cursor: default; } .pf-c-button.pf-m-progress { --pf-c-button--PaddingRight:var(--pf-c-button--m-progress--PaddingRight); --pf-c-button--PaddingLeft:var(--pf-c-button--m-progress--PaddingLeft); transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration); } .pf-c-button.pf-m-in-progress { --pf-c-button--PaddingRight:var(--pf-c-button--m-in-progress--PaddingRight); --pf-c-button--PaddingLeft:var(--pf-c-button--m-in-progress--PaddingLeft); } .pf-c-button__icon.pf-m-start { margin-right: var(--pf-c-button__icon--m-start--MarginRight); } .pf-c-button__icon.pf-m-end { margin-left: var(--pf-c-button__icon--m-end--MarginLeft); } .pf-c-button__progress { position: absolute; top: var(--pf-c-button__progress--Top); left: var(--pf-c-button__progress--Left); line-height: 1; transform: translateY(var(--pf-c-button__progress--TranslateY)); } .pf-c-button__progress .pf-c-spinner { --pf-c-spinner--Color:currentColor; } .pf-m-overpass-font .pf-c-button { --pf-c-button--FontWeight:var(--pf-global--FontWeight--semi-bold); } .pf-c-calendar-month { --pf-c-calendar-month--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-calendar-month--PaddingTop:var(--pf-global--spacer--lg); --pf-c-calendar-month--PaddingRight:var(--pf-global--spacer--lg); --pf-c-calendar-month--PaddingBottom:var(--pf-global--spacer--md); --pf-c-calendar-month--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-calendar-month--FontSize:var(--pf-global--FontSize--sm); --pf-c-calendar-month__header--MarginBottom:var(--pf-global--spacer--md); --pf-c-calendar-month__header-year--Width:8ch; --pf-c-calendar-month__header-nav-control--MarginRight:0; --pf-c-calendar-month__header-nav-control--MarginLeft:0; --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight:var(--pf-global--spacer--sm); --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight:calc(var(--pf-global--spacer--md)*-1); --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft:var(--pf-global--spacer--sm); --pf-c-calendar-month__days--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-calendar-month__days--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-calendar-month__day--PaddingBottom:var(--pf-global--spacer--md); --pf-c-calendar-month__day--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-calendar-month__dates-cell--PaddingTop:0.125rem; --pf-c-calendar-month__dates-cell--PaddingRight:0.125rem; --pf-c-calendar-month__dates-cell--PaddingBottom:0.125rem; --pf-c-calendar-month__dates-cell--PaddingLeft:0.125rem; --pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop:var(--pf-global--spacer--sm); --pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor:var(--pf-global--active-color--100); --pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor:var(--pf-global--active-color--100); --pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor:var(--pf-global--primary-color--200); --pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow:0 0 0.3125rem var(--pf-global--primary-color--100); --pf-c-calendar-month__dates-cell--m-selected__date--Color:var(--pf-global--Color--light-100); --pf-c-calendar-month__dates-cell--before--BackgroundColor:transparent; --pf-c-calendar-month__dates-cell--before--Top:0; --pf-c-calendar-month__dates-cell--before--Right:0; --pf-c-calendar-month__dates-cell--before--Bottom:var(--pf-c-calendar-month__dates-cell--PaddingBottom); --pf-c-calendar-month__dates-cell--before--Left:0; --pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left:50%; --pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right:50%; --pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor:var(--pf-global--palette--blue-100); --pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor:var(--pf-global--palette--blue-100); --pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color:var(--pf-global--disabled-color--100); --pf-c-calendar-month__date--Width:4ch; --pf-c-calendar-month__date--Height:4ch; --pf-c-calendar-month__date--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-calendar-month__date--Color:var(--pf-global--Color--100); --pf-c-calendar-month__date--BackgroundColor:transparent; --pf-c-calendar-month__date--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-calendar-month__date--after--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-calendar-month__date--after--BorderColor:transparent; --pf-c-calendar-month__date--hover--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-calendar-month__date--focus--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-calendar-month__date--focus--after--BorderColor:var(--pf-global--active-color--100); --pf-c-calendar-month__date--focus--BoxShadow:none; color: var(--pf-global--Color--100); display: inline-flex; flex-direction: column; padding: var(--pf-c-calendar-month--PaddingTop) var(--pf-c-calendar-month--PaddingRight) var(--pf-c-calendar-month--PaddingBottom) var(--pf-c-calendar-month--PaddingLeft); font-size: var(--pf-c-calendar-month--FontSize); background-color: var(--pf-c-calendar-month--BackgroundColor); } .pf-c-calendar-month__header { display: flex; margin-bottom: var(--pf-c-calendar-month__header--MarginBottom); } .pf-c-calendar-month__header-nav-control { margin-right: var(--pf-c-calendar-month__header-nav-control--MarginRight); margin-left: var(--pf-c-calendar-month__header-nav-control--MarginLeft); } .pf-c-calendar-month__header-nav-control.pf-m-prev-month { --pf-c-calendar-month__header-nav-control--MarginRight:var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight); --pf-c-calendar-month__header-nav-control--MarginLeft:var(--pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft); } .pf-c-calendar-month__header-nav-control.pf-m-next-month { --pf-c-calendar-month__header-nav-control--MarginRight:var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginRight); --pf-c-calendar-month__header-nav-control--MarginLeft:var(--pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft); } .pf-c-calendar-month__header-month { flex-grow: 1; } .pf-c-calendar-month__header-year { width: var(--pf-c-calendar-month__header-year--Width); } .pf-c-calendar-month__calendar { table-layout: fixed; } .pf-c-calendar-month__days { border-bottom: var(--pf-c-calendar-month__days--BorderBottomWidth) solid var(--pf-c-calendar-month__days--BorderBottomColor); } .pf-c-calendar-month__day { padding-bottom: var(--pf-c-calendar-month__day--PaddingBottom); font-weight: var(--pf-c-calendar-month__day--FontWeight); text-align: center; } .pf-c-calendar-month__dates-row:first-child { --pf-c-calendar-month__dates-cell--PaddingTop:var(--pf-c-calendar-month__dates-row--first-child__dates-cell--PaddingTop); } .pf-c-calendar-month__dates-cell { --pf-c-calendar-month__dates-cell--before--Top:var(--pf-c-calendar-month__dates-cell--PaddingTop); position: relative; padding: var(--pf-c-calendar-month__dates-cell--PaddingTop) var(--pf-c-calendar-month__dates-cell--PaddingRight) var(--pf-c-calendar-month__dates-cell--PaddingBottom) var(--pf-c-calendar-month__dates-cell--PaddingLeft); text-align: center; } .pf-c-calendar-month__dates-cell:before { position: absolute; top: var(--pf-c-calendar-month__dates-cell--before--Top); right: var(--pf-c-calendar-month__dates-cell--before--Right); bottom: var(--pf-c-calendar-month__dates-cell--before--Bottom); left: var(--pf-c-calendar-month__dates-cell--before--Left); content: ""; background-color: var(--pf-c-calendar-month__dates-cell--before--BackgroundColor); } .pf-c-calendar-month__dates-cell.pf-m-current { --pf-c-calendar-month__date--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor); } .pf-c-calendar-month__dates-cell.pf-m-in-range { --pf-c-calendar-month__dates-cell--before--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor); --pf-c-calendar-month__date--hover--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor); --pf-c-calendar-month__date--focus--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor); } .pf-c-calendar-month__dates-cell.pf-m-start-range { --pf-c-calendar-month__dates-cell--before--Left:var(--pf-c-calendar-month__dates-cell--m-in-range--m-start-range--before--Left); } .pf-c-calendar-month__dates-cell.pf-m-end-range { --pf-c-calendar-month__dates-cell--before--Right:var(--pf-c-calendar-month__dates-cell--m-in-range--m-end-range--before--Right); } .pf-c-calendar-month__dates-cell.pf-m-adjacent-month { --pf-c-calendar-month__date--Color:var(--pf-c-calendar-month__dates-cell--m-adjacent-month__date--Color); } .pf-c-calendar-month__dates-cell.pf-m-selected { --pf-c-calendar-month__date--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor); --pf-c-calendar-month__date--hover--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor); --pf-c-calendar-month__date--focus--BackgroundColor:var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor); --pf-c-calendar-month__date--focus--after--BorderColor:var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor); --pf-c-calendar-month__date--focus--BoxShadow:var(--pf-c-calendar-month__dates-cell--m-selected__date--focus--BoxShadow); --pf-c-calendar-month__date--Color:var(--pf-c-calendar-month__dates-cell--m-selected__date--Color); } .pf-c-calendar-month__dates-cell.pf-m-disabled { --pf-c-calendar-month__dates-cell--before--BackgroundColor:transparent; --pf-c-calendar-month__date--BackgroundColor:transparent; } .pf-c-calendar-month__date { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--pf-c-calendar-month__date--Width); height: var(--pf-c-calendar-month__date--Height); line-height: 1; color: var(--pf-c-calendar-month__date--Color); background-color: var(--pf-c-calendar-month__date--BackgroundColor); border: 0; } .pf-c-calendar-month__date:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-calendar-month__date--after--BorderWidth) solid var(--pf-c-calendar-month__date--after--BorderColor); } .pf-c-calendar-month__date, .pf-c-calendar-month__date:after { border-radius: var(--pf-c-calendar-month__date--BorderRadius); } .pf-c-calendar-month__date.pf-m-hover, .pf-c-calendar-month__date:hover { --pf-c-calendar-month__date--BackgroundColor:var(--pf-c-calendar-month__date--hover--BackgroundColor); } .pf-c-calendar-month__date.pf-m-focus, .pf-c-calendar-month__date:focus { --pf-c-calendar-month__date--BackgroundColor:var(--pf-c-calendar-month__date--focus--BackgroundColor); --pf-c-calendar-month__date--after--BorderColor:var(--pf-c-calendar-month__date--focus--after--BorderColor); outline: 0; box-shadow: var(--pf-c-calendar-month__date--focus--BoxShadow); } .pf-c-calendar-month__date:disabled { pointer-events: none; --pf-c-calendar-month__date--Color:var(--pf-c-calendar-month__date--disabled--Color); --pf-c-calendar-month__date--hover--focus--BorderColor:transparent; } .pf-c-card { --pf-c-card--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-card--BoxShadow:var(--pf-global--BoxShadow--sm); --pf-c-card--first-child--PaddingTop:var(--pf-global--spacer--lg); --pf-c-card--child--PaddingRight:var(--pf-global--spacer--lg); --pf-c-card--child--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-card--child--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-card--c-divider--child--PaddingTop:var(--pf-global--spacer--lg); --pf-c-card__title--FontSize:var(--pf-global--FontSize--md); --pf-c-card__title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-card__title--not--last-child--PaddingBottom:var(--pf-global--spacer--md); --pf-c-card__body--FontSize:var(--pf-global--FontSize--md); --pf-c-card__footer--FontSize:var(--pf-global--FontSize--md); --pf-c-card__actions--PaddingLeft:var(--pf-global--spacer--md); --pf-c-card__actions--child--MarginLeft:var(--pf-global--spacer--sm); --pf-c-card__header-toggle--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-card__header-toggle--MarginRight:var(--pf-global--spacer--xs); --pf-c-card__header-toggle--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-card__header-toggle--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-card__header-toggle-icon--Transition:var(--pf-global--Transition); --pf-c-card--m-expanded__header-toggle-icon--Rotate:90deg; --pf-c-card--m-hoverable--hover--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable--hover--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable--focus--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable--active--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable--m-selected--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable--m-selected--before--Height:var(--pf-global--BorderWidth--lg); --pf-c-card--m-selectable--m-selected--before--BackgroundColor:var(--pf-global--active-color--100); --pf-c-card--m-hoverable-raised--hover--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-card--m-hoverable-raised--hover--before--BackgroundColor:var(--pf-global--active-color--400); --pf-c-card--m-selectable-raised--before--Right:0; --pf-c-card--m-selectable-raised--before--Bottom:0; --pf-c-card--m-selectable-raised--before--Left:0; --pf-c-card--m-flat--m-selectable-raised--before--Right:calc(var(--pf-c-card--m-flat--BorderWidth)*-1); --pf-c-card--m-flat--m-selectable-raised--before--Bottom:calc(var(--pf-c-card--m-flat--BorderWidth)*-1); --pf-c-card--m-flat--m-selectable-raised--before--Left:calc(var(--pf-c-card--m-flat--BorderWidth)*-1); --pf-c-card--m-selectable-raised--before--Height:var(--pf-global--BorderWidth--xl); --pf-c-card--m-selectable-raised--before--BackgroundColor:transparent; --pf-c-card--m-selectable-raised--before--Transition:none; --pf-c-card--m-selectable-raised--before--ScaleY:1; --pf-c-card--m-selectable-raised--before--TranslateY:0; --pf-c-card--m-selectable-raised--hover--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-card--m-selectable-raised--hover--before--BackgroundColor:var(--pf-global--active-color--400); --pf-c-card--m-selectable-raised--focus--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-card--m-selectable-raised--focus--before--BackgroundColor:var(--pf-global--active-color--400); --pf-c-card--m-selectable-raised--active--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-card--m-selectable-raised--active--before--BackgroundColor:var(--pf-global--active-color--400); --pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor:var(--pf-global--active-color--100); --pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base:-0.5rem; --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base); --pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY:calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-flat--BorderWidth)); --pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY:calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-c-card--m-rounded--BorderRadius)); --pf-c-card--m-selectable-raised--m-selected-raised--Transition:transform .25s linear,box-shadow .25s linear; --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition:transform .25s linear; --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY:calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY)*-1); --pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY:2; --pf-c-card--m-non-selectable-raised--BackgroundColor:var(--pf-global--BackgroundColor--light-200); --pf-c-card--m-non-selectable-raised--before--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-card--m-non-selectable-raised--before--ScaleY:2; --pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor:var(--pf-global--disabled-color--200); --pf-c-card--m-compact__body--FontSize:var(--pf-global--FontSize--sm); --pf-c-card--m-compact__footer--FontSize:var(--pf-global--FontSize--sm); --pf-c-card--m-compact--first-child--PaddingTop:var(--pf-global--spacer--md); --pf-c-card--m-compact--child--PaddingRight:var(--pf-global--spacer--md); --pf-c-card--m-compact--child--PaddingBottom:var(--pf-global--spacer--md); --pf-c-card--m-compact--child--PaddingLeft:var(--pf-global--spacer--md); --pf-c-card--m-compact--c-divider--child--PaddingTop:var(--pf-global--spacer--md); --pf-c-card--m-compact__title--not--last-child--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-card--m-display-lg__title--FontSize:var(--pf-global--FontSize--xl); --pf-c-card--m-display-lg--first-child--PaddingTop:var(--pf-global--spacer--xl); --pf-c-card--m-display-lg--child--PaddingRight:var(--pf-global--spacer--xl); --pf-c-card--m-display-lg--child--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-card--m-display-lg--child--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-card--m-display-lg--c-divider--child--PaddingTop:var(--pf-global--spacer--xl); --pf-c-card--m-display-lg__title--not--last-child--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-card--m-flat--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-card--m-flat--BorderColor:var(--pf-global--BorderColor--100); --pf-c-card--m-rounded--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-card--m-full-height--Height:100%; --pf-c-card--m-plain--BoxShadow:none; --pf-c-card--m-plain--BackgroundColor:transparent; --pf-c-card__header--m-toggle-right--toggle--MarginRight:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-card__header--m-toggle-right--toggle--MarginLeft:var(--pf-global--spacer--xs); --pf-c-card__header--m-toggle-right--actions--MarginRight:0; display: flex; flex-direction: column; background-color: var(--pf-c-card--BackgroundColor); box-shadow: var(--pf-c-card--BoxShadow); } .pf-c-card.pf-m-hoverable:hover { box-shadow: var(--pf-c-card--m-hoverable--hover--BoxShadow); } .pf-c-card.pf-m-selectable { position: relative; cursor: pointer; } .pf-c-card.pf-m-selectable:hover { box-shadow: var(--pf-c-card--m-selectable--hover--BoxShadow); } .pf-c-card.pf-m-selectable:focus { box-shadow: var(--pf-c-card--m-selectable--focus--BoxShadow); } .pf-c-card.pf-m-selectable:active { box-shadow: var(--pf-c-card--m-selectable--active--BoxShadow); } .pf-c-card.pf-m-selectable.pf-m-selected { box-shadow: var(--pf-c-card--m-selectable--m-selected--BoxShadow); } .pf-c-card.pf-m-selectable.pf-m-selected:before { position: absolute; top: 0; right: 0; left: 0; height: var(--pf-c-card--m-selectable--m-selected--before--Height); content: ""; background-color: var(--pf-c-card--m-selectable--m-selected--before--BackgroundColor); } .pf-c-card.pf-m-hoverable-raised, .pf-c-card.pf-m-non-selectable-raised, .pf-c-card.pf-m-selectable-raised { position: relative; } .pf-c-card.pf-m-hoverable-raised:before, .pf-c-card.pf-m-non-selectable-raised:before, .pf-c-card.pf-m-selectable-raised:before { position: absolute; right: var(--pf-c-card--m-selectable-raised--before--Right); bottom: var(--pf-c-card--m-selectable-raised--before--Bottom); left: var(--pf-c-card--m-selectable-raised--before--Left); height: var(--pf-c-card--m-selectable-raised--before--Height); content: ""; background-color: var(--pf-c-card--m-selectable-raised--before--BackgroundColor); transition: var(--pf-c-card--m-selectable-raised--before--Transition); transform: translateY(var(--pf-c-card--m-selectable-raised--before--TranslateY)) scaleY(var(--pf-c-card--m-selectable-raised--before--ScaleY)); transform-origin: center bottom; } .pf-c-card.pf-m-hoverable-raised:hover { --pf-c-card--BoxShadow:var(--pf-c-card--m-hoverable-raised--hover--BoxShadow); --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-hoverable-raised--hover--before--BackgroundColor); } .pf-c-card.pf-m-selectable-raised { cursor: pointer; } .pf-c-card.pf-m-selectable-raised:hover { --pf-c-card--BoxShadow:var(--pf-c-card--m-selectable-raised--hover--BoxShadow); --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-selectable-raised--hover--before--BackgroundColor); } .pf-c-card.pf-m-selectable-raised:focus { --pf-c-card--BoxShadow:var(--pf-c-card--m-selectable-raised--focus--BoxShadow); --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-selectable-raised--focus--before--BackgroundColor); } .pf-c-card.pf-m-selectable-raised:active { --pf-c-card--BoxShadow:var(--pf-c-card--m-selectable-raised--active--BoxShadow); --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-selectable-raised--active--before--BackgroundColor); } .pf-c-card.pf-m-selectable-raised.pf-m-selected-raised { --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor); --pf-c-card--m-selectable-raised--before--Transition:var(--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition); --pf-c-card--m-selectable-raised--before--TranslateY:var(--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY); --pf-c-card--m-selectable-raised--before--ScaleY:var(--pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY); box-shadow: var(--pf-c-card--m-selectable-raised--m-selected-raised--BoxShadow); transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--Transition); transform: translateY(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY)); } .pf-c-card.pf-m-non-selectable-raised { --pf-c-card--BackgroundColor:var(--pf-c-card--m-non-selectable-raised--BackgroundColor); --pf-c-card--BoxShadow:none; --pf-c-card--m-flat--BorderColor:var(--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor); --pf-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-c-card--m-non-selectable-raised--before--BackgroundColor); --pf-c-card--m-selectable-raised--before--ScaleY:var(--pf-c-card--m-non-selectable-raised--before--ScaleY); } .pf-c-card.pf-m-compact { --pf-c-card__body--FontSize:var(--pf-c-card--m-compact__body--FontSize); --pf-c-card__footer--FontSize:var(--pf-c-card--m-compact__footer--FontSize); --pf-c-card--first-child--PaddingTop:var(--pf-c-card--m-compact--first-child--PaddingTop); --pf-c-card--child--PaddingRight:var(--pf-c-card--m-compact--child--PaddingRight); --pf-c-card--child--PaddingBottom:var(--pf-c-card--m-compact--child--PaddingBottom); --pf-c-card--child--PaddingLeft:var(--pf-c-card--m-compact--child--PaddingLeft); --pf-c-card--c-divider--child--PaddingTop:var(--pf-c-card--m-compact--c-divider--child--PaddingTop); --pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--m-compact__title--not--last-child--PaddingBottom); } .pf-c-card.pf-m-display-lg { --pf-c-card__title--FontSize:var(--pf-c-card--m-display-lg__title--FontSize); --pf-c-card--first-child--PaddingTop:var(--pf-c-card--m-display-lg--first-child--PaddingTop); --pf-c-card--child--PaddingRight:var(--pf-c-card--m-display-lg--child--PaddingRight); --pf-c-card--child--PaddingBottom:var(--pf-c-card--m-display-lg--child--PaddingBottom); --pf-c-card--child--PaddingLeft:var(--pf-c-card--m-display-lg--child--PaddingLeft); --pf-c-card--c-divider--child--PaddingTop:var(--pf-c-card--m-display-lg--c-divider--child--PaddingTop); --pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--m-display-lg__title--not--last-child--PaddingBottom); } .pf-c-card.pf-m-flat { --pf-c-card--BoxShadow:none; --pf-c-card--m-selectable-raised--before--Right:var(--pf-c-card--m-flat--m-selectable-raised--before--Right); --pf-c-card--m-selectable-raised--before--Bottom:var(--pf-c-card--m-flat--m-selectable-raised--before--Bottom); --pf-c-card--m-selectable-raised--before--Left:var(--pf-c-card--m-flat--m-selectable-raised--before--Left); --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY); border: var(--pf-c-card--m-flat--BorderWidth) solid var(--pf-c-card--m-flat--BorderColor); } .pf-c-card.pf-m-plain { --pf-c-card--BoxShadow:var(--pf-c-card--m-plain--BoxShadow); --pf-c-card--BackgroundColor:var(--pf-c-card--m-plain--BackgroundColor); } .pf-c-card.pf-m-rounded { --pf-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY); border-radius: var(--pf-c-card--m-rounded--BorderRadius); } .pf-c-card.pf-m-expanded .pf-c-card__header-toggle-icon { transform: rotate(var(--pf-c-card--m-expanded__header-toggle-icon--Rotate)); } .pf-c-card.pf-m-full-height { height: var(--pf-c-card--m-full-height--Height); } .pf-c-card > .pf-c-divider + .pf-c-card__body, .pf-c-card > .pf-c-divider + .pf-c-card__footer, .pf-c-card > .pf-c-divider + .pf-c-card__header, .pf-c-card > .pf-c-divider + .pf-c-card__title { padding-top: var(--pf-c-card--c-divider--child--PaddingTop); } .pf-c-card__header { display: flex; flex-direction: row; align-items: center; } .pf-c-card__header .pf-c-card__title { --pf-c-card--first-child--PaddingTop:0; --pf-c-card__title--not--last-child--PaddingBottom:0; padding: 0; } .pf-c-card__header.pf-m-toggle-right { --pf-c-card__header-toggle--MarginRight:var(--pf-c-card__header--m-toggle-right--toggle--MarginRight); --pf-c-card__header-toggle--MarginLeft:var(--pf-c-card__header--m-toggle-right--toggle--MarginLeft); } .pf-c-card__header.pf-m-toggle-right .pf-c-card__actions { --pf-c-card__header-toggle--MarginRight:var(--pf-c-card__header--m-toggle-right--actions--MarginRight); } .pf-c-card__header.pf-m-toggle-right .pf-c-card__header-toggle { order: 2; } .pf-c-card__header.pf-m-toggle-right .pf-c-card__title { flex: 1; } .pf-c-card__header-toggle { align-self: flex-start; margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) var(--pf-c-card__header-toggle--MarginLeft); } .pf-c-card__header-toggle-icon { display: inline-block; transition: var(--pf-c-card__header-toggle-icon--Transition); } .pf-c-card__title { font-family: var(--pf-c-card__title--FontFamily); font-size: var(--pf-c-card__title--FontSize); font-weight: var(--pf-c-card__title--FontWeight); } .pf-c-card__actions { display: flex; align-items: center; align-self: flex-start; order: 1; padding-left: var(--pf-c-card__actions--PaddingLeft); margin: var(--pf-c-card__header-toggle--MarginTop) var(--pf-c-card__header-toggle--MarginRight) var(--pf-c-card__header-toggle--MarginBottom) auto; } .pf-c-card__actions > * + * { margin-left: var(--pf-c-card__actions--child--MarginLeft); } .pf-c-card__actions + .pf-c-card__body, .pf-c-card__actions + .pf-c-card__footer, .pf-c-card__actions + .pf-c-card__title { padding: 0; } .pf-c-card__actions.pf-m-no-offset { --pf-c-card__header-toggle--MarginTop:0; --pf-c-card__header-toggle--MarginBottom:0; } .pf-c-card__body, .pf-c-card__footer, .pf-c-card__header, .pf-c-card__title { padding-right: var(--pf-c-card--child--PaddingRight); padding-bottom: var(--pf-c-card--child--PaddingBottom); padding-left: var(--pf-c-card--child--PaddingLeft); } .pf-c-card__body:first-child, .pf-c-card__footer:first-child, .pf-c-card__header:first-child, .pf-c-card__title:first-child { padding-top: var(--pf-c-card--first-child--PaddingTop); } .pf-c-card__header:not(:last-child), .pf-c-card__title:not(:last-child) { padding-bottom: var(--pf-c-card__title--not--last-child--PaddingBottom); } .pf-c-card__expandable-content { --pf-c-card--first-child--PaddingTop:0; } .pf-c-card__body:not(.pf-m-no-fill) { flex: 1 1 auto; } .pf-c-card__body { font-size: var(--pf-c-card__body--FontSize); } .pf-c-card__footer { font-size: var(--pf-c-card__footer--FontSize); } .pf-m-overpass-font .pf-c-card .pf-c-card__title { font-weight: var(--pf-global--FontWeight--normal); } .pf-c-check { --pf-c-check--GridGap:var(--pf-global--spacer--xs) var(--pf-global--spacer--sm); --pf-c-check__label--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-check__label--Color:var(--pf-global--Color--100); --pf-c-check__label--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-check__label--FontSize:var(--pf-global--FontSize--md); --pf-c-check__label--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-check__input--Height:var(--pf-c-check__label--FontSize); --pf-c-check__input--MarginTop:calc(var(--pf-c-check__label--FontSize)*var(--pf-c-check__label--LineHeight)/2 - var(--pf-c-check__input--Height)/2); --pf-c-check__description--FontSize:var(--pf-global--FontSize--sm); --pf-c-check__description--Color:var(--pf-global--Color--200); --pf-c-check__body--MarginTop:var(--pf-global--spacer--sm); display: grid; grid-template-columns: auto 1fr; grid-gap: var(--pf-c-check--GridGap); align-items: start; justify-items: start; } .pf-c-check.pf-m-standalone { --pf-c-check--GridGap:0; --pf-c-check__input--Height:auto; --pf-c-check__input--MarginTop:0; display: inline-grid; line-height: 1; } .pf-c-check__label { font-size: var(--pf-c-check__label--FontSize); font-weight: var(--pf-c-check__label--FontWeight); line-height: var(--pf-c-check__label--LineHeight); color: var(--pf-c-check__label--Color); } .pf-c-check__input { height: var(--pf-c-check__input--Height); margin-top: var(--pf-c-check__input--MarginTop); } .pf-c-check__description { grid-column: 2; font-size: var(--pf-c-check__description--FontSize); color: var(--pf-c-check__description--Color); } .pf-c-check__body { grid-column: 2; margin-top: var(--pf-c-check__body--MarginTop); } .pf-c-check__input, .pf-c-check__label, label.pf-c-check { cursor: pointer; } .pf-c-check__input.pf-m-disabled, .pf-c-check__input:disabled, .pf-c-check__label.pf-m-disabled, .pf-c-check__label:disabled { --pf-c-check__label--Color:var(--pf-c-check__label--disabled--Color); cursor: not-allowed; } .pf-c-chip { --pf-c-chip--PaddingTop:var(--pf-global--spacer--xs); --pf-c-chip--PaddingRight:var(--pf-global--spacer--sm); --pf-c-chip--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-chip--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-chip--BackgroundColor:var(--pf-global--Color--light-100); --pf-c-chip--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-chip--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-chip--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-chip--before--BorderRadius:var(--pf-c-chip--BorderRadius); --pf-c-chip--m-overflow__text--Color:var(--pf-global--primary-color--100); --pf-c-chip--m-draggable--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-chip--m-draggable--BoxShadow:var(--pf-global--BoxShadow--sm); --pf-c-chip--m-draggable__icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-chip__text--FontSize:var(--pf-global--FontSize--xs); --pf-c-chip__text--Color:var(--pf-global--Color--100); --pf-c-chip__text--MaxWidth:16ch; --pf-c-chip__c-button--PaddingTop:var(--pf-global--spacer--xs); --pf-c-chip__c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-chip__c-button--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-chip__c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-chip__c-button--MarginTop:calc(var(--pf-c-chip--PaddingTop)*-1); --pf-c-chip__c-button--MarginRight:calc(var(--pf-c-chip--PaddingRight)/2*-1); --pf-c-chip__c-button--MarginBottom:calc(var(--pf-c-chip--PaddingBottom)*-1); --pf-c-chip__c-button--FontSize:var(--pf-global--FontSize--xs); --pf-c-chip__c-badge--MarginLeft:var(--pf-global--spacer--xs); --pf-c-chip__icon--MarginLeft:var(--pf-global--spacer--sm); color: var(--pf-global--Color--100); position: relative; display: inline-flex; align-items: center; padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft); list-style: none; background-color: var(--pf-c-chip--BackgroundColor); border-radius: var(--pf-c-chip--BorderRadius); } .pf-c-chip:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-chip--before--BorderWidth) solid var(--pf-c-chip--before--BorderColor); border-radius: var(--pf-c-chip--before--BorderRadius); } .pf-c-chip.pf-m-overflow { border: 0; } .pf-c-chip.pf-m-overflow .pf-c-chip__text { color: var(--pf-c-chip--m-overflow__text--Color); } .pf-c-chip.pf-m-draggable { --pf-c-chip--BackgroundColor:var(--pf-c-chip--m-draggable--BackgroundColor); box-shadow: var(--pf-c-chip--m-draggable--BoxShadow); } .pf-c-chip.pf-m-draggable .pf-c-chip__icon { font-size: var(--pf-c-chip--m-draggable__icon--FontSize); } .pf-c-chip .pf-c-button { --pf-c-button--PaddingTop:var(--pf-c-chip__c-button--PaddingTop); --pf-c-button--PaddingRight:var(--pf-c-chip__c-button--PaddingRight); --pf-c-button--PaddingBottom:var(--pf-c-chip__c-button--PaddingBottom); --pf-c-button--PaddingLeft:var(--pf-c-chip__c-button--PaddingLeft); --pf-c-button--FontSize:var(--pf-c-chip__c-button--FontSize); margin-top: var(--pf-c-chip__c-button--MarginTop); margin-right: var(--pf-c-chip__c-button--MarginRight); margin-bottom: var(--pf-c-chip__c-button--MarginBottom); } .pf-c-chip .pf-c-badge { margin-left: var(--pf-c-chip__c-badge--MarginLeft); } .pf-c-chip__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; max-width: var(--pf-c-chip__text--MaxWidth); font-size: var(--pf-c-chip__text--FontSize); color: var(--pf-c-chip__text--Color); } .pf-c-chip__icon + .pf-c-chip__text, .pf-c-chip__text + .pf-c-chip__icon { margin-left: var(--pf-c-chip__icon--MarginLeft); } .pf-c-chip-group { color: var(--pf-global--Color--100); --pf-c-chip-group__list--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-chip-group__list--MarginRight:calc(var(--pf-global--spacer--xs)*-1); --pf-c-chip-group--m-category--PaddingTop:var(--pf-global--spacer--xs); --pf-c-chip-group--m-category--PaddingRight:var(--pf-global--spacer--xs); --pf-c-chip-group--m-category--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-chip-group--m-category--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-chip-group--m-category--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-chip-group--m-category--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-chip-group__label--MarginRight:var(--pf-global--spacer--sm); --pf-c-chip-group__label--FontSize:var(--pf-global--FontSize--sm); --pf-c-chip-group__label--MaxWidth:18ch; --pf-c-chip-group__close--MarginTop:calc(var(--pf-global--spacer--xs)*-1); --pf-c-chip-group__close--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-chip-group__list-item--MarginRight:var(--pf-global--spacer--xs); --pf-c-chip-group__list-item--MarginBottom:var(--pf-global--spacer--xs); } .pf-c-chip-group.pf-m-category { padding-top: var(--pf-c-chip-group--m-category--PaddingTop); padding-right: var(--pf-c-chip-group--m-category--PaddingRight); padding-bottom: var(--pf-c-chip-group--m-category--PaddingBottom); padding-left: var(--pf-c-chip-group--m-category--PaddingLeft); background-color: var(--pf-c-chip-group--m-category--BackgroundColor); border-radius: var(--pf-c-chip-group--m-category--BorderRadius); } .pf-c-chip-group__main { display: flex; flex: 1; flex-wrap: wrap; align-items: baseline; } .pf-c-chip-group__list { margin-right: var(--pf-c-chip-group__list--MarginRight); margin-bottom: var(--pf-c-chip-group__list--MarginBottom); } .pf-c-chip-group, .pf-c-chip-group__list { display: inline-flex; flex-wrap: wrap; align-items: center; } .pf-c-chip-group__list-item { display: inline-flex; margin-right: var(--pf-c-chip-group__list-item--MarginRight); margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom); } .pf-c-chip-group__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: var(--pf-c-chip-group__label--MaxWidth); margin-right: var(--pf-c-chip-group__label--MarginRight); font-size: var(--pf-c-chip-group__label--FontSize); } .pf-c-chip-group__close { display: flex; align-self: flex-start; margin-top: var(--pf-c-chip-group__close--MarginTop); margin-bottom: var(--pf-c-chip-group__close--MarginBottom); } .pf-c-clipboard-copy { --pf-c-clipboard-copy__toggle-icon--Transition:.2s ease-in 0s; --pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate:90deg; --pf-c-clipboard-copy__expandable-content--PaddingTop:var(--pf-global--spacer--md); --pf-c-clipboard-copy__expandable-content--PaddingRight:var(--pf-global--spacer--md); --pf-c-clipboard-copy__expandable-content--PaddingBottom:var(--pf-global--spacer--md); --pf-c-clipboard-copy__expandable-content--PaddingLeft:var(--pf-global--spacer--md); --pf-c-clipboard-copy__expandable-content--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-clipboard-copy__expandable-content--BorderTopWidth:0; --pf-c-clipboard-copy__expandable-content--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-clipboard-copy__expandable-content--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-clipboard-copy__expandable-content--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-clipboard-copy__expandable-content--BorderColor:var(--pf-global--BorderColor--100); --pf-c-clipboard-copy__expandable-content--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-clipboard-copy--m-inline--PaddingTop:0; --pf-c-clipboard-copy--m-inline--PaddingBottom:0; --pf-c-clipboard-copy--m-inline--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-clipboard-copy--m-inline--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-clipboard-copy__text--m-code--FontFamily:var(--pf-global--FontFamily--monospace); --pf-c-clipboard-copy__text--m-code--FontSize:var(--pf-global--FontSize--sm); --pf-c-clipboard-copy__actions-item--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-clipboard-copy__actions-item--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-clipboard-copy__actions-item--button--PaddingTop:var(--pf-global--spacer--xs); --pf-c-clipboard-copy__actions-item--button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-clipboard-copy__actions-item--button--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-clipboard-copy__actions-item--button--PaddingLeft:var(--pf-global--spacer--sm); } .pf-c-clipboard-copy.pf-m-expanded .pf-c-clipboard-copy__toggle-icon { transform: rotate(var(--pf-c-clipboard-copy--m-expanded__toggle-icon--Rotate)); } .pf-c-clipboard-copy.pf-m-inline { display: inline; padding-top: var(--pf-c-clipboard-copy--m-inline--PaddingTop); padding-bottom: var(--pf-c-clipboard-copy--m-inline--PaddingBottom); padding-left: var(--pf-c-clipboard-copy--m-inline--PaddingLeft); white-space: nowrap; background-color: var(--pf-c-clipboard-copy--m-inline--BackgroundColor); } .pf-c-clipboard-copy.pf-m-inline.pf-m-block { display: block; } .pf-c-clipboard-copy__group { display: flex; } .pf-c-clipboard-copy__group > * + * { margin-left: -1px; } .pf-c-clipboard-copy__toggle-icon { transition: var(--pf-c-clipboard-copy__toggle-icon--Transition); } .pf-c-clipboard-copy__expandable-content { padding: var(--pf-c-clipboard-copy__expandable-content--PaddingTop) var(--pf-c-clipboard-copy__expandable-content--PaddingRight) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft); word-wrap: break-word; background-color: var(--pf-c-clipboard-copy__expandable-content--BackgroundColor); background-clip: padding-box; border: solid var(--pf-c-clipboard-copy__expandable-content--BorderColor); border-width: var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth); box-shadow: var(--pf-c-clipboard-copy__expandable-content--BoxShadow); } .pf-c-clipboard-copy__expandable-content pre { white-space: pre-wrap; } .pf-c-clipboard-copy__text { word-break: break-word; white-space: normal; } .pf-c-clipboard-copy__text.pf-m-code { font-family: var(--pf-c-clipboard-copy__text--m-code--FontFamily); font-size: var(--pf-c-clipboard-copy__text--m-code--FontSize); } .pf-c-clipboard-copy__actions { display: inline-flex; } .pf-c-clipboard-copy__actions-item { margin-top: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingTop)*-1); margin-bottom: calc(var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom)*-1); } .pf-c-clipboard-copy__actions-item .pf-c-button { --pf-c-button--PaddingTop:var(--pf-c-clipboard-copy__actions-item--button--PaddingTop); --pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight); --pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom); --pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft); } .pf-c-code-block { --pf-c-code-block--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-code-block__header--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-block__header--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-code-block__content--PaddingTop:var(--pf-global--spacer--md); --pf-c-code-block__content--PaddingRight:var(--pf-global--spacer--md); --pf-c-code-block__content--PaddingBottom:var(--pf-global--spacer--md); --pf-c-code-block__content--PaddingLeft:var(--pf-global--spacer--md); --pf-c-code-block__pre--FontFamily:var(--pf-global--FontFamily--monospace); --pf-c-code-block__pre--FontSize:var(--pf-global--FontSize--sm); background-color: var(--pf-c-code-block--BackgroundColor); } .pf-c-code-block__header { display: flex; border-bottom: var(--pf-c-code-block__header--BorderBottomWidth) solid var(--pf-c-code-block__header--BorderBottomColor); } .pf-c-code-block__actions { display: flex; margin-left: auto; } .pf-c-code-block__content { padding: var(--pf-c-code-block__content--PaddingTop) var(--pf-c-code-block__content--PaddingRight) var(--pf-c-code-block__content--PaddingBottom) var(--pf-c-code-block__content--PaddingLeft); } .pf-c-code-block__pre { font-family: var(--pf-c-code-block__pre--FontFamily); font-size: var(--pf-c-code-block__pre--FontSize); overflow-wrap: break-word; white-space: pre-wrap; } .pf-c-code-block__code { font-family: var(--pf-c-code-block__code--FontFamily,inherit); } .pf-c-code-editor { --pf-c-code-editor__controls--c-button--m-control--Color:var(--pf-global--Color--200); --pf-c-code-editor__controls--c-button--m-control--hover--Color:var(--pf-global--Color--100); --pf-c-code-editor__controls--c-button--m-control--focus--Color:var(--pf-global--Color--100); --pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-code-editor__header--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__header--before--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-code-editor__main--BorderColor:var(--pf-global--BorderColor--100); --pf-c-code-editor__main--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__main--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-code-editor--m-read-only__main--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-code-editor__main--m-drag-hover--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__main--m-drag-hover--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-code-editor__main--m-drag-hover--after--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-code-editor__main--m-drag-hover--after--Opacity:.1; --pf-c-code-editor__code--PaddingTop:var(--pf-global--spacer--sm); --pf-c-code-editor__code--PaddingRight:var(--pf-global--spacer--sm); --pf-c-code-editor__code--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-code-editor__code--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-code-editor__code-pre--FontSize:var(--pf-global--FontSize--sm); --pf-c-code-editor__code-pre--FontFamily:var(--pf-global--FontFamily--monospace); --pf-c-code-editor__tab--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-code-editor__tab--Color:var(--pf-global--Color--200); --pf-c-code-editor__tab--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-code-editor__tab--PaddingRight:var(--pf-global--spacer--sm); --pf-c-code-editor__tab--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-code-editor__tab--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-code-editor__tab--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__tab--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__tab--BorderBottomWidth:0; --pf-c-code-editor__tab--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-code-editor__tab--BorderColor:var(--pf-global--BorderColor--100); --pf-c-code-editor__tab-icon--text--MarginLeft:var(--pf-global--spacer--sm); } .pf-c-code-editor.pf-m-read-only { --pf-c-code-editor__main--BackgroundColor:var(--pf-c-code-editor--m-read-only__main--BackgroundColor); } .pf-c-code-editor__header { position: relative; display: flex; align-items: flex-end; } .pf-c-code-editor__header:before { position: absolute; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border-bottom: var(--pf-c-code-editor__header--before--BorderBottomWidth) solid var(--pf-c-code-editor__header--before--BorderBottomColor); } .pf-c-code-editor__controls { display: flex; } .pf-c-code-editor__controls .pf-c-button.pf-m-control { --pf-c-button--m-control--Color:var(--pf-c-code-editor__controls--c-button--m-control--Color); } .pf-c-code-editor__controls .pf-c-button.pf-m-control:hover { --pf-c-code-editor__controls--c-button--m-control--Color:var(--pf-c-code-editor__controls--c-button--m-control--hover--Color); } .pf-c-code-editor__controls .pf-c-button.pf-m-control:focus { --pf-c-code-editor__controls--c-button--m-control--Color:var(--pf-c-code-editor__controls--c-button--m-control--focus--Color); } .pf-c-code-editor__controls .pf-c-button.pf-m-control:disabled:after { border-bottom-color: var(--pf-c-code-editor__controls--c-button--m-control--disabled--after--BorderBottomColor); } .pf-c-code-editor__main { position: relative; background-color: var(--pf-c-code-editor__main--BackgroundColor); border: var(--pf-c-code-editor__main--BorderWidth) solid; border-color: var(--pf-c-code-editor__main--BorderColor); } .pf-c-code-editor__main.pf-m-drag-hover:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: var(--pf-c-code-editor__main--m-drag-hover--after--BackgroundColor); opacity: var(--pf-c-code-editor__main--m-drag-hover--after--Opacity); } .pf-c-code-editor__main.pf-m-drag-hover:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-code-editor__main--m-drag-hover--before--BorderWidth) solid var(--pf-c-code-editor__main--m-drag-hover--before--BorderColor); } .pf-c-code-editor__main .monaco-editor { background-color: var(--pf-c-code-editor__main--BackgroundColor); } .pf-c-code-editor__header + .pf-c-code-editor__main { border-top-width: 0; } .pf-c-code-editor__code { position: relative; padding: var(--pf-c-code-editor__code--PaddingTop) var(--pf-c-code-editor__code--PaddingRight) var(--pf-c-code-editor__code--PaddingBottom) var(--pf-c-code-editor__code--PaddingLeft); } .pf-c-code-editor__code .pf-c-code-editor__code-pre { font-family: var(--pf-c-code-editor__code-pre--FontFamily); font-size: var(--pf-c-code-editor__code-pre--FontSize); white-space: pre-wrap; } .pf-c-code-editor__tab { position: relative; display: flex; align-items: center; padding: var(--pf-c-code-editor__tab--PaddingTop) var(--pf-c-code-editor__tab--PaddingRight) var(--pf-c-code-editor__tab--PaddingBottom) var(--pf-c-code-editor__tab--PaddingLeft); margin-left: auto; color: var(--pf-c-code-editor__tab--Color); background-color: var(--pf-c-code-editor__tab--BackgroundColor); border-color: var(--pf-c-code-editor__tab--BorderColor); border-style: solid; border-width: var(--pf-c-code-editor__tab--BorderTopWidth) var(--pf-c-code-editor__tab--BorderRightWidth) var(--pf-c-code-editor__tab--BorderBottomWidth) var(--pf-c-code-editor__tab--BorderLeftWidth); } .pf-c-code-editor__tab-icon + .pf-c-code-editor__tab-text { margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft); } .pf-c-content { --pf-c-content--MarginBottom:var(--pf-global--spacer--md); --pf-c-content--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--FontSize:var(--pf-global--FontSize--md); --pf-c-content--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--Color:var(--pf-global--Color--100); --pf-c-content--heading--FontFamily:var(--pf-global--FontFamily--heading--sans-serif); --pf-c-content--h1--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h1--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h1--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-content--h1--FontSize:var(--pf-global--FontSize--2xl); --pf-c-content--h1--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--h2--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h2--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h2--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--h2--FontSize:var(--pf-global--FontSize--xl); --pf-c-content--h2--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--h3--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h3--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h3--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--h3--FontSize:var(--pf-global--FontSize--lg); --pf-c-content--h3--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--h4--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h4--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h4--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--h4--FontSize:var(--pf-global--FontSize--md); --pf-c-content--h4--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--h5--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h5--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h5--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--h5--FontSize:var(--pf-global--FontSize--md); --pf-c-content--h5--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--h6--MarginTop:var(--pf-global--spacer--lg); --pf-c-content--h6--MarginBottom:var(--pf-global--spacer--sm); --pf-c-content--h6--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--h6--FontSize:var(--pf-global--FontSize--md); --pf-c-content--h6--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-content--small--MarginBottom:var(--pf-global--spacer--md); --pf-c-content--small--LineHeight:var(--pf-global--LineHeight--md); --pf-c-content--small--FontSize:var(--pf-global--FontSize--sm); --pf-c-content--small--Color:var(--pf-global--Color--200); --pf-c-content--a--Color:var(--pf-global--link--Color); --pf-c-content--a--TextDecoration:var(--pf-global--link--TextDecoration); --pf-c-content--a--hover--Color:var(--pf-global--link--Color--hover); --pf-c-content--a--hover--TextDecoration:var(--pf-global--link--TextDecoration--hover); --pf-c-content--a--visited--Color:var(--pf-global--link--Color--visited); --pf-c-content--blockquote--PaddingTop:var(--pf-global--spacer--md); --pf-c-content--blockquote--PaddingRight:var(--pf-global--spacer--md); --pf-c-content--blockquote--PaddingBottom:var(--pf-global--spacer--md); --pf-c-content--blockquote--PaddingLeft:var(--pf-global--spacer--md); --pf-c-content--blockquote--Color:var(--pf-global--Color--200); --pf-c-content--blockquote--BorderLeftColor:var(--pf-global--BorderColor--100); --pf-c-content--blockquote--BorderLeftWidth:var(--pf-global--BorderWidth--lg); --pf-c-content--ol--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-content--ol--MarginLeft:var(--pf-global--spacer--lg); --pf-c-content--ol--nested--MarginTop:var(--pf-global--spacer--sm); --pf-c-content--ol--nested--MarginLeft:var(--pf-global--spacer--sm); --pf-c-content--ul--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-content--ul--MarginLeft:var(--pf-global--spacer--lg); --pf-c-content--ul--nested--MarginTop:var(--pf-global--spacer--sm); --pf-c-content--ul--nested--MarginLeft:var(--pf-global--spacer--sm); --pf-c-content--ul--ListStyle:var(--pf-global--ListStyle); --pf-c-content--li--MarginTop:var(--pf-global--spacer--sm); --pf-c-content--dl--ColumnGap:var(--pf-global--spacer--2xl); --pf-c-content--dl--RowGap:var(--pf-global--spacer--md); --pf-c-content--dt--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-content--dt--MarginTop:var(--pf-global--spacer--md); --pf-c-content--dt--sm--MarginTop:0; --pf-c-content--hr--Height:var(--pf-global--BorderWidth--sm); --pf-c-content--hr--BackgroundColor:var(--pf-global--BorderColor--100); font-size: var(--pf-c-content--FontSize); line-height: var(--pf-c-content--LineHeight); color: var(--pf-c-content--Color); } .pf-c-content a { color: var(--pf-c-content--a--Color); text-decoration: var(--pf-c-content--a--TextDecoration); } .pf-c-content a:hover { --pf-c-content--a--Color:var(--pf-c-content--a--hover--Color); --pf-c-content--a--TextDecoration:var(--pf-c-content--a--hover--TextDecoration); } .pf-c-content.pf-m-visited a:visited, .pf-c-content a.pf-m-visited:visited { color: var(--pf-c-content--a--visited--Color); } .pf-c-content li + li { margin-top: var(--pf-c-content--li--MarginTop); } .pf-c-content blockquote:not(:last-child), .pf-c-content dl:not(:last-child), .pf-c-content hr:not(:last-child), .pf-c-content ol:not(:last-child), .pf-c-content p:not(:last-child), .pf-c-content pre:not(:last-child), .pf-c-content small:not(:last-child), .pf-c-content table:not(:last-child), .pf-c-content ul:not(:last-child) { margin-bottom: var(--pf-c-content--MarginBottom); } .pf-c-content h1, .pf-c-content h2, .pf-c-content h3, .pf-c-content h4, .pf-c-content h5, .pf-c-content h6 { margin: 0; font-family: var(--pf-c-content--heading--FontFamily); } .pf-c-content h1:first-child, .pf-c-content h2:first-child, .pf-c-content h3:first-child, .pf-c-content h4:first-child, .pf-c-content h5:first-child, .pf-c-content h6:first-child { margin-top: 0; } .pf-c-content h1:last-child, .pf-c-content h2:last-child, .pf-c-content h3:last-child, .pf-c-content h4:last-child, .pf-c-content h5:last-child, .pf-c-content h6:last-child { margin-bottom: 0; } .pf-c-content ol, .pf-c-content ul { margin: 0; } .pf-c-content h1 { margin-top: var(--pf-c-content--h1--MarginTop); margin-bottom: var(--pf-c-content--h1--MarginBottom); font-size: var(--pf-c-content--h1--FontSize); font-weight: var(--pf-c-content--h1--FontWeight); line-height: var(--pf-c-content--h1--LineHeight); } .pf-c-content h2 { margin-top: var(--pf-c-content--h2--MarginTop); margin-bottom: var(--pf-c-content--h2--MarginBottom); font-size: var(--pf-c-content--h2--FontSize); font-weight: var(--pf-c-content--h2--FontWeight); line-height: var(--pf-c-content--h2--LineHeight); } .pf-c-content h3 { margin-top: var(--pf-c-content--h3--MarginTop); margin-bottom: var(--pf-c-content--h3--MarginBottom); font-size: var(--pf-c-content--h3--FontSize); font-weight: var(--pf-c-content--h3--FontWeight); line-height: var(--pf-c-content--h3--LineHeight); } .pf-c-content h4 { margin-top: var(--pf-c-content--h4--MarginTop); margin-bottom: var(--pf-c-content--h4--MarginBottom); font-size: var(--pf-c-content--h4--FontSize); font-weight: var(--pf-c-content--h4--FontWeight); line-height: var(--pf-c-content--h4--LineHeight); } .pf-c-content h5 { margin-top: var(--pf-c-content--h5--MarginTop); margin-bottom: var(--pf-c-content--h5--MarginBottom); font-size: var(--pf-c-content--h5--FontSize); font-weight: var(--pf-c-content--h5--FontWeight); line-height: var(--pf-c-content--h5--LineHeight); } .pf-c-content h6 { margin-top: var(--pf-c-content--h6--MarginTop); margin-bottom: var(--pf-c-content--h6--MarginBottom); font-size: var(--pf-c-content--h6--FontSize); font-weight: var(--pf-c-content--h6--FontWeight); line-height: var(--pf-c-content--h6--LineHeight); } .pf-c-content small { display: block; font-size: var(--pf-c-content--small--FontSize); line-height: var(--pf-c-content--small--LineHeight); color: var(--pf-c-content--small--Color); } .pf-c-content small:not(:last-child) { margin-bottom: var(--pf-c-content--small--MarginBottom); } .pf-c-content blockquote { padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft); color: var(--pf-c-content--blockquote--Color); border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor); } .pf-c-content hr { height: var(--pf-c-content--hr--Height); background-color: var(--pf-c-content--hr--BackgroundColor); border: none; } .pf-c-content ol { padding-left: var(--pf-c-content--ol--PaddingLeft); margin-left: var(--pf-c-content--ol--MarginLeft); } .pf-c-content ol ul { margin-top: var(--pf-c-content--ul--nested--MarginTop); --pf-c-content--ul--MarginLeft:var(--pf-c-content--ul--nested--MarginLeft); } .pf-c-content ol ol { margin-top: var(--pf-c-content--ol--nested--MarginTop); --pf-c-content--ol--MarginLeft:var(--pf-c-content--ol--nested--MarginLeft); } .pf-c-content ul { padding-left: var(--pf-c-content--ul--PaddingLeft); margin-left: var(--pf-c-content--ul--MarginLeft); list-style: var(--pf-c-content--ul--ListStyle); } .pf-c-content ul ul { margin-top: var(--pf-c-content--ul--nested--MarginTop); --pf-c-content--ul--MarginLeft:var(--pf-c-content--ul--nested--MarginLeft); } .pf-c-content ul ol { margin-top: var(--pf-c-content--ol--nested--MarginTop); --pf-c-content--ol--MarginLeft:var(--pf-c-content--ol--nested--MarginLeft); } .pf-c-content dl { display: grid; grid-template-columns: 1fr; } @media screen and (min-width:576px) { .pf-c-content dl { grid-template: auto/auto 1fr; grid-column-gap: var(--pf-c-content--dl--ColumnGap); grid-row-gap: var(--pf-c-content--dl--RowGap); } } .pf-c-content dt { font-weight: var(--pf-c-content--dt--FontWeight); } .pf-c-content dt:not(:first-child) { margin-top: var(--pf-c-content--dt--MarginTop); } @media screen and (min-width:576px) { .pf-c-content dt:not(:first-child) { --pf-c-content--dt--MarginTop:var(--pf-c-content--dt--sm--MarginTop); } } @media screen and (min-width:576px) { .pf-c-content dt { grid-column: 1; } } @media screen and (min-width:576px) { .pf-c-content dd { grid-column: 2; } } .pf-m-overpass-font .pf-c-content { --pf-c-content--h2--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-content--h4--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-content--h5--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-content--h6--FontWeight:var(--pf-global--FontWeight--semi-bold); } .pf-m-overpass-font .pf-c-content blockquote { font-weight: var(--pf-global--FontWeight--light); } .pf-c-context-selector { --pf-c-context-selector--Width:15.625rem; --pf-c-context-selector__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-context-selector__toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-context-selector__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-context-selector__toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-context-selector__toggle--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-context-selector__toggle--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-context-selector__toggle--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-context-selector__toggle--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-context-selector__toggle--Color:var(--pf-global--Color--100); --pf-c-context-selector__toggle--hover--BorderBottomWidth:var(--pf-c-context-selector__toggle--BorderWidth); --pf-c-context-selector__toggle--hover--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-context-selector__toggle--active--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-context-selector__toggle--active--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-context-selector__toggle--expanded--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-context-selector__toggle--expanded--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-context-selector__toggle--m-plain--Color:var(--pf-global--Color--200); --pf-c-context-selector__toggle--m-plain--hover--Color:var(--pf-global--Color--100); --pf-c-context-selector__toggle--m-plain--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-context-selector__toggle--m-plain--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector__toggle--m-plain--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-context-selector__toggle-text--FontSize:var(--pf-global--FontSize--md); --pf-c-context-selector__toggle-text--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-context-selector__toggle-text--LineHeight:var(--pf-global--LineHeight--md); --pf-c-context-selector__toggle-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-context-selector__toggle-icon--MarginLeft:var(--pf-global--spacer--md); --pf-c-context-selector__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-context-selector__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-context-selector__menu--PaddingTop:var(--pf-global--spacer--sm); --pf-c-context-selector__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-context-selector__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-context-selector__menu-search--PaddingTop:var(--pf-global--spacer--md); --pf-c-context-selector__menu-search--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector__menu-search--PaddingBottom:var(--pf-global--spacer--md); --pf-c-context-selector__menu-search--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector__menu-search--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-context-selector__menu-search--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-context-selector__menu-footer--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-context-selector__menu-footer--PaddingTop:var(--pf-global--spacer--md); --pf-c-context-selector__menu-footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector__menu-footer--PaddingBottom:var(--pf-global--spacer--md); --pf-c-context-selector__menu-footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector__menu-list--MaxHeight:12.5rem; --pf-c-context-selector__menu-list--PaddingTop:var(--pf-c-context-selector__menu--PaddingTop); --pf-c-context-selector__menu-list--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-context-selector__menu-list-item--Color:var(--pf-global--Color--dark-100); --pf-c-context-selector__menu-list-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-context-selector__menu-list-item--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector__menu-list-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-context-selector__menu-list-item--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector__menu-list-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-context-selector__menu-list-item--disabled--Color:var(--pf-global--Color--dark-200); --pf-c-context-selector__menu-item-icon--Color:var(--pf-global--active-color--100); --pf-c-context-selector__menu-item-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-context-selector__menu-item-icon--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-full-height__toggle--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-full-height__toggle--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth:0; --pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-large__toggle--PaddingTop:var(--pf-global--spacer--md); --pf-c-context-selector--m-large__toggle--PaddingBottom:var(--pf-global--spacer--md); --pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-large__toggle--active--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-context-selector--m-page-insets__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-search--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft:var(--pf-global--spacer--md); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft:var(--pf-global--spacer--lg); position: relative; display: inline-block; width: var(--pf-c-context-selector--Width); max-width: 100%; } @media screen and (min-width:1200px) { .pf-c-context-selector { --pf-c-context-selector--m-page-insets__toggle--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight); --pf-c-context-selector--m-page-insets__toggle--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft); --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight); --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft); --pf-c-context-selector--m-page-insets__menu-search--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight); --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft); --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight); --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft); --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight); --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight); --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft); } } .pf-c-context-selector.pf-m-full-height { --pf-c-context-selector__toggle--active--BorderBottomWidth:var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth); --pf-c-context-selector__toggle--expanded--BorderBottomWidth:var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth); --pf-c-context-selector__toggle--PaddingRight:var(--pf-c-context-selector--m-full-height__toggle--PaddingRight); --pf-c-context-selector__toggle--PaddingLeft:var(--pf-c-context-selector--m-full-height__toggle--PaddingLeft); display: inline-flex; align-items: center; height: 100%; } .pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle { align-self: stretch; } .pf-c-context-selector.pf-m-full-height .pf-c-context-selector__toggle:before { border-top-width: var(--pf-c-context-selector--m-full-height__toggle--before--BorderTopWidth); } .pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle:before { border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth); } .pf-c-context-selector.pf-m-large { --pf-c-context-selector__toggle--PaddingTop:var(--pf-c-context-selector--m-large__toggle--PaddingTop); --pf-c-context-selector__toggle--PaddingBottom:var(--pf-c-context-selector--m-large__toggle--PaddingBottom); --pf-c-context-selector__toggle--hover--BorderBottomWidth:var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth); --pf-c-context-selector__toggle--active--BorderBottomWidth:var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth); --pf-c-context-selector__toggle--expanded--BorderBottomWidth:var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth); } .pf-c-context-selector.pf-m-page-insets { --pf-c-context-selector__toggle--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight); --pf-c-context-selector__toggle--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft); --pf-c-context-selector__menu-list-item--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight); --pf-c-context-selector__menu-list-item--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft); --pf-c-context-selector__menu-search--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight); --pf-c-context-selector__menu-search--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft); --pf-c-context-selector__menu-footer--PaddingRight:var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight); --pf-c-context-selector__menu-footer--PaddingLeft:var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft); --pf-c-context-selector__toggle--m-plain--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight); --pf-c-context-selector__toggle--m-plain--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft); --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight); --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft:var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft); } .pf-c-context-selector__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--pf-c-context-selector__toggle--PaddingTop) var(--pf-c-context-selector__toggle--PaddingRight) var(--pf-c-context-selector__toggle--PaddingBottom) var(--pf-c-context-selector__toggle--PaddingLeft); color: var(--pf-c-context-selector__toggle--Color); white-space: nowrap; cursor: pointer; border: none; } .pf-c-context-selector__toggle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-context-selector__toggle--BorderWidth) solid; border-color: var(--pf-c-context-selector__toggle--BorderTopColor) var(--pf-c-context-selector__toggle--BorderRightColor) var(--pf-c-context-selector__toggle--BorderBottomColor) var(--pf-c-context-selector__toggle--BorderLeftColor); } .pf-c-context-selector__toggle:hover:before { --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-c-context-selector__toggle--hover--BorderBottomColor); border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth); } .pf-c-context-selector__toggle.pf-m-active:before, .pf-c-context-selector__toggle:active:before, .pf-c-context-selector__toggle:focus-within:before { --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-c-context-selector__toggle--active--BorderBottomColor); border-bottom-width: var(--pf-c-context-selector__toggle--active--BorderBottomWidth); } .pf-m-expanded > .pf-c-context-selector__toggle:before { --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-c-context-selector__toggle--expanded--BorderBottomColor); border-bottom-width: var(--pf-c-context-selector__toggle--expanded--BorderBottomWidth); } .pf-c-context-selector__toggle.pf-m-plain { --pf-c-context-selector__toggle--PaddingRight:var(--pf-c-context-selector__toggle--m-plain--PaddingRight); --pf-c-context-selector__toggle--PaddingLeft:var(--pf-c-context-selector__toggle--m-plain--PaddingLeft); } .pf-c-context-selector__toggle.pf-m-plain.pf-m-text { --pf-c-context-selector__toggle--PaddingRight:var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight); --pf-c-context-selector__toggle--PaddingLeft:var(--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft); } .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) { display: inline-block; width: auto; color: var(--pf-c-context-selector__toggle--m-plain--Color); } .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):disabled { --pf-c-context-selector__toggle--m-plain--Color:var(--pf-c-context-selector__toggle--m-plain--disabled--Color); } .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text), .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):hover { --pf-c-context-selector__toggle--m-plain--Color:var(--pf-c-context-selector__toggle--m-plain--hover--Color); } .pf-c-context-selector__toggle.pf-m-plain:before { border: 0; } .pf-c-context-selector__toggle .pf-c-context-selector__toggle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--pf-c-context-selector__toggle-text--FontSize); font-weight: var(--pf-c-context-selector__toggle-text--FontWeight); line-height: var(--pf-c-context-selector__toggle-text--LineHeight); } .pf-c-context-selector__toggle-icon { margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight); margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft); } .pf-c-context-selector__menu { color: var(--pf-global--Color--100); position: absolute; top: var(--pf-c-context-selector__menu--Top); z-index: var(--pf-c-context-selector__menu--ZIndex); min-width: 100%; background-color: var(--pf-c-context-selector__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-context-selector__menu--BoxShadow); } .pf-c-context-selector__menu-search { position: relative; padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft); border-bottom: var(--pf-c-context-selector__menu-search--BorderBottomWidth) solid var(--pf-c-context-selector__menu-search--BorderBottomColor); } .pf-c-context-selector__menu-footer { padding: var(--pf-c-context-selector__menu-footer--PaddingTop) var(--pf-c-context-selector__menu-footer--PaddingRight) var(--pf-c-context-selector__menu-footer--PaddingBottom) var(--pf-c-context-selector__menu-footer--PaddingLeft); box-shadow: var(--pf-c-context-selector__menu-footer--BoxShadow); } .pf-c-context-selector__menu-list { max-height: var(--pf-c-context-selector__menu-list--MaxHeight); padding-top: var(--pf-c-context-selector__menu-list--PaddingTop); padding-bottom: var(--pf-c-context-selector__menu-list--PaddingBottom); overflow-y: auto; } .pf-c-context-selector__menu-list-item { display: flex; align-items: center; width: 100%; padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft); color: var(--pf-c-context-selector__menu-list-item--Color); white-space: nowrap; border: none; } .pf-c-context-selector__menu-list-item:focus, .pf-c-context-selector__menu-list-item:hover { text-decoration: none; background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor); } .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled { --pf-c-context-selector__menu-list-item--Color:var(--pf-c-context-selector__menu-list-item--disabled--Color); pointer-events: none; } @media screen and (min-width:768px) { .pf-c-data-list:not([class*=pf-m-grid]) { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:768px) and (min-width:1200px) { .pf-c-data-list:not([class*=pf-m-grid]) { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:768px) { .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:768px) { .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:768px) { .pf-c-data-list:not([class*=pf-m-grid]) .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:0) { .pf-c-data-list.pf-m-grid-none { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:0) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-none { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:0) { .pf-c-data-list.pf-m-grid-none .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:0) { .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-none .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:0) { .pf-c-data-list.pf-m-grid-none .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:576px) { .pf-c-data-list.pf-m-grid-sm { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:576px) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-sm { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:576px) { .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:576px) { .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:576px) { .pf-c-data-list.pf-m-grid-sm .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:768px) { .pf-c-data-list.pf-m-grid-md { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:768px) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-md { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:768px) { .pf-c-data-list.pf-m-grid-md .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:768px) { .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-md .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:768px) { .pf-c-data-list.pf-m-grid-md .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:992px) { .pf-c-data-list.pf-m-grid-lg { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:992px) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-lg { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:992px) { .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:992px) { .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:992px) { .pf-c-data-list.pf-m-grid-lg .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:1200px) { .pf-c-data-list.pf-m-grid-xl { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:1200px) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-xl { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:1200px) { .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:1200px) { .pf-c-data-list.pf-m-grid-xl .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } @media screen and (min-width:1450px) { .pf-c-data-list.pf-m-grid-2xl { --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list__cell--cell--md--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list__cell--md--PaddingBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list__item-control--md--MarginRight); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list__item-action--md--MarginLeft); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-c-data-list__expandable-content-body--md--PaddingTop); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-c-data-list__expandable-content-body--md--PaddingBottom); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--md--PaddingBottom); --pf-c-data-list--m-compact__cell-cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--md--PaddingTop); } } @media screen and (min-width:1450px) and (min-width:1200px) { .pf-c-data-list.pf-m-grid-2xl { --pf-c-data-list__item-row--PaddingRight:var(--pf-c-data-list__item-row--xl--PaddingRight); --pf-c-data-list__item-row--PaddingLeft:var(--pf-c-data-list__item-row--xl--PaddingLeft); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-c-data-list__expandable-content-body--xl--PaddingRight); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-c-data-list__expandable-content-body--xl--PaddingLeft); } } @media screen and (min-width:1450px) { .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__item-content { display: flex; flex-wrap: wrap; flex-grow: 1; padding-bottom: var(--pf-c-data-list__item-content--md--PaddingBottom); } } @media screen and (min-width:1450px) { .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell:not(:last-child):not(.pf-m-icon) { margin-right: var(--pf-c-data-list__cell--MarginRight); } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1; order: 0; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-align-right { margin-left: auto; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-no-fill { flex: none; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-2 { flex-grow: 2; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-3 { flex-grow: 3; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-4 { flex-grow: 4; } .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__cell.pf-m-flex-5 { flex-grow: 5; } } @media screen and (min-width:1450px) { .pf-c-data-list.pf-m-grid-2xl .pf-c-data-list__expandable-content { max-height: none; overflow-y: visible; } } .pf-c-data-list { --pf-c-data-list--FontSize:1em; --pf-c-data-list--LineHeight:var(--pf-global--LineHeight--md); --pf-c-data-list--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-data-list--BorderTopWidth:var(--pf-global--spacer--sm); --pf-c-data-list--sm--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-data-list--sm--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-data-list__item--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-data-list__item--m-selected--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-data-list__item--m-expanded--before--BackgroundColor:var(--pf-global--active-color--100); --pf-c-data-list__item--m-selected--before--BackgroundColor:var(--pf-global--active-color--100); --pf-c-data-list__item--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-data-list__item--m-selectable--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-data-list__item--m-selectable--hover--ZIndex:calc(var(--pf-c-data-list__item--m-selected--ZIndex) + 1); --pf-c-data-list__item--m-selectable--hover--BoxShadow:var(--pf-global--BoxShadow--sm-top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-data-list__item--m-selectable--focus--BoxShadow:var(--pf-global--BoxShadow--sm-top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-data-list__item--m-selectable--active--BoxShadow:var(--pf-global--BoxShadow--sm-top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor:var(--pf-global--active-color--300); --pf-c-data-list__item--BorderBottomColor:var(--pf-global--BorderColor--300); --pf-c-data-list__item--BorderBottomWidth:0.5rem; --pf-c-data-list__item--m-selectable--hover--item--BorderTopColor:var(--pf-c-data-list__item--BorderBottomColor); --pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth:var(--pf-c-data-list__item--BorderBottomWidth); --pf-c-data-list__item--sm--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-data-list__item--sm--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-data-list__item--before--BackgroundColor:transparent; --pf-c-data-list__item--before--Width:var(--pf-global--BorderWidth--lg); --pf-c-data-list__item--before--Transition:var(--pf-global--Transition); --pf-c-data-list__item--before--Top:0; --pf-c-data-list__item--before--sm--Top:calc(var(--pf-c-data-list__item--BorderBottomWidth)*-1); --pf-c-data-list__item-row--PaddingRight:var(--pf-global--spacer--md); --pf-c-data-list__item-row--PaddingLeft:var(--pf-global--spacer--md); --pf-c-data-list__item-row--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-data-list__item-row--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-data-list__item-content--md--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__cell--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__cell--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__cell--MarginRight:var(--pf-global--spacer--xl); --pf-c-data-list__cell--md--PaddingBottom:0; --pf-c-data-list__cell--m-icon--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list__cell--cell--PaddingTop:0; --pf-c-data-list__cell--cell--md--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__cell--m-icon--cell--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list--cell--MinWidth:initial; --pf-c-data-list--cell--Overflow:visible; --pf-c-data-list--cell--TextOverflow:clip; --pf-c-data-list--cell--WhiteSpace:normal; --pf-c-data-list--cell--WordBreak:normal; --pf-c-data-list--cell--m-truncate--MinWidth:5ch; --pf-c-data-list__toggle--MarginLeft:calc(var(--pf-global--spacer--sm)*-1); --pf-c-data-list__toggle--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-data-list__toggle--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-data-list__toggle-icon--Height:calc(var(--pf-c-data-list--FontSize)*var(--pf-c-data-list--LineHeight)); --pf-c-data-list__toggle-icon--Transition:.2s ease-in 0s; --pf-c-data-list__toggle-icon--Rotate:0; --pf-c-data-list__item--m-expanded__toggle-icon--Rotate:90deg; --pf-c-data-list__item-draggable-button--PaddingLeft:var(--pf-global--spacer--md); --pf-c-data-list__item-draggable-button--PaddingRight:var(--pf-global--spacer--md); --pf-c-data-list__item-draggable-button--MarginTop:calc(var(--pf-global--spacer--lg)*-1); --pf-c-data-list__item-draggable-button--MarginBottom:calc(var(--pf-global--spacer--lg)*-1); --pf-c-data-list__item-draggable-button--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__item-draggable-button--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__item-draggable-button--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-data-list__item-draggable-button-icon--Color:var(--pf-global--icon--Color--light); --pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color:var(--pf-global--disabled-color--200); --pf-c-data-list__item-draggable-button--hover__draggable-icon--Color:var(--pf-global--icon--Color--dark); --pf-c-data-list__item-draggable-button--focus__draggable-icon--Color:var(--pf-global--icon--Color--dark); --pf-c-data-list__item--m-ghost-row--after--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-data-list__item--m-ghost-row--after--Opacity:.6; --pf-c-data-list__item-control--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__item-control--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__item-control--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list__item-control--md--MarginRight:var(--pf-global--spacer--xl); --pf-c-data-list__item-control--not-last-child--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list__check--Height:calc(var(--pf-c-data-list--FontSize)*var(--pf-c-data-list--LineHeight)); --pf-c-data-list__check--MarginTop:-0.0625rem; --pf-c-data-list__item-action--Display:flex; --pf-c-data-list__item-action--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__item-action--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__item-action--MarginLeft:var(--pf-global--spacer--md); --pf-c-data-list__item-action--md--MarginLeft:var(--pf-global--spacer--xl); --pf-c-data-list__item-action--not-last-child--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list__item-action__action--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-data-list__action--MarginTop:var(--pf-c-data-list__item-action__action--MarginTop); --pf-c-data-list__item-action__action--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-data-list__expandable-content--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-data-list__expandable-content--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-data-list__expandable-content--MarginRight:calc(var(--pf-c-data-list__expandable-content-body--PaddingRight)*-1); --pf-c-data-list__expandable-content--MarginLeft:calc(var(--pf-c-data-list__expandable-content-body--PaddingLeft)*-1); --pf-c-data-list__expandable-content--MaxHeight:37.5rem; --pf-c-data-list__expandable-content--before--Top:calc(var(--pf-c-data-list__item--BorderBottomWidth)*-1); --pf-c-data-list__expandable-content-body--PaddingTop:var(--pf-global--spacer--md); --pf-c-data-list__expandable-content-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-data-list__expandable-content-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-data-list__expandable-content-body--PaddingLeft:var(--pf-global--spacer--md); --pf-c-data-list__expandable-content-body--md--PaddingTop:var(--pf-global--spacer--lg); --pf-c-data-list__expandable-content-body--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-data-list__expandable-content-body--md--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-data-list__expandable-content-body--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-data-list--m-compact--FontSize:var(--pf-global--FontSize--sm); --pf-c-data-list--m-compact--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-data-list--m-compact__check--FontSize:var(--pf-global--FontSize--md); --pf-c-data-list--m-compact__cell--PaddingTop:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__cell--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__cell--md--PaddingBottom:0; --pf-c-data-list--m-compact__cell-cell--PaddingTop:0; --pf-c-data-list--m-compact__cell-cell--md--PaddingTop:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__cell--cell--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list--m-compact__item-control--PaddingTop:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-control--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-control--MarginRight:var(--pf-global--spacer--md); --pf-c-data-list--m-compact__item-action--PaddingTop:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-action--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-action--MarginLeft:var(--pf-global--spacer--md); --pf-c-data-list--m-compact__item-action__action--MarginTop:calc(var(--pf-c-data-list--m-compact__item-action--PaddingTop)*-1); --pf-c-data-list--m-compact__item-action__action--MarginBottom:calc(var(--pf-c-data-list--m-compact__item-action--PaddingBottom)*-1); --pf-c-data-list--m-compact__action--MarginTop:var(--pf-c-data-list--m-compact__item-action__action--MarginTop); --pf-c-data-list--m-compact__item-content--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-draggable-button--MarginTop:calc(var(--pf-global--spacer--sm)*-1); --pf-c-data-list--m-compact__item-draggable-button--MarginBottom:calc(var(--pf-global--spacer--sm)*-1); --pf-c-data-list--m-compact__item-draggable-button--PaddingTop:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__item-draggable-button--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop:var(--pf-global--spacer--sm); color: var(--pf-global--Color--100); font-size: var(--pf-c-data-list--FontSize); line-height: var(--pf-c-data-list--LineHeight); overflow-wrap: break-word; list-style-type: disc; border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor); } @media screen and (min-width:576px) { .pf-c-data-list { --pf-c-data-list--BorderTopColor:var(--pf-c-data-list--sm--BorderTopColor); --pf-c-data-list--BorderTopWidth:var(--pf-c-data-list--sm--BorderTopWidth); --pf-c-data-list__item--BorderBottomWidth:var(--pf-c-data-list__item--sm--BorderBottomWidth); --pf-c-data-list__item--BorderBottomColor:var(--pf-c-data-list__item--sm--BorderBottomColor); } } @media (min-width:576px) { .pf-c-data-list { --pf-c-data-list__item--before--Top:var(--pf-c-data-list__item--before--sm--Top); } } .pf-c-data-list.pf-m-compact { --pf-c-data-list__check--FontSize:var(--pf-c-data-list--m-compact__check--FontSize); --pf-c-data-list__action--MarginTop:var(--pf-c-data-list--m-compact__action--MarginTop); --pf-c-data-list--FontSize:var(--pf-c-data-list--m-compact--FontSize); --pf-c-data-list__item-action--MarginLeft:var(--pf-c-data-list--m-compact__item-action--MarginLeft); --pf-c-data-list__item-action--PaddingTop:var(--pf-c-data-list--m-compact__item-action--PaddingTop); --pf-c-data-list__item-action--PaddingBottom:var(--pf-c-data-list--m-compact__item-action--PaddingBottom); --pf-c-data-list__item-action__action--MarginTop:var(--pf-c-data-list--m-compact__item-action__action--MarginTop); --pf-c-data-list__item-action__action--MarginBottom:var(--pf-c-data-list--m-compact__item-action__action--MarginBottom); --pf-c-data-list__item-control--MarginRight:var(--pf-c-data-list--m-compact__item-control--MarginRight); --pf-c-data-list__item-control--PaddingTop:var(--pf-c-data-list--m-compact__item-control--PaddingTop); --pf-c-data-list__item-control--PaddingBottom:var(--pf-c-data-list--m-compact__item-control--PaddingBottom); --pf-c-data-list__item-content--md--PaddingBottom:var(--pf-c-data-list--m-compact__item-content--PaddingBottom); --pf-c-data-list__item-draggable-button--MarginTop:var(--pf-c-data-list--m-compact__item-draggable-button--MarginTop); --pf-c-data-list__item-draggable-button--MarginBottom:var(--pf-c-data-list--m-compact__item-draggable-button--MarginBottom); --pf-c-data-list__item-draggable-button--PaddingTop:var(--pf-c-data-list--m-compact__item-draggable-button--PaddingTop); --pf-c-data-list__item-draggable-button--PaddingBottom:var(--pf-c-data-list--m-compact__item-draggable-button--PaddingBottom); --pf-c-data-list__cell--m-icon--cell--PaddingTop:var(--pf-c-data-list--m-compact__cell--m-icon--cell--PaddingTop); font-size: var(--pf-c-data-list--m-compact--FontSize); } .pf-c-data-list.pf-m-compact .pf-c-data-list__cell { --pf-c-data-list__cell--PaddingTop:var(--pf-c-data-list--m-compact__cell--PaddingTop); --pf-c-data-list__cell--PaddingBottom:var(--pf-c-data-list--m-compact__cell--PaddingBottom); --pf-c-data-list__cell--MarginRight:var(--pf-c-data-list--m-compact__cell--cell--MarginRight); --pf-c-data-list__cell--cell--PaddingTop:var(--pf-c-data-list--m-compact__cell-cell--PaddingTop); } .pf-c-data-list.pf-m-compact .pf-c-data-list__check { font-size: var(--pf-c-data-list--m-compact__check--FontSize); } .pf-c-data-list.pf-m-drag-over { overflow-anchor: none; } .pf-c-data-list.pf-m-truncate, .pf-c-data-list__cell.pf-m-truncate, .pf-c-data-list__item-row.pf-m-truncate, .pf-c-data-list__text.pf-m-truncate { --pf-c-data-list--cell--MinWidth:var(--pf-c-data-list--cell--m-truncate--MinWidth); --pf-c-data-list--cell--Overflow:hidden; --pf-c-data-list--cell--TextOverflow:ellipsis; --pf-c-data-list--cell--WhiteSpace:nowrap; } .pf-c-data-list.pf-m-break-word, .pf-c-data-list__cell.pf-m-break-word, .pf-c-data-list__item-row.pf-m-break-word, .pf-c-data-list__text.pf-m-break-word { --pf-c-data-list--cell--WordBreak:break-word; } .pf-c-data-list.pf-m-nowrap, .pf-c-data-list__cell.pf-m-nowrap, .pf-c-data-list__item-row.pf-m-nowrap, .pf-c-data-list__text.pf-m-nowrap { --pf-c-data-list--cell--WhiteSpace:nowrap; } .pf-c-data-list__item { position: relative; display: flex; flex-direction: column; background-color: var(--pf-c-data-list__item--BackgroundColor); border-bottom: var(--pf-c-data-list__item--BorderBottomWidth) solid var(--pf-c-data-list__item--BorderBottomColor); } .pf-c-data-list__item:before { position: absolute; top: var(--pf-c-data-list__item--before--Top); bottom: 0; left: 0; width: var(--pf-c-data-list__item--before--Width); content: ""; background-color: var(--pf-c-data-list__item--before--BackgroundColor); transition: var(--pf-c-data-list__item--before--Transition); } .pf-c-data-list__item.pf-m-selectable { cursor: pointer; outline-offset: var(--pf-c-data-list__item--m-selectable--OutlineOffset); } .pf-c-data-list__item.pf-m-selectable:focus, .pf-c-data-list__item.pf-m-selectable:hover { position: relative; z-index: var(--pf-c-data-list__item--m-selectable--hover--ZIndex); } .pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child), .pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child) { --pf-c-data-list__item--BorderBottomWidth:0; } .pf-c-data-list__item.pf-m-selectable:focus:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item, .pf-c-data-list__item.pf-m-selectable:hover:not(.pf-m-selected):not(:last-child) + .pf-c-data-list__item { border-top: var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopWidth) solid var(--pf-c-data-list__item--m-selectable--hover--item--BorderTopColor); } .pf-c-data-list__item.pf-m-selectable:hover { box-shadow: var(--pf-c-data-list__item--m-selectable--hover--BoxShadow); } .pf-c-data-list__item.pf-m-selectable:focus { box-shadow: var(--pf-c-data-list__item--m-selectable--focus--BoxShadow); } .pf-c-data-list__item.pf-m-selectable:active { box-shadow: var(--pf-c-data-list__item--m-selectable--active--BoxShadow); } .pf-c-data-list__item.pf-m-selected { --pf-c-data-list__item--before--BackgroundColor:var(--pf-c-data-list__item--m-selected--before--BackgroundColor); position: relative; z-index: var(--pf-c-data-list__item--m-selected--ZIndex); box-shadow: var(--pf-c-data-list__item--m-selected--BoxShadow); } .pf-c-data-list__item.pf-m-ghost-row:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: var(--pf-c-data-list__item--m-ghost-row--after--BackgroundColor); opacity: var(--pf-c-data-list__item--m-ghost-row--after--Opacity); } .pf-c-data-list__item.pf-m-expanded { --pf-c-data-list__toggle-icon--Rotate:var(--pf-c-data-list__item--m-expanded__toggle-icon--Rotate); --pf-c-data-list__item--before--BackgroundColor:var(--pf-c-data-list__item--m-expanded--before--BackgroundColor); } .pf-c-data-list__item.pf-m-expanded.pf-m-selectable:not(.pf-m-selected) { --pf-c-data-list__item--before--BackgroundColor:var(--pf-c-data-list__item--m-expanded--m-selectable--before--BackgroundColor); } .pf-c-data-list__item-row { display: flex; flex-wrap: nowrap; padding-right: var(--pf-c-data-list__item-row--PaddingRight); padding-left: var(--pf-c-data-list__item-row--PaddingLeft); } .pf-c-data-list__item-control { display: flex; flex-wrap: nowrap; padding-top: var(--pf-c-data-list__item-control--PaddingTop); padding-bottom: var(--pf-c-data-list__item-control--PaddingBottom); margin-right: var(--pf-c-data-list__item-control--MarginRight); } .pf-c-data-list__item-control > :not(:last-child) { margin-right: var(--pf-c-data-list__item-control--not-last-child--MarginRight); } .pf-c-data-list__check { display: flex; align-items: center; align-self: flex-start; height: var(--pf-c-data-list__check--Height); margin-top: var(--pf-c-data-list__check--MarginTop); } .pf-c-data-list__check > input { cursor: pointer; } .pf-c-data-list__item-draggable-button { display: flex; flex-direction: column; padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft); margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft); border: 0; } .pf-c-data-list__item-draggable-button:hover { --pf-c-data-list__item-draggable-button-icon--Color:var(--pf-c-data-list__item-draggable-button--hover__draggable-icon--Color); cursor: grab; } .pf-c-data-list__item-draggable-button:focus { --pf-c-data-list__item-draggable-button-icon--Color:var(--pf-c-data-list__item-draggable-button--focus__draggable-icon--Color); } .pf-c-data-list__item-draggable-button:active { cursor: grabbing; } .pf-c-data-list__item-draggable-button.pf-m-disabled { --pf-c-data-list__item-draggable-button-icon--Color:var(--pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color); pointer-events: none; } .pf-c-data-list__item-draggable-button .pf-c-data-list__item-draggable-icon { color: var(--pf-c-data-list__item-draggable-button-icon--Color); } .pf-c-data-list__item-action { --pf-hidden-visible--visible--Display:var(--pf-c-data-list__item-action--Display); align-items: flex-start; align-content: flex-start; padding-top: var(--pf-c-data-list__item-action--PaddingTop); padding-bottom: var(--pf-c-data-list__item-action--PaddingBottom); margin-left: var(--pf-c-data-list__item-action--MarginLeft); } .pf-c-data-list__item-action > :not(:last-child) { margin-right: var(--pf-c-data-list__item-action--not-last-child--MarginRight); } .pf-c-data-list__item-action .pf-c-data-list__action { margin-top: var(--pf-c-data-list__action--MarginTop); margin-bottom: var(--pf-c-data-list__item-action__action--MarginBottom); } .pf-c-data-list__toggle { margin: var(--pf-c-data-list__toggle--MarginTop) 0 var(--pf-c-data-list__toggle--MarginBottom) var(--pf-c-data-list__toggle--MarginLeft); } .pf-c-data-list__toggle-icon { height: var(--pf-c-data-list__toggle-icon--Height); pointer-events: none; transition: var(--pf-c-data-list__toggle-icon--Transition); transform: rotate(var(--pf-c-data-list__toggle-icon--Rotate)); } .pf-c-data-list__item-content { display: grid; width: 100%; grid-template-columns: auto 1fr; } .pf-c-data-list__cell { flex: 1; grid-column: 1/-1; padding-top: var(--pf-c-data-list__cell--PaddingTop); padding-bottom: var(--pf-c-data-list__cell--PaddingBottom); } .pf-c-data-list__cell + .pf-c-data-list__cell { flex: 1 0 100%; order: 1; padding-top: var(--pf-c-data-list__cell--cell--PaddingTop); } .pf-c-data-list__cell.pf-m-icon { flex-grow: 0; margin-right: var(--pf-c-data-list__cell--m-icon--MarginRight); grid-column: 1/2; } .pf-c-data-list__cell.pf-m-icon + .pf-c-data-list__cell { grid-column: 2/3; padding-top: var(--pf-c-data-list__cell--m-icon--cell--PaddingTop); } .pf-c-data-list__cell.pf-m-align-right { margin-left: 0; } .pf-c-data-list__text { display: inline-block; } .pf-c-data-list__cell, .pf-c-data-list__text { min-width: var(--pf-c-data-list--cell--MinWidth); max-width: 100%; overflow: var(--pf-c-data-list--cell--Overflow); text-overflow: var(--pf-c-data-list--cell--TextOverflow); word-break: var(--pf-c-data-list--cell--WordBreak); white-space: var(--pf-c-data-list--cell--WhiteSpace); } .pf-c-data-list__expandable-content { max-height: var(--pf-c-data-list__expandable-content--MaxHeight); overflow-y: auto; border-top: var(--pf-c-data-list__expandable-content--BorderTopWidth) solid var(--pf-c-data-list__expandable-content--BorderTopColor); } .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body { padding: var(--pf-c-data-list__expandable-content-body--PaddingTop) var(--pf-c-data-list__expandable-content-body--PaddingRight) var(--pf-c-data-list__expandable-content-body--PaddingBottom) var(--pf-c-data-list__expandable-content-body--PaddingLeft); } .pf-c-data-list__expandable-content .pf-c-data-list__expandable-content-body.pf-m-no-padding { padding: 0; } .pf-c-description-list { --pf-c-description-list--RowGap:var(--pf-global--gutter--md); --pf-c-description-list--ColumnGap:var(--pf-global--spacer--lg); --pf-c-description-list--GridTemplateColumns--count:1; --pf-c-description-list--GridTemplateColumns--width:1fr; --pf-c-description-list--GridTemplateColumns--min:0; --pf-c-description-list--GridTemplateColumns:repeat(var(--pf-c-description-list--GridTemplateColumns--count),var(--pf-c-description-list--GridTemplateColumns--width)); --pf-c-description-list__group--RowGap:var(--pf-global--spacer--sm); --pf-c-description-list__group--ColumnGap:var(--pf-global--spacer--sm); --pf-c-description-list__group--GridTemplateColumns:auto; --pf-c-description-list__group--GridColumn:auto; --pf-c-description-list--m-compact--RowGap:var(--pf-global--gutter); --pf-c-description-list--m-compact--ColumnGap:var(--pf-global--spacer--sm); --pf-c-description-list__term--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-description-list__term--FontSize:var(--pf-global--FontSize--sm); --pf-c-description-list__term--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-description-list--m-vertical__group--GridTemplateColumns:repeat(var(--pf-c-description-list--GridTemplateColumns--count)); --pf-c-description-list--m-horizontal__term--width:12ch; --pf-c-description-list--m-horizontal__description--width:minmax(10ch,auto); --pf-c-description-list--m-horizontal__group--GridTemplateColumns:var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width); --pf-c-description-list--m-1-col--GridTemplateColumns--count:1; --pf-c-description-list--m-2-col--GridTemplateColumns--count:2; --pf-c-description-list--m-3-col--GridTemplateColumns--count:3; --pf-c-description-list--m-auto-fit--GridTemplateColumns--min:15.625rem; --pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min:var(--pf-c-description-list--m-auto-fit--GridTemplateColumns--min); --pf-c-description-list__text--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200); --pf-c-description-list__text--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm); --pf-c-description-list__text--m-help-text--TextDecorationOffset:0.25rem; --pf-c-description-list__text--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100); --pf-c-description-list__text--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100); display: grid; align-items: baseline; row-gap: var(--pf-c-description-list--RowGap); column-gap: var(--pf-c-description-list--ColumnGap); grid-template-columns: var(--pf-c-description-list--GridTemplateColumns); } .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width); } @media (min-width:576px) { .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width-on-sm,var(--pf-c-description-list--m-horizontal__term--width)); } } @media (min-width:768px) { .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width-on-md,var(--pf-c-description-list--m-horizontal__term--width-on-sm,var(--pf-c-description-list--m-horizontal__term--width))); } } @media (min-width:992px) { .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width-on-lg,var(--pf-c-description-list--m-horizontal__term--width-on-md,var(--pf-c-description-list--m-horizontal__term--width-on-sm,var(--pf-c-description-list--m-horizontal__term--width)))); } } @media (min-width:1200px) { .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width-on-xl,var(--pf-c-description-list--m-horizontal__term--width-on-lg,var(--pf-c-description-list--m-horizontal__term--width-on-md,var(--pf-c-description-list--m-horizontal__term--width-on-sm,var(--pf-c-description-list--m-horizontal__term--width))))); } } @media (min-width:1450px) { .pf-c-description-list[class*=pf-m-horizontal] { --pf-c-description-list__term--width:var(--pf-c-description-list--m-horizontal__term--width-on-2xl,var(--pf-c-description-list--m-horizontal__term--width-on-xl,var(--pf-c-description-list--m-horizontal__term--width-on-lg,var(--pf-c-description-list--m-horizontal__term--width-on-md,var(--pf-c-description-list--m-horizontal__term--width-on-sm,var(--pf-c-description-list--m-horizontal__term--width)))))); } } .pf-c-description-list.pf-m-inline-grid { display: inline-grid; } .pf-c-description-list.pf-m-auto-column-widths { --pf-c-description-list--GridTemplateColumns--width:minmax(8ch,max-content); } .pf-c-description-list.pf-m-auto-fit { grid-template-columns: repeat(auto-fit, minmax(var(--pf-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min), 1fr)); --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min); } @media (min-width:576px) { .pf-c-description-list.pf-m-auto-fit { --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min-on-sm,var(--pf-c-description-list--GridTemplateColumns--min)); } } @media (min-width:768px) { .pf-c-description-list.pf-m-auto-fit { --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min-on-md,var(--pf-c-description-list--GridTemplateColumns--min-on-sm,var(--pf-c-description-list--GridTemplateColumns--min))); } } @media (min-width:992px) { .pf-c-description-list.pf-m-auto-fit { --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min-on-lg,var(--pf-c-description-list--GridTemplateColumns--min-on-md,var(--pf-c-description-list--GridTemplateColumns--min-on-sm,var(--pf-c-description-list--GridTemplateColumns--min)))); } } @media (min-width:1200px) { .pf-c-description-list.pf-m-auto-fit { --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min-on-xl,var(--pf-c-description-list--GridTemplateColumns--min-on-lg,var(--pf-c-description-list--GridTemplateColumns--min-on-md,var(--pf-c-description-list--GridTemplateColumns--min-on-sm,var(--pf-c-description-list--GridTemplateColumns--min))))); } } @media (min-width:1450px) { .pf-c-description-list.pf-m-auto-fit { --pf-c-description-list--GridTemplateColumns--minmax--min:var(--pf-c-description-list--GridTemplateColumns--min-on-2xl,var(--pf-c-description-list--GridTemplateColumns--min-on-xl,var(--pf-c-description-list--GridTemplateColumns--min-on-lg,var(--pf-c-description-list--GridTemplateColumns--min-on-md,var(--pf-c-description-list--GridTemplateColumns--min-on-sm,var(--pf-c-description-list--GridTemplateColumns--min)))))); } } .pf-c-description-list.pf-m-compact { --pf-c-description-list--RowGap:var(--pf-c-description-list--m-compact--RowGap); --pf-c-description-list--ColumnGap:var(--pf-c-description-list--m-compact--ColumnGap); } .pf-c-description-list.pf-m-fluid { --pf-c-description-list--m-horizontal__term--width:fit-content(20ch); } .pf-c-description-list__group { display: grid; grid-column: var(--pf-c-description-list__group--GridColumn); row-gap: var(--pf-c-description-list__group--RowGap); column-gap: var(--pf-c-description-list__group--ColumnGap); grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns); align-items: baseline; } .pf-c-description-list__description, .pf-c-description-list__term { min-width: 0; text-align: left; overflow-wrap: break-word; } .pf-c-description-list__term { font-size: var(--pf-c-description-list__term--FontSize); font-weight: var(--pf-c-description-list__term--FontWeight); line-height: var(--pf-c-description-list__term--LineHeight); } .pf-c-description-list__term .pf-c-description-list__text { display: inline; } .pf-c-description-list__text.pf-m-help-text { text-decoration: underline; cursor: pointer; text-decoration-style: dashed; text-decoration-thickness: var(--pf-c-description-list__text--m-help-text--TextDecorationThickness); text-underline-offset: var(--pf-c-description-list__text--m-help-text--TextDecorationOffset); text-decoration-color: var(--pf-c-description-list__text--m-help-text--TextDecorationColor); } .pf-c-description-list__text.pf-m-help-text:hover { --pf-c-description-list__text--m-help-text--TextDecorationColor:var(--pf-c-description-list__text--m-help-text--hover--TextDecorationColor); } .pf-c-description-list__text.pf-m-help-text:focus { --pf-c-description-list__text--m-help-text--TextDecorationColor:var(--pf-c-description-list__text--m-help-text--focus--TextDecorationColor); } .pf-c-description-list.pf-m-1-col { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } @media (min-width:576px) { .pf-c-description-list.pf-m-1-col-on-sm { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col-on-sm { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col-on-sm { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal-on-sm { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical-on-sm { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } } @media (min-width:768px) { .pf-c-description-list.pf-m-1-col-on-md { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col-on-md { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col-on-md { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal-on-md { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical-on-md { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } } @media (min-width:992px) { .pf-c-description-list.pf-m-1-col-on-lg { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col-on-lg { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col-on-lg { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal-on-lg { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical-on-lg { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } } @media (min-width:1200px) { .pf-c-description-list.pf-m-1-col-on-xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col-on-xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col-on-xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal-on-xl { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical-on-xl { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } } @media (min-width:1450px) { .pf-c-description-list.pf-m-1-col-on-2xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-1-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-2-col-on-2xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-2-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-3-col-on-2xl { --pf-c-description-list--GridTemplateColumns--count:var(--pf-c-description-list--m-3-col--GridTemplateColumns--count); } .pf-c-description-list.pf-m-horizontal-on-2xl { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns); } .pf-c-description-list.pf-m-vertical-on-2xl { --pf-c-description-list__group--GridTemplateColumns:var(--pf-c-description-list--m-vertical__group--GridTemplateColumns); } } .pf-c-draggable { --pf-c-draggable--Cursor:auto; --pf-c-draggable--m-dragging--Cursor:grabbing; --pf-c-draggable--m-dragging--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-draggable--m-dragging--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-draggable--m-dragging--after--BorderColor:var(--pf-global--active-color--100); --pf-c-draggable--m-drag-outside--Cursor:not-allowed; --pf-c-draggable--m-drag-outside--after--BorderColor:var(--pf-global--danger-color--100); cursor: var(--pf-c-draggable--Cursor); } .pf-c-draggable.pf-m-dragging { --pf-c-draggable--Cursor:var(--pf-c-draggable--m-dragging--Cursor); position: relative; background-color: var(--pf-c-draggable--m-dragging--BackgroundColor); box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow); } .pf-c-draggable.pf-m-dragging:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor); } .pf-c-draggable.pf-m-drag-outside { --pf-c-draggable--m-dragging--Cursor:var(--pf-c-draggable--m-drag-outside--Cursor); --pf-c-draggable--m-dragging--after--BorderColor:var(--pf-c-draggable--m-drag-outside--after--BorderColor); } .pf-c-droppable { --pf-c-droppable--m-dragging--after--BackgroundColor:hsla(0,0%,100%,0.6); --pf-c-droppable--m-dragging--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-droppable--m-dragging--after--BorderColor:var(--pf-global--active-color--100); --pf-c-droppable--m-drag-outside--after--BorderColor:var(--pf-global--danger-color--100); } .pf-c-droppable.pf-m-dragging { position: relative; } .pf-c-droppable.pf-m-dragging:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .pf-c-droppable:after { background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor); border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor); } .pf-c-droppable.pf-m-drag-outside { --pf-c-droppable--m-dragging--after--BorderColor:var(--pf-c-droppable--m-drag-outside--after--BorderColor); } .pf-c-dual-list-selector { --pf-c-dual-list-selector__header--GridArea:pane-header; --pf-c-dual-list-selector__tools--GridArea:pane-tools; --pf-c-dual-list-selector__status--GridArea:pane-status; --pf-c-dual-list-selector__menu--GridArea:pane-menu; --pf-c-dual-list-selector__controls--GridArea:controls; --pf-c-dual-list-selector--m-chosen__header--GridArea:pane-header-c; --pf-c-dual-list-selector--m-chosen__tools--GridArea:pane-tools-c; --pf-c-dual-list-selector--m-chosen__status--GridArea:pane-status-c; --pf-c-dual-list-selector--m-chosen__menu--GridArea:pane-menu-c; --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min:12.5rem; --pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max:28.125rem; --pf-c-dual-list-selector__header--MarginBottom:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__title-text--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-dual-list-selector__tools--MarginBottom:var(--pf-global--spacer--md); --pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__menu--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-dual-list-selector__menu--BorderColor:var(--pf-global--BorderColor--100); --pf-c-dual-list-selector__menu--MinHeight:12.5rem; --pf-c-dual-list-selector__menu--MaxHeight:20rem; --pf-c-dual-list-selector__list-item-row--FontSize:var(--pf-global--FontSize--sm); --pf-c-dual-list-selector__list-item-row--BackgroundColor:transparent; --pf-c-dual-list-selector__list-item-row--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-dual-list-selector__list-item--m-ghost-row--Opacity:.4; --pf-c-dual-list-selector__item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item--PaddingRight:var(--pf-global--spacer--md); --pf-c-dual-list-selector__item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-dual-list-selector__item--m-expandable--PaddingLeft:0; --pf-c-dual-list-selector__item--indent--base:calc(var(--pf-global--spacer--md) + var(--pf-global--spacer--sm) + var(--pf-c-dual-list-selector__list-item-row--FontSize)); --pf-c-dual-list-selector__item--nested-indent--base:calc(var(--pf-c-dual-list-selector__item--indent--base) - var(--pf-global--spacer--md)); --pf-c-dual-list-selector__draggable--item--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-dual-list-selector__item-text--Color:var(--pf-global--Color--100); --pf-c-dual-list-selector__list-item-row--m-selected__text--Color:var(--pf-global--active-color--100); --pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-dual-list-selector__list-item--m-disabled__item-text--Color:var(--pf-global--disabled-color--100); --pf-c-dual-list-selector__status--MarginBottom:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__status-text--FontSize:var(--pf-global--FontSize--sm); --pf-c-dual-list-selector__status-text--Color:var(--pf-global--Color--200); --pf-c-dual-list-selector__controls--PaddingRight:var(--pf-global--spacer--md); --pf-c-dual-list-selector__controls--PaddingLeft:var(--pf-global--spacer--md); --pf-c-dual-list-selector__item-toggle--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item-toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item-toggle--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item-toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-dual-list-selector__item-toggle--MarginTop:calc(var(--pf-global--spacer--sm)*-1); --pf-c-dual-list-selector__item-toggle--MarginBottom:calc(var(--pf-global--spacer--sm)*-1); --pf-c-dual-list-selector__list__list__item-toggle--Left:0; --pf-c-dual-list-selector__list__list__item-toggle--TranslateX:-100%; --pf-c-dual-list-selector__item-check--MarginRight:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item-count--Marginleft:var(--pf-global--spacer--sm); --pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-dual-list-selector__item-toggle-icon--Rotate:0; --pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:90deg; --pf-c-dual-list-selector__item-toggle-icon--Transition:var(--pf-global--Transition); --pf-c-dual-list-selector__item-toggle-icon--MinWidth:var(--pf-c-dual-list-selector__list-item-row--FontSize); --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color:var(--pf-global--disabled-color--200); display: grid; grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c"; grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)); grid-template-rows: repeat(3, auto) auto; } .pf-c-dual-list-selector__pane { display: contents; } .pf-c-dual-list-selector__pane.pf-m-chosen { --pf-c-dual-list-selector__header--GridArea:var(--pf-c-dual-list-selector--m-chosen__header--GridArea); --pf-c-dual-list-selector__tools--GridArea:var(--pf-c-dual-list-selector--m-chosen__tools--GridArea); --pf-c-dual-list-selector__status--GridArea:var(--pf-c-dual-list-selector--m-chosen__status--GridArea); --pf-c-dual-list-selector__menu--GridArea:var(--pf-c-dual-list-selector--m-chosen__menu--GridArea); } .pf-c-dual-list-selector__header { grid-area: var(--pf-c-dual-list-selector__header--GridArea); margin-bottom: var(--pf-c-dual-list-selector__header--MarginBottom); } .pf-c-dual-list-selector__title-text { font-weight: var(--pf-c-dual-list-selector__title-text--FontWeight); } .pf-c-dual-list-selector__tools { display: flex; grid-area: var(--pf-c-dual-list-selector__tools--GridArea); margin-bottom: var(--pf-c-dual-list-selector__tools--MarginBottom); } .pf-c-dual-list-selector__tools-filter { flex-grow: 1; } .pf-c-dual-list-selector__tools-actions { display: flex; } .pf-c-dual-list-selector__tools-filter ~ .pf-c-dual-list-selector__tools-actions { margin-left: var(--pf-c-dual-list-selector__tools-filter--tools-actions--MarginLeft); } .pf-c-dual-list-selector__status { display: flex; grid-area: var(--pf-c-dual-list-selector__status--GridArea); margin-bottom: var(--pf-c-dual-list-selector__status--MarginBottom); } .pf-c-dual-list-selector__status-text { flex-grow: 1; font-size: var(--pf-c-dual-list-selector__status-text--FontSize); color: var(--pf-c-dual-list-selector__status-text--Color); } .pf-c-dual-list-selector__menu { grid-area: var(--pf-c-dual-list-selector__menu--GridArea); min-height: var(--pf-c-dual-list-selector__menu--MinHeight); max-height: var(--pf-c-dual-list-selector__menu--MaxHeight); overflow: auto; border: var(--pf-c-dual-list-selector__menu--BorderWidth) solid var(--pf-c-dual-list-selector__menu--BorderColor); } .pf-c-dual-list-selector__list { --pf-c-dual-list-selector__item-toggle-icon--Rotate:0; display: flex; flex-direction: column; } .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list { --pf-c-dual-list-selector__item-toggle--MarginTop:0; --pf-c-dual-list-selector__item-toggle--MarginBottom:0; } .pf-c-dual-list-selector__list .pf-c-dual-list-selector__list .pf-c-dual-list-selector__item-toggle { position: absolute; top: 0; left: var(--pf-c-dual-list-selector__list__list__item-toggle--Left); transform: translateX(var(--pf-c-dual-list-selector__list__list__item-toggle--TranslateX)); } .pf-c-dual-list-selector__list.pf-m-drag-over { overflow-anchor: none; } .pf-c-dual-list-selector__list-item:focus { --pf-c-dual-list-selector__list-item-row--BackgroundColor:var(--pf-c-dual-list-selector__list-item-row--focus-within--BackgroundColor); } .pf-c-dual-list-selector__list-item.pf-m-expandable { --pf-c-dual-list-selector__item--PaddingLeft:var(--pf-c-dual-list-selector__item--m-expandable--PaddingLeft); } .pf-c-dual-list-selector__list-item.pf-m-expanded { --pf-c-dual-list-selector__item-toggle-icon--Rotate:var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate); } .pf-c-dual-list-selector__list-item.pf-m-disabled { --pf-c-dual-list-selector__item-text--Color:var(--pf-c-dual-list-selector__list-item--m-disabled__item-text--Color); --pf-c-dual-list-selector__item-toggle-icon--Color:var(--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color); pointer-events: none; } .pf-c-dual-list-selector__list-item-row { display: flex; font-size: var(--pf-c-dual-list-selector__list-item-row--FontSize); background-color: var(--pf-c-dual-list-selector__list-item-row--BackgroundColor); } .pf-c-dual-list-selector__list-item-row:hover { --pf-c-dual-list-selector__list-item-row--BackgroundColor:var(--pf-c-dual-list-selector__list-item-row--hover--BackgroundColor); } .pf-c-dual-list-selector__list-item-row.pf-m-selected { --pf-c-dual-list-selector__list-item-row--BackgroundColor:var(--pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor); } .pf-c-dual-list-selector__list-item-row.pf-m-selected .pf-c-dual-list-selector__item-text { --pf-c-dual-list-selector__item-text--Color:var(--pf-c-dual-list-selector__list-item-row--m-selected__text--Color); font-weight: var(--pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight); } .pf-c-dual-list-selector__list-item-row.pf-m-check { --pf-c-dual-list-selector__list-item-row--m-selected--BackgroundColor:transparent; } .pf-c-dual-list-selector__list-item-row.pf-m-ghost-row { --pf-c-dual-list-selector__list-item-row--BackgroundColor:var(--pf-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor); opacity: var(--pf-c-dual-list-selector__list-item--m-ghost-row--Opacity); } .pf-c-dual-list-selector__item, .pf-c-dual-list-selector__main { display: flex; } .pf-c-dual-list-selector__item, .pf-c-dual-list-selector__item-main { flex-basis: 100%; } .pf-c-dual-list-selector__draggable { display: flex; } .pf-c-dual-list-selector__draggable + .pf-c-dual-list-selector__item { --pf-c-dual-list-selector__item--PaddingLeft:var(--pf-c-dual-list-selector__draggable--item--PaddingLeft); } .pf-c-dual-list-selector__draggable .pf-c-button { --pf-c-button--FontSize:inherit; cursor: grab; } .pf-c-dual-list-selector__draggable .pf-c-button:active { cursor: grabbing; } .pf-c-dual-list-selector__item { position: relative; width: 100%; padding: var(--pf-c-dual-list-selector__item--PaddingTop) var(--pf-c-dual-list-selector__item--PaddingRight) var(--pf-c-dual-list-selector__item--PaddingBottom) var(--pf-c-dual-list-selector__item--PaddingLeft); cursor: pointer; } .pf-c-dual-list-selector__item-count { margin-left: var(--pf-c-dual-list-selector__item-count--Marginleft); } .pf-c-dual-list-selector__item-count .pf-c-badge.pf-m-read { --pf-c-badge--m-read--BackgroundColor:var(--pf-c-dual-list-selector__item--c-badge--m-read--BackgroundColor); } .pf-c-dual-list-selector__item-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1; color: var(--pf-c-dual-list-selector__item-text--Color); } .pf-c-dual-list-selector__controls { grid-area: var(--pf-c-dual-list-selector__controls--GridArea); align-self: center; padding-right: var(--pf-c-dual-list-selector__controls--PaddingRight); padding-left: var(--pf-c-dual-list-selector__controls--PaddingLeft); } .pf-c-dual-list-selector__item-main { display: flex; min-width: 0; } .pf-c-dual-list-selector__item-toggle { padding: var(--pf-c-dual-list-selector__item-toggle--PaddingTop) var(--pf-c-dual-list-selector__item-toggle--PaddingRight) var(--pf-c-dual-list-selector__item-toggle--PaddingBottom) var(--pf-c-dual-list-selector__item-toggle--PaddingLeft); margin-top: var(--pf-c-dual-list-selector__item-toggle--MarginTop); margin-bottom: var(--pf-c-dual-list-selector__item-toggle--MarginBottom); } .pf-c-dual-list-selector__item-check { display: flex; align-items: center; margin-right: var(--pf-c-dual-list-selector__item-check--MarginRight); } .pf-c-dual-list-selector__item-toggle-icon { display: inline-block; min-width: var(--pf-c-dual-list-selector__item-toggle-icon--MinWidth); color: var(--pf-c-dual-list-selector__item-toggle-icon--Color,inherit); text-align: center; transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition); transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate)); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*1 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*2 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*3 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*4 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*5 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*6 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*7 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*8 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*9 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item { --pf-c-dual-list-selector__item--PaddingLeft:calc(var(--pf-c-dual-list-selector__item--nested-indent--base)*10 + var(--pf-c-dual-list-selector__item--indent--base)); --pf-c-dual-list-selector__list__list__item-toggle--Left:var(--pf-c-dual-list-selector__item--PaddingLeft); } .pf-c-toolbar { --pf-c-toolbar--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-toolbar--RowGap:var(--pf-global--spacer--lg); --pf-c-toolbar--PaddingTop:var(--pf-global--spacer--md); --pf-c-toolbar--PaddingBottom:var(--pf-global--spacer--md); --pf-c-toolbar__item--Display:block; --pf-c-toolbar__group--Display:flex; --pf-c-toolbar--m-sticky--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-toolbar--m-sticky--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-toolbar__content--Display:flex; --pf-c-toolbar__content--PaddingRight:var(--pf-global--spacer--md); --pf-c-toolbar__content--PaddingLeft:var(--pf-global--spacer--md); --pf-c-toolbar__content-section--Display:flex; --pf-c-toolbar--m-page-insets--inset:var(--pf-global--spacer--md); --pf-c-toolbar--m-page-insets--xl--inset:var(--pf-global--spacer--lg); --pf-c-toolbar__expandable-content--Display:grid; --pf-c-toolbar__expandable-content--PaddingTop:var(--pf-c-toolbar--RowGap); --pf-c-toolbar__expandable-content--PaddingRight:var(--pf-c-toolbar__content--PaddingRight); --pf-c-toolbar__expandable-content--PaddingBottom:var(--pf-global--spacer--md); --pf-c-toolbar__expandable-content--PaddingLeft:var(--pf-c-toolbar__content--PaddingLeft); --pf-c-toolbar__expandable-content--lg--PaddingRight:0; --pf-c-toolbar__expandable-content--lg--PaddingBottom:0; --pf-c-toolbar__expandable-content--lg--PaddingLeft:0; --pf-c-toolbar__expandable-content--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-toolbar__expandable-content--BoxShadow:var(--pf-global--BoxShadow--md-bottom); --pf-c-toolbar__expandable-content--BackgroundColor:var(--pf-c-toolbar--BackgroundColor); --pf-c-toolbar__expandable-content--m-expanded--GridRowGap:var(--pf-global--gutter--md); --pf-c-toolbar__group--m-chip-container--MarginTop:calc(var(--pf-global--spacer--md)*-1); --pf-c-toolbar__group--m-chip-container__item--MarginTop:var(--pf-global--spacer--md); --pf-c-toolbar--spacer--base:var(--pf-global--spacer--md); --pf-c-toolbar__item--spacer:var(--pf-c-toolbar--spacer--base); --pf-c-toolbar__group--spacer:var(--pf-c-toolbar--spacer--base); --pf-c-toolbar__item--Width:auto; --pf-c-toolbar__group--m-toggle-group--spacer:var(--pf-global--spacer--sm); --pf-c-toolbar__group--m-toggle-group--m-show--spacer:var(--pf-c-toolbar__group--spacer); --pf-c-toolbar__group--m-icon-button-group--spacer:var(--pf-c-toolbar__group--spacer); --pf-c-toolbar__group--m-icon-button-group--space-items:0; --pf-c-toolbar__group--m-button-group--spacer:var(--pf-c-toolbar__group--spacer); --pf-c-toolbar__group--m-button-group--space-items:var(--pf-global--spacer--sm); --pf-c-toolbar__group--m-filter-group--spacer:var(--pf-c-toolbar__group--spacer); --pf-c-toolbar__group--m-filter-group--space-items:0; --pf-c-toolbar__item--m-overflow-menu--spacer:var(--pf-c-toolbar__item--spacer); --pf-c-toolbar__item--m-bulk-select--spacer:var(--pf-global--spacer--lg); --pf-c-toolbar__expand-all-icon--Rotate:0; --pf-c-toolbar__expand-all-icon--Transition:var(--pf-global--Transition); --pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate:90deg; --pf-c-toolbar__item--m-search-filter--spacer:var(--pf-global--spacer--sm); --pf-c-toolbar__item--m-chip-group--spacer:var(--pf-global--spacer--sm); --pf-c-toolbar__item--m-label--spacer:var(--pf-c-toolbar__item--spacer); --pf-c-toolbar__item--m-label--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color:var(--pf-global--Color--100); --pf-c-toolbar--c-divider--m-vertical--spacer:var(--pf-c-toolbar--spacer--base); --pf-c-toolbar--m-full-height--PaddingTop:0; --pf-c-toolbar--m-full-height--PaddingBottom:0; --pf-c-toolbar--m-full-height__item--Display:flex; --pf-c-toolbar--m-full-height__item--AlignItems:center; position: relative; row-gap: var(--pf-c-toolbar--RowGap); display: grid; padding-top: var(--pf-c-toolbar--PaddingTop); padding-bottom: var(--pf-c-toolbar--PaddingBottom); background-color: var(--pf-c-toolbar--BackgroundColor); } @media screen and (min-width:992px) { .pf-c-toolbar { --pf-c-toolbar__expandable-content--PaddingRight:var(--pf-c-toolbar__expandable-content--lg--PaddingRight); --pf-c-toolbar__expandable-content--PaddingBottom:var(--pf-c-toolbar__expandable-content--lg--PaddingBottom); --pf-c-toolbar__expandable-content--PaddingLeft:var(--pf-c-toolbar__expandable-content--lg--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-toolbar { --pf-c-toolbar--m-page-insets--inset:var(--pf-c-toolbar--m-page-insets--xl--inset); } } .pf-c-toolbar.pf-m-page-insets { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--m-page-insets--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--m-page-insets--inset); } .pf-c-toolbar.pf-m-sticky { position: sticky; top: 0; z-index: var(--pf-c-toolbar--m-sticky--ZIndex); box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow); } .pf-c-toolbar.pf-m-full-height { --pf-c-toolbar--PaddingTop:var(--pf-c-toolbar--m-full-height--PaddingTop); --pf-c-toolbar--PaddingBottom:var(--pf-c-toolbar--m-full-height--PaddingTop); --pf-c-toolbar__item--Display:var(--pf-c-toolbar--m-full-height__item--Display); height: 100%; } .pf-c-toolbar.pf-m-full-height, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__expandable-content, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group { min-width: 0; } .pf-c-toolbar.pf-m-full-height, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__content-section, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__group, .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item { align-self: stretch; } .pf-c-toolbar.pf-m-full-height .pf-c-toolbar__item { align-items: var(--pf-c-toolbar--m-full-height__item--AlignItems); } .pf-c-toolbar.pf-m-static, .pf-c-toolbar.pf-m-static .pf-c-toolbar__content { position: static; } .pf-c-toolbar.pf-m-static .pf-c-toolbar__expandable-content { position: absolute; } .pf-c-toolbar__content-section > .pf-c-divider, .pf-c-toolbar__group > .pf-c-divider { --pf-c-toolbar--spacer:var(--pf-c-toolbar--c-divider--m-vertical--spacer); } .pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical, .pf-c-toolbar__group > .pf-c-divider.pf-m-vertical { margin-right: var(--pf-c-toolbar--spacer); } .pf-c-toolbar__content-section > .pf-c-divider.pf-m-vertical:last-child, .pf-c-toolbar__group > .pf-c-divider.pf-m-vertical:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar__group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--spacer); --pf-hidden-visible--visible--Display:var(--pf-c-toolbar__group--Display); align-items: center; margin-right: var(--pf-c-toolbar--spacer); } .pf-c-toolbar__group.pf-m-button-group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-button-group--spacer); } .pf-c-toolbar__group.pf-m-button-group > * { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-button-group--space-items); } .pf-c-toolbar__group.pf-m-icon-button-group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-icon-button-group--spacer); } .pf-c-toolbar__group.pf-m-icon-button-group > * { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-icon-button-group--space-items); } .pf-c-toolbar__group.pf-m-filter-group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-filter-group--spacer); } .pf-c-toolbar__group.pf-m-filter-group > * { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-filter-group--space-items); } .pf-c-toolbar__group.pf-m-filter-group > * + * { margin-left: -1px; } .pf-c-toolbar__group.pf-m-toggle-group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--spacer); } .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__group, .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__item { display: none; visibility: hidden; } .pf-c-toolbar__group.pf-m-toggle-group .pf-c-toolbar__toggle { display: inline-block; visibility: visible; } .pf-c-toolbar__group:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar__item { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--spacer); --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width); --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth); --pf-hidden-visible--visible--Display:var(--pf-c-toolbar__item--Display); width: var(--pf-c-toolbar__item--Width--base); min-width: var(--pf-c-toolbar__item--MinWidth--base); margin-right: var(--pf-c-toolbar--spacer); } @media (min-width:576px) { .pf-c-toolbar__item { --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width-on-sm,var(--pf-c-toolbar__item--Width)); } } @media (min-width:768px) { .pf-c-toolbar__item { --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width-on-md,var(--pf-c-toolbar__item--Width-on-sm,var(--pf-c-toolbar__item--Width))); } } @media (min-width:992px) { .pf-c-toolbar__item { --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width-on-lg,var(--pf-c-toolbar__item--Width-on-md,var(--pf-c-toolbar__item--Width-on-sm,var(--pf-c-toolbar__item--Width)))); } } @media (min-width:1200px) { .pf-c-toolbar__item { --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width-on-xl,var(--pf-c-toolbar__item--Width-on-lg,var(--pf-c-toolbar__item--Width-on-md,var(--pf-c-toolbar__item--Width-on-sm,var(--pf-c-toolbar__item--Width))))); } } @media (min-width:1450px) { .pf-c-toolbar__item { --pf-c-toolbar__item--Width--base:var(--pf-c-toolbar__item--Width-on-2xl,var(--pf-c-toolbar__item--Width-on-xl,var(--pf-c-toolbar__item--Width-on-lg,var(--pf-c-toolbar__item--Width-on-md,var(--pf-c-toolbar__item--Width-on-sm,var(--pf-c-toolbar__item--Width)))))); } } @media (min-width:576px) { .pf-c-toolbar__item { --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth)); } } @media (min-width:768px) { .pf-c-toolbar__item { --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth))); } } @media (min-width:992px) { .pf-c-toolbar__item { --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth)))); } } @media (min-width:1200px) { .pf-c-toolbar__item { --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-xl,var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth))))); } } @media (min-width:1450px) { .pf-c-toolbar__item { --pf-c-toolbar__item--MinWidth--base:var(--pf-c-toolbar__item--MinWidth-on-2xl,var(--pf-c-toolbar__item--MinWidth-on-xl,var(--pf-c-toolbar__item--MinWidth-on-lg,var(--pf-c-toolbar__item--MinWidth-on-md,var(--pf-c-toolbar__item--MinWidth-on-sm,var(--pf-c-toolbar__item--MinWidth)))))); } } .pf-c-toolbar__item.pf-m-overflow-menu { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--m-overflow-menu--spacer); } .pf-c-toolbar__item.pf-m-bulk-select { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--m-bulk-select--spacer); } .pf-c-toolbar__item.pf-m-expand-all.pf-m-expanded { --pf-c-toolbar__expand-all-icon--Rotate:var(--pf-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate); } .pf-c-toolbar__item.pf-m-search-filter { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--m-search-filter--spacer); } .pf-c-toolbar__item.pf-m-chip-group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--m-chip-group--spacer); } .pf-c-toolbar__item.pf-m-label { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--m-label--spacer); font-weight: var(--pf-c-toolbar__item--m-label--FontWeight); } .pf-c-toolbar__item.pf-m-pagination { margin-left: auto; } .pf-c-toolbar__item.pf-m-pagination .pf-c-pagination { flex-wrap: nowrap; } .pf-c-toolbar__item:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar__expand-all-icon { display: inline-block; transition: var(--pf-c-toolbar__expand-all-icon--Transition); transform: rotate(var(--pf-c-toolbar__expand-all-icon--Rotate)); } .pf-c-toolbar__content, .pf-c-toolbar__content-section { flex-wrap: wrap; align-items: center; } .pf-c-toolbar__content { --pf-hidden-visible--visible--Display:var(--pf-c-toolbar__content--Display); position: relative; padding-right: var(--pf-c-toolbar__content--PaddingRight); padding-left: var(--pf-c-toolbar__content--PaddingLeft); } .pf-c-toolbar__content-section { --pf-hidden-visible--visible--Display:var(--pf-c-toolbar__content-section--Display); width: 100%; } .pf-c-toolbar__expandable-content { position: absolute; top: 100%; right: 0; left: 0; z-index: var(--pf-c-toolbar__expandable-content--ZIndex); display: none; width: 100%; padding: var(--pf-c-toolbar__expandable-content--PaddingTop) var(--pf-c-toolbar__expandable-content--PaddingRight) var(--pf-c-toolbar__expandable-content--PaddingBottom) var(--pf-c-toolbar__expandable-content--PaddingLeft); visibility: hidden; background-color: var(--pf-c-toolbar__expandable-content--BackgroundColor); box-shadow: var(--pf-c-toolbar__expandable-content--BoxShadow); } @media screen and (min-width:992px) { .pf-c-toolbar__expandable-content { position: static; box-shadow: none; } } .pf-c-toolbar__expandable-content.pf-m-expanded { display: grid; grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap); visibility: visible; } .pf-c-toolbar__expandable-content .pf-c-toolbar__group, .pf-c-toolbar__expandable-content .pf-c-toolbar__item { --pf-c-toolbar--spacer:0; } .pf-c-toolbar__expandable-content .pf-c-toolbar__group { display: grid; grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap); } .pf-c-toolbar__expandable-content .pf-m-label { display: none; visibility: hidden; } .pf-c-toolbar__content.pf-m-chip-container, .pf-c-toolbar__group.pf-m-chip-container { display: flex; flex-wrap: wrap; align-items: baseline; margin-top: var(--pf-c-toolbar__group--m-chip-container--MarginTop); grid-row-gap: 0; } .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item, .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item { --pf-c-toolbar--spacer:var(--pf-c-toolbar__item--spacer); margin-top: var(--pf-c-toolbar__group--m-chip-container__item--MarginTop); } .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group, .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--spacer); display: flex; flex-wrap: wrap; grid-row-gap: 0; } .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__group:last-child, .pf-c-toolbar__content.pf-m-chip-container .pf-c-toolbar__item:last-child, .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__group:last-child, .pf-c-toolbar__group.pf-m-chip-container .pf-c-toolbar__item:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-c-chip-group:last-child { --pf-c-chip-group--MarginRight:0; } .pf-c-toolbar .pf-c-chip-group li:last-child { --pf-c-chip-group__li--m-toolbar--MarginRight:0; } .pf-c-toolbar__toggle.pf-m-expanded .pf-c-button.pf-m-plain { color: var(--pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color); } .pf-m-toggle-group.pf-m-show { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show .pf-c-toolbar__toggle { display: none; visibility: hidden; } @media (min-width:576px) { .pf-m-toggle-group.pf-m-show-on-sm { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__toggle { display: none; visibility: hidden; } } @media (min-width:768px) { .pf-m-toggle-group.pf-m-show-on-md { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__toggle { display: none; visibility: hidden; } } @media (min-width:992px) { .pf-m-toggle-group.pf-m-show-on-lg { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__toggle { display: none; visibility: hidden; } } @media (min-width:1200px) { .pf-m-toggle-group.pf-m-show-on-xl { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__toggle { display: none; visibility: hidden; } } @media (min-width:1450px) { .pf-m-toggle-group.pf-m-show-on-2xl { --pf-c-toolbar--spacer:var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item { display: flex; flex: 0 1 auto; visibility: visible; } .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__toggle { display: none; visibility: hidden; } } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap { flex-wrap: wrap; } @media (min-width:576px) { .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm { flex-wrap: wrap; } } @media (min-width:768px) { .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md { flex-wrap: wrap; } } @media (min-width:992px) { .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg { flex-wrap: wrap; } } @media (min-width:1200px) { .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl { flex-wrap: wrap; } } @media (min-width:1450px) { .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination { margin-left: 0; } .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination, .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination { margin-left: auto; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl { flex-wrap: nowrap; } .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl, .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl { flex-wrap: wrap; } } .pf-c-toolbar .pf-m-space-items-none > *, .pf-c-toolbar .pf-m-space-items-none > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg > :last-child { --pf-c-toolbar--spacer:0; } @media (min-width:576px) { .pf-c-toolbar .pf-m-space-items-none-on-sm > *, .pf-c-toolbar .pf-m-space-items-none-on-sm > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm-on-sm > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm-on-sm > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md-on-sm > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md-on-sm > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg-on-sm > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg-on-sm > :last-child { --pf-c-toolbar--spacer:0; } } @media (min-width:768px) { .pf-c-toolbar .pf-m-space-items-none-on-md > *, .pf-c-toolbar .pf-m-space-items-none-on-md > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm-on-md > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm-on-md > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md-on-md > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md-on-md > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg-on-md > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg-on-md > :last-child { --pf-c-toolbar--spacer:0; } } @media (min-width:992px) { .pf-c-toolbar .pf-m-space-items-none-on-lg > *, .pf-c-toolbar .pf-m-space-items-none-on-lg > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm-on-lg > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm-on-lg > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md-on-lg > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md-on-lg > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg-on-lg > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg-on-lg > :last-child { --pf-c-toolbar--spacer:0; } } @media (min-width:1200px) { .pf-c-toolbar .pf-m-space-items-none-on-xl > *, .pf-c-toolbar .pf-m-space-items-none-on-xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm-on-xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm-on-xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md-on-xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md-on-xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg-on-xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg-on-xl > :last-child { --pf-c-toolbar--spacer:0; } } @media (min-width:1450px) { .pf-c-toolbar .pf-m-space-items-none-on-2xl > *, .pf-c-toolbar .pf-m-space-items-none-on-2xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-sm-on-2xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-space-items-sm-on-2xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-md-on-2xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-space-items-md-on-2xl > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-space-items-lg-on-2xl > * { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } .pf-c-toolbar .pf-m-space-items-lg-on-2xl > :last-child { --pf-c-toolbar--spacer:0; } } .pf-c-toolbar .pf-m-spacer-none, .pf-c-toolbar .pf-m-spacer-none:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm, .pf-c-toolbar .pf-m-spacer-sm:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md, .pf-c-toolbar .pf-m-spacer-md:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg, .pf-c-toolbar .pf-m-spacer-lg:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } @media (min-width:576px) { .pf-c-toolbar .pf-m-spacer-none-on-sm, .pf-c-toolbar .pf-m-spacer-none-on-sm:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm-on-sm, .pf-c-toolbar .pf-m-spacer-sm-on-sm:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md-on-sm, .pf-c-toolbar .pf-m-spacer-md-on-sm:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg-on-sm, .pf-c-toolbar .pf-m-spacer-lg-on-sm:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } } @media (min-width:768px) { .pf-c-toolbar .pf-m-spacer-none-on-md, .pf-c-toolbar .pf-m-spacer-none-on-md:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm-on-md, .pf-c-toolbar .pf-m-spacer-sm-on-md:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md-on-md, .pf-c-toolbar .pf-m-spacer-md-on-md:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg-on-md, .pf-c-toolbar .pf-m-spacer-lg-on-md:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } } @media (min-width:992px) { .pf-c-toolbar .pf-m-spacer-none-on-lg, .pf-c-toolbar .pf-m-spacer-none-on-lg:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm-on-lg, .pf-c-toolbar .pf-m-spacer-sm-on-lg:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md-on-lg, .pf-c-toolbar .pf-m-spacer-md-on-lg:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg-on-lg, .pf-c-toolbar .pf-m-spacer-lg-on-lg:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } } @media (min-width:1200px) { .pf-c-toolbar .pf-m-spacer-none-on-xl, .pf-c-toolbar .pf-m-spacer-none-on-xl:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm-on-xl, .pf-c-toolbar .pf-m-spacer-sm-on-xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md-on-xl, .pf-c-toolbar .pf-m-spacer-md-on-xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg-on-xl, .pf-c-toolbar .pf-m-spacer-lg-on-xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } } @media (min-width:1450px) { .pf-c-toolbar .pf-m-spacer-none-on-2xl, .pf-c-toolbar .pf-m-spacer-none-on-2xl:last-child { --pf-c-toolbar--spacer:0; } .pf-c-toolbar .pf-m-spacer-sm-on-2xl, .pf-c-toolbar .pf-m-spacer-sm-on-2xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--sm); } .pf-c-toolbar .pf-m-spacer-md-on-2xl, .pf-c-toolbar .pf-m-spacer-md-on-2xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--md); } .pf-c-toolbar .pf-m-spacer-lg-on-2xl, .pf-c-toolbar .pf-m-spacer-lg-on-2xl:last-child { --pf-c-toolbar--spacer:var(--pf-global--spacer--lg); } } .pf-c-toolbar.pf-m-inset-none { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none, .pf-c-toolbar.pf-m-inset-sm { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg, .pf-c-toolbar.pf-m-inset-md { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl, .pf-c-toolbar.pf-m-inset-xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } @media (min-width:576px) { .pf-c-toolbar.pf-m-inset-none-on-sm { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none-on-sm, .pf-c-toolbar.pf-m-inset-sm-on-sm { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm-on-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md-on-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg-on-sm, .pf-c-toolbar.pf-m-inset-md-on-sm { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg-on-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl-on-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl-on-sm, .pf-c-toolbar.pf-m-inset-xl-on-sm { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl-on-sm { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } } @media (min-width:768px) { .pf-c-toolbar.pf-m-inset-none-on-md { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none-on-md, .pf-c-toolbar.pf-m-inset-sm-on-md { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm-on-md { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md-on-md { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg-on-md, .pf-c-toolbar.pf-m-inset-md-on-md { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg-on-md { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl-on-md { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl-on-md, .pf-c-toolbar.pf-m-inset-xl-on-md { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl-on-md { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } } @media (min-width:992px) { .pf-c-toolbar.pf-m-inset-none-on-lg { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none-on-lg, .pf-c-toolbar.pf-m-inset-sm-on-lg { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm-on-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md-on-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg-on-lg, .pf-c-toolbar.pf-m-inset-md-on-lg { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg-on-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl-on-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl-on-lg, .pf-c-toolbar.pf-m-inset-xl-on-lg { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl-on-lg { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1200px) { .pf-c-toolbar.pf-m-inset-none-on-xl { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none-on-xl, .pf-c-toolbar.pf-m-inset-sm-on-xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm-on-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md-on-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg-on-xl, .pf-c-toolbar.pf-m-inset-md-on-xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg-on-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl-on-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl-on-xl, .pf-c-toolbar.pf-m-inset-xl-on-xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl-on-xl { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1450px) { .pf-c-toolbar.pf-m-inset-none-on-2xl { --pf-c-toolbar--inset:0; } .pf-c-toolbar.pf-m-inset-none-on-2xl, .pf-c-toolbar.pf-m-inset-sm-on-2xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-sm-on-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--sm); } .pf-c-toolbar.pf-m-inset-md-on-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--md); } .pf-c-toolbar.pf-m-inset-lg-on-2xl, .pf-c-toolbar.pf-m-inset-md-on-2xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-lg-on-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--lg); } .pf-c-toolbar.pf-m-inset-xl-on-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--xl); } .pf-c-toolbar.pf-m-inset-2xl-on-2xl, .pf-c-toolbar.pf-m-inset-xl-on-2xl { --pf-c-toolbar__content--PaddingRight:var(--pf-c-toolbar--inset); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-toolbar--inset); } .pf-c-toolbar.pf-m-inset-2xl-on-2xl { --pf-c-toolbar--inset:var(--pf-global--spacer--2xl); } } .pf-c-toolbar__content-section > :last-child { --pf-c-toolbar--spacer:0; } .pf-c-date-picker { --pf-c-date-picker--m-top__calendar--Top:0; --pf-c-date-picker--m-top__calendar--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-date-picker__helper-text--MarginTop:var(--pf-global--spacer--xs); --pf-c-date-picker__helper-text--FontSize:var(--pf-global--FontSize--sm); --pf-c-date-picker__helper-text--Color:var(--pf-global--Color--100); --pf-c-date-picker__helper-text--m-error--Color:var(--pf-global--danger-color--100); --pf-c-date-picker__input--c-form-control--Width:calc(var(--pf-c-date-picker__input--c-form-control--width-chars)*1ch + var(--pf-c-date-picker__input--c-form-control--width-base)); --pf-c-date-picker__input--c-form-control--width-base:calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm)); --pf-c-date-picker__input--c-form-control--width-chars:10; --pf-c-date-picker__calendar--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-date-picker__calendar--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-date-picker__calendar--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-date-picker__calendar--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-date-picker__calendar--Right:auto; --pf-c-date-picker__calendar--Left:0; --pf-c-date-picker__calendar--m-align-right--Right:0; --pf-c-date-picker__calendar--m-align-right--Left:auto; position: relative; display: inline-block; } .pf-c-date-picker__helper-text { margin-top: var(--pf-c-date-picker__helper-text--MarginTop); font-size: var(--pf-c-date-picker__helper-text--FontSize); color: var(--pf-c-date-picker__helper-text--Color); } .pf-c-date-picker__helper-text.pf-m-error { --pf-c-date-picker__helper-text--Color:var(--pf-c-date-picker__helper-text--m-error--Color); } .pf-c-date-picker__input .pf-c-form-control { width: var(--pf-c-date-picker__input--c-form-control--Width); } .pf-c-date-picker__calendar { position: absolute; top: var(--pf-c-date-picker__calendar--Top); right: var(--pf-c-date-picker__calendar--Right); left: var(--pf-c-date-picker__calendar--Left); z-index: var(--pf-c-date-picker__calendar--ZIndex); background-color: var(--pf-c-date-picker__calendar--BackgroundColor); box-shadow: var(--pf-c-date-picker__calendar--BoxShadow); } .pf-c-date-picker__calendar.pf-m-align-right { --pf-c-date-picker__calendar--Right:var(--pf-c-date-picker__calendar--m-align-right--Right); --pf-c-date-picker__calendar--Left:var(--pf-c-date-picker__calendar--m-align-right--Left); } .pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar { --pf-c-date-picker__calendar--Top:var(--pf-c-date-picker--m-top__calendar--Top); transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY)); } .pf-c-divider { --pf-c-divider--Height:var(--pf-global--BorderWidth--sm); --pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100); --pf-c-divider--after--Height:var(--pf-c-divider--Height); --pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BackgroundColor); --pf-c-divider--Display:flex; --pf-c-divider--after--FlexBasis:100%; --pf-c-divider--after--Inset:0%; --pf-c-divider--m-vertical--after--FlexBasis:100%; --pf-c-divider--m-vertical--after--Width:var(--pf-global--BorderWidth--sm); --pf-hidden-visible--visible--Display:var(--pf-c-divider--Display); align-items: center; align-self: stretch; flex-shrink: 0; justify-content: center; width: 100%; border: 0; } .pf-c-divider:after { flex-basis: calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset)*2); align-self: stretch; height: var(--pf-c-divider--after--Height); content: ""; background-color: var(--pf-c-divider--after--BackgroundColor); justify-self: center; } .pf-c-divider.pf-m-vertical { display: inline-flex; flex-direction: column; width: auto; height: inherit; min-height: 100%; max-height: 100%; } .pf-c-divider.pf-m-vertical:after { flex-basis: calc(var(--pf-c-divider--m-vertical--after--FlexBasis) - var(--pf-c-divider--after--Inset)); width: var(--pf-c-divider--m-vertical--after--Width); } .pf-c-divider.pf-m-inset-none { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } @media (min-width:576px) { .pf-c-divider.pf-m-inset-none-on-sm { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl-on-sm { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } } @media (min-width:768px) { .pf-c-divider.pf-m-inset-none-on-md { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl-on-md { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } } @media (min-width:992px) { .pf-c-divider.pf-m-inset-none-on-lg { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl-on-lg { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } } @media (min-width:1200px) { .pf-c-divider.pf-m-inset-none-on-xl { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl-on-xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } } @media (min-width:1450px) { .pf-c-divider.pf-m-inset-none-on-2xl { --pf-c-divider--after--Inset:0%; } .pf-c-divider.pf-m-inset-xs-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--xs); } .pf-c-divider.pf-m-inset-sm-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--sm); } .pf-c-divider.pf-m-inset-md-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--md); } .pf-c-divider.pf-m-inset-lg-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--lg); } .pf-c-divider.pf-m-inset-xl-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--xl); } .pf-c-divider.pf-m-inset-2xl-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--2xl); } .pf-c-divider.pf-m-inset-3xl-on-2xl { --pf-c-divider--after--Inset:var(--pf-global--spacer--3xl); } } .pf-c-drawer { --pf-c-drawer__section--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-drawer__section--m-light-200--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-drawer__content--FlexBasis:100%; --pf-c-drawer__content--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-drawer__content--m-light-200--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-drawer__content--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-drawer__panel--MinWidth:50%; --pf-c-drawer__panel--MaxHeight:auto; --pf-c-drawer__panel--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-drawer__panel--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-drawer__panel--m-light-200--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-drawer__panel--TransitionDuration:var(--pf-global--TransitionDuration); --pf-c-drawer__panel--TransitionProperty:margin,transform,box-shadow,flex-basis; --pf-c-drawer__panel--FlexBasis:100%; --pf-c-drawer__panel--md--FlexBasis--min:1.5rem; --pf-c-drawer__panel--md--FlexBasis:50%; --pf-c-drawer__panel--md--FlexBasis--max:100%; --pf-c-drawer__panel--xl--MinWidth:28.125rem; --pf-c-drawer__panel--xl--FlexBasis:28.125rem; --pf-c-drawer--m-panel-bottom__panel--md--MinHeight:50%; --pf-c-drawer--m-panel-bottom__panel--xl--MinHeight:18.75rem; --pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis:18.75rem; --pf-c-drawer__panel--m-resizable--FlexDirection:row; --pf-c-drawer__panel--m-resizable--md--FlexBasis--min:var(--pf-c-drawer__splitter--m-vertical--Width); --pf-c-drawer__panel--m-resizable--MinWidth:1.5rem; --pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection:column; --pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min:1.5rem; --pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight:1.5rem; --pf-c-drawer--child--PaddingTop:var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingRight:var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingBottom:var(--pf-global--spacer--md); --pf-c-drawer--child--PaddingLeft:var(--pf-global--spacer--md); --pf-c-drawer--child--md--PaddingTop:var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingRight:var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-drawer--child--md--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--PaddingTop:var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingRight:var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingBottom:var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--PaddingLeft:var(--pf-global--spacer--md); --pf-c-drawer--child--m-padding--md--PaddingTop:var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingRight:var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-drawer--child--m-padding--md--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-drawer__content--child--PaddingTop:0; --pf-c-drawer__content--child--PaddingRight:0; --pf-c-drawer__content--child--PaddingBottom:0; --pf-c-drawer__content--child--PaddingLeft:0; --pf-c-drawer__splitter--Height:0.5625rem; --pf-c-drawer__splitter--Width:100%; --pf-c-drawer__splitter--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-drawer__splitter--Cursor:row-resize; --pf-c-drawer__splitter--m-vertical--Height:100%; --pf-c-drawer__splitter--m-vertical--Width:0.5625rem; --pf-c-drawer__splitter--m-vertical--Cursor:col-resize; --pf-c-drawer--m-inline__splitter--focus--OutlineOffset:-0.0625rem; --pf-c-drawer__splitter--after--BorderColor:var(--pf-global--BorderColor--100); --pf-c-drawer__splitter--after--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter--after--BorderTopWidth:0; --pf-c-drawer__splitter--after--BorderRightWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer__splitter--after--BorderBottomWidth:0; --pf-c-drawer__splitter--after--BorderLeftWidth:0; --pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline__splitter--m-vertical--Width:0.625rem; --pf-c-drawer--m-inline__splitter-handle--Left:50%; --pf-c-drawer--m-inline__splitter--after--BorderRightWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline__splitter--after--BorderLeftWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer--m-inline--m-panel-bottom__splitter--Height:0.625rem; --pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top:50%; --pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth:var(--pf-c-drawer__splitter--after--border-width--base); --pf-c-drawer__splitter-handle--Top:50%; --pf-c-drawer__splitter-handle--Left:calc(50% - var(--pf-c-drawer__splitter--after--border-width--base)); --pf-c-drawer--m-panel-left__splitter-handle--Left:50%; --pf-c-drawer--m-panel-bottom__splitter-handle--Top:calc(50% - var(--pf-c-drawer__splitter--after--border-width--base)); --pf-c-drawer__splitter-handle--after--BorderColor:var(--pf-global--Color--200); --pf-c-drawer__splitter-handle--after--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--BorderRightWidth:0; --pf-c-drawer__splitter-handle--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--BorderLeftWidth:0; --pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor:var(--pf-global--Color--100); --pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor:var(--pf-global--Color--100); --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth:0; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth:0; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-drawer__splitter-handle--after--Width:0.75rem; --pf-c-drawer__splitter-handle--after--Height:0.25rem; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width:0.25rem; --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height:0.75rem; --pf-c-drawer__actions--MarginTop:calc(var(pf-global--spacer--form-element)*-1); --pf-c-drawer__actions--MarginRight:calc(var(pf-global--spacer--form-element)*-1); --pf-c-drawer__panel--BoxShadow:none; --pf-c-drawer--m-expanded__panel--BoxShadow:var(--pf-global--BoxShadow--lg-left); --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow:var(--pf-global--BoxShadow--lg-right); --pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow:var(--pf-global--BoxShadow--lg-top); --pf-c-drawer__panel--after--Width:var(--pf-global--BorderWidth--sm); --pf-c-drawer--m-panel-bottom__panel--after--Height:var(--pf-global--BorderWidth--sm); --pf-c-drawer__panel--after--BackgroundColor:transparent; --pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor:var(--pf-global--BorderColor--100); --pf-c-drawer--m-inline__panel--PaddingLeft:var(--pf-c-drawer__panel--after--Width); --pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight:var(--pf-c-drawer__panel--after--Width); --pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop:var(--pf-c-drawer__panel--after--Width); display: flex; flex-direction: column; height: 100%; overflow-x: hidden; } @media screen and (min-width:768px) { .pf-c-drawer { --pf-c-drawer--child--PaddingTop:var(--pf-c-drawer--child--md--PaddingTop); --pf-c-drawer--child--PaddingRight:var(--pf-c-drawer--child--md--PaddingRight); --pf-c-drawer--child--PaddingBottom:var(--pf-c-drawer--child--md--PaddingBottom); --pf-c-drawer--child--PaddingLeft:var(--pf-c-drawer--child--md--PaddingLeft); --pf-c-drawer--child--m-padding--PaddingTop:var(--pf-c-drawer--child--m-padding--md--PaddingTop); --pf-c-drawer--child--m-padding--PaddingRight:var(--pf-c-drawer--child--m-padding--md--PaddingRight); --pf-c-drawer--child--m-padding--PaddingBottom:var(--pf-c-drawer--child--m-padding--md--PaddingBottom); --pf-c-drawer--child--m-padding--PaddingLeft:var(--pf-c-drawer--child--m-padding--md--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-drawer { --pf-c-drawer__panel--MinWidth:var(--pf-c-drawer__panel--xl--MinWidth); } .pf-c-drawer.pf-m-panel-bottom { --pf-c-drawer__panel--MinWidth:auto; --pf-c-drawer__panel--MinHeight:var(--pf-c-drawer--m-panel-bottom__panel--xl--MinHeight); } } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-left: var(--pf-c-drawer--m-inline__panel--PaddingLeft); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { order: 0; margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateX(-100%); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__content { order: 1; } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main { flex-direction: column; } .pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(-100%); } .pf-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateY(-100%); } .pf-c-drawer.pf-m-resizing { --pf-c-drawer__panel--TransitionProperty:none; pointer-events: none; } .pf-c-drawer.pf-m-resizing .pf-c-drawer__splitter { pointer-events: auto; } .pf-c-drawer__section { flex-grow: 0; background-color: var(--pf-c-drawer__section--BackgroundColor); } .pf-c-drawer__section.pf-m-no-background { --pf-c-drawer__section--BackgroundColor:transparent; } .pf-c-drawer__section.pf-m-light-200 { --pf-c-drawer__section--BackgroundColor:var(--pf-c-drawer__section--m-light-200--BackgroundColor); } .pf-c-drawer__main { display: flex; flex: 1; overflow: hidden; } .pf-c-drawer__content, .pf-c-drawer__panel, .pf-c-drawer__panel-main { display: flex; flex-direction: column; flex-shrink: 0; overflow: auto; } .pf-c-drawer__content { z-index: var(--pf-c-drawer__content--ZIndex); flex-basis: var(--pf-c-drawer__content--FlexBasis); order: 0; background-color: var(--pf-c-drawer__content--BackgroundColor); } .pf-c-drawer__content.pf-m-no-background { --pf-c-drawer__content--BackgroundColor:transparent; } .pf-c-drawer__content.pf-m-light-200 { --pf-c-drawer__content--BackgroundColor:var(--pf-c-drawer__content--m-light-200--BackgroundColor); } .pf-c-drawer__content > .pf-c-drawer__body { padding: var(--pf-c-drawer__content--child--PaddingTop) var(--pf-c-drawer__content--child--PaddingRight) var(--pf-c-drawer__content--child--PaddingBottom) var(--pf-c-drawer__content--child--PaddingLeft); } .pf-c-drawer__panel { position: relative; z-index: var(--pf-c-drawer__panel--ZIndex); flex-basis: var(--pf-c-drawer__panel--FlexBasis); order: 1; max-height: var(--pf-c-drawer__panel--MaxHeight); overflow: auto; background-color: var(--pf-c-drawer__panel--BackgroundColor); box-shadow: var(--pf-c-drawer__panel--BoxShadow); transition-duration: var(--pf-c-drawer__panel--TransitionDuration); transition-property: var(--pf-c-drawer__panel--TransitionProperty); -webkit-overflow-scrolling: touch; } .pf-c-drawer__panel:after { position: absolute; top: 0; left: 0; width: var(--pf-c-drawer__panel--after--Width); height: 100%; content: ""; background-color: var(--pf-c-drawer__panel--after--BackgroundColor); } .pf-c-drawer__panel.pf-m-no-background { --pf-c-drawer__panel--BackgroundColor:transparent; } .pf-c-drawer__panel.pf-m-light-200 { --pf-c-drawer__panel--BackgroundColor:var(--pf-c-drawer__panel--m-light-200--BackgroundColor); } @media screen and (min-width:768px) { .pf-c-drawer__panel { --pf-c-drawer__panel--FlexBasis:max(var(--pf-c-drawer__panel--md--FlexBasis--min),min(var(--pf-c-drawer__panel--md--FlexBasis),var(--pf-c-drawer__panel--md--FlexBasis--max))); } } @media screen and (min-width:1200px) { .pf-c-drawer__panel { --pf-c-drawer__panel--md--FlexBasis:var(--pf-c-drawer__panel--xl--FlexBasis); } .pf-c-drawer.pf-m-panel-bottom .pf-c-drawer__panel { --pf-c-drawer__panel--md--FlexBasis:var(--pf-c-drawer--m-panel-bottom__panel--xl--FlexBasis); } } .pf-c-drawer__panel-main { flex-grow: 1; } @keyframes pf-remove-tab-focus { to { visibility: hidden; } } .pf-c-drawer__panel[hidden] { animation-name: pf-remove-tab-focus; animation-delay: var(--pf-c-drawer__panel--TransitionDuration); animation-fill-mode: forwards; } .pf-c-drawer__head { display: grid; grid-template-columns: auto; grid-auto-columns: max-content; } .pf-c-drawer__head > * { grid-column: 1; } .pf-c-drawer__actions { grid-column: 2; grid-row: 1; display: flex; align-self: baseline; margin-top: var(--pf-c-drawer__actions--MarginTop); margin-right: var(--pf-c-drawer__actions--MarginRight); } .pf-c-drawer__body { min-height: 0; padding: var(--pf-c-drawer--child--PaddingTop) var(--pf-c-drawer--child--PaddingRight) var(--pf-c-drawer--child--PaddingBottom) var(--pf-c-drawer--child--PaddingLeft); } .pf-c-drawer__body.pf-m-no-padding { padding: 0; } .pf-c-drawer__body.pf-m-no-padding > .pf-c-drawer__actions, .pf-c-drawer__body.pf-m-no-padding > .pf-c-drawer__head > .pf-c-drawer__actions { margin-top: 0; margin-right: 0; } .pf-c-drawer__body.pf-m-padding { padding: var(--pf-c-drawer--child--m-padding--PaddingTop) var(--pf-c-drawer--child--m-padding--PaddingRight) var(--pf-c-drawer--child--m-padding--PaddingBottom) var(--pf-c-drawer--child--m-padding--PaddingLeft); } .pf-c-drawer__body:not(.pf-m-no-padding) + * { padding-top: 0; } .pf-c-drawer__body:last-child { flex: 1 1; } .pf-c-drawer__body > .pf-c-page__main { min-height: 100%; } .pf-c-drawer__splitter { position: relative; display: none; width: var(--pf-c-drawer__splitter--Width); height: var(--pf-c-drawer__splitter--Height); cursor: var(--pf-c-drawer__splitter--Cursor); visibility: hidden; background-color: var(--pf-c-drawer__splitter--BackgroundColor); } .pf-c-drawer__splitter.pf-m-vertical { --pf-c-drawer__splitter--Height:var(--pf-c-drawer__splitter--m-vertical--Height); --pf-c-drawer__splitter--Width:var(--pf-c-drawer__splitter--m-vertical--Width); --pf-c-drawer__splitter--Cursor:var(--pf-c-drawer__splitter--m-vertical--Cursor); --pf-c-drawer__splitter-handle--after--Width:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width); --pf-c-drawer__splitter-handle--after--Height:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height); --pf-c-drawer__splitter-handle--after--BorderTopWidth:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth); --pf-c-drawer__splitter-handle--after--BorderRightWidth:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth); --pf-c-drawer__splitter-handle--after--BorderBottomWidth:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth); --pf-c-drawer__splitter-handle--after--BorderLeftWidth:var(--pf-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth); } .pf-c-drawer__splitter:hover { --pf-c-drawer__splitter-handle--after--BorderColor:var(--pf-c-drawer__splitter--hover__splitter-handle--after--BorderColor); } .pf-c-drawer__splitter:focus { --pf-c-drawer__splitter-handle--after--BorderColor:var(--pf-c-drawer__splitter--focus__splitter-handle--after--BorderColor); } .pf-c-drawer__splitter:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: solid var(--pf-c-drawer__splitter--after--BorderColor); border-width: var(--pf-c-drawer__splitter--after--BorderTopWidth) var(--pf-c-drawer__splitter--after--BorderRightWidth) var(--pf-c-drawer__splitter--after--BorderBottomWidth) var(--pf-c-drawer__splitter--after--BorderLeftWidth); } .pf-c-drawer__splitter-handle { position: absolute; top: var(--pf-c-drawer__splitter-handle--Top); left: var(--pf-c-drawer__splitter-handle--Left); transform: translate(-50%, -50%); } .pf-c-drawer__splitter-handle:after { display: block; width: var(--pf-c-drawer__splitter-handle--after--Width); height: var(--pf-c-drawer__splitter-handle--after--Height); content: ""; border-color: var(--pf-c-drawer__splitter-handle--after--BorderColor); border-style: solid; border-width: var(--pf-c-drawer__splitter-handle--after--BorderTopWidth) var(--pf-c-drawer__splitter-handle--after--BorderRightWidth) var(--pf-c-drawer__splitter-handle--after--BorderBottomWidth) var(--pf-c-drawer__splitter-handle--after--BorderLeftWidth); } @media screen and (min-width:768px) { .pf-c-drawer { min-width: var(--pf-c-drawer__panel--MinWidth); } .pf-c-drawer.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { box-shadow: var(--pf-c-drawer--m-expanded__panel--BoxShadow); } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable { --pf-c-drawer__panel--md--FlexBasis--min:var(--pf-c-drawer__panel--m-resizable--md--FlexBasis--min); flex-direction: var(--pf-c-drawer__panel--m-resizable--FlexDirection); min-width: var(--pf-c-drawer__panel--m-resizable--MinWidth); } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable:after { width: 0; height: 0; } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { flex-shrink: 0; } .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__panel-main { flex-shrink: 1; } .pf-c-drawer.pf-m-panel-left { --pf-c-drawer--m-expanded__panel--BoxShadow:var(--pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow); } .pf-c-drawer.pf-m-panel-left.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-panel-left.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-right: var(--pf-c-drawer--m-panel-left--m-inline__panel--PaddingRight); padding-left: 0; } .pf-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel:after { right: 0; left: auto; } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter-handle--Left:var(--pf-c-drawer--m-panel-left__splitter-handle--Left); --pf-c-drawer__splitter--after--BorderRightWidth:0; --pf-c-drawer__splitter--after--BorderLeftWidth:var(--pf-c-drawer--m-panel-left__splitter--after--BorderLeftWidth); order: 1; } .pf-c-drawer.pf-m-panel-bottom { --pf-c-drawer--m-expanded__panel--BoxShadow:var(--pf-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow); --pf-c-drawer__panel--MaxHeight:100%; --pf-c-drawer__panel--FlexBasis--min:var(--pf-c-drawer--m-panel-bottom__panel--FlexBasis--min); min-width: auto; min-height: var(--pf-c-drawer--m-panel-bottom__panel--md--MinHeight); } .pf-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-top: var(--pf-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop); padding-left: 0; } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel:after { top: 0; left: auto; width: 100%; height: var(--pf-c-drawer--m-panel-bottom__panel--after--Height); } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable { --pf-c-drawer__panel--md--FlexBasis--min:var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min); --pf-c-drawer__panel--m-resizable--FlexDirection:var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection); --pf-c-drawer__panel--m-resizable--MinWidth:0; min-height: var(--pf-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight); } .pf-c-drawer.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter-handle--Top:var(--pf-c-drawer--m-panel-bottom__splitter-handle--Top); --pf-c-drawer__splitter--after--BorderRightWidth:0; --pf-c-drawer__splitter--after--BorderBottomWidth:var(--pf-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter--m-vertical--Width:var(--pf-c-drawer--m-inline__splitter--m-vertical--Width); --pf-c-drawer__splitter-handle--Left:var(--pf-c-drawer--m-inline__splitter-handle--Left); --pf-c-drawer__splitter--after--BorderRightWidth:var(--pf-c-drawer--m-inline__splitter--after--BorderRightWidth); --pf-c-drawer__splitter--after--BorderLeftWidth:var(--pf-c-drawer--m-inline__splitter--after--BorderLeftWidth); outline-offset: var(--pf-c-drawer--m-inline__splitter--focus--OutlineOffset); } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-resizable > .pf-c-drawer__splitter { --pf-c-drawer__splitter--Height:var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--Height); --pf-c-drawer__splitter-handle--Top:var(--pf-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top); --pf-c-drawer__splitter--after--BorderTopWidth:var(--pf-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth); --pf-c-drawer__splitter--after--BorderRightWidth:0; --pf-c-drawer__splitter--after--BorderLeftWidth:0; } .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border, .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border { --pf-c-drawer--m-expanded__panel--BoxShadow:none; } .pf-c-drawer__splitter { display: block; visibility: visible; } } @media (min-width:768px) { .pf-c-drawer__panel.pf-m-width-25 { --pf-c-drawer__panel--md--FlexBasis:25%; } .pf-c-drawer__panel.pf-m-width-33 { --pf-c-drawer__panel--md--FlexBasis:33%; } .pf-c-drawer__panel.pf-m-width-50 { --pf-c-drawer__panel--md--FlexBasis:50%; } .pf-c-drawer__panel.pf-m-width-66 { --pf-c-drawer__panel--md--FlexBasis:66%; } .pf-c-drawer__panel.pf-m-width-75 { --pf-c-drawer__panel--md--FlexBasis:75%; } .pf-c-drawer__panel.pf-m-width-100 { --pf-c-drawer__panel--md--FlexBasis:100%; } } @media (min-width:992px) { .pf-c-drawer__panel.pf-m-width-25-on-lg { --pf-c-drawer__panel--md--FlexBasis:25%; } .pf-c-drawer__panel.pf-m-width-33-on-lg { --pf-c-drawer__panel--md--FlexBasis:33%; } .pf-c-drawer__panel.pf-m-width-50-on-lg { --pf-c-drawer__panel--md--FlexBasis:50%; } .pf-c-drawer__panel.pf-m-width-66-on-lg { --pf-c-drawer__panel--md--FlexBasis:66%; } .pf-c-drawer__panel.pf-m-width-75-on-lg { --pf-c-drawer__panel--md--FlexBasis:75%; } .pf-c-drawer__panel.pf-m-width-100-on-lg { --pf-c-drawer__panel--md--FlexBasis:100%; } } @media (min-width:1200px) { .pf-c-drawer__panel.pf-m-width-25-on-xl { --pf-c-drawer__panel--md--FlexBasis:25%; } .pf-c-drawer__panel.pf-m-width-33-on-xl { --pf-c-drawer__panel--md--FlexBasis:33%; } .pf-c-drawer__panel.pf-m-width-50-on-xl { --pf-c-drawer__panel--md--FlexBasis:50%; } .pf-c-drawer__panel.pf-m-width-66-on-xl { --pf-c-drawer__panel--md--FlexBasis:66%; } .pf-c-drawer__panel.pf-m-width-75-on-xl { --pf-c-drawer__panel--md--FlexBasis:75%; } .pf-c-drawer__panel.pf-m-width-100-on-xl { --pf-c-drawer__panel--md--FlexBasis:100%; } } @media (min-width:1450px) { .pf-c-drawer__panel.pf-m-width-25-on-2xl { --pf-c-drawer__panel--md--FlexBasis:25%; } .pf-c-drawer__panel.pf-m-width-33-on-2xl { --pf-c-drawer__panel--md--FlexBasis:33%; } .pf-c-drawer__panel.pf-m-width-50-on-2xl { --pf-c-drawer__panel--md--FlexBasis:50%; } .pf-c-drawer__panel.pf-m-width-66-on-2xl { --pf-c-drawer__panel--md--FlexBasis:66%; } .pf-c-drawer__panel.pf-m-width-75-on-2xl { --pf-c-drawer__panel--md--FlexBasis:75%; } .pf-c-drawer__panel.pf-m-width-100-on-2xl { --pf-c-drawer__panel--md--FlexBasis:100%; } } @media (min-width:768px) { .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow:none; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after, .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width:992px) { .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow:none; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after, .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width:1200px) { .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow:none; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after, .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } @media (min-width:1450px) { .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content { flex-shrink: 1; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { --pf-c-drawer--m-expanded__panel--BoxShadow:none; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after, .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border):after { background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor); } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content { overflow-x: auto; } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateX(100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-left: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); margin-left: 0; transform: translateX(-100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: unset; visibility: visible; } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis)*-1); transform: translateY(100%); } .pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-c-drawer__main > .pf-c-drawer__panel { margin-bottom: 0; transform: translateY(0); } .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel { margin-right: 0; transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel { transform: translateX(0); } .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close { display: none; visibility: hidden; } } .pf-c-dropdown { --pf-c-dropdown__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-dropdown__toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-dropdown__toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--MinWidth:0; --pf-c-dropdown__toggle--FontSize:var(--pf-global--FontSize--md); --pf-c-dropdown__toggle--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-dropdown__toggle--Color:var(--pf-global--Color--100); --pf-c-dropdown__toggle--LineHeight:var(--pf-global--LineHeight--md); --pf-c-dropdown__toggle--BackgroundColor:transparent; --pf-c-dropdown__toggle--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-dropdown__toggle--before--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-dropdown__toggle--before--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-dropdown__toggle--before--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-dropdown__toggle--hover--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-dropdown__toggle--focus--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown__toggle--focus--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-dropdown__toggle--active--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown__toggle--active--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-dropdown__toggle--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-dropdown__toggle--m-plain--Color:var(--pf-global--Color--200); --pf-c-dropdown__toggle--m-plain--hover--Color:var(--pf-global--Color--100); --pf-c-dropdown__toggle--m-plain--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-dropdown__toggle--m-plain--PaddingRight:var(--pf-global--spacer--md); --pf-c-dropdown__toggle--m-plain--PaddingLeft:var(--pf-global--spacer--md); --pf-c-dropdown__toggle--m-plain--child--LineHeight:normal; --pf-c-dropdown__toggle--m-primary--Color:var(--pf-global--Color--light-100); --pf-c-dropdown__toggle--m-primary--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-dropdown__toggle--m-primary--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-primary--hover--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-primary--active--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-secondary--Color:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-secondary--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-dropdown__toggle--m-secondary--BackgroundColor:transparent; --pf-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown__toggle--m-secondary--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-secondary--hover--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-secondary--focus--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-secondary--active--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle-button--Color:var(--pf-global--Color--100); --pf-c-dropdown__toggle--m-split-button--child--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-global--spacer--xs); --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-dropdown__toggle--m-split-button--child--BackgroundColor:transparent; --pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight:calc(var(--pf-global--BorderWidth--sm)*-1); --pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY:-0.0625rem; --pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor:var(--pf-global--primary-color--200); --pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-dropdown__toggle-icon--LineHeight:var(--pf-global--LineHeight--md); --pf-c-dropdown__toggle-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle-icon--MarginLeft:var(--pf-global--spacer--md); --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate:180deg; --pf-c-dropdown__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-dropdown__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-dropdown__menu--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dropdown__menu--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-dropdown__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-dropdown__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-dropdown--m-top__menu--Top:0; --pf-c-dropdown--m-top__menu--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-dropdown__menu-item--BackgroundColor:transparent; --pf-c-dropdown__menu-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dropdown__menu-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-dropdown__menu-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-dropdown__menu-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-dropdown__menu-item--FontSize:var(--pf-global--FontSize--md); --pf-c-dropdown__menu-item--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-dropdown__menu-item--LineHeight:var(--pf-global--LineHeight--md); --pf-c-dropdown__menu-item--Color:var(--pf-global--Color--dark-100); --pf-c-dropdown__menu-item--hover--Color:var(--pf-global--Color--dark-100); --pf-c-dropdown__menu-item--disabled--Color:var(--pf-global--Color--dark-200); --pf-c-dropdown__menu-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-dropdown__menu-item--disabled--BackgroundColor:transparent; --pf-c-dropdown__menu-item--m-text--Color:var(--pf-global--Color--dark-200); --pf-c-dropdown__menu-item-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-dropdown__menu-item-icon--Width:var(--pf-global--icon--FontSize--lg); --pf-c-dropdown__menu-item-icon--Height:var(--pf-global--icon--FontSize--lg); --pf-c-dropdown__menu-item-description--FontSize:var(--pf-global--FontSize--xs); --pf-c-dropdown__menu-item-description--Color:var(--pf-global--Color--dark-200); --pf-c-dropdown__group--group--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dropdown__group-title--PaddingTop:var(--pf-global--spacer--sm); --pf-c-dropdown__group-title--PaddingRight:var(--pf-c-dropdown__menu-item--PaddingRight); --pf-c-dropdown__group-title--PaddingBottom:var(--pf-c-dropdown__menu-item--PaddingBottom); --pf-c-dropdown__group-title--PaddingLeft:var(--pf-c-dropdown__menu-item--PaddingLeft); --pf-c-dropdown__group-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-dropdown__group-title--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-dropdown__group-title--Color:var(--pf-global--Color--dark-200); --pf-c-dropdown__toggle-image--MarginTop:var(--pf-global--spacer--xs); --pf-c-dropdown__toggle-image--MarginBottom:var(--pf-global--spacer--xs); --pf-c-dropdown__toggle-image--MarginRight:var(--pf-global--spacer--sm); --pf-c-dropdown--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-dropdown--c-divider--MarginBottom:var(--pf-global--spacer--sm); --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft:var(--pf-global--spacer--xs); --pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight:0; --pf-c-dropdown--c-menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-dropdown--c-menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-dropdown--m-top--c-menu--Top:0; --pf-c-dropdown--m-top--c-menu--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth:0; --pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-dropdown--m-full-height__toggle--PaddingRight:var(--pf-global--spacer--lg); --pf-c-dropdown--m-full-height__toggle--PaddingLeft:var(--pf-global--spacer--lg); position: relative; display: inline-block; max-width: 100%; } .pf-c-dropdown .pf-c-divider { margin-top: var(--pf-c-dropdown--c-divider--MarginTop); margin-bottom: var(--pf-c-dropdown--c-divider--MarginBottom); } .pf-c-dropdown .pf-c-divider:last-child { --pf-c-dropdown--c-divider--MarginBottom:0; } .pf-c-dropdown > .pf-c-menu { position: absolute; top: var(--pf-c-dropdown--c-menu--Top); z-index: var(--pf-c-dropdown--c-menu--ZIndex); } .pf-c-dropdown.pf-m-full-height { --pf-c-dropdown__toggle--PaddingRight:var(--pf-c-dropdown--m-full-height__toggle--PaddingRight); --pf-c-dropdown__toggle--PaddingLeft:var(--pf-c-dropdown--m-full-height__toggle--PaddingLeft); --pf-c-dropdown__toggle--active--before--BorderBottomWidth:var(--pf-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth); --pf-c-dropdown__toggle--focus--before--BorderBottomWidth:var(--pf-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth); --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:var(--pf-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth); display: inline-flex; align-items: center; height: 100%; } .pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle { align-self: stretch; } .pf-c-dropdown.pf-m-full-height .pf-c-dropdown__toggle:before { border-top-width: var(--pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth); } .pf-c-dropdown.pf-m-full-height:hover .pf-c-dropdown__toggle:before { border-bottom-width: var(--pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth); } .pf-c-dropdown.pf-m-expanded { --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor); } .pf-c-dropdown__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; min-width: var(--pf-c-dropdown__toggle--MinWidth); max-width: 100%; padding: var(--pf-c-dropdown__toggle--PaddingTop) var(--pf-c-dropdown__toggle--PaddingRight) var(--pf-c-dropdown__toggle--PaddingBottom) var(--pf-c-dropdown__toggle--PaddingLeft); font-size: var(--pf-c-dropdown__toggle--FontSize); font-weight: var(--pf-c-dropdown__toggle--FontWeight); line-height: var(--pf-c-dropdown__toggle--LineHeight); color: var(--pf-c-dropdown__toggle--Color); background-color: var(--pf-c-dropdown__toggle--BackgroundColor); border: none; } .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before, .pf-c-dropdown__toggle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-dropdown__toggle--before--BorderWidth) solid; border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor); } .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled { pointer-events: none; } .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-dropdown__toggle:disabled:not(.pf-m-plain) { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--disabled--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain):before, .pf-c-dropdown__toggle:disabled:not(.pf-m-plain):before { border: 0; } .pf-c-dropdown__toggle.pf-m-split-button { padding: 0; } .pf-c-dropdown__toggle.pf-m-split-button > * { position: relative; padding-top: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingTop); padding-right: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingRight); padding-bottom: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingBottom); padding-left: var(--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft); background-color: var(--pf-c-dropdown__toggle--m-split-button--child--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-split-button > :first-child { --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-c-dropdown__toggle--m-split-button--first-child--PaddingLeft); } .pf-c-dropdown__toggle.pf-m-split-button > :last-child { --pf-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-c-dropdown__toggle--m-split-button--last-child--PaddingRight); } .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action { --pf-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight); --pf-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft); } .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button { margin-right: var(--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight); } .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:before { border-left: 0; } .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-c-dropdown__toggle-button:last-child { --pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight:0; } .pf-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary > :not(:first-child) { border-left: var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth) solid var(--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor); } .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check { display: flex; align-items: center; cursor: pointer; } .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check, .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input { cursor: pointer; transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY)); } .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button { color: var(--pf-c-dropdown__toggle-button--Color); border: 0; } .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text { margin-left: var(--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft); } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) { --pf-c-dropdown__toggle--before--BorderWidth:0; --pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:0; } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > * { background-color: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor); border: 0; } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :hover { --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > .pf-m-active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :focus { --pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :first-child { border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); } .pf-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) > :last-child { border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); } .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover:before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover:before { --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor); } .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active:before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active:before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active:before { --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-c-dropdown__toggle--active--before--BorderBottomColor); border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth); } .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus:before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus:before { --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor); border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth); } .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:before, .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):before { --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor); border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth); } .pf-c-dropdown__toggle.pf-m-plain { --pf-c-dropdown__toggle--PaddingRight:var(--pf-c-dropdown__toggle--m-plain--PaddingRight); --pf-c-dropdown__toggle--PaddingLeft:var(--pf-c-dropdown__toggle--m-plain--PaddingLeft); display: inline-block; color: var(--pf-c-dropdown__toggle--m-plain--Color); } .pf-c-dropdown__toggle.pf-m-plain > * { line-height: var(--pf-c-dropdown__toggle--m-plain--child--LineHeight); } .pf-c-dropdown__toggle.pf-m-plain:before { border: 0; } .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain { --pf-c-dropdown__toggle--m-plain--Color:var(--pf-c-dropdown__toggle--m-plain--hover--Color); } .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled { --pf-c-dropdown__toggle--m-plain--Color:var(--pf-c-dropdown__toggle--m-plain--disabled--Color); } .pf-c-dropdown__toggle.pf-m-primary { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--m-primary--BackgroundColor); --pf-c-dropdown__toggle-button--Color:var(--pf-c-dropdown__toggle--m-primary--Color); border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius); } .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled) { --pf-c-dropdown__toggle--Color:var(--pf-c-dropdown__toggle--m-primary--Color); } .pf-c-dropdown__toggle.pf-m-primary:before { border: 0; } .pf-c-dropdown__toggle.pf-m-primary:hover { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--m-primary--hover--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-primary:focus { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--m-primary--focus--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-primary.pf-m-active, .pf-c-dropdown__toggle.pf-m-primary:active { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor); } .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary { --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor); } .pf-c-dropdown__toggle.pf-m-secondary { --pf-c-dropdown__toggle--Color:var(--pf-c-dropdown__toggle--m-secondary--Color); --pf-c-dropdown__toggle--BackgroundColor:var(--pf-c-dropdown__toggle--m-secondary--BackgroundColor); border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius); } .pf-c-dropdown__toggle.pf-m-secondary:before { border: var(--pf-c-dropdown__toggle--m-secondary--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--before--BorderColor); border-radius: var(--pf-c-dropdown__toggle--m-secondary--BorderRadius); } .pf-c-dropdown__toggle.pf-m-secondary:hover { --pf-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth); } .pf-c-dropdown__toggle.pf-m-secondary:focus { --pf-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth); } .pf-c-dropdown__toggle.pf-m-secondary.pf-m-active, .pf-c-dropdown__toggle.pf-m-secondary:active { --pf-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth); } .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-secondary { --pf-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth); --pf-c-dropdown__toggle--m-secondary--before--BorderColor:var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor); } .pf-c-dropdown__toggle > .pf-c-badge { --pf-c-dropdown__toggle-icon--MarginLeft:var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft); --pf-c-dropdown__toggle-icon--MarginRight:var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight); } .pf-c-dropdown__toggle .pf-c-dropdown__toggle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pf-c-dropdown__toggle-icon { margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight); margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft); line-height: var(--pf-c-dropdown__toggle-icon--LineHeight); } .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon { transform: rotate(var(--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate)); } .pf-c-dropdown__toggle-image { display: inline-flex; margin-top: var(--pf-c-dropdown__toggle-image--MarginTop); margin-right: var(--pf-c-dropdown__toggle-image--MarginRight); margin-bottom: var(--pf-c-dropdown__toggle-image--MarginBottom); } .pf-c-dropdown__toggle-image:last-child { --pf-c-dropdown__toggle-image--MarginRight:0; } .pf-c-dropdown__menu { position: absolute; top: var(--pf-c-dropdown__menu--Top); z-index: var(--pf-c-dropdown__menu--ZIndex); padding-top: var(--pf-c-dropdown__menu--PaddingTop); padding-bottom: var(--pf-c-dropdown__menu--PaddingBottom); background: var(--pf-c-dropdown__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-dropdown__menu--BoxShadow); } .pf-c-dropdown .pf-c-menu, .pf-c-dropdown__menu { min-width: 100%; } .pf-c-dropdown .pf-c-menu.pf-m-align-right, .pf-c-dropdown__menu.pf-m-align-right { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left, .pf-c-dropdown__menu.pf-m-align-left { right: auto; } @media (min-width:576px) { .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm, .pf-c-dropdown__menu.pf-m-align-right-on-sm { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm, .pf-c-dropdown__menu.pf-m-align-left-on-sm { right: auto; } } @media (min-width:768px) { .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md, .pf-c-dropdown__menu.pf-m-align-right-on-md { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md, .pf-c-dropdown__menu.pf-m-align-left-on-md { right: auto; } } @media (min-width:992px) { .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg, .pf-c-dropdown__menu.pf-m-align-right-on-lg { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg, .pf-c-dropdown__menu.pf-m-align-left-on-lg { right: auto; } } @media (min-width:1200px) { .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl, .pf-c-dropdown__menu.pf-m-align-right-on-xl { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl, .pf-c-dropdown__menu.pf-m-align-left-on-xl { right: auto; } } @media (min-width:1450px) { .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl, .pf-c-dropdown__menu.pf-m-align-right-on-2xl { right: 0; } .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl, .pf-c-dropdown__menu.pf-m-align-left-on-2xl { right: auto; } } .pf-c-dropdown.pf-m-top .pf-c-dropdown__menu { --pf-c-dropdown__menu--Top:var(--pf-c-dropdown--m-top__menu--Top); transform: translateY(var(--pf-c-dropdown--m-top__menu--TranslateY)); } .pf-c-dropdown.pf-m-top > .pf-c-menu { --pf-c-dropdown--c-menu--Top:var(--pf-c-dropdown--m-top--c-menu--Top); transform: translateY(var(--pf-c-dropdown--m-top--c-menu--TranslateY)); } .pf-c-dropdown__menu-item { display: block; width: 100%; padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft); font-size: var(--pf-c-dropdown__menu-item--FontSize); font-weight: var(--pf-c-dropdown__menu-item--FontWeight); line-height: var(--pf-c-dropdown__menu-item--LineHeight); color: var(--pf-c-dropdown__menu-item--Color); text-align: left; white-space: nowrap; background-color: var(--pf-c-dropdown__menu-item--BackgroundColor); border: none; } .pf-c-dropdown__menu-item:focus, .pf-c-dropdown__menu-item:hover { --pf-c-dropdown__menu-item--Color:var(--pf-c-dropdown__menu-item--hover--Color); --pf-c-dropdown__menu-item--BackgroundColor:var(--pf-c-dropdown__menu-item--hover--BackgroundColor); text-decoration: none; } .pf-c-dropdown__menu-item.pf-m-aria-disabled, .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item:disabled { --pf-c-dropdown__menu-item--Color:var(--pf-c-dropdown__menu-item--disabled--Color); --pf-c-dropdown__menu-item--BackgroundColor:var(--pf-c-dropdown__menu-item--disabled--BackgroundColor); } .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item:disabled { pointer-events: none; } .pf-c-dropdown__menu-item.pf-m-aria-disabled { cursor: default; } .pf-c-dropdown__menu-item.pf-m-icon { display: flex; align-items: center; } .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description { flex-direction: column; align-items: start; } .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main { display: flex; align-items: center; } .pf-c-dropdown__menu-item.pf-m-text { --pf-c-dropdown__menu-item--Color:var(--pf-c-dropdown__menu-item--m-text--Color); } .pf-c-dropdown__menu-item.pf-m-text:focus, .pf-c-dropdown__menu-item.pf-m-text:hover { --pf-c-dropdown__menu-item--BackgroundColor:transparent; } .pf-c-dropdown__menu-item-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--pf-c-dropdown__menu-item-icon--Width); height: var(--pf-c-dropdown__menu-item-icon--Height); margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight); } .pf-c-dropdown__menu-item-icon > * { max-width: 100%; max-height: 100%; } .pf-c-dropdown__menu-item-description { font-size: var(--pf-c-dropdown__menu-item-description--FontSize); color: var(--pf-c-dropdown__menu-item-description--Color); } .pf-c-dropdown__group + .pf-c-dropdown__group { padding-top: var(--pf-c-dropdown__group--group--PaddingTop); } .pf-c-dropdown__group-title { padding-top: var(--pf-c-dropdown__group-title--PaddingTop); padding-right: var(--pf-c-dropdown__group-title--PaddingRight); padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom); padding-left: var(--pf-c-dropdown__group-title--PaddingLeft); font-size: var(--pf-c-dropdown__group-title--FontSize); font-weight: var(--pf-c-dropdown__group-title--FontWeight); color: var(--pf-c-dropdown__group-title--Color); } .pf-c-empty-state { --pf-c-empty-state--PaddingTop:var(--pf-global--spacer--xl); --pf-c-empty-state--PaddingRight:var(--pf-global--spacer--xl); --pf-c-empty-state--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-empty-state--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-empty-state__content--MaxWidth:none; --pf-c-empty-state__icon--MarginBottom:var(--pf-global--spacer--lg); --pf-c-empty-state__icon--FontSize:var(--pf-global--icon--FontSize--xl); --pf-c-empty-state__icon--Color:var(--pf-global--icon--Color--light); --pf-c-empty-state__content--c-title--m-lg--FontSize:var(--pf-global--FontSize--xl); --pf-c-empty-state__body--MarginTop:var(--pf-global--spacer--md); --pf-c-empty-state__body--Color:var(--pf-global--Color--200); --pf-c-empty-state__primary--MarginTop:var(--pf-global--spacer--xl); --pf-c-empty-state__primary--secondary--MarginTop:var(--pf-global--spacer--sm); --pf-c-empty-state__secondary--MarginTop:var(--pf-global--spacer--xl); --pf-c-empty-state__secondary--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-empty-state__secondary--child--MarginRight:calc(var(--pf-global--spacer--xs)/2); --pf-c-empty-state__secondary--child--MarginBottom:var(--pf-global--spacer--xs); --pf-c-empty-state__secondary--child--MarginLeft:calc(var(--pf-global--spacer--xs)/2); --pf-c-empty-state--m-xs__content--MaxWidth:21.875rem; --pf-c-empty-state--m-xs__body--FontSize:var(--pf-global--FontSize--sm); --pf-c-empty-state--m-xs--button--FontSize:var(--pf-global--FontSize--sm); --pf-c-empty-state--m-xs--PaddingTop:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs--PaddingRight:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs--PaddingBottom:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs--PaddingLeft:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs__icon--MarginBottom:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs__body--MarginTop:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs__primary--MarginTop:var(--pf-global--spacer--md); --pf-c-empty-state--m-xs__secondary--MarginTop:var(--pf-global--spacer--md); --pf-c-empty-state--m-sm__content--MaxWidth:25rem; --pf-c-empty-state--m-lg__content--MaxWidth:37.5rem; --pf-c-empty-state--m-xl__body--FontSize:var(--pf-global--FontSize--xl); --pf-c-empty-state--m-xl__body--MarginTop:var(--pf-global--spacer--lg); --pf-c-empty-state--m-xl__icon--MarginBottom:var(--pf-global--spacer--xl); --pf-c-empty-state--m-xl__icon--FontSize:6.25rem; --pf-c-empty-state--m-xl--c-button__secondary--MarginTop:var(--pf-global--spacer--md); display: flex; align-items: center; justify-content: center; padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft); text-align: center; } .pf-c-empty-state.pf-m-xs { --pf-c-empty-state--PaddingTop:var(--pf-c-empty-state--m-xs--PaddingTop); --pf-c-empty-state--PaddingRight:var(--pf-c-empty-state--m-xs--PaddingRight); --pf-c-empty-state--PaddingBottom:var(--pf-c-empty-state--m-xs--PaddingBottom); --pf-c-empty-state--PaddingLeft:var(--pf-c-empty-state--m-xs--PaddingLeft); --pf-c-empty-state__content--MaxWidth:var(--pf-c-empty-state--m-xs__content--MaxWidth); --pf-c-empty-state__icon--MarginBottom:var(--pf-c-empty-state--m-xs__icon--MarginBottom); --pf-c-empty-state__body--MarginTop:var(--pf-c-empty-state--m-xs__body--MarginTop); --pf-c-empty-state__primary--MarginTop:var(--pf-c-empty-state--m-xs__primary--MarginTop); --pf-c-empty-state__secondary--MarginTop:var(--pf-c-empty-state--m-xs__secondary--MarginTop); } .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body { font-size: var(--pf-c-empty-state--m-xs__body--FontSize); } .pf-c-empty-state.pf-m-xs .pf-c-button { --pf-c-button--FontSize:var(--pf-c-empty-state--m-xs--button--FontSize); } .pf-c-empty-state.pf-m-sm { --pf-c-empty-state__content--MaxWidth:var(--pf-c-empty-state--m-sm__content--MaxWidth); } .pf-c-empty-state.pf-m-lg { --pf-c-empty-state__content--MaxWidth:var(--pf-c-empty-state--m-lg__content--MaxWidth); } .pf-c-empty-state.pf-m-xl { --pf-c-empty-state__body--MarginTop:var(--pf-c-empty-state--m-xl__body--MarginTop); --pf-c-empty-state__icon--MarginBottom:var(--pf-c-empty-state--m-xl__icon--MarginBottom); --pf-c-empty-state__icon--FontSize:var(--pf-c-empty-state--m-xl__icon--FontSize); --pf-c-empty-state--c-button__secondary--MarginTop:var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop); } .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body { font-size: var(--pf-c-empty-state--m-xl__body--FontSize); } .pf-c-empty-state.pf-m-full-height { height: 100%; } .pf-c-empty-state__content { max-width: var(--pf-c-empty-state__content--MaxWidth); } .pf-c-empty-state__content > .pf-c-title.pf-m-lg { font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize); } .pf-c-empty-state__icon { margin-bottom: var(--pf-c-empty-state__icon--MarginBottom); font-size: var(--pf-c-empty-state__icon--FontSize); color: var(--pf-c-empty-state__icon--Color); } .pf-c-empty-state__body { margin-top: var(--pf-c-empty-state__body--MarginTop); color: var(--pf-c-empty-state__body--Color); } .pf-c-empty-state__content > .pf-c-button.pf-m-primary, .pf-c-empty-state__primary { margin-top: var(--pf-c-empty-state__primary--MarginTop); } .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary, .pf-c-empty-state__primary + .pf-c-empty-state__secondary { margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop); } .pf-c-empty-state__secondary { display: flex; flex-wrap: wrap; justify-content: center; margin-top: var(--pf-c-empty-state__secondary--MarginTop); margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom); } .pf-c-empty-state__secondary > * { margin-right: var(--pf-c-empty-state__secondary--child--MarginRight); margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom); margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft); } .pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg { font-size: var(--pf-global--FontSize--lg); } .pf-c-expandable-section { --pf-c-expandable-section__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-expandable-section__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-expandable-section__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-expandable-section__toggle--PaddingLeft:0; --pf-c-expandable-section__toggle--Color:var(--pf-global--link--Color); --pf-c-expandable-section__toggle--hover--Color:var(--pf-global--link--Color--hover); --pf-c-expandable-section__toggle--active--Color:var(--pf-global--link--Color--hover); --pf-c-expandable-section__toggle--focus--Color:var(--pf-global--link--Color--hover); --pf-c-expandable-section__toggle--m-expanded--Color:var(--pf-global--link--Color--hover); --pf-c-expandable-section__toggle-icon--Color:var(--pf-global--Color--100); --pf-c-expandable-section__toggle-icon--Transition:.2s ease-in 0s; --pf-c-expandable-section__toggle-icon--Rotate:0; --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate:0; --pf-c-expandable-section--m-expanded__toggle-icon--Rotate:90deg; --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate:-90deg; --pf-c-expandable-section__toggle-text--MarginLeft:calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm)); --pf-c-expandable-section__content--MarginTop:var(--pf-global--spacer--md); --pf-c-expandable-section__content--MaxWidth:auto; --pf-c-expandable-section--m-limit-width__content--MaxWidth:46.875rem; --pf-c-expandable-section--m-display-lg--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-expandable-section--m-display-lg__toggle--PaddingTop:var(--pf-global--spacer--md); --pf-c-expandable-section--m-display-lg__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom:var(--pf-global--spacer--md); --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-expandable-section--m-display-lg__content--MarginTop:0; --pf-c-expandable-section--m-display-lg__content--PaddingRight:var(--pf-global--spacer--lg); --pf-c-expandable-section--m-display-lg__content--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-expandable-section--m-display-lg__content--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-expandable-section--m-display-lg--after--BackgroundColor:transparent; --pf-c-expandable-section--m-display-lg--after--Width:var(--pf-global--BorderWidth--lg); --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor:var(--pf-global--primary-color--100); } .pf-c-expandable-section.pf-m-expanded { --pf-c-expandable-section__toggle--Color:var(--pf-c-expandable-section__toggle--m-expanded--Color); --pf-c-expandable-section__toggle-icon--Rotate:var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate); --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate:var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate); --pf-c-expandable-section--m-display-lg--after--BackgroundColor:var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor); } .pf-c-expandable-section.pf-m-detached { --pf-c-expandable-section__content--MarginTop:0; } .pf-c-expandable-section.pf-m-limit-width { --pf-c-expandable-section__content--MaxWidth:var(--pf-c-expandable-section--m-limit-width__content--MaxWidth); } .pf-c-expandable-section.pf-m-display-lg { --pf-c-expandable-section__toggle--PaddingTop:var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop); --pf-c-expandable-section__toggle--PaddingRight:var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight); --pf-c-expandable-section__toggle--PaddingBottom:var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom); --pf-c-expandable-section__toggle--PaddingLeft:var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft); --pf-c-expandable-section__content--PaddingRight:var(--pf-c-expandable-section--m-display-lg__content--PaddingRight); --pf-c-expandable-section__content--PaddingBottom:var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom); --pf-c-expandable-section__content--PaddingLeft:var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft); --pf-c-expandable-section__content--MarginTop:var(--pf-c-expandable-section--m-display-lg__content--MarginTop); position: relative; box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow); } .pf-c-expandable-section.pf-m-display-lg:after { position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-expandable-section--m-display-lg--after--Width); content: ""; background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor); } .pf-c-expandable-section__toggle { display: flex; padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft); color: var(--pf-c-expandable-section__toggle--Color); border: none; } .pf-c-expandable-section__toggle:hover { --pf-c-expandable-section__toggle--Color:var(--pf-c-expandable-section__toggle--hover--Color); } .pf-c-expandable-section__toggle.pf-m-active, .pf-c-expandable-section__toggle:active { --pf-c-expandable-section__toggle--Color:var(--pf-c-expandable-section__toggle--active--Color); } .pf-c-expandable-section__toggle:focus { --pf-c-expandable-section__toggle--Color:var(--pf-c-expandable-section__toggle--focus--Color); } .pf-c-expandable-section__toggle-icon { color: var(--pf-c-expandable-section__toggle-icon--Color); transition: var(--pf-c-expandable-section__toggle-icon--Transition); transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate)); } .pf-c-expandable-section__toggle-icon.pf-m-expand-top { --pf-c-expandable-section__toggle-icon--Rotate:var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate); } .pf-c-expandable-section__toggle-text { margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft); } .pf-c-expandable-section__content { max-width: var(--pf-c-expandable-section__content--MaxWidth); padding-right: var(--pf-c-expandable-section__content--PaddingRight); padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom); padding-left: var(--pf-c-expandable-section__content--PaddingLeft); margin-top: var(--pf-c-expandable-section__content--MarginTop); } .pf-m-overpass-font .pf-c-expandable-section__toggle { font-weight: var(--pf-global--FontWeight--semi-bold); } .pf-c-file-upload { --pf-c-file-upload--m-loading__file-details--before--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-file-upload--m-loading__file-details--before--Left:var(--pf-global--BorderWidth--sm); --pf-c-file-upload--m-loading__file-details--before--Right:var(--pf-global--BorderWidth--sm); --pf-c-file-upload--m-loading__file-details--before--Bottom:var(--pf-global--BorderWidth--sm); --pf-c-file-upload--m-drag-hover--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-file-upload--m-drag-hover--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-file-upload--m-drag-hover--before--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-file-upload--m-drag-hover--after--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-file-upload--m-drag-hover--after--Opacity:.1; --pf-c-file-upload__file-details__c-form-control--MinHeight:calc(var(--pf-global--spacer--3xl)*2); --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); position: relative; display: flex; flex-direction: column; } .pf-c-file-upload.pf-m-drag-hover:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex); content: ""; border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor); } .pf-c-file-upload.pf-m-drag-hover:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor); opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity); } .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details { position: relative; } .pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details:before { position: absolute; top: 0; right: var(--pf-c-file-upload--m-loading__file-details--before--Left); bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left); left: var(--pf-c-file-upload--m-loading__file-details--before--Left); content: ""; background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor); } .pf-c-file-upload__file-select .pf-c-button.pf-m-control { outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset); } .pf-c-file-upload__file-details { position: relative; display: flex; } .pf-c-file-upload__file-details .pf-c-form-control { flex: 1 1 auto; min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight); border-top: 0; } .pf-c-file-upload__file-details-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pf-c-form { --pf-c-form--GridGap:var(--pf-global--gutter--md); --pf-c-form__group--m-action--MarginTop:var(--pf-global--spacer--xl); --pf-c-form--m-horizontal__group-label--md--GridColumnWidth:9.375rem; --pf-c-form--m-horizontal__group-label--md--GridColumnGap:var(--pf-global--spacer--md); --pf-c-form--m-horizontal__group-control--md--GridColumnWidth:1fr; --pf-c-form--m-limit-width--MaxWidth:31.25rem; --pf-c-form--m-horizontal__group-label--md--PaddingTop:calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md)/2 + var(--pf-global--BorderWidth--sm)*2/2 - var(--pf-global--FontSize--md)/2 + var(--pf-global--FontSize--md) - var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--sm)/2 + var(--pf-global--FontSize--sm)/2 - var(--pf-global--FontSize--sm) + var(--pf-global--BorderWidth--sm)); --pf-c-form__group-label--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop:0; --pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY:calc(var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--sm)/2 - var(--pf-global--FontSize--sm)/2 + var(--pf-global--FontSize--sm) - var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--sm)/2 + var(--pf-global--FontSize--md)/2 - var(--pf-global--FontSize--md)); --pf-c-form__label--FontSize:var(--pf-global--FontSize--sm); --pf-c-form__label--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-form__label--m-disabled--Color:var(--pf-global--disabled-color--100); --pf-c-form__label-text--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-form__label-required--MarginLeft:var(--pf-global--spacer--xs); --pf-c-form__label-required--FontSize:var(--pf-global--FontSize--sm); --pf-c-form__label-required--Color:var(--pf-global--danger-color--100); --pf-c-form__group-label-help--PaddingTop:var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingRight:var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-form__group-label-help--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-form__group-label-help--MarginTop:calc(var(--pf-c-form__group-label-help--PaddingTop)*-1); --pf-c-form__group-label-help--MarginRight:calc(var(--pf-c-form__group-label-help--PaddingRight)*-1); --pf-c-form__group-label-help--MarginBottom:calc(var(--pf-c-form__group-label-help--PaddingBottom)*-1); --pf-c-form__group-label-help--MarginLeft:calc(var(--pf-c-form__group-label-help--PaddingLeft)*-1 + var(--pf-global--spacer--xs)); --pf-c-form__group-label-help--FontSize:var(--pf-global--FontSize--sm); --pf-c-form__group-label-help--TranslateY:0.125rem; --pf-c-form__group-label-help--Color:var(--pf-global--Color--200); --pf-c-form__group-label-help--hover--Color:var(--pf-global--Color--100); --pf-c-form__group-label-help--focus--Color:var(--pf-global--Color--100); --pf-c-form__group-label-info--MarginLeft:var(--pf-global--spacer--sm); --pf-c-form__group-label-info--FontSize:var(--pf-global--FontSize--sm); --pf-c-form__group-control--m-inline--child--MarginRight:var(--pf-global--spacer--lg); --pf-c-form__group-control__helper-text--MarginBottom:var(--pf-global--spacer--xs); --pf-c-grid__group-control--m-stack--Gap:var(--pf-global--spacer--sm); --pf-c-grid__group-control--m-stack__helper-text--MarginTop:calc(var(--pf-c-grid__group-control--m-stack--Gap)*-1 + var(--pf-c-form__helper-text--MarginTop--base)); --pf-c-form__actions--child--MarginTop:var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginRight:var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginBottom:var(--pf-global--spacer--sm); --pf-c-form__actions--child--MarginLeft:var(--pf-global--spacer--sm); --pf-c-form__actions--MarginTop:calc(var(--pf-c-form__actions--child--MarginTop)*-1); --pf-c-form__actions--MarginRight:calc(var(--pf-c-form__actions--child--MarginRight)*-1); --pf-c-form__actions--MarginBottom:calc(var(--pf-c-form__actions--child--MarginBottom)*-1); --pf-c-form__actions--MarginLeft:calc(var(--pf-c-form__actions--child--MarginLeft)*-1); --pf-c-form__helper-text--MarginTop--base:var(--pf-global--spacer--xs); --pf-c-form__helper-text--MarginTop:var(--pf-c-form__helper-text--MarginTop--base); --pf-c-form__helper-text--FontSize:var(--pf-global--FontSize--sm); --pf-c-form__helper-text--Color:var(--pf-global--Color--100); --pf-c-form__helper-text-icon--FontSize:var(--pf-global--FontSize--md); --pf-c-form__helper-text-icon--MarginRight:var(--pf-global--spacer--xs); --pf-c-form__helper-text--m-success--Color:var(--pf-global--success-color--200); --pf-c-form__helper-text--m-warning--Color:var(--pf-global--warning-color--200); --pf-c-form__helper-text--m-error--Color:var(--pf-global--danger-color--100); --pf-c-form__section--MarginTop:var(--pf-global--spacer--xl); --pf-c-form__section--Gap:var(--pf-global--gutter--md); --pf-c-form__section-title--FontSize:var(--pf-global--FontSize--lg); --pf-c-form__section-title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-form__section-title--MarginBottom:calc(var(--pf-global--spacer--sm)*-1); --pf-c-form__field-group--border-width-base:var(--pf-global--BorderWidth--sm); --pf-c-form__field-group--BorderTopWidth:var(--pf-c-form__field-group--border-width-base); --pf-c-form__field-group--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-form__field-group--BorderBottomWidth:var(--pf-c-form__field-group--border-width-base); --pf-c-form__field-group--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-form__field-group--field-group--MarginTop:calc(var(--pf-c-form--GridGap)*-1); --pf-c-form__field-group--GridTemplateColumns--toggle:calc(var(--pf-global--spacer--md)*2 + var(--pf-c-form__field-group-toggle-icon--MinWidth) + var(--pf-global--spacer--xs)); --pf-c-form__field-group-toggle--PaddingTop:var(--pf-global--spacer--md); --pf-c-form__field-group-toggle--PaddingRight:var(--pf-global--spacer--xs); --pf-c-form__field-group__field-group__field-group-toggle--PaddingTop:var(--pf-global--spacer--lg); --pf-c-form__field-group-header-toggle--BorderWidth--base:var(--pf-global--BorderWidth--sm); --pf-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth:var(--pf-c-form__field-group-header-toggle--BorderWidth--base); --pf-c-form__field-group-toggle-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-form__field-group-toggle-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-form__field-group-toggle-icon--Transition:var(--pf-global--Transition); --pf-c-form__field-group-toggle-icon--MinWidth:var(--pf-global--FontSize--md); --pf-c-form__field-group-toggle-icon--Rotate:0; --pf-c-form__field-group--m-expanded__toggle-icon--Rotate:90deg; --pf-c-form__field-group-header--PaddingTop:var(--pf-global--spacer--md); --pf-c-form__field-group-header--PaddingBottom:var(--pf-global--spacer--md); --pf-c-form__field-group-header--GridColumn:1/3; --pf-c-form__field-group__field-group__field-group-header--PaddingTop:var(--pf-global--spacer--lg); --pf-c-form__field-group__field-group__field-group-header--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-form__field-group-toggle--field-group-header--GridColumn:2/3; --pf-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth:var(--pf-c-form__field-group-header-toggle--BorderWidth--base); --pf-c-form__field-group-header-description--MarginTop:var(--pf-global--spacer--xs); --pf-c-form__field-group-header-description--Color:var(--pf-global--Color--200); --pf-c-form__field-group-header-actions--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-form__field-group-header-actions--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-form__field-group-header-actions--MarginLeft:var(--pf-global--spacer--sm); --pf-c-form__field-group-body--PaddingTop:var(--pf-global--spacer--lg); --pf-c-form__field-group-body--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-form__field-group-body--Gap:var(--pf-c-form--GridGap); --pf-c-form__field-group-body--GridColumn:2/3; --pf-c-form__field-group__field-group__field-group-body--GridColumn:1/3; --pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn:2/3; --pf-c-form__field-group-body__field-group--last-child--MarginBottom:calc(var(--pf-c-form__field-group-body--PaddingBottom)*-1); display: grid; gap: var(--pf-c-form--GridGap); } .pf-c-form.pf-m-horizontal.pf-m-align-right .pf-c-form__label { text-align: right; } @media (min-width:768px) { .pf-c-form.pf-m-horizontal { --pf-c-form__group-label--PaddingBottom:0; } .pf-c-form.pf-m-horizontal .pf-c-form__group { display: grid; grid-column-gap: var(--pf-c-form--m-horizontal__group-label--md--GridColumnGap); grid-template-columns: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-c-form--m-horizontal__group-control--md--GridColumnWidth); } .pf-c-form.pf-m-horizontal .pf-c-form__group-label { padding-top: var(--pf-c-form--m-horizontal__group-label--md--PaddingTop); } .pf-c-form.pf-m-horizontal .pf-c-form__group-label.pf-m-no-padding-top { --pf-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform: translateY(var(--pf-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)); } .pf-c-form.pf-m-horizontal .pf-c-form__group-control { grid-column: 2; } } .pf-c-form.pf-m-limit-width { max-width: var(--pf-c-form--m-limit-width--MaxWidth); } .pf-c-form__group.pf-m-action { margin-top: var(--pf-c-form__group--m-action--MarginTop); overflow: hidden; } .pf-c-form__section { display: grid; gap: var(--pf-c-form__section--Gap); } .pf-c-form__section + .pf-c-form__group:not(.pf-m-action), .pf-c-form__section:not(:first-child) { margin-top: var(--pf-c-form__section--MarginTop); } .pf-c-form__section-title { margin-bottom: var(--pf-c-form__section-title--MarginBottom); font-size: var(--pf-c-form__section-title--FontSize); font-weight: var(--pf-c-form__section-title--FontWeight); } .pf-c-form__group-label { --pf-c-form__helper-text--MarginTop:0; padding-bottom: var(--pf-c-form__group-label--PaddingBottom); } .pf-c-form__group-label.pf-m-info { display: flex; align-items: flex-end; } .pf-c-form__group-label-main { flex-grow: 1; } .pf-c-form__group-label-info { margin-left: var(--pf-c-form__group-label-info--MarginLeft); font-size: var(--pf-c-form__group-label-info--FontSize); } .pf-c-form__label { font-size: var(--pf-c-form__label--FontSize); line-height: var(--pf-c-form__label--LineHeight); } .pf-c-form__label::selection { background-color: none; } .pf-c-form__label:not(.pf-m-disabled):hover { cursor: pointer; } .pf-c-form__label.pf-m-disabled { color: var(--pf-c-form__label--m-disabled--Color); } .pf-c-form__label.pf-m-disabled:hover { cursor: not-allowed; } .pf-c-form__label-text { font-weight: var(--pf-c-form__label-text--FontWeight); } .pf-c-form__label-required { margin-left: var(--pf-c-form__label-required--MarginLeft); font-size: var(--pf-c-form__label-required--FontSize); color: var(--pf-c-form__label-required--Color); } .pf-c-form__group-label-help { padding-top: var(--pf-c-form__group-label-help--PaddingTop); padding-right: var(--pf-c-form__group-label-help--PaddingRight); padding-bottom: var(--pf-c-form__group-label-help--PaddingBottom); padding-left: var(--pf-c-form__group-label-help--PaddingLeft); margin-top: var(--pf-c-form__group-label-help--MarginTop); margin-right: var(--pf-c-form__group-label-help--MarginRight); margin-bottom: var(--pf-c-form__group-label-help--MarginBottom); margin-left: var(--pf-c-form__group-label-help--MarginLeft); font-size: var(--pf-c-form__group-label-help--FontSize); line-height: 1; color: var(--pf-c-form__group-label-help--Color); border: 0; transform: translateY(var(--pf-c-form__group-label-help--TranslateY)); } .pf-c-form__group-label-help:hover { --pf-c-form__group-label-help--Color:var(--pf-c-form__group-label-help--hover--Color); } .pf-c-form__group-label-help:focus-within { --pf-c-form__group-label-help--Color:var(--pf-c-form__group-label-help--focus--Color); } .pf-c-form__group-control.pf-m-inline { display: flex; flex-flow: row wrap; } .pf-c-form__group-control.pf-m-inline > * { margin-right: var(--pf-c-form__group-control--m-inline--child--MarginRight); } .pf-c-form__group-control.pf-m-inline > :last-child { --pf-c-form__group-control--m-inline--child--MarginRight:0; } .pf-c-form__group-control.pf-m-stack { display: grid; gap: var(--pf-c-grid__group-control--m-stack--Gap); --pf-c-form__helper-text--MarginTop:var(--pf-c-grid__group-control--m-stack__helper-text--MarginTop); } .pf-c-form__group-control .pf-c-form__helper-text:first-child { --pf-c-form__helper-text--MarginTop:0; margin-bottom: var(--pf-c-form__group-control__helper-text--MarginBottom); } .pf-c-form__helper-text { margin-top: var(--pf-c-form__helper-text--MarginTop); font-size: var(--pf-c-form__helper-text--FontSize); color: var(--pf-c-form__helper-text--Color); } .pf-c-form__helper-text.pf-m-error { --pf-c-form__helper-text--Color:var(--pf-c-form__helper-text--m-error--Color); } .pf-c-form__helper-text.pf-m-success { --pf-c-form__helper-text--Color:var(--pf-c-form__helper-text--m-success--Color); } .pf-c-form__helper-text.pf-m-warning { --pf-c-form__helper-text--Color:var(--pf-c-form__helper-text--m-warning--Color); } .pf-c-form__helper-text.pf-m-inactive { display: none; visibility: hidden; } .pf-c-form__helper-text.pf-m-hidden { visibility: hidden; opacity: 0; } .pf-c-form__helper-text-icon { margin-right: var(--pf-c-form__helper-text-icon--MarginRight); font-size: var(--pf-c-form__helper-text-icon--FontSize); } .pf-c-form__fieldset { border: 0; } .pf-c-form__actions { display: flex; flex-wrap: wrap; margin-top: var(--pf-c-form__actions--MarginTop); margin-right: var(--pf-c-form__actions--MarginRight); margin-bottom: var(--pf-c-form__actions--MarginBottom); margin-left: var(--pf-c-form__actions--MarginLeft); } .pf-c-form__actions > * { margin-top: var(--pf-c-form__actions--child--MarginTop); margin-right: var(--pf-c-form__actions--child--MarginRight); margin-bottom: var(--pf-c-form__actions--child--MarginBottom); margin-left: var(--pf-c-form__actions--child--MarginLeft); } .pf-c-form__field-group { --pf-c-form__field-group--BorderTopWidth:var(--pf-c-form__field-group--border-width-base); display: grid; grid-template-columns: minmax(var(--pf-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr; border-top: var(--pf-c-form__field-group--BorderTopWidth) solid var(--pf-c-form__field-group--BorderTopColor); border-bottom: var(--pf-c-form__field-group--BorderBottomWidth) solid var(--pf-c-form__field-group--BorderBottomColor); } .pf-c-form__field-group:last-child { --pf-c-form__field-group--BorderBottomWidth:0; } .pf-c-form__field-group + .pf-c-form__field-group, .pf-c-form__field-group:first-child { --pf-c-form__field-group--BorderTopWidth:0; } .pf-c-form__field-group + .pf-c-form__field-group { margin-top: var(--pf-c-form__field-group--field-group--MarginTop); } .pf-c-form__field-group .pf-c-form__field-group { --pf-c-form__field-group-body--GridColumn:var(--pf-c-form__field-group__field-group__field-group-body--GridColumn); --pf-c-form__field-group-toggle--PaddingTop:var(--pf-c-form__field-group__field-group__field-group-toggle--PaddingTop); --pf-c-form__field-group-header--PaddingTop:var(--pf-c-form__field-group__field-group__field-group-header--PaddingTop); --pf-c-form__field-group-header--PaddingBottom:var(--pf-c-form__field-group__field-group__field-group-header--PaddingBottom); --pf-c-form__field-group-body--PaddingTop:0; } .pf-c-form__field-group .pf-c-form__field-group .pf-c-form__field-group-toggle ~ .pf-c-form__field-group-body { --pf-c-form__field-group-body--GridColumn:var(--pf-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn); } .pf-c-form__field-group.pf-m-expanded > .pf-c-form__field-group-toggle { --pf-c-form__field-group-toggle-icon--Rotate:var(--pf-c-form__field-group--m-expanded__toggle-icon--Rotate); } .pf-c-form__field-group-toggle { grid-column: 1/2; grid-row: 1/2; padding-top: var(--pf-c-form__field-group-toggle--PaddingTop); padding-right: var(--pf-c-form__field-group-toggle--PaddingRight); } .pf-c-form__field-group-toggle + .pf-c-form__field-group-header { --pf-c-form__field-group-header--GridColumn:var(--pf-c-form__field-group-toggle--field-group-header--GridColumn); } .pf-c-form__field-group-toggle-button { margin-top: var(--pf-c-form__field-group-toggle-button--MarginTop); margin-bottom: var(--pf-c-form__field-group-toggle-button--MarginBottom); } .pf-c-form__field-group-toggle-icon { display: inline-block; min-width: var(--pf-c-form__field-group-toggle-icon--MinWidth); text-align: center; transition: var(--pf-c-form__field-group-toggle-icon--Transition); transform: rotate(var(--pf-c-form__field-group-toggle-icon--Rotate)); } .pf-c-form__field-group-header { grid-column: var(--pf-c-form__field-group-header--GridColumn); grid-row: 1/2; display: flex; align-items: flex-start; padding-top: var(--pf-c-form__field-group-header--PaddingTop); padding-bottom: var(--pf-c-form__field-group-header--PaddingBottom); } .pf-c-form__field-group-header-main { display: flex; flex-direction: column; flex-grow: 1; } .pf-c-form__field-group-header-title { display: flex; } .pf-c-form__field-group-header-title-text { flex-grow: 1; } .pf-c-form__field-group-header-description { margin-top: var(--pf-c-form__field-group-header-description--MarginTop); color: var(--pf-c-form__field-group-header-description--Color); } .pf-c-form__field-group-header-actions { margin-top: var(--pf-c-form__field-group-header-actions--MarginTop); margin-bottom: var(--pf-c-form__field-group-header-actions--MarginBottom); margin-left: var(--pf-c-form__field-group-header-actions--MarginLeft); white-space: nowrap; } .pf-c-form__field-group-body { grid-column: var(--pf-c-form__field-group-body--GridColumn); display: grid; gap: var(--pf-c-form__field-group-body--Gap); padding-top: var(--pf-c-form__field-group-body--PaddingTop); padding-bottom: var(--pf-c-form__field-group-body--PaddingBottom); } .pf-c-form__field-group-body > .pf-c-form__field-group:first-child { --pf-c-form__field-group-toggle--PaddingTop:0; --pf-c-form__field-group-header--PaddingTop:0; } .pf-c-form__field-group-body > .pf-c-form__field-group:last-child { margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom); } .pf-c-form-control { --pf-c-form-control--FontSize:var(--pf-global--FontSize--md); --pf-c-form-control--LineHeight:var(--pf-global--LineHeight--md); --pf-c-form-control--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-form-control--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-form-control--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-form-control--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-form-control--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-form-control--BorderRadius:0; --pf-c-form-control--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-form-control--Width:100%; --pf-c-form-control--Height:calc(var(--pf-c-form-control--FontSize)*var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth)*2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom)); --pf-c-form-control--inset--base:var(--pf-global--spacer--sm); --pf-c-form-control--PaddingTop:calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)); --pf-c-form-control--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)); --pf-c-form-control--PaddingRight:var(--pf-c-form-control--inset--base); --pf-c-form-control--PaddingLeft:var(--pf-c-form-control--inset--base); --pf-c-form-control--hover--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-form-control--focus--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-form-control--focus--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth)); --pf-c-form-control--focus--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-form-control--m-expanded--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-form-control--m-expanded--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--focus--BorderBottomWidth)); --pf-c-form-control--m-expanded--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-form-control--placeholder--Color:var(--pf-global--Color--dark-200); --pf-c-form-control--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-form-control--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-form-control--disabled--BorderColor:transparent; --pf-c-form-control--readonly--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-form-control--readonly--hover--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-form-control--readonly--focus--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--sm)); --pf-c-form-control--readonly--focus--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-form-control--readonly--focus--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-form-control--success--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-form-control--success--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--success--BorderBottomWidth)); --pf-c-form-control--success--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-form-control--success--PaddingRight:var(--pf-global--spacer--xl); --pf-c-form-control--success--BackgroundPositionX:calc(100% - var(--pf-c-form-control--PaddingLeft)); --pf-c-form-control--success--BackgroundPositionY:center; --pf-c-form-control--success--BackgroundPosition:var(--pf-c-form-control--success--BackgroundPositionX) var(--pf-c-form-control--success--BackgroundPositionY); --pf-c-form-control--success--BackgroundSizeX:var(--pf-c-form-control--FontSize); --pf-c-form-control--success--BackgroundSizeY:var(--pf-c-form-control--FontSize); --pf-c-form-control--success--BackgroundSize:var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY); --pf-c-form-control--success--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%233e8635' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E"); --pf-c-form-control--m-warning--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-form-control--m-warning--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth)); --pf-c-form-control--m-warning--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-form-control--m-warning--PaddingRight:var(--pf-global--spacer--xl); --pf-c-form-control--m-warning--BackgroundPositionX:calc(100% - var(--pf-c-form-control--PaddingLeft) + 0.0625rem); --pf-c-form-control--m-warning--BackgroundPositionY:center; --pf-c-form-control--m-warning--BackgroundPosition:var(--pf-c-form-control--m-warning--BackgroundPositionX) var(--pf-c-form-control--m-warning--BackgroundPositionY); --pf-c-form-control--m-warning--BackgroundSizeX:1.25rem; --pf-c-form-control--m-warning--BackgroundSizeY:var(--pf-c-form-control--FontSize); --pf-c-form-control--m-warning--BackgroundSize:var(--pf-c-form-control--m-warning--BackgroundSizeX) var(--pf-c-form-control--m-warning--BackgroundSizeY); --pf-c-form-control--m-warning--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); --pf-c-form-control--invalid--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-form-control--invalid--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--invalid--BorderBottomWidth)); --pf-c-form-control--invalid--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-form-control--invalid--PaddingRight:var(--pf-global--spacer--xl); --pf-c-form-control--invalid--BackgroundPositionX:calc(100% - var(--pf-c-form-control--PaddingLeft)); --pf-c-form-control--invalid--BackgroundPositionY:center; --pf-c-form-control--invalid--BackgroundPosition:var(--pf-c-form-control--invalid--BackgroundPositionX) var(--pf-c-form-control--invalid--BackgroundPositionY); --pf-c-form-control--invalid--BackgroundSizeX:var(--pf-c-form-control--FontSize); --pf-c-form-control--invalid--BackgroundSizeY:var(--pf-c-form-control--FontSize); --pf-c-form-control--invalid--BackgroundSize:var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY); --pf-c-form-control--invalid--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); --pf-c-form-control--invalid--exclamation--Background:var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition)/var(--pf-c-form-control--invalid--BackgroundSize) no-repeat; --pf-c-form-control--invalid--Background:var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background); --pf-c-form-control--m-search--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-form-control--m-search--BackgroundPosition:var(--pf-c-form-control--PaddingRight); --pf-c-form-control--m-search--BackgroundSize:var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize); --pf-c-form-control--m-search--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E"); --pf-c-form-control--m-icon--PaddingRight:calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer)); --pf-c-form-control--m-icon--BackgroundUrl:none; --pf-c-form-control--m-icon--BackgroundPositionX:calc(100% - var(--pf-c-form-control--inset--base)); --pf-c-form-control--m-icon--BackgroundPositionY:center; --pf-c-form-control--m-icon--BackgroundSizeX:var(--pf-c-form-control--FontSize); --pf-c-form-control--m-icon--BackgroundSizeY:var(--pf-c-form-control--FontSize); --pf-c-form-control--m-icon--icon--spacer:var(--pf-global--spacer--sm); --pf-c-form-control--m-icon--icon--PaddingRight:calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--invalid--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer)); --pf-c-form-control--m-icon--icon--BackgroundPositionX:calc(var(--pf-c-form-control--m-icon--BackgroundPositionX) - var(--pf-c-form-control--m-icon--icon--spacer) - var(--pf-c-form-control--invalid--BackgroundSizeX)); --pf-c-form-control--m-icon--invalid--BackgroundUrl:var(--pf-c-form-control--invalid--BackgroundUrl),var(--pf-c-form-control--m-icon--BackgroundUrl); --pf-c-form-control--m-icon--invalid--BackgroundPosition:var(--pf-c-form-control--invalid--BackgroundPosition),var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY); --pf-c-form-control--m-icon--invalid--BackgroundSize:var(--pf-c-form-control--invalid--BackgroundSize),var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY); --pf-c-form-control--m-icon--success--BackgroundUrl:var(--pf-c-form-control--success--BackgroundUrl),var(--pf-c-form-control--m-icon--BackgroundUrl); --pf-c-form-control--m-icon--success--BackgroundPosition:var(--pf-c-form-control--success--BackgroundPosition),var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY); --pf-c-form-control--m-icon--success--BackgroundSize:var(--pf-c-form-control--success--BackgroundSize),var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY); --pf-c-form-control--m-icon--m-warning--BackgroundUrl:var(--pf-c-form-control--m-warning--BackgroundUrl),var(--pf-c-form-control--m-icon--BackgroundUrl); --pf-c-form-control--m-icon--m-warning--BackgroundPosition:var(--pf-c-form-control--m-warning--BackgroundPosition),var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY); --pf-c-form-control--m-icon--m-warning--BackgroundSize:var(--pf-c-form-control--m-warning--BackgroundSize),var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY); --pf-c-form-control--m-calendar--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E"); --pf-c-form-control--m-clock--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E"); --pf-c-form-control__select--PaddingRight:calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth)); --pf-c-form-control__select--PaddingLeft:calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth)); --pf-c-form-control__select--BackgroundUrl:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E"); --pf-c-form-control__select--BackgroundSize:.625em; --pf-c-form-control__select--BackgroundPositionX:calc(100% - var(--pf-global--spacer--md) + 1px); --pf-c-form-control__select--BackgroundPositionY:center; --pf-c-form-control__select--BackgroundPosition:var(--pf-c-form-control__select--BackgroundPositionX) var(--pf-c-form-control__select--BackgroundPositionY); --pf-c-form-control__select--success--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-form-control__select--success--BackgroundPosition:calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg)); --pf-c-form-control__select--m-warning--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-form-control__select--m-warning--BackgroundPosition:calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg) + 0.0625rem); --pf-c-form-control__select--invalid--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-form-control__select--invalid--BackgroundPosition:calc(var(--pf-c-form-control__select--BackgroundPositionX) - var(--pf-global--spacer--lg)); --pf-c-form-control--textarea--Width:var(--pf-c-form-control--Width); --pf-c-form-control--textarea--Height:auto; --pf-c-form-control--textarea--success--BackgroundPositionY:var(--pf-c-form-control--PaddingLeft); --pf-c-form-control--textarea--m-warning--BackgroundPositionY:var(--pf-c-form-control--PaddingLeft); --pf-c-form-control--textarea--invalid--BackgroundPositionY:var(--pf-c-form-control--PaddingLeft); color: var(--pf-global--Color--100); width: var(--pf-c-form-control--Width); padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft); font-size: var(--pf-c-form-control--FontSize); line-height: var(--pf-c-form-control--LineHeight); background-color: var(--pf-c-form-control--BackgroundColor); background-repeat: no-repeat; border: var(--pf-c-form-control--BorderWidth) solid; border-color: var(--pf-c-form-control--BorderTopColor) var(--pf-c-form-control--BorderRightColor) var(--pf-c-form-control--BorderBottomColor) var(--pf-c-form-control--BorderLeftColor); border-radius: var(--pf-c-form-control--BorderRadius); -moz-appearance: none; -webkit-appearance: none; } .pf-c-form-control::placeholder { color: var(--pf-c-form-control--placeholder--Color); } .pf-c-form-control:not(textarea) { height: var(--pf-c-form-control--Height); text-overflow: ellipsis; } .pf-c-form-control[readonly] { background-color: var(--pf-c-form-control--readonly--BackgroundColor); } .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):hover { --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--readonly--hover--BorderBottomColor); } .pf-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):focus { --pf-c-form-control--focus--PaddingBottom:var(--pf-c-form-control--readonly--focus--PaddingBottom); --pf-c-form-control--focus--BorderBottomWidth:var(--pf-c-form-control--readonly--focus--BorderBottomWidth); --pf-c-form-control--focus--BorderBottomColor:var(--pf-c-form-control--readonly--focus--BorderBottomColor); } .pf-c-form-control:hover { --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--hover--BorderBottomColor); } .pf-c-form-control:focus { --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--focus--BorderBottomColor); padding-bottom: var(--pf-c-form-control--focus--PaddingBottom); border-bottom-width: var(--pf-c-form-control--focus--BorderBottomWidth); } .pf-c-form-control.pf-m-expanded { --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--m-expanded--BorderBottomColor); padding-bottom: var(--pf-c-form-control--m-expanded--PaddingBottom); border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth); } .pf-c-form-control:disabled { --pf-c-form-control--Color:var(--pf-c-form-control--disabled--Color); --pf-c-form-control--BackgroundColor:var(--pf-c-form-control--disabled--BackgroundColor); cursor: not-allowed; border-color: var(--pf-c-form-control--disabled--BorderColor); } .pf-c-form-control[aria-invalid=true] { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--invalid--PaddingRight); --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--invalid--BorderBottomColor); padding-bottom: var(--pf-c-form-control--invalid--PaddingBottom); background-image: var(--pf-c-form-control--invalid--BackgroundUrl); background-position: var(--pf-c-form-control--invalid--BackgroundPosition); background-size: var(--pf-c-form-control--invalid--BackgroundSize); border-bottom-width: var(--pf-c-form-control--invalid--BorderBottomWidth); } .pf-c-form-control[aria-invalid=true].pf-m-icon { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--m-icon--icon--PaddingRight); background-image: var(--pf-c-form-control--m-icon--invalid--BackgroundUrl); background-position: var(--pf-c-form-control--m-icon--invalid--BackgroundPosition); background-size: var(--pf-c-form-control--m-icon--invalid--BackgroundSize); } .pf-c-form-control.pf-m-success { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--success--PaddingRight); --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--success--BorderBottomColor); padding-bottom: var(--pf-c-form-control--success--PaddingBottom); background-image: var(--pf-c-form-control--success--BackgroundUrl); background-position: var(--pf-c-form-control--success--BackgroundPosition); background-size: var(--pf-c-form-control--success--BackgroundSize); border-bottom-width: var(--pf-c-form-control--success--BorderBottomWidth); } .pf-c-form-control.pf-m-success.pf-m-icon { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--m-icon--icon--PaddingRight); background-image: var(--pf-c-form-control--m-icon--success--BackgroundUrl); background-position: var(--pf-c-form-control--m-icon--success--BackgroundPosition); background-size: var(--pf-c-form-control--m-icon--success--BackgroundSize); } .pf-c-form-control.pf-m-warning { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--m-warning--PaddingRight); --pf-c-form-control--BorderBottomColor:var(--pf-c-form-control--m-warning--BorderBottomColor); padding-bottom: var(--pf-c-form-control--m-warning--PaddingBottom); background-image: var(--pf-c-form-control--m-warning--BackgroundUrl); background-position: var(--pf-c-form-control--m-warning--BackgroundPosition); background-size: var(--pf-c-form-control--m-warning--BackgroundSize); border-bottom-width: var(--pf-c-form-control--m-warning--BorderBottomWidth); } .pf-c-form-control.pf-m-warning.pf-m-icon { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--m-icon--icon--PaddingRight); background-image: var(--pf-c-form-control--m-icon--m-warning--BackgroundUrl); background-position: var(--pf-c-form-control--m-icon--m-warning--BackgroundPosition); background-size: var(--pf-c-form-control--m-icon--m-warning--BackgroundSize); } .pf-c-form-control.pf-m-search { --pf-c-form-control--PaddingLeft:var(--pf-c-form-control--m-search--PaddingLeft); background-image: var(--pf-c-form-control--m-search--BackgroundUrl); background-position: var(--pf-c-form-control--m-search--BackgroundPosition); background-size: var(--pf-c-form-control--m-search--BackgroundSize); } .pf-c-form-control.pf-m-icon { --pf-c-form-control--PaddingRight:var(--pf-c-form-control--m-icon--PaddingRight); background-image: var(--pf-c-form-control--m-icon--BackgroundUrl); background-position: var(--pf-c-form-control--m-icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY); background-size: var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY); } .pf-c-form-control.pf-m-icon.pf-m-calendar { --pf-c-form-control--m-icon--BackgroundUrl:var(--pf-c-form-control--m-calendar--BackgroundUrl); } .pf-c-form-control.pf-m-icon.pf-m-clock { --pf-c-form-control--m-icon--BackgroundUrl:var(--pf-c-form-control--m-clock--BackgroundUrl); } select.pf-c-form-control { --pf-c-form-control--PaddingRight:var(--pf-c-form-control__select--PaddingRight); --pf-c-form-control--PaddingLeft:var(--pf-c-form-control__select--PaddingLeft); background-image: var(--pf-c-form-control__select--BackgroundUrl); background-position: var(--pf-c-form-control__select--BackgroundPosition); background-size: var(--pf-c-form-control__select--BackgroundSize); } @-moz-document url-prefix() { select.pf-c-form-control{ --pf-c-form-control--PaddingRight:calc(var(--pf-c-form-control__select--PaddingRight) - 1px);--pf-c-form-control--PaddingLeft:calc(var(--pf-c-form-control__select--PaddingLeft) - 4px) } } select.pf-c-form-control[aria-invalid=true] { --pf-c-form-control--PaddingRight:var(--pf-c-form-control__select--invalid--PaddingRight); --pf-c-form-control--invalid--BackgroundPosition:var(--pf-c-form-control__select--invalid--BackgroundPosition); background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--invalid--BackgroundUrl); background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--invalid--BackgroundPosition); background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--invalid--BackgroundSize); } select.pf-c-form-control.pf-m-success { --pf-c-form-control--PaddingRight:var(--pf-c-form-control__select--success--PaddingRight); --pf-c-form-control--success--BackgroundPosition:var(--pf-c-form-control__select--success--BackgroundPosition); background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--success--BackgroundUrl); background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control--success--BackgroundPosition); background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--success--BackgroundSize); } select.pf-c-form-control.pf-m-warning { --pf-c-form-control--PaddingRight:var(--pf-c-form-control__select--m-warning--PaddingRight); background-image: var(--pf-c-form-control__select--BackgroundUrl), var(--pf-c-form-control--m-warning--BackgroundUrl); background-position: var(--pf-c-form-control__select--BackgroundPosition), var(--pf-c-form-control__select--m-warning--BackgroundPosition); background-size: var(--pf-c-form-control__select--BackgroundSize), var(--pf-c-form-control--m-warning--BackgroundSize); } select.pf-c-form-control.pf-m-placeholder { color: var(--pf-c-form-control--placeholder--Color); } textarea.pf-c-form-control { --pf-c-form-control--success--BackgroundPositionY:var(--pf-c-form-control--textarea--success--BackgroundPositionY); --pf-c-form-control--invalid--BackgroundPositionY:var(--pf-c-form-control--textarea--invalid--BackgroundPositionY); --pf-c-form-control--m-warning--BackgroundPositionY:var(--pf-c-form-control--textarea--m-warning--BackgroundPositionY); width: var(--pf-c-form-control--textarea--Width); height: var(--pf-c-form-control--textarea--Height); vertical-align: bottom; } .pf-c-form-control.pf-m-resize-vertical { resize: vertical; } .pf-c-form-control.pf-m-resize-horizontal { resize: horizontal; } .pf-c-hint { --pf-c-hint--GridRowGap:var(--pf-global--spacer--md); --pf-c-hint--PaddingTop:var(--pf-global--spacer--lg); --pf-c-hint--PaddingRight:var(--pf-global--spacer--lg); --pf-c-hint--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-hint--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-hint--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-hint--BorderColor:var(--pf-global--palette--blue-100); --pf-c-hint--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-hint--BoxShadow:var(--pf-global--BoxShadow--sm); --pf-c-hint--Color:var(--pf-global--Color--100); --pf-c-hint__title--FontSize:var(--pf-global--FontSize--lg); --pf-c-hint__body--FontSize:var(--pf-global--FontSize--md); --pf-c-hint__footer--child--MarginRight:var(--pf-global--spacer--md); --pf-c-hint__actions--MarginLeft:var(--pf-global--spacer--2xl); --pf-c-hint__actions--c-dropdown--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); display: grid; grid-template-columns: 1fr auto; grid-row-gap: var(--pf-c-hint--GridRowGap); padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft); color: var(--pf-c-hint--Color); background-color: var(--pf-c-hint--BackgroundColor); border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor); box-shadow: var(--pf-c-hint--BoxShadow); } .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline { text-align: left; white-space: normal; } .pf-c-hint__actions { display: inline-grid; grid-auto-flow: column; margin-left: var(--pf-c-hint__actions--MarginLeft); text-align: right; grid-column: 2; grid-row: 1; } .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain { margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop); } .pf-c-hint__actions + .pf-c-hint__body { grid-column: 1; } .pf-c-hint__title { font-size: var(--pf-c-hint__title--FontSize); } .pf-c-hint__body { grid-column: 1/-1; font-size: var(--pf-c-hint__body--FontSize); } .pf-c-hint__footer { grid-column: 1/-1; } .pf-c-hint__footer > :not(:last-child) { margin-right: var(--pf-c-hint__footer--child--MarginRight); } .pf-c-helper-text { --pf-c-helper-text--Gap:var(--pf-global--spacer--xs); --pf-c-helper-text--FontSize:var(--pf-global--FontSize--sm); --pf-c-helper-text__item-icon--Color:var(--pf-global--Color--100); --pf-c-helper-text__item-text--Color:var(--pf-global--Color--100); --pf-c-helper-text__item-icon--m-indeterminate--Color:var(--pf-global--Color--200); --pf-c-helper-text__item-text--m-indeterminate--Color:var(--pf-global--Color--200); --pf-c-helper-text__item-icon--m-warning--Color:var(--pf-global--warning-color--100); --pf-c-helper-text__item-text--m-warning--Color:var(--pf-global--warning-color--200); --pf-c-helper-text__item-icon--m-success--Color:var(--pf-global--success-color--100); --pf-c-helper-text__item-text--m-success--Color:var(--pf-global--success-color--200); --pf-c-helper-text__item-icon--m-error--Color:var(--pf-global--danger-color--100); --pf-c-helper-text__item-text--m-error--Color:var(--pf-global--danger-color--200); --pf-c-helper-text--m-dynamic__item-icon--Color:var(--pf-global--Color--100); --pf-c-helper-text--m-dynamic__item-text--Color:var(--pf-global--Color--100); --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color:var(--pf-global--Color--200); --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color:var(--pf-global--Color--200); --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color:var(--pf-global--warning-color--100); --pf-c-helper-text--m-dynamic--m-warning__item-text--Color:var(--pf-global--Color--200); --pf-c-helper-text--m-dynamic--m-success__item-icon--Color:var(--pf-global--success-color--100); --pf-c-helper-text--m-dynamic--m-success__item-text--Color:var(--pf-global--Color--200); --pf-c-helper-text--m-dynamic--m-error__item-icon--Color:var(--pf-global--danger-color--100); --pf-c-helper-text--m-dynamic--m-error__item-text--Color:var(--pf-global--Color--100); --pf-c-helper-text__item-icon--MarginRight:var(--pf-global--spacer--xs); display: grid; gap: var(--pf-c-helper-text--Gap); font-size: var(--pf-c-helper-text--FontSize); } .pf-c-helper-text__item { display: flex; } .pf-c-helper-text__item.pf-m-indeterminate { --pf-c-helper-text__item-icon--Color:var(--pf-c-helper-text__item-icon--m-indeterminate--Color); --pf-c-helper-text__item-text--Color:var(--pf-c-helper-text__item-text--m-indeterminate--Color); --pf-c-helper-text--m-dynamic__item-icon--Color:var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color); --pf-c-helper-text--m-dynamic__item-text--Color:var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color); } .pf-c-helper-text__item.pf-m-warning { --pf-c-helper-text__item-icon--Color:var(--pf-c-helper-text__item-icon--m-warning--Color); --pf-c-helper-text__item-text--Color:var(--pf-c-helper-text__item-text--m-warning--Color); --pf-c-helper-text--m-dynamic__item-icon--Color:var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color); --pf-c-helper-text--m-dynamic__item-text--Color:var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color); } .pf-c-helper-text__item.pf-m-success { --pf-c-helper-text__item-icon--Color:var(--pf-c-helper-text__item-icon--m-success--Color); --pf-c-helper-text__item-text--Color:var(--pf-c-helper-text__item-text--m-success--Color); --pf-c-helper-text--m-dynamic__item-icon--Color:var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color); --pf-c-helper-text--m-dynamic__item-text--Color:var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color); } .pf-c-helper-text__item.pf-m-error { --pf-c-helper-text__item-icon--Color:var(--pf-c-helper-text__item-icon--m-error--Color); --pf-c-helper-text__item-text--Color:var(--pf-c-helper-text__item-text--m-error--Color); --pf-c-helper-text--m-dynamic__item-icon--Color:var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color); --pf-c-helper-text--m-dynamic__item-text--Color:var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color); } .pf-c-helper-text__item.pf-m-dynamic { --pf-c-helper-text__item-text--Color:var(--pf-c-helper-text--m-dynamic__item-text--Color); --pf-c-helper-text__item-icon--Color:var(--pf-c-helper-text--m-dynamic__item-icon--Color); } .pf-c-helper-text__item-icon { margin-right: var(--pf-c-helper-text__item-icon--MarginRight); color: var(--pf-c-helper-text__item-icon--Color); } .pf-c-helper-text__item-text { color: var(--pf-c-helper-text__item-text--Color); } .pf-c-inline-edit { --pf-c-inline-edit__group--item--MarginRight:var(--pf-global--spacer--sm); --pf-c-inline-edit__action--c-button--m-valid--m-plain--Color:var(--pf-global--link--Color); --pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color:var(--pf-global--link--Color--hover); --pf-c-inline-edit__action--m-icon-group--item--MarginRight:0; --pf-c-inline-edit__group--m-footer--MarginTop:var(--pf-global--spacer--xl); --pf-c-inline-edit__label--m-bold--FontWeight:var(--pf-global--FontWeight--semi-bold); } .pf-c-inline-edit__group { display: flex; align-items: baseline; } .pf-c-inline-edit__group > * { margin-right: var(--pf-c-inline-edit__group--item--MarginRight); } .pf-c-inline-edit__group.pf-m-icon-group { --pf-c-inline-edit__group--item--MarginRight:var(--pf-c-inline-edit__action--m-icon-group--item--MarginRight); } .pf-c-inline-edit__group.pf-m-footer { margin-top: var(--pf-c-inline-edit__group--m-footer--MarginTop); } .pf-c-inline-edit__group.pf-m-column { flex-direction: column; } .pf-c-inline-edit__group.pf-m-column, .pf-c-inline-edit__group > :last-child { --pf-c-inline-edit__group--item--MarginRight:0; } .pf-c-inline-edit__input { flex: 1; } .pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain { --pf-c-button--m-plain--Color:var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color); } .pf-c-inline-edit__action.pf-m-valid .pf-c-button.pf-m-plain:hover { --pf-c-button--m-plain--Color:var(--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color); } .pf-c-inline-edit__action, .pf-c-inline-edit__group.pf-m-action-group, .pf-c-inline-edit__input { display: none; visibility: hidden; } .pf-c-inline-edit__action.pf-m-enable-editable { display: inline-block; visibility: visible; } .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action, .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group, .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input { visibility: visible; } .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input { display: block; } .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action { display: inline-block; } .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group { display: inline-flex; } .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable, .pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__value, .pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value { display: none; visibility: hidden; } .pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button { margin-top: calc(var(--pf-c-button--PaddingTop)*-1); margin-bottom: calc(var(--pf-c-button--PaddingBottom)*-1); } .pf-c-inline-edit__label.pf-m-bold { font-weight: var(--pf-c-inline-edit__label--m-bold--FontWeight); } .pf-c-inline-edit__editable-text br { display: none; } .pf-c-input-group { --pf-c-input-group--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-input-group--child--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-input-group__text--FontSize:var(--pf-global--FontSize--md); --pf-c-input-group__text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-input-group__text--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-input-group__text--Color:var(--pf-global--Color--dark-200); --pf-c-input-group__text--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-input-group__text--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-input-group__text--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-input-group__text--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-input-group__text--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-input-group__text--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-input-group__textarea--MinHeight:var(--pf-global--spacer--xl); --pf-c-input-group--c-form-control--invalid--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-input-group--c-form-control--MarginRight:0; color: var(--pf-global--Color--100); display: flex; width: 100%; background-color: var(--pf-c-input-group--BackgroundColor); } .pf-c-input-group > * + * { margin-left: -1px; } .pf-c-input-group > :focus, .pf-c-input-group > :focus-within { z-index: var(--pf-c-input-group--child--ZIndex); } .pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) { margin-right: var(--pf-c-input-group--c-form-control--MarginRight); } .pf-c-input-group input:not([type=checkbox]):not([type=radio]), .pf-c-input-group textarea { flex: 2; min-width: 0; } .pf-c-input-group textarea { min-height: var(--pf-c-input-group__textarea--MinHeight); } .pf-c-input-group__text { display: flex; align-items: center; padding-right: var(--pf-c-input-group__text--PaddingRight); padding-left: var(--pf-c-input-group__text--PaddingLeft); font-size: var(--pf-c-input-group__text--FontSize); color: var(--pf-c-input-group__text--Color); text-align: center; background-color: var(--pf-c-input-group__text--BackgroundColor); border: var(--pf-c-input-group__text--BorderWidth) solid; border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor); } label.pf-c-input-group__text { cursor: pointer; } .pf-c-input-group__text.pf-m-plain { --pf-c-input-group__text--BorderWidth:0; margin-left: 0; } .pf-c-jump-links { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__list--PaddingTop:0; --pf-c-jump-links__list--PaddingRight:var(--pf-global--spacer--md); --pf-c-jump-links__list--PaddingBottom:0; --pf-c-jump-links__list--PaddingLeft:var(--pf-global--spacer--md); --pf-c-jump-links--m-vertical__list--PaddingTop:var(--pf-global--spacer--md); --pf-c-jump-links--m-vertical__list--PaddingRight:0; --pf-c-jump-links--m-vertical__list--PaddingBottom:var(--pf-global--spacer--md); --pf-c-jump-links--m-vertical__list--PaddingLeft:0; --pf-c-jump-links__list--FlexDirection:row; --pf-c-jump-links--m-vertical__list--FlexDirection:column; --pf-c-jump-links__list--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-jump-links__list--before--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-jump-links__list--before--BorderRightWidth:0; --pf-c-jump-links__list--before--BorderBottomWidth:0; --pf-c-jump-links__list--before--BorderLeftWidth:0; --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-jump-links--m-vertical__list--before--BorderTopWidth:0; --pf-c-jump-links__list__list--MarginTop:calc(var(--pf-global--spacer--sm)*-1); --pf-c-jump-links__link--PaddingTop:var(--pf-global--spacer--md); --pf-c-jump-links__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-jump-links__link--PaddingBottom:var(--pf-global--spacer--md); --pf-c-jump-links__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-jump-links__list__list__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-jump-links__list__list__link--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-jump-links__list__list__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-jump-links__link--OutlineOffset:calc(var(--pf-global--spacer--sm)*-1); --pf-c-jump-links__link--before--BorderTopWidth:0; --pf-c-jump-links__link--before--BorderRightWidth:0; --pf-c-jump-links__link--before--BorderBottomWidth:0; --pf-c-jump-links__link--before--BorderLeftWidth:0; --pf-c-jump-links__link--before--BorderColor:transparent; --pf-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-global--BorderWidth--lg); --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:0; --pf-c-jump-links__item--m-current__link--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth:0; --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth:var(--pf-global--BorderWidth--lg); --pf-c-jump-links__link-text--Color:var(--pf-global--Color--200); --pf-c-jump-links__link--hover__link-text--Color:var(--pf-global--Color--100); --pf-c-jump-links__link--focus__link-text--Color:var(--pf-global--Color--100); --pf-c-jump-links__item--m-current__link-text--Color:var(--pf-global--Color--100); --pf-c-jump-links__label--MarginBottom:var(--pf-global--spacer--md); --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; --pf-c-jump-links__toggle--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-jump-links__toggle--MarginBottom--base:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-jump-links__toggle--MarginBottom:var(--pf-c-jump-links__toggle--MarginBottom--base); --pf-c-jump-links--m-expanded__toggle--MarginBottom:calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md)); --pf-c-jump-links__toggle--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__toggle-icon--Color:currentColor; --pf-c-jump-links__toggle-icon--Transition:var(--pf-global--Transition); --pf-c-jump-links__toggle-icon--Rotate:0; --pf-c-jump-links--m-expanded__toggle-icon--Color:var(--pf-global--Color--100); --pf-c-jump-links--m-expanded__toggle-icon--Rotate:90deg; --pf-c-jump-links__toggle-text--MarginLeft:var(--pf-global--spacer--md); --pf-c-jump-links__toggle-text--Color:var(--pf-global--Color--100); display: flex; } .pf-c-jump-links.pf-m-center { justify-content: center; } .pf-c-jump-links.pf-m-center .pf-c-jump-links__main { align-items: center; } .pf-c-jump-links.pf-m-expandable, .pf-c-jump-links.pf-m-vertical { --pf-c-jump-links__list--PaddingTop:var(--pf-c-jump-links--m-vertical__list--PaddingTop); --pf-c-jump-links__list--PaddingRight:var(--pf-c-jump-links--m-vertical__list--PaddingRight); --pf-c-jump-links__list--PaddingBottom:var(--pf-c-jump-links--m-vertical__list--PaddingBottom); --pf-c-jump-links__list--PaddingLeft:var(--pf-c-jump-links--m-vertical__list--PaddingLeft); --pf-c-jump-links__list--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth); --pf-c-jump-links__list--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth); --pf-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth); --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth); --pf-c-jump-links__list--FlexDirection:var(--pf-c-jump-links--m-vertical__list--FlexDirection); flex-direction: column; } .pf-c-jump-links.pf-m-expandable { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } @media (min-width:576px) { .pf-c-jump-links.pf-m-expandable-on-sm { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable-on-sm { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } } @media (min-width:768px) { .pf-c-jump-links.pf-m-expandable-on-md { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable-on-md { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } } @media (min-width:992px) { .pf-c-jump-links.pf-m-expandable-on-lg { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable-on-lg { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } } @media (min-width:1200px) { .pf-c-jump-links.pf-m-expandable-on-xl { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable-on-xl { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } } @media (min-width:1450px) { .pf-c-jump-links.pf-m-expandable-on-2xl { --pf-c-jump-links__list--Display:none; --pf-c-jump-links__list--Visibility:hidden; --pf-c-jump-links__toggle--Display:block; --pf-c-jump-links__toggle--Visibility:visible; --pf-c-jump-links__label--Display:none; --pf-c-jump-links__label--Visibility:hidden; } .pf-c-jump-links.pf-m-non-expandable-on-2xl { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--Display:none; --pf-c-jump-links__toggle--Visibility:hidden; --pf-c-jump-links__label--Display:block; --pf-c-jump-links__label--Visibility:visible; } } .pf-c-jump-links.pf-m-expanded { --pf-c-jump-links__list--Display:flex; --pf-c-jump-links__list--Visibility:visible; --pf-c-jump-links__toggle--MarginBottom:var(--pf-c-jump-links--m-expanded__toggle--MarginBottom); --pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate); --pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color); } .pf-c-jump-links__list { position: relative; display: var(--pf-c-jump-links__list--Display); flex-direction: var(--pf-c-jump-links__list--FlexDirection); padding-top: var(--pf-c-jump-links__list--PaddingTop); padding-right: var(--pf-c-jump-links__list--PaddingRight); padding-bottom: var(--pf-c-jump-links__list--PaddingBottom); padding-left: var(--pf-c-jump-links__list--PaddingLeft); visibility: var(--pf-c-jump-links__list--Visibility); } .pf-c-jump-links__list:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: solid var(--pf-c-jump-links__list--before--BorderColor); border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth); } .pf-c-jump-links__list .pf-c-jump-links__list { --pf-c-jump-links__list--PaddingTop:0; --pf-c-jump-links__list--PaddingBottom:0; --pf-c-jump-links__link--PaddingTop:var(--pf-c-jump-links__list__list__link--PaddingTop); --pf-c-jump-links__link--PaddingBottom:var(--pf-c-jump-links__list__list__link--PaddingBottom); --pf-c-jump-links__link--PaddingLeft:var(--pf-c-jump-links__list__list__link--PaddingLeft); margin-top: var(--pf-c-jump-links__list__list--MarginTop); } .pf-c-jump-links__link { position: relative; display: flex; flex: 1; padding-top: var(--pf-c-jump-links__link--PaddingTop); padding-right: var(--pf-c-jump-links__link--PaddingRight); padding-bottom: var(--pf-c-jump-links__link--PaddingBottom); padding-left: var(--pf-c-jump-links__link--PaddingLeft); text-decoration: none; outline-offset: var(--pf-c-jump-links__link--OutlineOffset); } .pf-c-jump-links__link:hover { --pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--hover__link-text--Color); } .pf-c-jump-links__link:focus { --pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--focus__link-text--Color); } .pf-c-jump-links__link:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border-color: var(--pf-c-jump-links__link--before--BorderColor); border-style: solid; border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth); } .pf-c-jump-links__item { --pf-c-jump-links__list--before--BorderColor:transparent; } .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link { --pf-c-jump-links__link--before--BorderTopWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth); --pf-c-jump-links__link--before--BorderLeftWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth); --pf-c-jump-links__link--before--BorderColor:var(--pf-c-jump-links__item--m-current__link--before--BorderColor); --pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__item--m-current__link-text--Color); } .pf-c-jump-links__link-text { color: var(--pf-c-jump-links__link-text--Color); } .pf-c-jump-links__label { display: var(--pf-c-jump-links__label--Display); margin-bottom: var(--pf-c-jump-links__label--MarginBottom); visibility: var(--pf-c-jump-links__label--Visibility); } .pf-c-jump-links__main { display: flex; flex-direction: column; } .pf-c-jump-links__toggle { display: var(--pf-c-jump-links__toggle--Display); margin-top: var(--pf-c-jump-links__toggle--MarginTop); margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom); margin-left: var(--pf-c-jump-links__toggle--MarginLeft); visibility: var(--pf-c-jump-links__toggle--Visibility); } .pf-c-jump-links__toggle .pf-c-button { display: flex; align-items: center; } .pf-c-jump-links__toggle-icon { display: inline-block; color: var(--pf-c-jump-links__toggle-icon--Color); transition: var(--pf-c-jump-links__toggle-icon--Transition); transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate)); } .pf-c-jump-links__toggle-text { margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft); color: var(--pf-c-jump-links__toggle-text--Color); } .pf-c-label { --pf-c-label--PaddingTop:var(--pf-global--spacer--xs); --pf-c-label--PaddingRight:var(--pf-global--spacer--sm); --pf-c-label--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-label--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-label--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-label--BackgroundColor:var(--pf-global--palette--black-150); --pf-c-label--Color:var(--pf-global--Color--100); --pf-c-label--FontSize:var(--pf-global--FontSize--sm); --pf-c-label__content--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-label__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-label--m-outline__content--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label__content--link--hover--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label__content--link--focus--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--200); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--200); --pf-c-label--m-outline__content--link--hover--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label--m-outline__content--link--focus--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-blue--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-label--m-blue__icon--Color:var(--pf-global--primary-color--100); --pf-c-label--m-blue__content--Color:var(--pf-global--info-color--200); --pf-c-label--m-blue__content--before--BorderColor:var(--pf-global--palette--blue-100); --pf-c-label--m-blue__content--link--hover--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-label--m-blue__content--link--focus--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-label--m-outline--m-blue__content--Color:var(--pf-global--primary-color--100); --pf-c-label--m-outline--m-blue__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-green--BackgroundColor:var(--pf-global--palette--green-50); --pf-c-label--m-green__icon--Color:var(--pf-global--success-color--100); --pf-c-label--m-green__content--Color:var(--pf-global--success-color--200); --pf-c-label--m-green__content--before--BorderColor:var(--pf-global--palette--green-100); --pf-c-label--m-green__content--link--hover--before--BorderColor:var(--pf-global--success-color--100); --pf-c-label--m-green__content--link--focus--before--BorderColor:var(--pf-global--success-color--100); --pf-c-label--m-outline--m-green__content--Color:var(--pf-global--success-color--100); --pf-c-label--m-outline--m-green__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-orange--BackgroundColor:var(--pf-global--palette--gold-50); --pf-c-label--m-orange__icon--Color:var(--pf-global--palette--orange-300); --pf-c-label--m-orange__content--Color:var(--pf-global--palette--gold-700); --pf-c-label--m-orange__content--before--BorderColor:var(--pf-global--palette--orange-100); --pf-c-label--m-orange__content--link--hover--before--BorderColor:var(--pf-global--palette--orange-300); --pf-c-label--m-orange__content--link--focus--before--BorderColor:var(--pf-global--palette--orange-300); --pf-c-label--m-outline--m-orange__content--Color:var(--pf-global--palette--orange-500); --pf-c-label--m-outline--m-orange__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-red--BackgroundColor:var(--pf-global--palette--red-50); --pf-c-label--m-red__icon--Color:var(--pf-global--danger-color--100); --pf-c-label--m-red__content--Color:var(--pf-global--palette--red-300); --pf-c-label--m-red__content--before--BorderColor:var(--pf-global--palette--red-100); --pf-c-label--m-red__content--link--hover--before--BorderColor:var(--pf-global--danger-color--100); --pf-c-label--m-red__content--link--focus--before--BorderColor:var(--pf-global--danger-color--100); --pf-c-label--m-outline--m-red__content--Color:var(--pf-global--danger-color--100); --pf-c-label--m-outline--m-red__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-purple--BackgroundColor:var(--pf-global--palette--purple-50); --pf-c-label--m-purple__icon--Color:var(--pf-global--palette--purple-500); --pf-c-label--m-purple__content--Color:var(--pf-global--palette--purple-700); --pf-c-label--m-purple__content--before--BorderColor:var(--pf-global--palette--purple-100); --pf-c-label--m-purple__content--link--hover--before--BorderColor:var(--pf-global--palette--purple-500); --pf-c-label--m-purple__content--link--focus--before--BorderColor:var(--pf-global--palette--purple-500); --pf-c-label--m-outline--m-purple__content--Color:var(--pf-global--palette--purple-500); --pf-c-label--m-outline--m-purple__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-cyan--BackgroundColor:var(--pf-global--palette--cyan-50); --pf-c-label--m-cyan__icon--Color:var(--pf-global--default-color--200); --pf-c-label--m-cyan__content--Color:var(--pf-global--default-color--300); --pf-c-label--m-cyan__content--before--BorderColor:var(--pf-global--palette--cyan-100); --pf-c-label--m-cyan__content--link--hover--before--BorderColor:var(--pf-global--default-color--200); --pf-c-label--m-cyan__content--link--focus--before--BorderColor:var(--pf-global--default-color--200); --pf-c-label--m-outline--m-cyan__content--Color:var(--pf-global--palette--cyan-400); --pf-c-label--m-outline--m-cyan__content--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-label--m-overflow__content--Color:var(--pf-global--link--Color); --pf-c-label--m-overflow__content--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-label--m-overflow__content--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-label--m-overflow__content--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-label--m-overflow__content--link--hover--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label--m-overflow__content--link--hover--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-label--m-overflow__content--link--focus--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-label--m-overflow__content--link--focus--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-label--m-compact--PaddingTop:0; --pf-c-label--m-compact--PaddingRight:var(--pf-global--spacer--sm); --pf-c-label--m-compact--PaddingBottom:0; --pf-c-label--m-compact--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-label--m-compact--FontSize:var(--pf-global--FontSize--xs); --pf-c-label__content--Color:var(--pf-global--Color--100); --pf-c-label--m-outline__content--Color:var(--pf-global--Color--100); --pf-c-label__text--MaxWidth:16ch; --pf-c-label__icon--Color:var(--pf-global--Color--100); --pf-c-label__icon--MarginRight:var(--pf-global--spacer--xs); --pf-c-label__c-button--FontSize:var(--pf-global--FontSize--xs); --pf-c-label__c-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-label__c-button--MarginRight:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-label__c-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-label__c-button--MarginLeft:var(--pf-global--spacer--xs); --pf-c-label__c-button--PaddingTop:var(--pf-global--spacer--xs); --pf-c-label__c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-label__c-button--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-label__c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-label--m-editable--m-editable-active--BackgroundColor:transparent; --pf-c-label--m-editable--m-editable-active__content--before--BorderWidth:0; --pf-c-label--m-editable--m-editable-active__content--before--BorderColor:transparent; position: relative; padding: var(--pf-c-label--PaddingTop) var(--pf-c-label--PaddingRight) var(--pf-c-label--PaddingBottom) var(--pf-c-label--PaddingLeft); font-size: var(--pf-c-label--FontSize); color: var(--pf-c-label--Color); white-space: nowrap; background-color: var(--pf-c-label--BackgroundColor); border: 0; border-radius: var(--pf-c-label--BorderRadius); } .pf-c-label.pf-m-compact { --pf-c-label--PaddingTop:var(--pf-c-label--m-compact--PaddingTop); --pf-c-label--PaddingRight:var(--pf-c-label--m-compact--PaddingRight); --pf-c-label--PaddingBottom:var(--pf-c-label--m-compact--PaddingBottom); --pf-c-label--PaddingLeft:var(--pf-c-label--m-compact--PaddingLeft); --pf-c-label--FontSize:var(--pf-c-label--m-compact--FontSize); } .pf-c-label.pf-m-blue { --pf-c-label--BackgroundColor:var(--pf-c-label--m-blue--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-blue__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-blue__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-blue__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-blue__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-blue__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-blue__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-blue__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-green { --pf-c-label--BackgroundColor:var(--pf-c-label--m-green--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-green__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-green__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-green__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-green__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-green__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-green__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-green__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-orange { --pf-c-label--BackgroundColor:var(--pf-c-label--m-orange--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-orange__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-orange__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-orange__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-orange__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-orange__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-orange__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-orange__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-red { --pf-c-label--BackgroundColor:var(--pf-c-label--m-red--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-red__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-red__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-red__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-red__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-red__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-red__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-red__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-purple { --pf-c-label--BackgroundColor:var(--pf-c-label--m-purple--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-purple__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-purple__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-purple__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-purple__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-purple__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-purple__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-cyan { --pf-c-label--BackgroundColor:var(--pf-c-label--m-cyan--BackgroundColor); --pf-c-label__icon--Color:var(--pf-c-label--m-cyan__icon--Color); --pf-c-label__content--Color:var(--pf-c-label--m-cyan__content--Color); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-cyan__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-cyan__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-cyan__content--link--focus--before--BorderColor); --pf-c-label--m-outline__content--Color:var(--pf-c-label--m-outline--m-cyan__content--Color); --pf-c-label--m-outline__content--before--BorderColor:var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor); --pf-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor); --pf-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-outline { --pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color); --pf-c-label__content--before--BorderWidth:var(--pf-c-label--m-outline__content--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-outline__content--before--BorderColor); --pf-c-label--BackgroundColor:var(--pf-c-label--m-outline--BackgroundColor); } .pf-c-label.pf-m-outline a.pf-c-label__content:hover, .pf-c-label.pf-m-outline button.pf-c-label__content:hover, .pf-c-label.pf-m-overflow:hover { --pf-c-label__content--before--BorderWidth:var(--pf-c-label--m-outline__content--link--hover--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-outline__content--link--hover--before--BorderColor); } .pf-c-label.pf-m-outline a.pf-c-label__content:focus, .pf-c-label.pf-m-outline button.pf-c-label__content:focus, .pf-c-label.pf-m-overflow:focus { --pf-c-label__content--before--BorderWidth:var(--pf-c-label--m-outline__content--link--focus--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-outline__content--link--focus--before--BorderColor); } .pf-c-label.pf-m-editable-active { --pf-c-label--BackgroundColor:var(--pf-c-label--m-editable--m-editable-active--BackgroundColor); --pf-c-label__content--before--BorderWidth:var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor); } .pf-c-label.pf-m-editable-active .pf-c-button { visibility: hidden; } .pf-c-label .pf-c-button { --pf-c-button--FontSize:var(--pf-c-label__c-button--FontSize); --pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop); --pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight); --pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom); --pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft); margin-top: var(--pf-c-label__c-button--MarginTop); margin-right: var(--pf-c-label__c-button--MarginRight); margin-bottom: var(--pf-c-label__c-button--MarginBottom); margin-left: var(--pf-c-label__c-button--MarginLeft); } .pf-c-label.pf-m-overflow { --pf-c-label__content--Color:var(--pf-c-label--m-overflow__content--Color); --pf-c-label--BackgroundColor:var(--pf-c-label--m-overflow__content--BackgroundColor); --pf-c-label__content--before--BorderWidth:var(--pf-c-label--m-overflow__content--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label--m-overflow__content--before--BorderColor); --pf-c-label__content--link--hover--before--BorderWidth:var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth); --pf-c-label__content--link--hover--before--BorderColor:var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor); --pf-c-label__content--link--focus--before--BorderWidth:var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth); --pf-c-label__content--link--focus--before--BorderColor:var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor); } .pf-c-label, .pf-c-label__content { display: inline-flex; align-items: center; } .pf-c-label__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: var(--pf-c-label__text--MaxWidth); } .pf-c-label__content { color: var(--pf-c-label__content--Color); border: 0; } .pf-c-label__content:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor); border-radius: var(--pf-c-label--BorderRadius); } a.pf-c-label__content, button.pf-c-label__content { cursor: pointer; border: none; } a.pf-c-label__content, a.pf-c-label__content:focus, a.pf-c-label__content:hover, button.pf-c-label__content, button.pf-c-label__content:focus, button.pf-c-label__content:hover { text-decoration: none; } a.pf-c-label__content:hover, button.pf-c-label__content:hover { --pf-c-label__content--before--BorderWidth:var(--pf-c-label__content--link--hover--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label__content--link--hover--before--BorderColor); } a.pf-c-label__content:focus, button.pf-c-label__content:focus { --pf-c-label__content--before--BorderWidth:var(--pf-c-label__content--link--focus--before--BorderWidth); --pf-c-label__content--before--BorderColor:var(--pf-c-label__content--link--focus--before--BorderColor); } .pf-c-label__icon { margin-right: var(--pf-c-label__icon--MarginRight); color: var(--pf-c-label__icon--Color); } .pf-c-label-group { --pf-c-label-group__list--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-label-group__list--MarginRight:calc(var(--pf-global--spacer--xs)*-1); --pf-c-label-group--m-category--PaddingTop:var(--pf-global--spacer--xs); --pf-c-label-group--m-category--PaddingRight:var(--pf-global--spacer--xs); --pf-c-label-group--m-category--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-label-group--m-category--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-label-group--m-vertical--m-category--PaddingRight:var(--pf-global--spacer--sm); --pf-c-label-group--m-category--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-label-group--m-category--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-label-group--m-category--BorderColor:var(--pf-global--BorderColor--300); --pf-c-label-group--m-category--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-label-group__label--MarginRight:var(--pf-global--spacer--sm); --pf-c-label-group__label--MarginBottom:0; --pf-c-label-group--m-vertical__label--MarginBottom:var(--pf-global--spacer--sm); --pf-c-label-group__label--FontSize:var(--pf-global--FontSize--sm); --pf-c-label-group__label--MaxWidth:18ch; --pf-c-label-group__close--MarginTop:calc(var(--pf-global--spacer--xs)*-1); --pf-c-label-group__close--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-label-group--m-vertical__close--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-label-group--m-vertical__close--MarginRight:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-label-group--m-vertical__close--MarginLeft:var(--pf-global--spacer--sm); --pf-c-label-group--m-vertical__close--c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-label-group--m-vertical__close--c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-label-group__list-item--MarginRight:var(--pf-global--spacer--xs); --pf-c-label-group__list-item--MarginBottom:var(--pf-global--spacer--xs); --pf-c-label-group__textarea--MinWidth:12.5rem; --pf-c-label-group__textarea--PaddingTop:0.125rem; --pf-c-label-group__textarea--PaddingRight:var(--pf-global--spacer--xs); --pf-c-label-group__textarea--PaddingBottom:0; --pf-c-label-group__textarea--PaddingLeft:var(--pf-global--spacer--xs); display: inline-flex; } .pf-c-label-group.pf-m-category { padding-top: var(--pf-c-label-group--m-category--PaddingTop); padding-right: var(--pf-c-label-group--m-category--PaddingRight); padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom); padding-left: var(--pf-c-label-group--m-category--PaddingLeft); background-color: var(--pf-c-label-group--m-category--BackgroundColor); border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor); border-radius: var(--pf-c-label-group--m-category--BorderRadius); } .pf-c-label-group.pf-m-vertical { --pf-c-label-group__list--MarginRight:0; --pf-c-label-group__list--MarginBottom:0; --pf-c-label-group__list-item--MarginRight:0; --pf-c-label-group__label--MarginRight:0; --pf-c-label-group__label--MarginBottom:var(--pf-c-label-group--m-vertical__label--MarginBottom); --pf-c-label-group__close--MarginTop:var(--pf-c-label-group--m-vertical__close--MarginTop); --pf-c-label-group__close--MarginLeft:var(--pf-c-label-group--m-vertical__close--MarginLeft); --pf-c-label-group__close--MarginBottom:0; --pf-c-label-group__close--MarginRight:var(--pf-c-label-group--m-vertical__close--MarginRight); --pf-c-label-group--m-category--PaddingRight:var(--pf-c-label-group--m-vertical--m-category--PaddingRight); } .pf-c-label-group.pf-m-vertical.pf-c-label-group { align-items: flex-start; } .pf-c-label-group.pf-m-vertical .pf-c-label-group__list { flex-direction: column; align-items: flex-start; } .pf-c-label-group.pf-m-vertical .pf-c-label-group__main { flex-direction: column; } .pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child { --pf-c-label-group__list-item--MarginBottom:0; } .pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button { --pf-c-button--PaddingLeft:var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft); --pf-c-button--PaddingRight:var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight); } .pf-c-label-group.pf-m-editable, .pf-c-label-group.pf-m-editable .pf-c-label-group__list, .pf-c-label-group.pf-m-editable .pf-c-label-group__main { display: flex; } .pf-c-label-group.pf-m-editable .pf-c-label-group__list, .pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea, .pf-c-label-group.pf-m-editable .pf-c-label-group__main, .pf-c-label-group.pf-m-editable .pf-c-label-group__textarea { flex: 1; } .pf-c-label-group__main { display: flex; flex: 1; flex-wrap: wrap; align-items: baseline; } .pf-c-label-group__list { display: inline-flex; flex-wrap: wrap; margin-right: var(--pf-c-label-group__list--MarginRight); margin-bottom: var(--pf-c-label-group__list--MarginBottom); } .pf-c-label-group__list-item { display: inline-flex; margin-right: var(--pf-c-label-group__list-item--MarginRight); margin-bottom: var(--pf-c-label-group__list-item--MarginBottom); } .pf-c-label-group__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: var(--pf-c-label-group__label--MaxWidth); margin-right: var(--pf-c-label-group__label--MarginRight); margin-bottom: var(--pf-c-label-group__label--MarginBottom); font-size: var(--pf-c-label-group__label--FontSize); } .pf-c-label-group__close { margin-top: var(--pf-c-label-group__close--MarginTop); margin-right: var(--pf-c-label-group__close--MarginRight); margin-bottom: var(--pf-c-label-group__close--MarginBottom); margin-left: var(--pf-c-label-group__close--MarginLeft); } .pf-c-label-group__textarea { min-width: var(--pf-c-label-group__textarea--MinWidth); padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft); white-space: nowrap; resize: none; border: 0; -ms-overflow-style: none; scrollbar-width: none; } .pf-c-label-group__textarea::-webkit-scrollbar { display: none; } .pf-c-list { --pf-c-list--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-list--nested--MarginTop:var(--pf-global--spacer--sm); --pf-c-list--nested--MarginLeft:var(--pf-global--spacer--sm); --pf-c-list--ul--ListStyle:var(--pf-global--ListStyle); --pf-c-list--li--MarginTop:var(--pf-global--spacer--sm); --pf-c-list--m-inline--li--MarginRight:var(--pf-global--spacer--lg); --pf-c-list--m-bordered--li--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-list--m-bordered--li--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-list--m-bordered--li--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-list__item-icon--MinWidth:var(--pf-global--icon--FontSize--sm); --pf-c-list__item-icon--MarginTop:0.375rem; --pf-c-list__item-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-list__item-icon--Color:var(--pf-global--icon--Color--light); --pf-c-list__item-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-list--m-icon-lg__item-icon--MinWidth:var(--pf-global--icon--FontSize--lg); --pf-c-list--m-icon-lg__item-icon--MarginRight:var(--pf-global--spacer--md); --pf-c-list--m-icon-lg__item-icon--FontSize:var(--pf-global--icon--FontSize--lg); padding-left: var(--pf-c-list--PaddingLeft); } .pf-c-list ol, .pf-c-list ul { margin-top: var(--pf-c-list--nested--MarginTop); margin-left: var(--pf-c-list--nested--MarginLeft); } .pf-c-list li + li { margin-top: var(--pf-c-list--li--MarginTop); } ul.pf-c-list { list-style: var(--pf-c-list--ul--ListStyle); } .pf-c-list .pf-c-list__item { display: flex; } .pf-c-list .pf-c-list__item-icon { flex-shrink: 0; min-width: var(--pf-c-list__item-icon--MinWidth); margin-top: var(--pf-c-list__item-icon--MarginTop); margin-right: var(--pf-c-list__item-icon--MarginRight); font-size: var(--pf-c-list__item-icon--FontSize); line-height: 1; color: var(--pf-c-list__item-icon--Color); } .pf-c-list.pf-m-icon-lg { --pf-c-list__item-icon--MinWidth:var(--pf-c-list--m-icon-lg__item-icon--MinWidth); --pf-c-list__item-icon--MarginTop:0; --pf-c-list__item-icon--MarginRight:var(--pf-c-list--m-icon-lg__item-icon--MarginRight); --pf-c-list__item-icon--FontSize:var(--pf-c-list--m-icon-lg__item-icon--FontSize); } .pf-c-list.pf-m-inline, .pf-c-list.pf-m-plain { --pf-c-list--PaddingLeft:0; list-style: none; } .pf-c-list.pf-m-inline { display: flex; flex-wrap: wrap; } .pf-c-list.pf-m-inline li { --pf-c-list--li--MarginTop:0; } .pf-c-list.pf-m-inline li:not(:last-child) { margin-right: var(--pf-c-list--m-inline--li--MarginRight); } .pf-c-list.pf-m-bordered > * { padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom); border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor); } .pf-c-list.pf-m-bordered > :last-child { --pf-c-list--m-bordered--li--PaddingBottom:0; --pf-c-list--m-bordered--li--BorderBottomWidth:0; } .pf-c-log-viewer { --pf-c-log-viewer--Height:100%; --pf-c-log-viewer--MaxHeight:auto; --pf-c-log-viewer--m-line-numbers__index--Display:inline; --pf-c-log-viewer__header--MarginBottom:var(--pf-global--spacer--sm); --pf-c-log-viewer__main--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-log-viewer__main--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-log-viewer__main--BorderColor:var(--pf-global--BorderColor--100); --pf-c-log-viewer__scroll-container--Height:37.5rem; --pf-c-log-viewer__scroll-container--PaddingTop:var(--pf-global--spacer--sm); --pf-c-log-viewer__scroll-container--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-log-viewer--m-line-numbers__main--before--Top:var(--pf-global--spacer--sm); --pf-c-log-viewer--m-line-numbers__main--before--Bottom:var(--pf-global--spacer--sm); --pf-c-log-viewer--m-line-numbers__main--before--Width:var(--pf-global--BorderWidth--sm); --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor:var(--pf-global--BorderColor--100); --pf-c-log-viewer__list--Height:auto; --pf-c-log-viewer--m-line-numbers__list--Left:var(--pf-c-log-viewer__index--Width); --pf-c-log-viewer__index--Display:none; --pf-c-log-viewer__index--Width:4.0625rem; --pf-c-log-viewer__index--PaddingRight:var(--pf-global--spacer--xl); --pf-c-log-viewer__index--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-log-viewer__index--FontFamily:var(--pf-global--FontFamily--monospace); --pf-c-log-viewer__index--FontSize:var(--pf-global--FontSize--sm); --pf-c-log-viewer__index--Color:var(--pf-global--Color--200); --pf-c-log-viewer__index--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-log-viewer__text--PaddingRight:var(--pf-global--spacer--md); --pf-c-log-viewer__text--PaddingLeft:var(--pf-global--spacer--md); --pf-c-log-viewer__text--FontFamily:var(--pf-global--FontFamily--monospace); --pf-c-log-viewer__text--FontSize:var(--pf-global--FontSize--sm); --pf-c-log-viewer__text--Color:var(--pf-global--Color--100); --pf-c-log-viewer__text--WordBreak:break-all; --pf-c-log-viewer__text--WhiteSpace:break-spaces; --pf-c-log-viewer__text--LineBreak:anywhere; --pf-c-log-viewer--m-nowrap__text--WhiteSpace:nowrap; --pf-c-log-viewer__string--m-match--Color:var(--pf-global--palette--gold-700); --pf-c-log-viewer__string--m-match--BackgroundColor:var(--pf-global--palette--gold-100); --pf-c-log-viewer__string--m-current--Color:var(--pf-global--palette--gold-700); --pf-c-log-viewer__string--m-current--BackgroundColor:var(--pf-global--palette--gold-400); --pf-c-log-viewer__timestamp--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-log-viewer--c-toolbar--PaddingTop:0; --pf-c-log-viewer--c-toolbar--PaddingBottom:0; --pf-c-log-viewer--c-toolbar__content--PaddingRight:0; --pf-c-log-viewer--c-toolbar__content--PaddingLeft:0; --pf-c-log-viewer--c-toolbar__group--m-toggle-group--spacer:0; --pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer:var(--pf-global--spacer--sm); --pf-c-log-viewer--m-dark__main--BorderWidth:0; display: flex; flex-direction: column; height: var(--pf-c-log-viewer--Height); max-height: var(--pf-c-log-viewer--MaxHeight); } .pf-c-log-viewer.pf-m-dark { color: var(--pf-global--Color--100); --pf-c-log-viewer__main--BorderWidth:var(--pf-c-log-viewer--m-dark__main--BorderWidth); } .pf-c-log-viewer.pf-m-wrap-text { word-break: break-all; } .pf-c-log-viewer.pf-m-nowrap { --pf-c-log-viewer__text--WhiteSpace:var(--pf-c-log-viewer--m-nowrap__text--WhiteSpace); } .pf-c-log-viewer.pf-m-line-numbers { --pf-c-log-viewer__index--Display:var(--pf-c-log-viewer--m-line-numbers__index--Display); } .pf-c-log-viewer.pf-m-line-numbers .pf-c-log-viewer__list { position: absolute; right: 0; left: var(--pf-c-log-viewer--m-line-numbers__list--Left); overflow: auto; } .pf-c-log-viewer .pf-c-toolbar { --pf-c-toolbar--PaddingTop:var(--pf-c-log-viewer--c-toolbar--PaddingTop); --pf-c-toolbar--PaddingBottom:var(--pf-c-log-viewer--c-toolbar--PaddingBottom); --pf-c-toolbar__content--PaddingRight:var(--pf-c-log-viewer--c-toolbar__content--PaddingRight); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-log-viewer--c-toolbar__content--PaddingLeft); --pf-c-toolbar__group--m-toggle-group--spacer:0; --pf-c-toolbar__group--m-toggle-group--m-show--spacer:var(--pf-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer); } .pf-c-log-viewer .pf-c-toolbar__content-section { flex-wrap: nowrap; } .pf-c-log-viewer .pf-c-search-input { width: 100%; } .pf-c-log-viewer__header { color: var(--pf-global--Color--100); margin-bottom: var(--pf-c-log-viewer__header--MarginBottom); } .pf-c-log-viewer__main { display: flex; flex-direction: column; min-height: 0; background-color: var(--pf-c-log-viewer__main--BackgroundColor); border: var(--pf-c-log-viewer__main--BorderWidth) solid var(--pf-c-log-viewer__main--BorderColor); } .pf-m-line-numbers .pf-c-log-viewer__main { position: relative; } .pf-m-line-numbers .pf-c-log-viewer__main:before { position: absolute; top: var(--pf-c-log-viewer--m-line-numbers__main--before--Top); bottom: var(--pf-c-log-viewer--m-line-numbers__main--before--Bottom); left: var(--pf-c-log-viewer__index--Width); width: var(--pf-c-log-viewer--m-line-numbers__main--before--Width); content: ""; background: var(--pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor); } .pf-c-log-viewer__scroll-container { position: relative; height: var(--pf-c-log-viewer__scroll-container--Height); padding-top: var(--pf-c-log-viewer__scroll-container--PaddingTop); padding-bottom: var(--pf-c-log-viewer__scroll-container--PaddingBottom); overflow: auto; will-change: transform; direction: ltr; } .pf-c-log-viewer__list { position: relative; height: var(--pf-c-log-viewer__list--Height); } .pf-c-log-viewer__list-item { left: 0; width: 100%; } .pf-c-log-viewer__string.pf-m-match { color: var(--pf-c-log-viewer__string--m-match--Color,inherit); background-color: var(--pf-c-log-viewer__string--m-match--BackgroundColor); } .pf-c-log-viewer__string.pf-m-current { color: var(--pf-c-log-viewer__string--m-current--Color,inherit); background-color: var(--pf-c-log-viewer__string--m-current--BackgroundColor); } .pf-c-log-viewer__index { position: fixed; left: 0; display: var(--pf-c-log-viewer__index--Display); width: var(--pf-c-log-viewer__index--Width); padding-right: var(--pf-c-log-viewer__index--PaddingRight); padding-left: var(--pf-c-log-viewer__index--PaddingLeft); font-family: var(--pf-c-log-viewer__index--FontFamily); font-size: var(--pf-c-log-viewer__index--FontSize); color: var(--pf-c-log-viewer__index--Color); background-color: var(--pf-c-log-viewer__index--BackgroundColor); } .pf-c-log-viewer__text { display: block; padding-right: var(--pf-c-log-viewer__text--PaddingRight); padding-left: var(--pf-c-log-viewer__text--PaddingLeft); font-family: var(--pf-c-log-viewer__text--FontFamily); font-size: var(--pf-c-log-viewer__text--FontSize); color: var(--pf-c-log-viewer__text--Color); word-break: var(--pf-c-log-viewer__text--WordBreak); white-space: var(--pf-c-log-viewer__text--WhiteSpace); line-break: var(--pf-c-log-viewer__text--LineBreak); } .pf-c-log-viewer__timestamp { font-weight: var(--pf-c-log-viewer__timestamp--FontWeight); } .pf-c-login { --pf-c-login--PaddingTop:var(--pf-global--spacer--lg); --pf-c-login--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-login--xl--BackgroundImage:none; --pf-c-login__container--xl--GridColumnGap:var(--pf-global--spacer--3xl); --pf-c-login__container--MaxWidth:31.25rem; --pf-c-login__container--xl--MaxWidth:none; --pf-c-login__container--PaddingLeft:6.125rem; --pf-c-login__container--PaddingRight:6.125rem; --pf-c-login__container--xl--GridTemplateColumns:34rem minmax(auto,34rem); --pf-c-login__header--MarginBottom:var(--pf-global--spacer--md); --pf-c-login__header--PaddingLeft:var(--pf-global--spacer--md); --pf-c-login__header--PaddingRight:var(--pf-global--spacer--md); --pf-c-login__header--xl--MarginBottom:var(--pf-global--spacer--2xl); --pf-c-login__header--xl--MarginTop:var(--pf-global--spacer--3xl); --pf-c-login__header--c-brand--MarginBottom:var(--pf-global--spacer--lg); --pf-c-login__header--c-brand--xl--MarginBottom:var(--pf-global--spacer--2xl); --pf-c-login__main--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-login__main--MarginBottom:var(--pf-global--spacer--lg); --pf-c-login__main-header--PaddingTop:var(--pf-global--spacer--2xl); --pf-c-login__main-header--PaddingRight:var(--pf-global--spacer--xl); --pf-c-login__main-header--PaddingBottom:var(--pf-global--spacer--md); --pf-c-login__main-header--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-login__main-header--md--PaddingRight:var(--pf-global--spacer--2xl); --pf-c-login__main-header--md--PaddingLeft:var(--pf-global--spacer--2xl); --pf-c-login__main-header--ColumnGap:var(--pf-global--spacer--md); --pf-c-login__main-header--RowGap:var(--pf-global--spacer--md); --pf-c-login__main-header-desc--MarginBottom:var(--pf-global--spacer--sm); --pf-c-login__main-header-desc--md--MarginBottom:0; --pf-c-login__main-header-desc--FontSize:var(--pf-global--FontSize--sm); --pf-c-login__main-body--PaddingRight:var(--pf-global--spacer--xl); --pf-c-login__main-body--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-login__main-body--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-login__main-body--md--PaddingRight:var(--pf-global--spacer--2xl); --pf-c-login__main-body--md--PaddingLeft:var(--pf-global--spacer--2xl); --pf-c-login__main-footer--PaddingBottom:var(--pf-global--spacer--3xl); --pf-c-login__main-footer--c-title--MarginBottom:var(--pf-global--spacer--md); --pf-c-login__main-footer-links--PaddingTop:var(--pf-global--spacer--sm); --pf-c-login__main-footer-links--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-login__main-footer-links--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-login__main-footer-links--PaddingLeft:var(--pf-global--spacer--3xl); --pf-c-login__main-footer-links-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-login__main-footer-links-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-login__main-footer-links-item--MarginBottom:var(--pf-global--spacer--sm); --pf-c-login__main-footer-links-item-link-svg--Fill:var(--pf-global--icon--Color--light); --pf-c-login__main-footer-links-item-link-svg--Width:var(--pf-global--icon--FontSize--lg); --pf-c-login__main-footer-links-item-link-svg--Height:var(--pf-global--icon--FontSize--lg); --pf-c-login__main-footer-links-item-link-svg--hover--Fill:var(--pf-global--icon--Color--dark); --pf-c-login__main-footer-band--PaddingTop:var(--pf-global--spacer--lg); --pf-c-login__main-footer-band--PaddingRight:var(--pf-global--spacer--md); --pf-c-login__main-footer-band--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-login__main-footer-band--PaddingLeft:var(--pf-global--spacer--md); --pf-c-login__main-footer-band--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-login__main-footer-band-item--PaddingTop:var(--pf-global--spacer--md); --pf-c-login__footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-login__footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-login__footer--c-list--PaddingTop:var(--pf-global--spacer--md); --pf-c-login__footer--c-list--xl--PaddingTop:var(--pf-global--spacer--2xl); display: flex; justify-content: center; min-height: 100vh; padding-top: var(--pf-c-login--PaddingTop); padding-bottom: var(--pf-c-login--PaddingBottom); } @media (min-width:1200px) { .pf-c-login { --pf-c-login__container--MaxWidth:var(--pf-c-login__container--xl--MaxWidth); } } @media (min-width:576px) { .pf-c-login { --pf-c-login__header--PaddingRight:0; --pf-c-login__header--PaddingLeft:0; } } @media (min-width:1200px) { .pf-c-login { --pf-c-login__header--MarginBottom:var(--pf-c-login__header--xl--MarginBottom); --pf-c-login__header--c-brand--MarginBottom:var(--pf-c-login__header--c-brand--xl--MarginBottom); --pf-c-login__main--MarginBottom:0; } } @media (min-width:768px) { .pf-c-login { --pf-c-login__main-header--PaddingRight:var(--pf-c-login__main-header--md--PaddingRight); --pf-c-login__main-header--PaddingLeft:var(--pf-c-login__main-header--md--PaddingLeft); --pf-c-login__main-header-desc--MarginBottom:var(--pf-c-login__main-header-desc--md--MarginBottom); --pf-c-login__main-body--PaddingRight:var(--pf-c-login__main-body--md--PaddingRight); --pf-c-login__main-body--PaddingLeft:var(--pf-c-login__main-body--md--PaddingLeft); } } @media (min-width:576px) { .pf-c-login { --pf-c-login__footer--PaddingRight:0; --pf-c-login__footer--PaddingLeft:0; } } @media (min-width:1200px) { .pf-c-login { --pf-c-login__footer--c-list--PaddingTop:var(--pf-c-login__footer--c-list--xl--PaddingTop); background-image: var(--pf-c-login--xl--BackgroundImage); } } @media (min-width:576px) { .pf-c-login { align-items: center; } } .pf-c-login__container { width: 100%; max-width: var(--pf-c-login__container--MaxWidth); } @media (min-width:1200px) { .pf-c-login__container { display: grid; justify-content: center; grid-column-gap: var(--pf-c-login__container--xl--GridColumnGap); grid-template-columns: var(--pf-c-login__container--xl--GridTemplateColumns); grid-template-areas: "main header" "main footer" "main ."; padding-right: var(--pf-c-login__container--PaddingRight); padding-left: var(--pf-c-login__container--PaddingLeft); } } .pf-c-login__header { color: var(--pf-global--Color--100); grid-area: header; padding-right: var(--pf-c-login__header--PaddingRight); padding-left: var(--pf-c-login__header--PaddingLeft); } @media (min-width:1200px) { .pf-c-login__header { margin-top: var(--pf-c-login__header--xl--MarginTop); } } .pf-c-login__header .pf-c-brand { margin-bottom: var(--pf-c-login__header--c-brand--MarginBottom); } .pf-c-login__main { margin-bottom: var(--pf-c-login__main--MarginBottom); background-color: var(--pf-c-login__main--BackgroundColor); grid-area: main; } .pf-c-login__main > :first-child:not(.pf-c-login__main-header) { padding-top: var(--pf-c-login__main-header--PaddingTop); } .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) { padding-bottom: var(--pf-c-login__main-footer--PaddingBottom); } .pf-c-login__main-header { display: grid; grid-template-columns: 100%; column-gap: var(--pf-c-login__main-header--ColumnGap); row-gap: var(--pf-c-login__main-header--RowGap); align-items: center; padding: var(--pf-c-login__main-header--PaddingTop) var(--pf-c-login__main-header--PaddingRight) var(--pf-c-login__main-header--PaddingBottom) var(--pf-c-login__main-header--PaddingLeft); } @media (min-width:768px) { .pf-c-login__main-header { grid-template-columns: 1fr auto; } } .pf-c-login__main-header .pf-c-dropdown { grid-column: auto; grid-row: auto; } @media (min-width:768px) { .pf-c-login__main-header .pf-c-dropdown { grid-column: 2/3; grid-row: 1; } } .pf-c-login__main-header-desc { margin-bottom: var(--pf-c-login__main-header-desc--MarginBottom); font-size: var(--pf-c-login__main-header-desc--FontSize); grid-column: 1/-1; } .pf-c-login__main-body { padding-right: var(--pf-c-login__main-body--PaddingRight); padding-bottom: var(--pf-c-login__main-body--PaddingBottom); padding-left: var(--pf-c-login__main-body--PaddingLeft); } .pf-c-login__main-footer { display: flex; flex-wrap: wrap; } .pf-c-login__main-footer .pf-c-title { margin-bottom: var(--pf-c-login__main-footer--c-title--MarginBottom); text-align: center; } .pf-c-login__main-footer > * { flex-basis: 100%; } .pf-c-login__main-footer-links { display: flex; flex-wrap: wrap; justify-content: center; padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft); } .pf-c-login__main-footer-links-item { padding-right: var(--pf-c-login__main-footer-links-item--PaddingRight); padding-left: var(--pf-c-login__main-footer-links-item--PaddingLeft); margin-bottom: var(--pf-c-login__main-footer-links-item--MarginBottom); } .pf-c-login__main-footer-links-item-link svg { fill: var(--pf-c-login__main-footer-links-item-link-svg--Fill); width: 100%; max-width: var(--pf-c-login__main-footer-links-item-link-svg--Width); height: 100%; max-height: var(--pf-c-login__main-footer-links-item-link-svg--Height); } .pf-c-login__main-footer-links-item-link:hover svg { fill: var(--pf-c-login__main-footer-links-item-link-svg--hover--Fill); } .pf-c-login__main-footer-band { padding: var(--pf-c-login__main-footer-band--PaddingTop) var(--pf-c-login__main-footer-band--PaddingRight) var(--pf-c-login__main-footer-band--PaddingBottom) var(--pf-c-login__main-footer-band--PaddingLeft); text-align: center; background-color: var(--pf-c-login__main-footer-band--BackgroundColor); } .pf-c-login__main-footer-band > * + * { padding-top: var(--pf-c-login__main-footer-band-item--PaddingTop); } .pf-c-login__footer { color: var(--pf-global--Color--100); grid-area: footer; padding-right: var(--pf-c-login__footer--PaddingRight); padding-left: var(--pf-c-login__footer--PaddingLeft); } .pf-c-login__footer .pf-c-list a { color: unset; } .pf-c-login__footer .pf-c-list:not(:only-child) { padding-top: var(--pf-c-login__footer--c-list--PaddingTop); } .pf-c-masthead { --pf-c-masthead--PaddingLeft:var(--pf-c-masthead--inset); --pf-c-masthead--PaddingRight:var(--pf-c-masthead--inset); --pf-c-masthead--BackgroundColor:var(--pf-global--BackgroundColor--dark-100); --pf-c-masthead--inset:var(--pf-global--spacer--md); --pf-c-masthead--xl--inset:var(--pf-global--spacer--lg); --pf-c-masthead--m-display-stack--GridTemplateColumns:max-content 1fr; --pf-c-masthead--m-display-stack__main--GridColumn:-1/1; --pf-c-masthead--m-display-stack__main--MinHeight:4.375rem; --pf-c-masthead--m-display-stack__main--Order:-1; --pf-c-masthead--m-display-stack__main--FlexBasis:100%; --pf-c-masthead--m-display-stack__main--PaddingTop:var(--pf-global--spacer--sm); --pf-c-masthead--m-display-stack__main--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-masthead--m-display-stack__main--MarginRight:0; --pf-c-masthead--m-display-stack__main--before--BorderBottom:var(--pf-c-masthead__main--before--BorderBottomWidth) solid var(--pf-c-masthead__main--before--BorderBottomColor); --pf-c-masthead--m-display-stack__toggle--GridColumn:1; --pf-c-masthead--m-display-stack__content--GridColumn:2; --pf-c-masthead--m-display-stack__content--MinHeight:4.375rem; --pf-c-masthead--m-display-stack__content--Order:1; --pf-c-masthead--m-display-stack__content--PaddingTop:0; --pf-c-masthead--m-display-stack__content--PaddingBottom:0; --pf-c-masthead--m-display-stack__content--MarginLeft:0; --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight:calc(var(--pf-c-masthead--inset)*-1); --pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft:calc(var(--pf-c-masthead--inset)*-1); --pf-c-masthead--m-display-inline--GridTemplateColumns:max-content max-content 1fr; --pf-c-masthead--m-display-inline__main--GridColumn:2; --pf-c-masthead--m-display-inline__main--MinHeight:4.375rem; --pf-c-masthead--m-display-inline__main--Order:0; --pf-c-masthead--m-display-inline__main--FlexBasis:auto; --pf-c-masthead--m-display-inline__main--PaddingTop:0; --pf-c-masthead--m-display-inline__main--PaddingBottom:0; --pf-c-masthead--m-display-inline__main--MarginRight:calc(var(--pf-global--spacer--lg)/2); --pf-c-masthead--m-display-inline__main--BorderBottom:0; --pf-c-masthead--m-display-inline__toggle--GridColumn:1; --pf-c-masthead--m-display-inline__content--GridColumn:3; --pf-c-masthead--m-display-inline__content--MinHeight:4.375rem; --pf-c-masthead--m-display-inline__content--Order:0; --pf-c-masthead--m-display-inline__content--PaddingTop:0; --pf-c-masthead--m-display-inline__content--PaddingBottom:0; --pf-c-masthead--m-display-inline__content--MarginLeft:calc(var(--pf-global--spacer--lg)/2); --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight:0; --pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft:0; --pf-c-masthead__main--before--Right:calc(var(--pf-c-masthead--inset)*-1); --pf-c-masthead__main--before--Left:calc(var(--pf-c-masthead--inset)*-1); --pf-c-masthead__main--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-masthead__main--before--BorderBottomColor:var(--pf-global--palette--black-600); --pf-c-masthead__toggle--MarginRight:var(--pf-global--spacer--sm); --pf-c-masthead__toggle--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-masthead__toggle--c-button--FontSize:var(--pf-global--FontSize--2xl); --pf-c-masthead--m-light--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-masthead--m-light__main--BorderBottomColor:var(--pf-global--BorderColor--300); --pf-c-masthead--m-light-200--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-masthead--m-light-200__main--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-masthead--c-toolbar__item--Display:flex; --pf-c-masthead--item-border-color--base:var(--pf-global--palette--black-800); --pf-c-masthead--c-context-selector--Width:auto; --pf-c-masthead--c-context-selector__toggle--BorderTopColor:transparent; --pf-c-masthead--c-context-selector__toggle--BorderRightColor:transparent; --pf-c-masthead--c-context-selector__toggle--BorderBottomColor:transparent; --pf-c-masthead--c-context-selector__toggle--BorderLeftColor:transparent; --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor:transparent; --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor:transparent; --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor:transparent; --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor:transparent; --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-menu-toggle--before--BorderTopColor:transparent; --pf-c-masthead--c-menu-toggle--before--BorderRightColor:transparent; --pf-c-masthead--c-menu-toggle--before--BorderBottomColor:transparent; --pf-c-masthead--c-menu-toggle--before--BorderLeftColor:transparent; --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--c-toolbar__content--PaddingRight:0; --pf-c-masthead--c-toolbar__content--PaddingLeft:0; --pf-c-masthead--c-toolbar__expandable-content--PaddingTop:var(--pf-global--spacer--md); --pf-c-masthead--c-toolbar__expandable-content--PaddingRight:var(--pf-c-masthead--inset); --pf-c-masthead--c-toolbar__expandable-content--PaddingBottom:var(--pf-global--spacer--md); --pf-c-masthead--c-toolbar__expandable-content--PaddingLeft:var(--pf-c-masthead--inset); --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor:var(--pf-c-masthead--item-border-color--base); --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); color: var(--pf-global--Color--100); position: relative; display: grid; grid-template-columns: var(--pf-c-masthead--GridTemplateColumns); align-items: center; min-width: 0; padding-right: var(--pf-c-masthead--PaddingRight); padding-left: var(--pf-c-masthead--PaddingLeft); background-color: var(--pf-c-masthead--BackgroundColor); } @media screen and (min-width:1200px) { .pf-c-masthead { --pf-c-masthead--inset:var(--pf-c-masthead--xl--inset); } } @media screen and (min-width:768px) { .pf-c-masthead { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } .pf-c-masthead.pf-m-light { color: var(--pf-global--Color--100); --pf-c-masthead--BackgroundColor:var(--pf-c-masthead--m-light--BackgroundColor); --pf-c-masthead__main--BorderBottomColor:var(--pf-c-masthead--m-light__main--BorderBottomColor); } .pf-c-masthead.pf-m-light-200 { color: var(--pf-global--Color--100); --pf-c-masthead--BackgroundColor:var(--pf-c-masthead--m-light-200--BackgroundColor); --pf-c-masthead__main--BorderBottomColor:var(--pf-c-masthead--m-light-200__main--BorderBottomColor); } .pf-c-masthead .pf-c-toolbar { --pf-c-toolbar__content--PaddingRight:var(--pf-c-masthead--c-toolbar__content--PaddingRight); --pf-c-toolbar__content--PaddingLeft:var(--pf-c-masthead--c-toolbar__content--PaddingLeft); --pf-c-toolbar__expandable-content--PaddingTop:var(--pf-c-masthead--c-toolbar__expandable-content--PaddingTop); --pf-c-toolbar__expandable-content--PaddingRight:var(--pf-c-masthead--c-toolbar__expandable-content--PaddingRight); --pf-c-toolbar__expandable-content--PaddingBottom:var(--pf-c-masthead--c-toolbar__expandable-content--PaddingBottom); --pf-c-toolbar__expandable-content--PaddingLeft:var(--pf-c-masthead--c-toolbar__expandable-content--PaddingLeft); width: 100%; } .pf-c-masthead .pf-c-toolbar__content-section { flex-wrap: nowrap; } .pf-c-masthead .pf-c-toolbar__expandable-content { border-top: var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth) solid var(--pf-c-masthead--c-toolbar__expandable-content--BorderTopColor); } .pf-c-masthead .pf-c-menu-toggle { --pf-c-menu-toggle--before--BorderTopColor:var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor); --pf-c-menu-toggle--before--BorderRightColor:var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor); --pf-c-menu-toggle--before--BorderBottomColor:var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor); --pf-c-menu-toggle--before--BorderLeftColor:var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor); } .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height { --pf-c-menu-toggle--before--BorderRightColor:var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor); --pf-c-menu-toggle--before--BorderLeftColor:var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor); } .pf-c-masthead .pf-c-context-selector { --pf-c-context-selector--Width:var(--pf-c-masthead--c-context-selector--Width); --pf-c-context-selector__toggle--BorderTopColor:var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor); --pf-c-context-selector__toggle--BorderRightColor:var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor); --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor); --pf-c-context-selector__toggle--BorderLeftColor:var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor); } .pf-c-masthead .pf-c-context-selector.pf-m-full-height { --pf-c-context-selector__toggle--BorderRightColor:var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor); --pf-c-context-selector__toggle--BorderLeftColor:var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor); } .pf-c-masthead .pf-c-dropdown { --pf-c-dropdown__toggle--before--BorderTopColor:var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor); --pf-c-dropdown__toggle--before--BorderRightColor:var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor); --pf-c-dropdown__toggle--before--BorderBottomColor:var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor); --pf-c-dropdown__toggle--before--BorderLeftColor:var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor); } .pf-c-masthead .pf-c-dropdown.pf-m-full-height { --pf-c-dropdown__toggle--before--BorderRightColor:var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor); --pf-c-dropdown__toggle--before--BorderLeftColor:var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor); } .pf-c-masthead__main { position: relative; display: flex; flex-basis: var(--pf-c-masthead__main--FlexBasis); align-items: center; align-self: stretch; order: var(--pf-c-masthead__main--Order); min-height: var(--pf-c-masthead__main--MinHeight); padding-top: var(--pf-c-masthead__main--PaddingTop); padding-bottom: var(--pf-c-masthead__main--PaddingBottom); margin-right: var(--pf-c-masthead__main--MarginRight); grid-column: var(--pf-c-masthead__main--GridColumn); } .pf-c-masthead__main:before { position: absolute; right: var(--pf-c-masthead__main--before--Right); bottom: 0; left: var(--pf-c-masthead__main--before--Left); content: ""; border-bottom: var(--pf-c-masthead__main--before--BorderBottom); } .pf-c-masthead__main:last-child { --pf-c-masthead__main--MarginRight:0; } .pf-c-masthead__content { display: flex; flex-grow: 1; align-items: center; align-self: stretch; order: var(--pf-c-masthead__content--Order); min-height: var(--pf-c-masthead__content--MinHeight); padding-top: var(--pf-c-masthead__content--PaddingTop); padding-bottom: var(--pf-c-masthead__content--PaddingBottom); margin-left: var(--pf-c-masthead__content--MarginLeft); grid-column: var(--pf-c-masthead__content--GridColumn); grid-column-end: -1; flex-shrink: 1; } .pf-c-masthead__content:only-child { --pf-c-masthead__content--MarginLeft:0; } .pf-c-masthead__content .pf-c-nav.pf-m-horizontal { margin-right: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginRight); margin-left: var(--pf-c-masthead__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead__toggle ~ .pf-c-masthead__content { --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:calc(var(--pf-c-masthead__content--MarginLeft)*-1); } .pf-c-masthead__brand, .pf-c-masthead__content, .pf-c-masthead__main { min-width: 0; } .pf-c-masthead__brand { display: inline-flex; align-self: center; } .pf-c-masthead__toggle { grid-column: var(--pf-c-masthead__toggle--GridColumn); align-self: center; margin-right: var(--pf-c-masthead__toggle--MarginRight); margin-left: var(--pf-c-masthead__toggle--MarginLeft); } .pf-c-masthead__toggle .pf-c-button { --pf-c-button--FontSize:var(--pf-c-masthead__toggle--c-button--FontSize); } .pf-c-masthead.pf-m-display-stack { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-inset-none { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } @media (min-width:576px) { .pf-c-masthead.pf-m-display-stack-on-sm { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline-on-sm { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } @media (min-width:576px) { .pf-c-masthead.pf-m-inset-none-on-sm { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm-on-sm { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md-on-sm { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg-on-sm { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl-on-sm { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl-on-sm { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } } @media (min-width:768px) { .pf-c-masthead.pf-m-display-stack-on-md { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline-on-md { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } @media (min-width:768px) { .pf-c-masthead.pf-m-inset-none-on-md { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm-on-md { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md-on-md { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg-on-md { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl-on-md { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl-on-md { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } } @media (min-width:992px) { .pf-c-masthead.pf-m-display-stack-on-lg { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline-on-lg { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } @media (min-width:992px) { .pf-c-masthead.pf-m-inset-none-on-lg { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm-on-lg { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md-on-lg { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg-on-lg { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl-on-lg { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl-on-lg { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1200px) { .pf-c-masthead.pf-m-display-stack-on-xl { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline-on-xl { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } @media (min-width:1200px) { .pf-c-masthead.pf-m-inset-none-on-xl { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm-on-xl { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md-on-xl { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg-on-xl { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl-on-xl { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl-on-xl { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1450px) { .pf-c-masthead.pf-m-display-stack-on-2xl { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-stack--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-stack__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-stack__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-stack__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-stack__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-stack__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-stack__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-stack__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-stack__main--before--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-stack__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-stack__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-stack__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-stack__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-stack__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-stack__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); } .pf-c-masthead.pf-m-display-inline-on-2xl { --pf-c-masthead--GridTemplateColumns:var(--pf-c-masthead--m-display-inline--GridTemplateColumns); --pf-c-masthead__main--GridColumn:var(--pf-c-masthead--m-display-inline__main--GridColumn); --pf-c-masthead__main--MinHeight:var(--pf-c-masthead--m-display-inline__main--MinHeight); --pf-c-masthead__main--Order:var(--pf-c-masthead--m-display-inline__main--Order); --pf-c-masthead__main--FlexBasis:var(--pf-c-masthead--m-display-inline__main--FlexBasis); --pf-c-masthead__main--PaddingTop:var(--pf-c-masthead--m-display-inline__main--PaddingTop); --pf-c-masthead__main--PaddingBottom:var(--pf-c-masthead--m-display-inline__main--PaddingBottom); --pf-c-masthead__main--MarginRight:var(--pf-c-masthead--m-display-inline__main--MarginRight); --pf-c-masthead__main--before--BorderBottom:var(--pf-c-masthead--m-display-inline__main--BorderBottom); --pf-c-masthead__content--GridColumn:var(--pf-c-masthead--m-display-inline__content--GridColumn); --pf-c-masthead__content--MinHeight:var(--pf-c-masthead--m-display-inline__content--MinHeight); --pf-c-masthead__content--Order:var(--pf-c-masthead--m-display-inline__content--Order); --pf-c-masthead__content--PaddingTop:var(--pf-c-masthead--m-display-inline__content--PaddingTop); --pf-c-masthead__content--PaddingBottom:var(--pf-c-masthead--m-display-inline__content--PaddingBottom); --pf-c-masthead__content--MarginLeft:var(--pf-c-masthead--m-display-inline__content--MarginLeft); --pf-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft); } } @media (min-width:1450px) { .pf-c-masthead.pf-m-inset-none-on-2xl { --pf-c-masthead--inset:0; } .pf-c-masthead.pf-m-inset-sm-on-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--sm); } .pf-c-masthead.pf-m-inset-md-on-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--md); } .pf-c-masthead.pf-m-inset-lg-on-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--lg); } .pf-c-masthead.pf-m-inset-xl-on-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--xl); } .pf-c-masthead.pf-m-inset-2xl-on-2xl { --pf-c-masthead--inset:var(--pf-global--spacer--2xl); } } .pf-c-menu { color: var(--pf-global--Color--100); --pf-c-menu--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-menu--MinWidth:auto; --pf-c-menu--Width:auto; --pf-c-menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-menu--Top:auto; --pf-c-menu--m-flyout__menu--Top:calc(var(--pf-c-menu__list--PaddingTop)*-1 + var(--pf-c-menu--m-flyout__menu--top-offset)); --pf-c-menu--m-flyout__menu--Right:auto; --pf-c-menu--m-flyout__menu--Bottom:auto; --pf-c-menu--m-flyout__menu--Left:calc(100% + var(--pf-c-menu--m-flyout__menu--left-offset)); --pf-c-menu--m-flyout__menu--m-top--Bottom:calc(var(--pf-c-menu__list--PaddingTop)*-1); --pf-c-menu--m-flyout__menu--m-left--Right:calc(100% + var(--pf-c-menu--m-flyout__menu--m-left--right-offset)); --pf-c-menu--m-plain--BoxShadow:none; --pf-c-menu--m-flyout__menu--top-offset:0px; --pf-c-menu--m-flyout__menu--left-offset:0px; --pf-c-menu--m-flyout__menu--m-left--right-offset:0px; --pf-c-menu__content--Height:auto; --pf-c-menu__content--MaxHeight:none; --pf-c-menu--m-scrollable__content--MaxHeight:18.75rem; --pf-c-menu--c-divider--MarginTop:0; --pf-c-menu--c-divider--MarginBottom:0; --pf-c-menu__list--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-menu__list--c-divider--MarginBottom:var(--pf-global--spacer--sm); --pf-c-menu__header--PaddingTop:var(--pf-global--spacer--md); --pf-c-menu__header--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__header--PaddingBottom:var(--pf-global--spacer--md); --pf-c-menu__header--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__header--c-menu__item--MarginTop:calc(var(--pf-c-menu__header--PaddingTop)*-1/2); --pf-c-menu__header--c-menu__item--MarginRight:calc(var(--pf-c-menu__header--PaddingRight)*-1/2); --pf-c-menu__header--c-menu__item--MarginBottom:calc(var(--pf-c-menu__header--PaddingBottom)*-1/2); --pf-c-menu__header--c-menu__item--MarginLeft:calc(var(--pf-c-menu__header--PaddingLeft)*-1/2); --pf-c-menu__header--c-menu__item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-menu__header--c-menu__item--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__header--c-menu__item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-menu__header--c-menu__item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__header--c-menu__item--BackgroundColor:transparent; --pf-c-menu__header--c-menu__item--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-menu__header--c-menu__item--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-menu__search--PaddingTop:var(--pf-global--spacer--md); --pf-c-menu__search--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__search--PaddingBottom:var(--pf-global--spacer--md); --pf-c-menu__search--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__header__search--PaddingTop:0; --pf-c-menu__list--Display:block; --pf-c-menu__list--PaddingTop:var(--pf-global--spacer--sm); --pf-c-menu__list--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-menu__list-item--Display:flex; --pf-c-menu__list-item--Color:var(--pf-global--Color--100); --pf-c-menu__list-item--BackgroundColor:transparent; --pf-c-menu__list-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-menu__list-item--focus-within--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-menu__list-item--m-loading--PaddingTop:var(--pf-global--spacer--sm); --pf-c-menu__item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-menu__item--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-menu__item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__item--OutlineOffset:-0.125rem; --pf-c-menu__item--FontSize:var(--pf-global--FontSize--md); --pf-c-menu__item--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-menu__item--LineHeight:var(--pf-global--LineHeight--md); --pf-c-menu__list-item--m-disabled__item--Color:var(--pf-global--disabled-color--100); --pf-c-menu__list-item--m-load__item--Color:var(--pf-global--link--Color); --pf-c-menu__group--Display:block; --pf-c-menu__group-title--PaddingTop:var(--pf-global--spacer--md); --pf-c-menu__group-title--PaddingRight:var(--pf-c-menu__item--PaddingRight); --pf-c-menu__group-title--PaddingLeft:var(--pf-c-menu__item--PaddingLeft); --pf-c-menu__group-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-menu__group-title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-menu__group-title--Color:var(--pf-global--Color--200); --pf-c-menu__item-description--FontSize:var(--pf-global--FontSize--xs); --pf-c-menu__item-description--Color:var(--pf-global--Color--200); --pf-c-menu__item-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-menu__item-toggle-icon--PaddingRight:var(--pf-global--spacer--sm); --pf-c-menu__item-toggle-icon--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-menu__list-item--m-disabled__item-toggle-icon--Color:var(--pf-global--disabled-color--200); --pf-c-menu__item-text--item-toggle-icon--MarginLeft:var(--pf-global--spacer--sm); --pf-c-menu__item-toggle-icon--item-text--MarginLeft:var(--pf-global--spacer--sm); --pf-c-menu__item-select-icon--MarginLeft:var(--pf-global--spacer--sm); --pf-c-menu__item-select-icon--Color:var(--pf-global--active-color--100); --pf-c-menu__item-select-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-menu__item-external-icon--MarginLeft:var(--pf-global--spacer--sm); --pf-c-menu__item-external-icon--Color:var(--pf-global--link--Color); --pf-c-menu__item-external-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-menu__item-external-icon--Opacity:0; --pf-c-menu__item-action--PaddingTop:var(--pf-global--spacer--sm); --pf-c-menu__item-action--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__item-action--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-menu__item-action--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__item-action--Color:var(--pf-global--Color--200); --pf-c-menu__item-action--hover--Color:var(--pf-global--Color--100); --pf-c-menu__item-action--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-menu__item-action--m-favorited--Color:var(--pf-global--palette--gold-400); --pf-c-menu__item-action--m-favorited--hover--Color:var(--pf-global--palette--gold-500); --pf-c-menu__item-action-icon--Height:calc(var(--pf-c-menu__item--FontSize)*var(--pf-c-menu__item--LineHeight)); --pf-c-menu__item-action--m-favorite__icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-menu__breadcrumb--PaddingTop:var(--pf-global--spacer--md); --pf-c-menu__breadcrumb--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__breadcrumb--PaddingBottom:var(--pf-global--spacer--md); --pf-c-menu__breadcrumb--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize:var(--pf-global--FontSize--md); --pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize:var(--pf-global--FontSize--md); --pf-c-menu--m-drilldown--c-menu--Top:0; --pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform:var(--pf-global--TransitionDuration); --pf-c-menu--m-drilldown--c-menu--Transition:transform var(--pf-c-menu--m-drilldown--c-menu--TransitionDuration--transform); --pf-c-menu--m-drilldown__content--TransitionDuration--height:var(--pf-global--TransitionDuration); --pf-c-menu--m-drilldown__content--TransitionDuration--transform:var(--pf-global--TransitionDuration); --pf-c-menu--m-drilldown__content--Transition:transform var(--pf-c-menu--m-drilldown__content--TransitionDuration--transform),height var(--pf-c-menu--m-drilldown__content--TransitionDuration--height); --pf-c-menu--m-drilldown__list--TransitionDuration--transform:var(--pf-global--TransitionDuration); --pf-c-menu--m-drilldown__list--Transition:transform var(--pf-c-menu--m-drilldown__list--TransitionDuration--transform); --pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-menu__footer--PaddingTop:var(--pf-global--spacer--md); --pf-c-menu__footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu__footer--PaddingBottom:var(--pf-global--spacer--md); --pf-c-menu__footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu__footer--BoxShadow:none; --pf-c-menu__footer--after--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu__footer--after--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-menu__footer--after--BorderBottomWidth:0; --pf-c-menu__footer--after--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-menu--m-scrollable__footer--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-menu--m-scrollable__footer--after--BorderTopWidth:0; --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); top: var(--pf-c-menu--Top); z-index: var(--pf-c-menu--ZIndex); width: var(--pf-c-menu--Width); min-width: var(--pf-c-menu--MinWidth); background-color: var(--pf-c-menu--BackgroundColor); box-shadow: var(--pf-c-menu--BoxShadow); --pf-c-menu--m-nav--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-menu--m-nav--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-menu--m-nav__list--PaddingTop:0; --pf-c-menu--m-nav__list--PaddingBottom:0; --pf-c-menu--m-nav__list-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-menu--m-nav__list-item--focus-within--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-menu--m-nav__list-item--active--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-menu--m-nav__item--PaddingRight:var(--pf-global--spacer--lg); --pf-c-menu--m-nav__item--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-menu--m-nav__item--Color:var(--pf-global--Color--light-100); --pf-c-menu--m-nav__item--FontSize:var(--pf-global--FontSize--sm); --pf-c-menu--m-nav__item--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-menu--m-nav__item--before--BorderBottomColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-menu--m-nav__item--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu--m-nav__item--hover--after--BorderLeftColor:var(--pf-global--BorderColor--200); --pf-c-menu--m-nav__item--hover--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu--m-nav__item--hover--after--Top:calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)*-1); --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top:0; --pf-c-menu--m-nav__item-description--Color:var(--pf-global--Color--light-200); --pf-c-menu--m-nav--c-menu--left-offset:0.25rem; --pf-c-menu--m-nav--c-menu--m-left--right-offset:0.25rem; --pf-c-menu--m-nav--c-menu--Top:calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth)*-1); --pf-c-menu--m-nav--c-menu--Left:calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset)); --pf-c-menu--m-nav--c-menu--m-left--Right:calc(100% - var(--pf-c-menu--m-nav--c-menu--m-left--right-offset)); --pf-c-menu--m-nav--c-menu--m-top--Bottom:calc(var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset)); --pf-c-menu--m-nav__list-item--first-child--c-menu--Top:0; } .pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content { overflow: visible; } .pf-c-menu .pf-c-divider { margin-top: var(--pf-c-menu--c-divider--MarginTop); margin-bottom: var(--pf-c-menu--c-divider--MarginBottom); } .pf-c-menu .pf-c-menu.pf-m-flyout, .pf-c-menu.pf-m-flyout .pf-c-menu { position: absolute; top: var(--pf-c-menu--m-flyout__menu--Top); right: var(--pf-c-menu--m-flyout__menu--Right); bottom: var(--pf-c-menu--m-flyout__menu--Bottom); left: var(--pf-c-menu--m-flyout__menu--Left); } .pf-c-menu .pf-c-menu.pf-m-flyout .pf-c-menu__content, .pf-c-menu.pf-m-flyout .pf-c-menu .pf-c-menu__content { overflow-y: visible; } .pf-c-menu.pf-m-top { --pf-c-menu--m-flyout__menu--Top:auto; --pf-c-menu--m-flyout__menu--Bottom:var(--pf-c-menu--m-flyout__menu--m-top--Bottom); } .pf-c-menu.pf-m-left { --pf-c-menu--m-flyout__menu--Right:var(--pf-c-menu--m-flyout__menu--m-left--Right); --pf-c-menu--m-flyout__menu--Left:auto; } .pf-c-menu.pf-m-drilldown { display: flex; flex-direction: column; } .pf-c-menu.pf-m-drilldown[hidden] { display: none; } .pf-c-menu.pf-m-drilldown > .pf-c-menu__content { flex-grow: 1; overflow-x: hidden; transition: var(--pf-c-menu--m-drilldown__content--Transition); } .pf-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list, .pf-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-c-menu__list { transform: translateX(-100%); } .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu { --pf-c-menu--BoxShadow:none; position: absolute; top: var(--pf-c-menu--m-drilldown--c-menu--Top); left: 100%; width: 100%; transition: var(--pf-c-menu--m-drilldown--c-menu--Transition); } .pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in { transform: translateX(-100%); } .pf-c-menu.pf-m-drilldown .pf-c-menu__list { position: relative; overflow: hidden; transition: var(--pf-c-menu--m-drilldown__list--Transition); } .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list { --pf-c-menu__list--PaddingTop:0; --pf-c-menu__list--PaddingBottom:0; } .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path .pf-c-menu { z-index: var(--pf-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex); } .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-current-path > .pf-c-menu { overflow: visible; } .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-static > .pf-c-menu { position: static; } .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item.pf-m-static:hover { background-color: transparent; } .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu { visibility: hidden; } .pf-c-menu.pf-m-drilldown .pf-c-menu__item { outline-offset: var(--pf-c-menu__item--OutlineOffset); } .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list { overflow: visible; } .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider, .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) { display: none; } .pf-c-menu.pf-m-plain { --pf-c-menu--BoxShadow:var(--pf-c-menu--m-plain--BoxShadow); } .pf-c-menu.pf-m-scrollable { --pf-c-menu__content--MaxHeight:var(--pf-c-menu--m-scrollable__content--MaxHeight); --pf-c-menu__footer--BoxShadow:var(--pf-c-menu--m-scrollable__footer--BoxShadow); --pf-c-menu__footer--after--BorderTopWidth:var(--pf-c-menu--m-scrollable__footer--after--BorderTopWidth); --pf-c-menu__footer--after--BorderBottomWidth:var(--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth); } .pf-c-menu.pf-m-scrollable .pf-c-menu__content { overflow-y: auto; } .pf-c-menu.pf-m-nav, .pf-c-menu.pf-m-nav .pf-c-menu { --pf-c-menu--BackgroundColor:var(--pf-c-menu--m-nav--BackgroundColor); --pf-c-menu__list--PaddingTop:var(--pf-c-menu--m-nav__list--PaddingTop); --pf-c-menu__list--PaddingBottom:var(--pf-c-menu--m-nav__list--PaddingBottom); --pf-c-menu__list-item--hover--BackgroundColor:var(--pf-c-menu--m-nav__list-item--hover--BackgroundColor); --pf-c-menu__list-item--focus-within--BackgroundColor:var(--pf-c-menu--m-nav__list-item--focus-within--BackgroundColor); --pf-c-menu__list-item--active--BackgroundColor:var(--pf-c-menu--m-nav__list-item--active--BackgroundColor); --pf-c-menu__item--Color:var(--pf-c-menu--m-nav__item--Color); --pf-c-menu__item--FontSize:var(--pf-c-menu--m-nav__item--FontSize); --pf-c-menu__item--OutlineOffset:var(--pf-c-menu--m-nav__item--OutlineOffset); --pf-c-menu__item--PaddingRight:var(--pf-c-menu--m-nav__item--PaddingRight); --pf-c-menu__item--PaddingLeft:var(--pf-c-menu--m-nav__item--PaddingLeft); --pf-c-menu__item-description--Color:var(--pf-c-menu--m-nav__item-description--Color); box-shadow: var(--pf-c-menu--m-nav--BoxShadow); } .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item, .pf-c-menu.pf-m-nav .pf-c-menu__item { position: relative; outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset); } .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:before, .pf-c-menu.pf-m-nav .pf-c-menu__item:before { position: absolute; right: 0; bottom: 0; left: 0; content: ""; border-bottom: var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) solid var(--pf-c-menu--m-nav__item--before--BorderBottomColor); } .pf-c-menu.pf-m-nav .pf-c-menu .pf-c-menu__item:hover:after, .pf-c-menu.pf-m-nav .pf-c-menu__item:hover:after { position: absolute; top: var(--pf-c-menu--m-nav__item--hover--after--Top); bottom: 0; left: 0; content: ""; border-left: var(--pf-c-menu--m-nav__item--hover--after--BorderLeftWidth) solid var(--pf-c-menu--m-nav__item--hover--after--BorderLeftColor); } .pf-c-menu.pf-m-nav .pf-c-menu { width: 100%; } .pf-c-menu.pf-m-flyout.pf-m-nav, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu { top: var(--pf-c-menu--m-nav--c-menu--Top); left: var(--pf-c-menu--m-nav--c-menu--Left); } .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-top, .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-top { --pf-c-menu--m-nav--c-menu--Top:auto; bottom: var(--pf-c-menu--m-nav--c-menu--m-top--Bottom); } .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu.pf-m-left, .pf-c-menu.pf-m-flyout.pf-m-nav.pf-m-left { --pf-c-menu--m-nav--c-menu--Left:auto; right: var(--pf-c-menu--m-nav--c-menu--m-left--Right); } .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child { --pf-c-menu--m-nav__item--hover--after--Top:var(--pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top); } .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu .pf-c-menu__list-item:first-child .pf-c-menu, .pf-c-menu.pf-m-flyout.pf-m-nav .pf-c-menu__list-item:first-child .pf-c-menu { --pf-c-menu--m-nav--c-menu--Top:var(--pf-c-menu--m-nav__list-item--first-child--c-menu--Top); } .pf-c-menu__breadcrumb { display: flex; align-items: center; min-height: var(--pf-c-menu__breadcrumb--MinHeight); padding: var(--pf-c-menu__breadcrumb--PaddingTop) var(--pf-c-menu__breadcrumb--PaddingRight) var(--pf-c-menu__breadcrumb--PaddingBottom) var(--pf-c-menu__breadcrumb--PaddingLeft); } .pf-c-menu__breadcrumb .pf-c-breadcrumb { --pf-c-breadcrumb__item--FontSize:var(--pf-c-menu__breadcrumb--c-breadcrumb__item--FontSize); --pf-c-breadcrumb__heading--FontSize:var(--pf-c-menu__breadcrumb--c-breadcrumb__heading--FontSize); } .pf-c-menu__content { height: var(--pf-c-menu__content--Height); max-height: var(--pf-c-menu__content--MaxHeight); } .pf-c-menu__content .pf-c-menu__content { --pf-c-menu__content--Height:auto; } .pf-c-menu__header { --pf-c-menu__item--PaddingTop:var(--pf-c-menu__header--c-menu__item--PaddingTop); --pf-c-menu__item--PaddingRight:var(--pf-c-menu__header--c-menu__item--PaddingRight); --pf-c-menu__item--PaddingBottom:var(--pf-c-menu__header--c-menu__item--PaddingBottom); --pf-c-menu__item--PaddingLeft:var(--pf-c-menu__header--c-menu__item--PaddingLeft); padding-top: var(--pf-c-menu__header--PaddingTop); padding-right: var(--pf-c-menu__header--PaddingRight); padding-bottom: var(--pf-c-menu__header--PaddingBottom); padding-left: var(--pf-c-menu__header--PaddingLeft); } .pf-c-menu__header > .pf-c-menu__item { --pf-c-menu__item--BackgroundColor:var(--pf-c-menu__header--c-menu__item--BackgroundColor); margin-top: var(--pf-c-menu__header--c-menu__item--MarginTop); margin-right: var(--pf-c-menu__header--c-menu__item--MarginRight); margin-bottom: var(--pf-c-menu__header--c-menu__item--MarginBottom); margin-left: var(--pf-c-menu__header--c-menu__item--MarginLeft); } .pf-c-menu__header > .pf-c-menu__item:hover { --pf-c-menu__item--BackgroundColor:var(--pf-c-menu__header--c-menu__item--hover--BackgroundColor); } .pf-c-menu__header > .pf-c-menu__item:focus { --pf-c-menu__item--BackgroundColor:var(--pf-c-menu__header--c-menu__item--focus--BackgroundColor); } .pf-c-menu__header + .pf-c-menu__search { --pf-c-menu__search--PaddingTop:var(--pf-c-menu__header__search--PaddingTop); } .pf-c-menu__search { padding-top: var(--pf-c-menu__search--PaddingTop); padding-right: var(--pf-c-menu__search--PaddingRight); padding-bottom: var(--pf-c-menu__search--PaddingBottom); padding-left: var(--pf-c-menu__search--PaddingLeft); } .pf-c-menu__list { --pf-hidden-visible--visible--Display:var(--pf-c-menu__list--Display); padding-top: var(--pf-c-menu__list--PaddingTop); padding-bottom: var(--pf-c-menu__list--PaddingBottom); } .pf-c-menu__list > .pf-c-divider { margin-top: var(--pf-c-menu__list--c-divider--MarginTop); margin-bottom: var(--pf-c-menu__list--c-divider--MarginBottom); } .pf-c-menu__list-item { --pf-hidden-visible--visible--Display:var(--pf-c-menu__list-item--Display); position: relative; color: var(--pf-c-menu__list-item--Color); background-color: var(--pf-c-menu__list-item--BackgroundColor); } .pf-c-menu__list-item:hover { --pf-c-menu__list-item--BackgroundColor:var(--pf-c-menu__list-item--hover--BackgroundColor); --pf-c-menu__list-item--Color:var(--pf-c-menu__list-item--hover--Color,inherit); } .pf-c-menu__list-item:focus-within { --pf-c-menu__list-item--BackgroundColor:var(--pf-c-menu__list-item--focus-within--BackgroundColor); --pf-c-menu__list-item--Color:var(--pf-c-menu__list-item--focus-within--Color,inherit); } .pf-c-menu__list-item.pf-m-disabled { --pf-c-menu__list-item--hover--BackgroundColor:transparent; --pf-c-menu__list-item--focus-within--BackgroundColor:transparent; --pf-c-menu__item--Color:var(--pf-c-menu__list-item--m-disabled__item--Color); --pf-c-menu__item-toggle-icon:var(--pf-c-menu__list-item--m-disabled__item-toggle-icon--Color); pointer-events: none; } .pf-c-menu__list-item.pf-m-load { --pf-c-menu__list-item--hover--BackgroundColor:transparent; --pf-c-menu__list-item--focus-within--BackgroundColor:transparent; --pf-c-menu__item--Color:var(--pf-c-menu__list-item--m-load__item--Color); } .pf-c-menu__list-item.pf-m-loading { --pf-c-menu__list-item--hover--BackgroundColor:transparent; --pf-c-menu__list-item--focus-within--BackgroundColor:transparent; justify-content: center; padding-top: var(--pf-c-menu__list-item--m-loading--PaddingTop); overflow: hidden; } .pf-c-menu__item { display: flex; flex-basis: 100%; flex-direction: column; min-width: 0; padding-top: var(--pf-c-menu__item--PaddingTop); padding-right: var(--pf-c-menu__item--PaddingRight); padding-bottom: var(--pf-c-menu__item--PaddingBottom); padding-left: var(--pf-c-menu__item--PaddingLeft); font-size: var(--pf-c-menu__item--FontSize); font-weight: var(--pf-c-menu__item--FontWeight); line-height: var(--pf-c-menu__item--LineHeight); color: var(--pf-c-menu__item--Color); text-align: left; background-color: var(--pf-c-menu__item--BackgroundColor); border: none; } .pf-c-menu__item:hover { text-decoration: none; } .pf-c-menu__item:focus, .pf-c-menu__item:hover { --pf-c-menu__item-external-icon--Opacity:1; } .pf-c-menu__item.pf-m-selected .pf-c-menu__item-select-icon { opacity: 1; } .pf-c-menu__item-main { display: flex; align-items: center; width: 100%; } .pf-c-menu__item-external-icon { margin-left: var(--pf-c-menu__item-external-icon--MarginLeft); font-size: var(--pf-c-menu__item-external-icon--FontSize); color: var(--pf-c-menu__item-external-icon--Color); opacity: var(--pf-c-menu__item-external-icon--Opacity); } .pf-c-menu__item-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1; } .pf-c-menu__group { --pf-hidden-visible--visible--Display:var(--pf-c-menu__group--Display); } .pf-c-menu__group-title { padding-top: var(--pf-c-menu__group-title--PaddingTop); padding-right: var(--pf-c-menu__group-title--PaddingRight); padding-left: var(--pf-c-menu__group-title--PaddingLeft); font-size: var(--pf-c-menu__group-title--FontSize); font-weight: var(--pf-c-menu__group-title--FontWeight); color: var(--pf-c-menu__group-title--Color); } .pf-c-menu__item-description { font-size: var(--pf-c-menu__item-description--FontSize); color: var(--pf-c-menu__item-description--Color); word-break: break-all; } .pf-c-menu__item-icon { margin-right: var(--pf-c-menu__item-icon--MarginRight); } .pf-c-menu__item-toggle-icon { padding-right: var(--pf-c-menu__item-toggle-icon--PaddingRight); padding-left: var(--pf-c-menu__item-toggle-icon--PaddingLeft); color: var(--pf-c-menu__item-toggle-icon,inherit); } .pf-c-menu__item-text + .pf-c-menu__item-toggle-icon { margin-left: var(--pf-c-menu__item-text--item-toggle-icon--MarginLeft); } .pf-c-menu__item-toggle-icon + .pf-c-menu__item-text { margin-left: var(--pf-c-menu__item-toggle-icon--item-text--MarginLeft); } .pf-c-menu__item-select-icon { margin-left: var(--pf-c-menu__item-select-icon--MarginLeft); font-size: var(--pf-c-menu__item-select-icon--FontSize); color: var(--pf-c-menu__item-select-icon--Color); opacity: 0; } .pf-c-menu__item-action { display: flex; padding-top: var(--pf-c-menu__item-action--PaddingTop); padding-right: var(--pf-c-menu__item-action--PaddingRight); padding-bottom: var(--pf-c-menu__item-action--PaddingBottom); padding-left: var(--pf-c-menu__item-action--PaddingLeft); color: var(--pf-c-menu__item-action--Color); border: none; } .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon { font-size: var(--pf-c-menu__item-action--m-favorite__icon--FontSize); } .pf-c-menu__item-action.pf-m-favorited { --pf-c-menu__item-action--Color:var(--pf-c-menu__item-action--m-favorited--Color); --pf-c-menu__item-action--hover--Color:var(--pf-c-menu__item-action--m-favorited--hover--Color); } .pf-c-menu__item-action:focus, .pf-c-menu__item-action:hover { --pf-c-menu__item-action--Color:var(--pf-c-menu__item-action--hover--Color); } .pf-c-menu__item-action:disabled { --pf-c-menu__item-action--Color:var(--pf-c-menu__item-action--disabled--Color); } .pf-c-menu__item-action-icon { display: flex; align-items: center; height: var(--pf-c-menu__item-action-icon--Height); } .pf-c-menu__footer { position: relative; padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft); box-shadow: var(--pf-c-menu__footer--BoxShadow); } .pf-c-menu__footer:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor); border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor); } .pf-c-menu-toggle { --pf-c-menu-toggle--BorderRadius:0; --pf-c-menu-toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-menu-toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-menu-toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-menu-toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-menu-toggle--FontSize:var(--pf-global--FontSize--md); --pf-c-menu-toggle--Color:var(--pf-global--Color--100); --pf-c-menu-toggle--LineHeight:var(--pf-global--LineHeight--md); --pf-c-menu-toggle--BackgroundColor:transparent; --pf-c-menu-toggle--before--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--before--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--before--BorderBottomWidth:0; --pf-c-menu-toggle--before--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--before--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-menu-toggle--before--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-menu-toggle--before--BorderBottomColor:transparent; --pf-c-menu-toggle--before--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-menu-toggle--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--after--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-menu-toggle--hover--BackgroundColor:transparent; --pf-c-menu-toggle--hover--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--hover--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-menu-toggle--focus--BackgroundColor:transparent; --pf-c-menu-toggle--focus--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--focus--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-menu-toggle--active--BackgroundColor:transparent; --pf-c-menu-toggle--active--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--active--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-menu-toggle--m-expanded--Color:var(--pf-global--Color--100); --pf-c-menu-toggle--m-expanded--BackgroundColor:transparent; --pf-c-menu-toggle--m-expanded--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--m-expanded--after--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-menu-toggle--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-menu-toggle--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-menu-toggle--m-primary--Color:var(--pf-global--Color--light-100); --pf-c-menu-toggle--m-primary--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-menu-toggle--m-primary--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-primary--hover--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-menu-toggle--m-primary--focus--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-menu-toggle--m-primary--active--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-menu-toggle--m-primary--m-expanded--Color:var(--pf-global--Color--light-100); --pf-c-menu-toggle--m-secondary--Color:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-secondary--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-menu-toggle--m-secondary--BackgroundColor:transparent; --pf-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-menu-toggle--m-secondary--hover--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--m-secondary--focus--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--m-secondary--active--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-secondary--hover--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-secondary--focus--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-secondary--active--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-secondary--m-expanded--Color:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-menu-toggle--m-plain--Color:var(--pf-global--Color--200); --pf-c-menu-toggle--m-plain--PaddingRight:var(--pf-global--spacer--md); --pf-c-menu-toggle--m-plain--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu-toggle--m-plain--hover--Color:var(--pf-global--Color--100); --pf-c-menu-toggle--m-plain--focus--Color:var(--pf-global--Color--100); --pf-c-menu-toggle--m-plain--active--Color:var(--pf-global--Color--100); --pf-c-menu-toggle--m-plain--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-menu-toggle--m-plain--m-expanded--Color:var(--pf-global--Color--100); --pf-c-menu-toggle__icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-menu-toggle__image--MarginRight:var(--pf-global--spacer--sm); --pf-c-menu-toggle__count--MarginLeft:var(--pf-global--spacer--sm); --pf-c-menu-toggle__controls--PaddingLeft:var(--pf-global--spacer--md); --pf-c-menu-toggle__toggle-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-menu-toggle--m-full-height--PaddingRight:var(--pf-global--spacer--lg); --pf-c-menu-toggle--m-full-height--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth:0; --pf-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth:var(--pf-global--BorderWidth--xl); --pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth:var(--pf-global--BorderWidth--xl); position: relative; display: inline-flex; align-items: center; max-width: 100%; padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft); font-size: var(--pf-c-menu-toggle--FontSize); line-height: var(--pf-c-menu-toggle--LineHeight); color: var(--pf-c-menu-toggle--Color); background-color: var(--pf-c-menu-toggle--BackgroundColor); border: 0; border-radius: var(--pf-c-menu-toggle--BorderRadius); } .pf-c-menu-toggle:after, .pf-c-menu-toggle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .pf-c-menu-toggle:before { border-color: var(--pf-c-menu-toggle--before--BorderTopColor) var(--pf-c-menu-toggle--before--BorderRightColor) var(--pf-c-menu-toggle--before--BorderBottomColor) var(--pf-c-menu-toggle--before--BorderLeftColor); border-style: solid; border-width: var(--pf-c-menu-toggle--before--BorderTopWidth) var(--pf-c-menu-toggle--before--BorderRightWidth) var(--pf-c-menu-toggle--before--BorderBottomWidth) var(--pf-c-menu-toggle--before--BorderLeftWidth); } .pf-c-menu-toggle:after { border-bottom: var(--pf-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--after--BorderBottomColor); } .pf-c-menu-toggle.pf-m-primary { --pf-c-menu-toggle--BorderRadius:var(--pf-c-menu-toggle--m-primary--BorderRadius); --pf-c-menu-toggle--Color:var(--pf-c-menu-toggle--m-primary--Color); --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--m-primary--BackgroundColor); --pf-c-menu-toggle--hover--BackgroundColor:var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor); --pf-c-menu-toggle--focus--BackgroundColor:var(--pf-c-menu-toggle--m-primary--focus--BackgroundColor); --pf-c-menu-toggle--active--BackgroundColor:var(--pf-c-menu-toggle--m-primary--active--BackgroundColor); --pf-c-menu-toggle--m-expanded--Color:var(--pf-c-menu-toggle--m-primary--m-expanded--Color); --pf-c-menu-toggle--m-expanded--BackgroundColor:var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor); } .pf-c-menu-toggle.pf-m-primary, .pf-c-menu-toggle.pf-m-primary:before { border-radius: var(--pf-c-menu-toggle--m-primary--BorderRadius); } .pf-c-menu-toggle.pf-m-secondary { --pf-c-menu-toggle--Color:var(--pf-c-menu-toggle--m-secondary--Color); --pf-c-menu-toggle--m-expanded--Color:var(--pf-c-menu-toggle--m-secondary--m-expanded--Color); } .pf-c-menu-toggle.pf-m-secondary, .pf-c-menu-toggle.pf-m-secondary:before { border-radius: var(--pf-c-menu-toggle--m-secondary--BorderRadius); } .pf-c-menu-toggle.pf-m-secondary:before { border-color: var(--pf-c-menu-toggle--m-secondary--before--BorderColor); border-width: var(--pf-c-menu-toggle--m-secondary--before--BorderWidth); } .pf-c-menu-toggle.pf-m-secondary:after { border: 0; } .pf-c-menu-toggle.pf-m-secondary:hover { --pf-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-c-menu-toggle--m-secondary--hover--before--BorderColor); --pf-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-c-menu-toggle--m-secondary--hover--before--BorderWidth); } .pf-c-menu-toggle.pf-m-secondary:focus { --pf-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-c-menu-toggle--m-secondary--focus--before--BorderColor); --pf-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-c-menu-toggle--m-secondary--focus--before--BorderWidth); } .pf-c-menu-toggle.pf-m-secondary:active { --pf-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-c-menu-toggle--m-secondary--active--before--BorderColor); --pf-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-c-menu-toggle--m-secondary--active--before--BorderWidth); } .pf-c-menu-toggle.pf-m-secondary.pf-m-expanded { --pf-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor); --pf-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth); } .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) { --pf-c-menu-toggle--Color:var(--pf-c-menu-toggle--m-plain--Color); --pf-c-menu-toggle--hover--Color:var(--pf-c-menu-toggle--m-plain--hover--Color); --pf-c-menu-toggle--focus--Color:var(--pf-c-menu-toggle--m-plain--hover--Color); --pf-c-menu-toggle--active--Color:var(--pf-c-menu-toggle--m-plain--hover--Color); --pf-c-menu-toggle--disabled--Color:var(--pf-c-menu-toggle--m-plain--disabled--Color); --pf-c-menu-toggle--PaddingRight:var(--pf-c-menu-toggle--m-plain--PaddingRight); --pf-c-menu-toggle--PaddingLeft:var(--pf-c-menu-toggle--m-plain--PaddingLeft); --pf-c-menu-toggle--disabled--BackgroundColor:transparent; --pf-c-menu-toggle--m-expanded--Color:var(--pf-c-menu-toggle--m-plain--m-expanded--Color); display: inline-block; } .pf-c-menu-toggle:hover { --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--hover--BackgroundColor); --pf-c-menu-toggle--after--BorderBottomWidth:var(--pf-c-menu-toggle--hover--after--BorderBottomWidth); --pf-c-menu-toggle--after--BorderBottomColor:var(--pf-c-menu-toggle--hover--after--BorderBottomColor); } .pf-c-menu-toggle:focus { --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--focus--BackgroundColor); --pf-c-menu-toggle--after--BorderBottomWidth:var(--pf-c-menu-toggle--focus--after--BorderBottomWidth); --pf-c-menu-toggle--after--BorderBottomColor:var(--pf-c-menu-toggle--focus--after--BorderBottomColor); } .pf-c-menu-toggle:active { --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--active--BackgroundColor); --pf-c-menu-toggle--after--BorderBottomWidth:var(--pf-c-menu-toggle--active--after--BorderBottomWidth); --pf-c-menu-toggle--after--BorderBottomColor:var(--pf-c-menu-toggle--active--after--BorderBottomColor); } .pf-c-menu-toggle.pf-m-expanded { --pf-c-menu-toggle--Color:var(--pf-c-menu-toggle--m-expanded--Color); --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--m-expanded--BackgroundColor); --pf-c-menu-toggle--after--BorderBottomWidth:var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth); --pf-c-menu-toggle--after--BorderBottomColor:var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor); } .pf-c-menu-toggle:disabled { --pf-c-menu-toggle--Color:var(--pf-c-menu-toggle--disabled--Color); --pf-c-menu-toggle--BackgroundColor:var(--pf-c-menu-toggle--disabled--BackgroundColor); pointer-events: none; } .pf-c-menu-toggle.pf-m-plain:after, .pf-c-menu-toggle.pf-m-plain:before, .pf-c-menu-toggle.pf-m-primary:after, .pf-c-menu-toggle.pf-m-primary:before, .pf-c-menu-toggle:disabled:after, .pf-c-menu-toggle:disabled:before { border: 0; } .pf-c-menu-toggle.pf-m-full-height { --pf-c-menu-toggle--PaddingRight:var(--pf-c-menu-toggle--m-full-height--PaddingRight); --pf-c-menu-toggle--PaddingLeft:var(--pf-c-menu-toggle--m-full-height--PaddingLeft); --pf-c-menu-toggle--before--BorderTopWidth:var(--pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth); --pf-c-menu-toggle--m-expanded--after--BorderBottomWidth:var(--pf-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth); --pf-c-menu-toggle--hover--after--BorderBottomWidth:var(--pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth); --pf-c-menu-toggle--focus--after--BorderBottomWidth:var(--pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth); --pf-c-menu-toggle--active--after--BorderBottomWidth:var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth); height: 100%; } .pf-c-menu-toggle__icon { margin-right: var(--pf-c-menu-toggle__icon--MarginRight); } .pf-c-menu-toggle__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .pf-c-menu-toggle__count { display: flex; align-items: center; margin-left: var(--pf-c-menu-toggle__count--MarginLeft); } .pf-c-menu-toggle__controls { padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft); margin-left: auto; } .pf-c-menu-toggle__toggle-icon { margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight); } .pf-c-modal-box { --pf-c-modal-box--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-modal-box--BoxShadow:var(--pf-global--BoxShadow--xl); --pf-c-modal-box--ZIndex:var(--pf-global--ZIndex--xl); --pf-c-modal-box--Width:100%; --pf-c-modal-box--MaxWidth:calc(100% - var(--pf-global--spacer--xl)); --pf-c-modal-box--m-sm--sm--MaxWidth:35rem; --pf-c-modal-box--m-md--Width:52.5rem; --pf-c-modal-box--m-lg--lg--MaxWidth:70rem; --pf-c-modal-box--MaxHeight:calc(100% - var(--pf-global--spacer--2xl)); --pf-c-modal-box--m-align-top--spacer:var(--pf-global--spacer--sm); --pf-c-modal-box--m-align-top--xl--spacer:var(--pf-global--spacer--xl); --pf-c-modal-box--m-align-top--MarginTop:var(--pf-c-modal-box--m-align-top--spacer); --pf-c-modal-box--m-align-top--MaxHeight:calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer), var(--pf-global--spacer--2xl)) - var(--pf-c-modal-box--m-align-top--spacer)); --pf-c-modal-box--m-align-top--MaxWidth:calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer) * 2, var(--pf-global--spacer--xl))); --pf-c-modal-box--m-danger__title-icon--Color:var(--pf-global--danger-color--100); --pf-c-modal-box--m-warning__title-icon--Color:var(--pf-global--warning-color--100); --pf-c-modal-box--m-success__title-icon--Color:var(--pf-global--success-color--100); --pf-c-modal-box--m-info__title-icon--Color:var(--pf-global--info-color--100); --pf-c-modal-box--m-default__title-icon--Color:var(--pf-global--default-color--200); --pf-c-modal-box__header--PaddingTop:var(--pf-global--spacer--lg); --pf-c-modal-box__header--PaddingRight:var(--pf-global--spacer--lg); --pf-c-modal-box__header--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-modal-box__header--last-child--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-modal-box__title--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-modal-box__title--FontFamily:var(--pf-global--FontFamily--heading--sans-serif); --pf-c-modal-box__title--FontSize:var(--pf-global--FontSize--2xl); --pf-c-modal-box__title-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-modal-box__title-icon--Color:var(--pf-global--Color--100); --pf-c-modal-box__description--PaddingTop:var(--pf-global--spacer--xs); --pf-c-modal-box__body--MinHeight:calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md)); --pf-c-modal-box__body--PaddingTop:var(--pf-global--spacer--lg); --pf-c-modal-box__body--PaddingRight:var(--pf-global--spacer--lg); --pf-c-modal-box__body--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-modal-box__body--last-child--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-modal-box__header--body--PaddingTop:var(--pf-global--spacer--md); --pf-c-modal-box--c-button--Top:calc(var(--pf-global--spacer--lg)); --pf-c-modal-box--c-button--Right:var(--pf-global--spacer--md); --pf-c-modal-box--c-button--sibling--MarginRight:calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm)); --pf-c-modal-box__footer--PaddingTop:var(--pf-global--spacer--lg); --pf-c-modal-box__footer--PaddingRight:var(--pf-global--spacer--lg); --pf-c-modal-box__footer--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-modal-box__footer--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-modal-box__footer--c-button--MarginRight:var(--pf-global--spacer--md); --pf-c-modal-box__footer--c-button--sm--MarginRight:calc(var(--pf-c-modal-box__footer--c-button--MarginRight)/2); position: relative; z-index: var(--pf-c-modal-box--ZIndex); display: flex; flex-direction: column; width: var(--pf-c-modal-box--Width); max-width: var(--pf-c-modal-box--MaxWidth); max-height: var(--pf-c-modal-box--MaxHeight); background-color: var(--pf-c-modal-box--BackgroundColor); box-shadow: var(--pf-c-modal-box--BoxShadow); } @media (min-width:1200px) { .pf-c-modal-box { --pf-c-modal-box--m-align-top--spacer:var(--pf-c-modal-box--m-align-top--xl--spacer); } } .pf-c-modal-box.pf-m-sm { --pf-c-modal-box--Width:var(--pf-c-modal-box--m-sm--sm--MaxWidth); } .pf-c-modal-box.pf-m-md { --pf-c-modal-box--Width:var(--pf-c-modal-box--m-md--Width); } .pf-c-modal-box.pf-m-lg { --pf-c-modal-box--Width:var(--pf-c-modal-box--m-lg--lg--MaxWidth); } .pf-c-modal-box.pf-m-align-top { top: var(--pf-c-modal-box--m-align-top--MarginTop); align-self: flex-start; max-width: var(--pf-c-modal-box--m-align-top--MaxWidth); max-height: var(--pf-c-modal-box--m-align-top--MaxHeight); } .pf-c-modal-box.pf-m-danger { --pf-c-modal-box__title-icon--Color:var(--pf-c-modal-box--m-danger__title-icon--Color); } .pf-c-modal-box.pf-m-warning { --pf-c-modal-box__title-icon--Color:var(--pf-c-modal-box--m-warning__title-icon--Color); } .pf-c-modal-box.pf-m-success { --pf-c-modal-box__title-icon--Color:var(--pf-c-modal-box--m-success__title-icon--Color); } .pf-c-modal-box.pf-m-default { --pf-c-modal-box__title-icon--Color:var(--pf-c-modal-box--m-default__title-icon--Color); } .pf-c-modal-box.pf-m-info { --pf-c-modal-box__title-icon--Color:var(--pf-c-modal-box--m-info__title-icon--Color); } .pf-c-modal-box > .pf-c-button { position: absolute; top: var(--pf-c-modal-box--c-button--Top); right: var(--pf-c-modal-box--c-button--Right); } .pf-c-modal-box > .pf-c-button + * { margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight); } .pf-c-modal-box__header { display: flex; flex-direction: column; flex-shrink: 0; padding-top: var(--pf-c-modal-box__header--PaddingTop); padding-right: var(--pf-c-modal-box__header--PaddingRight); padding-left: var(--pf-c-modal-box__header--PaddingLeft); } .pf-c-modal-box__header.pf-m-help { display: flex; flex-direction: row; } .pf-c-modal-box__header:last-child { padding-bottom: var(--pf-c-modal-box__header--last-child--PaddingBottom); } .pf-c-modal-box__header + .pf-c-modal-box__body { --pf-c-modal-box__body--PaddingTop:var(--pf-c-modal-box__header--body--PaddingTop); } .pf-c-modal-box__header-main { flex-grow: 1; min-width: 0; } .pf-c-modal-box__title, .pf-c-modal-box__title-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pf-c-modal-box__title { flex: 0 0 auto; font-family: var(--pf-c-modal-box__title--FontFamily); font-size: var(--pf-c-modal-box__title--FontSize); line-height: var(--pf-c-modal-box__title--LineHeight); } .pf-c-modal-box__title.pf-m-icon { display: flex; } .pf-c-modal-box__title-icon { margin-right: var(--pf-c-modal-box__title-icon--MarginRight); color: var(--pf-c-modal-box__title-icon--Color); } .pf-c-modal-box__description { padding-top: var(--pf-c-modal-box__description--PaddingTop); } .pf-c-modal-box__body { flex: 1 1 auto; min-height: var(--pf-c-modal-box__body--MinHeight); padding-top: var(--pf-c-modal-box__body--PaddingTop); padding-right: var(--pf-c-modal-box__body--PaddingRight); padding-left: var(--pf-c-modal-box__body--PaddingLeft); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; word-break: break-word; -webkit-overflow-scrolling: touch; } .pf-c-modal-box__body:last-child { padding-bottom: var(--pf-c-modal-box__body--last-child--PaddingBottom); } .pf-c-modal-box__footer { display: flex; flex: 0 0 auto; align-items: center; padding-top: var(--pf-c-modal-box__footer--PaddingTop); padding-right: var(--pf-c-modal-box__footer--PaddingRight); padding-bottom: var(--pf-c-modal-box__footer--PaddingBottom); padding-left: var(--pf-c-modal-box__footer--PaddingLeft); } .pf-c-modal-box__footer > .pf-c-button:not(:last-child) { margin-right: var(--pf-c-modal-box__footer--c-button--MarginRight); } @media screen and (min-width:576px) { .pf-c-modal-box__footer > .pf-c-button:not(:last-child) { --pf-c-modal-box__footer--c-button--MarginRight:var(--pf-c-modal-box__footer--c-button--sm--MarginRight); } } .pf-c-nav { --pf-c-nav--Transition:var(--pf-global--Transition); --pf-c-nav--m-light__item--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-nav--m-light__link--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-light__link--hover--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-light__link--focus--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-light__link--active--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-light__link--m-current--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-light__link--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-nav--m-light__link--focus--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-nav--m-light__link--active--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-nav--m-light__link--m-current--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-nav--m-light__link--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-nav--m-light__link--after--BorderColor:var(--pf-global--active-color--100); --pf-c-nav--m-light__link--m-current--after--BorderColor:var(--pf-global--active-color--100); --pf-c-nav--m-light__section-title--Color:var(--pf-global--Color--dark-200); --pf-c-nav--m-light__section-title--BorderBottomColor:var(--pf-global--BorderColor--300); --pf-c-nav--m-light--c-divider--BackgroundColor:var(--pf-global--BorderColor--300); --pf-c-nav--m-light__subnav__link--hover--after--BorderColor:var(--pf-global--BorderColor--dark-100); --pf-c-nav--m-light__subnav__link--focus--after--BorderColor:var(--pf-global--BorderColor--dark-100); --pf-c-nav--m-light__subnav__link--active--after--BorderColor:var(--pf-global--BorderColor--dark-100); --pf-c-nav--m-light__subnav__link--m-current--after--BorderColor:var(--pf-global--active-color--100); --pf-c-nav__item--MarginTop:0; --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-global--BackgroundColor--dark-400); --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth:var(--pf-global--BorderWidth--xl); --pf-c-nav__item__item__link--PaddingRight:var(--pf-global--spacer--xl); --pf-c-nav__item__item__toggle--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav__item__toggle-icon--Rotate:0; --pf-c-nav__item--m-expanded__toggle-icon--Rotate:90deg; --pf-c-nav__item--before--BorderColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__item--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__link--FontSize:var(--pf-global--FontSize--md); --pf-c-nav__link--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-nav__link--PaddingTop:var(--pf-global--spacer--md); --pf-c-nav__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav__link--PaddingBottom:var(--pf-global--spacer--md); --pf-c-nav__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav__link--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__link--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__link--Color:var(--pf-global--Color--light-100); --pf-c-nav__link--hover--Color:var(--pf-global--Color--light-100); --pf-c-nav__link--focus--Color:var(--pf-global--Color--light-100); --pf-c-nav__link--active--Color:var(--pf-global--Color--light-100); --pf-c-nav__link--m-current--Color:var(--pf-global--Color--light-100); --pf-c-nav__link--BackgroundColor:transparent; --pf-c-nav__link--hover--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__link--focus--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__link--active--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__link--m-current--BackgroundColor:var(--pf-global--BackgroundColor--dark-400); --pf-c-nav__link--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-nav__link--before--BorderColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__link--hover--before--BorderBottomWidth:0; --pf-c-nav__link--focus--before--BorderBottomWidth:0; --pf-c-nav__link--active--before--BorderBottomWidth:0; --pf-c-nav__link--m-current--before--BorderBottomWidth:0; --pf-c-nav__link--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__link--hover--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__link--focus--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__link--active--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__link--m-current--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__link--after--BorderLeftWidth:0; --pf-c-nav__link--hover--after--BorderLeftWidth:0; --pf-c-nav__link--focus--after--BorderLeftWidth:0; --pf-c-nav__link--active--after--BorderLeftWidth:0; --pf-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-global--BorderWidth--xl); --pf-c-nav--m-horizontal__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav--m-horizontal__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav--m-horizontal__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal__link--lg--PaddingTop:var(--pf-global--spacer--lg); --pf-c-nav--m-horizontal__link--lg--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-nav--m-horizontal__link--Right:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal__link--Left:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal__link--Color:var(--pf-global--Color--light-300); --pf-c-nav--m-horizontal__link--hover--Color:var(--pf-global--active-color--400); --pf-c-nav--m-horizontal__link--focus--Color:var(--pf-global--active-color--400); --pf-c-nav--m-horizontal__link--active--Color:var(--pf-global--active-color--400); --pf-c-nav--m-horizontal__link--m-current--Color:var(--pf-global--active-color--400); --pf-c-nav--m-horizontal__link--BackgroundColor:transparent; --pf-c-nav--m-horizontal__link--hover--BackgroundColor:transparent; --pf-c-nav--m-horizontal__link--focus--BackgroundColor:transparent; --pf-c-nav--m-horizontal__link--active--BackgroundColor:transparent; --pf-c-nav--m-horizontal__link--m-current--BackgroundColor:transparent; --pf-c-nav--m-horizontal__link--before--BorderColor:var(--pf-global--active-color--400); --pf-c-nav--m-horizontal__link--before--BorderWidth:0; --pf-c-nav--m-horizontal__link--hover--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-horizontal__link--focus--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-horizontal__link--active--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-horizontal__link--m-current--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-tertiary__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav--m-tertiary__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav--m-tertiary__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav--m-tertiary__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav--m-tertiary__link--Right:var(--pf-global--spacer--md); --pf-c-nav--m-tertiary__link--Left:var(--pf-global--spacer--md); --pf-c-nav--m-tertiary__link--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-tertiary__link--hover--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__link--focus--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__link--active--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__link--m-current--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__link--BackgroundColor:transparent; --pf-c-nav--m-tertiary__link--hover--BackgroundColor:transparent; --pf-c-nav--m-tertiary__link--focus--BackgroundColor:transparent; --pf-c-nav--m-tertiary__link--active--BackgroundColor:transparent; --pf-c-nav--m-tertiary__link--m-current--BackgroundColor:transparent; --pf-c-nav--m-tertiary__link--before--BorderColor:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__link--before--BorderWidth:0; --pf-c-nav--m-tertiary__link--hover--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-tertiary__link--focus--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-tertiary__link--active--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-tertiary__link--m-current--before--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-nav--m-tertiary__scroll-button--Color:var(--pf-global--Color--dark-100); --pf-c-nav--m-tertiary__scroll-button--hover--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__scroll-button--focus--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__scroll-button--active--Color:var(--pf-global--active-color--100); --pf-c-nav--m-tertiary__scroll-button--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-nav--m-tertiary__scroll-button--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor:var(--pf-global--disabled-color--300); --pf-c-nav--m-horizontal-subnav__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav--m-horizontal-subnav__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal-subnav__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav--m-horizontal-subnav__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom:var(--pf-global--spacer--md); --pf-c-nav--m-horizontal-subnav__link--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav--m-horizontal-subnav__link--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav--m-horizontal-subnav__link--Color:var(--pf-global--Color--light-200); --pf-c-nav--m-horizontal-subnav__link--hover--Color:var(--pf-global--Color--light-100); --pf-c-nav--m-horizontal-subnav__link--focus--Color:var(--pf-global--Color--light-100); --pf-c-nav--m-horizontal-subnav__link--active--Color:var(--pf-global--Color--light-100); --pf-c-nav--m-horizontal-subnav__link--m-current--Color:var(--pf-global--Color--light-100); --pf-c-nav--m-horizontal-subnav__link--BackgroundColor:transparent; --pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor:var(--pf-global--BackgroundColor--dark-400); --pf-c-nav--m-horizontal-subnav__link--before--BorderColor:transparent; --pf-c-nav--m-horizontal-subnav__link--after--BorderColor:var(--pf-global--palette--black-800); --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor:var(--pf-global--palette--black-800); --pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor:var(--pf-global--palette--black-800); --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor:var(--pf-global--palette--black-800); --pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__subnav--PaddingBottom:var(--pf-global--spacer--md); --pf-c-nav__subnav--xl--PaddingLeft:var(--pf-c-nav__link--PaddingLeft); --pf-c-nav__subnav__link--MarginTop:0; --pf-c-nav__subnav__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav__subnav__link--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__subnav__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav__subnav__link--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__subnav__link--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav__subnav__link--hover--after--BorderColor:var(--pf-global--BorderColor--200); --pf-c-nav__subnav__link--focus--after--BorderColor:var(--pf-global--BorderColor--200); --pf-c-nav__subnav__link--active--after--BorderColor:var(--pf-global--BorderColor--200); --pf-c-nav__subnav__link--m-current--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__subnav__link--hover--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__subnav__link--focus--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__subnav__link--active--after--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__subnav__link--m-current--after--BorderWidth:var(--pf-global--BorderWidth--xl); --pf-c-nav__subnav--MaxHeight:0; --pf-c-nav__subnav__subnav--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__subnav__subnav__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav__subnav__subnav__link--FontSize:var(--pf-global--FontSize--xs); --pf-c-nav__item--m-expanded__subnav--MaxHeight:100%; --pf-c-nav__subnav--c-divider--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__subnav--c-divider--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__section--MarginTop:var(--pf-global--spacer--sm); --pf-c-nav__section__item--MarginTop:var(--pf-global--spacer--sm); --pf-c-nav__section__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav__section__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav__section__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav__section__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav__section__link--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__section__link--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__section__link--FontSize:var(--pf-global--FontSize--md); --pf-c-nav__section__link--before--BorderBottomWidth:0; --pf-c-nav__section__link--hover--after--BorderColor:transparent; --pf-c-nav__section__link--focus--after--BorderColor:transparent; --pf-c-nav__section__link--active--after--BorderColor:transparent; --pf-c-nav__section__link--m-current--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav__section__link--hover--after--BorderWidth:0; --pf-c-nav__section__link--focus--after--BorderWidth:0; --pf-c-nav__section__link--active--after--BorderWidth:0; --pf-c-nav__section__link--m-current--after--BorderWidth:var(--pf-global--BorderWidth--xl); --pf-c-nav__section--section--MarginTop:var(--pf-global--spacer--xl); --pf-c-nav__section-title--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav__section-title--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav__section-title--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav__section-title--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav__section-title--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__section-title--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__section-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav__section-title--Color:var(--pf-global--Color--light-100); --pf-c-nav__section-title--BorderBottomColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__section-title--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__scroll-button--Color:var(--pf-global--Color--light-100); --pf-c-nav__scroll-button--hover--Color:var(--pf-global--active-color--400); --pf-c-nav__scroll-button--focus--Color:var(--pf-global--active-color--400); --pf-c-nav__scroll-button--active--Color:var(--pf-global--active-color--400); --pf-c-nav__scroll-button--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-nav__scroll-button--BackgroundColor:transparent; --pf-c-nav__scroll-button--Width:var(--pf-global--target-size--MinWidth); --pf-c-nav__scroll-button--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-nav__scroll-button--Transition:margin .125s,transform .125s,opacity .125s; --pf-c-nav__scroll-button--before--BorderColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__scroll-button--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__scroll-button--before--BorderRightWidth:0; --pf-c-nav__scroll-button--before--BorderLeftWidth:0; --pf-c-nav__scroll-button--disabled--before--BorderColor:transparent; --pf-c-nav__toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-nav__toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-nav__toggle--FontSize:var(--pf-global--icon--FontSize--md); --pf-c-nav__toggle-icon--Transition:var(--pf-global--TransitionDuration); --pf-c-nav--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-nav--c-divider--MarginBottom:var(--pf-global--spacer--sm); --pf-c-nav--c-divider--PaddingRight:0; --pf-c-nav--c-divider--PaddingLeft:0; --pf-c-nav--c-divider--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__list--ScrollSnapTypeAxis:x; --pf-c-nav__list--ScrollSnapTypeStrictness:proximity; --pf-c-nav__list--ScrollSnapType:var(--pf-c-nav__list--ScrollSnapTypeAxis) var(--pf-c-nav__list--ScrollSnapTypeStrictness); --pf-c-nav__item--ScrollSnapAlign:end; --pf-c-nav__item--m-flyout--c-menu--top-offset:0px; --pf-c-nav__item--m-flyout--c-menu--left-offset:0.25rem; --pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset:0px; --pf-c-nav__item--m-flyout--c-menu--m-left--right-offset:0.25rem; --pf-c-nav__item--m-flyout--MarginTop:0; --pf-c-nav__item--m-flyout--hover__link--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__item--m-flyout--focus__link--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__item--m-flyout--active__link--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav__item--m-flyout--hover__link--before--BorderWidth:0; --pf-c-nav__item--m-flyout--focus__link--before--BorderWidth:0; --pf-c-nav__item--m-flyout--active__link--before--BorderWidth:0; --pf-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth:0; --pf-c-nav__item--m-flyout--c-menu--Top:calc(var(--pf-c-nav__item--m-flyout--c-menu--top-offset)); --pf-c-nav__item--m-flyout--c-menu--c-menu--Top:calc(var(--pf-c-nav__item--m-flyout--c-menu--Top) - var(--pf-c-nav__item--before--BorderWidth)); --pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top:0; --pf-c-nav__item--m-flyout--c-menu--Left:calc(100% - var(--pf-c-nav__item--m-flyout--c-menu--left-offset)); --pf-c-nav__item--m-flyout--c-menu--m-left--Right:calc(100% - var(--pf-c-nav__item--m-flyout--c-menu--m-left--right-offset)); --pf-c-nav__item--m-flyout--c-menu--m-top--Bottom:calc(var(--pf-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)); --pf-c-nav__item--m-flyout--c-menu--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-nav__item--m-flyout--c-menu__item--Color:var(--pf-c-nav__link--Color); --pf-c-nav__item--m-flyout--c-menu__item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav__item--m-flyout--c-menu__item--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav__item--m-flyout--c-menu__item-description--Color:var(--pf-global--Color--light-200); --pf-c-nav__item--m-flyout--c-menu__item--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset:var(--pf-c-nav__link--OutlineOffset); --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth:var(--pf-c-nav__item--before--BorderWidth); --pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor:var(--pf-c-nav__item--before--BorderColor); --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor:var(--pf-global--BorderColor--200); --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top:calc(var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)*-1); --pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor:var(--pf-c-nav__link--hover--BackgroundColor); --pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor:var(--pf-c-nav__link--focus--BackgroundColor); --pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor:var(--pf-c-nav__link--active--BackgroundColor); --pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top:0; --pf-c-nav__item--m-flyout--c-menu--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-nav--c-menu--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-nav--c-menu__list--PaddingTop:0; --pf-c-nav--c-menu__list--PaddingBottom:0; --pf-c-nav--c-menu__list-item--Color:var(--pf-global--Color--light-100); --pf-c-nav--c-menu__list-item--hover--Color:var(--pf-global--Color--light-100); --pf-c-nav--c-menu__list-item--active--Color:var(--pf-global--Color--light-100); --pf-c-nav--c-menu__list-item--focus-within--Color:var(--pf-global--Color--light-100); --pf-c-nav--c-menu__list-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--c-menu__item--PaddingTop:var(--pf-global--spacer--md); --pf-c-nav--c-menu__item--PaddingRight:var(--pf-global--spacer--md); --pf-c-nav--c-menu__item--PaddingBottom:var(--pf-global--spacer--md); --pf-c-nav--c-menu__item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-nav--c-menu__item--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav--c-menu__item--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav--c-menu__item--FontSize:var(--pf-global--FontSize--sm); --pf-c-nav--c-menu__item--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-nav--c-menu__item--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav--c-menu__item--before--BorderBottomColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-nav--c-menu__item--after--BorderLeftWidth:0; --pf-c-nav--c-menu__item--after--BorderLeftColor:transparent; --pf-c-nav--c-menu__item--m-current--BackgroundColor:var(--pf-global--BackgroundColor--dark-400); --pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth:var(--pf-global--BorderWidth--xl); --pf-c-nav--c-menu__item--m-current--after--BorderColor:var(--pf-global--active-color--400); --pf-c-nav--c-menu__item-description--Color:var(--pf-global--Color--400); --pf-c-nav--c-menu--m-flyout--left-offset:0.25rem; --pf-c-nav--c-menu--m-flyout--m-left--right-offset:0.25rem; --pf-c-nav--c-menu--m-flyout--Top:0; --pf-c-nav--c-menu--m-flyout--c-menu--Top:calc(var(--pf-c-nav--c-menu--m-flyout--Top)*-1); --pf-c-nav--c-menu--m-flyout--c-menu--Right:auto; --pf-c-nav--c-menu--m-flyout--c-menu--Bottom:auto; --pf-c-nav--c-menu--m-flyout--c-menu--Left:calc(100% - var(--pf-c-nav--c-menu--m-flyout--left-offset)); --pf-c-nav--c-menu--m-flyout--m-left--Right:calc(100% - var(--pf-c-nav--c-menu--m-flyout--m-left--right-offset)); --pf-c-nav--c-menu--m-flyout--m-top--Bottom:0; --pf-c-nav--c-menu--m-flyout--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-nav--c-menu--m-flyout__item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-nav--c-menu--m-flyout__item--PaddingRight:var(--pf-global--spacer--lg); --pf-c-nav--c-menu--m-flyout__item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-nav--c-menu--m-flyout__item--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor:var(--pf-global--BorderColor--200); --pf-c-nav__toggle--m-start--MarginRight:var(--pf-global--spacer--sm); position: relative; } @media screen and (min-width:1200px) { .pf-c-nav { --pf-c-nav__link--PaddingRight:var(--pf-c-nav__link--xl--PaddingRight); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav__link--xl--PaddingLeft); --pf-c-nav--m-horizontal-subnav__link--PaddingTop:var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingTop); --pf-c-nav--m-horizontal-subnav__link--PaddingRight:var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingRight); --pf-c-nav--m-horizontal-subnav__link--PaddingBottom:var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingBottom); --pf-c-nav--m-horizontal-subnav__link--PaddingLeft:var(--pf-c-nav--m-horizontal-subnav__link--xl--PaddingLeft); --pf-c-nav__section__link--PaddingRight:var(--pf-c-nav__section__link--xl--PaddingRight); --pf-c-nav__section__link--PaddingLeft:var(--pf-c-nav__section__link--xl--PaddingLeft); --pf-c-nav__section-title--PaddingRight:var(--pf-c-nav__section-title--xl--PaddingRight); --pf-c-nav__section-title--PaddingLeft:var(--pf-c-nav__section-title--xl--PaddingLeft); --pf-c-nav__subnav--PaddingLeft:var(--pf-c-nav__subnav--xl--PaddingLeft); --pf-c-nav--c-menu__item--PaddingRight:var(--pf-c-nav--c-menu__item--xl--PaddingRight); --pf-c-nav--c-menu__item--PaddingLeft:var(--pf-c-nav--c-menu__item--xl--PaddingLeft); } } .pf-c-nav .pf-c-menu { --pf-c-menu--MinWidth:100%; --pf-c-menu--BackgroundColor:var(--pf-c-nav--c-menu--BackgroundColor); --pf-c-menu__list--PaddingTop:var(--pf-c-nav--c-menu__list--PaddingTop); --pf-c-menu__list--PaddingBottom:var(--pf-c-nav--c-menu__list--PaddingBottom); --pf-c-menu__item--PaddingTop:var(--pf-c-nav--c-menu__item--PaddingTop); --pf-c-menu__item--PaddingRight:var(--pf-c-nav--c-menu__item--PaddingRight); --pf-c-menu__item--PaddingBottom:var(--pf-c-nav--c-menu__item--PaddingBottom); --pf-c-menu__item--PaddingLeft:var(--pf-c-nav--c-menu__item--PaddingLeft); --pf-c-menu__list-item--Color:var(--pf-c-nav--c-menu__list-item--Color); --pf-c-menu__list-item--hover--Color:var(--pf-c-nav--c-menu__list-item--hover--Color); --pf-c-menu__list-item--active--Color:var(--pf-c-nav--c-menu__list-item--active--Color); --pf-c-menu__list-item--focus-within--Color:var(--pf-c-nav--c-menu__list-item--focus-within--Color); --pf-c-menu__list-item--hover--BackgroundColor:var(--pf-c-nav--c-menu__list-item--hover--BackgroundColor); --pf-c-menu__list-item--focus-within--BackgroundColor:var(--pf-c-nav--c-menu__list-item--focus-within--BackgroundColor); --pf-c-menu__item-description--Color:var(--pf-c-nav--c-menu__item-description--Color); } .pf-c-nav .pf-c-menu:first-child > .pf-c-menu__content { border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor); } .pf-c-nav .pf-c-menu.pf-m-flyout, .pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu { --pf-c-menu--BoxShadow:var(--pf-c-nav--c-menu--m-flyout--BoxShadow); --pf-c-menu__list--PaddingTop:0; --pf-c-menu__list--PaddingBottom:0; --pf-c-menu__item--FontSize:var(--pf-c-nav--c-menu__item--FontSize); --pf-c-menu__item--Color:var(--pf-c-nav--c-menu__item--Color); --pf-c-menu__item--PaddingTop:var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop); --pf-c-menu__item--PaddingRight:var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight); --pf-c-menu__item--PaddingBottom:var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom); --pf-c-menu__item--PaddingLeft:var(--pf-c-nav--c-menu--m-flyout__item--PaddingLeft); top: var(--pf-c-nav--c-menu--m-flyout--c-menu--Top); right: var(--pf-c-nav--c-menu--m-flyout--c-menu--Right); bottom: var(--pf-c-nav--c-menu--m-flyout--c-menu--Bottom); left: var(--pf-c-nav--c-menu--m-flyout--c-menu--Left); } .pf-c-nav .pf-c-menu.pf-m-flyout .pf-c-menu__item:hover { --pf-c-nav--c-menu__item--after--BorderLeftWidth:var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth); --pf-c-nav--c-menu__item--after--BorderLeftColor:var(--pf-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor); } .pf-c-nav .pf-c-menu.pf-m-top { --pf-c-nav--c-menu--m-flyout--c-menu--Top:auto; --pf-c-nav--c-menu--m-flyout--c-menu--Bottom:var(--pf-c-nav--c-menu--m-flyout--m-top--Bottom); } .pf-c-nav .pf-c-menu.pf-m-left { --pf-c-nav--c-menu--m-flyout--c-menu--Right:var(--pf-c-nav--c-menu--m-flyout--m-left--Right); --pf-c-nav--c-menu--m-flyout--c-menu--Left:auto; } .pf-c-nav .pf-c-menu .pf-c-divider { margin-top: 0; margin-bottom: 0; } .pf-c-nav .pf-c-menu__item { position: relative; outline-offset: var(--pf-c-nav--c-menu__item--OutlineOffset); } .pf-c-nav .pf-c-menu__item:after, .pf-c-nav .pf-c-menu__item:before { position: absolute; top: 0; content: ""; } .pf-c-nav .pf-c-menu__item:before { right: 0; bottom: calc(var(--pf-c-nav--c-menu__item--before--BorderBottomWidth)*-1); left: 0; border-bottom: var(--pf-c-nav--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav--c-menu__item--before--BorderBottomColor); } .pf-c-nav .pf-c-menu__item:after { bottom: 0; left: 0; border-left: var(--pf-c-nav--c-menu__item--after--BorderLeftWidth) solid var(--pf-c-nav--c-menu__item--after--BorderLeftColor); } .pf-c-nav .pf-c-menu__item.pf-m-current { --pf-c-nav--c-menu__item--after--BorderLeftWidth:var(--pf-c-nav--c-menu__item--m-current--after--BorderLeftWidth); --pf-c-nav--c-menu__item--after--BorderLeftColor:var(--pf-c-nav--c-menu__item--m-current--after--BorderColor); background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor); } .pf-c-nav.pf-m-horizontal .pf-c-nav__link:after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link:after { content: none; } .pf-c-nav.pf-m-horizontal, .pf-c-nav.pf-m-horizontal-subnav, .pf-c-nav.pf-m-tertiary { overflow: hidden; } .pf-c-nav.pf-m-horizontal, .pf-c-nav.pf-m-horizontal-subnav, .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list, .pf-c-nav.pf-m-horizontal .pf-c-nav__list, .pf-c-nav.pf-m-tertiary, .pf-c-nav.pf-m-tertiary .pf-c-nav__list { position: relative; display: flex; } .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list, .pf-c-nav.pf-m-horizontal .pf-c-nav__list, .pf-c-nav.pf-m-tertiary .pf-c-nav__list { flex: 1; max-width: 100%; overflow-x: auto; white-space: nowrap; scroll-snap-type: var(--pf-c-nav__list--ScrollSnapType); -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: -ms-autohiding-scrollbar; } .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__list::-webkit-scrollbar, .pf-c-nav.pf-m-horizontal .pf-c-nav__list::-webkit-scrollbar, .pf-c-nav.pf-m-tertiary .pf-c-nav__list::-webkit-scrollbar { display: none; } .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__item, .pf-c-nav.pf-m-horizontal .pf-c-nav__item, .pf-c-nav.pf-m-tertiary .pf-c-nav__item { display: flex; scroll-snap-align: var(--pf-c-nav__item--ScrollSnapAlign); } .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link, .pf-c-nav.pf-m-horizontal .pf-c-nav__link, .pf-c-nav.pf-m-tertiary .pf-c-nav__link { align-items: center; align-self: stretch; white-space: nowrap; } .pf-c-nav.pf-m-horizontal-subnav .pf-c-nav__link:before, .pf-c-nav.pf-m-horizontal .pf-c-nav__link:before, .pf-c-nav.pf-m-tertiary .pf-c-nav__link:before { top: auto; bottom: 0; } .pf-c-nav.pf-m-horizontal .pf-c-nav__link:before { right: var(--pf-c-nav--m-horizontal__link--Right); left: var(--pf-c-nav--m-horizontal__link--Left); } .pf-c-nav.pf-m-tertiary .pf-c-nav__link:before { right: var(--pf-c-nav--m-tertiary__link--Right); left: var(--pf-c-nav--m-tertiary__link--Left); } .pf-c-nav.pf-m-light { --pf-c-nav__item--before--BorderColor:var(--pf-c-nav--m-light__item--before--BorderColor); --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor); --pf-c-nav__link--Color:var(--pf-c-nav--m-light__link--Color); --pf-c-nav__link--hover--Color:var(--pf-c-nav--m-light__link--hover--Color); --pf-c-nav__link--focus--Color:var(--pf-c-nav--m-light__link--focus--Color); --pf-c-nav__link--active--Color:var(--pf-c-nav--m-light__link--active--Color); --pf-c-nav__link--m-current--Color:var(--pf-c-nav--m-light__link--m-current--Color); --pf-c-nav__link--hover--BackgroundColor:var(--pf-c-nav--m-light__link--hover--BackgroundColor); --pf-c-nav__link--focus--BackgroundColor:var(--pf-c-nav--m-light__link--focus--BackgroundColor); --pf-c-nav__link--active--BackgroundColor:var(--pf-c-nav--m-light__link--active--BackgroundColor); --pf-c-nav__link--m-current--BackgroundColor:var(--pf-c-nav--m-light__link--m-current--BackgroundColor); --pf-c-nav__link--before--BorderColor:var(--pf-c-nav--m-light__link--before--BorderColor); --pf-c-nav__link--after--BorderColor:var(--pf-c-nav--m-light__link--after--BorderColor); --pf-c-nav__link--m-current--after--BorderColor:var(--pf-c-nav--m-light__link--m-current--after--BorderColor); --pf-c-nav__subnav__link--hover--after--BorderColor:var(--pf-c-nav--m-light__subnav__link--hover--after--BorderColor); --pf-c-nav__subnav__link--focus--after--BorderColor:var(--pf-c-nav--m-light__subnav__link--focus--after--BorderColor); --pf-c-nav__subnav__link--active--after--BorderColor:var(--pf-c-nav--m-light__subnav__link--active--after--BorderColor); --pf-c-nav__subnav__link--m-current--after--BorderColor:var(--pf-c-nav--m-light__subnav__link--m-current--after--BorderColor); --pf-c-nav__section-title--Color:var(--pf-c-nav--m-light__section-title--Color); --pf-c-nav__section-title--BorderBottomColor:var(--pf-c-nav--m-light__section-title--BorderBottomColor); } .pf-c-nav.pf-m-light .pf-c-divider { --pf-c-divider--after--BackgroundColor:var(--pf-c-nav--m-light--c-divider--BackgroundColor); } .pf-c-nav.pf-m-horizontal { --pf-c-nav__link--PaddingTop:var(--pf-c-nav--m-horizontal__link--PaddingTop); --pf-c-nav__link--PaddingRight:var(--pf-c-nav--m-horizontal__link--PaddingRight); --pf-c-nav__link--PaddingBottom:var(--pf-c-nav--m-horizontal__link--PaddingBottom); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav--m-horizontal__link--PaddingLeft); --pf-c-nav__link--Right:var(--pf-c-nav--m-horizontal__link--Right); --pf-c-nav__link--Left:var(--pf-c-nav--m-horizontal__link--Left); --pf-c-nav__link--Color:var(--pf-c-nav--m-horizontal__link--Color); --pf-c-nav__link--hover--Color:var(--pf-c-nav--m-horizontal__link--hover--Color); --pf-c-nav__link--active--Color:var(--pf-c-nav--m-horizontal__link--active--Color); --pf-c-nav__link--focus--Color:var(--pf-c-nav--m-horizontal__link--focus--Color); --pf-c-nav__link--m-current--Color:var(--pf-c-nav--m-horizontal__link--m-current--Color); --pf-c-nav__link--BackgroundColor:var(--pf-c-nav--m-horizontal__link--BackgroundColor); --pf-c-nav__link--hover--BackgroundColor:var(--pf-c-nav--m-horizontal__link--hover--BackgroundColor); --pf-c-nav__link--focus--BackgroundColor:var(--pf-c-nav--m-horizontal__link--focus--BackgroundColor); --pf-c-nav__link--active--BackgroundColor:var(--pf-c-nav--m-horizontal__link--active--BackgroundColor); --pf-c-nav__link--m-current--BackgroundColor:var(--pf-c-nav--m-horizontal__link--m-current--BackgroundColor); --pf-c-nav__link--before--BorderColor:var(--pf-c-nav--m-horizontal__link--before--BorderColor); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav--m-horizontal__link--before--BorderWidth); --pf-c-nav__link--hover--before--BorderBottomWidth:var(--pf-c-nav--m-horizontal__link--hover--before--BorderWidth); --pf-c-nav__link--focus--before--BorderBottomWidth:var(--pf-c-nav--m-horizontal__link--focus--before--BorderWidth); --pf-c-nav__link--active--before--BorderBottomWidth:var(--pf-c-nav--m-horizontal__link--active--before--BorderWidth); --pf-c-nav__link--m-current--before--BorderBottomWidth:var(--pf-c-nav--m-horizontal__link--m-current--before--BorderWidth); } .pf-c-nav.pf-m-tertiary { --pf-c-nav__link--PaddingTop:var(--pf-c-nav--m-tertiary__link--PaddingTop); --pf-c-nav__link--PaddingRight:var(--pf-c-nav--m-tertiary__link--PaddingRight); --pf-c-nav__link--PaddingBottom:var(--pf-c-nav--m-tertiary__link--PaddingBottom); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav--m-tertiary__link--PaddingLeft); --pf-c-nav__link--Right:var(--pf-c-nav--m-tertiary__link--Right); --pf-c-nav__link--Left:var(--pf-c-nav--m-tertiary__link--Left); --pf-c-nav__link--Color:var(--pf-c-nav--m-tertiary__link--Color); --pf-c-nav__link--hover--Color:var(--pf-c-nav--m-tertiary__link--hover--Color); --pf-c-nav__link--active--Color:var(--pf-c-nav--m-tertiary__link--active--Color); --pf-c-nav__link--focus--Color:var(--pf-c-nav--m-tertiary__link--focus--Color); --pf-c-nav__link--m-current--Color:var(--pf-c-nav--m-tertiary__link--m-current--Color); --pf-c-nav__link--BackgroundColor:var(--pf-c-nav--m-tertiary__link--BackgroundColor); --pf-c-nav__link--hover--BackgroundColor:var(--pf-c-nav--m-tertiary__link--hover--BackgroundColor); --pf-c-nav__link--focus--BackgroundColor:var(--pf-c-nav--m-tertiary__link--focus--BackgroundColor); --pf-c-nav__link--active--BackgroundColor:var(--pf-c-nav--m-tertiary__link--active--BackgroundColor); --pf-c-nav__link--m-current--BackgroundColor:var(--pf-c-nav--m-tertiary__link--m-current--BackgroundColor); --pf-c-nav__link--before--BorderColor:var(--pf-c-nav--m-tertiary__link--before--BorderColor); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav--m-tertiary__link--before--BorderWidth); --pf-c-nav__link--hover--before--BorderBottomWidth:var(--pf-c-nav--m-tertiary__link--hover--before--BorderWidth); --pf-c-nav__link--focus--before--BorderBottomWidth:var(--pf-c-nav--m-tertiary__link--focus--before--BorderWidth); --pf-c-nav__link--active--before--BorderBottomWidth:var(--pf-c-nav--m-tertiary__link--active--before--BorderWidth); --pf-c-nav__link--m-current--before--BorderBottomWidth:var(--pf-c-nav--m-tertiary__link--m-current--before--BorderWidth); --pf-c-nav__scroll-button--Color:var(--pf-c-nav--m-tertiary__scroll-button--Color); --pf-c-nav__scroll-button--hover--Color:var(--pf-c-nav--m-tertiary__scroll-button--hover--Color); --pf-c-nav__scroll-button--focus--Color:var(--pf-c-nav--m-tertiary__scroll-button--focus--Color); --pf-c-nav__scroll-button--active--Color:var(--pf-c-nav--m-tertiary__scroll-button--active--Color); --pf-c-nav__scroll-button--disabled--Color:var(--pf-c-nav--m-tertiary__scroll-button--disabled--Color); --pf-c-nav__scroll-button--before--BorderColor:var(--pf-c-nav--m-tertiary__scroll-button--before--BorderColor); --pf-c-nav__scroll-button--disabled--before--BorderColor:var(--pf-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor); } .pf-c-nav.pf-m-horizontal-subnav { --pf-c-nav__link--FontSize:var(--pf-c-nav--m-horizontal-subnav__link--FontSize); --pf-c-nav__link--PaddingTop:var(--pf-c-nav--m-horizontal-subnav__link--PaddingTop); --pf-c-nav__link--PaddingRight:var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight); --pf-c-nav__link--PaddingBottom:var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft); --pf-c-nav__link--Right:var(--pf-c-nav--m-horizontal-subnav__link--Right); --pf-c-nav__link--Left:var(--pf-c-nav--m-horizontal-subnav__link--Left); --pf-c-nav__link--Color:var(--pf-c-nav--m-horizontal-subnav__link--Color); --pf-c-nav__link--hover--Color:var(--pf-c-nav--m-horizontal-subnav__link--hover--Color); --pf-c-nav__link--active--Color:var(--pf-c-nav--m-horizontal-subnav__link--active--Color); --pf-c-nav__link--focus--Color:var(--pf-c-nav--m-horizontal-subnav__link--focus--Color); --pf-c-nav__link--m-current--Color:var(--pf-c-nav--m-horizontal-subnav__link--m-current--Color); --pf-c-nav__link--BackgroundColor:var(--pf-c-nav--m-horizontal-subnav__link--BackgroundColor); --pf-c-nav__link--hover--BackgroundColor:var(--pf-c-nav--m-horizontal-subnav__link--hover--BackgroundColor); --pf-c-nav__link--focus--BackgroundColor:var(--pf-c-nav--m-horizontal-subnav__link--focus--BackgroundColor); --pf-c-nav__link--active--BackgroundColor:var(--pf-c-nav--m-horizontal-subnav__link--active--BackgroundColor); --pf-c-nav__link--m-current--BackgroundColor:var(--pf-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor); --pf-c-nav__link--before--BorderColor:var(--pf-c-nav--m-horizontal-subnav__link--before--BorderColor); --pf-c-nav__link--after--BorderColor:var(--pf-c-nav--m-horizontal-subnav__link--after--BorderColor); --pf-c-nav__link--hover--after--BorderColor:var(--pf-c-nav--m-horizontal-subnav__link--hover--after--BorderColor); --pf-c-nav__link--active--after--BorderColor:var(--pf-c-nav--m-horizontal-subnav__link--active--after--BorderColor); --pf-c-nav__link--m-current--after--BorderColor:var(--pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor); --pf-c-nav__link--after--BorderLeftWidth:var(--pf-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth); --pf-c-nav__link--hover--after--BorderLeftWidth:var(--pf-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth); --pf-c-nav__link--active--after--BorderLeftWidth:var(--pf-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth); --pf-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth); } .pf-c-nav.pf-m-horizontal-subnav.pf-m-scrollable .pf-c-nav__item:first-child { --pf-c-nav__link--after--BorderLeftWidth:0; --pf-c-nav__link--hover--after--BorderLeftWidth:0; --pf-c-nav__link--active--after--BorderLeftWidth:0; --pf-c-nav__link--m-current--after--BorderLeftWidth:0; } .pf-c-nav .pf-c-divider { --pf-c-divider--after--BackgroundColor:var(--pf-c-nav--c-divider--BackgroundColor); padding-right: var(--pf-c-nav--c-divider--PaddingRight); padding-left: var(--pf-c-nav--c-divider--PaddingLeft); margin-top: var(--pf-c-nav--c-divider--MarginTop); margin-bottom: var(--pf-c-nav--c-divider--MarginBottom); } .pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button { opacity: 1; } .pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:first-of-type { margin-right: 0; transform: translateX(0); } .pf-c-nav.pf-m-scrollable .pf-c-nav__scroll-button:nth-of-type(2) { margin-left: 0; transform: translateX(0); } .pf-c-nav.pf-m-overflow-hidden { overflow: hidden; } .pf-c-nav__list { position: relative; display: block; } .pf-c-nav__item { position: relative; margin-top: var(--pf-c-nav__item--MarginTop); } .pf-c-nav__item.pf-m-expandable { --pf-c-nav__link--before--BorderBottomWidth:0; } .pf-c-nav__item.pf-m-expandable:before { position: absolute; right: 0; bottom: calc(var(--pf-c-nav__item--before--BorderWidth)*-1); left: 0; content: ""; border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor); } .pf-c-nav__item .pf-c-nav__item:not(.pf-m-expanded) .pf-c-nav__toggle-icon { transform: rotate(0); } .pf-c-nav__item .pf-c-nav__item.pf-m-expandable { --pf-c-nav__toggle--FontSize:var(--pf-c-nav__item__item__toggle--FontSize); --pf-c-nav__link--PaddingRight:var(--pf-c-nav__item__item__link--PaddingRight); } @media screen and (min-width:1200px) { .pf-c-nav__item .pf-c-nav__item.pf-m-expandable:before { border-bottom: none; } } .pf-c-nav__item .pf-c-nav__item.pf-m-expandable .pf-c-nav__list:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border-left: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor); } .pf-c-nav__item .pf-c-nav__toggle-icon { transform: rotate(var(--pf-c-nav__item__toggle-icon--Rotate)); } .pf-c-nav__item.pf-m-flyout:hover { --pf-c-nav__link--BackgroundColor:var(--pf-c-nav__item--m-flyout--hover__link--BackgroundColor); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth); } .pf-c-nav__item.pf-m-flyout:focus { --pf-c-nav__link--BackgroundColor:var(--pf-c-nav__item--m-flyout--focus__link--BackgroundColor); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav__item--m-flyout--focus__link--before--BorderWidth); } .pf-c-nav__item.pf-m-flyout:active { --pf-c-nav__link--BackgroundColor:var(--pf-c-nav__item--m-flyout--active__link--BackgroundColor); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav__item--m-flyout--active__link--before--BorderWidth); } .pf-c-nav__item.pf-m-flyout .pf-c-menu { --pf-c-menu--MinWidth:100%; --pf-c-menu--BoxShadow:var(--pf-c-nav__item--m-flyout--c-menu--BoxShadow); --pf-c-menu--BackgroundColor:var(--pf-c-nav__item--m-flyout--c-menu--BackgroundColor); --pf-c-menu__list--PaddingTop:0; --pf-c-menu__list--PaddingBottom:0; --pf-c-menu__list-item--hover--BackgroundColor:var(--pf-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor); --pf-c-menu__list-item--focus-within--BackgroundColor:var(--pf-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor); --pf-c-menu__list-item--active--BackgroundColor:var(--pf-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor); --pf-c-menu__item--FontSize:var(--pf-c-nav__item--m-flyout--c-menu__item--FontSize); --pf-c-menu__item--Color:var(--pf-c-nav__item--m-flyout--c-menu__item--Color); --pf-c-menu__item--PaddingTop:var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingTop); --pf-c-menu__item--PaddingRight:var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingRight); --pf-c-menu__item--PaddingBottom:var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingBottom); --pf-c-menu__item--PaddingLeft:var(--pf-c-nav__item--m-flyout--c-menu__item--PaddingLeft); --pf-c-menu__item-description--Color:var(--pf-c-nav__item--m-flyout--c-menu__item-description--Color); --pf-c-nav--c-menu--m-flyout--c-menu--Bottom:var(--pf-c-nav__item--m-flyout--c-menu--m-top--Bottom); --pf-c-nav--c-menu--m-flyout--c-menu--Right:var(--pf-c-nav__item--m-flyout--c-menu--m-left--Right); position: absolute; top: var(--pf-c-nav__item--m-flyout--c-menu--Top); left: var(--pf-c-nav__item--m-flyout--c-menu--Left); } .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu { top: var(--pf-c-nav__item--m-flyout--c-menu--c-menu--Top); } .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__list-item:first-child { --pf-c-nav__item--m-flyout--c-menu--c-menu--Top:var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top); --pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top:var(--pf-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top); } .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item { position: relative; outline-offset: var(--pf-c-nav__item--m-flyout--c-menu__item--OutlineOffset); } .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:before { position: absolute; right: 0; bottom: 0; left: 0; content: ""; border-bottom: var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth) solid var(--pf-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor); } .pf-c-nav__item.pf-m-flyout .pf-c-menu .pf-c-menu__item:hover:after { position: absolute; top: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--Top); bottom: 0; left: 0; content: ""; border-left: var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth) solid var(--pf-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor); } .pf-c-nav__item.pf-m-drilldown.pf-m-expanded > .pf-c-nav__subnav { left: 0; z-index: var(--pf-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex); } .pf-c-nav__link { position: relative; display: flex; align-items: baseline; padding: var(--pf-c-nav__link--PaddingTop) var(--pf-c-nav__link--PaddingRight) var(--pf-c-nav__link--PaddingBottom) var(--pf-c-nav__link--PaddingLeft); font-size: var(--pf-c-nav__link--FontSize); font-weight: var(--pf-c-nav__link--FontWeight); color: var(--pf-c-nav__link--Color); background-color: var(--pf-c-nav__link--BackgroundColor); outline-offset: var(--pf-c-nav__link--OutlineOffset); } .pf-c-nav__link:after, .pf-c-nav__link:before { position: absolute; content: ""; border: 0 solid; } .pf-c-nav__link:before { right: 0; bottom: calc(var(--pf-c-nav__link--before--BorderBottomWidth)*-1); left: 0; border-color: var(--pf-c-nav__link--before--BorderColor); border-bottom-width: var(--pf-c-nav__link--before--BorderBottomWidth); } .pf-c-nav__link:after { top: 0; bottom: 0; left: 0; border: 0 solid; border-color: var(--pf-c-nav__link--after--BorderColor); border-left-width: var(--pf-c-nav__link--after--BorderLeftWidth); } .pf-c-nav__link.pf-m-hover, .pf-c-nav__link:hover { color: var(--pf-c-nav__link--hover--Color); background-color: var(--pf-c-nav__link--hover--BackgroundColor); } .pf-c-nav__link.pf-m-hover:before, .pf-c-nav__link:hover:before { border-bottom-width: var(--pf-c-nav__link--hover--before--BorderBottomWidth); } .pf-c-nav__link.pf-m-hover:after, .pf-c-nav__link:hover:after { border-color: var(--pf-c-nav__link--hover--after--BorderColor); border-left-width: var(--pf-c-nav__link--hover--after--BorderLeftWidth); } .pf-c-nav__link:focus { color: var(--pf-c-nav__link--focus--Color); background-color: var(--pf-c-nav__link--focus--BackgroundColor); } .pf-c-nav__link:focus:before { border-bottom-width: var(--pf-c-nav__link--focus--before--BorderBottomWidth); } .pf-c-nav__link:focus:after { border-color: var(--pf-c-nav__link--focus--after--BorderColor); border-left-width: var(--pf-c-nav__link--focus--after--BorderLeftWidth); } .pf-c-nav__link:active { color: var(--pf-c-nav__link--active--Color); background-color: var(--pf-c-nav__link--active--BackgroundColor); } .pf-c-nav__link:active:before { border-bottom-width: var(--pf-c-nav__link--active--before--BorderBottomWidth); } .pf-c-nav__link:active:after { border-color: var(--pf-c-nav__link--active--after--BorderColor); border-left-width: var(--pf-c-nav__link--active--after--BorderLeftWidth); } .pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link, .pf-c-nav__link.pf-m-current, .pf-c-nav__link.pf-m-current:hover { color: var(--pf-c-nav__link--m-current--Color); background-color: var(--pf-c-nav__link--m-current--BackgroundColor); } .pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:before, .pf-c-nav__link.pf-m-current:before, .pf-c-nav__link.pf-m-current:hover:before { border-bottom-width: var(--pf-c-nav__link--m-current--before--BorderBottomWidth); } .pf-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-c-nav__link:after, .pf-c-nav__link.pf-m-current:after, .pf-c-nav__link.pf-m-current:hover:after { border-color: var(--pf-c-nav__link--m-current--after--BorderColor); border-left-width: var(--pf-c-nav__link--m-current--after--BorderLeftWidth); } .pf-c-nav__link, .pf-c-nav__link:active, .pf-c-nav__link:focus, .pf-c-nav__link:hover { width: 100%; text-decoration: none; border: none; } .pf-c-nav__subnav { --pf-c-nav__link--PaddingTop:var(--pf-c-nav__subnav__link--PaddingTop); --pf-c-nav__link--PaddingRight:var(--pf-c-nav__subnav__link--PaddingRight); --pf-c-nav__link--PaddingBottom:var(--pf-c-nav__subnav__link--PaddingBottom); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav__subnav__link--PaddingLeft); --pf-c-nav__link--FontSize:var(--pf-c-nav__subnav__link--FontSize); --pf-c-nav__link--hover--after--BorderColor:var(--pf-c-nav__subnav__link--hover--after--BorderColor); --pf-c-nav__link--focus--after--BorderColor:var(--pf-c-nav__subnav__link--focus--after--BorderColor); --pf-c-nav__link--active--after--BorderColor:var(--pf-c-nav__subnav__link--active--after--BorderColor); --pf-c-nav__link--m-current--after--BorderColor:var(--pf-c-nav__subnav__link--m-current--after--BorderColor); --pf-c-nav__link--hover--after--BorderLeftWidth:var(--pf-c-nav__subnav__link--hover--after--BorderWidth); --pf-c-nav__link--focus--after--BorderLeftWidth:var(--pf-c-nav__subnav__link--focus--after--BorderWidth); --pf-c-nav__link--active--after--BorderLeftWidth:var(--pf-c-nav__subnav__link--active--after--BorderWidth); --pf-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-c-nav__subnav__link--m-current--after--BorderWidth); --pf-c-nav--c-divider--PaddingRight:var(--pf-c-nav__subnav--c-divider--PaddingRight); --pf-c-nav--c-divider--PaddingLeft:var(--pf-c-nav__subnav--c-divider--PaddingLeft); max-height: var(--pf-c-nav__subnav--MaxHeight); padding-bottom: var(--pf-c-nav__subnav--PaddingBottom); padding-left: var(--pf-c-nav__subnav--PaddingLeft); transition: var(--pf-c-nav--Transition); scrollbar-width: none; -ms-overflow-style: -ms-autohiding-scrollbar; } .pf-c-nav__subnav .pf-c-nav__subnav { --pf-c-nav__link--FontSize:var(--pf-c-nav__subnav__subnav__link--FontSize); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav__subnav__subnav__link--PaddingLeft); --pf-c-nav__subnav--PaddingLeft:var(--pf-c-nav__subnav__subnav--PaddingLeft); } .pf-c-nav__subnav.pf-m-flyout { width: 100%; } .pf-c-nav__item.pf-m-expanded .pf-c-nav__subnav { --pf-c-nav__subnav--MaxHeight:var(--pf-c-nav__item--m-expanded__subnav--MaxHeight); overflow-y: auto; opacity: 1; } .pf-c-nav__subnav::-webkit-scrollbar { display: none; } .pf-c-nav__toggle { flex: none; padding-right: var(--pf-c-nav__toggle--PaddingRight); padding-left: var(--pf-c-nav__toggle--PaddingLeft); margin-left: auto; font-size: var(--pf-c-nav__toggle--FontSize); line-height: 1; } .pf-c-nav__toggle.pf-m-start { margin-right: var(--pf-c-nav__toggle--m-start--MarginRight); margin-left: calc(var(--pf-c-nav__toggle--PaddingRight)*-1); } .pf-c-nav__toggle-icon { display: inline-block; transition: var(--pf-c-nav__toggle-icon--Transition); } .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon { transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate)); } .pf-c-nav__section { --pf-c-nav__item--MarginTop:var(--pf-c-nav__section__item--MarginTop); --pf-c-nav__link--PaddingTop:var(--pf-c-nav__section__link--PaddingTop); --pf-c-nav__link--PaddingRight:var(--pf-c-nav__section__link--PaddingRight); --pf-c-nav__link--PaddingBottom:var(--pf-c-nav__section__link--PaddingBottom); --pf-c-nav__link--PaddingLeft:var(--pf-c-nav__section__link--PaddingLeft); --pf-c-nav__link--FontSize:var(--pf-c-nav__section__link--FontSize); --pf-c-nav__link--before--BorderBottomWidth:var(--pf-c-nav__section__link--before--BorderBottomWidth); --pf-c-nav__link--hover--after--BorderColor:var(--pf-c-nav__section__link--hover--after--BorderColor); --pf-c-nav__link--focus--after--BorderColor:var(--pf-c-nav__section__link--focus--after--BorderColor); --pf-c-nav__link--active--after--BorderColor:var(--pf-c-nav__section__link--active--after--BorderColor); --pf-c-nav__link--m-current--after--BorderColor:var(--pf-c-nav__section__link--m-current--after--BorderColor); --pf-c-nav__link--hover--after--BorderLeftWidth:var(--pf-c-nav__section__link--hover--after--BorderWidth); --pf-c-nav__link--focus--after--BorderLeftWidth:var(--pf-c-nav__section__link--focus--after--BorderWidth); --pf-c-nav__link--active--after--BorderLeftWidth:var(--pf-c-nav__section__link--active--after--BorderWidth); --pf-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-c-nav__section__link--m-current--after--BorderWidth); margin-top: var(--pf-c-nav__section--MarginTop); --pf-c-nav--c-divider--MarginBottom:0; } .pf-c-nav__section + .pf-c-nav__section { --pf-c-nav__section--MarginTop:var(--pf-c-nav__section--section--MarginTop); } .pf-c-nav__section-title { padding: var(--pf-c-nav__section-title--PaddingTop) var(--pf-c-nav__section-title--PaddingRight) var(--pf-c-nav__section-title--PaddingBottom) var(--pf-c-nav__section-title--PaddingLeft); font-size: var(--pf-c-nav__section-title--FontSize); color: var(--pf-c-nav__section-title--Color); border-bottom: var(--pf-c-nav__section-title--BorderBottomWidth) solid var(--pf-c-nav__section-title--BorderBottomColor); } .pf-c-nav__scroll-button { flex: none; width: var(--pf-c-nav__scroll-button--Width); color: var(--pf-c-nav__scroll-button--Color); background-color: var(--pf-c-nav__scroll-button--BackgroundColor); border: 0; outline-offset: var(--pf-c-nav__scroll-button--OutlineOffset); opacity: 0; transition: var(--pf-c-nav__scroll-button--Transition); } .pf-c-nav__scroll-button:before { position: absolute; top: 0; bottom: 0; content: ""; border: solid var(--pf-c-nav__scroll-button--before--BorderColor); border-width: 0 var(--pf-c-nav__scroll-button--before--BorderRightWidth) 0 var(--pf-c-nav__scroll-button--before--BorderLeftWidth); } .pf-c-nav__scroll-button:hover { color: var(--pf-c-nav__scroll-button--hover--Color); } .pf-c-nav__scroll-button:focus { color: var(--pf-c-nav__scroll-button--focus--Color); } .pf-c-nav__scroll-button:active { color: var(--pf-c-nav__scroll-button--active--Color); } .pf-c-nav__scroll-button:disabled { color: var(--pf-c-nav__scroll-button--disabled--Color); border-color: var(--pf-c-nav__scroll-button--disabled--before--BorderColor); } .pf-c-nav__scroll-button:first-of-type { --pf-c-nav__scroll-button--before--BorderRightWidth:var(--pf-c-nav__scroll-button--before--BorderWidth); margin-right: calc(var(--pf-c-nav__scroll-button--Width)*-1); transform: translateX(-100%); } .pf-c-nav__scroll-button:first-of-type:before { right: 0; } .pf-c-nav__scroll-button:nth-of-type(2) { --pf-c-nav__scroll-button--before--BorderLeftWidth:var(--pf-c-nav__scroll-button--before--BorderWidth); margin-left: calc(var(--pf-c-nav__scroll-button--Width)*-1); transform: translateX(100%); } .pf-c-nav__scroll-button:nth-of-type(2):before { left: 0; } .pf-c-notification-badge { --pf-c-notification-badge--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-notification-badge--PaddingRight:var(--pf-global--spacer--md); --pf-c-notification-badge--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-notification-badge--PaddingLeft:var(--pf-global--spacer--md); --pf-c-notification-badge--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-notification-badge--MarginRight:calc(var(--pf-global--spacer--md)*-1); --pf-c-notification-badge--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-notification-badge--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-notification-badge--after--BorderColor:transparent; --pf-c-notification-badge--after--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-notification-badge--after--BorderWidth:0; --pf-c-notification-badge--after--Top:0; --pf-c-notification-badge--after--Right:0; --pf-c-notification-badge--after--Width:auto; --pf-c-notification-badge--after--Height:auto; --pf-c-notification-badge--after--BackgroundColor:transparent; --pf-c-notification-badge--after--TranslateX:0; --pf-c-notification-badge--after--TranslateY:0; --pf-c-notification-badge__i--Width:auto; --pf-c-notification-badge__i--Height:auto; --pf-c-notification-badge--m-read--after--BorderColor:transparent; --pf-c-notification-badge--m-read--after--BackgroundColor:transparent; --pf-c-notification-badge--m-unread--Color:var(--pf-global--Color--light-100); --pf-c-notification-badge--m-unread--after--BackgroundColor:var(--pf-global--active-color--100); --pf-c-notification-badge--m-unread--hover--after--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-notification-badge--m-attention--Color:var(--pf-global--Color--light-100); --pf-c-notification-badge--m-attention--after--BackgroundColor:var(--pf-global--danger-color--100); --pf-c-notification-badge--m-attention--hover--after--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-notification-badge__count--MarginLeft:var(--pf-global--spacer--xs); --pf-c-notification-badge--pf-icon-attention-bell--LineHeight:var(--pf-global--LineHeight--sm); position: relative; display: inline-block; padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft); margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft); background-color: var(--pf-c-notification-badge--after--BackgroundColor); border-radius: var(--pf-c-notification-badge--after--BorderRadius); } .pf-c-notification-badge:before { position: absolute; top: var(--pf-c-notification-badge--after--Top); right: var(--pf-c-notification-badge--after--Right); bottom: 0; left: 0; width: var(--pf-c-notification-badge--after--Width); height: var(--pf-c-notification-badge--after--Height); content: ""; border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor); border-radius: var(--pf-c-notification-badge--after--BorderRadius); transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY)); } .pf-c-notification-badge > i { width: var(--pf-c-notification-badge__i--Width); height: var(--pf-c-notification-badge__i--Height); } .pf-c-notification-badge > * { position: relative; } .pf-c-notification-badge .pf-icon-attention-bell, .pf-c-notification-badge .pf-icon-bell { display: inline-block; line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight); } .pf-c-notification-badge .pf-icon-attention-bell:before, .pf-c-notification-badge .pf-icon-bell:before { vertical-align: bottom; } .pf-c-notification-badge.pf-m-read { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-notification-badge--m-read--after--BackgroundColor); --pf-c-notification-badge--after--BorderColor:var(--pf-c-notification-badge--m-read--after--BorderColor); } .pf-c-notification-badge.pf-m-unread { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-notification-badge--m-unread--after--BackgroundColor); color: var(--pf-c-notification-badge--m-unread--Color); } .pf-c-notification-badge.pf-m-unread:hover { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor); } .pf-c-notification-badge.pf-m-attention { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-notification-badge--m-attention--after--BackgroundColor); color: var(--pf-c-notification-badge--m-attention--Color); } .pf-c-notification-badge.pf-m-attention:hover { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor); } .pf-c-notification-badge__count { margin-left: var(--pf-c-notification-badge__count--MarginLeft); } .pf-c-notification-drawer { --pf-c-notification-drawer--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-notification-drawer__header--PaddingTop:var(--pf-global--spacer--md); --pf-c-notification-drawer__header--PaddingRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__header--PaddingBottom:var(--pf-global--spacer--md); --pf-c-notification-drawer__header--PaddingLeft:var(--pf-global--spacer--md); --pf-c-notification-drawer__header--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-notification-drawer__header--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-notification-drawer__header--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-notification-drawer__header-title--FontSize:var(--pf-global--FontSize--xl); --pf-c-notification-drawer__header-status--MarginLeft:var(--pf-global--spacer--md); --pf-c-notification-drawer__body--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-notification-drawer__list-item--PaddingTop:var(--pf-global--spacer--md); --pf-c-notification-drawer__list-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__list-item--PaddingBottom:var(--pf-global--spacer--md); --pf-c-notification-drawer__list-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-notification-drawer__list-item--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-notification-drawer__list-item--BoxShadow:inset var(--pf-global--BoxShadow--sm-bottom); --pf-c-notification-drawer__list-item--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-notification-drawer__list-item--BorderBottomColor:transparent; --pf-c-notification-drawer__list-item--OutlineOffset:-0.25rem; --pf-c-notification-drawer__list-item--before--Width:var(--pf-global--BorderWidth--lg); --pf-c-notification-drawer__list-item--before--Top:0; --pf-c-notification-drawer__list-item--before--Bottom:calc(var(--pf-c-notification-drawer__list-item--BorderBottomWidth)*-1); --pf-c-notification-drawer__list-item--m-info__list-item-header-icon--Color:var(--pf-global--info-color--100); --pf-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor:var(--pf-global--info-color--100); --pf-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color:var(--pf-global--warning-color--100); --pf-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor:var(--pf-global--warning-color--100); --pf-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color:var(--pf-global--danger-color--100); --pf-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor:var(--pf-global--danger-color--100); --pf-c-notification-drawer__list-item--m-success__list-item-header-icon--Color:var(--pf-global--success-color--100); --pf-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor:var(--pf-global--success-color--100); --pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color:var(--pf-global--default-color--200); --pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor:var(--pf-global--default-color--200); --pf-c-notification-drawer__list-item--m-read--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-notification-drawer__list-item--m-read--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-notification-drawer__list-item--m-read--before--Top:calc(var(--pf-c-notification-drawer__list-item--BorderBottomWidth)*-1); --pf-c-notification-drawer__list-item--m-read--before--Bottom:0; --pf-c-notification-drawer__list-item--m-read--before--BackgroundColor:transparent; --pf-c-notification-drawer__list-item--list-item--m-read--before--Top:0; --pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow:inset var(--pf-global--BoxShadow--sm-bottom); --pf-c-notification-drawer__list-item--m-hoverable--hover--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow:var(--pf-global--BoxShadow--md-top),var(--pf-global--BoxShadow--md-bottom); --pf-c-notification-drawer__list-item-header--MarginBottom:var(--pf-global--spacer--xs); --pf-c-notification-drawer__list-item-header-icon--Color:inherit; --pf-c-notification-drawer__list-item-header-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-notification-drawer__list-item-header-title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-notification-drawer__list-item-header-title--max-lines:1; --pf-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-notification-drawer__list-item-description--MarginBottom:var(--pf-global--spacer--sm); --pf-c-notification-drawer__list-item-timestamp--Color:var(--pf-global--Color--200); --pf-c-notification-drawer__list-item-timestamp--FontSize:var(--pf-global--FontSize--sm); --pf-c-notification-drawer__group--m-expanded--group--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-notification-drawer__group--m-expanded--group--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-notification-drawer__group--m-expanded--MinHeight:0; --pf-c-notification-drawer__group-toggle--PaddingTop:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle--PaddingBottom:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle--PaddingLeft:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-notification-drawer__group-toggle--BorderColor:var(--pf-global--BorderColor--100); --pf-c-notification-drawer__group-toggle--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-notification-drawer__group-toggle--OutlineOffset:-0.25rem; --pf-c-notification-drawer__group-toggle-title--MarginRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle-title--max-lines:1; --pf-c-notification-drawer__group-toggle-count--MarginRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle-icon--MarginRight:var(--pf-global--spacer--md); --pf-c-notification-drawer__group-toggle-icon--Color:var(--pf-global--Color--200); --pf-c-notification-drawer__group-toggle-icon--Transition:.2s ease-in 0s; --pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate:90deg; display: flex; flex-direction: column; height: 100%; background-color: var(--pf-c-notification-drawer--BackgroundColor); } .pf-c-notification-drawer__header { position: relative; z-index: var(--pf-c-notification-drawer__header--ZIndex); display: flex; flex-shrink: 0; align-items: baseline; padding: var(--pf-c-notification-drawer__header--PaddingTop) var(--pf-c-notification-drawer__header--PaddingRight) var(--pf-c-notification-drawer__header--PaddingBottom) var(--pf-c-notification-drawer__header--PaddingLeft); background-color: var(--pf-c-notification-drawer__header--BackgroundColor); box-shadow: var(--pf-c-notification-drawer__header--BoxShadow); } .pf-c-notification-drawer__header-title { font-size: var(--pf-c-notification-drawer__header-title--FontSize); } .pf-c-notification-drawer__header-status { margin-left: var(--pf-c-notification-drawer__header-status--MarginLeft); } .pf-c-notification-drawer__header-action { display: flex; align-items: center; margin-left: auto; } .pf-c-notification-drawer__body { overflow-y: auto; box-shadow: var(--pf-c-notification-drawer__body--ZIndex); } .pf-c-notification-drawer__list-item { position: relative; display: grid; grid-template-columns: 1fr auto; padding: var(--pf-c-notification-drawer__list-item--PaddingTop) var(--pf-c-notification-drawer__list-item--PaddingRight) var(--pf-c-notification-drawer__list-item--PaddingBottom) var(--pf-c-notification-drawer__list-item--PaddingLeft); background-color: var(--pf-c-notification-drawer__list-item--BackgroundColor); border-bottom: var(--pf-c-notification-drawer__list-item--BorderBottomWidth) solid var(--pf-c-notification-drawer__list-item--BorderBottomColor); outline-offset: var(--pf-c-notification-drawer__list-item--OutlineOffset); box-shadow: var(--pf-c-notification-drawer__list-item--BoxShadow); } .pf-c-notification-drawer__list-item.pf-m-read, .pf-c-notification-drawer__list-item:first-child { --pf-c-notification-drawer__list-item--BoxShadow:none; } .pf-c-notification-drawer__list-item:not(.pf-m-read) + .pf-c-notification-drawer__list-item.pf-m-read { --pf-c-notification-drawer__list-item--BoxShadow:var(--pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow); --pf-c-notification-drawer__list-item--before--Top:var(--pf-c-notification-drawer__list-item--list-item--m-read--before--Top); } .pf-c-notification-drawer__list-item:before { position: absolute; top: var(--pf-c-notification-drawer__list-item--before--Top); bottom: var(--pf-c-notification-drawer__list-item--before--Bottom); width: var(--pf-c-notification-drawer__list-item--before--Width); content: ""; background-color: var(--pf-c-notification-drawer__list-item--before--BackgroundColor); } .pf-c-notification-drawer__list-item.pf-m-info { --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-info__list-item--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-icon--Color:var(--pf-c-notification-drawer__list-item--m-info__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item.pf-m-warning { --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-warning__list-item--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-icon--Color:var(--pf-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item.pf-m-danger { --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-danger__list-item--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-icon--Color:var(--pf-c-notification-drawer__list-item--m-danger__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item.pf-m-success { --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-success__list-item--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-icon--Color:var(--pf-c-notification-drawer__list-item--m-success__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item.pf-m-default { --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-default__list-item--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-icon--Color:var(--pf-c-notification-drawer__list-item--m-default__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item.pf-m-read { --pf-c-notification-drawer__list-item--BorderBottomColor:var(--pf-c-notification-drawer__list-item--m-read--BorderBottomColor); --pf-c-notification-drawer__list-item--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-read--BackgroundColor); --pf-c-notification-drawer__list-item--before--Top:var(--pf-c-notification-drawer__list-item--m-read--before--Top); --pf-c-notification-drawer__list-item--before--Bottom:var(--pf-c-notification-drawer__list-item--m-read--before--Bottom); --pf-c-notification-drawer__list-item--before--BackgroundColor:var(--pf-c-notification-drawer__list-item--m-read--before--BackgroundColor); --pf-c-notification-drawer__list-item-header-title--FontWeight:var(--pf-c-notification-drawer__list-item--m-read__list-item-header-title--FontWeight); position: relative; } .pf-c-notification-drawer__list-item.pf-m-hoverable { cursor: pointer; } .pf-c-notification-drawer__list-item.pf-m-hoverable:hover { z-index: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--ZIndex); box-shadow: var(--pf-c-notification-drawer__list-item--m-hoverable--hover--BoxShadow); } .pf-c-notification-drawer__list-item-header { display: flex; align-items: baseline; grid-column: 1/2; grid-row: 1/2; margin-bottom: var(--pf-c-notification-drawer__list-item-header--MarginBottom); } .pf-c-notification-drawer__list-item-header-icon { margin-right: var(--pf-c-notification-drawer__list-item-header-icon--MarginRight); color: var(--pf-c-notification-drawer__list-item-header-icon--Color); } .pf-c-notification-drawer__list-item-header-title { font-weight: var(--pf-c-notification-drawer__list-item-header-title--FontWeight); word-break: break-word; } .pf-c-notification-drawer__list-item-header-title.pf-m-truncate { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--pf-c-notification-drawer__list-item-header-title--max-lines); overflow: hidden; } .pf-c-notification-drawer__list-item-action { grid-column: 2/3; grid-row: 1/3; } .pf-c-notification-drawer__list-item-description { grid-row: 2/3; grid-column: 1/2; margin-bottom: var(--pf-c-notification-drawer__list-item-description--MarginBottom); word-break: break-word; } .pf-c-notification-drawer__list-item-timestamp { grid-row: 3/4; grid-column: 1/2; font-size: var(--pf-c-notification-drawer__list-item-timestamp--FontSize); color: var(--pf-c-notification-drawer__list-item-timestamp--Color); } .pf-c-notification-drawer__group-list { display: flex; flex-direction: column; } .pf-c-notification-drawer__group.pf-m-expanded { min-height: var(--pf-c-notification-drawer__group--m-expanded--MinHeight); } .pf-c-notification-drawer__group.pf-m-expanded + .pf-c-notification-drawer__group { border-top: var(--pf-c-notification-drawer__group--m-expanded--group--BorderTopWidth) solid var(--pf-c-notification-drawer__group--m-expanded--group--BorderTopColor); } .pf-c-notification-drawer__group .pf-c-notification-drawer__list-item:last-child { --pf-c-notification-drawer__list-item--BorderBottomWidth:0; --pf-c-notification-drawer__list-item--before--Bottom:0; } .pf-c-notification-drawer__group-toggle { display: flex; align-items: baseline; width: 100%; padding: var(--pf-c-notification-drawer__group-toggle--PaddingTop) var(--pf-c-notification-drawer__group-toggle--PaddingRight) var(--pf-c-notification-drawer__group-toggle--PaddingBottom) var(--pf-c-notification-drawer__group-toggle--PaddingLeft); background-color: var(--pf-c-notification-drawer__group-toggle--BackgroundColor); border: solid var(--pf-c-notification-drawer__group-toggle--BorderColor); border-width: 0 0 var(--pf-c-notification-drawer__group-toggle--BorderBottomWidth) 0; outline-offset: var(--pf-c-notification-drawer__group-toggle--OutlineOffset); } .pf-c-notification-drawer__group-toggle-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--pf-c-notification-drawer__group-toggle-title--max-lines); overflow: hidden; flex: 1; margin-right: var(--pf-c-notification-drawer__group-toggle-title--MarginRight); text-align: left; word-break: break-word; } .pf-c-notification-drawer__group-toggle-count { margin-right: var(--pf-c-notification-drawer__group-toggle-count--MarginRight); margin-left: auto; } .pf-c-notification-drawer__group-toggle-icon { margin-right: var(--pf-c-notification-drawer__group-toggle-icon--MarginRight); color: var(--pf-c-notification-drawer__group-toggle-icon--Color); transition: var(--pf-c-notification-drawer__group-toggle-icon--Transition); } .pf-c-notification-drawer__group.pf-m-expanded .pf-c-notification-drawer__group-toggle-icon { transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate)); } .pf-c-options-menu { --pf-c-options-menu__toggle--BackgroundColor:transparent; --pf-c-options-menu__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-options-menu__toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-options-menu__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-options-menu__toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-options-menu__toggle--MinWidth:0; --pf-c-options-menu__toggle--LineHeight:var(--pf-global--LineHeight--md); --pf-c-options-menu__toggle--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-options-menu__toggle--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-options-menu__toggle--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-options-menu__toggle--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-options-menu__toggle--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-options-menu__toggle--Color:var(--pf-global--Color--100); --pf-c-options-menu__toggle--hover--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-options-menu__toggle--active--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-options-menu__toggle--active--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-options-menu__toggle--focus--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-options-menu__toggle--focus--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-options-menu__toggle--expanded--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-options-menu__toggle--expanded--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-options-menu__toggle--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-options-menu__toggle--m-plain--Color:var(--pf-global--Color--200); --pf-c-options-menu__toggle--m-plain--hover--Color:var(--pf-global--Color--100); --pf-c-options-menu__toggle--m-plain--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-options-menu__toggle--m-plain--PaddingRight:var(--pf-global--spacer--md); --pf-c-options-menu__toggle--m-plain--PaddingLeft:var(--pf-global--spacer--md); --pf-c-options-menu__toggle-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-options-menu__toggle-icon--MarginLeft:var(--pf-global--spacer--md); --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate:180deg; --pf-c-options-menu__toggle-button--BackgroundColor:transparent; --pf-c-options-menu__toggle-button--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-options-menu__toggle-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-options-menu__toggle-button--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-options-menu__toggle-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-options-menu__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-options-menu__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-options-menu__menu--PaddingTop:var(--pf-global--spacer--sm); --pf-c-options-menu__menu--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-options-menu__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-options-menu__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-options-menu--m-top__menu--Top:0; --pf-c-options-menu--m-top__menu--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-options-menu__menu-item--BackgroundColor:transparent; --pf-c-options-menu__menu-item--Color:var(--pf-global--Color--100); --pf-c-options-menu__menu-item--FontSize:var(--pf-global--FontSize--md); --pf-c-options-menu__menu-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-options-menu__menu-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-options-menu__menu-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-options-menu__menu-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-options-menu__menu-item--disabled--Color:var(--pf-global--Color--dark-200); --pf-c-options-menu__menu-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-options-menu__menu-item--disabled--BackgroundColor:transparent; --pf-c-options-menu__menu-item-icon--Color:var(--pf-global--active-color--100); --pf-c-options-menu__menu-item-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-options-menu__menu-item-icon--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-options-menu__group--group--PaddingTop:var(--pf-global--spacer--sm); --pf-c-options-menu__group-title--PaddingTop:var(--pf-global--spacer--sm); --pf-c-options-menu__group-title--PaddingRight:var(--pf-c-options-menu__menu-item--PaddingRight); --pf-c-options-menu__group-title--PaddingBottom:var(--pf-c-options-menu__menu-item--PaddingBottom); --pf-c-options-menu__group-title--PaddingLeft:var(--pf-c-options-menu__menu-item--PaddingLeft); --pf-c-options-menu__group-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-options-menu__group-title--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-options-menu__group-title--Color:var(--pf-global--Color--dark-200); --pf-c-options-menu--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-options-menu--c-divider--MarginBottom:var(--pf-global--spacer--sm); position: relative; display: inline-block; max-width: 100%; } .pf-c-options-menu .pf-c-divider { margin-top: var(--pf-c-options-menu--c-divider--MarginTop); margin-bottom: var(--pf-c-options-menu--c-divider--MarginBottom); } .pf-c-options-menu .pf-c-divider:last-child { --pf-c-options-menu--c-divider--MarginBottom:0; } .pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:before, .pf-c-options-menu__toggle:not(.pf-m-plain):before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: var(--pf-c-options-menu__toggle--BorderWidth) solid; border-color: var(--pf-c-options-menu__toggle--BorderTopColor) var(--pf-c-options-menu__toggle--BorderRightColor) var(--pf-c-options-menu__toggle--BorderBottomColor) var(--pf-c-options-menu__toggle--BorderLeftColor); } .pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:hover:before, .pf-c-options-menu__toggle:not(.pf-m-plain):hover:before { --pf-c-options-menu__toggle--BorderBottomColor:var(--pf-c-options-menu__toggle--hover--BorderBottomColor); } .pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button.pf-m-active:before, .pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:active:before, .pf-c-options-menu__toggle:not(.pf-m-plain).pf-m-active:before, .pf-c-options-menu__toggle:not(.pf-m-plain):active:before { --pf-c-options-menu__toggle--BorderBottomColor:var(--pf-c-options-menu__toggle--active--BorderBottomColor); border-bottom-width: var(--pf-c-options-menu__toggle--active--BorderBottomWidth); } .pf-c-options-menu.pf-m-text:not(.pf-m-plain) .pf-c-options-menu__toggle-button:focus:before, .pf-c-options-menu__toggle:not(.pf-m-plain):focus:before { --pf-c-options-menu__toggle--BorderBottomColor:var(--pf-c-options-menu__toggle--focus--BorderBottomColor); border-bottom-width: var(--pf-c-options-menu__toggle--focus--BorderBottomWidth); } .pf-c-options-menu__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; min-width: var(--pf-c-options-menu__toggle--MinWidth); max-width: 100%; padding: var(--pf-c-options-menu__toggle--PaddingTop) var(--pf-c-options-menu__toggle--PaddingRight) var(--pf-c-options-menu__toggle--PaddingBottom) var(--pf-c-options-menu__toggle--PaddingLeft); line-height: var(--pf-c-options-menu__toggle--LineHeight); color: var(--pf-c-options-menu__toggle--Color); background-color: var(--pf-c-options-menu__toggle--BackgroundColor); border: none; } .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle:before { --pf-c-options-menu__toggle--BorderBottomColor:var(--pf-c-options-menu__toggle--expanded--BorderBottomColor); border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth); } .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) { --pf-c-options-menu__toggle--PaddingRight:var(--pf-c-options-menu__toggle--m-plain--PaddingRight); --pf-c-options-menu__toggle--PaddingLeft:var(--pf-c-options-menu__toggle--m-plain--PaddingLeft); display: inline-block; color: var(--pf-c-options-menu__toggle--m-plain--Color); } .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) .pf-c-options-menu__toggle-button-icon { line-height: var(--pf-c-options-menu__toggle--LineHeight); } .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text), .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover { --pf-c-options-menu__toggle--m-plain--Color:var(--pf-c-options-menu__toggle--m-plain--hover--Color); } .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled { --pf-c-options-menu__toggle--m-plain--Color:var(--pf-c-options-menu__toggle--m-plain--disabled--Color); } .pf-c-options-menu__toggle.pf-m-disabled, .pf-c-options-menu__toggle:disabled { pointer-events: none; } .pf-c-options-menu__toggle.pf-m-disabled.pf-m-text, .pf-c-options-menu__toggle.pf-m-disabled:not(.pf-m-plain), .pf-c-options-menu__toggle:disabled.pf-m-text, .pf-c-options-menu__toggle:disabled:not(.pf-m-plain) { --pf-c-options-menu__toggle--BackgroundColor:var(--pf-c-options-menu__toggle--disabled--BackgroundColor); } .pf-c-options-menu__toggle.pf-m-disabled:before, .pf-c-options-menu__toggle:disabled:before { border: 0; } .pf-c-options-menu__toggle-button-icon { position: relative; } .pf-c-options-menu__toggle-button { padding: var(--pf-c-options-menu__toggle-button--PaddingTop) var(--pf-c-options-menu__toggle-button--PaddingRight) var(--pf-c-options-menu__toggle-button--PaddingBottom) var(--pf-c-options-menu__toggle-button--PaddingLeft); background-color: var(--pf-c-options-menu__toggle-button--BackgroundColor); border: 0; } .pf-c-options-menu__toggle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pf-c-options-menu__toggle-icon { margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight); margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft); } .pf-c-options-menu.pf-m-top.pf-m-expanded .pf-c-options-menu__toggle-icon { transform: rotate(var(--pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate)); } .pf-c-options-menu__menu { position: absolute; top: var(--pf-c-options-menu__menu--Top); z-index: var(--pf-c-options-menu__menu--ZIndex); min-width: 100%; padding-top: var(--pf-c-options-menu__menu--PaddingTop); padding-bottom: var(--pf-c-options-menu__menu--PaddingBottom); background-color: var(--pf-c-options-menu__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-options-menu__menu--BoxShadow); } .pf-c-options-menu__menu.pf-m-align-right { right: 0; } .pf-c-options-menu.pf-m-top .pf-c-options-menu__menu { --pf-c-options-menu__menu--Top:var(--pf-c-options-menu--m-top__menu--Top); transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY)); } .pf-c-options-menu__menu-item { display: flex; align-items: baseline; width: 100%; padding: var(--pf-c-options-menu__menu-item--PaddingTop) var(--pf-c-options-menu__menu-item--PaddingRight) var(--pf-c-options-menu__menu-item--PaddingBottom) var(--pf-c-options-menu__menu-item--PaddingLeft); font-size: var(--pf-c-options-menu__menu-item--FontSize); color: var(--pf-c-options-menu__menu-item--Color); white-space: nowrap; background-color: var(--pf-c-options-menu__menu-item--BackgroundColor); border: none; } .pf-c-options-menu__menu-item:focus, .pf-c-options-menu__menu-item:hover { text-decoration: none; background-color: var(--pf-c-options-menu__menu-item--hover--BackgroundColor); } .pf-c-options-menu__menu-item.pf-m-disabled, .pf-c-options-menu__menu-item:disabled { color: var(--pf-c-options-menu__menu-item--disabled--Color); pointer-events: none; background-color: var(--pf-c-options-menu__menu-item--disabled--BackgroundColor); } .pf-c-options-menu__menu-item-icon { align-self: center; width: auto; padding-left: var(--pf-c-options-menu__menu-item-icon--PaddingLeft); margin-left: auto; font-size: var(--pf-c-options-menu__menu-item-icon--FontSize); color: var(--pf-c-options-menu__menu-item-icon--Color); } .pf-c-options-menu__group + .pf-c-options-menu__group { padding-top: var(--pf-c-options-menu__group--group--PaddingTop); } .pf-c-options-menu__group-title { padding-top: var(--pf-c-options-menu__group-title--PaddingTop); padding-right: var(--pf-c-options-menu__group-title--PaddingRight); padding-bottom: var(--pf-c-options-menu__group-title--PaddingBottom); padding-left: var(--pf-c-options-menu__group-title--PaddingLeft); font-size: var(--pf-c-options-menu__group-title--FontSize); font-weight: var(--pf-c-options-menu__group-title--FontWeight); color: var(--pf-c-options-menu__group-title--Color); } .pf-c-overflow-menu { --pf-c-overflow-menu--spacer--base:var(--pf-global--spacer--md); --pf-c-overflow-menu--spacer:var(--pf-global--spacer--sm); --pf-c-overflow-menu__group--spacer:var(--pf-c-overflow-menu--spacer--base); --pf-c-overflow-menu__item--spacer:var(--pf-c-overflow-menu--spacer--base); --pf-c-overflow-menu--c-divider--m-vertical--spacer:var(--pf-c-overflow-menu--spacer--base); --pf-c-overflow-menu__group--m-button-group--spacer:var(--pf-c-overflow-menu--spacer--base); --pf-c-overflow-menu__group--m-button-group--space-items:var(--pf-global--spacer--sm); --pf-c-overflow-menu__group--m-icon-button-group--spacer:var(--pf-c-overflow-menu--spacer--base); --pf-c-overflow-menu__group--m-icon-button-group--space-items:0; display: inline-flex; align-items: center; } .pf-c-overflow-menu__content, .pf-c-overflow-menu__group { display: flex; align-items: center; } .pf-c-overflow-menu__group { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__group--spacer); } .pf-c-overflow-menu__group.pf-m-button-group { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__group--m-button-group--spacer); } .pf-c-overflow-menu__group.pf-m-button-group > * { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__group--m-button-group--space-items); } .pf-c-overflow-menu__group.pf-m-icon-button-group { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__group--m-icon-button-group--spacer); } .pf-c-overflow-menu__group.pf-m-icon-button-group > * { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__group--m-icon-button-group--space-items); } .pf-c-overflow-menu__item { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu__item--spacer); } .pf-c-overflow-menu__content, .pf-c-overflow-menu__control, .pf-c-overflow-menu__group, .pf-c-overflow-menu__item { margin-right: var(--pf-c-overflow-menu--spacer); } .pf-c-overflow-menu__content:last-child, .pf-c-overflow-menu__control:last-child, .pf-c-overflow-menu__group:last-child, .pf-c-overflow-menu__item:last-child { --pf-c-overflow-menu--spacer:0; } .pf-c-overflow-menu > .pf-c-divider, .pf-c-overflow-menu__group > .pf-c-divider { --pf-c-overflow-menu--spacer:var(--pf-c-overflow-menu--c-divider--m-vertical--spacer); } .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical, .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical { margin-right: var(--pf-c-overflow-menu--spacer); } .pf-c-overflow-menu > .pf-c-divider.pf-m-vertical:last-child, .pf-c-overflow-menu__group > .pf-c-divider.pf-m-vertical:last-child { --pf-c-overflow-menu--spacer:0; } .pf-c-page { --pf-c-page--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-page__header--BackgroundColor:var(--pf-global--BackgroundColor--dark-100); --pf-c-page__header--ZIndex:var(--pf-global--ZIndex--md); --pf-c-page__header--MinHeight:4.75rem; --pf-c-page__header-brand--PaddingLeft:var(--pf-global--spacer--md); --pf-c-page__header-brand--xl--PaddingRight:var(--pf-global--spacer--xl); --pf-c-page__header-brand--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-page__header-sidebar-toggle__c-button--PaddingTop:var(--pf-global--spacer--sm); --pf-c-page__header-sidebar-toggle__c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-page__header-sidebar-toggle__c-button--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-page__header-sidebar-toggle__c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-page__header-sidebar-toggle__c-button--MarginRight:var(--pf-global--spacer--md); --pf-c-page__header-sidebar-toggle__c-button--MarginLeft:calc(var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft)*-1); --pf-c-page__header-sidebar-toggle__c-button--FontSize:var(--pf-global--FontSize--2xl); --pf-c-page__header-brand-link--c-brand--MaxHeight:3.75rem; --pf-c-page__header-nav--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-page__header-nav--xl--BackgroundColor:transparent; --pf-c-page__header-nav--xl--PaddingRight:var(--pf-global--spacer--xl); --pf-c-page__header-nav--xl--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-page__header-tools--MarginRight:var(--pf-global--spacer--md); --pf-c-page__header-tools--xl--MarginRight:var(--pf-global--spacer--lg); --pf-c-page__header-tools--c-avatar--MarginLeft:var(--pf-global--spacer--md); --pf-c-page__header-tools-group--MarginLeft:var(--pf-global--spacer--xl); --pf-c-page__header-tools-group--Display:flex; --pf-c-page__header-tools-item--Display:block; --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor:var(--pf-global--primary-color--200); --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor:var(--pf-global--danger-color--200); --pf-c-page__header-tools--c-button--m-selected--before--Width:auto; --pf-c-page__header-tools--c-button--m-selected--before--Height:auto; --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-page__header-tools--c-button--m-selected--before--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor:transparent; --pf-c-page__sidebar--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-page__sidebar--Width:18.125rem; --pf-c-page__sidebar--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-page__sidebar--m-light--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__sidebar--BoxShadow:var(--pf-global--BoxShadow--lg-right); --pf-c-page__sidebar--Transition:var(--pf-global--Transition); --pf-c-page__sidebar--TranslateX:-100%; --pf-c-page__sidebar--TranslateZ:0; --pf-c-page__sidebar--m-expanded--TranslateX:0; --pf-c-page__sidebar--xl--TranslateX:0; --pf-c-page__sidebar-body--PaddingTop:var(--pf-global--spacer--sm); --pf-c-page__sidebar-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-page__sidebar-body--m-menu--PaddingTop:0; --pf-c-page__sidebar-body--m-menu--PaddingBottom:0; --pf-c-page__sidebar-body--m-menu--BorderTopColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-page__sidebar-body--m-menu--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor:var(--pf-global--BackgroundColor--dark-200); --pf-c-page__main--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-page__main-section--PaddingTop:var(--pf-global--spacer--md); --pf-c-page__main-section--PaddingRight:var(--pf-global--spacer--md); --pf-c-page__main-section--PaddingBottom:var(--pf-global--spacer--md); --pf-c-page__main-section--PaddingLeft:var(--pf-global--spacer--md); --pf-c-page__main-section--xl--PaddingTop:var(--pf-global--spacer--lg); --pf-c-page__main-section--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-page__main-section--xl--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-page__main-section--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-page__main-breadcrumb--main-section--PaddingTop:var(--pf-global--spacer--md); --pf-c-page__main-section--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-page__main-section--m-light--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__main-section--m-dark-100--BackgroundColor:var(--pf-global--BackgroundColor--dark-transparent-100); --pf-c-page__main-section--m-dark-200--BackgroundColor:var(--pf-global--BackgroundColor--dark-transparent-200); --pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop:var(--pf-global--spacer--md); --pf-c-page__main-nav--page__main-tabs--PaddingTop:var(--pf-global--spacer--md); --pf-c-page--section--m-limit-width--MaxWidth:calc(125rem - var(--pf-c-page__sidebar--Width)); --pf-c-page--section--m-sticky-top--ZIndex:var(--pf-global--ZIndex--md); --pf-c-page--section--m-sticky-top--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-page--section--m-sticky-bottom--ZIndex:var(--pf-global--ZIndex--md); --pf-c-page--section--m-sticky-bottom--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-page--section--m-shadow-bottom--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-page--section--m-shadow-bottom--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-page--section--m-shadow-top--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-page--section--m-shadow-top--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-page__main-nav--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__main-nav--PaddingTop:var(--pf-global--spacer--md); --pf-c-page__main-nav--PaddingRight:0; --pf-c-page__main-nav--PaddingLeft:0; --pf-c-page__main-nav--m-sticky-top--PaddingBottom:var(--pf-global--spacer--md); --pf-c-page__main-nav--xl--PaddingRight:var(--pf-global--spacer--sm); --pf-c-page__main-nav--xl--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-page__main-subnav--BackgroundColor:var(--pf-global--BackgroundColor--dark-300); --pf-c-page__main-subnav--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-page__main-subnav--BorderTopColor:var(--pf-global--palette--black-800); --pf-c-page__main-subnav--BorderLeftWidth:0; --pf-c-page__main-subnav--BorderLeftColor:var(--pf-global--palette--black-800); --pf-c-page__sidebar--main__main-subnav--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth:0; --pf-c-page__main-breadcrumb--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__main-breadcrumb--PaddingTop:var(--pf-global--spacer--md); --pf-c-page__main-breadcrumb--PaddingRight:var(--pf-global--spacer--md); --pf-c-page__main-breadcrumb--PaddingBottom:0; --pf-c-page__main-breadcrumb--PaddingLeft:var(--pf-global--spacer--md); --pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom:var(--pf-global--spacer--md); --pf-c-page__main-breadcrumb--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-page__main-breadcrumb--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-page__main-tabs--PaddingTop:0; --pf-c-page__main-tabs--PaddingRight:0; --pf-c-page__main-tabs--PaddingBottom:0; --pf-c-page__main-tabs--PaddingLeft:0; --pf-c-page__main-tabs--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__main-wizard--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-page__main-wizard--BorderTopColor:var(--pf-global--BorderColor--100); --pf-c-page__main-wizard--BorderTopWidth:var(--pf-global--BorderWidth--sm); display: grid; height: 100%; grid-template-columns: 1fr; grid-template-rows: max-content 1fr; grid-template-areas: "header" "main"; background-color: var(--pf-c-page--BackgroundColor); } @media (min-width:1200px) { .pf-c-page { --pf-c-page__header-brand--PaddingLeft:var(--pf-c-page__header-brand--xl--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-page { --pf-c-page__header-nav--BackgroundColor:var(--pf-c-page__header-nav--xl--BackgroundColor); --pf-c-page__header-nav--PaddingRight:var(--pf-c-page__header-nav--xl--PaddingRight); --pf-c-page__header-nav--PaddingLeft:var(--pf-c-page__header-nav--xl--PaddingLeft); --pf-c-page__header-tools--MarginRight:var(--pf-c-page__header-tools--xl--MarginRight); --pf-c-page__sidebar--TranslateX:var(--pf-c-page__sidebar--xl--TranslateX); --pf-c-page__main-section--PaddingTop:var(--pf-c-page__main-section--xl--PaddingTop); --pf-c-page__main-section--PaddingRight:var(--pf-c-page__main-section--xl--PaddingRight); --pf-c-page__main-section--PaddingBottom:var(--pf-c-page__main-section--xl--PaddingBottom); --pf-c-page__main-section--PaddingLeft:var(--pf-c-page__main-section--xl--PaddingLeft); --pf-c-page__main-nav--PaddingRight:var(--pf-c-page__main-nav--xl--PaddingRight); --pf-c-page__main-nav--PaddingLeft:var(--pf-c-page__main-nav--xl--PaddingLeft); --pf-c-page__main-breadcrumb--PaddingRight:var(--pf-c-page__main-breadcrumb--xl--PaddingRight); --pf-c-page__main-breadcrumb--PaddingLeft:var(--pf-c-page__main-breadcrumb--xl--PaddingLeft); } } @media (min-width:1200px) { .pf-c-page { grid-template-columns: max-content 1fr; grid-template-areas: "header header" "nav main"; } } .pf-c-page > .pf-c-masthead, .pf-c-page__header { grid-area: header; } .pf-c-page__header { color: var(--pf-global--Color--100); z-index: var(--pf-c-page__header--ZIndex); grid-template-columns: auto auto; display: grid; align-items: center; min-width: 0; min-height: var(--pf-c-page__header--MinHeight); background-color: var(--pf-c-page__header--BackgroundColor); } .pf-c-page__header > * { display: flex; align-items: center; } @media screen and (min-width:992px) { .pf-c-page__header { grid-template-columns: auto 1fr auto; } } .pf-c-page__header .pf-c-masthead { grid-column: span 2; align-self: stretch; } .pf-c-page__header-brand { grid-column: 1/2; padding-left: var(--pf-c-page__header-brand--PaddingLeft); } @media (min-width:1200px) { .pf-c-page__header-brand { padding-right: var(--pf-c-page__header-brand--xl--PaddingRight); } } .pf-c-page__header-brand-link { display: flex; flex: 1; align-items: center; } .pf-c-page__header-brand-link .pf-c-brand { max-height: var(--pf-c-page__header-brand-link--c-brand--MaxHeight); } .pf-c-page__header-brand-toggle .pf-c-button { padding: var(--pf-c-page__header-sidebar-toggle__c-button--PaddingTop) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingRight) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingBottom) var(--pf-c-page__header-sidebar-toggle__c-button--PaddingLeft); margin-right: var(--pf-c-page__header-sidebar-toggle__c-button--MarginRight); margin-left: var(--pf-c-page__header-sidebar-toggle__c-button--MarginLeft); font-size: var(--pf-c-page__header-sidebar-toggle__c-button--FontSize); line-height: 1; } .pf-c-page__header-nav { align-self: stretch; min-width: 0; padding-right: var(--pf-c-page__header-nav--PaddingRight); padding-left: var(--pf-c-page__header-nav--PaddingLeft); background-color: var(--pf-c-page__header-nav--BackgroundColor); grid-column: 1/-1; grid-row: 2/3; } @media screen and (min-width:1200px) { .pf-c-page__header-nav { grid-column: 2/3; grid-row: 1/2; } } .pf-c-page__header-nav .pf-c-nav { align-self: stretch; } .pf-c-page__header-tools { grid-column: 2/3; margin-right: var(--pf-c-page__header-tools--MarginRight); margin-left: auto; } .pf-c-page__header-tools .pf-c-avatar { margin-left: var(--pf-c-page__header-tools--c-avatar--MarginLeft); } @media screen and (min-width:992px) { .pf-c-page__header-tools { grid-column: 3/4; } } .pf-c-page__header-tools-group { --pf-hidden-visible--visible--Display:var(--pf-c-page__header-tools-group--Display); align-items: center; } .pf-c-page__header-tools-group + .pf-c-page__header-tools-group { margin-left: var(--pf-c-page__header-tools-group--MarginLeft); } .pf-c-page__header-tools-item { --pf-hidden-visible--visible--Display:var(--pf-c-page__header-tools-item--Display); } .pf-c-page__header-tools-item .pf-c-notification-badge.pf-m-read:hover { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor); } .pf-c-page__header-tools-item.pf-m-selected .pf-c-button { background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor); border-radius: var(--pf-c-page__header-tools--c-button--m-selected--before--BorderRadius); } .pf-c-page__header-tools-item.pf-m-selected .pf-c-button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--pf-c-page__header-tools--c-button--m-selected--before--Width); height: var(--pf-c-page__header-tools--c-button--m-selected--before--Height); content: ""; } .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor); } .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-unread:after { border-color: var(--pf-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor); } .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge.pf-m-attention { --pf-c-notification-badge--after--BackgroundColor:var(--pf-global--danger-color--200); } .pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-unread { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor); } .pf-c-page__header-tools-item .pf-c-button:focus .pf-c-notification-badge.pf-m-attention { --pf-c-notification-badge--after--BackgroundColor:var(--pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor); } .pf-c-page__sidebar { grid-area: nav; grid-row-start: 2; grid-column-start: 1; z-index: var(--pf-c-page__sidebar--ZIndex); width: var(--pf-c-page__sidebar--Width); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: var(--pf-c-page__sidebar--BackgroundColor); transition: var(--pf-c-page__sidebar--Transition); transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ)); } @media screen and (min-width:1200px) { .pf-c-page__sidebar { box-shadow: var(--pf-c-page__sidebar--BoxShadow); } } .pf-c-page__sidebar.pf-m-expanded { --pf-c-page__sidebar--TranslateX:var(--pf-c-page__sidebar--m-expanded--TranslateX); box-shadow: var(--pf-c-page__sidebar--BoxShadow); } .pf-c-page__sidebar.pf-m-collapsed { max-width: 0; overflow: hidden; } .pf-c-page__sidebar.pf-m-light { color: var(--pf-global--Color--100); --pf-c-page__sidebar--BackgroundColor:var(--pf-c-page__sidebar--m-light--BackgroundColor); } .pf-c-page__sidebar-body { padding-top: var(--pf-c-page__sidebar-body--PaddingTop); padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom); } .pf-c-page__sidebar-body.pf-m-menu { --pf-c-page__sidebar-body--PaddingTop:var(--pf-c-page__sidebar-body--m-menu--PaddingTop); --pf-c-page__sidebar-body--PaddingBottom:var(--pf-c-page__sidebar-body--m-menu--PaddingBottom); background-color: var(--pf-global--palette--black-900); border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-c-page__sidebar-body--m-menu--BorderTopColor); } .pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu { --pf-c-page__sidebar-body--m-menu--BorderTopWidth:0; } .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector { --pf-c-context-selector__toggle--BorderTopColor:transparent; --pf-c-context-selector__toggle--BorderRightColor:transparent; --pf-c-context-selector__toggle--BorderBottomColor:var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor); --pf-c-context-selector__toggle--BorderLeftColor:transparent; --pf-c-context-selector__menu--Top:100%; color: var(--pf-global--Color--100); width: 100%; } .pf-c-page__main-breadcrumb.pf-m-limit-width, .pf-c-page__main-nav.pf-m-limit-width, .pf-c-page__main-section.pf-m-limit-width, .pf-c-page__main-tabs.pf-m-limit-width, .pf-c-page__main-wizard.pf-m-limit-width { display: flex; flex-direction: column; padding: 0; } .pf-c-page__main-breadcrumb.pf-m-limit-width > .pf-c-page__main-body, .pf-c-page__main-nav.pf-m-limit-width > .pf-c-page__main-body, .pf-c-page__main-section.pf-m-limit-width > .pf-c-page__main-body, .pf-c-page__main-tabs.pf-m-limit-width > .pf-c-page__main-body, .pf-c-page__main-wizard.pf-m-limit-width > .pf-c-page__main-body { flex: 1; max-width: var(--pf-c-page--section--m-limit-width--MaxWidth); } .pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center, .pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center, .pf-c-page__main-section.pf-m-limit-width.pf-m-align-center, .pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center, .pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center { align-items: center; } .pf-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body, .pf-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body, .pf-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body, .pf-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body, .pf-c-page__main-wizard.pf-m-limit-width.pf-m-align-center > .pf-c-page__main-body { width: 100%; } .pf-c-page__main-breadcrumb, .pf-c-page__main-group, .pf-c-page__main-nav, .pf-c-page__main-section, .pf-c-page__main-subnav, .pf-c-page__main-tabs, .pf-c-page__main-wizard { flex-shrink: 0; } .pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top, .pf-c-page__main-nav.pf-m-sticky-top, .pf-c-page__main-section.pf-m-sticky-top, .pf-c-page__main-subnav.pf-m-sticky-top, .pf-c-page__main-tabs.pf-m-sticky-top, .pf-c-page__main-wizard.pf-m-sticky-top { position: sticky; top: 0; z-index: var(--pf-c-page--section--m-sticky-top--ZIndex); box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow); } .pf-c-page__main-breadcrumb.pf-m-sticky-bottom, .pf-c-page__main-group.pf-m-sticky-bottom, .pf-c-page__main-nav.pf-m-sticky-bottom, .pf-c-page__main-section.pf-m-sticky-bottom, .pf-c-page__main-subnav.pf-m-sticky-bottom, .pf-c-page__main-tabs.pf-m-sticky-bottom, .pf-c-page__main-wizard.pf-m-sticky-bottom { position: sticky; bottom: 0; z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex); box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow); } .pf-c-page__main-breadcrumb.pf-m-overflow-scroll, .pf-c-page__main-group.pf-m-overflow-scroll, .pf-c-page__main-nav.pf-m-overflow-scroll, .pf-c-page__main-section.pf-m-overflow-scroll, .pf-c-page__main-subnav.pf-m-overflow-scroll, .pf-c-page__main-tabs.pf-m-overflow-scroll, .pf-c-page__main-wizard.pf-m-overflow-scroll { position: relative; flex-shrink: 1; overflow: auto; } .pf-c-page__main-breadcrumb.pf-m-shadow-bottom, .pf-c-page__main-group.pf-m-shadow-bottom, .pf-c-page__main-nav.pf-m-shadow-bottom, .pf-c-page__main-section.pf-m-shadow-bottom, .pf-c-page__main-subnav.pf-m-shadow-bottom, .pf-c-page__main-tabs.pf-m-shadow-bottom, .pf-c-page__main-wizard.pf-m-shadow-bottom { z-index: var(--pf-c-page--section--m-shadow-bottom--ZIndex); box-shadow: var(--pf-c-page--section--m-shadow-bottom--BoxShadow); } .pf-c-page__main-breadcrumb.pf-m-shadow-top, .pf-c-page__main-group.pf-m-shadow-top, .pf-c-page__main-nav.pf-m-shadow-top, .pf-c-page__main-section.pf-m-shadow-top, .pf-c-page__main-subnav.pf-m-shadow-top, .pf-c-page__main-tabs.pf-m-shadow-top, .pf-c-page__main-wizard.pf-m-shadow-top { z-index: var(--pf-c-page--section--m-shadow-top--ZIndex); box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow); } .pf-c-page__drawer, .pf-c-page__main { grid-area: main; z-index: var(--pf-c-page__main--ZIndex); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .pf-c-page__drawer:focus, .pf-c-page__main:focus { outline: 0; } .pf-c-page__main, .pf-c-page__main-drawer, .pf-c-page__main-group { display: flex; flex-direction: column; } .pf-c-page__main-nav { padding-top: var(--pf-c-page__main-nav--PaddingTop); padding-right: var(--pf-c-page__main-nav--PaddingRight); padding-left: var(--pf-c-page__main-nav--PaddingLeft); background-color: var(--pf-c-page__main-nav--BackgroundColor); } .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child, .pf-c-page__main-nav.pf-m-sticky-top { padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom); } .pf-c-page__main-subnav { background-color: var(--pf-c-page__main-subnav--BackgroundColor); border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor); border-left: var(--pf-c-page__main-subnav--BorderLeftWidth) solid var(--pf-c-page__main-subnav--BorderLeftColor); } @media screen and (min-width:1200px) { .pf-c-page__sidebar ~ .pf-c-page__main { --pf-c-page__main-subnav--BorderLeftWidth:var(--pf-c-page__sidebar--main__main-subnav--BorderLeftWidth); } } .pf-c-page__sidebar.pf-m-collapsed ~ .pf-c-page__main { --pf-c-page__main-subnav--BorderLeftWidth:var(--pf-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth); } .pf-c-page__main-breadcrumb { padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft); background-color: var(--pf-c-page__main-breadcrumb--BackgroundColor); } .pf-c-page__main-breadcrumb + .pf-c-page__main-section { --pf-c-page__main-section--PaddingTop:var(--pf-c-page__main-breadcrumb--main-section--PaddingTop); } .pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child { --pf-c-page__main-breadcrumb--PaddingBottom:var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom); } .pf-c-page__main-tabs { padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft); background-color: var(--pf-c-page__main-tabs--BackgroundColor); } .pf-c-page__main-nav + .pf-c-page__main-tabs { --pf-c-page__main-tabs--PaddingTop:var(--pf-c-page__main-nav--page__main-tabs--PaddingTop); } .pf-c-page__main-breadcrumb + .pf-c-page__main-tabs { --pf-c-page__main-tabs--PaddingTop:var(--pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop); } .pf-c-page__main-group.pf-m-fill, .pf-c-page__main-group:last-child, .pf-c-page__main-group:only-child, .pf-c-page__main-section.pf-m-fill, .pf-c-page__main-section:last-child, .pf-c-page__main-section:only-child, .pf-c-page__main-wizard.pf-m-fill, .pf-c-page__main-wizard:last-child, .pf-c-page__main-wizard:only-child { flex-grow: 1; } .pf-c-page__main-group.pf-m-no-fill, .pf-c-page__main-section.pf-m-no-fill, .pf-c-page__main-wizard.pf-m-no-fill { flex-grow: 0; } .pf-c-page__main-section { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); background-color: var(--pf-c-page__main-section--BackgroundColor); } .pf-c-page__main-section.pf-m-light { --pf-c-page__main-section--BackgroundColor:var(--pf-c-page__main-section--m-light--BackgroundColor); } .pf-c-page__main-section[class*=pf-m-dark-] { color: var(--pf-global--Color--100); } .pf-c-page__main-section.pf-m-dark-100 { --pf-c-page__main-section--BackgroundColor:var(--pf-c-page__main-section--m-dark-100--BackgroundColor); } .pf-c-page__main-section.pf-m-dark-200 { --pf-c-page__main-section--BackgroundColor:var(--pf-c-page__main-section--m-dark-200--BackgroundColor); } .pf-c-page__main-section.pf-m-padding { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding, .pf-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-c-page__main-body { padding: 0; } @media (min-width:576px) { .pf-c-page__main-section.pf-m-padding-on-sm { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding-on-sm, .pf-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-c-page__main-body { padding: 0; } } @media (min-width:768px) { .pf-c-page__main-section.pf-m-padding-on-md { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding-on-md, .pf-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-c-page__main-body { padding: 0; } } @media (min-width:992px) { .pf-c-page__main-section.pf-m-padding-on-lg { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding-on-lg, .pf-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-c-page__main-body { padding: 0; } } @media (min-width:1200px) { .pf-c-page__main-section.pf-m-padding-on-xl { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding-on-xl, .pf-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-c-page__main-body { padding: 0; } } @media (min-width:1450px) { .pf-c-page__main-section.pf-m-padding-on-2xl { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width { padding: 0; } .pf-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-section.pf-m-no-padding-on-2xl, .pf-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-c-page__main-body { padding: 0; } } .pf-c-page__main-wizard { flex: 1 1; min-height: 0; background-color: var(--pf-c-page__main-wizard--BackgroundColor); border-top: var(--pf-c-page__main-wizard--BorderTopWidth) solid var(--pf-c-page__main-wizard--BorderTopColor); } .pf-c-page__main-wizard:first-child { --pf-c-page__main-wizard--BorderTopWidth:0; } .pf-c-page__main-wizard .pf-c-page__main-body { min-height: 0; } .pf-c-page__main-group { flex-shrink: 0; } .pf-c-page__main-nav .pf-c-page__main-body { padding-top: var(--pf-c-page__main-nav--PaddingTop); padding-right: var(--pf-c-page__main-nav--PaddingRight); padding-left: var(--pf-c-page__main-nav--PaddingLeft); } .pf-c-page__main-breadcrumb .pf-c-page__main-body { padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft); } .pf-c-page__main-section .pf-c-page__main-body { padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft); } .pf-c-page__main-tabs .pf-c-page__main-body { padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft); } .pf-c-page__drawer { grid-area: main; } .pf-c-page__drawer > .pf-c-drawer { flex: 1 0 auto; } .pf-c-pagination { --pf-c-pagination--child--MarginRight:var(--pf-global--spacer--lg); --pf-c-pagination--m-bottom--child--MarginRight:0; --pf-c-pagination--m-bottom--child--md--MarginRight:var(--pf-global--spacer--lg); --pf-c-pagination--m-compact--child--MarginRight:var(--pf-global--spacer--sm); --pf-c-pagination--c-options-menu__toggle--FontSize:var(--pf-global--FontSize--sm); --pf-c-pagination__nav--Display:none; --pf-c-pagination__nav--Visibility:hidden; --pf-c-pagination--m-display-summary__nav--Display:none; --pf-c-pagination--m-display-summary__nav--Visibility:hidden; --pf-c-pagination--m-display-full__nav--Display:inline-flex; --pf-c-pagination--m-display-full__nav--Visibility:visible; --pf-c-pagination__nav-control--c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-pagination__nav-control--c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-pagination__nav-control--c-button--FontSize:var(--pf-global--FontSize--md); --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight:var(--pf-global--spacer--sm); --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft:var(--pf-global--spacer--md); --pf-c-pagination__nav-page-select--FontSize:var(--pf-global--FontSize--sm); --pf-c-pagination__nav-page-select--PaddingLeft:var(--pf-global--spacer--md); --pf-c-pagination__nav-page-select--PaddingRight:var(--pf-global--spacer--md); --pf-c-pagination__nav-page-select--child--MarginRight:var(--pf-global--spacer--xs); --pf-c-pagination__nav-page-select--c-form-control--width-base:3.5ch; --pf-c-pagination__nav-page-select--c-form-control--width-chars:2; --pf-c-pagination__nav-page-select--c-form-control--Width:calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + var(--pf-c-pagination__nav-page-select--c-form-control--width-chars)*1ch); --pf-c-pagination__total-items--Display:block; --pf-c-pagination__total-items--Visibility:visible; --pf-c-pagination--m-display-summary__total-items--Display:block; --pf-c-pagination--m-display-summary__total-items--Visibility:visible; --pf-c-pagination--m-display-full__total-items--Display:none; --pf-c-pagination--m-display-full__total-items--Visibility:hidden; --pf-c-pagination--m-sticky--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-pagination--m-sticky--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-pagination--m-sticky--md--PaddingTop:var(--pf-global--spacer--md); --pf-c-pagination--m-sticky--md--PaddingRight:var(--pf-global--spacer--md); --pf-c-pagination--m-sticky--md--PaddingBottom:var(--pf-global--spacer--md); --pf-c-pagination--m-sticky--md--PaddingLeft:var(--pf-global--spacer--md); --pf-c-pagination--m-sticky--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-pagination--m-sticky--Top:0; --pf-c-pagination--m-bottom--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-pagination--m-bottom--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-pagination--m-bottom--Bottom:0; --pf-c-pagination--m-bottom--md--PaddingTop:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom--md--PaddingRight:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom--md--PaddingBottom:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom--md--PaddingLeft:var(--pf-global--spacer--md); --pf-c-pagination--m-bottom--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-pagination--m-bottom--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-pagination--m-bottom--m-sticky--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-pagination--c-options-menu--Display:none; --pf-c-pagination--c-options-menu--Visibility:hidden; --pf-c-pagination--m-display-summary--c-options-menu--Display:none; --pf-c-pagination--m-display-summary--c-options-menu--Visibility:hidden; --pf-c-pagination--m-display-full--c-options-menu--Display:inline-flex; --pf-c-pagination--m-display-full--c-options-menu--Visibility:visible; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } @media screen and (min-width:768px) { .pf-c-pagination { --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop:var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight:var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom:var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom); --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft:var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft); --pf-c-pagination--m-bottom--child--MarginRight:var(--pf-c-pagination--m-bottom--child--md--MarginRight); --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset:0; --pf-c-pagination--m-bottom--BoxShadow:none; --pf-c-pagination--c-options-menu--Display:inline-flex; --pf-c-pagination--c-options-menu--Visibility:visible; --pf-c-pagination__nav--Display:inline-flex; --pf-c-pagination__nav--Visibility:visible; --pf-c-pagination__total-items--Display:none; --pf-c-pagination__total-items--Visibility:hidden; } } @media screen and (min-width:1200px) { .pf-c-pagination { --pf-c-pagination--m-bottom--md--PaddingRight:var(--pf-c-pagination--m-bottom--xl--PaddingRight); --pf-c-pagination--m-bottom--md--PaddingLeft:var(--pf-c-pagination--m-bottom--xl--PaddingLeft); } } .pf-c-pagination > :not(:last-child):not(.pf-c-pagination__total-items) { margin-right: var(--pf-c-pagination--child--MarginRight); } .pf-c-pagination .pf-c-options-menu { display: var(--pf-c-pagination--c-options-menu--Display); visibility: var(--pf-c-pagination--c-options-menu--Visibility); } .pf-c-pagination.pf-m-bottom { --pf-c-pagination--child--MarginRight:var(--pf-c-pagination--m-bottom--child--MarginRight); --pf-c-pagination__nav-control--c-button--PaddingRight:var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight); --pf-c-pagination__nav-control--c-button--PaddingLeft:var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight); --pf-c-pagination--m-sticky--BoxShadow:var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow); --pf-c-pagination--m-sticky--Top:auto; position: sticky; bottom: var(--pf-c-pagination--m-bottom--Bottom); justify-content: center; background-color: var(--pf-c-pagination--m-bottom--BackgroundColor); box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow); } .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button { --pf-c-button--PaddingTop:var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop); --pf-c-button--PaddingBottom:var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom); outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset); } .pf-c-pagination.pf-m-bottom.pf-m-static { --pf-c-pagination--m-bottom--MarginTop:0; --pf-c-pagination--m-bottom--BorderTopWidth:0; position: relative; box-shadow: none; } .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first, .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last, .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select { display: none; visibility: hidden; } .pf-c-pagination.pf-m-bottom .pf-c-options-menu { position: absolute; display: block; visibility: visible; } .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav { display: flex; flex-basis: 100%; justify-content: space-between; visibility: visible; } @media screen and (min-width:768px) { .pf-c-pagination.pf-m-bottom { --pf-c-pagination--m-bottom--BorderTopWidth:0; --pf-c-pagination--m-bottom--MarginTop:0; --pf-c-pagination--m-bottom--Bottom:auto; position: relative; justify-content: flex-end; padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft); } .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first, .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last, .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select { display: block; visibility: visible; } .pf-c-pagination.pf-m-bottom .pf-c-options-menu { position: relative; } .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav { display: inline-flex; flex-basis: auto; } } .pf-c-pagination.pf-m-sticky { --pf-c-pagination--m-bottom--Bottom:0; position: sticky; top: var(--pf-c-pagination--m-sticky--Top); z-index: var(--pf-c-pagination--m-sticky--ZIndex); padding-top: var(--pf-c-pagination--m-sticky--PaddingTop); padding-right: var(--pf-c-pagination--m-sticky--PaddingRight); padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom); padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft); background-color: var(--pf-c-pagination--m-sticky--BackgroundColor); box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow); } @media screen and (min-width:768px) { .pf-c-pagination.pf-m-sticky { padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft); } } .pf-c-pagination .pf-c-options-menu__toggle { font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize); } .pf-c-pagination.pf-m-compact { --pf-c-pagination--child--MarginRight:var(--pf-c-pagination--m-compact--child--MarginRight); } .pf-c-pagination__nav { display: var(--pf-c-pagination__nav--Display); justify-content: flex-end; visibility: var(--pf-c-pagination__nav--Visibility); } .pf-c-pagination__nav-control .pf-c-button { padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight); padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft); font-size: var(--pf-c-pagination__nav-control--c-button--FontSize); } .pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control { margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft); } .pf-c-pagination__nav-page-select { display: flex; align-items: center; padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight); padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft); } .pf-c-pagination__nav-page-select > * { font-size: var(--pf-c-pagination__nav-page-select--FontSize); white-space: nowrap; } .pf-c-pagination__nav-page-select > :not(:last-child) { margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight); } .pf-c-pagination__nav-page-select .pf-c-form-control { width: var(--pf-c-pagination__nav-page-select--c-form-control--Width); } .pf-c-pagination__total-items { display: var(--pf-c-pagination__total-items--Display); visibility: var(--pf-c-pagination__total-items--Visibility); } .pf-c-pagination.pf-m-display-summary { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } @media (min-width:576px) { .pf-c-pagination.pf-m-display-summary-on-sm { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full-on-sm { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } } @media (min-width:768px) { .pf-c-pagination.pf-m-display-summary-on-md { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full-on-md { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } } @media (min-width:992px) { .pf-c-pagination.pf-m-display-summary-on-lg { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full-on-lg { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } } @media (min-width:1200px) { .pf-c-pagination.pf-m-display-summary-on-xl { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full-on-xl { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } } @media (min-width:1450px) { .pf-c-pagination.pf-m-display-summary-on-2xl { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-summary__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-summary__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-summary--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-summary__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-summary__total-items--Visibility); } .pf-c-pagination.pf-m-display-full-on-2xl { --pf-c-pagination__nav--Display:var(--pf-c-pagination--m-display-full__nav--Display); --pf-c-pagination__nav--Visibility:var(--pf-c-pagination--m-display-full__nav--Visibility); --pf-c-pagination--c-options-menu--Display:var(--pf-c-pagination--m-display-full--c-options-menu--Display); --pf-c-pagination--c-options-menu--Visibility:var(--pf-c-pagination--m-display-full--c-options-menu--Visibility); --pf-c-pagination__total-items--Display:var(--pf-c-pagination--m-display-full__total-items--Display); --pf-c-pagination__total-items--Visibility:var(--pf-c-pagination--m-display-full__total-items--Visibility); } } .pf-c-panel { --pf-c-panel--Width:auto; --pf-c-panel--MinWidth:auto; --pf-c-panel--MaxWidth:none; --pf-c-panel--ZIndex:auto; --pf-c-panel--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-panel--BoxShadow:none; --pf-c-panel--before--BorderWidth:0; --pf-c-panel--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-panel--m-bordered--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-panel--m-raised--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-panel--m-raised--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-panel__header--PaddingTop:var(--pf-global--spacer--md); --pf-c-panel__header--PaddingRight:var(--pf-global--spacer--md); --pf-c-panel__header--PaddingBottom:var(--pf-global--spacer--md); --pf-c-panel__header--PaddingLeft:var(--pf-global--spacer--md); --pf-c-panel__main--MaxHeight:none; --pf-c-panel__main--Overflow:visible; --pf-c-panel__main-body--PaddingTop:var(--pf-global--spacer--md); --pf-c-panel__main-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-panel__main-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-panel__main-body--PaddingLeft:var(--pf-global--spacer--md); --pf-c-panel__footer--PaddingTop:var(--pf-global--spacer--md); --pf-c-panel__footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-panel__footer--PaddingBottom:var(--pf-global--spacer--md); --pf-c-panel__footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-panel__footer--BoxShadow:none; --pf-c-panel--m-scrollable__main--MaxHeight:18.75rem; --pf-c-panel--m-scrollable__main--Overflow:auto; --pf-c-panel--m-scrollable__footer--BoxShadow:0 -0.3125rem 0.25rem -0.25rem rgba(3,3,3,0.16); position: relative; z-index: var(--pf-c-panel--ZIndex); width: var(--pf-c-panel--Width); min-width: var(--pf-c-panel--MinWidth); max-width: var(--pf-c-panel--MaxWidth); background-color: var(--pf-c-panel--BackgroundColor); box-shadow: var(--pf-c-panel--BoxShadow); } .pf-c-panel:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor); } .pf-c-panel.pf-m-bordered { --pf-c-panel--before--BorderWidth:var(--pf-c-panel--m-bordered--before--BorderWidth); } .pf-c-panel.pf-m-raised { --pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow); --pf-c-panel--ZIndex:var(--pf-c-panel--m-raised--ZIndex); } .pf-c-panel.pf-m-scrollable { --pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight); --pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow); --pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow); } .pf-c-panel__header { padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft); } .pf-c-panel__main { max-height: var(--pf-c-panel__main--MaxHeight); overflow: var(--pf-c-panel__main--Overflow); } .pf-c-panel__main-body { padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft); } .pf-c-panel__footer { padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft); box-shadow: var(--pf-c-panel__footer--BoxShadow); } .pf-c-popover { --pf-c-popover--FontSize:var(--pf-global--FontSize--sm); --pf-c-popover--MinWidth:calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem); --pf-c-popover--MaxWidth:calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem); --pf-c-popover--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-popover--m-danger__title-icon--Color:var(--pf-global--danger-color--100); --pf-c-popover--m-warning__title-icon--Color:var(--pf-global--warning-color--100); --pf-c-popover--m-success__title-icon--Color:var(--pf-global--success-color--100); --pf-c-popover--m-info__title-icon--Color:var(--pf-global--info-color--100); --pf-c-popover--m-default__title-icon--Color:var(--pf-global--default-color--200); --pf-c-popover--m-danger__title-text--Color:var(--pf-global--danger-color--200); --pf-c-popover--m-warning__title-text--Color:var(--pf-global--warning-color--200); --pf-c-popover--m-success__title-text--Color:var(--pf-global--success-color--200); --pf-c-popover--m-info__title-text--Color:var(--pf-global--info-color--200); --pf-c-popover--m-default__title-text--Color:var(--pf-global--default-color--300); --pf-c-popover__content--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-popover__content--PaddingTop:var(--pf-global--spacer--md); --pf-c-popover__content--PaddingRight:var(--pf-global--spacer--md); --pf-c-popover__content--PaddingBottom:var(--pf-global--spacer--md); --pf-c-popover__content--PaddingLeft:var(--pf-global--spacer--md); --pf-c-popover__arrow--Width:var(--pf-global--arrow--width-lg); --pf-c-popover__arrow--Height:var(--pf-global--arrow--width-lg); --pf-c-popover__arrow--BoxShadow:var(--pf-global--BoxShadow--lg); --pf-c-popover__arrow--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-popover__arrow--m-top--TranslateX:-50%; --pf-c-popover__arrow--m-top--TranslateY:50%; --pf-c-popover__arrow--m-top--Rotate:45deg; --pf-c-popover__arrow--m-right--TranslateX:-50%; --pf-c-popover__arrow--m-right--TranslateY:-50%; --pf-c-popover__arrow--m-right--Rotate:45deg; --pf-c-popover__arrow--m-bottom--TranslateX:-50%; --pf-c-popover__arrow--m-bottom--TranslateY:-50%; --pf-c-popover__arrow--m-bottom--Rotate:45deg; --pf-c-popover__arrow--m-left--TranslateX:50%; --pf-c-popover__arrow--m-left--TranslateY:-50%; --pf-c-popover__arrow--m-left--Rotate:45deg; --pf-c-popover--c-button--MarginLeft:var(--pf-global--spacer--sm); --pf-c-popover--c-button--Top:calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element)); --pf-c-popover--c-button--Right:var(--pf-global--spacer--md); --pf-c-popover--c-button--sibling--PaddingRight:var(--pf-global--spacer--2xl); --pf-c-popover--c-title--MarginBottom:var(--pf-global--spacer--sm); --pf-c-popover__title--MarginBottom:var(--pf-global--spacer--sm); --pf-c-popover__title--LineHeight:var(--pf-global--LineHeight--md); --pf-c-popover__title--FontFamily:var(--pf-global--FontFamily--heading--sans-serif); --pf-c-popover__title--FontSize:var(--pf-global--FontSize--md); --pf-c-popover__title-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-popover__title-icon--Color:var(--pf-global--Color--100); --pf-c-popover__footer--MarginTop:var(--pf-global--spacer--md); position: relative; min-width: var(--pf-c-popover--MinWidth); max-width: var(--pf-c-popover--MaxWidth); font-size: var(--pf-c-popover--FontSize); box-shadow: var(--pf-c-popover--BoxShadow); } .pf-c-popover.pf-m-no-padding { --pf-c-popover__content--PaddingTop:0px; --pf-c-popover__content--PaddingRight:0px; --pf-c-popover__content--PaddingBottom:0px; --pf-c-popover__content--PaddingLeft:0px; } .pf-c-popover.pf-m-width-auto { --pf-c-popover--MinWidth:auto; --pf-c-popover--MaxWidth:none; } .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-top .pf-c-popover__arrow { bottom: 0; left: 50%; transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate)); } .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom .pf-c-popover__arrow { top: 0; left: 50%; transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate)); } .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left .pf-c-popover__arrow { top: 50%; right: 0; transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate)); } .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right .pf-c-popover__arrow { top: 50%; left: 0; transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate)); } .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow { top: var(--pf-c-popover__arrow--Height); } .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow { top: auto; bottom: 0; } .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow { left: var(--pf-c-popover__arrow--Width); } .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow { right: 0; left: auto; } .pf-c-popover.pf-m-danger { --pf-c-popover__title-icon--Color:var(--pf-c-popover--m-danger__title-icon--Color); --pf-c-popover__title-text--Color:var(--pf-c-popover--m-danger__title-text--Color); } .pf-c-popover.pf-m-warning { --pf-c-popover__title-icon--Color:var(--pf-c-popover--m-warning__title-icon--Color); --pf-c-popover__title-text--Color:var(--pf-c-popover--m-warning__title-text--Color); } .pf-c-popover.pf-m-success { --pf-c-popover__title-icon--Color:var(--pf-c-popover--m-success__title-icon--Color); --pf-c-popover__title-text--Color:var(--pf-c-popover--m-success__title-text--Color); } .pf-c-popover.pf-m-default { --pf-c-popover__title-icon--Color:var(--pf-c-popover--m-default__title-icon--Color); --pf-c-popover__title-text--Color:var(--pf-c-popover--m-default__title-text--Color); } .pf-c-popover.pf-m-info { --pf-c-popover__title-icon--Color:var(--pf-c-popover--m-info__title-icon--Color); --pf-c-popover__title-text--Color:var(--pf-c-popover--m-info__title-text--Color); } .pf-c-popover__content { position: relative; padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft); background-color: var(--pf-c-popover__content--BackgroundColor); } .pf-c-popover__content > .pf-c-title { margin-bottom: var(--pf-c-popover--c-title--MarginBottom); } .pf-c-popover__content > .pf-c-button { position: absolute; top: var(--pf-c-popover--c-button--Top); right: var(--pf-c-popover--c-button--Right); } .pf-c-popover__content > .pf-c-button + * { padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight); } .pf-c-popover__arrow { position: absolute; width: var(--pf-c-popover__arrow--Width); height: var(--pf-c-popover__arrow--Height); pointer-events: none; background-color: var(--pf-c-popover__arrow--BackgroundColor); box-shadow: var(--pf-c-popover__arrow--BoxShadow); } .pf-c-popover__title { flex: 0 0 auto; margin-bottom: var(--pf-c-popover__title--MarginBottom); font-family: var(--pf-c-popover__title--FontFamily); font-size: var(--pf-c-popover__title--FontSize); line-height: var(--pf-c-popover__title--LineHeight); } .pf-c-popover__title.pf-m-icon { display: flex; } .pf-c-popover__title-icon { margin-right: var(--pf-c-popover__title-icon--MarginRight); color: var(--pf-c-popover__title-icon--Color); } .pf-c-popover__title-text { color: var(--pf-c-popover__title-text--Color,inherit); } .pf-c-popover__body { word-wrap: break-word; } .pf-c-popover__footer { margin-top: var(--pf-c-popover__footer--MarginTop); } .pf-c-progress { --pf-c-progress--GridGap:var(--pf-global--spacer--md); --pf-c-progress__bar--before--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-progress__bar--Height:var(--pf-global--spacer--md); --pf-c-progress__bar--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-progress__measure--m-static-width--MinWidth:4.5ch; --pf-c-progress__status-icon--Color:var(--pf-global--Color--100); --pf-c-progress__status-icon--MarginLeft:var(--pf-global--spacer--sm); --pf-c-progress__bar--before--Opacity:.2; --pf-c-progress__indicator--Height:var(--pf-c-progress__bar--Height); --pf-c-progress__indicator--BackgroundColor:var(--pf-c-progress__bar--before--BackgroundColor); --pf-c-progress--m-success__bar--BackgroundColor:var(--pf-global--success-color--100); --pf-c-progress--m-warning__bar--BackgroundColor:var(--pf-global--warning-color--100); --pf-c-progress--m-danger__bar--BackgroundColor:var(--pf-global--danger-color--100); --pf-c-progress--m-success__status-icon--Color:var(--pf-global--success-color--100); --pf-c-progress--m-warning__status-icon--Color:var(--pf-global--warning-color--100); --pf-c-progress--m-danger__status-icon--Color:var(--pf-global--danger-color--100); --pf-c-progress--m-inside__indicator--MinWidth:var(--pf-global--spacer--xl); --pf-c-progress--m-inside__measure--Color:var(--pf-global--Color--light-100); --pf-c-progress--m-success--m-inside__measure--Color:var(--pf-global--Color--light-100); --pf-c-progress--m-warning--m-inside__measure--Color:var(--pf-global--Color--dark-100); --pf-c-progress--m-inside__measure--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress--m-outside__measure--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress--m-sm__bar--Height:var(--pf-global--spacer--sm); --pf-c-progress--m-sm__description--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress--m-sm__measure--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress--m-lg__bar--Height:var(--pf-global--spacer--lg); display: grid; align-items: end; grid-gap: var(--pf-c-progress--GridGap); grid-template-columns: auto auto; grid-template-rows: 1fr auto; } .pf-c-progress.pf-m-sm { --pf-c-progress__bar--Height:var(--pf-c-progress--m-sm__bar--Height); } .pf-c-progress.pf-m-sm .pf-c-progress__description { font-size: var(--pf-c-progress--m-sm__description--FontSize); } .pf-c-progress.pf-m-sm .pf-c-progress__measure { font-size: var(--pf-c-progress--m-sm__measure--FontSize); } .pf-c-progress.pf-m-lg { --pf-c-progress__bar--Height:var(--pf-c-progress--m-lg__bar--Height); } .pf-c-progress.pf-m-inside .pf-c-progress__indicator { display: flex; align-items: center; justify-content: center; min-width: var(--pf-c-progress--m-inside__indicator--MinWidth); } .pf-c-progress.pf-m-inside .pf-c-progress__measure { font-size: var(--pf-c-progress--m-inside__measure--FontSize); color: var(--pf-c-progress--m-inside__measure--Color); text-align: center; } .pf-c-progress.pf-m-outside .pf-c-progress__description { grid-column: 1/3; } .pf-c-progress.pf-m-outside .pf-c-progress__status { grid-column: 2/3; grid-row: 2/3; align-self: center; } .pf-c-progress.pf-m-outside .pf-c-progress__measure { display: inline-block; font-size: var(--pf-c-progress--m-outside__measure--FontSize); } .pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width { min-width: var(--pf-c-progress__measure--m-static-width--MinWidth); text-align: left; } .pf-c-progress.pf-m-outside .pf-c-progress__bar, .pf-c-progress.pf-m-outside .pf-c-progress__indicator { grid-column: 1/2; } .pf-c-progress.pf-m-singleline { grid-template-rows: 1fr; } .pf-c-progress.pf-m-singleline .pf-c-progress__description { display: none; visibility: hidden; } .pf-c-progress.pf-m-singleline .pf-c-progress__bar { grid-row: 1/2; grid-column: 1/2; } .pf-c-progress.pf-m-singleline .pf-c-progress__status { grid-row: 1/2; grid-column: 2/3; } .pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline { grid-template-columns: 1fr fit-content(50%); } .pf-c-progress.pf-m-success { --pf-c-progress__bar--before--BackgroundColor:var(--pf-c-progress--m-success__bar--BackgroundColor); --pf-c-progress__status-icon--Color:var(--pf-c-progress--m-success__status-icon--Color); --pf-c-progress--m-inside__measure--Color:var(--pf-c-progress--m-success--m-inside__measure--Color); } .pf-c-progress.pf-m-warning { --pf-c-progress__bar--before--BackgroundColor:var(--pf-c-progress--m-warning__bar--BackgroundColor); --pf-c-progress__status-icon--Color:var(--pf-c-progress--m-warning__status-icon--Color); --pf-c-progress--m-inside__measure--Color:var(--pf-c-progress--m-warning--m-inside__measure--Color); } .pf-c-progress.pf-m-danger { --pf-c-progress__bar--before--BackgroundColor:var(--pf-c-progress--m-danger__bar--BackgroundColor); --pf-c-progress__status-icon--Color:var(--pf-c-progress--m-danger__status-icon--Color); } .pf-c-progress__description { word-break: break-word; grid-column: 1/2; } .pf-c-progress__description.pf-m-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pf-c-progress__status { grid-column: 2/3; grid-row: 1/2; text-align: right; word-break: break-word; } .pf-c-progress__status-icon { margin-left: var(--pf-c-progress__status-icon--MarginLeft); color: var(--pf-c-progress__status-icon--Color); } .pf-c-progress__bar { position: relative; grid-column: 1/3; grid-row: 2/3; align-self: center; height: var(--pf-c-progress__bar--Height); background-color: var(--pf-c-progress__bar--BackgroundColor); } .pf-c-progress__bar:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--pf-c-progress__bar--before--BackgroundColor); opacity: var(--pf-c-progress__bar--before--Opacity); } .pf-c-progress__indicator { position: absolute; top: 0; left: 0; height: var(--pf-c-progress__indicator--Height); background-color: var(--pf-c-progress__indicator--BackgroundColor); } .pf-c-progress-stepper { --pf-c-progress-stepper--GridAutoFlow:column; --pf-c-progress-stepper--GridTemplateRows:auto 1fr; --pf-c-progress-stepper--GridTemplateColumns:initial; --pf-c-progress-stepper--m-vertical--GridAutoFlow:row; --pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr; --pf-c-progress-stepper--m-compact--GridAutoFlow:row; --pf-c-progress-stepper--m-compact--GridTemplateColumns:repeat(auto-fill,1.75rem); --pf-c-progress-stepper__step-connector--JustifyContent:start; --pf-c-progress-stepper--m-center__step-connector--JustifyContent:center; --pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-progress-stepper__step-icon--Width:1.75rem; --pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width); --pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--icon--FontSize--md); --pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100); --pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200); --pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md); --pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100); --pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem; --pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-progress-stepper__pficon--MarginTop:3px; --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px; --pf-c-progress-stepper--m-compact__pficon--MarginTop:2px; --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px; --pf-c-progress-stepper__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height)/2); --pf-c-progress-stepper__step-connector--before--Left:0; --pf-c-progress-stepper__step-connector--before--Width:100%; --pf-c-progress-stepper__step-connector--before--Height:auto; --pf-c-progress-stepper__step-connector--before--BorderRightColor:unset; --pf-c-progress-stepper__step-connector--before--BorderRightWidth:0; --pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-progress-stepper__step-connector--before--Transform:translateY(-50%); --pf-c-progress-stepper--m-center__step-connector--before--Left:50%; --pf-c-progress-stepper--m-vertical__step-connector--before--Top:0; --pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width)/2); --pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto; --pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%; --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md); --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100); --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0; --pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%); --pf-c-progress-stepper__step-main--MarginTop:var(--pf-global--spacer--sm); --pf-c-progress-stepper__step-main--MarginRight:var(--pf-global--spacer--sm); --pf-c-progress-stepper__step-main--MarginBottom:0; --pf-c-progress-stepper__step-main--MarginLeft:0; --pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs); --pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs); --pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs); --pf-c-progress-stepper--m-vertical__step-main--MarginRight:0; --pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl); --pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs); --pf-c-progress-stepper--m-compact__step-main--MarginTop:0; --pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--sm); --pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100); --pf-c-progress-stepper__step-title--TextAlign:left; --pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md); --pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100); --pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200); --pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100); --pf-c-progress-stepper--m-center__step-title--TextAlign:center; --pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200); --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm); --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem; --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100); --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100); --pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100); --pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100); --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200); --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200); --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100); --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200); --pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--danger-color--200); --pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs); --pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm); --pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200); --pf-c-progress-stepper__step-description--TextAlign:left; --pf-c-progress-stepper--m-center__step-description--TextAlign:center; position: relative; display: grid; grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow); grid-template-columns: var(--pf-c-progress-stepper--GridTemplateColumns); grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows); grid-auto-columns: 1fr; } .pf-c-progress-stepper.pf-m-center { --pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left); --pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent); --pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight); --pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft); --pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight); --pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft); --pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign); --pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign); } .pf-c-progress-stepper.pf-m-vertical { --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow); --pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns); --pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top); --pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left); --pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width); --pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height); --pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth); --pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor); --pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth); --pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform); --pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop); --pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight); --pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom); --pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft); } .pf-c-progress-stepper.pf-m-compact { --pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow); --pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns); --pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width); --pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize); --pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop); --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop); --pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop); --pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom); --pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize); --pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight); } .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description { display: none; } .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main { grid-column: 1/-1; grid-row: 1/2; } .pf-c-progress-stepper__step { display: contents; } .pf-c-progress-stepper__step.pf-m-current { --pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight); --pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color); } .pf-c-progress-stepper__step.pf-m-pending { --pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-pending__step-title--Color); } .pf-c-progress-stepper__step.pf-m-success { --pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100); } .pf-c-progress-stepper__step.pf-m-danger { --pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100); --pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color); --pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color); --pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color); --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor); --pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor); --pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor); } .pf-c-progress-stepper__step.pf-m-warning { --pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100); } .pf-c-progress-stepper__step.pf-m-info { --pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100); } .pf-c-progress-stepper__step-connector { position: relative; display: flex; justify-content: var(--pf-c-progress-stepper__step-connector--JustifyContent); width: 100%; } .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector:before { position: absolute; top: var(--pf-c-progress-stepper__step-connector--before--Top); left: var(--pf-c-progress-stepper__step-connector--before--Left); width: var(--pf-c-progress-stepper__step-connector--before--Width); height: var(--pf-c-progress-stepper__step-connector--before--Height); content: ""; border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor); border-bottom: var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor); transform: var(--pf-c-progress-stepper__step-connector--before--Transform); } .pf-c-progress-stepper__step-icon { z-index: var(--pf-c-progress-stepper__step-icon--ZIndex); display: flex; align-items: center; justify-content: center; width: var(--pf-c-progress-stepper__step-icon--Width); height: var(--pf-c-progress-stepper__step-icon--Height); font-size: var(--pf-c-progress-stepper__step-icon--FontSize); color: var(--pf-c-progress-stepper__step-icon--Color); background-color: var(--pf-c-progress-stepper__step-icon--BackgroundColor); border: var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor); border-radius: 50%; } .pf-c-progress-stepper__step-icon .pficon { margin-top: var(--pf-c-progress-stepper__pficon--MarginTop); } .pf-c-progress-stepper__step-icon .fa-exclamation-triangle { margin-top: var(--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop); } .pf-c-progress-stepper__step-main { margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft); } .pf-c-progress-stepper__step-title { font-size: var(--pf-c-progress-stepper__step-title--FontSize); font-weight: var(--pf-c-progress-stepper__step-title--FontWeight); color: var(--pf-c-progress-stepper__step-title--Color); text-align: var(--pf-c-progress-stepper__step-title--TextAlign); } .pf-c-progress-stepper__step-title.pf-m-help-text { text-decoration: underline; cursor: pointer; text-decoration-style: dashed; text-decoration-color: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor); text-decoration-thickness: var(--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness); text-underline-offset: var(--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset); } .pf-c-progress-stepper__step-title.pf-m-help-text:hover { --pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step-title--m-help-text--hover--Color); --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor); } .pf-c-progress-stepper__step-title.pf-m-help-text:focus { --pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step-title--m-help-text--focus--Color); --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor); } .pf-c-progress-stepper__step-description { margin-top: var(--pf-c-progress-stepper__step-description--MarginTop); font-size: var(--pf-c-progress-stepper__step-description--FontSize); color: var(--pf-c-progress-stepper__step-description--Color); text-align: var(--pf-c-progress-stepper__step-description--TextAlign); } .pf-c-radio { --pf-c-radio--GridGap:var(--pf-global--spacer--xs) var(--pf-global--spacer--sm); --pf-c-radio__label--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-radio__label--Color:var(--pf-global--Color--100); --pf-c-radio__label--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-radio__label--FontSize:var(--pf-global--FontSize--md); --pf-c-radio__label--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-radio__input--Height:var(--pf-c-radio__label--FontSize); --pf-c-radio__input--MarginTop:calc(var(--pf-c-radio__label--FontSize)*var(--pf-c-radio__label--LineHeight)/2 - var(--pf-c-radio__input--Height)/2); --pf-c-radio__input--first-child--MarginLeft:0.0625rem; --pf-c-radio__input--last-child--MarginRight:0.0625rem; --pf-c-radio__description--FontSize:var(--pf-global--FontSize--sm); --pf-c-radio__description--Color:var(--pf-global--Color--200); --pf-c-radio__body--MarginTop:var(--pf-global--spacer--sm); display: grid; grid-template-columns: auto 1fr; grid-gap: var(--pf-c-radio--GridGap); align-items: start; justify-items: start; } .pf-c-radio.pf-m-standalone { --pf-c-radio--GridGap:0; --pf-c-radio__input--Height:auto; --pf-c-radio__input--MarginTop:0; display: inline-grid; line-height: 1; } .pf-c-radio__label { font-size: var(--pf-c-radio__label--FontSize); font-weight: var(--pf-c-radio__label--FontWeight); line-height: var(--pf-c-radio__label--LineHeight); color: var(--pf-c-radio__label--Color); } .pf-c-radio__input { height: var(--pf-c-radio__input--Height); margin-top: var(--pf-c-radio__input--MarginTop); } .pf-c-radio__input:first-child { margin-left: var(--pf-c-radio__input--first-child--MarginLeft); } .pf-c-radio__input:last-child { margin-right: var(--pf-c-radio__input--last-child--MarginRight); } .pf-c-radio__description { grid-column: 2; font-size: var(--pf-c-radio__description--FontSize); color: var(--pf-c-radio__description--Color); } .pf-c-radio__body { grid-column: 2; margin-top: var(--pf-c-radio__body--MarginTop); } .pf-c-radio__input, .pf-c-radio__label, label.pf-c-radio { cursor: pointer; } .pf-c-radio__input.pf-m-disabled, .pf-c-radio__input:disabled, .pf-c-radio__label.pf-m-disabled, .pf-c-radio__label:disabled { --pf-c-radio__label--Color:var(--pf-c-radio__label--disabled--Color); cursor: not-allowed; } .pf-c-search-input { --pf-c-search-input__text--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-search-input__text--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-search-input__text--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-search-input__text--after--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-search-input__bar--hover__text--after--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-search-input__text--focus-within--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-search-input__text--focus-within--after--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-search-input__text-input--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-search-input__text-input--PaddingRight:var(--pf-global--spacer--sm); --pf-c-search-input__text-input--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-search-input__text-input--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-search-input__text-input--MinWidth:6ch; --pf-c-search-input__text-input--m-hint--Color:var(--pf-global--Color--dark-200); --pf-c-search-input__icon--Left:var(--pf-global--spacer--sm); --pf-c-search-input__icon--Color:var(--pf-global--Color--200); --pf-c-search-input__text--hover__icon--Color:var(--pf-global--Color--100); --pf-c-search-input__icon--TranslateY:-50%; --pf-c-search-input__utilities--MarginRight:var(--pf-global--spacer--sm); --pf-c-search-input__utilities--MarginLeft:var(--pf-global--spacer--xs); --pf-c-search-input__utilities--child--MarginLeft:var(--pf-global--spacer--xs); --pf-c-search-input__utilities--c-button--PaddingRight:var(--pf-global--spacer--xs); --pf-c-search-input__utilities--c-button--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-search-input__menu-body--PaddingTop:var(--pf-global--spacer--md); --pf-c-search-input__menu-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-search-input__menu-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-search-input__menu-body--PaddingLeft:var(--pf-global--spacer--md); --pf-c-search-input__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-search-input__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-search-input__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-search-input__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-search-input--m-top__menu--Top:0; --pf-c-search-input--m-top__menu--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-search-input__menu-list--PaddingTop:var(--pf-global--spacer--sm); --pf-c-search-input__menu-list--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-search-input__menu-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-search-input__menu-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-search-input__menu-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-search-input__menu-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-search-input__menu-item--Color:var(--pf-global--Color--100); --pf-c-search-input__menu-item--BackgroundColor:transparent; --pf-c-search-input__menu-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-search-input__menu-item--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); position: relative; } .pf-c-search-input__bar { position: relative; display: flex; width: 100%; } .pf-c-search-input__bar:hover { --pf-c-search-input__text--after--BorderBottomColor:var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor); } .pf-c-search-input__text { display: grid; grid-template-columns: 1fr; grid-template-areas: "text-input"; flex: 1; } .pf-c-search-input__text:after, .pf-c-search-input__text:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .pf-c-search-input__text:before { border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor); } .pf-c-search-input__text:after { border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor); } .pf-c-search-input__text:focus-within, .pf-c-search-input__text:hover { --pf-c-search-input__icon--Color:var(--pf-c-search-input__text--hover__icon--Color); } .pf-c-search-input__text:focus-within { --pf-c-search-input__text--after--BorderBottomWidth:var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth); --pf-c-search-input__text--after--BorderBottomColor:var(--pf-c-search-input__text--focus-within--after--BorderBottomColor); } .pf-c-search-input__icon { position: absolute; top: 50%; left: var(--pf-c-search-input__icon--Left); color: var(--pf-c-search-input__icon--Color); transform: translateY(var(--pf-c-search-input__icon--TranslateY)); } .pf-c-search-input__text-input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; width: 100%; min-width: var(--pf-c-search-input__text-input--MinWidth); padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft); border: 0; } .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint { grid-area: text-input; } .pf-c-search-input__text-input.pf-m-hint { color: var(--pf-c-search-input__text-input--m-hint--Color); } .pf-c-search-input__utilities { display: flex; margin-right: var(--pf-c-search-input__utilities--MarginRight); margin-left: var(--pf-c-search-input__utilities--MarginLeft); } .pf-c-search-input__utilities > * + * { margin-left: var(--pf-c-search-input__utilities--child--MarginLeft); } .pf-c-search-input__utilities .pf-c-button { --pf-c-button--PaddingRight:var(--pf-c-search-input__utilities--c-button--PaddingRight); --pf-c-button--PaddingLeft:var(--pf-c-search-input__utilities--c-button--PaddingLeft); } .pf-c-search-input__nav { display: flex; } .pf-c-search-input__count { display: flex; align-items: center; } .pf-c-search-input__menu { position: absolute; top: var(--pf-c-search-input__menu--Top); z-index: var(--pf-c-search-input__menu--ZIndex); min-width: 100%; background-color: var(--pf-c-search-input__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-search-input__menu--BoxShadow); } .pf-c-search-input.pf-m-top .pf-c-search-input__menu { --pf-c-search-input__menu--Top:var(--pf-c-search-input--m-top__menu--Top); transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY)); } .pf-c-search-input__menu-body { padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft); } .pf-c-search-input__menu-list { padding-top: var(--pf-c-search-input__menu-list--PaddingTop); padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom); } .pf-c-search-input__menu-item { display: flex; width: 100%; min-width: 0; padding-top: var(--pf-c-search-input__menu-item--PaddingTop); padding-right: var(--pf-c-search-input__menu-item--PaddingRight); padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom); padding-left: var(--pf-c-search-input__menu-item--PaddingLeft); color: var(--pf-c-search-input__menu-item--Color); text-align: left; background-color: var(--pf-c-search-input__menu-item--BackgroundColor); border: none; } .pf-c-search-input__menu-item:hover { --pf-c-search-input__menu-item--BackgroundColor:var(--pf-c-search-input__menu-item--hover--BackgroundColor); } .pf-c-search-input__menu-item:focus { --pf-c-search-input__menu-item--BackgroundColor:var(--pf-c-search-input__menu-item--focus--BackgroundColor); } .pf-c-search-input__menu-item-text { flex-grow: 1; } .pf-c-select { color: var(--pf-global--Color--100); --pf-c-select__toggle--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-select__toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-select__toggle--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-select__toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-select__toggle--MinWidth:var(--pf-global--target-size--MinWidth); --pf-c-select__toggle--FontSize:var(--pf-global--FontSize--md); --pf-c-select__toggle--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-select__toggle--LineHeight:var(--pf-global--LineHeight--md); --pf-c-select__toggle--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-select__toggle--before--BorderTopWidth:var(--pf-global--BorderWidth--sm); --pf-c-select__toggle--before--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-select__toggle--before--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-select__toggle--before--BorderWidth:var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth); --pf-c-select__toggle--before--BorderTopColor:var(--pf-global--BorderColor--300); --pf-c-select__toggle--before--BorderRightColor:var(--pf-global--BorderColor--300); --pf-c-select__toggle--before--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-select__toggle--before--BorderLeftColor:var(--pf-global--BorderColor--300); --pf-c-select__toggle--Color:var(--pf-global--Color--100); --pf-c-select__toggle--hover--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-select__toggle--focus--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-select__toggle--focus--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select__toggle--active--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-select__toggle--active--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select__toggle--m-expanded--before--BorderBottomColor:var(--pf-global--active-color--100); --pf-c-select__toggle--m-expanded--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select__toggle--disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-select__toggle--m-plain--before--BorderColor:transparent; --pf-c-select__toggle--m-placeholder--Color:transparent; --pf-c-select--m-invalid__toggle--before--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-select--m-invalid__toggle--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-select--m-invalid__toggle--active--before--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor:var(--pf-global--danger-color--100); --pf-c-select--m-invalid__toggle-status-icon--Color:var(--pf-global--danger-color--100); --pf-c-select--m-success__toggle--before--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-select--m-success__toggle--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select--m-success__toggle--hover--before--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-select--m-success__toggle--focus--before--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-select--m-success__toggle--active--before--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor:var(--pf-global--success-color--100); --pf-c-select--m-success__toggle-status-icon--Color:var(--pf-global--success-color--100); --pf-c-select--m-warning__toggle--before--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-select--m-warning__toggle--before--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-select--m-warning__toggle--hover--before--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-select--m-warning__toggle--focus--before--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-select--m-warning__toggle--active--before--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor:var(--pf-global--warning-color--100); --pf-c-select--m-warning__toggle-status-icon--Color:var(--pf-global--warning-color--100); --pf-c-select__toggle-wrapper--not-last-child--MarginRight:var(--pf-global--spacer--xs); --pf-c-select__toggle-wrapper--MaxWidth:calc(100% - var(--pf-global--spacer--lg)); --pf-c-select__toggle-wrapper--c-chip-group--MarginTop:0.3125rem; --pf-c-select__toggle-wrapper--c-chip-group--MarginBottom:0.3125rem; --pf-c-select__toggle-typeahead--FlexBasis:10em; --pf-c-select__toggle-typeahead--BackgroundColor:transparent; --pf-c-select__toggle-typeahead--BorderTop:var(--pf-global--BorderWidth--sm) solid transparent; --pf-c-select__toggle-typeahead--BorderRight:none; --pf-c-select__toggle-typeahead--BorderLeft:none; --pf-c-select__toggle-typeahead--MinWidth:7.5rem; --pf-c-select__toggle-typeahead--focus--PaddingBottom:calc(var(--pf-global--spacer--form-element) - var(--pf-global--BorderWidth--md)); --pf-c-select__toggle--m-placeholder__toggle-text--Color:var(--pf-global--Color--dark-200); --pf-c-select__toggle-icon--toggle-text--MarginLeft:var(--pf-global--spacer--xs); --pf-c-select__toggle-badge--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-select__toggle-status-icon--MarginLeft:var(--pf-global--spacer--xs); --pf-c-select__toggle-status-icon--Color:var(--pf-global--Color--100); --pf-c-select__toggle-arrow--MarginLeft:var(--pf-global--spacer--md); --pf-c-select__toggle-arrow--MarginRight:var(--pf-global--spacer--sm); --pf-c-select__toggle-arrow--with-clear--MarginLeft:var(--pf-global--spacer--sm); --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate:180deg; --pf-c-select__toggle-clear--PaddingRight:var(--pf-global--spacer--sm); --pf-c-select__toggle-clear--PaddingLeft:var(--pf-global--spacer--md); --pf-c-select__toggle-clear--toggle-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-select__toggle-button--Color:var(--pf-global--Color--100); --pf-c-select__menu--BackgroundColor:var(--pf-global--BackgroundColor--light-100); --pf-c-select__menu--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-select__menu--PaddingTop:var(--pf-global--spacer--sm); --pf-c-select__menu--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-select__menu--Top:calc(100% + var(--pf-global--spacer--xs)); --pf-c-select__menu--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-select__menu--Width:auto; --pf-c-select__menu--MinWidth:100%; --pf-c-select__menu--m-top--TranslateY:calc(-100% - var(--pf-global--spacer--xs)); --pf-c-select__list-item--m-loading--PaddingTop:var(--pf-global--spacer--sm); --pf-c-select__menu-item--PaddingTop:var(--pf-global--spacer--sm); --pf-c-select__menu-item--PaddingRight:var(--pf-global--spacer--md); --pf-c-select__menu-item--m-selected--PaddingRight:var(--pf-global--spacer--2xl); --pf-c-select__menu-item--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-select__menu-item--PaddingLeft:var(--pf-global--spacer--md); --pf-c-select__menu-item--FontSize:var(--pf-global--FontSize--md); --pf-c-select__menu-item--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-select__menu-item--LineHeight:var(--pf-global--LineHeight--md); --pf-c-select__menu-item--Color:var(--pf-global--Color--dark-100); --pf-c-select__menu-item--disabled--Color:var(--pf-global--Color--dark-200); --pf-c-select__menu-item--Width:100%; --pf-c-select__menu-item--hover--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-select__menu-item--focus--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-select__menu-item--disabled--BackgroundColor:transparent; --pf-c-select__menu-item--m-link--Width:auto; --pf-c-select__menu-item--m-link--hover--BackgroundColor:transparent; --pf-c-select__menu-item--m-link--focus--BackgroundColor:transparent; --pf-c-select__menu-item--m-action--Color:var(--pf-global--Color--200); --pf-c-select__menu-item--m-action--hover--Color:var(--pf-global--Color--100); --pf-c-select__menu-item--m-action--focus--Color:var(--pf-global--Color--100); --pf-c-select__menu-item--m-action--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-select__menu-item--m-action--Width:auto; --pf-c-select__menu-item--m-action--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-select__menu-item--m-action--hover--BackgroundColor:transparent; --pf-c-select__menu-item--m-action--focus--BackgroundColor:transparent; --pf-c-select__menu-item--hover__menu-item--m-action--Color:var(--pf-global--Color--200); --pf-c-select__menu-item--m-favorite-action--Color:var(--pf-global--Color--200); --pf-c-select__menu-item--m-favorite-action--hover--Color:var(--pf-global--Color--100); --pf-c-select__menu-item--m-favorite-action--focus--Color:var(--pf-global--Color--100); --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color:var(--pf-global--palette--gold-400); --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color:var(--pf-global--palette--gold-500); --pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color:var(--pf-global--palette--gold-500); --pf-c-select__menu-item--m-load--Color:var(--pf-global--link--Color); --pf-c-select__menu-item-icon--Color:var(--pf-global--active-color--100); --pf-c-select__menu-item-icon--FontSize:var(--pf-global--icon--FontSize--sm); --pf-c-select__menu-item-icon--Right:var(--pf-global--spacer--md); --pf-c-select__menu-item-icon--Top:50%; --pf-c-select__menu-item-icon--TranslateY:-50%; --pf-c-select__menu-item-action-icon--MinHeight:calc(var(--pf-c-select__menu-item--FontSize)*var(--pf-c-select__menu-item--LineHeight)); --pf-c-select__menu-item--match--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-select__menu-search--PaddingTop:var(--pf-global--spacer--sm); --pf-c-select__menu-search--PaddingRight:var(--pf-c-select__menu-item--PaddingRight); --pf-c-select__menu-search--PaddingBottom:var(--pf-global--spacer--md); --pf-c-select__menu-search--PaddingLeft:var(--pf-c-select__menu-item--PaddingLeft); --pf-c-select__menu-group--menu-group--PaddingTop:var(--pf-global--spacer--sm); --pf-c-select__menu-group-title--PaddingTop:var(--pf-c-select__menu-item--PaddingTop); --pf-c-select__menu-group-title--PaddingRight:var(--pf-c-select__menu-item--PaddingRight); --pf-c-select__menu-group-title--PaddingBottom:var(--pf-c-select__menu-item--PaddingBottom); --pf-c-select__menu-group-title--PaddingLeft:var(--pf-c-select__menu-item--PaddingLeft); --pf-c-select__menu-group-title--FontSize:var(--pf-global--FontSize--sm); --pf-c-select__menu-group-title--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-select__menu-group-title--Color:var(--pf-global--Color--dark-200); --pf-c-select__menu-item-count--MarginLeft:var(--pf-global--spacer--md); --pf-c-select__menu-item-count--FontSize:var(--pf-global--FontSize--sm); --pf-c-select__menu-item-count--Color:var(--pf-global--Color--200); --pf-c-select__menu-item--disabled__menu-item-count--Color:var(--pf-global--Color--dark-200); --pf-c-select__menu-item-description--FontSize:var(--pf-global--FontSize--xs); --pf-c-select__menu-item-description--Color:var(--pf-global--Color--200); --pf-c-select__menu-item-description--PaddingRight:var(--pf-c-select__menu-item--PaddingRight); --pf-c-select__menu-item-main--PaddingRight:var(--pf-c-select__menu-item--PaddingRight); --pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight:var(--pf-c-select__menu-item--m-selected--PaddingRight); --pf-c-select__menu-footer--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-select__menu-footer--PaddingTop:var(--pf-global--spacer--md); --pf-c-select__menu-footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-select__menu-footer--PaddingBottom:var(--pf-global--spacer--md); --pf-c-select__menu-footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-select__menu-footer--MarginTop:var(--pf-global--spacer--sm); --pf-c-select__menu-footer--MarginBottom:calc(var(--pf-global--spacer--sm)*-1); --pf-c-select-menu--c-divider--MarginTop:var(--pf-global--spacer--sm); --pf-c-select-menu--c-divider--MarginBottom:var(--pf-global--spacer--sm); position: relative; display: inline-block; width: 100%; } .pf-c-select .pf-c-divider { margin-top: var(--pf-c-select-menu--c-divider--MarginTop); margin-bottom: var(--pf-c-select-menu--c-divider--MarginBottom); } .pf-c-select .pf-c-divider:last-child { --pf-c-select-menu--c-divider--MarginBottom:0; } .pf-c-select.pf-m-invalid { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select--m-invalid__toggle--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select--m-invalid__toggle--before--BorderBottomWidth); --pf-c-select__toggle--hover--before--BorderBottomColor:var(--pf-c-select--m-invalid__toggle--hover--before--BorderBottomColor); --pf-c-select__toggle--focus--before--BorderBottomColor:var(--pf-c-select--m-invalid__toggle--focus--before--BorderBottomColor); --pf-c-select__toggle--active--before--BorderBottomColor:var(--pf-c-select--m-invalid__toggle--active--before--BorderBottomColor); --pf-c-select__toggle--m-expanded--before--BorderBottomColor:var(--pf-c-select--m-invalid__toggle--m-expanded--before--BorderBottomColor); --pf-c-select__toggle-status-icon--Color:var(--pf-c-select--m-invalid__toggle-status-icon--Color); } .pf-c-select.pf-m-success { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select--m-success__toggle--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select--m-success__toggle--before--BorderBottomWidth); --pf-c-select__toggle--hover--before--BorderBottomColor:var(--pf-c-select--m-success__toggle--hover--before--BorderBottomColor); --pf-c-select__toggle--focus--before--BorderBottomColor:var(--pf-c-select--m-success__toggle--focus--before--BorderBottomColor); --pf-c-select__toggle--active--before--BorderBottomColor:var(--pf-c-select--m-success__toggle--active--before--BorderBottomColor); --pf-c-select__toggle--m-expanded--before--BorderBottomColor:var(--pf-c-select--m-success__toggle--m-expanded--before--BorderBottomColor); --pf-c-select__toggle-status-icon--Color:var(--pf-c-select--m-success__toggle-status-icon--Color); } .pf-c-select.pf-m-warning { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select--m-warning__toggle--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select--m-warning__toggle--before--BorderBottomWidth); --pf-c-select__toggle--hover--before--BorderBottomColor:var(--pf-c-select--m-warning__toggle--hover--before--BorderBottomColor); --pf-c-select__toggle--focus--before--BorderBottomColor:var(--pf-c-select--m-warning__toggle--focus--before--BorderBottomColor); --pf-c-select__toggle--active--before--BorderBottomColor:var(--pf-c-select--m-warning__toggle--active--before--BorderBottomColor); --pf-c-select__toggle--m-expanded--before--BorderBottomColor:var(--pf-c-select--m-warning__toggle--m-expanded--before--BorderBottomColor); --pf-c-select__toggle-status-icon--Color:var(--pf-c-select--m-warning__toggle-status-icon--Color); } .pf-c-select__menu-search + .pf-c-divider { --pf-c-select-menu--c-divider--MarginTop:0; } .pf-c-select__toggle { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: var(--pf-c-select__toggle--MinWidth); padding: var(--pf-c-select__toggle--PaddingTop) var(--pf-c-select__toggle--PaddingRight) var(--pf-c-select__toggle--PaddingBottom) var(--pf-c-select__toggle--PaddingLeft); font-size: var(--pf-c-select__toggle--FontSize); font-weight: var(--pf-c-select__toggle--FontWeight); line-height: var(--pf-c-select__toggle--LineHeight); color: var(--pf-c-select__toggle--Color); white-space: nowrap; cursor: pointer; background-color: var(--pf-c-select__toggle--BackgroundColor); border: none; } .pf-c-select__toggle.pf-m-disabled, .pf-c-select__toggle:disabled { --pf-c-select__toggle--BackgroundColor:var(--pf-c-select__toggle--disabled--BackgroundColor); pointer-events: none; } .pf-c-select__toggle.pf-m-disabled:before, .pf-c-select__toggle:disabled:before { border: 0; } .pf-c-select__toggle:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-color: var(--pf-c-select__toggle--before--BorderTopColor) var(--pf-c-select__toggle--before--BorderRightColor) var(--pf-c-select__toggle--before--BorderBottomColor) var(--pf-c-select__toggle--before--BorderLeftColor); border-style: solid; border-width: var(--pf-c-select__toggle--before--BorderWidth); } .pf-c-select__toggle:hover { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select__toggle--hover--before--BorderBottomColor); } .pf-c-select__toggle:focus, .pf-c-select__toggle:focus-within { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select__toggle--focus--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select__toggle--focus--before--BorderBottomWidth); } .pf-c-select__toggle.pf-m-active, .pf-c-select__toggle:active { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select__toggle--active--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select__toggle--active--before--BorderBottomWidth); } .pf-m-expanded > .pf-c-select__toggle { --pf-c-select__toggle--before--BorderBottomColor:var(--pf-c-select__toggle--m-expanded--before--BorderBottomColor); --pf-c-select__toggle--before--BorderBottomWidth:var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth); } .pf-c-select__toggle.pf-m-plain:before { border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor); } .pf-c-select__toggle.pf-m-typeahead { --pf-c-select__toggle--PaddingTop:0; --pf-c-select__toggle--PaddingRight:0; --pf-c-select__toggle--PaddingBottom:0; } .pf-c-select__toggle.pf-m-typeahead .pf-c-form-control { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --pf-c-form-control--invalid--BackgroundUrl:none; position: relative; height: auto; } .pf-c-select__toggle .pf-c-select__toggle-clear { padding-right: var(--pf-c-select__toggle-clear--PaddingRight); padding-left: var(--pf-c-select__toggle-clear--PaddingLeft); margin-left: auto; } .pf-c-select__toggle .pf-c-select__toggle-button { color: var(--pf-c-select__toggle-button--Color); } .pf-c-select__toggle .pf-c-select__toggle-clear + .pf-c-select__toggle-button { padding-left: var(--pf-c-select__toggle-clear--toggle-button--PaddingLeft); } .pf-c-select__toggle.pf-m-placeholder { --pf-c-select__toggle-text--Color:var(--pf-c-select__toggle--m-placeholder__toggle-text--Color); } * + .pf-c-select__toggle-arrow { margin-right: var(--pf-c-select__toggle-arrow--MarginRight); margin-left: var(--pf-c-select__toggle-arrow--MarginLeft); } .pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow { transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate)); } .pf-c-select__toggle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pf-c-select__toggle-text--Color,inherit); } .pf-c-select__toggle-wrapper { display: flex; flex: 1; flex-wrap: wrap; align-items: center; justify-content: flex-start; min-width: 0; max-width: var(--pf-c-select__toggle-wrapper--MaxWidth); white-space: normal; } .pf-c-select__toggle-wrapper > :not(:last-child) { margin-right: var(--pf-c-select__toggle-wrapper--not-last-child--MarginRight); } .pf-c-select__toggle-wrapper > .pf-c-form-control { margin-top: calc(var(--pf-c-select__toggle-wrapper--m-typeahead--PaddingTop)*-1); } .pf-c-select__toggle-wrapper .pf-c-chip-group { margin-top: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginTop); margin-bottom: var(--pf-c-select__toggle-wrapper--c-chip-group--MarginBottom); } .pf-c-select__toggle-wrapper > .pf-c-select__toggle-typeahead:first-child { margin-left: calc(var(--pf-c-select__toggle--PaddingLeft)*-1); } .pf-c-select__toggle-icon + .pf-c-select__toggle-text { margin-left: var(--pf-c-select__toggle-icon--toggle-text--MarginLeft); } .pf-c-select__toggle-status-icon { margin-left: var(--pf-c-select__toggle-status-icon--MarginLeft); color: var(--pf-c-select__toggle-status-icon--Color); } .pf-c-select__toggle-badge { display: flex; padding-left: var(--pf-c-select__toggle-badge--PaddingLeft); } .pf-c-select__toggle-typeahead { flex-basis: var(--pf-c-select__toggle-typeahead--FlexBasis); flex-grow: 1; min-width: var(--pf-c-select__toggle-typeahead--MinWidth); flex-shrink: 0; } .pf-c-select__toggle-typeahead.pf-c-form-control { background-color: var(--pf-c-select__toggle-typeahead--BackgroundColor); border-top: var(--pf-c-select__toggle-typeahead--BorderTop); border-right: var(--pf-c-select__toggle-typeahead--BorderRight); border-bottom-color: transparent; border-left: var(--pf-c-select__toggle-typeahead--BorderLeft); } .pf-c-select__toggle-typeahead.pf-c-form-control:focus { padding-bottom: var(--pf-c-select__toggle-typeahead--focus--PaddingBottom); } .pf-c-select__menu { position: absolute; top: var(--pf-c-select__menu--Top); z-index: var(--pf-c-select__menu--ZIndex); width: var(--pf-c-select__menu--Width); min-width: var(--pf-c-select__menu--MinWidth); padding-top: var(--pf-c-select__menu--PaddingTop); padding-bottom: var(--pf-c-select__menu--PaddingBottom); background-color: var(--pf-c-select__menu--BackgroundColor); background-clip: padding-box; box-shadow: var(--pf-c-select__menu--BoxShadow); } .pf-c-select__menu.pf-m-align-right { right: 0; } .pf-c-select.pf-m-top .pf-c-select__menu { top: 0; transform: translateY(var(--pf-c-select__menu--m-top--TranslateY)); } .pf-c-select__menu-fieldset { border: 0; } .pf-c-select__menu-wrapper { display: flex; } .pf-c-select__menu-wrapper.pf-m-favorite .pf-c-select__menu-item.pf-m-favorite-action { --pf-c-select__menu-item--m-favorite-action--Color:var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--Color); --pf-c-select__menu-item--m-favorite-action--hover--Color:var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--hover--Color); --pf-c-select__menu-item--m-favorite-action--focus--Color:var(--pf-c-select__menu-wrapper--m-favorite__menu-item--m-favorite-action--focus--Color); } .pf-c-select__menu-item { position: relative; width: var(--pf-c-select__menu-item--Width); padding: var(--pf-c-select__menu-item--PaddingTop) var(--pf-c-select__menu-item--PaddingRight) var(--pf-c-select__menu-item--PaddingBottom) var(--pf-c-select__menu-item--PaddingLeft); font-size: var(--pf-c-select__menu-item--FontSize); font-weight: var(--pf-c-select__menu-item--FontWeight); line-height: var(--pf-c-select__menu-item--LineHeight); color: var(--pf-c-select__menu-item--Color); text-align: left; white-space: nowrap; background-color: transparent; border: none; } .pf-c-select__menu-item.pf-m-focus, .pf-c-select__menu-item:focus, .pf-c-select__menu-item:hover { --pf-c-select__menu-item--m-action--Color:var(--pf-c-select__menu-item--hover__menu-item--m-action--Color); text-decoration: none; } .pf-c-select__menu-item:hover, .pf-c-select__menu-wrapper:hover { background-color: var(--pf-c-select__menu-item--hover--BackgroundColor); } .pf-c-select__menu-item.pf-m-focus, .pf-c-select__menu-item:focus, .pf-c-select__menu-wrapper.pf-m-focus, .pf-c-select__menu-wrapper:focus-within { position: relative; background-color: var(--pf-c-select__menu-item--focus--BackgroundColor); } .pf-c-select__menu-item.pf-m-link { --pf-c-select__menu-item--PaddingRight:0; --pf-c-select__menu-item-main--PaddingRight:0; --pf-c-select__menu-item-description--PaddingRight:0; --pf-c-select__menu-item--Width:var(--pf-c-select__menu-item--m-link--Width); --pf-c-select__menu-item--hover--BackgroundColor:var(--pf-c-select__menu-item--m-link--hover--BackgroundColor); --pf-c-select__menu-item--focus--BackgroundColor:var(--pf-c-select__menu-item--m-link--focus--BackgroundColor); flex-grow: 1; } .pf-c-select__menu-item.pf-m-action { --pf-c-select__menu-item--Color:var(--pf-c-select__menu-item--m-action--Color); --pf-c-select__menu-item--Width:var(--pf-c-select__menu-item--m-action--Width); --pf-c-select__menu-item--hover--BackgroundColor:var(--pf-c-select__menu-item--m-action--hover--BackgroundColor); --pf-c-select__menu-item--focus--BackgroundColor:var(--pf-c-select__menu-item--m-action--focus--BackgroundColor); display: flex; align-items: flex-start; font-size: var(--pf-c-select__menu-item--m-action--FontSize); } .pf-c-select__menu-item.pf-m-action:hover { --pf-c-select__menu-item--m-action--Color:var(--pf-c-select__menu-item--m-action--hover--Color); } .pf-c-select__menu-item.pf-m-action:focus { --pf-c-select__menu-item--m-action--Color:var(--pf-c-select__menu-item--m-action--focus--Color); } .pf-c-select__menu-item.pf-m-action:disabled { --pf-c-select__menu-item--disabled--Color:var(--pf-c-select__menu-item--m-action--disabled--Color); } .pf-c-select__menu-item.pf-m-favorite-action { --pf-c-select__menu-item--m-action--Color:var(--pf-c-select__menu-item--m-favorite-action--Color); --pf-c-select__menu-item--m-action--hover--Color:var(--pf-c-select__menu-item--m-favorite-action--hover--Color); --pf-c-select__menu-item--m-action--focus--Color:var(--pf-c-select__menu-item--m-favorite-action--focus--Color); } .pf-c-select__menu-item.pf-m-selected { --pf-c-select__menu-item--PaddingRight:var(--pf-c-select__menu-item--m-selected--PaddingRight); --pf-c-select__menu-item-main--PaddingRight:var(--pf-c-select__menu-item--m-selected__menu-item-main--PaddingRight); } .pf-c-select__menu-item.pf-m-description { white-space: normal; } .pf-c-select__menu-item.pf-m-description:not(.pf-c-check) { --pf-c-select__menu-item--PaddingRight:0; } .pf-c-select__menu-item.pf-m-description .pf-c-check__label { white-space: nowrap; } .pf-c-select__menu-item.pf-m-disabled, .pf-c-select__menu-item:disabled, .pf-c-select__menu-wrapper.pf-m-disabled { --pf-c-select__menu-item-count--Color:var(--pf-c-select__menu-item--disabled__menu-item-count--Color); color: var(--pf-c-select__menu-item--disabled--Color); pointer-events: none; background-color: var(--pf-c-select__menu-item--disabled--BackgroundColor); } .pf-c-select__menu-item.pf-c-check .pf-c-check__label { width: 100%; } .pf-c-select__menu-item.pf-m-load { --pf-c-select__menu-item--hover--BackgroundColor:transparent; --pf-c-select__menu-item--focus--BackgroundColor:transparent; --pf-c-select__menu-item--Color:var(--pf-c-select__menu-item--m-load--Color); } .pf-c-select__list-item.pf-m-loading { padding-top: var(--pf-c-select__list-item--m-loading--PaddingTop); text-align: center; } .pf-c-select__menu-item-main { position: relative; display: block; padding-right: var(--pf-c-select__menu-item-main--PaddingRight); white-space: nowrap; } .pf-c-select__menu-item-row { display: flex; } .pf-c-select__menu-item-text { flex-grow: 1; } .pf-c-select__menu-item-count { align-self: center; margin-left: var(--pf-c-select__menu-item-count--MarginLeft); font-size: var(--pf-c-select__menu-item-count--FontSize); color: var(--pf-c-select__menu-item-count--Color); } .pf-c-select__menu-item-description { display: block; padding-right: var(--pf-c-select__menu-item-description--PaddingRight); font-size: var(--pf-c-select__menu-item-description--FontSize); color: var(--pf-c-select__menu-item-description--Color); } .pf-c-select__menu-item-icon { position: absolute; top: var(--pf-c-select__menu-item-icon--Top); right: var(--pf-c-select__menu-item-icon--Right); font-size: var(--pf-c-select__menu-item-icon--FontSize); color: var(--pf-c-select__menu-item-icon--Color); transform: translateY(var(--pf-c-select__menu-item-icon--TranslateY)); } .pf-c-select__menu-item-action-icon { display: flex; align-items: center; min-height: var(--pf-c-select__menu-item-action-icon--MinHeight); } .pf-c-select__menu-item--match { font-weight: var(--pf-c-select__menu-item--match--FontWeight); background-color: inherit; } .pf-c-select__menu-group + .pf-c-select__menu-group { padding-top: var(--pf-c-select__menu-group--menu-group--PaddingTop); } .pf-c-select__menu-search { padding: var(--pf-c-select__menu-search--PaddingTop) var(--pf-c-select__menu-search--PaddingRight) var(--pf-c-select__menu-search--PaddingBottom) var(--pf-c-select__menu-search--PaddingLeft); } .pf-c-select__menu-group-title { padding-top: var(--pf-c-select__menu-group-title--PaddingTop); padding-right: var(--pf-c-select__menu-group-title--PaddingRight); padding-bottom: var(--pf-c-select__menu-group-title--PaddingBottom); padding-left: var(--pf-c-select__menu-group-title--PaddingLeft); font-size: var(--pf-c-select__menu-group-title--FontSize); font-weight: var(--pf-c-select__menu-group-title--FontWeight); color: var(--pf-c-select__menu-group-title--Color); } .pf-c-select__menu-footer { padding: var(--pf-c-select__menu-footer--PaddingTop) var(--pf-c-select__menu-footer--PaddingRight) var(--pf-c-select__menu-footer--PaddingBottom) var(--pf-c-select__menu-footer--PaddingLeft); margin-top: var(--pf-c-select__menu-footer--MarginTop); margin-bottom: var(--pf-c-select__menu-footer--MarginBottom); box-shadow: var(--pf-c-select__menu-footer--BoxShadow); } .pf-c-sidebar { --pf-c-sidebar--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-sidebar__main--FlexDirection:column; --pf-c-sidebar__main--md--FlexDirection:row; --pf-c-sidebar__main--AlignItems:stretch; --pf-c-sidebar__main--md--AlignItems:start; --pf-c-sidebar__main--child--MarginTop:0; --pf-c-sidebar__main--child--MarginLeft:0; --pf-c-sidebar--m-gutter__main--Gap:var(--pf-global--spacer--md); --pf-c-sidebar--m-gutter__main--xl--Gap:var(--pf-global--spacer--lg); --pf-c-sidebar--m-panel-right__panel--Order:0; --pf-c-sidebar--m-panel-right__panel--md--Order:1; --pf-c-sidebar--m-stack__main--FlexDirection:column; --pf-c-sidebar--m-stack__main--AlignItems:stretch; --pf-c-sidebar--m-stack__panel--Position:sticky; --pf-c-sidebar--m-stack__panel--Top:0; --pf-c-sidebar--m-stack__panel--BoxShadow:var(--pf-c-sidebar__panel--BoxShadow--base); --pf-c-sidebar--m-stack--m-panel-right__panel--Order:0; --pf-c-sidebar--m-split__main--AlignItems:start; --pf-c-sidebar--m-split__main--FlexDirection:row; --pf-c-sidebar--m-split__panel--Position:static; --pf-c-sidebar--m-split__panel--Top:auto; --pf-c-sidebar--m-split--m-panel-right__panel--Order:1; --pf-c-sidebar__panel--BoxShadow--base:0 0.25rem 0.25rem -0.25rem rgba(3,3,3,0.16); --pf-c-sidebar__panel--BoxShadow:var(--pf-c-sidebar__panel--BoxShadow--base); --pf-c-sidebar__panel--Top:0; --pf-c-sidebar__panel--md--Top:auto; --pf-c-sidebar__panel--Position:sticky; --pf-c-sidebar__panel--md--Position:static; --pf-c-sidebar__panel--FlexBasis-base:auto; --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis-base); --pf-c-sidebar__panel--md--FlexBasis:15.625rem; --pf-c-sidebar__panel--m-split--FlexBasis:15.625rem; --pf-c-sidebar__panel--m-stack--FlexBasis:auto; --pf-c-sidebar__panel--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-sidebar__panel--Order:0; --pf-c-sidebar__panel--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-sidebar__content--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-sidebar__panel--m-sticky--Top:0; --pf-c-sidebar__panel--m-sticky--Position:sticky; height: 100%; } @media (min-width:768px) { .pf-c-sidebar { --pf-c-sidebar__main--FlexDirection:var(--pf-c-sidebar__main--md--FlexDirection); --pf-c-sidebar__panel--BoxShadow:none; --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--md--FlexBasis); --pf-c-sidebar__main--AlignItems:var(--pf-c-sidebar__main--md--AlignItems); --pf-c-sidebar__panel--Top:var(--pf-c-sidebar__panel--md--Top); --pf-c-sidebar__panel--Position:var(--pf-c-sidebar__panel--md--Position); } } @media (min-width:1200px) { .pf-c-sidebar { --pf-c-sidebar--m-gutter__main--Gap:var(--pf-c-sidebar--m-gutter__main--xl--Gap); } } .pf-c-sidebar.pf-m-gutter { --pf-c-sidebar__main--child--MarginTop:var(--pf-c-sidebar--m-gutter__main--Gap); --pf-c-sidebar__main--child--MarginLeft:0; } .pf-c-sidebar.pf-m-gutter > .pf-c-sidebar__main > * + * { margin-top: var(--pf-c-sidebar__main--child--MarginTop); margin-left: var(--pf-c-sidebar__main--child--MarginLeft); } @media (min-width:768px) { .pf-c-sidebar.pf-m-gutter { --pf-c-sidebar__main--child--MarginTop:0; --pf-c-sidebar__main--child--MarginLeft:var(--pf-c-sidebar--m-gutter__main--Gap); } } .pf-c-sidebar.pf-m-panel-right { --pf-c-sidebar__panel--Order:var(--pf-c-sidebar--m-panel-right__panel--Order); } @media (min-width:768px) { .pf-c-sidebar.pf-m-panel-right { --pf-c-sidebar--m-panel-right__panel--Order:var(--pf-c-sidebar--m-panel-right__panel--md--Order); } } .pf-c-sidebar.pf-m-stack { --pf-c-sidebar__main--FlexDirection:var(--pf-c-sidebar--m-stack__main--FlexDirection); --pf-c-sidebar__main--AlignItems:var(--pf-c-sidebar--m-stack__main--AlignItems); --pf-c-sidebar__main--child--MarginTop:var(--pf-c-sidebar--m-gutter__main--Gap); --pf-c-sidebar__main--child--MarginLeft:0; --pf-c-sidebar__panel--Position:var(--pf-c-sidebar--m-stack__panel--Position); --pf-c-sidebar__panel--Top:var(--pf-c-sidebar--m-stack__panel--Top); --pf-c-sidebar__panel--BoxShadow:var(--pf-c-sidebar--m-stack__panel--BoxShadow); --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--m-stack--FlexBasis); --pf-c-sidebar--m-panel-right__panel--Order:var(--pf-c-sidebar--m-stack--m-panel-right__panel--Order); } .pf-c-sidebar.pf-m-split { --pf-c-sidebar__main--FlexDirection:var(--pf-c-sidebar--m-split__main--FlexDirection); --pf-c-sidebar__main--AlignItems:var(--pf-c-sidebar--m-split__main--AlignItems); --pf-c-sidebar__main--child--MarginTop:0; --pf-c-sidebar__main--child--MarginLeft:var(--pf-c-sidebar--m-gutter__main--Gap); --pf-c-sidebar__panel--Position:var(--pf-c-sidebar--m-split__panel--Position); --pf-c-sidebar__panel--Top:var(--pf-c-sidebar--m-split__panel--Top); --pf-c-sidebar__panel--BoxShadow:none; --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--m-split--FlexBasis); --pf-c-sidebar--m-panel-right__panel--Order:var(--pf-c-sidebar--m-split--m-panel-right__panel--Order); } .pf-c-sidebar__main { display: flex; flex-direction: var(--pf-c-sidebar__main--FlexDirection); align-items: var(--pf-c-sidebar__main--AlignItems); } .pf-c-sidebar__panel { position: var(--pf-c-sidebar__panel--Position); top: var(--pf-c-sidebar__panel--Top); z-index: var(--pf-c-sidebar__panel--ZIndex); flex-shrink: 0; flex-basis: var(--pf-c-sidebar__panel--FlexBasis); order: var(--pf-c-sidebar__panel--Order); background-color: var(--pf-c-sidebar__panel--BackgroundColor); box-shadow: var(--pf-c-sidebar__panel--BoxShadow); } .pf-c-sidebar__panel.pf-m-sticky { --pf-c-sidebar__panel--Position:var(--pf-c-sidebar__panel--m-sticky--Position); --pf-c-sidebar__panel--Top:var(--pf-c-sidebar__panel--m-sticky--Top); } .pf-c-sidebar__panel.pf-m-static { --pf-c-sidebar__panel--Position:static; --pf-c-sidebar__panel--Top:auto; } .pf-c-sidebar__content { flex-grow: 1; background-color: var(--pf-c-sidebar__content--BackgroundColor); } .pf-c-sidebar__content.pf-m-no-background { --pf-c-sidebar__content--BackgroundColor:transparent; } .pf-c-sidebar.pf-m-no-background, .pf-c-sidebar__content.pf-m-no-background, .pf-c-sidebar__panel.pf-m-no-background { background-color: transparent; } .pf-c-sidebar__panel.pf-m-width-default { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25 { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33 { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50 { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66 { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75 { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100 { --pf-c-sidebar__panel--FlexBasis:100%; } @media (min-width:576px) { .pf-c-sidebar__panel.pf-m-width-default-on-sm { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25-on-sm { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33-on-sm { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50-on-sm { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66-on-sm { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75-on-sm { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100-on-sm { --pf-c-sidebar__panel--FlexBasis:100%; } } @media (min-width:768px) { .pf-c-sidebar__panel.pf-m-width-default-on-md { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25-on-md { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33-on-md { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50-on-md { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66-on-md { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75-on-md { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100-on-md { --pf-c-sidebar__panel--FlexBasis:100%; } } @media (min-width:992px) { .pf-c-sidebar__panel.pf-m-width-default-on-lg { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25-on-lg { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33-on-lg { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50-on-lg { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66-on-lg { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75-on-lg { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100-on-lg { --pf-c-sidebar__panel--FlexBasis:100%; } } @media (min-width:1200px) { .pf-c-sidebar__panel.pf-m-width-default-on-xl { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25-on-xl { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33-on-xl { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50-on-xl { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66-on-xl { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75-on-xl { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100-on-xl { --pf-c-sidebar__panel--FlexBasis:100%; } } @media (min-width:1450px) { .pf-c-sidebar__panel.pf-m-width-default-on-2xl { --pf-c-sidebar__panel--FlexBasis:var(--pf-c-sidebar__panel--FlexBasis--base); } .pf-c-sidebar__panel.pf-m-width-25-on-2xl { --pf-c-sidebar__panel--FlexBasis:25%; } .pf-c-sidebar__panel.pf-m-width-33-on-2xl { --pf-c-sidebar__panel--FlexBasis:33%; } .pf-c-sidebar__panel.pf-m-width-50-on-2xl { --pf-c-sidebar__panel--FlexBasis:50%; } .pf-c-sidebar__panel.pf-m-width-66-on-2xl { --pf-c-sidebar__panel--FlexBasis:66%; } .pf-c-sidebar__panel.pf-m-width-75-on-2xl { --pf-c-sidebar__panel--FlexBasis:75%; } .pf-c-sidebar__panel.pf-m-width-100-on-2xl { --pf-c-sidebar__panel--FlexBasis:100%; } } .pf-c-simple-list { --pf-c-simple-list__item-link--PaddingTop:var(--pf-global--spacer--xs); --pf-c-simple-list__item-link--PaddingRight:var(--pf-global--spacer--md); --pf-c-simple-list__item-link--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-simple-list__item-link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-simple-list__item-link--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-simple-list__item-link--Color:var(--pf-global--Color--100); --pf-c-simple-list__item-link--FontSize:var(--pf-global--FontSize--sm); --pf-c-simple-list__item-link--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-simple-list__item-link--m-current--Color:var(--pf-global--link--Color); --pf-c-simple-list__item-link--m-current--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-simple-list__item-link--m-current--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-simple-list__item-link--hover--Color:var(--pf-global--Color--100); --pf-c-simple-list__item-link--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-simple-list__item-link--focus--Color:var(--pf-global--Color--100); --pf-c-simple-list__item-link--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-simple-list__item-link--focus--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-simple-list__item-link--active--Color:var(--pf-global--Color--100); --pf-c-simple-list__item-link--active--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-simple-list__item-link--active--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-simple-list__title--PaddingTop:var(--pf-global--spacer--sm); --pf-c-simple-list__title--PaddingRight:var(--pf-global--spacer--md); --pf-c-simple-list__title--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-simple-list__title--PaddingLeft:var(--pf-global--spacer--md); --pf-c-simple-list__title--FontSize:var(--pf-global--FontSize--sm); --pf-c-simple-list__title--Color:var(--pf-global--Color--dark-200); --pf-c-simple-list__title--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-simple-list__section--section--MarginTop:var(--pf-global--spacer--sm); } .pf-c-simple-list__item-link { display: block; width: 100%; padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft); font-size: var(--pf-c-simple-list__item-link--FontSize); font-weight: var(--pf-c-simple-list__item-link--FontWeight); color: var(--pf-c-simple-list__item-link--Color); text-align: left; background-color: var(--pf-c-simple-list__item-link--BackgroundColor); border: none; } .pf-c-simple-list__item-link:hover { text-decoration: none; --pf-c-simple-list__item-link--BackgroundColor:var(--pf-c-simple-list__item-link--hover--BackgroundColor); --pf-c-simple-list__item-link--Color:var(--pf-c-simple-list__item-link--hover--Color); } .pf-c-simple-list__item-link:focus { --pf-c-simple-list__item-link--FontWeight:var(--pf-c-simple-list__item-link--focus--FontWeight); --pf-c-simple-list__item-link--BackgroundColor:var(--pf-c-simple-list__item-link--focus--BackgroundColor); --pf-c-simple-list__item-link--Color:var(--pf-c-simple-list__item-link--focus--Color); } .pf-c-simple-list__item-link:active { --pf-c-simple-list__item-link--FontWeight:var(--pf-c-simple-list__item-link--active--FontWeight); --pf-c-simple-list__item-link--BackgroundColor:var(--pf-c-simple-list__item-link--active--BackgroundColor); --pf-c-simple-list__item-link--Color:var(--pf-c-simple-list__item-link--active--Color); } .pf-c-simple-list__item-link.pf-m-current { --pf-c-simple-list__item-link--FontWeight:var(--pf-c-simple-list__item-link--m-current--FontWeight); --pf-c-simple-list__item-link--BackgroundColor:var(--pf-c-simple-list__item-link--m-current--BackgroundColor); --pf-c-simple-list__item-link--Color:var(--pf-c-simple-list__item-link--m-current--Color); } .pf-c-simple-list__title { padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft); font-size: var(--pf-c-simple-list__title--FontSize); font-weight: var(--pf-c-simple-list__title--FontWeight); color: var(--pf-c-simple-list__title--Color); } .pf-c-simple-list__section + .pf-c-simple-list__section { margin-top: var(--pf-c-simple-list__section--section--MarginTop); } .pf-c-skeleton { --pf-c-skeleton--BackgroundColor:var(--pf-global--palette--black-150); --pf-c-skeleton--Width:auto; --pf-c-skeleton--Height:auto; --pf-c-skeleton--BorderRadius:var(--pf-global--BorderRadius--sm); --pf-c-skeleton--before--PaddingBottom:0; --pf-c-skeleton--before--Height:auto; --pf-c-skeleton--before--Content:" "; --pf-c-skeleton--after--LinearGradientAngle:90deg; --pf-c-skeleton--after--LinearGradientColorStop1:var(--pf-global--palette--black-150); --pf-c-skeleton--after--LinearGradientColorStop2:#ededed; --pf-c-skeleton--after--LinearGradientColorStop3:var(--pf-global--palette--black-150); --pf-c-skeleton--after--TranslateX:-100%; --pf-c-skeleton--after--AnimationName:pf-c-skeleton-loading; --pf-c-skeleton--after--AnimationDuration:2s; --pf-c-skeleton--after--AnimationIterationCount:infinite; --pf-c-skeleton--after--AnimationTimingFunction:linear; --pf-c-skeleton--after--AnimationDelay:.5s; --pf-c-skeleton--m-circle--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-skeleton--m-circle--before--PaddingBottom:100%; --pf-c-skeleton--m-text-4xl--Height:calc(var(--pf-global--FontSize--4xl)*var(--pf-global--LineHeight--sm)); --pf-c-skeleton--m-text-3xl--Height:calc(var(--pf-global--FontSize--3xl)*var(--pf-global--LineHeight--sm)); --pf-c-skeleton--m-text-2xl--Height:calc(var(--pf-global--FontSize--2xl)*var(--pf-global--LineHeight--sm)); --pf-c-skeleton--m-text-xl--Height:calc(var(--pf-global--FontSize--xl)*var(--pf-global--LineHeight--sm)); --pf-c-skeleton--m-text-lg--Height:calc(var(--pf-global--FontSize--lg)*var(--pf-global--LineHeight--md)); --pf-c-skeleton--m-text-md--Height:calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md)); --pf-c-skeleton--m-text-sm--Height:calc(var(--pf-global--FontSize--sm)*var(--pf-global--LineHeight--md)); --pf-c-skeleton--m-width-sm--Width:6.25rem; --pf-c-skeleton--m-width-md--Width:12.5rem; --pf-c-skeleton--m-width-lg--Width:18.75rem; --pf-c-skeleton--m-width-25--Width:25%; --pf-c-skeleton--m-width-33--Width:33.33333%; --pf-c-skeleton--m-width-50--Width:50%; --pf-c-skeleton--m-width-66--Width:66.66667%; --pf-c-skeleton--m-width-75--Width:75%; --pf-c-skeleton--m-height-sm--Height:6.25rem; --pf-c-skeleton--m-height-md--Height:12.5rem; --pf-c-skeleton--m-height-lg--Height:18.75rem; --pf-c-skeleton--m-height-25--Height:25%; --pf-c-skeleton--m-height-33--Height:33.33333%; --pf-c-skeleton--m-height-50--Height:50%; --pf-c-skeleton--m-height-66--Height:66.66667%; --pf-c-skeleton--m-height-75--Height:75%; --pf-c-skeleton--m-height-100--Height:100%; position: relative; width: var(--pf-c-skeleton--Width); height: var(--pf-c-skeleton--Height); overflow: hidden; background-color: var(--pf-c-skeleton--BackgroundColor); border-radius: var(--pf-c-skeleton--BorderRadius); transform: translate(0); } .pf-c-skeleton:before { display: block; height: var(--pf-c-skeleton--before--Height); padding-bottom: var(--pf-c-skeleton--before--PaddingBottom); content: var(--pf-c-skeleton--before--Content); } .pf-c-skeleton:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; background: linear-gradient(var(--pf-c-skeleton--after--LinearGradientAngle), var(--pf-c-skeleton--after--LinearGradientColorStop1), var(--pf-c-skeleton--after--LinearGradientColorStop2), var(--pf-c-skeleton--after--LinearGradientColorStop3)); transform: translate3d(var(--pf-c-skeleton--after--TranslateX), 0, 0); animation: var(--pf-c-skeleton--after--AnimationName) var(--pf-c-skeleton--after--AnimationDuration) var(--pf-c-skeleton--after--AnimationTimingFunction) var(--pf-c-skeleton--after--AnimationDelay) var(--pf-c-skeleton--after--AnimationIterationCount); } .pf-c-skeleton.pf-m-circle { --pf-c-skeleton--BorderRadius:var(--pf-c-skeleton--m-circle--BorderRadius); } .pf-c-skeleton.pf-m-circle, .pf-c-skeleton.pf-m-square { --pf-c-skeleton--before--Height:0; --pf-c-skeleton--before--PaddingBottom:var(--pf-c-skeleton--m-circle--before--PaddingBottom); } .pf-c-skeleton.pf-m-width-sm { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-sm--Width); } .pf-c-skeleton.pf-m-width-md { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-md--Width); } .pf-c-skeleton.pf-m-width-lg { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-lg--Width); } .pf-c-skeleton.pf-m-width-25 { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-25--Width); } .pf-c-skeleton.pf-m-width-33 { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-33--Width); } .pf-c-skeleton.pf-m-width-50 { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-50--Width); } .pf-c-skeleton.pf-m-width-66 { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-66--Width); } .pf-c-skeleton.pf-m-width-75 { --pf-c-skeleton--Width:var(--pf-c-skeleton--m-width-75--Width); } .pf-c-skeleton.pf-m-height-sm { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-sm--Height); } .pf-c-skeleton.pf-m-height-md { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-md--Height); } .pf-c-skeleton.pf-m-height-lg { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-lg--Height); } .pf-c-skeleton.pf-m-height-25 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-25--Height); } .pf-c-skeleton.pf-m-height-33 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-33--Height); } .pf-c-skeleton.pf-m-height-50 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-50--Height); } .pf-c-skeleton.pf-m-height-66 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-66--Height); } .pf-c-skeleton.pf-m-height-75 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-75--Height); } .pf-c-skeleton.pf-m-height-100 { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-height-100--Height); } .pf-c-skeleton.pf-m-text-4xl { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-4xl--Height); } .pf-c-skeleton.pf-m-text-3xl { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-3xl--Height); } .pf-c-skeleton.pf-m-text-2xl { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-2xl--Height); } .pf-c-skeleton.pf-m-text-xl { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-xl--Height); } .pf-c-skeleton.pf-m-text-lg { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-lg--Height); } .pf-c-skeleton.pf-m-text-md { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-md--Height); } .pf-c-skeleton.pf-m-text-sm { --pf-c-skeleton--Height:var(--pf-c-skeleton--m-text-sm--Height); } @keyframes pf-c-skeleton-loading { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } to { transform: translateX(100%); } } .pf-c-skip-to-content { --pf-c-skip-to-content--Top:var(--pf-global--spacer--md); --pf-c-skip-to-content--ZIndex:var(--pf-global--ZIndex--2xl); --pf-c-skip-to-content--focus--Left:var(--pf-global--spacer--md); position: absolute; top: var(--pf-c-skip-to-content--Top); left: -300%; z-index: var(--pf-c-skip-to-content--ZIndex); } .pf-c-skip-to-content:focus { left: var(--pf-c-skip-to-content--focus--Left); } .pf-c-slider { --pf-c-slider--value:0; --pf-c-slider__rail--PaddingTop:var(--pf-global--spacer--md); --pf-c-slider__rail--PaddingBottom:var(--pf-global--spacer--md); --pf-c-slider__rail-track--Height:0.25rem; --pf-c-slider__rail-track--before--base--BackgroundColor:var(--pf-global--BorderColor--100); --pf-c-slider__rail-track--before--fill--BackgroundColor:var(--pf-global--active-color--300); --pf-c-slider__rail-track--before--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop:var(--pf-c-slider--value); --pf-c-slider__steps--FontSize:var(--pf-global--FontSize--sm); --pf-c-slider__steps--Height:var(--pf-c-slider__steps--FontSize); --pf-c-slider__step-tick--Top:var(--pf-global--spacer--md); --pf-c-slider__step-tick--Width:0.25rem; --pf-c-slider__step-tick--Height:0.25rem; --pf-c-slider__step-tick--BackgroundColor:var(--pf-global--BorderColor--200); --pf-c-slider__step-tick--TranslateX:-50%; --pf-c-slider__step-tick--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-slider__step--m-active__slider-tick--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-slider__step--first-child__step-tick--TranslateX:0; --pf-c-slider__step--last-child__step-tick--TranslateX:-100%; --pf-c-slider__step-label--TranslateX:-50%; --pf-c-slider__step-label--Top:calc(var(--pf-global--spacer--xl) + var(--pf-c-slider__rail-track--Height)); --pf-c-slider__step--first-child__step-label--TranslateX:0; --pf-c-slider__step--last-child__step-label--TranslateX:-100%; --pf-c-slider__thumb--Top:calc(var(--pf-c-slider__rail-track--Height)/2 + var(--pf-global--spacer--md)); --pf-c-slider__thumb--Width:1rem; --pf-c-slider__thumb--Height:1rem; --pf-c-slider__thumb--Left:var(--pf-c-slider--value); --pf-c-slider__thumb--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-slider__thumb--TranslateX:-50%; --pf-c-slider__thumb--TranslateY:-50%; --pf-c-slider__thumb--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-slider__thumb--BoxShadow--base:0 0 0 2px var(--pf-global--BackgroundColor--100),0 0 0 3px var(--pf-global--primary-color--100); --pf-c-slider__thumb--hover--BoxShadow:var(--pf-c-slider__thumb--BoxShadow--base); --pf-c-slider__thumb--focus--BoxShadow:var(--pf-c-slider__thumb--BoxShadow--base); --pf-c-slider__thumb--active--BoxShadow:var(--pf-c-slider__thumb--BoxShadow--base),0 0 2px 5px var(--pf-global--active-color--200); --pf-c-slider__thumb--before--Width:var(--pf-global--target-size--MinWidth); --pf-c-slider__thumb--before--Height:var(--pf-global--target-size--MinHeight); --pf-c-slider__thumb--before--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-slider__thumb--before--TranslateX:-50%; --pf-c-slider__thumb--before--TranslateY:-50%; --pf-c-slider__value--MarginLeft:var(--pf-global--spacer--md); --pf-c-slider__value--c-form-control--width-base:3.5ch; --pf-c-slider__value--c-form-control--width-chars:3; --pf-c-slider__value--c-form-control--Width:calc(var(--pf-c-slider__value--c-form-control--width-base) + var(--pf-c-slider__value--c-form-control--width-chars)*1ch); --pf-c-slider__value--m-floating--TranslateX:-50%; --pf-c-slider__value--m-floating--TranslateY:-100%; --pf-c-slider__value--m-floating--Left:var(--pf-c-slider--value); --pf-c-slider__value--m-floating--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-slider__actions--MarginRight:var(--pf-global--spacer--sm); --pf-c-slider__main--actions--MarginLeft:var(--pf-global--spacer--sm); --pf-c-slider--m-disabled__rail-track--before--fill--BackgroundColor:var(--pf-global--palette--black-500); --pf-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor:var(--pf-global--palette--black-700); --pf-c-slider--m-disabled__thumb--BackgroundColor:var(--pf-global--palette--black-700); display: flex; } .pf-c-slider.pf-m-disabled { --pf-c-slider__rail-track--before--fill--BackgroundColor:var(--pf-c-slider--m-disabled__rail-track--before--fill--BackgroundColor); --pf-c-slider__step--m-active__slider-tick--BackgroundColor:var(--pf-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor); --pf-c-slider__thumb--BackgroundColor:var(--pf-c-slider--m-disabled__thumb--BackgroundColor); } .pf-c-slider.pf-m-disabled .pf-c-slider__rail, .pf-c-slider.pf-m-disabled .pf-c-slider__thumb { cursor: not-allowed; } .pf-c-slider.pf-m-disabled .pf-c-slider__thumb { --pf-c-slider__thumb--BoxShadow:none; } .pf-c-slider__main { position: relative; flex-grow: 1; } .pf-c-slider__rail { padding-top: var(--pf-c-slider__rail--PaddingTop); padding-bottom: var(--pf-c-slider__rail--PaddingBottom); } .pf-c-slider__rail-track { position: relative; height: var(--pf-c-slider__rail-track--Height); } .pf-c-slider__rail-track:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: linear-gradient(90deg, var(--pf-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-c-slider__rail-track--before--base--BackgroundColor) var(--pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop)); border-radius: var(--pf-c-slider__rail-track--before--BorderRadius); } .pf-c-slider__steps { height: var(--pf-c-slider__steps--Height); font-size: var(--pf-c-slider__steps--FontSize); line-height: 1; } .pf-c-slider__step { position: absolute; top: 0; left: var(--pf-c-slider__step--Left); content: ""; } .pf-c-slider__step.pf-m-active { --pf-c-slider__step-tick--BackgroundColor:var(--pf-c-slider__step--m-active__slider-tick--BackgroundColor); } .pf-c-slider__step:first-child { --pf-c-slider__step-tick--TranslateX:var(--pf-c-slider__step--first-child__step-tick--TranslateX); --pf-c-slider__step-label--TranslateX:var(--pf-c-slider__step--first-child__step-label--TranslateX); } .pf-c-slider__step:last-child { --pf-c-slider__step-tick--TranslateX:var(--pf-c-slider__step--last-child__step-tick--TranslateX); --pf-c-slider__step-label--TranslateX:var(--pf-c-slider__step--last-child__step-label--TranslateX); } .pf-c-slider__step-tick { position: absolute; top: var(--pf-c-slider__step-tick--Top); left: 0; width: var(--pf-c-slider__step-tick--Width); height: var(--pf-c-slider__step-tick--Height); background-color: var(--pf-c-slider__step-tick--BackgroundColor); border-radius: var(--pf-c-slider__step-tick--BorderRadius); transform: translateX(var(--pf-c-slider__step-tick--TranslateX)); } .pf-c-slider__step-label { position: absolute; top: var(--pf-c-slider__step-label--Top); transform: translateX(var(--pf-c-slider__step-label--TranslateX)); } .pf-c-slider__thumb { position: absolute; top: var(--pf-c-slider__thumb--Top); left: var(--pf-c-slider__thumb--Left); width: var(--pf-c-slider__thumb--Width); height: var(--pf-c-slider__thumb--Height); cursor: pointer; background-color: var(--pf-c-slider__thumb--BackgroundColor); border-radius: var(--pf-c-slider__thumb--BorderRadius); box-shadow: var(--pf-c-slider__thumb--BoxShadow); transform: translate(var(--pf-c-slider__thumb--TranslateX), var(--pf-c-slider__thumb--TranslateY)); } .pf-c-slider__thumb:before { position: absolute; top: 50%; left: 50%; width: var(--pf-c-slider__thumb--before--Width); height: var(--pf-c-slider__thumb--before--Height); content: ""; border-radius: var(--pf-c-slider__thumb--before--BorderRadius); transform: translate(var(--pf-c-slider__thumb--before--TranslateX), var(--pf-c-slider__thumb--before--TranslateY)); } .pf-c-slider__thumb:hover { --pf-c-slider__thumb--BoxShadow:var(--pf-c-slider__thumb--hover--BoxShadow); } .pf-c-slider__thumb:focus { --pf-c-slider__thumb--BoxShadow:var(--pf-c-slider__thumb--focus--BoxShadow); outline: 0; } .pf-c-slider__thumb:active { --pf-c-slider__thumb--BoxShadow:var(--pf-c-slider__thumb--active--BoxShadow); } .pf-c-slider__value { margin-left: var(--pf-c-slider__value--MarginLeft); } .pf-c-slider__value.pf-m-floating { --pf-c-slider__value--MarginLeft:0; position: absolute; top: 0; left: var(--pf-c-slider__value--m-floating--Left); z-index: var(--pf-c-slider__value--m-floating--ZIndex); transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY)); } .pf-c-slider__value.pf-m-floating .pf-c-input-group { align-items: center; } .pf-c-slider__value.pf-m-floating .pf-c-input-group__text { position: absolute; left: 100%; } .pf-c-slider__value .pf-c-form-control { width: var(--pf-c-slider__value--c-form-control--Width); } .pf-c-slider__actions { display: flex; margin-right: var(--pf-c-slider__actions--MarginRight); } .pf-c-slider__main ~ .pf-c-slider__actions { --pf-c-slider__actions--MarginRight:0; margin-left: var(--pf-c-slider__main--actions--MarginLeft); } .pf-c-spinner { --pf-c-spinner--diameter:var(--pf-global--icon--FontSize--xl); --pf-c-spinner--Width:var(--pf-c-spinner--diameter); --pf-c-spinner--Height:var(--pf-c-spinner--diameter); --pf-c-spinner--Color:var(--pf-global--primary-color--100); --pf-c-spinner--m-sm--diameter:var(--pf-global--icon--FontSize--sm); --pf-c-spinner--m-md--diameter:var(--pf-global--icon--FontSize--md); --pf-c-spinner--m-lg--diameter:var(--pf-global--icon--FontSize--lg); --pf-c-spinner--m-xl--diameter:var(--pf-global--icon--FontSize--xl); width: var(--pf-c-spinner--Width); height: var(--pf-c-spinner--Height); overflow: hidden; } .pf-c-spinner.pf-m-sm { --pf-c-spinner--diameter:var(--pf-c-spinner--m-sm--diameter); } .pf-c-spinner.pf-m-md { --pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter); } .pf-c-spinner.pf-m-lg { --pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter); } .pf-c-spinner.pf-m-xl { --pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter); } span.pf-c-spinner { --pf-c-spinner--AnimationDuration:1.5s; --pf-c-spinner--AnimationTimingFunction:cubic-bezier(.77,.005,.315,1); --pf-c-spinner--stroke-width-multiplier:.1; --pf-c-spinner--stroke-width:calc(var(--pf-c-spinner--diameter)*var(--pf-c-spinner--stroke-width-multiplier)); --pf-c-spinner__clipper--Width:var(--pf-c-spinner--diameter); --pf-c-spinner__clipper--Height:var(--pf-c-spinner--diameter); --pf-c-spinner__clipper--after--BoxShadowColor:var(--pf-c-spinner--Color); --pf-c-spinner__clipper--after--Width:var(--pf-c-spinner--diameter); --pf-c-spinner__clipper--after--Height:var(--pf-c-spinner--diameter); --pf-c-spinner__clipper--after--BoxShadowSpreadRadius:var(--pf-c-spinner--stroke-width); --pf-c-spinner__lead-ball--after--BackgroundColor:var(--pf-c-spinner--Color); --pf-c-spinner__ball--after--Width:var(--pf-c-spinner--stroke-width); --pf-c-spinner__ball--after--Height:var(--pf-c-spinner--stroke-width); --pf-c-spinner__tail-ball--after--BackgroundColor:var(--pf-c-spinner--Color); position: relative; display: inline-block; text-align: left; animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite; } @keyframes pf-animation-spinner-parent { 0% { transform: rotate(0deg); } 50% { transform: rotate(-540deg); } to { transform: rotate(-3turn); } } .pf-c-spinner__clipper { position: absolute; width: var(--pf-c-spinner__clipper--Width); height: var(--pf-c-spinner__clipper--Height); clip-path: inset(0 0 50% 50%); animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite; } @keyframes pf-animation-spinner__clipper { 0% { transform: rotate(0deg); } to { transform: rotate(-270deg); } } .pf-c-spinner__clipper:after { position: absolute; width: var(--pf-c-spinner__clipper--after--Width); height: var(--pf-c-spinner__clipper--after--Height); clip-path: inset(0 0 0 50%); content: ""; border-radius: 50%; box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor); animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite; } @keyframes pf-animation-spinner__clipper-after { 0% { transform: rotate(90deg); } to { transform: rotate(-180deg); } } .pf-c-spinner__lead-ball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite; } .pf-c-spinner__lead-ball:after { position: absolute; top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2); right: 0; width: var(--pf-c-spinner__ball--after--Width); height: var(--pf-c-spinner__ball--after--Height); content: ""; background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor); border-radius: 50%; transform-origin: top right; } @keyframes pf-animation-spinner__lead-ball { 0% { transform: rotate(0deg); } 34% { transform: rotate(-180deg); } to { transform: rotate(-1turn); } } .pf-c-spinner__tail-ball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite; } .pf-c-spinner__tail-ball:after { position: absolute; top: calc(50% - var(--pf-c-spinner__ball--after--Height)/2); right: 0; width: var(--pf-c-spinner__ball--after--Width); height: var(--pf-c-spinner__ball--after--Height); content: ""; background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor); border-radius: 50%; transform-origin: top right; } @keyframes pf-animation-spinner__tail-ball { 0% { transform: rotate(0deg); } 67.5% { transform: rotate(-180deg); } to { transform: rotate(-1turn); } } svg.pf-c-spinner { --pf-c-spinner--diameter:var(--pf-global--icon--FontSize--xl); --pf-c-spinner--AnimationDuration:1.4s; --pf-c-spinner--AnimationTimingFunction:linear; --pf-c-spinner--stroke-width:10; --pf-c-spinner__path--Stroke:var(--pf-c-spinner--Color); --pf-c-spinner__path--StrokeWidth:var(--pf-c-spinner--stroke-width); --pf-c-spinner__path--AnimationTimingFunction:ease-in-out; --pf-c-spinner--m-sm--diameter:var(--pf-global--icon--FontSize--sm); --pf-c-spinner--m-md--diameter:var(--pf-global--icon--FontSize--md); --pf-c-spinner--m-lg--diameter:var(--pf-global--icon--FontSize--lg); --pf-c-spinner--m-xl--diameter:var(--pf-global--icon--FontSize--xl); animation: pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration)*2) var(--pf-c-spinner--AnimationTimingFunction) infinite; } svg.pf-c-spinner.pf-m-sm { --pf-c-spinner--diameter:var(--pf-c-spinner--m-sm--diameter); } svg.pf-c-spinner.pf-m-md { --pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter); } svg.pf-c-spinner.pf-m-lg { --pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter); } svg.pf-c-spinner.pf-m-xl { --pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter); } .pf-c-spinner__path { width: 100%; height: 100%; transform-origin: 50% 50%; animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite; stroke: var(--pf-c-spinner--Color); stroke-linecap: round; stroke-dasharray: 283; stroke-dashoffset: 280; stroke-width: var(--pf-c-spinner--stroke-width); } @keyframes pf-c-spinner-animation-rotate { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes pf-c-spinner-animation-dash { 0% { stroke-dashoffset: 280; transform: rotate(0); } 15% { stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4); } 40% { stroke-dashoffset: 150; stroke-dasharray: 220; } to { stroke-dashoffset: 280; transform: rotate(2turn); } } .pf-c-switch { --pf-c-switch--FontSize:var(--pf-global--FontSize--md); --pf-c-switch__label--PaddingLeft:var(--pf-global--spacer--md); --pf-c-switch--ColumnGap:var(--pf-c-switch__label--PaddingLeft); --pf-c-switch__toggle-icon--FontSize:calc(var(--pf-c-switch--FontSize)*0.625); --pf-c-switch__toggle-icon--Color:var(--pf-global--Color--light-100); --pf-c-switch__toggle-icon--Left:calc(var(--pf-c-switch--FontSize)*0.4); --pf-c-switch__toggle-icon--Offset:0.125rem; --pf-c-switch--LineHeight:var(--pf-global--LineHeight--md); --pf-c-switch--Height:auto; --pf-c-switch__input--checked__toggle--BackgroundColor:var(--pf-global--primary-color--100); --pf-c-switch__input--checked__toggle--before--TranslateX:calc(100% + var(--pf-c-switch__toggle-icon--Offset)); --pf-c-switch__input--checked__label--Color:var(--pf-global--Color--dark-100); --pf-c-switch__input--not-checked__label--Color:var(--pf-global--disabled-color--100); --pf-c-switch__input--disabled__label--Color:var(--pf-global--disabled-color--100); --pf-c-switch__input--disabled__toggle--BackgroundColor:var(--pf-global--Color--dark-200); --pf-c-switch__input--disabled__toggle--before--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-switch__input--focus__toggle--OutlineWidth:var(--pf-global--BorderWidth--md); --pf-c-switch__input--focus__toggle--OutlineOffset:var(--pf-global--spacer--sm); --pf-c-switch__input--focus__toggle--OutlineColor:var(--pf-global--primary-color--100); --pf-c-switch__toggle--Height:calc(var(--pf-c-switch--FontSize)*var(--pf-c-switch--LineHeight)); --pf-c-switch__toggle--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-switch__toggle--BorderRadius:var(--pf-c-switch__toggle--Height); --pf-c-switch__toggle--before--Width:calc(var(--pf-c-switch--FontSize) - var(--pf-c-switch__toggle-icon--Offset)); --pf-c-switch__toggle--before--Height:var(--pf-c-switch__toggle--before--Width); --pf-c-switch__toggle--before--Top:calc(var(--pf-c-switch__toggle--Height)/2 - var(--pf-c-switch__toggle--before--Height)/2); --pf-c-switch__toggle--before--Left:var(--pf-c-switch__toggle--before--Top); --pf-c-switch__toggle--before--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-switch__toggle--before--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-switch__toggle--before--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-switch__toggle--before--Transition:transform .25s ease 0s; --pf-c-switch__toggle--Width:calc(var(--pf-c-switch__toggle--Height) + var(--pf-c-switch__toggle-icon--Offset) + var(--pf-c-switch__toggle--before--Width)); --pf-c-switch__label--Color:var(--pf-global--Color--dark-100); position: relative; display: inline-grid; grid-template-columns: auto; grid-auto-columns: 1fr; column-gap: var(--pf-c-switch--ColumnGap); height: var(--pf-c-switch--Height); font-size: var(--pf-c-switch--FontSize); line-height: var(--pf-c-switch--LineHeight); vertical-align: middle; cursor: pointer; } .pf-c-switch.pf-m-reverse .pf-c-switch__label, .pf-c-switch.pf-m-reverse .pf-c-switch__toggle { grid-row: 1; } .pf-c-switch.pf-m-reverse .pf-c-switch__label { grid-column: 1; } .pf-c-switch__input { position: absolute; cursor: pointer; opacity: 0; } .pf-c-switch__input:focus ~ .pf-c-switch__toggle { outline: var(--pf-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-c-switch__input--focus__toggle--OutlineColor); outline-offset: var(--pf-c-switch__input--focus__toggle--OutlineOffset); } .pf-c-switch__input:checked ~ .pf-c-switch__label { color: var(--pf-c-switch__input--checked__label--Color); } .pf-c-switch__input:checked ~ .pf-c-switch__toggle { background-color: var(--pf-c-switch__input--checked__toggle--BackgroundColor); } .pf-c-switch__input:checked ~ .pf-c-switch__toggle:before { transform: translateX(var(--pf-c-switch__input--checked__toggle--before--TranslateX)); } .pf-c-switch__input:checked ~ .pf-m-off { display: none; } .pf-c-switch__input:not(:checked) ~ .pf-c-switch__label { color: var(--pf-c-switch__input--not-checked__label--Color); } .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon { display: none; visibility: hidden; } .pf-c-switch__input:not(:checked) ~ .pf-m-on { display: none; } .pf-c-switch__input:disabled { cursor: not-allowed; } .pf-c-switch__input:disabled ~ .pf-c-switch__label { color: var(--pf-c-switch__input--disabled__label--Color); cursor: not-allowed; } .pf-c-switch__input:disabled ~ .pf-c-switch__toggle { cursor: not-allowed; background-color: var(--pf-c-switch__input--disabled__toggle--BackgroundColor); } .pf-c-switch__input:disabled ~ .pf-c-switch__toggle:before { background-color: var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor); } .pf-c-switch__toggle { position: relative; display: inline-block; width: var(--pf-c-switch__toggle--Width); height: var(--pf-c-switch__toggle--Height); background-color: var(--pf-c-switch__toggle--BackgroundColor); border-radius: var(--pf-c-switch__toggle--BorderRadius); } .pf-c-switch__toggle:before { position: absolute; top: var(--pf-c-switch__toggle--before--Top); left: var(--pf-c-switch__toggle--before--Left); display: block; width: var(--pf-c-switch__toggle--before--Width); height: var(--pf-c-switch__toggle--before--Height); content: ""; background-color: var(--pf-c-switch__toggle--before--BackgroundColor); border-radius: var(--pf-c-switch__toggle--before--BorderRadius); box-shadow: var(--pf-c-switch__toggle--before--BoxShadow); transition: var(--pf-c-switch__toggle--before--Transition); } .pf-c-switch__toggle-icon { position: absolute; top: 0; bottom: 0; left: var(--pf-c-switch__toggle-icon--Left); display: flex; align-items: center; font-size: var(--pf-c-switch__toggle-icon--FontSize); color: var(--pf-c-switch__toggle-icon--Color); } .pf-c-switch__label { display: inline-block; grid-column: 2; color: var(--pf-c-switch__label--Color); vertical-align: top; } .pf-c-tab-content { --pf-c-tab-content__body--PaddingTop:0; --pf-c-tab-content__body--PaddingRight:0; --pf-c-tab-content__body--PaddingBottom:0; --pf-c-tab-content__body--PaddingLeft:0; --pf-c-tab-content__body--m-padding--PaddingTop:var(--pf-global--spacer--md); --pf-c-tab-content__body--m-padding--PaddingRight:var(--pf-global--spacer--md); --pf-c-tab-content__body--m-padding--PaddingBottom:var(--pf-global--spacer--md); --pf-c-tab-content__body--m-padding--PaddingLeft:var(--pf-global--spacer--md); --pf-c-tab-content__body--m-padding--xl--PaddingTop:var(--pf-global--spacer--lg); --pf-c-tab-content__body--m-padding--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-tab-content__body--m-padding--xl--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-tab-content__body--m-padding--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-tab-content--m-light-300:var(--pf-global--BackgroundColor--light-300); } @media screen and (min-width:1200px) { .pf-c-tab-content { --pf-c-tab-content__body--m-padding--PaddingTop:var(--pf-c-tab-content__body--m-padding--xl--PaddingTop); --pf-c-tab-content__body--m-padding--PaddingRight:var(--pf-c-tab-content__body--m-padding--xl--PaddingRight); --pf-c-tab-content__body--m-padding--PaddingBottom:var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom); --pf-c-tab-content__body--m-padding--PaddingLeft:var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft); } } .pf-c-tab-content.pf-m-light-300 { background-color: var(--pf-c-tab-content--m-light-300); } .pf-c-tab-content__body { padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft); } .pf-c-tab-content__body.pf-m-padding { --pf-c-tab-content__body--PaddingTop:var(--pf-c-tab-content__body--m-padding--PaddingTop); --pf-c-tab-content__body--PaddingRight:var(--pf-c-tab-content__body--m-padding--PaddingRight); --pf-c-tab-content__body--PaddingBottom:var(--pf-c-tab-content__body--m-padding--PaddingBottom); --pf-c-tab-content__body--PaddingLeft:var(--pf-c-tab-content__body--m-padding--PaddingLeft); } .pf-c-table[class*=pf-m-grid] { --pf-c-table--responsive--BorderColor:var(--pf-global--BorderColor--300); --pf-c-table--tbody--responsive--border-width--base:var(--pf-global--spacer--sm); --pf-c-table--tbody--after--border-width--base:var(--pf-global--BorderWidth--lg); --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderColor:var(--pf-global--active-color--100); --pf-c-table-tr--responsive--border-width--base:var(--pf-global--spacer--sm); --pf-c-table-tr--responsive--last-child--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-table-tr--responsive--GridColumnGap:var(--pf-global--spacer--md); --pf-c-table-tr--responsive--MarginTop:var(--pf-global--spacer--sm); --pf-c-table-tr--responsive--PaddingTop:var(--pf-global--spacer--md); --pf-c-table-tr--responsive--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table-tr--responsive--xl--PaddingRight:var(--pf-global--spacer--md); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table-tr--responsive--xl--PaddingLeft:var(--pf-global--spacer--md); --pf-c-table-tr--responsive--nested-table--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table-tr--responsive--nested-table--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table-tr--responsive--nested-table--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table-tr--responsive--nested-table--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table--tbody--after--tr--BorderLeftWidth:0; --pf-c-table--tbody--after--tr--BorderLeftColor:transparent; --pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth:var(--pf-c-table__expandable-row--after--border-width--base); --pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor:var(--pf-global--active-color--400); --pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth:var(--pf-c-table__expandable-row--after--border-width--base); --pf-c-table--tbody--m-selected--after--tr--BorderLeftColor:var(--pf-global--active-color--100); --pf-c-table--m-grid--cell--hidden-visible--Display:grid; --pf-c-table--m-grid--cell--PaddingTop:0; --pf-c-table--m-grid--cell--PaddingRight:0; --pf-c-table--m-grid--cell--PaddingBottom:0; --pf-c-table--m-grid--cell--PaddingLeft:0; --pf-c-table-td--responsive--GridColumnGap:var(--pf-global--spacer--md); --pf-c-table--cell--responsive--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-table--cell--first-child--responsive--PaddingTop:var(--pf-global--spacer--sm); --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--m-compact-tr--responsive--PaddingTop:var(--pf-global--spacer--sm); --pf-c-table--m-compact-tr--responsive--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-table--m-compact-tr-td--responsive--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-compact-tr-td--responsive--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-compact__action--responsive--MarginTop:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-compact__action--responsive--MarginBottom:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom:-0.375rem; --pf-c-table__expandable-row-content--responsive--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table__expandable-row-content--responsive--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table__expandable-row-content--responsive--xl--PaddingRight:var(--pf-global--spacer--md); --pf-c-table__expandable-row-content--responsive--xl--PaddingLeft:var(--pf-global--spacer--md); --pf-c-table__expandable-row-content--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table__check--responsive--MarginLeft:var(--pf-global--spacer--sm); --pf-c-table__check--responsive--MarginTop:0.875rem; --pf-c-table--m-grid__favorite--MarginTop:0.5rem; --pf-c-table--m-grid__check--favorite--MarginLeft:var(--pf-global--spacer--xl); --pf-c-table--m-grid__action--MarginTop:0.375rem; --pf-c-table__action--responsive--MarginLeft:var(--pf-global--spacer--xl); --pf-c-table--m-grid__favorite--action--MarginLeft:var(--pf-global--spacer--2xl); --pf-c-table--m-grid__check--favorite--action--MarginLeft:calc(var(--pf-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-c-table--m-grid__favorite--action--MarginLeft)); --pf-c-table__toggle__icon--Transition:.2s ease-in 0s; --pf-c-table__toggle--m-expanded__icon--Rotate:180deg; } @media screen and (max-width:1200px) { .pf-c-table[class*=pf-m-grid] { --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--xl--PaddingRight); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--xl--PaddingLeft); --pf-c-table__expandable-row-content--responsive--PaddingRight:var(--pf-c-table__expandable-row-content--responsive--xl--PaddingRight); --pf-c-table__expandable-row-content--responsive--PaddingLeft:var(--pf-c-table__expandable-row-content--responsive--xl--PaddingLeft); } } .pf-m-grid.pf-c-table { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); --pf-c-table__favorite--c-button--MarginTop:auto; --pf-c-table__favorite--c-button--MarginRight:auto; --pf-c-table__favorite--c-button--MarginBottom:auto; --pf-c-table__favorite--c-button--MarginLeft:auto; display: grid; border: none; } .pf-m-grid.pf-c-table tr > * { width: auto; min-width: 0; max-width: none; overflow: visible; text-overflow: clip; white-space: normal; } .pf-m-grid.pf-c-table .pf-c-table__text { position: relative; width: auto; min-width: 0; max-width: none; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-m-grid.pf-c-table thead { display: none; visibility: hidden; } .pf-m-grid.pf-c-table tbody { display: block; } .pf-m-grid.pf-c-table tbody:first-of-type { border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid.pf-c-table table.pf-m-compact > tbody { border-top: 0; } .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid.pf-c-table tbody:last-of-type:not(:only-of-type) > tr, .pf-m-grid.pf-c-table tr:last-child { border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth); } .pf-m-grid.pf-c-table tbody.pf-m-expanded { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-m-grid.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) { border-bottom: 0; } .pf-m-grid.pf-c-table tbody.pf-m-expanded:not(:last-of-type) { border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid.pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:transparent; } .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) { display: grid; grid-template-columns: 1fr; height: auto; grid-auto-columns: max-content; grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap); padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft); } .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) > * { padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft); } .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--cell--first-child--responsive--PaddingTop); } .pf-m-grid.pf-c-table.pf-m-compact { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table--m-compact-tr--responsive--PaddingTop); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr--responsive--PaddingBottom); --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom); --pf-c-table__check--input--MarginTop:0; } .pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__action { margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop); margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop); } .pf-m-grid.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button { margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom); } .pf-m-grid.pf-c-table .pf-c-table__icon > * { text-align: left; } .pf-m-grid.pf-c-table [data-label] { --pf-c-table--cell--hidden-visible--Display:var(--pf-c-table--m-grid--cell--hidden-visible--Display); grid-column: 1; grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap); grid-template-columns: 1fr minmax(0, 1.5fr); align-items: start; } .pf-m-grid.pf-c-table [data-label] > * { grid-column: 2; } .pf-m-grid.pf-c-table [data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-grid.pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:0; } .pf-m-grid.pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:0; } .pf-m-grid.pf-c-table .pf-c-table { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table-tr--responsive--nested-table--PaddingTop); --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--nested-table--PaddingRight); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table-tr--responsive--nested-table--PaddingBottom); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--nested-table--PaddingLeft); border: 0; } .pf-m-grid.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row) + tr:not(.pf-c-table__expandable-row) { --pf-c-table-tr--responsive--PaddingTop:0; } .pf-m-grid.pf-c-table .pf-c-table__compound-expansion-toggle { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:100%; } .pf-m-grid.pf-c-table tbody { position: relative; } .pf-m-grid.pf-c-table tbody:after { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border: 0; border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor); } .pf-m-grid.pf-c-table tbody.pf-m-expanded { --pf-c-table--tbody--after--BorderLeftWidth:var(--pf-c-table--tbody--after--border-width--base); } .pf-m-grid.pf-c-table tbody.pf-m-expanded tbody { --pf-c-table--tbody--after--BorderLeftWidth:0; } .pf-m-grid.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after { --pf-c-table__expandable-row--after--BorderLeftWidth:0; position: static; width: auto; background-color: transparent; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row { --pf-c-table--cell--responsive--PaddingTop:0; --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingBottom:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; display: block; max-height: var(--pf-c-table__expandable-row--MaxHeight); overflow-y: auto; border-bottom: none; box-shadow: none; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row > * { position: static; display: block; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row.pf-m-expanded { border-top-color: var(--pf-c-table--BorderColor); } .pf-m-grid.pf-c-table .pf-c-table__expandable-row > :first-child:not(.pf-c-table__check):after { content: none; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-m-grid.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-m-grid.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight); padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft); } .pf-m-grid.pf-c-table tbody.pf-m-hoverable { --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderLeftColor:transparent; } .pf-m-grid.pf-c-table tbody.pf-m-hoverable, .pf-m-grid.pf-c-table tbody.pf-m-hoverable > tr { position: relative; } .pf-m-grid.pf-c-table tbody.pf-m-hoverable > tr:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth); background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor); } .pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-expanded { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor); } .pf-m-grid.pf-c-table tbody.pf-m-hoverable.pf-m-selected { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor); } .pf-m-grid.pf-c-table tr.pf-m-selected:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor); } .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action, .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check, .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite, .pf-m-grid.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle { width: auto; padding: 0; } .pf-m-grid.pf-c-table .pf-c-table__toggle { grid-row-start: 20; grid-column: -1; justify-self: end; padding-right: 0; } .pf-m-grid.pf-c-table .pf-c-table__toggle:after { content: none; } .pf-m-grid.pf-c-table .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); } .pf-m-grid.pf-c-table .pf-c-table__action, .pf-m-grid.pf-c-table .pf-c-table__check, .pf-m-grid.pf-c-table .pf-c-table__favorite { grid-row-start: 1; grid-column-start: 2; } .pf-m-grid.pf-c-table .pf-c-table__check { margin-top: var(--pf-c-table__check--responsive--MarginTop); margin-left: var(--pf-c-table__check--responsive--MarginLeft); } .pf-m-grid.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite { margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft); } .pf-m-grid.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft); } .pf-m-grid.pf-c-table .pf-c-table__check ~ .pf-c-table__action { margin-left: var(--pf-c-table__action--responsive--MarginLeft); } .pf-m-grid.pf-c-table .pf-c-table__favorite { margin-top: var(--pf-c-table--m-grid__favorite--MarginTop); } .pf-m-grid.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft); } .pf-m-grid.pf-c-table .pf-c-table__action { margin-top: var(--pf-c-table--m-grid__action--MarginTop); text-align: right; } @media screen and (max-width:576px) { .pf-m-grid.pf-c-table .pf-c-table__action { grid-row-start: 1; grid-column-start: 2; margin-left: 0; } } .pf-m-grid.pf-c-table .pf-c-table__inline-edit-action { grid-column: 2; grid-row: 2; } .pf-m-grid.pf-c-table .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle__icon--Transition); } .pf-c-button.pf-m-expanded > .pf-m-grid.pf-c-table .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate)); } .pf-m-grid.pf-c-table .pf-m-nowrap { --pf-c-table--cell--Overflow:auto; } .pf-m-grid.pf-c-table .pf-m-fit-content { width: auto; white-space: normal; } .pf-m-grid.pf-c-table .pf-m-truncate { --pf-c-table--cell--MaxWidth:100%; } .pf-m-grid.pf-c-table [class*=pf-m-width] { --pf-c-table--cell--Width:auto; } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); --pf-c-table__favorite--c-button--MarginTop:auto; --pf-c-table__favorite--c-button--MarginRight:auto; --pf-c-table__favorite--c-button--MarginBottom:auto; --pf-c-table__favorite--c-button--MarginLeft:auto; display: grid; border: none; } .pf-m-grid-md.pf-c-table tr > * { width: auto; min-width: 0; max-width: none; overflow: visible; text-overflow: clip; white-space: normal; } .pf-m-grid-md.pf-c-table .pf-c-table__text { position: relative; width: auto; min-width: 0; max-width: none; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-m-grid-md.pf-c-table thead { display: none; visibility: hidden; } .pf-m-grid-md.pf-c-table tbody { display: block; } .pf-m-grid-md.pf-c-table tbody:first-of-type { border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-md.pf-c-table table.pf-m-compact > tbody { border-top: 0; } .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr, .pf-m-grid-md.pf-c-table tr:last-child { border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth); } .pf-m-grid-md.pf-c-table tbody.pf-m-expanded { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-m-grid-md.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) { border-bottom: 0; } .pf-m-grid-md.pf-c-table tbody.pf-m-expanded:not(:last-of-type) { border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-md.pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:transparent; } .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) { display: grid; grid-template-columns: 1fr; height: auto; grid-auto-columns: max-content; grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap); padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft); } .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) > * { padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft); } .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--cell--first-child--responsive--PaddingTop); } .pf-m-grid-md.pf-c-table.pf-m-compact { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table--m-compact-tr--responsive--PaddingTop); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr--responsive--PaddingBottom); --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom); --pf-c-table__check--input--MarginTop:0; } .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__action { margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop); margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop); } .pf-m-grid-md.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button { margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom); } .pf-m-grid-md.pf-c-table .pf-c-table__icon > * { text-align: left; } .pf-m-grid-md.pf-c-table [data-label] { --pf-c-table--cell--hidden-visible--Display:var(--pf-c-table--m-grid--cell--hidden-visible--Display); grid-column: 1; grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap); grid-template-columns: 1fr minmax(0, 1.5fr); align-items: start; } .pf-m-grid-md.pf-c-table [data-label] > * { grid-column: 2; } .pf-m-grid-md.pf-c-table [data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-grid-md.pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:0; } .pf-m-grid-md.pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:0; } .pf-m-grid-md.pf-c-table .pf-c-table { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table-tr--responsive--nested-table--PaddingTop); --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--nested-table--PaddingRight); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table-tr--responsive--nested-table--PaddingBottom); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--nested-table--PaddingLeft); border: 0; } .pf-m-grid-md.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row) + tr:not(.pf-c-table__expandable-row) { --pf-c-table-tr--responsive--PaddingTop:0; } .pf-m-grid-md.pf-c-table .pf-c-table__compound-expansion-toggle { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:100%; } .pf-m-grid-md.pf-c-table tbody { position: relative; } .pf-m-grid-md.pf-c-table tbody:after { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border: 0; border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor); } .pf-m-grid-md.pf-c-table tbody.pf-m-expanded { --pf-c-table--tbody--after--BorderLeftWidth:var(--pf-c-table--tbody--after--border-width--base); } .pf-m-grid-md.pf-c-table tbody.pf-m-expanded tbody { --pf-c-table--tbody--after--BorderLeftWidth:0; } .pf-m-grid-md.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after { --pf-c-table__expandable-row--after--BorderLeftWidth:0; position: static; width: auto; background-color: transparent; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row { --pf-c-table--cell--responsive--PaddingTop:0; --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingBottom:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; display: block; max-height: var(--pf-c-table__expandable-row--MaxHeight); overflow-y: auto; border-bottom: none; box-shadow: none; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row > * { position: static; display: block; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row.pf-m-expanded { border-top-color: var(--pf-c-table--BorderColor); } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row > :first-child:not(.pf-c-table__check):after { content: none; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight); padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft); } .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable { --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderLeftColor:transparent; } .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable, .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr { position: relative; } .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth); background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor); } .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-expanded { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor); } .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable.pf-m-selected { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor); } .pf-m-grid-md.pf-c-table tr.pf-m-selected:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor); } .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action, .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check, .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite, .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle { width: auto; padding: 0; } .pf-m-grid-md.pf-c-table .pf-c-table__toggle { grid-row-start: 20; grid-column: -1; justify-self: end; padding-right: 0; } .pf-m-grid-md.pf-c-table .pf-c-table__toggle:after { content: none; } .pf-m-grid-md.pf-c-table .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__action, .pf-m-grid-md.pf-c-table .pf-c-table__check, .pf-m-grid-md.pf-c-table .pf-c-table__favorite { grid-row-start: 1; grid-column-start: 2; } .pf-m-grid-md.pf-c-table .pf-c-table__check { margin-top: var(--pf-c-table__check--responsive--MarginTop); margin-left: var(--pf-c-table__check--responsive--MarginLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite { margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__check ~ .pf-c-table__action { margin-left: var(--pf-c-table__action--responsive--MarginLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__favorite { margin-top: var(--pf-c-table--m-grid__favorite--MarginTop); } .pf-m-grid-md.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft); } .pf-m-grid-md.pf-c-table .pf-c-table__action { margin-top: var(--pf-c-table--m-grid__action--MarginTop); text-align: right; } } @media screen and (max-width:768px) and (max-width:576px) { .pf-m-grid-md.pf-c-table .pf-c-table__action { grid-row-start: 1; grid-column-start: 2; margin-left: 0; } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table .pf-c-table__inline-edit-action { grid-column: 2; grid-row: 2; } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle__icon--Transition); } .pf-c-button.pf-m-expanded > .pf-m-grid-md.pf-c-table .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate)); } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table .pf-m-nowrap { --pf-c-table--cell--Overflow:auto; } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table .pf-m-fit-content { width: auto; white-space: normal; } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table .pf-m-truncate { --pf-c-table--cell--MaxWidth:100%; } } @media screen and (max-width:768px) { .pf-m-grid-md.pf-c-table [class*=pf-m-width] { --pf-c-table--cell--Width:auto; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); --pf-c-table__favorite--c-button--MarginTop:auto; --pf-c-table__favorite--c-button--MarginRight:auto; --pf-c-table__favorite--c-button--MarginBottom:auto; --pf-c-table__favorite--c-button--MarginLeft:auto; display: grid; border: none; } .pf-m-grid-lg.pf-c-table tr > * { width: auto; min-width: 0; max-width: none; overflow: visible; text-overflow: clip; white-space: normal; } .pf-m-grid-lg.pf-c-table .pf-c-table__text { position: relative; width: auto; min-width: 0; max-width: none; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-m-grid-lg.pf-c-table thead { display: none; visibility: hidden; } .pf-m-grid-lg.pf-c-table tbody { display: block; } .pf-m-grid-lg.pf-c-table tbody:first-of-type { border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-lg.pf-c-table table.pf-m-compact > tbody { border-top: 0; } .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr, .pf-m-grid-lg.pf-c-table tr:last-child { border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth); } .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) { border-bottom: 0; } .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded:not(:last-of-type) { border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-lg.pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:transparent; } .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) { display: grid; grid-template-columns: 1fr; height: auto; grid-auto-columns: max-content; grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap); padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft); } .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) > * { padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft); } .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--cell--first-child--responsive--PaddingTop); } .pf-m-grid-lg.pf-c-table.pf-m-compact { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table--m-compact-tr--responsive--PaddingTop); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr--responsive--PaddingBottom); --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom); --pf-c-table__check--input--MarginTop:0; } .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__action { margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop); margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop); } .pf-m-grid-lg.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button { margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom); } .pf-m-grid-lg.pf-c-table .pf-c-table__icon > * { text-align: left; } .pf-m-grid-lg.pf-c-table [data-label] { --pf-c-table--cell--hidden-visible--Display:var(--pf-c-table--m-grid--cell--hidden-visible--Display); grid-column: 1; grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap); grid-template-columns: 1fr minmax(0, 1.5fr); align-items: start; } .pf-m-grid-lg.pf-c-table [data-label] > * { grid-column: 2; } .pf-m-grid-lg.pf-c-table [data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-grid-lg.pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:0; } .pf-m-grid-lg.pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:0; } .pf-m-grid-lg.pf-c-table .pf-c-table { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table-tr--responsive--nested-table--PaddingTop); --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--nested-table--PaddingRight); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table-tr--responsive--nested-table--PaddingBottom); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--nested-table--PaddingLeft); border: 0; } .pf-m-grid-lg.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row) + tr:not(.pf-c-table__expandable-row) { --pf-c-table-tr--responsive--PaddingTop:0; } .pf-m-grid-lg.pf-c-table .pf-c-table__compound-expansion-toggle { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:100%; } .pf-m-grid-lg.pf-c-table tbody { position: relative; } .pf-m-grid-lg.pf-c-table tbody:after { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border: 0; border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor); } .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded { --pf-c-table--tbody--after--BorderLeftWidth:var(--pf-c-table--tbody--after--border-width--base); } .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded tbody { --pf-c-table--tbody--after--BorderLeftWidth:0; } .pf-m-grid-lg.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after { --pf-c-table__expandable-row--after--BorderLeftWidth:0; position: static; width: auto; background-color: transparent; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row { --pf-c-table--cell--responsive--PaddingTop:0; --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingBottom:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; display: block; max-height: var(--pf-c-table__expandable-row--MaxHeight); overflow-y: auto; border-bottom: none; box-shadow: none; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row > * { position: static; display: block; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row.pf-m-expanded { border-top-color: var(--pf-c-table--BorderColor); } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row > :first-child:not(.pf-c-table__check):after { content: none; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight); padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft); } .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable { --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderLeftColor:transparent; } .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable, .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr { position: relative; } .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth); background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor); } .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-expanded { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor); } .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable.pf-m-selected { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor); } .pf-m-grid-lg.pf-c-table tr.pf-m-selected:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor); } .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action, .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check, .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite, .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle { width: auto; padding: 0; } .pf-m-grid-lg.pf-c-table .pf-c-table__toggle { grid-row-start: 20; grid-column: -1; justify-self: end; padding-right: 0; } .pf-m-grid-lg.pf-c-table .pf-c-table__toggle:after { content: none; } .pf-m-grid-lg.pf-c-table .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__action, .pf-m-grid-lg.pf-c-table .pf-c-table__check, .pf-m-grid-lg.pf-c-table .pf-c-table__favorite { grid-row-start: 1; grid-column-start: 2; } .pf-m-grid-lg.pf-c-table .pf-c-table__check { margin-top: var(--pf-c-table__check--responsive--MarginTop); margin-left: var(--pf-c-table__check--responsive--MarginLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite { margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__check ~ .pf-c-table__action { margin-left: var(--pf-c-table__action--responsive--MarginLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__favorite { margin-top: var(--pf-c-table--m-grid__favorite--MarginTop); } .pf-m-grid-lg.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft); } .pf-m-grid-lg.pf-c-table .pf-c-table__action { margin-top: var(--pf-c-table--m-grid__action--MarginTop); text-align: right; } } @media screen and (max-width:992px) and (max-width:576px) { .pf-m-grid-lg.pf-c-table .pf-c-table__action { grid-row-start: 1; grid-column-start: 2; margin-left: 0; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table .pf-c-table__inline-edit-action { grid-column: 2; grid-row: 2; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle__icon--Transition); } .pf-c-button.pf-m-expanded > .pf-m-grid-lg.pf-c-table .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate)); } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table .pf-m-nowrap { --pf-c-table--cell--Overflow:auto; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table .pf-m-fit-content { width: auto; white-space: normal; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table .pf-m-truncate { --pf-c-table--cell--MaxWidth:100%; } } @media screen and (max-width:992px) { .pf-m-grid-lg.pf-c-table [class*=pf-m-width] { --pf-c-table--cell--Width:auto; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); --pf-c-table__favorite--c-button--MarginTop:auto; --pf-c-table__favorite--c-button--MarginRight:auto; --pf-c-table__favorite--c-button--MarginBottom:auto; --pf-c-table__favorite--c-button--MarginLeft:auto; display: grid; border: none; } .pf-m-grid-xl.pf-c-table tr > * { width: auto; min-width: 0; max-width: none; overflow: visible; text-overflow: clip; white-space: normal; } .pf-m-grid-xl.pf-c-table .pf-c-table__text { position: relative; width: auto; min-width: 0; max-width: none; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-m-grid-xl.pf-c-table thead { display: none; visibility: hidden; } .pf-m-grid-xl.pf-c-table tbody { display: block; } .pf-m-grid-xl.pf-c-table tbody:first-of-type { border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-xl.pf-c-table table.pf-m-compact > tbody { border-top: 0; } .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr, .pf-m-grid-xl.pf-c-table tr:last-child { border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth); } .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) { border-bottom: 0; } .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) { border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-xl.pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:transparent; } .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) { display: grid; grid-template-columns: 1fr; height: auto; grid-auto-columns: max-content; grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap); padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft); } .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) > * { padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft); } .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--cell--first-child--responsive--PaddingTop); } .pf-m-grid-xl.pf-c-table.pf-m-compact { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table--m-compact-tr--responsive--PaddingTop); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr--responsive--PaddingBottom); --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom); --pf-c-table__check--input--MarginTop:0; } .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__action { margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop); margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop); } .pf-m-grid-xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button { margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom); } .pf-m-grid-xl.pf-c-table .pf-c-table__icon > * { text-align: left; } .pf-m-grid-xl.pf-c-table [data-label] { --pf-c-table--cell--hidden-visible--Display:var(--pf-c-table--m-grid--cell--hidden-visible--Display); grid-column: 1; grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap); grid-template-columns: 1fr minmax(0, 1.5fr); align-items: start; } .pf-m-grid-xl.pf-c-table [data-label] > * { grid-column: 2; } .pf-m-grid-xl.pf-c-table [data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-grid-xl.pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:0; } .pf-m-grid-xl.pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:0; } .pf-m-grid-xl.pf-c-table .pf-c-table { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table-tr--responsive--nested-table--PaddingTop); --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--nested-table--PaddingRight); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table-tr--responsive--nested-table--PaddingBottom); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--nested-table--PaddingLeft); border: 0; } .pf-m-grid-xl.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row) + tr:not(.pf-c-table__expandable-row) { --pf-c-table-tr--responsive--PaddingTop:0; } .pf-m-grid-xl.pf-c-table .pf-c-table__compound-expansion-toggle { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:100%; } .pf-m-grid-xl.pf-c-table tbody { position: relative; } .pf-m-grid-xl.pf-c-table tbody:after { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border: 0; border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor); } .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded { --pf-c-table--tbody--after--BorderLeftWidth:var(--pf-c-table--tbody--after--border-width--base); } .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded tbody { --pf-c-table--tbody--after--BorderLeftWidth:0; } .pf-m-grid-xl.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after { --pf-c-table__expandable-row--after--BorderLeftWidth:0; position: static; width: auto; background-color: transparent; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row { --pf-c-table--cell--responsive--PaddingTop:0; --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingBottom:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; display: block; max-height: var(--pf-c-table__expandable-row--MaxHeight); overflow-y: auto; border-bottom: none; box-shadow: none; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row > * { position: static; display: block; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded { border-top-color: var(--pf-c-table--BorderColor); } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row > :first-child:not(.pf-c-table__check):after { content: none; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight); padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft); } .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable { --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderLeftColor:transparent; } .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable, .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr { position: relative; } .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth); background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor); } .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor); } .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor); } .pf-m-grid-xl.pf-c-table tr.pf-m-selected:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor); } .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action, .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check, .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite, .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle { width: auto; padding: 0; } .pf-m-grid-xl.pf-c-table .pf-c-table__toggle { grid-row-start: 20; grid-column: -1; justify-self: end; padding-right: 0; } .pf-m-grid-xl.pf-c-table .pf-c-table__toggle:after { content: none; } .pf-m-grid-xl.pf-c-table .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__action, .pf-m-grid-xl.pf-c-table .pf-c-table__check, .pf-m-grid-xl.pf-c-table .pf-c-table__favorite { grid-row-start: 1; grid-column-start: 2; } .pf-m-grid-xl.pf-c-table .pf-c-table__check { margin-top: var(--pf-c-table__check--responsive--MarginTop); margin-left: var(--pf-c-table__check--responsive--MarginLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite { margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__check ~ .pf-c-table__action { margin-left: var(--pf-c-table__action--responsive--MarginLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__favorite { margin-top: var(--pf-c-table--m-grid__favorite--MarginTop); } .pf-m-grid-xl.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft); } .pf-m-grid-xl.pf-c-table .pf-c-table__action { margin-top: var(--pf-c-table--m-grid__action--MarginTop); text-align: right; } } @media screen and (max-width:1200px) and (max-width:576px) { .pf-m-grid-xl.pf-c-table .pf-c-table__action { grid-row-start: 1; grid-column-start: 2; margin-left: 0; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table .pf-c-table__inline-edit-action { grid-column: 2; grid-row: 2; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle__icon--Transition); } .pf-c-button.pf-m-expanded > .pf-m-grid-xl.pf-c-table .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate)); } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table .pf-m-nowrap { --pf-c-table--cell--Overflow:auto; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table .pf-m-fit-content { width: auto; white-space: normal; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table .pf-m-truncate { --pf-c-table--cell--MaxWidth:100%; } } @media screen and (max-width:1200px) { .pf-m-grid-xl.pf-c-table [class*=pf-m-width] { --pf-c-table--cell--Width:auto; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); --pf-c-table__favorite--c-button--MarginTop:auto; --pf-c-table__favorite--c-button--MarginRight:auto; --pf-c-table__favorite--c-button--MarginBottom:auto; --pf-c-table__favorite--c-button--MarginLeft:auto; display: grid; border: none; } .pf-m-grid-2xl.pf-c-table tr > * { width: auto; min-width: 0; max-width: none; overflow: visible; text-overflow: clip; white-space: normal; } .pf-m-grid-2xl.pf-c-table .pf-c-table__text { position: relative; width: auto; min-width: 0; max-width: none; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-m-grid-2xl.pf-c-table thead { display: none; visibility: hidden; } .pf-m-grid-2xl.pf-c-table tbody { display: block; } .pf-m-grid-2xl.pf-c-table tbody:first-of-type { border-top: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-2xl.pf-c-table table.pf-m-compact > tbody { border-top: 0; } .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr, .pf-m-grid-2xl.pf-c-table tr:last-child { border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded tr:not(.pf-c-table__expandable-row) { border-bottom: 0; } .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded:not(:last-of-type) { border-bottom: var(--pf-c-table--tbody--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor); } .pf-m-grid-2xl.pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:transparent; } .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) { display: grid; grid-template-columns: 1fr; height: auto; grid-auto-columns: max-content; grid-column-gap: var(--pf-c-table-tr--responsive--GridColumnGap); padding: var(--pf-c-table-tr--responsive--PaddingTop) var(--pf-c-table-tr--responsive--PaddingRight) var(--pf-c-table-tr--responsive--PaddingBottom) var(--pf-c-table-tr--responsive--PaddingLeft); } .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) > * { padding: var(--pf-c-table--cell--responsive--PaddingTop) var(--pf-c-table--cell--responsive--PaddingRight) var(--pf-c-table--cell--responsive--PaddingBottom) var(--pf-c-table--cell--responsive--PaddingLeft); } .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--cell--first-child--responsive--PaddingTop); } .pf-m-grid-2xl.pf-c-table.pf-m-compact { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table--m-compact-tr--responsive--PaddingTop); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr--responsive--PaddingBottom); --pf-c-table--cell--responsive--PaddingTop:var(--pf-c-table--m-compact-tr-td--responsive--PaddingTop); --pf-c-table--cell--responsive--PaddingBottom:var(--pf-c-table--m-compact-tr-td--responsive--PaddingBottom); --pf-c-table__check--input--MarginTop:0; } .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__action { margin-top: var(--pf-c-table--m-compact__action--responsive--MarginTop); margin-bottom: var(--pf-c-table--m-compact__action--responsive--MarginTop); } .pf-m-grid-2xl.pf-c-table.pf-m-compact .pf-c-table__toggle .pf-c-button { margin-bottom: var(--pf-c-table--m-compact__toggle--c-button--responsive--MarginBottom); } .pf-m-grid-2xl.pf-c-table .pf-c-table__icon > * { text-align: left; } .pf-m-grid-2xl.pf-c-table [data-label] { --pf-c-table--cell--hidden-visible--Display:var(--pf-c-table--m-grid--cell--hidden-visible--Display); grid-column: 1; grid-column-gap: var(--pf-c-table-td--responsive--GridColumnGap); grid-template-columns: 1fr minmax(0, 1.5fr); align-items: start; } .pf-m-grid-2xl.pf-c-table [data-label] > * { grid-column: 2; } .pf-m-grid-2xl.pf-c-table [data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-grid-2xl.pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:0; } .pf-m-grid-2xl.pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:0; } .pf-m-grid-2xl.pf-c-table .pf-c-table { --pf-c-table-tr--responsive--PaddingTop:var(--pf-c-table-tr--responsive--nested-table--PaddingTop); --pf-c-table-tr--responsive--PaddingRight:var(--pf-c-table-tr--responsive--nested-table--PaddingRight); --pf-c-table-tr--responsive--PaddingBottom:var(--pf-c-table-tr--responsive--nested-table--PaddingBottom); --pf-c-table-tr--responsive--PaddingLeft:var(--pf-c-table-tr--responsive--nested-table--PaddingLeft); border: 0; } .pf-m-grid-2xl.pf-c-table .pf-c-table tr:not(.pf-c-table__expandable-row) + tr:not(.pf-c-table__expandable-row) { --pf-c-table-tr--responsive--PaddingTop:0; } .pf-m-grid-2xl.pf-c-table .pf-c-table__compound-expansion-toggle { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:100%; } .pf-m-grid-2xl.pf-c-table tbody { position: relative; } .pf-m-grid-2xl.pf-c-table tbody:after { position: absolute; top: 0; bottom: 0; left: 0; content: ""; border: 0; border-left: var(--pf-c-table--tbody--after--BorderLeftWidth) solid var(--pf-c-table--tbody--after--BorderColor); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded { --pf-c-table--tbody--after--BorderLeftWidth:var(--pf-c-table--tbody--after--border-width--base); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded tbody { --pf-c-table--tbody--after--BorderLeftWidth:0; } .pf-m-grid-2xl.pf-c-table tbody > tr > :first-child:not(.pf-c-table__check):after { --pf-c-table__expandable-row--after--BorderLeftWidth:0; position: static; width: auto; background-color: transparent; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row { --pf-c-table--cell--responsive--PaddingTop:0; --pf-c-table--cell--responsive--PaddingRight:0; --pf-c-table--cell--responsive--PaddingBottom:0; --pf-c-table--cell--responsive--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; display: block; max-height: var(--pf-c-table__expandable-row--MaxHeight); overflow-y: auto; border-bottom: none; box-shadow: none; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row > * { position: static; display: block; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row.pf-m-expanded { border-top-color: var(--pf-c-table--BorderColor); } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row > :first-child:not(.pf-c-table__check):after { content: none; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight); padding-left: var(--pf-c-table__expandable-row-content--responsive--PaddingLeft); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable { --pf-c-table--tbody--after--BorderLeftWidth:0; --pf-c-table--tbody--after--BorderLeftColor:transparent; } .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable, .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr { position: relative; } .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tbody--after--tr--BorderLeftWidth); background-color: var(--pf-c-table--tbody--after--tr--BorderLeftColor); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-expanded { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-expanded--after--tr--BorderLeftColor); } .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable.pf-m-selected { --pf-c-table--tbody--after--tr--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftWidth); --pf-c-table--tbody--after--tr--BorderLeftColor:var(--pf-c-table--tbody--m-selected--after--tr--BorderLeftColor); } .pf-m-grid-2xl.pf-c-table tr.pf-m-selected:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor); } .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action, .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check, .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite, .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle { width: auto; padding: 0; } .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle { grid-row-start: 20; grid-column: -1; justify-self: end; padding-right: 0; } .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle:after { content: none; } .pf-m-grid-2xl.pf-c-table .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-grid--cell--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-grid--cell--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-grid--cell--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-grid--cell--PaddingLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__action, .pf-m-grid-2xl.pf-c-table .pf-c-table__check, .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite { grid-row-start: 1; grid-column-start: 2; } .pf-m-grid-2xl.pf-c-table .pf-c-table__check { margin-top: var(--pf-c-table__check--responsive--MarginTop); margin-left: var(--pf-c-table__check--responsive--MarginLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite { margin-left: var(--pf-c-table--m-grid__check--favorite--MarginLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__check ~ .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__check--favorite--action--MarginLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__check ~ .pf-c-table__action { margin-left: var(--pf-c-table__action--responsive--MarginLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite { margin-top: var(--pf-c-table--m-grid__favorite--MarginTop); } .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite ~ .pf-c-table__action { margin-left: var(--pf-c-table--m-grid__favorite--action--MarginLeft); } .pf-m-grid-2xl.pf-c-table .pf-c-table__action { margin-top: var(--pf-c-table--m-grid__action--MarginTop); text-align: right; } } @media screen and (max-width:1450px) and (max-width:576px) { .pf-m-grid-2xl.pf-c-table .pf-c-table__action { grid-row-start: 1; grid-column-start: 2; margin-left: 0; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table .pf-c-table__inline-edit-action { grid-column: 2; grid-row: 2; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle__icon--Transition); } .pf-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-c-table .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--m-expanded__icon--Rotate)); } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table .pf-m-nowrap { --pf-c-table--cell--Overflow:auto; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table .pf-m-fit-content { width: auto; white-space: normal; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table .pf-m-truncate { --pf-c-table--cell--MaxWidth:100%; } } @media screen and (max-width:1450px) { .pf-m-grid-2xl.pf-c-table [class*=pf-m-width] { --pf-c-table--cell--Width:auto; } } .pf-c-table { --pf-c-table--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--BorderColor:var(--pf-global--BorderColor--100); --pf-c-table--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-table-caption--FontSize:var(--pf-global--FontSize--sm); --pf-c-table-caption--Color:var(--pf-global--Color--200); --pf-c-table-caption--PaddingTop:var(--pf-global--spacer--md); --pf-c-table-caption--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table-caption--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table-caption--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table-caption--xl--PaddingRight:var(--pf-global--spacer--md); --pf-c-table-caption--xl--PaddingLeft:var(--pf-global--spacer--md); --pf-c-table--thead--cell--FontSize:var(--pf-global--FontSize--sm); --pf-c-table--thead--cell--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-table--tbody--cell--PaddingTop:var(--pf-global--spacer--lg); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-table--tr--BoxShadow--top--base:0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,0.08); --pf-c-table--cell--Padding--base:var(--pf-global--spacer--md); --pf-c-table--cell--FontSize:var(--pf-global--FontSize--md); --pf-c-table--cell--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-table--cell--Color:var(--pf-global--Color--100); --pf-c-table--cell--PaddingTop:var(--pf-c-table--cell--Padding--base); --pf-c-table--cell--PaddingRight:var(--pf-c-table--cell--Padding--base); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--cell--Padding--base); --pf-c-table--cell--PaddingLeft:var(--pf-c-table--cell--Padding--base); --pf-c-table--cell--first-last-child--PaddingLeft:var(--pf-global--spacer--md); --pf-c-table--cell--first-last-child--PaddingRight:var(--pf-global--spacer--md); --pf-c-table--cell--first-last-child--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table--cell--first-last-child--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft:var(--pf-c-table--cell--Padding--base); --pf-c-table--cell--MinWidth:0; --pf-c-table--cell--MaxWidth:none; --pf-c-table--cell--Width:auto; --pf-c-table--cell--Overflow:visible; --pf-c-table--cell--TextOverflow:clip; --pf-c-table--cell--WhiteSpace:normal; --pf-c-table--cell--WordBreak:normal; --pf-c-table--cell--m-border-right--before--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-table--cell--m-border-right--before--BorderRightColor:var(--pf-global--BorderColor--100); --pf-c-table--cell--m-border-left--before--BorderLeftWidth:var(--pf-global--BorderWidth--sm); --pf-c-table--cell--m-border-left--before--BorderLeftColor:var(--pf-global--BorderColor--100); --pf-c-table--cell--m-help--MinWidth:11ch; --pf-c-table--m-truncate--cell--MaxWidth:1px; --pf-c-table--m-truncate--cell--MinWidth:calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft)); --pf-c-table--cell--hidden-visible--Display:table-cell; --pf-c-table__toggle--c-button--MarginTop:-0.375rem; --pf-c-table__toggle--c-button--MarginBottom:-0.375rem; --pf-c-table__toggle--c-button__toggle-icon--Rotate:270deg; --pf-c-table__toggle--c-button__toggle-icon--Transition:.2s ease-in 0s; --pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate:360deg; --pf-c-table__button--BackgroundColor:transparent; --pf-c-table__button--Color:var(--pf-global--Color--100); --pf-c-table__button--hover--Color:var(--pf-global--Color--100); --pf-c-table__button--focus--Color:var(--pf-global--Color--100); --pf-c-table__button--active--Color:var(--pf-global--Color--100); --pf-c-table__button--OutlineOffset:calc(var(--pf-global--BorderWidth--lg)*-1); --pf-c-table--m-compact__toggle--PaddingTop:0; --pf-c-table--m-compact__toggle--PaddingBottom:0; --pf-c-table__check--input--MarginTop:0.25rem; --pf-c-table__check--input--FontSize:var(--pf-global--FontSize--md); --pf-c-table--cell--m-favorite--Color:var(--pf-global--Color--light-300); --pf-c-table__favorite--c-button--Color:var(--pf-global--Color--light-300); --pf-c-table__favorite--c-button--FontSize:var(--pf-global--FontSize--sm); --pf-c-table__favorite--c-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__favorite--c-button--MarginRight:calc(var(--pf-global--spacer--md)*-1); --pf-c-table__favorite--c-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__favorite--c-button--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-table__favorite--m-favorited--c-button--Color:var(--pf-global--palette--gold-400); --pf-c-table__sort--m-favorite__button__text--Color:var(--pf-global--Color--200); --pf-c-table__sort--m-favorite__button--hover__text--Color:var(--pf-global--Color--100); --pf-c-table__sort--m-favorite__button--focus__text--Color:var(--pf-global--Color--100); --pf-c-table__sort--m-favorite__button--active__text--Color:var(--pf-global--Color--100); --pf-c-table__draggable--c-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__draggable--c-button--MarginRight:calc(var(--pf-global--spacer--md)*-1); --pf-c-table__draggable--c-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__draggable--c-button--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-table__tr--m-ghost-row--Opacity:.4; --pf-c-table__tr--m-ghost-row--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table__action--PaddingTop:0; --pf-c-table__action--PaddingRight:0; --pf-c-table__action--PaddingBottom:0; --pf-c-table__action--PaddingLeft:0; --pf-c-table__inline-edit-action--PaddingTop:0; --pf-c-table__inline-edit-action--PaddingRight:0; --pf-c-table__inline-edit-action--PaddingBottom:0; --pf-c-table__inline-edit-action--PaddingLeft:0; --pf-c-table__expandable-row--Transition:var(--pf-global--Transition); --pf-c-table__expandable-row--MaxHeight:28.125rem; --pf-c-table__expandable-row-content--Transition:var(--pf-global--Transition); --pf-c-table__expandable-row-content--PaddingTop:var(--pf-global--spacer--lg); --pf-c-table__expandable-row-content--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-table__expandable-row--after--Top:calc(var(--pf-c-table--border-width--base)*-1); --pf-c-table__expandable-row--after--Bottom:calc(var(--pf-c-table--border-width--base)*-1); --pf-c-table__expandable-row--after--border-width--base:var(--pf-global--BorderWidth--lg); --pf-c-table__expandable-row--after--BorderLeftWidth:0; --pf-c-table__expandable-row--after--BorderColor:var(--pf-global--active-color--100); --pf-c-table__icon-inline--MarginRight:var(--pf-global--spacer--sm); --pf-c-table__sort--MinWidth:calc(6ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft) + var(--pf-c-table__sort-indicator--MarginLeft)); --pf-c-table__sort__button--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-table__sort__button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table__sort__button--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-table__sort__button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-table__sort__button--MarginTop:calc(var(--pf-c-table__sort__button--PaddingTop)*-1); --pf-c-table__sort__button--MarginBottom:calc(var(--pf-c-table__sort__button--PaddingBottom)*-1); --pf-c-table__sort__button--MarginLeft:calc(var(--pf-c-table__sort__button--PaddingLeft)*-1); --pf-c-table__sort__button--Color:var(--pf-global--Color--100); --pf-c-table__sort--m-selected__button--Color:var(--pf-global--active-color--100); --pf-c-table__sort--m-help--MinWidth:15ch; --pf-c-table__sort__button__text--Color:currentColor; --pf-c-table__sort__button--hover__text--Color:currentColor; --pf-c-table__sort__button--focus__text--Color:currentColor; --pf-c-table__sort__button--active__text--Color:currentColor; --pf-c-table__sort-indicator--Color:var(--pf-global--disabled-color--200); --pf-c-table__sort-indicator--MarginLeft:var(--pf-global--spacer--md); --pf-c-table__sort--m-selected__sort-indicator--Color:var(--pf-global--active-color--100); --pf-c-table__sort__button--hover__sort-indicator--Color:var(--pf-global--Color--100); --pf-c-table__sort__button--active__sort-indicator--Color:var(--pf-global--Color--100); --pf-c-table__sort__button--focus__sort-indicator--Color:var(--pf-global--Color--100); --pf-c-table--th--m-help--MinWidth:11ch; --pf-c-table__column-help--MarginLeft:var(--pf-global--spacer--xs); --pf-c-table__column-help--TranslateY:0.125rem; --pf-c-table__column-help--c-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__column-help--c-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-table__column-help--c-button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table__column-help--c-button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-table__compound-expansion-toggle__button--Color:var(--pf-global--active-color--100); --pf-c-table__compound-expansion-toggle__button--hover--Color:var(--pf-global--link--Color--hover); --pf-c-table__compound-expansion-toggle__button--focus--Color:var(--pf-global--link--Color--hover); --pf-c-table__compound-expansion-toggle__button--active--Color:var(--pf-global--link--Color--hover); --pf-c-table__compound-expansion-toggle__button--before--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-table__compound-expansion-toggle__button--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-c-table__compound-expansion-toggle__button--before--Bottom:calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-c-table__compound-expansion-toggle__button--before--Left:calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-c-table__compound-expansion-toggle__button--after--border-width--base:var(--pf-global--BorderWidth--lg); --pf-c-table__compound-expansion-toggle__button--after--BorderColor:var(--pf-global--primary-color--100); --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth:0; --pf-c-table__compound-expansion-toggle__button--after--Top:calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-c-table__compound-expansion-toggle__button--after--Left:calc(var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-c-table--m-compact-th--PaddingTop:calc(var(--pf-global--spacer--sm) + var(--pf-global--spacer--xs)); --pf-c-table--m-compact-th--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-table--m-compact--cell--PaddingTop:var(--pf-global--spacer--sm); --pf-c-table--m-compact--cell--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--m-compact--cell--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-table--m-compact--cell--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-table--m-compact--cell--first-last-child--PaddingLeft:var(--pf-global--spacer--md); --pf-c-table--m-compact--cell--first-last-child--PaddingRight:var(--pf-global--spacer--md); --pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table--m-compact--FontSize:var(--pf-global--FontSize--sm); --pf-c-table--m-compact__expandable-row-content--PaddingTop:var(--pf-global--spacer--lg); --pf-c-table--m-compact__expandable-row-content--PaddingRight:var(--pf-global--spacer--lg); --pf-c-table--m-compact__expandable-row-content--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-table--m-compact__expandable-row-content--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-table--nested--first-last-child--PaddingRight:var(--pf-global--spacer--3xl); --pf-c-table--nested--first-last-child--PaddingLeft:var(--pf-global--spacer--3xl); --pf-c-table__expandable-row--m-expanded--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-table--tr--m-hoverable--BoxShadow--top:var(--pf-c-table--tr--BoxShadow--top--base); --pf-c-table--tr--m-hoverable--BackgroundColor:transparent; --pf-c-table--tr--m-hoverable--BoxShadow:none; --pf-c-table--tr--m-hoverable--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--tr--m-hoverable--hover--BoxShadow:var(--pf-c-table--tr--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-hoverable--hover--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tr--m-hoverable--focus--BoxShadow:var(--pf-c-table--tr--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-hoverable--focus--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tr--m-hoverable--active--BoxShadow:var(--pf-c-table--tr--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-hoverable--active--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tr--m-hoverable--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-bottom) inset,var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-selected--BoxShadow--top:var(--pf-c-table--tr--BoxShadow--top--base); --pf-c-table--tr--m-selected--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tr--m-selected--BoxShadow:var(--pf-c-table--tr--m-selected--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-selected--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--tr--m-selected--after--BorderLeftWidth:var(--pf-c-table__expandable-row--after--border-width--base); --pf-c-table--tr--m-selected--after--BorderLeftColor:var(--pf-global--active-color--100); --pf-c-table--tr--m-selected--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-selected--hover--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-bottom) inset,var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow:var(--pf-c-table--tr--m-selected--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-hoverable--BoxShadow--top:var(--pf-c-table--tr--BoxShadow--top--base); --pf-c-table--tbody--m-hoverable--BoxShadow:none; --pf-c-table--tbody--m-hoverable--BackgroundColor:transparent; --pf-c-table--tbody--m-hoverable--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--tbody--m-hoverable--hover--BoxShadow:var(--pf-c-table--tbody--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-hoverable--hover--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tbody--m-hoverable--focus--BoxShadow:var(--pf-c-table--tbody--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-hoverable--focus--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tbody--m-hoverable--active--BoxShadow:var(--pf-c-table--tbody--m-hoverable--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-hoverable--active--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tbody--m-hoverable--m-expanded--BorderColor:var(--pf-global--active-color--400); --pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow:var(--pf-global--BoxShadow--sm-bottom) inset,var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-selected--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table--tbody--m-selected--BoxShadow--top:var(--pf-c-table--tr--BoxShadow--top--base); --pf-c-table--tbody--m-selected--BoxShadow:var(--pf-c-table--tbody--m-selected--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-selected--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--tbody--m-selected--after--BorderLeftWidth:var(--pf-c-table__expandable-row--after--border-width--base); --pf-c-table--tbody--m-selected--after--BorderLeftColor:var(--pf-global--active-color--100); --pf-c-table--tbody--m-selected--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow:var(--pf-global--BoxShadow--sm-bottom) inset,var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow:var(--pf-c-table--tr--m-selected--BoxShadow--top),var(--pf-global--BoxShadow--sm-bottom); --pf-c-table--thead--m-nested-column-header--button--OutlineOffset:-0.1875rem; --pf-c-table--thead--m-nested-column-header--tr--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table__subhead--Color:var(--pf-global--Color--200); color: var(--pf-global--Color--100); width: 100%; background-color: var(--pf-c-table--BackgroundColor); } @media screen and (max-width:1200px) { .pf-c-table { --pf-c-table-caption--PaddingRight:var(--pf-c-table-caption--xl--PaddingRight); --pf-c-table-caption--PaddingLeft:var(--pf-c-table-caption--xl--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-table { --pf-c-table--cell--first-last-child--PaddingRight:var(--pf-c-table--cell--first-last-child--xl--PaddingRight); --pf-c-table--cell--first-last-child--PaddingLeft:var(--pf-c-table--cell--first-last-child--xl--PaddingLeft); --pf-c-table--m-compact--cell--first-last-child--PaddingLeft:var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingLeft); --pf-c-table--m-compact--cell--first-last-child--PaddingRight:var(--pf-c-table--m-compact--cell--first-last-child--xl--PaddingRight); } } .pf-c-table.pf-m-fixed { table-layout: fixed; } .pf-c-table.pf-m-sticky-header { position: relative; } .pf-c-table.pf-m-sticky-header > thead > tr { border-bottom: 0; } .pf-c-table.pf-m-sticky-header > thead > tr > * { position: sticky; top: 0; z-index: var(--pf-global--ZIndex--xs); background: var(--pf-c-table--BackgroundColor); } .pf-c-table.pf-m-sticky-header > thead > tr > :after { position: absolute; right: 0; bottom: 0; left: 0; content: ""; } .pf-c-table.pf-m-sticky-header > thead > tr > :after, .pf-c-table tr:not(.pf-c-table__expandable-row) { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-c-table tr:not(.pf-c-table__expandable-row).pf-m-ghost-row { background-color: var(--pf-c-table__tr--m-ghost-row--BackgroundColor); opacity: var(--pf-c-table__tr--m-ghost-row--Opacity); } .pf-c-table tr > * { --pf-hidden-visible--visible--Display:var(--pf-c-table--cell--hidden-visible--Display); position: relative; width: var(--pf-c-table--cell--Width); min-width: var(--pf-c-table--cell--MinWidth); max-width: var(--pf-c-table--cell--MaxWidth); padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft); overflow: var(--pf-c-table--cell--Overflow); font-size: var(--pf-c-table--cell--FontSize); font-weight: var(--pf-c-table--cell--FontWeight); color: var(--pf-c-table--cell--Color); text-overflow: var(--pf-c-table--cell--TextOverflow); word-break: var(--pf-c-table--cell--WordBreak); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:var(--pf-c-table--cell--first-last-child--PaddingLeft); } .pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:var(--pf-c-table--cell--first-last-child--PaddingRight); } .pf-c-table tr > .pf-m-center { text-align: center; } .pf-c-table tr > :empty { width: auto; min-width: 0; padding: 0; } .pf-c-table tr > .pf-m-help { --pf-c-table--cell--MinWidth:var(--pf-c-table--cell--m-help--MinWidth); } .pf-c-table tr > .pf-m-favorite { --pf-c-table__button--Color:var(--pf-c-table--cell--m-favorite--Color); --pf-c-table__sort--MinWidth:fit-content; --pf-c-table--cell--MaxWidth:fit-content; --pf-c-table--cell--Overflow:visible; } .pf-c-table tr > .pf-m-border-left:before, .pf-c-table tr > .pf-m-border-right:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .pf-c-table tr > .pf-m-border-right:before { border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor); } .pf-c-table tr > .pf-m-border-left:before { border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor); } .pf-c-table caption { padding-top: var(--pf-c-table-caption--PaddingTop); padding-bottom: var(--pf-c-table-caption--PaddingBottom); padding-left: var(--pf-c-table-caption--PaddingLeft); font-size: var(--pf-c-table-caption--FontSize); color: var(--pf-c-table-caption--Color); text-align: left; background-color: var(--pf-c-table--BackgroundColor); } .pf-c-table thead { --pf-c-table--cell--FontSize:var(--pf-c-table--thead--cell--FontSize); --pf-c-table--cell--FontWeight:var(--pf-c-table--thead--cell--FontWeight); vertical-align: bottom; } .pf-c-table thead.pf-m-nested-column-header button { outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset); } .pf-c-table thead.pf-m-nested-column-header td, .pf-c-table thead.pf-m-nested-column-header th { vertical-align: middle; } .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]), .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop); } .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) { --pf-c-table--border-width--base:0; } .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]), .pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]) { --pf-c-table--cell--PaddingBottom:var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom); } .pf-c-table thead .pf-c-table__subhead { --pf-c-table__sort__button__text--Color:var(--pf-c-table__subhead--Color); color: var(--pf-c-table__subhead--Color); } .pf-c-table tbody { --pf-c-table--cell--PaddingTop:var(--pf-c-table--tbody--cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--tbody--cell--PaddingBottom); } .pf-c-table tbody > tr > * { overflow-wrap: break-word; vertical-align: baseline; } .pf-c-table tbody > tr > :first-child:after { position: absolute; top: var(--pf-c-table__expandable-row--after--Top); bottom: var(--pf-c-table__expandable-row--after--Bottom); left: 0; content: ""; background-color: transparent; border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor); } .pf-c-table tbody .pf-c-table__check > input { margin-top: var(--pf-c-table__check--input--MarginTop); vertical-align: top; } .pf-c-table .pf-c-table__compound-expansion-toggle, .pf-c-table .pf-c-table__compound-expansion-toggle:first-child, .pf-c-table .pf-c-table__compound-expansion-toggle:last-child { padding: 0; } .pf-c-table .pf-c-table__sort { min-width: var(--pf-c-table__sort--MinWidth); } .pf-c-table .pf-m-help { min-width: var(--pf-c-table--th--m-help--MinWidth); } .pf-c-table .pf-m-truncate, .pf-c-table thead { --pf-c-table--cell--MinWidth:var(--pf-c-table--m-truncate--cell--MinWidth); --pf-c-table--cell--MaxWidth:var(--pf-c-table--m-truncate--cell--MaxWidth); --pf-c-table--cell--Overflow:hidden; --pf-c-table--cell--TextOverflow:ellipsis; --pf-c-table--cell--WhiteSpace:nowrap; } .pf-c-table .pf-m-wrap { --pf-c-table--cell--WhiteSpace:normal; } .pf-c-table .pf-m-nowrap, .pf-c-table .pf-m-wrap { --pf-c-table--cell--MinWidth:0; --pf-c-table--cell--MaxWidth:none; --pf-c-table--cell--Overflow:visible; --pf-c-table--cell--TextOverflow:clip; } .pf-c-table .pf-m-nowrap { --pf-c-table--cell--WhiteSpace:nowrap; } .pf-c-table .pf-c-table__icon, .pf-c-table .pf-m-fit-content { --pf-c-table--cell--MinWidth:fit-content; --pf-c-table--cell--MaxWidth:fit-content; --pf-c-table--cell--Width:1%; --pf-c-table--cell--Overflow:visible; --pf-c-table--cell--TextOverflow:clip; --pf-c-table--cell--WhiteSpace:nowrap; } .pf-c-table .pf-m-break-word { --pf-c-table--cell--WordBreak:break-word; --pf-c-table--cell--WhiteSpace:normal; } .pf-c-table.pf-m-no-border-rows > tbody > tr { border-bottom: 0; } .pf-c-table.pf-m-no-border-rows > tbody > tr > :first-child:after { border-left: 0; } .pf-c-table.pf-m-no-border-rows > tbody:not(.pf-m-expanded) .pf-c-table__compound-expansion-toggle .pf-c-table__button:before { display: none; } .pf-c-table.pf-m-no-border-rows > tbody.pf-m-expanded > .pf-c-table__control-row { border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); } .pf-c-table.pf-m-no-border-rows > tbody .pf-c-table__control-row > .pf-c-table__compound-expansion-toggle:first-child > :before { border-left-width: 0; } .pf-c-table tr.pf-m-hoverable { cursor: pointer; background-color: var(--pf-c-table--tr--m-hoverable--BackgroundColor); outline-offset: var(--pf-c-table--tr--m-hoverable--OutlineOffset); box-shadow: var(--pf-c-table--tr--m-hoverable--BoxShadow); } .pf-c-table tr.pf-m-hoverable:active:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:focus:not(.pf-m-selected) + tr.pf-m-selected, .pf-c-table tr.pf-m-hoverable:hover:not(.pf-m-selected) + tr.pf-m-selected { box-shadow: var(--pf-c-table--tr--m-hoverable--m-selected--BoxShadow); } .pf-c-table tr.pf-m-hoverable:hover { --pf-c-table--tr--m-hoverable--BoxShadow:var(--pf-c-table--tr--m-hoverable--hover--BoxShadow); --pf-c-table--tr--m-hoverable--BackgroundColor:var(--pf-c-table--tr--m-hoverable--hover--BackgroundColor); } .pf-c-table tr.pf-m-hoverable:focus { --pf-c-table--tr--m-hoverable--BoxShadow:var(--pf-c-table--tr--m-hoverable--focus--BoxShadow); --pf-c-table--tr--m-hoverable--BackgroundColor:var(--pf-c-table--tr--m-hoverable--focus--BackgroundColor); } .pf-c-table tr.pf-m-hoverable:active { --pf-c-table--tr--m-hoverable--BoxShadow:var(--pf-c-table--tr--m-hoverable--active--BoxShadow); --pf-c-table--tr--m-hoverable--BackgroundColor:var(--pf-c-table--tr--m-hoverable--active--BackgroundColor); } .pf-c-table tr.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:var(--pf-c-table--tr--m-selected--after--BorderLeftWidth); --pf-c-table__expandable-row--after--BorderColor:var(--pf-c-table--tr--m-selected--after--BorderLeftColor); position: relative; background-color: var(--pf-c-table--tr--m-selected--BackgroundColor); outline-offset: var(--pf-c-table--tr--m-selected--OutlineOffset); box-shadow: var(--pf-c-table--tr--m-selected--BoxShadow); } .pf-c-table tr.pf-m-selected + tr.pf-m-selected { box-shadow: var(--pf-c-table--tr--m-selected--m-selected--BoxShadow); } .pf-c-table tr.pf-m-selected + tr.pf-m-selected:hover { box-shadow: var(--pf-c-table--tr--m-selected--tr--m-selected--hover--BoxShadow); } .pf-c-table tr.pf-m-selected:hover + tr.pf-m-selected { box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow); } .pf-c-table tr.pf-m-first-cell-offset-reset { --pf-c-table--cell--first-last-child--PaddingLeft:var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft); } .pf-c-table tbody.pf-m-hoverable { cursor: pointer; background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor); outline-offset: var(--pf-c-table--tbody--m-hoverable--OutlineOffset); box-shadow: var(--pf-c-table--tbody--m-hoverable--BoxShadow); } .pf-c-table tbody.pf-m-hoverable.pf-m-expanded:not(.pf-m-selected) { --pf-c-table__expandable-row--after--BorderColor:var(--pf-c-table--tbody--m-hoverable--m-expanded--BorderColor); } .pf-c-table tbody.pf-m-hoverable:active:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:focus:not(.pf-m-selected) + tbody.pf-m-selected, .pf-c-table tbody.pf-m-hoverable:hover:not(.pf-m-selected) + tbody.pf-m-selected { box-shadow: var(--pf-c-table--tbody--m-hoverable--m-selected--hover--tr--BoxShadow); } .pf-c-table tbody.pf-m-hoverable:hover { --pf-c-table--tbody--m-hoverable--BoxShadow:var(--pf-c-table--tbody--m-hoverable--hover--BoxShadow); --pf-c-table--tbody--m-hoverable--BackgroundColor:var(--pf-c-table--tbody--m-hoverable--hover--BackgroundColor); } .pf-c-table tbody.pf-m-hoverable:focus { --pf-c-table--tbody--m-hoverable--BoxShadow:var(--pf-c-table--tbody--m-hoverable--focus--BoxShadow); --pf-c-table--tbody--m-hoverable--BackgroundColor:var(--pf-c-table--tbody--m-hoverable--focus--BackgroundColor); } .pf-c-table tbody.pf-m-hoverable:active { --pf-c-table--tbody--m-hoverable--BoxShadow:var(--pf-c-table--tbody--m-hoverable--active--BoxShadow); --pf-c-table--tbody--m-hoverable--BackgroundColor:var(--pf-c-table--tbody--m-hoverable--active--BackgroundColor); } .pf-c-table tbody.pf-m-selected { --pf-c-table__expandable-row--after--BorderLeftWidth:var(--pf-c-table--tbody--m-selected--after--BorderLeftWidth); --pf-c-table__expandable-row--after--BorderColor:var(--pf-c-table--tbody--m-selected--after--BorderLeftColor); background-color: var(--pf-c-table--tbody--m-selected--BackgroundColor); outline-offset: var(--pf-c-table--tbody--m-selected--OutlineOffset); box-shadow: var(--pf-c-table--tbody--m-selected--BoxShadow); } .pf-c-table tbody.pf-m-selected + tbody.pf-m-selected { --pf-c-table--tbody--m-selected--BoxShadow:var(--pf-c-table--tbody--m-selected--m-selected--BoxShadow); } .pf-c-table tbody.pf-m-selected + tbody.pf-m-selected:hover { box-shadow: var(--pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow); } .pf-c-table tbody.pf-m-selected:hover + tbody.pf-m-selected { box-shadow: var(--pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow); } .pf-c-table.pf-m-drag-over { overflow-anchor: none; } .pf-c-table__text { --pf-c-table--cell--MaxWidth:100%; position: relative; display: block; width: var(--pf-c-table--cell--Width); min-width: var(--pf-c-table--cell--MinWidth); max-width: var(--pf-c-table--cell--MaxWidth); overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); word-break: var(--pf-c-table--cell--WordBreak); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-c-table__text.pf-m-truncate { --pf-c-table--cell--MinWidth:100%; } .pf-c-table__text.pf-m-truncate > * { overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-c-table__button { position: static; width: 100%; padding: var(--pf-c-table--cell--PaddingTop) var(--pf-c-table--cell--PaddingRight) var(--pf-c-table--cell--PaddingBottom) var(--pf-c-table--cell--PaddingLeft); font-size: inherit; font-weight: inherit; color: var(--pf-c-table__button--Color); text-align: left; white-space: inherit; user-select: text; background-color: var(--pf-c-table__button--BackgroundColor); border: 0; } .pf-c-table__button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; content: ""; } .pf-c-table__button:hover { color: var(--pf-c-table__button--hover--Color); } .pf-c-table__button:focus { color: var(--pf-c-table__button--focus--Color); } .pf-c-table__button:active { color: var(--pf-c-table__button--active--Color); } .pf-c-table__compound-expansion-toggle .pf-c-table__text, .pf-c-table__sort .pf-c-table__text { display: block; width: auto; overflow: var(--pf-c-table--cell--Overflow); text-overflow: var(--pf-c-table--cell--TextOverflow); white-space: var(--pf-c-table--cell--WhiteSpace); } .pf-c-table__sort .pf-c-table__text { --pf-c-table--cell--MinWidth:0; } .pf-c-table__button-content, .pf-c-table__column-help { display: grid; align-items: end; justify-content: start; grid-template-columns: auto max-content; } .pf-c-table__button-content .pf-c-table__text, .pf-c-table__column-help .pf-c-table__text { min-width: auto; } .pf-c-table th.pf-m-nowrap .pf-c-table__button-content, .pf-c-table th.pf-m-nowrap .pf-c-table__column-help, .pf-c-table thead.pf-m-nowrap .pf-c-table__button-content, .pf-c-table thead.pf-m-nowrap .pf-c-table__column-help, .pf-c-table tr.pf-m-nowrap .pf-c-table__button-content, .pf-c-table tr.pf-m-nowrap .pf-c-table__column-help { grid-template-columns: min-content max-content; } .pf-c-table th.pf-m-fit-content .pf-c-table__button-content, .pf-c-table th.pf-m-fit-content .pf-c-table__column-help, .pf-c-table thead.pf-m-fit-content .pf-c-table__button-content, .pf-c-table thead.pf-m-fit-content .pf-c-table__column-help, .pf-c-table tr.pf-m-fit-content .pf-c-table__button-content, .pf-c-table tr.pf-m-fit-content .pf-c-table__column-help { grid-template-columns: fit-content max-content; } .pf-c-table th.pf-m-truncate .pf-c-table__button-content, .pf-c-table th.pf-m-truncate .pf-c-table__column-help, .pf-c-table th.pf-m-wrap .pf-c-table__button-content, .pf-c-table th.pf-m-wrap .pf-c-table__column-help, .pf-c-table thead.pf-m-truncate .pf-c-table__button-content, .pf-c-table thead.pf-m-truncate .pf-c-table__column-help, .pf-c-table thead.pf-m-wrap .pf-c-table__button-content, .pf-c-table thead.pf-m-wrap .pf-c-table__column-help, .pf-c-table tr.pf-m-truncate .pf-c-table__button-content, .pf-c-table tr.pf-m-truncate .pf-c-table__column-help, .pf-c-table tr.pf-m-wrap .pf-c-table__button-content, .pf-c-table tr.pf-m-wrap .pf-c-table__column-help { grid-template-columns: auto max-content; } .pf-c-table .pf-c-table__action, .pf-c-table .pf-c-table__inline-edit-action, .pf-c-table .pf-c-table__toggle { --pf-c-table--cell--PaddingBottom:0; } .pf-c-table .pf-c-table__action, .pf-c-table .pf-c-table__check, .pf-c-table .pf-c-table__draggable, .pf-c-table .pf-c-table__favorite, .pf-c-table .pf-c-table__inline-edit-action, .pf-c-table .pf-c-table__toggle, .pf-c-table th.pf-m-favorite { --pf-c-table--cell--MinWidth:0; --pf-c-table--cell--Width:1%; } .pf-c-table__toggle { --pf-c-table--cell--PaddingRight:0; --pf-c-table--cell--PaddingLeft:0; vertical-align: top; } .pf-c-table__toggle .pf-c-button { margin-top: var(--pf-c-table__toggle--c-button--MarginTop); margin-bottom: var(--pf-c-table__toggle--c-button--MarginBottom); } .pf-c-table__toggle .pf-c-button.pf-m-expanded .pf-c-table__toggle-icon { transform: rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate)); } .pf-c-table__toggle .pf-c-table__toggle-icon { transition: var(--pf-c-table__toggle--c-button__toggle-icon--Transition); transform: rotate(var(--pf-c-table__toggle--c-button__toggle-icon--Rotate)); } .pf-c-table__toggle svg { pointer-events: none; } .pf-c-table__check { --pf-c-table--cell--FontSize:var(--pf-c-table__check--input--FontSize); } .pf-c-table__check > input { cursor: pointer; } .pf-c-table__favorite .pf-c-button { --pf-c-button--m-plain--Color:var(--pf-c-table__favorite--c-button--Color); --pf-c-button--FontSize:var(--pf-c-table__favorite--c-button--FontSize); margin: var(--pf-c-table__favorite--c-button--MarginTop) var(--pf-c-table__favorite--c-button--MarginRight) var(--pf-c-table__favorite--c-button--MarginBottom) var(--pf-c-table__favorite--c-button--MarginLeft); } .pf-m-favorited.pf-c-table__favorite .pf-c-button { --pf-c-button--m-plain--Color:var(--pf-c-table__favorite--m-favorited--c-button--Color); } .pf-c-table__draggable .pf-c-button { margin: var(--pf-c-table__draggable--c-button--MarginTop) var(--pf-c-table__draggable--c-button--MarginRight) var(--pf-c-table__draggable--c-button--MarginBottom) var(--pf-c-table__draggable--c-button--MarginLeft); cursor: grab; } .pf-c-table__draggable .pf-c-button:active { cursor: grabbing; } .pf-c-table__action, .pf-c-table__inline-edit-action { --pf-c-table--cell--PaddingTop:0; --pf-c-table--cell--PaddingRight:var(--pf-c-table__action--PaddingRight); --pf-c-table--cell--PaddingBottom:0; --pf-c-table--cell--PaddingLeft:var(--pf-c-table__action--PaddingLeft); padding-top: 0; padding-bottom: 0; vertical-align: middle; } .pf-c-table__inline-edit-action { --pf-c-table--cell--PaddingLeft:0; --pf-c-table--cell--PaddingRight:0; text-align: right; } .pf-c-table__compound-expansion-toggle { --pf-c-table__button--Color:var(--pf-c-table__compound-expansion-toggle__button--Color); --pf-c-table__button--hover--Color:var(--pf-c-table__compound-expansion-toggle__button--hover--Color); --pf-c-table__button--focus--Color:var(--pf-c-table__compound-expansion-toggle__button--focus--Color); --pf-c-table__button--active--Color:var(--pf-c-table__compound-expansion-toggle__button--active--Color); position: relative; } .pf-c-table__compound-expansion-toggle.pf-m-truncate { overflow: visible; } .pf-c-table__compound-expansion-toggle .pf-c-table__button { min-width: 100%; overflow: hidden; } .pf-c-table__compound-expansion-toggle .pf-c-table__button:active, .pf-c-table__compound-expansion-toggle .pf-c-table__button:focus, .pf-c-table__compound-expansion-toggle .pf-c-table__button:hover { outline: 0; } .pf-c-table__compound-expansion-toggle .pf-c-table__button:after, .pf-c-table__compound-expansion-toggle .pf-c-table__button:before { position: absolute; right: 0; content: ""; border-style: solid; border-width: 0; } .pf-c-table__compound-expansion-toggle .pf-c-table__button:before { top: 0; bottom: var(--pf-c-table__compound-expansion-toggle__button--before--Bottom); left: var(--pf-c-table__compound-expansion-toggle__button--before--Left); border-color: var(--pf-c-table__compound-expansion-toggle__button--before--BorderColor); border-right-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth); border-left-width: var(--pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth); } .pf-c-table__compound-expansion-toggle .pf-c-table__button:after { top: var(--pf-c-table__compound-expansion-toggle__button--after--Top); left: var(--pf-c-table__compound-expansion-toggle__button--after--Left); pointer-events: none; border-color: var(--pf-c-table__compound-expansion-toggle__button--after--BorderColor); border-top-width: var(--pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth); } .pf-c-table__compound-expansion-toggle.pf-m-expanded, .pf-c-table__compound-expansion-toggle:focus-within, .pf-c-table__compound-expansion-toggle:hover { --pf-c-table__compound-expansion-toggle__button--before--BorderRightWidth:var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base); --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base); --pf-c-table__compound-expansion-toggle__button--after--BorderTopWidth:var(--pf-c-table__compound-expansion-toggle__button--after--border-width--base); } .pf-c-table__compound-expansion-toggle:first-child { --pf-c-table__compound-expansion-toggle__button--before--Left:0; --pf-c-table__compound-expansion-toggle__button--after--Left:0; } .pf-c-table__compound-expansion-toggle.pf-m-expanded .pf-c-table__button:before { border-bottom: var(--pf-c-table--BackgroundColor) solid var(--pf-c-table__compound-expansion-toggle__button--before--border-width--base); } .pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child { --pf-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; } .pf-c-table__compound-expansion-toggle:focus-within { outline-offset: var(--pf-c-table__button--OutlineOffset); } @media (-webkit-min-device-pixel-ratio:0) { .pf-c-table__compound-expansion-toggle:focus-within { outline-style: auto; outline-color: -webkit-focus-ring-color; } } .pf-c-table__column-help-action { margin-left: var(--pf-c-table__column-help--MarginLeft); transform: translateY(var(--pf-c-table__column-help--TranslateY)); } .pf-c-table__column-help-action .pf-c-button { --pf-c-button--PaddingRight:var(--pf-c-table__column-help--c-button--PaddingRight); --pf-c-button--PaddingLeft:var(--pf-c-table__column-help--c-button--PaddingLeft); margin-top: var(--pf-c-table__column-help--c-button--MarginTop); margin-bottom: var(--pf-c-table__column-help--c-button--MarginBottom); font-size: inherit; line-height: 1; } .pf-c-table__sort .pf-c-table__button { --pf-c-table--cell--PaddingTop:var(--pf-c-table__sort__button--PaddingTop); --pf-c-table--cell--PaddingRight:var(--pf-c-table__sort__button--PaddingRight); --pf-c-table--cell--PaddingBottom:var(--pf-c-table__sort__button--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table__sort__button--PaddingLeft); display: flex; width: auto; margin-top: var(--pf-c-table__sort__button--MarginTop); margin-bottom: var(--pf-c-table__sort__button--MarginBottom); margin-left: var(--pf-c-table__sort__button--MarginLeft); } .pf-c-table__sort .pf-c-table__button:hover { --pf-c-table__sort-indicator--Color:var(--pf-c-table__sort__button--hover__sort-indicator--Color); --pf-c-table__sort__button__text--Color:var(--pf-c-table__sort__button--hover__text--Color); } .pf-c-table__sort .pf-c-table__button:focus { --pf-c-table__sort-indicator--Color:var(--pf-c-table__sort__button--focus__sort-indicator--Color); --pf-c-table__sort__button__text--Color:var(--pf-c-table__sort__button--focus__text--Color); } .pf-c-table__sort .pf-c-table__button:active { --pf-c-table__sort-indicator--Color:var(--pf-c-table__sort__button--active__sort-indicator--Color); --pf-c-table__sort__button__text--Color:var(--pf-c-table__sort__button--active__text--Color); } .pf-c-table__sort .pf-c-table__button .pf-c-table__text { color: var(--pf-c-table__sort__button__text--Color); } .pf-c-table__sort.pf-m-selected .pf-c-table__button { --pf-c-table__sort-indicator--Color:var(--pf-c-table__sort--m-selected__sort-indicator--Color); --pf-c-table__sort__button__text--Color:var(--pf-c-table__sort--m-selected__button__text--Color); color: var(--pf-c-table__sort--m-selected__button--Color); } .pf-c-table__sort.pf-m-help { --pf-c-table--th--m-help--MinWidth:var(--pf-c-table__sort--m-help--MinWidth); } .pf-c-table__sort.pf-m-favorite { --pf-c-table__sort__button__text--Color:var(--pf-c-table__sort--m-favorite__button__text--Color); --pf-c-table__sort__button--hover__text--Color:var(--pf-c-table__sort--m-favorite__button--hover__text--Color); --pf-c-table__sort__button--focus__text--Color:var(--pf-c-table__sort--m-favorite__button--focus__text--Color); --pf-c-table__sort__button--active__text--Color:var(--pf-c-table__sort--m-favorite__button--active__text--Color); --pf-c-table__sort--m-selected__button__text--Color:currentColor; } .pf-c-table__sort-indicator { grid-column: 2; margin-left: var(--pf-c-table__sort-indicator--MarginLeft); color: var(--pf-c-table__sort-indicator--Color); pointer-events: none; } .pf-c-table__expandable-row { --pf-c-table--cell--PaddingTop:0; --pf-c-table--cell--PaddingBottom:0; position: relative; border-bottom: 0 solid transparent; box-shadow: 0 0 0 0 transparent; } .pf-c-table__expandable-row, .pf-c-table__expandable-row td:first-child:after { transition: var(--pf-c-table__expandable-row--Transition); } .pf-c-table__expandable-row td.pf-m-no-padding, .pf-c-table__expandable-row th.pf-m-no-padding { padding: 0 0 0 var(--pf-c-table__expandable-row--after--border-width--base); } .pf-c-table__expandable-row td.pf-m-no-padding .pf-c-table__expandable-row-content, .pf-c-table__expandable-row th.pf-m-no-padding .pf-c-table__expandable-row-content { padding: 0; } .pf-c-table__expandable-row .pf-c-table__expandable-row-content { padding-top: var(--pf-c-table__expandable-row-content--PaddingTop); padding-bottom: var(--pf-c-table__expandable-row-content--PaddingBottom); } .pf-c-table__expandable-row.pf-m-expanded { border-bottom-color: var(--pf-c-table__expandable-row--m-expanded--BorderBottomColor); border-bottom-width: var(--pf-c-table--border-width--base); box-shadow: var(--pf-c-table__expandable-row--m-expanded--BoxShadow); } .pf-c-table__expandable-row:not(.pf-m-expanded) { display: none; visibility: hidden; } .pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child, .pf-c-table__expandable-row.pf-m-expanded > :first-child, .pf-c-table tbody.pf-m-expanded > tr > :not(.pf-c-table__compound-expansion-toggle) { --pf-c-table__expandable-row--after--BorderLeftWidth:var(--pf-c-table__expandable-row--after--border-width--base); } .pf-c-table .pf-c-table tr > :first-child { --pf-c-table--cell--PaddingLeft:var(--pf-c-table--nested--first-last-child--PaddingLeft); } .pf-c-table .pf-c-table tr > :last-child { --pf-c-table--cell--PaddingRight:var(--pf-c-table--nested--first-last-child--PaddingRight); } .pf-c-table.pf-m-compact { --pf-c-table--cell--FontSize:var(--pf-c-table--m-compact--FontSize); --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-compact--cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-compact--cell--PaddingBottom); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-compact--cell--PaddingLeft); } .pf-c-table.pf-m-compact tr { --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-compact--cell--PaddingLeft); --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-compact--cell--PaddingRight); } .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) { --pf-c-table--cell--FontSize:var(--pf-c-table--m-compact--FontSize); --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-compact--cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-compact--cell--PaddingBottom); } .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > :first-child { --pf-c-table--cell--PaddingLeft:var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft); } .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > :last-child { --pf-c-table--cell--PaddingRight:var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight); } .pf-c-table.pf-m-compact thead th { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-compact-th--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-compact-th--PaddingBottom); } .pf-c-table.pf-m-compact .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table__action--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table__action--PaddingBottom); --pf-c-table--cell--PaddingLeft:var(--pf-c-table__action--PaddingLeft); } .pf-c-table.pf-m-compact .pf-c-table__toggle { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-compact__toggle--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-compact__toggle--PaddingBottom); } .pf-c-table.pf-m-compact .pf-c-table__icon { width: auto; min-width: 0; text-align: center; } .pf-c-table .pf-c-table.pf-m-compact tr > :first-child { --pf-c-table--cell--PaddingLeft:var(--pf-c-table--nested--first-last-child--PaddingLeft); } .pf-c-table .pf-c-table.pf-m-compact tr > :last-child { --pf-c-table--cell--PaddingRight:var(--pf-c-table--nested--first-last-child--PaddingRight); } .pf-c-table.pf-m-compact .pf-c-table__expandable-row-content { --pf-c-table__expandable-row-content--PaddingTop:var(--pf-c-table--m-compact__expandable-row-content--PaddingTop); --pf-c-table__expandable-row-content--PaddingBottom:var(--pf-c-table--m-compact__expandable-row-content--PaddingBottom); } .pf-c-table__icon-inline { display: flex; align-items: center; } .pf-c-table__icon-inline > :not(:last-child) { margin-right: var(--pf-c-table__icon-inline--MarginRight); } .pf-c-table .pf-m-width-10 { --pf-c-table--cell--Width:10%; } .pf-c-table .pf-m-width-15 { --pf-c-table--cell--Width:15%; } .pf-c-table .pf-m-width-20 { --pf-c-table--cell--Width:20%; } .pf-c-table .pf-m-width-25 { --pf-c-table--cell--Width:25%; } .pf-c-table .pf-m-width-30 { --pf-c-table--cell--Width:30%; } .pf-c-table .pf-m-width-35 { --pf-c-table--cell--Width:35%; } .pf-c-table .pf-m-width-40 { --pf-c-table--cell--Width:40%; } .pf-c-table .pf-m-width-45 { --pf-c-table--cell--Width:45%; } .pf-c-table .pf-m-width-50 { --pf-c-table--cell--Width:50%; } .pf-c-table .pf-m-width-60 { --pf-c-table--cell--Width:60%; } .pf-c-table .pf-m-width-70 { --pf-c-table--cell--Width:70%; } .pf-c-table .pf-m-width-80 { --pf-c-table--cell--Width:80%; } .pf-c-table .pf-m-width-90 { --pf-c-table--cell--Width:90%; } .pf-c-table .pf-m-width-100 { --pf-c-table--cell--Width:100%; } .pf-c-table { --pf-c-table__sticky-column--cell-min-width--base:12.5rem; --pf-c-table__sticky-column--MinWidth:var(--pf-c-table__sticky-column--cell-min-width--base); --pf-c-table__sticky-column--Left:0; --pf-c-table__sticky-column--ZIndex:var(--pf-global--ZIndex--md); --pf-c-table__sticky-column--Top:0; --pf-c-table__sticky-column--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-table__sticky-column--m-border-right--before--BorderRightColor:var(--pf-global--BorderColor--100); --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex:calc(var(--pf-c-table__sticky-column--ZIndex) + 1); } .pf-c-table .pf-c-table__sticky-column { position: sticky; left: var(--pf-c-table__sticky-column--Left); z-index: var(--pf-c-table__sticky-column--ZIndex); min-width: var(--pf-c-table__sticky-column--MinWidth); background-color: var(--pf-c-table__sticky-column--BackgroundColor); background-clip: padding-box; } .pf-c-table .pf-c-table__sticky-column.pf-m-border-right:before { --pf-c-table--cell--m-border-right--before--BorderRightWidth:var(--pf-c-table__sticky-column--m-border-right--before--BorderRightWidth); --pf-c-table--cell--m-border-right--before--BorderRightColor:var(--pf-c-table__sticky-column--m-border-right--before--BorderRightColor); } .pf-c-table .pf-c-table__sticky-column.pf-m-border-left:before { --pf-c-table--cell--m-border-left--before--BorderLeftWidth:var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth); --pf-c-table--cell--m-border-left--before--BorderLeftColor:var(--pf-c-table__sticky-column--m-border-left--before--BorderLeftColor); } .pf-c-table.pf-m-sticky-header { --pf-c-table--cell--Overflow:visible; } .pf-c-table.pf-m-sticky-header thead .pf-c-table__sticky-column { z-index: var(--pf-c-table--m-sticky-header--thead__sticky-column--ZIndex); } .pf-c-scroll-outer-wrapper { --pf-c-scroll-outer-wrapper--MinHeight:25rem; min-height: var(--pf-c-scroll-outer-wrapper--MinHeight); overflow: hidden; } .pf-c-scroll-inner-wrapper, .pf-c-scroll-outer-wrapper { display: flex; flex-direction: column; max-width: 100%; max-height: 100%; } .pf-c-scroll-inner-wrapper { overflow: auto; } .pf-c-table { --pf-c-table__tree-view-main--indent--base:calc(var(--pf-global--spacer--md)*2 + var(--pf-c-table__tree-view-icon--MinWidth)); --pf-c-table__tree-view-main--nested-indent--base:calc(var(--pf-c-table__tree-view-main--indent--base) - var(--pf-global--spacer--md)); --pf-c-table__tree-view-main--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table__tree-view-main--MarginLeft:calc(var(--pf-c-table--cell--PaddingLeft)*-1); --pf-c-table__tree-view-main--c-table__check--MarginRight:var(--pf-global--spacer--sm); --pf-c-table__tree-view-icon--MinWidth:var(--pf-global--FontSize--md); --pf-c-table__tree-view-icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view__toggle--Position:absolute; --pf-c-table--m-tree-view__toggle--Left:var(--pf-c-table__tree-view-main--PaddingLeft); --pf-c-table--m-tree-view__toggle--TranslateX:-100%; --pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth:var(--pf-global--FontSize--md); } .pf-c-table.pf-m-tree-view > tbody > tr { --pf-c-table--m-tree-view__toggle--Left:var(--pf-c-table__tree-view-main--PaddingLeft); } .pf-c-table.pf-m-tree-view tr[aria-level="2"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="3"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="4"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="5"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="6"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="7"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="8"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="9"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table.pf-m-tree-view tr[aria-level="10"] { --pf-c-table__tree-view-main--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-c-table__tree-view-main { position: relative; display: flex; align-items: baseline; min-width: 0; padding-left: var(--pf-c-table__tree-view-main--PaddingLeft); margin-left: var(--pf-c-table__tree-view-main--MarginLeft); text-align: left; cursor: pointer; } .pf-c-table__tree-view-main > .pf-c-table__toggle { position: var(--pf-c-table--m-tree-view__toggle--Position); left: var(--pf-c-table--m-tree-view__toggle--Left); transform: translateX(var(--pf-c-table--m-tree-view__toggle--TranslateX)); } .pf-c-table__tree-view-main > .pf-c-table__toggle .pf-c-table__toggle-icon { min-width: var(--pf-c-table--m-tree-view__toggle__toggle-icon--MinWidth); } .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table__tree-view-main--c-table__check--MarginRight); } .pf-c-table__tree-view-text { display: flex; } .pf-c-table__tree-view-icon { min-width: var(--pf-c-table__tree-view-icon--MinWidth); margin-right: var(--pf-c-table__tree-view-icon--MarginRight); } .pf-c-table__tree-view-details-toggle { display: none; visibility: hidden; } .pf-m-tree-view-grid.pf-c-table { --pf-c-table--m-tree-view-grid--tr--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-c-table__tree-view-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--tbody--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom); --pf-c-table__tree-view-details-toggle--MarginTop:-0.375rem; --pf-c-table__tree-view-details-toggle--MarginBottom:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom:-0.375rem; } .pf-m-tree-view-grid.pf-c-table tbody tr { position: relative; outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset); border: none; } .pf-m-tree-view-grid.pf-c-table tbody tr:before { position: absolute; top: 0; right: 0; bottom: 0; left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); content: ""; } .pf-m-tree-view-grid.pf-c-table tr:not([hidden]) { display: grid; grid-template-columns: 1fr max-content; } .pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop); } .pf-m-tree-view-grid.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop); } .pf-m-tree-view-grid.pf-c-table td:not(.pf-c-table__tree-view-title-cell) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom); padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); } .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-text { padding-right: var(--pf-c-table__tree-view-text--PaddingRight); } .pf-m-tree-view-grid.pf-c-table thead th { display: none; visibility: none; } .pf-m-tree-view-grid.pf-c-table td { display: none; } .pf-m-tree-view-grid.pf-c-table td[data-label] { grid-column: 1; grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap); grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns); align-items: start; } .pf-m-tree-view-grid.pf-c-table td[data-label] > * { grid-column: 2; } .pf-m-tree-view-grid.pf-c-table td[data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded { padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom); } .pf-m-tree-view-grid.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] { display: grid; } .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell { display: block; visibility: visible; } .pf-m-tree-view-grid.pf-c-table .pf-c-table__action, .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle { display: inline-block; visibility: visible; } .pf-m-tree-view-grid.pf-c-table .pf-c-table__action { --pf-c-table--cell--Width:auto; --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-column: 2; grid-row: 1; } .pf-m-tree-view-grid.pf-c-table .pf-c-table__action > .pf-c-dropdown { margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom); } .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight); margin-left: auto; order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); } .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle { margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop); margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="2"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="3"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="4"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="5"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="6"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="7"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="8"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="9"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid.pf-c-table tr[aria-level="10"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } @media screen and (max-width:768px) { .pf-m-tree-view-grid-md.pf-c-table { --pf-c-table--m-tree-view-grid--tr--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-c-table__tree-view-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--tbody--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom); --pf-c-table__tree-view-details-toggle--MarginTop:-0.375rem; --pf-c-table__tree-view-details-toggle--MarginBottom:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom:-0.375rem; } .pf-m-tree-view-grid-md.pf-c-table tbody tr { position: relative; outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset); border: none; } .pf-m-tree-view-grid-md.pf-c-table tbody tr:before { position: absolute; top: 0; right: 0; bottom: 0; left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); content: ""; } .pf-m-tree-view-grid-md.pf-c-table tr:not([hidden]) { display: grid; grid-template-columns: 1fr max-content; } .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop); } .pf-m-tree-view-grid-md.pf-c-table td:not(.pf-c-table__tree-view-title-cell) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom); padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-text { padding-right: var(--pf-c-table__tree-view-text--PaddingRight); } .pf-m-tree-view-grid-md.pf-c-table thead th { display: none; visibility: none; } .pf-m-tree-view-grid-md.pf-c-table td { display: none; } .pf-m-tree-view-grid-md.pf-c-table td[data-label] { grid-column: 1; grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap); grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns); align-items: start; } .pf-m-tree-view-grid-md.pf-c-table td[data-label] > * { grid-column: 2; } .pf-m-tree-view-grid-md.pf-c-table td[data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded { padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom); } .pf-m-tree-view-grid-md.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] { display: grid; } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell { display: block; visibility: visible; } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action, .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle { display: inline-block; visibility: visible; } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action { --pf-c-table--cell--Width:auto; --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-column: 2; grid-row: 1; } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action > .pf-c-dropdown { margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom); } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight); margin-left: auto; order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); } .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle { margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop); margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="2"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="3"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="4"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="5"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="6"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="7"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="8"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="9"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-md.pf-c-table tr[aria-level="10"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } } @media screen and (max-width:992px) { .pf-m-tree-view-grid-lg.pf-c-table { --pf-c-table--m-tree-view-grid--tr--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-c-table__tree-view-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--tbody--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom); --pf-c-table__tree-view-details-toggle--MarginTop:-0.375rem; --pf-c-table__tree-view-details-toggle--MarginBottom:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom:-0.375rem; } .pf-m-tree-view-grid-lg.pf-c-table tbody tr { position: relative; outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset); border: none; } .pf-m-tree-view-grid-lg.pf-c-table tbody tr:before { position: absolute; top: 0; right: 0; bottom: 0; left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); content: ""; } .pf-m-tree-view-grid-lg.pf-c-table tr:not([hidden]) { display: grid; grid-template-columns: 1fr max-content; } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop); } .pf-m-tree-view-grid-lg.pf-c-table td:not(.pf-c-table__tree-view-title-cell) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom); padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-text { padding-right: var(--pf-c-table__tree-view-text--PaddingRight); } .pf-m-tree-view-grid-lg.pf-c-table thead th { display: none; visibility: none; } .pf-m-tree-view-grid-lg.pf-c-table td { display: none; } .pf-m-tree-view-grid-lg.pf-c-table td[data-label] { grid-column: 1; grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap); grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns); align-items: start; } .pf-m-tree-view-grid-lg.pf-c-table td[data-label] > * { grid-column: 2; } .pf-m-tree-view-grid-lg.pf-c-table td[data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded { padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom); } .pf-m-tree-view-grid-lg.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] { display: grid; } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell { display: block; visibility: visible; } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action, .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle { display: inline-block; visibility: visible; } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action { --pf-c-table--cell--Width:auto; --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-column: 2; grid-row: 1; } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action > .pf-c-dropdown { margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom); } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight); margin-left: auto; order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); } .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle { margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop); margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="2"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="3"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="4"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="5"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="6"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="7"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="8"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="9"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-lg.pf-c-table tr[aria-level="10"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } } @media screen and (max-width:1200px) { .pf-m-tree-view-grid-xl.pf-c-table { --pf-c-table--m-tree-view-grid--tr--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-c-table__tree-view-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--tbody--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom); --pf-c-table__tree-view-details-toggle--MarginTop:-0.375rem; --pf-c-table__tree-view-details-toggle--MarginBottom:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom:-0.375rem; } .pf-m-tree-view-grid-xl.pf-c-table tbody tr { position: relative; outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset); border: none; } .pf-m-tree-view-grid-xl.pf-c-table tbody tr:before { position: absolute; top: 0; right: 0; bottom: 0; left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); content: ""; } .pf-m-tree-view-grid-xl.pf-c-table tr:not([hidden]) { display: grid; grid-template-columns: 1fr max-content; } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop); } .pf-m-tree-view-grid-xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom); padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-text { padding-right: var(--pf-c-table__tree-view-text--PaddingRight); } .pf-m-tree-view-grid-xl.pf-c-table thead th { display: none; visibility: none; } .pf-m-tree-view-grid-xl.pf-c-table td { display: none; } .pf-m-tree-view-grid-xl.pf-c-table td[data-label] { grid-column: 1; grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap); grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns); align-items: start; } .pf-m-tree-view-grid-xl.pf-c-table td[data-label] > * { grid-column: 2; } .pf-m-tree-view-grid-xl.pf-c-table td[data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded { padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom); } .pf-m-tree-view-grid-xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] { display: grid; } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell { display: block; visibility: visible; } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action, .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle { display: inline-block; visibility: visible; } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action { --pf-c-table--cell--Width:auto; --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-column: 2; grid-row: 1; } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action > .pf-c-dropdown { margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom); } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight); margin-left: auto; order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); } .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle { margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop); margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="2"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="3"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="4"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="5"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="6"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="7"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="8"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="9"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-xl.pf-c-table tr[aria-level="10"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } } @media screen and (max-width:1450px) { .pf-m-tree-view-grid-2xl.pf-c-table { --pf-c-table--m-tree-view-grid--tr--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table__tree-view-main--indent--base); --pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap:var(--pf-global--spacer--sm); --pf-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-global--spacer--md); --pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xl); --pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-global--spacer--xs); --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-c-table__tree-view-text--PaddingRight:var(--pf-global--spacer--sm); --pf-c-table--tbody--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingTop); --pf-c-table--tbody--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingBottom); --pf-c-table__tree-view-details-toggle--MarginTop:-0.375rem; --pf-c-table__tree-view-details-toggle--MarginBottom:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginTop:-0.375rem; --pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom:-0.375rem; } .pf-m-tree-view-grid-2xl.pf-c-table tbody tr { position: relative; outline-offset: var(--pf-c-table--m-tree-view-grid--tr--OutlineOffset); border: none; } .pf-m-tree-view-grid-2xl.pf-c-table tbody tr:before { position: absolute; top: 0; right: 0; bottom: 0; left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); border-bottom: var(--pf-c-table--border-width--base) solid var(--pf-c-table--BorderColor); content: ""; } .pf-m-tree-view-grid-2xl.pf-c-table tr:not([hidden]) { display: grid; grid-template-columns: 1fr max-content; } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-expanded] .pf-c-table__tree-view-title-cell ~ .pf-c-table__action { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop); } .pf-m-tree-view-grid-2xl.pf-c-table td:not(.pf-c-table__tree-view-title-cell) { --pf-c-table--cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop); --pf-c-table--cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom); padding-left: var(--pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft); } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-text { padding-right: var(--pf-c-table__tree-view-text--PaddingRight); } .pf-m-tree-view-grid-2xl.pf-c-table thead th { display: none; visibility: none; } .pf-m-tree-view-grid-2xl.pf-c-table td { display: none; } .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] { grid-column: 1; grid-column-gap: var(--pf-c-table--m-tree-view-grid--tbody--cell--GridColumnGap); grid-template-columns: var(--pf-c-table--m-tree-view-grid--td--data-label--GridTemplateColumns); align-items: start; } .pf-m-tree-view-grid-2xl.pf-c-table td[data-label] > * { grid-column: 2; } .pf-m-tree-view-grid-2xl.pf-c-table td[data-label]:before { font-weight: 700; text-align: left; content: attr(data-label); } .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded { padding-bottom: var(--pf-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom); } .pf-m-tree-view-grid-2xl.pf-c-table tr.pf-m-tree-view-details-expanded td[data-label] { display: grid; } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell { display: block; visibility: visible; } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action, .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle { display: inline-block; visibility: visible; } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action { --pf-c-table--cell--Width:auto; --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-c-table--m-tree-view-grid--td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-column: 2; grid-row: 1; } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action > .pf-c-dropdown { margin-top: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-bottom: var(--pf-c-table--m-tree-view-grid--c-dropdown--MarginBottom); } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-main > .pf-c-table__check { margin-right: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight); margin-left: auto; order: var(--pf-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); } .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle { margin-top: var(--pf-c-table__tree-view-details-toggle--MarginTop); margin-bottom: var(--pf-c-table__tree-view-details-toggle--MarginBottom); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="2"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="3"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="4"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="5"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="6"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="7"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="8"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="9"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-c-table__tree-view-main--indent--base)); } .pf-m-tree-view-grid-2xl.pf-c-table tr[aria-level="10"] { --pf-c-table--m-tree-view-grid--tbody--cell--PaddingLeft:calc(var(--pf-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-c-table__tree-view-main--indent--base)); } } .pf-c-tabs { --pf-c-tabs--inset:0; --pf-c-tabs--Width:auto; --pf-c-tabs--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-tabs--before--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-tabs--before--BorderTopWidth:0; --pf-c-tabs--before--BorderRightWidth:0; --pf-c-tabs--before--BorderBottomWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs--before--BorderLeftWidth:0; --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-page-insets--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-page-insets--xl--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--Width:100%; --pf-c-tabs--m-vertical--MaxWidth:15.625rem; --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical__list--before--BorderColor:var(--pf-c-tabs--before--BorderColor); --pf-c-tabs--m-vertical__list--before--BorderTopWidth:0; --pf-c-tabs--m-vertical__list--before--BorderRightWidth:0; --pf-c-tabs--m-vertical__list--before--BorderBottomWidth:0; --pf-c-tabs--m-vertical__list--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:var(--pf-c-tabs__link--before--border-width--base); --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor:transparent; --pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor:var(--pf-global--BackgroundColor--light-300); --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor:var(--pf-global--palette--black-150); --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__link--Color:var(--pf-global--Color--200); --pf-c-tabs__link--FontSize:var(--pf-global--FontSize--md); --pf-c-tabs__link--BackgroundColor:transparent; --pf-c-tabs__link--OutlineOffset:-0.375rem; --pf-c-tabs__link--PaddingTop:var(--pf-global--spacer--sm); --pf-c-tabs__link--PaddingRight:var(--pf-global--spacer--md); --pf-c-tabs__link--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tabs__link--PaddingLeft:var(--pf-global--spacer--md); --pf-c-tabs__link--disabled--BackgroundColor:var(--pf-global--palette--black-150); --pf-c-tabs__item--m-current__link--Color:var(--pf-global--Color--100); --pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-tabs--m-vertical__link--PaddingTop:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical__link--PaddingBottom:var(--pf-global--spacer--md); --pf-c-tabs--m-box__link--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-tabs--m-box__link--disabled--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-tabs--m-secondary__link--FontSize:var(--pf-global--FontSize--sm); --pf-c-tabs__link--before--border-color--base:var(--pf-global--BorderColor--100); --pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__link--before--border-color--base); --pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base); --pf-c-tabs__link--before--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-tabs__link--before--BorderTopWidth:0; --pf-c-tabs__link--before--BorderRightWidth:0; --pf-c-tabs__link--before--BorderBottomWidth:0; --pf-c-tabs__link--before--BorderLeftWidth:0; --pf-c-tabs__link--before--Left:calc(var(--pf-c-tabs__link--before--border-width--base)*-1); --pf-c-tabs__link--disabled--before--BorderRightWidth:0; --pf-c-tabs__link--disabled--before--BorderBottomWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs__link--disabled--before--BorderLeftWidth:0; --pf-c-tabs__link--after--Top:auto; --pf-c-tabs__link--after--Right:0; --pf-c-tabs__link--after--Bottom:0; --pf-c-tabs__link--after--BorderColor:var(--pf-global--BorderColor--light-100); --pf-c-tabs__link--after--BorderWidth:0; --pf-c-tabs__link--after--BorderTopWidth:0; --pf-c-tabs__link--after--BorderRightWidth:0; --pf-c-tabs__link--after--BorderLeftWidth:0; --pf-c-tabs__link--hover--after--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-tabs__link--focus--after--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-tabs__link--active--after--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-tabs__item--m-current__link--after--BorderColor:var(--pf-global--active-color--100); --pf-c-tabs__item--m-current__link--after--BorderWidth:var(--pf-global--BorderWidth--lg); --pf-c-tabs__link--child--MarginRight:var(--pf-global--spacer--md); --pf-c-tabs__scroll-button--Color:var(--pf-global--Color--100); --pf-c-tabs__scroll-button--hover--Color:var(--pf-global--active-color--100); --pf-c-tabs__scroll-button--disabled--Color:var(--pf-global--disabled-color--200); --pf-c-tabs__scroll-button--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-tabs__scroll-button--Width:var(--pf-global--spacer--2xl); --pf-c-tabs__scroll-button--xl--Width:var(--pf-global--spacer--3xl); --pf-c-tabs__scroll-button--OutlineOffset:calc(var(--pf-global--spacer--xs)*-1); --pf-c-tabs__scroll-button--TransitionDuration--margin:.125s; --pf-c-tabs__scroll-button--TransitionDuration--transform:.125s; --pf-c-tabs__scroll-button--TransitionDuration--opacity:.125s; --pf-c-tabs__scroll-button--before--BorderColor:var(--pf-c-tabs--before--BorderColor); --pf-c-tabs__scroll-button--before--border-width--base:var(--pf-global--BorderWidth--sm); --pf-c-tabs__scroll-button--before--BorderRightWidth:0; --pf-c-tabs__scroll-button--before--BorderBottomWidth:var(--pf-c-tabs__scroll-button--before--border-width--base); --pf-c-tabs__scroll-button--before--BorderLeftWidth:0; --pf-c-tabs__list--ScrollSnapTypeAxis:x; --pf-c-tabs__list--ScrollSnapTypeStrictness:proximity; --pf-c-tabs__list--ScrollSnapType:var(--pf-c-tabs__list--ScrollSnapTypeAxis) var(--pf-c-tabs__list--ScrollSnapTypeStrictness); --pf-c-tabs__item--ScrollSnapAlign:end; --pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis:y; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:hidden; --pf-c-tabs__toggle--MarginBottom:0; --pf-c-tabs--m-expanded__toggle--MarginBottom:var(--pf-global--spacer--md); --pf-c-tabs__toggle-icon--Color:currentColor; --pf-c-tabs__toggle-icon--Transition:var(--pf-global--Transition); --pf-c-tabs__toggle-icon--Rotate:0; --pf-c-tabs__toggle-text--MarginLeft:0; --pf-c-tabs__toggle-button__toggle-text--MarginLeft:var(--pf-global--spacer--md); --pf-c-tabs__toggle-button__toggle-text--Color:var(--pf-global--Color--100); --pf-c-tabs__toggle-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-tabs__toggle-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-tabs__toggle-button--MarginLeft:calc(var(--pf-global--spacer--md)*-1); --pf-c-tabs--m-expanded__toggle-icon--Color:var(--pf-global--Color--100); --pf-c-tabs--m-expanded__toggle-icon--Rotate:90deg; position: relative; display: flex; width: var(--pf-c-tabs--Width); padding-right: var(--pf-c-tabs--inset); padding-left: var(--pf-c-tabs--inset); overflow: hidden; } @media screen and (min-width:1200px) { .pf-c-tabs { --pf-c-tabs__scroll-button--Width:var(--pf-c-tabs__scroll-button--xl--Width); --pf-c-tabs--m-page-insets--inset:var(--pf-c-tabs--m-page-insets--xl--inset); } } .pf-c-tabs:before { position: absolute; right: 0; bottom: 0; left: 0; border: solid var(--pf-c-tabs--before--BorderColor); border-width: var(--pf-c-tabs--before--BorderTopWidth) var(--pf-c-tabs--before--BorderRightWidth) var(--pf-c-tabs--before--BorderBottomWidth) var(--pf-c-tabs--before--BorderLeftWidth); } .pf-c-tabs.pf-m-fill .pf-c-tabs__list { flex-basis: 100%; } .pf-c-tabs.pf-m-fill .pf-c-tabs__item { flex-grow: 1; } .pf-c-tabs.pf-m-fill .pf-c-tabs__item:first-child { --pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0; } .pf-c-tabs.pf-m-fill .pf-c-tabs__item:last-child { --pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0; } .pf-c-tabs.pf-m-fill .pf-c-tabs__link { flex-basis: 100%; justify-content: center; } .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button { opacity: 1; } .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:first-of-type { margin-right: 0; transform: translateX(0); } .pf-c-tabs.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2) { margin-left: 0; transform: translateX(0); } .pf-c-tabs.pf-m-no-border-bottom, .pf-c-tabs.pf-m-secondary { --pf-c-tabs--before--BorderBottomWidth:0; --pf-c-tabs__link--disabled--before--BorderBottomWidth:0; } .pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link { --pf-c-tabs__link--after--BorderBottomWidth:0; } .pf-c-tabs.pf-m-box { --pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor); --pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor); --pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base); --pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base); --pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base); --pf-c-tabs__link--after--Top:0; --pf-c-tabs__link--after--Bottom:auto; } .pf-c-tabs.pf-m-box .pf-c-tabs__link { --pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth); } .pf-c-tabs.pf-m-box .pf-c-tabs__item:last-child { --pf-c-tabs__link--before--BorderRightWidth:0; } .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current { --pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor); --pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor); } .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link:before { border-left-width: var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth); } .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current:last-child .pf-c-tabs__link:before { border-right-width: var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth); } .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__item.pf-m-current:first-child .pf-c-tabs__link:before, .pf-c-tabs.pf-m-box.pf-m-scrollable .pf-c-tabs__scroll-button:nth-of-type(2):before { left: calc(var(--pf-c-tabs__link--before--border-width--base)*-1); } .pf-c-tabs.pf-m-box .pf-c-tabs__item.pf-m-current + .pf-c-tabs__item { --pf-c-tabs__link--before--Left:0; } .pf-c-tabs.pf-m-box.pf-m-color-scheme--light-300 { --pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor); --pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor); --pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor); } .pf-c-tabs.pf-m-vertical { --pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width); --pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset); --pf-c-tabs--before--BorderBottomWidth:0; --pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop); --pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom); --pf-c-tabs__link--before--Left:0; --pf-c-tabs__link--disabled--before--BorderBottomWidth:0; --pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs__link--after--Top:0; --pf-c-tabs__link--after--Bottom:0; --pf-c-tabs__link--after--Right:auto; --pf-c-tabs__list--ScrollSnapTypeAxis:var(--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis); display: inline-flex; flex-direction: column; height: 100%; padding: 0; overflow: visible; } .pf-c-tabs.pf-m-vertical .pf-c-tabs__list { position: relative; flex-direction: column; flex-grow: 1; max-width: var(--pf-c-tabs--m-vertical--MaxWidth); } .pf-c-tabs.pf-m-vertical .pf-c-tabs__list:before { position: absolute; right: auto; border: solid var(--pf-c-tabs--m-vertical__list--before--BorderColor); border-width: var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth) var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth) var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth) var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth); } .pf-c-tabs.pf-m-vertical .pf-c-tabs__item:first-child { margin-top: var(--pf-c-tabs--inset); } .pf-c-tabs.pf-m-vertical .pf-c-tabs__item:last-child { margin-bottom: var(--pf-c-tabs--inset); } .pf-c-tabs.pf-m-vertical .pf-c-tabs__link { --pf-c-tabs__link--after--BorderTopWidth:0; --pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth); max-width: 100%; text-align: left; } .pf-c-tabs.pf-m-vertical .pf-c-tabs__item-text { max-width: 100%; overflow-wrap: break-word; } .pf-c-tabs.pf-m-vertical.pf-m-expandable { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } @media (min-width:576px) { .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } } @media (min-width:768px) { .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } } @media (min-width:992px) { .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } } @media (min-width:1200px) { .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } } @media (min-width:1450px) { .pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl { --pf-c-tabs__list--Display:none; --pf-c-tabs__list--Visibility:hidden; --pf-c-tabs__toggle--Display:flex; --pf-c-tabs__toggle--Visibility:visible; } .pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--Display:none; --pf-c-tabs__toggle--Visibility:hidden; } } .pf-c-tabs.pf-m-vertical.pf-m-expanded { --pf-c-tabs__list--Display:flex; --pf-c-tabs__list--Visibility:visible; --pf-c-tabs__toggle--MarginBottom:var(--pf-c-tabs--m-expanded__toggle--MarginBottom); --pf-c-tabs__toggle-icon--Color:var(--pf-c-tabs--m-expanded__toggle-icon--Color); --pf-c-tabs__toggle-icon--Rotate:var(--pf-c-tabs--m-expanded__toggle-icon--Rotate); } .pf-c-tabs.pf-m-box.pf-m-vertical { --pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset); --pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0; --pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs__link--disabled--before--BorderBottomWidth:var(--pf-c-tabs--before--border-width--base); --pf-c-tabs__link--disabled--before--BorderLeftWidth:0; } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__list:before { right: 0; left: auto; } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:last-child { --pf-c-tabs__link--before--BorderBottomWidth:0; --pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base); } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current { --pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor); --pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base); --pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base); } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current:first-child, .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child.pf-m-current { --pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base); } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__link:after { top: calc(var(--pf-c-tabs__link--before--border-width--base)*-1); } .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item.pf-m-current + .pf-c-tabs__item .pf-c-tabs__link:after, .pf-c-tabs.pf-m-box.pf-m-vertical .pf-c-tabs__item:first-child .pf-c-tabs__link:after { top: 0; } .pf-c-tabs.pf-m-secondary { --pf-c-tabs__link--FontSize:var(--pf-c-tabs--m-secondary__link--FontSize); } .pf-c-tabs.pf-m-page-insets { --pf-c-tabs--inset:var(--pf-c-tabs--m-page-insets--inset); } .pf-c-tabs__toggle { display: var(--pf-c-tabs__toggle--Display); align-items: center; margin-bottom: var(--pf-c-tabs__toggle--MarginBottom); visibility: var(--pf-c-tabs__toggle--Visibility); } .pf-c-tabs__toggle-button { --pf-c-tabs__toggle-text--MarginLeft:var(--pf-c-tabs__toggle-button__toggle-text--MarginLeft); --pf-c-tabs__toggle-text--Color:var(--pf-c-tabs__toggle-button__toggle-text--Color); margin-top: var(--pf-c-tabs__toggle-button--MarginTop); margin-bottom: var(--pf-c-tabs__toggle-button--MarginBottom); margin-left: var(--pf-c-tabs__toggle-button--MarginLeft); } .pf-c-tabs__toggle-button .pf-c-button { display: flex; text-align: left; white-space: normal; } .pf-c-tabs__toggle-icon { display: inline-block; color: var(--pf-c-tabs__toggle-icon--Color); transition: var(--pf-c-tabs__toggle-icon--Transition); transform: rotate(var(--pf-c-tabs__toggle-icon--Rotate)); } .pf-c-tabs__toggle-text { margin-left: var(--pf-c-tabs__toggle-text--MarginLeft); color: var(--pf-c-tabs__toggle-text--Color,inherit); } .pf-c-tabs__list { scrollbar-width: none; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; display: var(--pf-c-tabs__list--Display); max-width: 100%; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType); visibility: var(--pf-c-tabs__list--Visibility); -webkit-overflow-scrolling: touch; } .pf-c-tabs__list::-webkit-scrollbar { display: none; } .pf-c-tabs__item { display: flex; flex: none; scroll-snap-align: var(--pf-c-tabs__item--ScrollSnapAlign); } .pf-c-tabs__item.pf-m-current { --pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color); --pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor); --pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth); } .pf-c-tabs:before, .pf-c-tabs__link:after, .pf-c-tabs__link:before, .pf-c-tabs__list:before, .pf-c-tabs__scroll-button:before { position: absolute; right: 0; bottom: 0; left: 0; content: ""; border-style: solid; } .pf-c-tabs__link:after, .pf-c-tabs__link:before, .pf-c-tabs__list:before, .pf-c-tabs__scroll-button:before { top: 0; } .pf-c-tabs__link, .pf-c-tabs__list:before, .pf-c-tabs__scroll-button { border: 0; } .pf-c-tabs__link { --pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth); position: relative; display: flex; flex: 1; padding: var(--pf-c-tabs__link--PaddingTop) var(--pf-c-tabs__link--PaddingRight) var(--pf-c-tabs__link--PaddingBottom) var(--pf-c-tabs__link--PaddingLeft); font-size: var(--pf-c-tabs__link--FontSize); color: var(--pf-c-tabs__link--Color); text-decoration: none; background-color: var(--pf-c-tabs__link--BackgroundColor); outline-offset: var(--pf-c-tabs__link--OutlineOffset); } .pf-c-tabs__link:before { pointer-events: none; border-color: var(--pf-c-tabs__link--before--border-color--base); border-width: var(--pf-c-tabs__link--before--BorderTopWidth) var(--pf-c-tabs__link--before--BorderRightWidth) var(--pf-c-tabs__link--before--BorderBottomWidth) var(--pf-c-tabs__link--before--BorderLeftWidth); border-right-color: var(--pf-c-tabs__link--before--BorderRightColor); border-bottom-color: var(--pf-c-tabs__link--before--BorderBottomColor); } .pf-c-tabs__link:after { top: var(--pf-c-tabs__link--after--Top); right: var(--pf-c-tabs__link--after--Right); bottom: var(--pf-c-tabs__link--after--Bottom); left: var(--pf-c-tabs__link--before--Left); border-color: var(--pf-c-tabs__link--after--BorderColor); border-width: var(--pf-c-tabs__link--after--BorderTopWidth) var(--pf-c-tabs__link--after--BorderRightWidth) var(--pf-c-tabs__link--after--BorderBottomWidth) var(--pf-c-tabs__link--after--BorderLeftWidth); } .pf-c-tabs__link:hover { --pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth); } .pf-c-tabs__link:focus { --pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth); } .pf-c-tabs__link:active { --pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth); } .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link:disabled { pointer-events: none; } .pf-c-tabs__link.pf-m-aria-disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link:disabled { --pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor); --pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth); --pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth); --pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth); --pf-c-tabs__link--after--BorderWidth:0; } .pf-c-tabs__link.pf-m-aria-disabled { cursor: default; } .pf-c-tabs__link .pf-c-tabs__item-icon, .pf-c-tabs__link .pf-c-tabs__item-text { margin-right: var(--pf-c-tabs__link--child--MarginRight); } .pf-c-tabs__link .pf-c-tabs__item-icon:last-child, .pf-c-tabs__link .pf-c-tabs__item-text:last-child { --pf-c-tabs__link--child--MarginRight:0; } .pf-c-tabs__scroll-button { flex: none; width: var(--pf-c-tabs__scroll-button--Width); line-height: 1; color: var(--pf-c-tabs__scroll-button--Color); background-color: var(--pf-c-tabs__scroll-button--BackgroundColor); outline-offset: var(--pf-c-tabs__scroll-button--OutlineOffset); opacity: 0; transition: margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity); } .pf-c-tabs__scroll-button:active, .pf-c-tabs__scroll-button:focus, .pf-c-tabs__scroll-button:hover { --pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color); } .pf-c-tabs__scroll-button:before { border-color: var(--pf-c-tabs__scroll-button--before--BorderColor); border-width: 0 var(--pf-c-tabs__scroll-button--before--BorderRightWidth) var(--pf-c-tabs__scroll-button--before--BorderBottomWidth) var(--pf-c-tabs__scroll-button--before--BorderLeftWidth); } .pf-c-tabs__scroll-button:first-of-type { --pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base); margin-right: calc(var(--pf-c-tabs__scroll-button--Width)*-1); transform: translateX(-100%); } .pf-c-tabs__scroll-button:nth-of-type(2) { --pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base); margin-left: calc(var(--pf-c-tabs__scroll-button--Width)*-1); transform: translateX(100%); } .pf-c-tabs__scroll-button:disabled { --pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color); pointer-events: none; } .pf-c-tabs.pf-m-inset-none { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } @media (min-width:576px) { .pf-c-tabs.pf-m-inset-none-on-sm { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm-on-sm { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md-on-sm { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg-on-sm { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl-on-sm { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl-on-sm { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } } @media (min-width:768px) { .pf-c-tabs.pf-m-inset-none-on-md { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm-on-md { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md-on-md { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg-on-md { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl-on-md { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl-on-md { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } } @media (min-width:992px) { .pf-c-tabs.pf-m-inset-none-on-lg { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm-on-lg { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md-on-lg { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg-on-lg { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl-on-lg { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl-on-lg { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1200px) { .pf-c-tabs.pf-m-inset-none-on-xl { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm-on-xl { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md-on-xl { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg-on-xl { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl-on-xl { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl-on-xl { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } } @media (min-width:1450px) { .pf-c-tabs.pf-m-inset-none-on-2xl { --pf-c-tabs--inset:0; --pf-c-tabs--m-vertical--inset:0; --pf-c-tabs--m-vertical--m-box--inset:0; } .pf-c-tabs.pf-m-inset-sm-on-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--sm); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--sm); } .pf-c-tabs.pf-m-inset-md-on-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--md); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--md); } .pf-c-tabs.pf-m-inset-lg-on-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--lg); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--lg); } .pf-c-tabs.pf-m-inset-xl-on-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--xl); } .pf-c-tabs.pf-m-inset-2xl-on-2xl { --pf-c-tabs--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--inset:var(--pf-global--spacer--2xl); --pf-c-tabs--m-vertical--m-box--inset:var(--pf-global--spacer--2xl); } } .pf-c-text-input-group { --pf-c-text-input-group--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-text-input-group__text--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-text-input-group__text--before--BorderColor:var(--pf-global--BorderColor--300); --pf-c-text-input-group__text--after--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-text-input-group__text--after--BorderBottomColor:var(--pf-global--BorderColor--200); --pf-c-text-input-group--hover__text--after--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth:var(--pf-global--BorderWidth--md); --pf-c-text-input-group__text--focus-within--after--BorderBottomColor:var(--pf-global--primary-color--100); --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft:var(--pf-global--spacer--sm); --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft:var(--pf-global--spacer--xl); --pf-c-text-input-group__text-input--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-text-input-group__text-input--PaddingRight:var(--pf-global--spacer--sm); --pf-c-text-input-group__text-input--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-text-input-group__text-input--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-text-input-group__text-input--MinWidth:12ch; --pf-c-text-input-group__text-input--m-hint--Color:var(--pf-global--Color--dark-200); --pf-c-text-input-group__icon--Left:var(--pf-global--spacer--sm); --pf-c-text-input-group__icon--Color:var(--pf-global--Color--200); --pf-c-text-input-group__text--hover__icon--Color:var(--pf-global--Color--100); --pf-c-text-input-group__icon--TranslateY:-50%; --pf-c-text-input-group__utilities--MarginRight:var(--pf-global--spacer--sm); --pf-c-text-input-group__utilities--MarginLeft:var(--pf-global--spacer--xs); --pf-c-text-input-group__utilities--child--MarginLeft:var(--pf-global--spacer--xs); --pf-c-text-input-group__utilities--c-button--PaddingRight:var(--pf-global--spacer--xs); --pf-c-text-input-group__utilities--c-button--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-text-input-group--m-disabled--Color:var(--pf-global--disabled-color--100); --pf-c-text-input-group--m-disabled--BackgroundColor:var(--pf-global--disabled-color--300); position: relative; display: flex; color: var(--pf-c-text-input-group--Color,inherit); background-color: var(--pf-c-text-input-group--BackgroundColor); } .pf-c-text-input-group:hover { --pf-c-text-input-group__text--after--BorderBottomColor:var(--pf-c-text-input-group--hover__text--after--BorderBottomColor); } .pf-c-text-input-group.pf-m-disabled { --pf-c-text-input-group__text--before--BorderWidth:0; --pf-c-text-input-group__text--after--BorderBottomWidth:0; --pf-c-text-input-group--Color:var(--pf-c-text-input-group--m-disabled--Color); --pf-c-text-input-group__icon--Color:var(--pf-c-text-input-group--m-disabled--Color); --pf-c-text-input-group--BackgroundColor:var(--pf-c-text-input-group--m-disabled--BackgroundColor); pointer-events: none; } .pf-c-text-input-group__main { display: flex; flex: 1; gap: var(--pf-global--spacer--sm); min-width: 0; } .pf-c-text-input-group__main.pf-m-icon { --pf-c-text-input-group__text-input--PaddingLeft:var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft); } .pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) { margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft); } .pf-c-text-input-group__main .pf-c-chip-group { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar { display: none; } .pf-c-text-input-group__main .pf-c-chip-group, .pf-c-text-input-group__main .pf-c-chip-group__list { flex-wrap: nowrap; } .pf-c-text-input-group__text { display: inline-grid; grid-template-columns: 1fr; grid-template-areas: "text-input"; flex: 1; } .pf-c-text-input-group__text:after, .pf-c-text-input-group__text:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; } .pf-c-text-input-group__text:before { border: var(--pf-c-text-input-group__text--before--BorderWidth) solid var(--pf-c-text-input-group__text--before--BorderColor); } .pf-c-text-input-group__text:after { border-bottom: var(--pf-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-c-text-input-group__text--after--BorderBottomColor); } .pf-c-text-input-group__text:focus-within, .pf-c-text-input-group__text:hover { --pf-c-text-input-group__icon--Color:var(--pf-c-text-input-group__text--hover__icon--Color); } .pf-c-text-input-group__text:focus-within { --pf-c-text-input-group__text--after--BorderBottomWidth:var(--pf-c-text-input-group__text--focus-within--after--BorderBottomWidth); --pf-c-text-input-group__text--after--BorderBottomColor:var(--pf-c-text-input-group__text--focus-within--after--BorderBottomColor); } .pf-c-text-input-group__icon { position: absolute; top: 50%; left: var(--pf-c-text-input-group__icon--Left); color: var(--pf-c-text-input-group__icon--Color); transform: translateY(var(--pf-c-text-input-group__icon--TranslateY)); } .pf-c-text-input-group__text-input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; width: 100%; min-width: var(--pf-c-text-input-group__text-input--MinWidth); padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft); border: 0; } .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint { grid-area: text-input; } .pf-c-text-input-group__text-input.pf-m-hint { color: var(--pf-c-text-input-group__text-input--m-hint--Color); } .pf-c-text-input-group__utilities { display: flex; align-items: center; margin-right: var(--pf-c-text-input-group__utilities--MarginRight); margin-left: var(--pf-c-text-input-group__utilities--MarginLeft); } .pf-c-text-input-group__utilities > * + * { margin-left: var(--pf-c-text-input-group__utilities--child--MarginLeft); } .pf-c-text-input-group__utilities .pf-c-button { --pf-c-button--PaddingRight:var(--pf-c-text-input-group__utilities--c-button--PaddingRight); --pf-c-button--PaddingLeft:var(--pf-c-text-input-group__utilities--c-button--PaddingLeft); } .pf-c-tile { --pf-c-tile--PaddingTop:var(--pf-global--spacer--lg); --pf-c-tile--PaddingRight:var(--pf-global--spacer--lg); --pf-c-tile--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-tile--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-tile--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-tile--Transition:none; --pf-c-tile--TranslateY:0; --pf-c-tile--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-tile--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-tile--after--Height:var(--pf-global--BorderWidth--lg); --pf-c-tile--after--BackgroundColor:transparent; --pf-c-tile--after--Transition:none; --pf-c-tile--after--ScaleY:1; --pf-c-tile--after--TranslateY:0; --pf-c-tile__icon--MarginRight:var(--pf-global--spacer--sm); --pf-c-tile__icon--FontSize:var(--pf-global--icon--FontSize--md); --pf-c-tile__icon--Color:var(--pf-global--Color--100); --pf-c-tile__title--Color:var(--pf-global--Color--100); --pf-c-tile__body--Color:var(--pf-global--Color--100); --pf-c-tile__body--FontSize:var(--pf-global--FontSize--xs); --pf-c-tile--hover--after--BackgroundColor:var(--pf-global--active-color--400); --pf-c-tile--hover__icon--Color:var(--pf-global--primary-color--100); --pf-c-tile--hover__title--Color:var(--pf-global--primary-color--100); --pf-c-tile--focus--after--BackgroundColor:var(--pf-global--active-color--400); --pf-c-tile--focus__icon--Color:var(--pf-global--primary-color--100); --pf-c-tile--focus__title--Color:var(--pf-global--primary-color--100); --pf-c-tile--m-selected--TranslateY:calc(var(--pf-c-tile--m-selected--after--ScaleY)*-1*var(--pf-c-tile--m-selected--after--Height)); --pf-c-tile--m-selected--Transition:var(--pf-global--Transition); --pf-c-tile--m-selected--after--Height:var(--pf-global--BorderWidth--lg); --pf-c-tile--m-selected--after--BackgroundColor:var(--pf-global--active-color--100); --pf-c-tile--m-selected--after--Transition:var(--pf-global--Transition); --pf-c-tile--m-selected--after--ScaleY:2; --pf-c-tile--m-selected__icon--Color:var(--pf-global--primary-color--100); --pf-c-tile--m-selected__title--Color:var(--pf-global--primary-color--100); --pf-c-tile--m-disabled--BackgroundColor:var(--pf-global--disabled-color--300); --pf-c-tile--m-disabled__icon--Color:var(--pf-global--disabled-color--100); --pf-c-tile--m-disabled__title--Color:var(--pf-global--disabled-color--100); --pf-c-tile--m-disabled__body--Color:var(--pf-global--disabled-color--100); --pf-c-tile__header--m-stacked__icon--MarginBottom:var(--pf-global--spacer--xs); --pf-c-tile__header--m-stacked__icon--FontSize:var(--pf-global--icon--FontSize--lg); --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize:var(--pf-global--icon--FontSize--xl); position: relative; display: inline-grid; padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight) var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft); text-align: center; cursor: pointer; background-color: var(--pf-c-tile--BackgroundColor); grid-template-rows: min-content; transition: var(--pf-c-tile--Transition); transform: translateY(var(--pf-c-tile--TranslateY)); } .pf-c-tile:after, .pf-c-tile:before { position: absolute; pointer-events: none; content: ""; } .pf-c-tile:before { top: 0; right: 0; bottom: 0; left: 0; border: var(--pf-c-tile--before--BorderWidth) solid var(--pf-c-tile--before--BorderColor); } .pf-c-tile:after { right: 0; bottom: 0; left: 0; height: var(--pf-c-tile--after--Height); background-color: var(--pf-c-tile--after--BackgroundColor); transition: var(--pf-c-tile--after--Transition); transform: scaleY(var(--pf-c-tile--after--ScaleY)) translateY(var(--pf-c-tile--after--TranslateY)); } .pf-c-tile:hover { --pf-c-tile__title--Color:var(--pf-c-tile--hover__title--Color); --pf-c-tile__icon--Color:var(--pf-c-tile--hover__icon--Color); --pf-c-tile--after--BackgroundColor:var(--pf-c-tile--hover--after--BackgroundColor); } .pf-c-tile:focus { --pf-c-tile__title--Color:var(--pf-c-tile--focus__title--Color); --pf-c-tile__icon--Color:var(--pf-c-tile--focus__icon--Color); --pf-c-tile--after--BackgroundColor:var(--pf-c-tile--focus--after--BackgroundColor); } .pf-c-tile.pf-m-selected, .pf-c-tile:active { --pf-c-tile__title--Color:var(--pf-c-tile--m-selected__title--Color); --pf-c-tile__icon--Color:var(--pf-c-tile--m-selected__icon--Color); --pf-c-tile--TranslateY:var(--pf-c-tile--m-selected--TranslateY); --pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition); --pf-c-tile--after--Height:var(--pf-c-tile--m-selected--after--Height); --pf-c-tile--after--BackgroundColor:var(--pf-c-tile--m-selected--after--BackgroundColor); --pf-c-tile--after--Transition:var(--pf-c-tile--m-selected--after--Transition); --pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY); } .pf-c-tile.pf-m-disabled { --pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor); --pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color); --pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color); --pf-c-tile--before--BorderWidth:0; --pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color); pointer-events: none; } .pf-c-tile.pf-m-display-lg .pf-c-tile__header.pf-m-stacked { --pf-c-tile__icon--FontSize:var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize); } .pf-c-tile__header { display: flex; align-items: center; justify-content: center; } .pf-c-tile__header.pf-m-stacked { --pf-c-tile__icon--MarginRight:0; --pf-c-tile__icon--FontSize:var(--pf-c-tile__header--m-stacked__icon--FontSize); flex-direction: column; justify-content: normal; } .pf-c-tile__header.pf-m-stacked .pf-c-tile__icon { display: flex; align-items: center; justify-content: center; margin-bottom: var(--pf-c-tile__header--m-stacked__icon--MarginBottom); } .pf-c-tile__title { color: var(--pf-c-tile__title--Color); } .pf-c-tile__body { font-size: var(--pf-c-tile__body--FontSize); color: var(--pf-c-tile__body--Color); } .pf-c-tile__icon { margin-right: var(--pf-c-tile__icon--MarginRight); font-size: var(--pf-c-tile__icon--FontSize); color: var(--pf-c-tile__icon--Color); } .pf-c-title { --pf-c-title--FontFamily:var(--pf-global--FontFamily--heading--sans-serif); --pf-c-title--m-4xl--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-title--m-4xl--FontSize:var(--pf-global--FontSize--4xl); --pf-c-title--m-4xl--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-title--m-3xl--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-title--m-3xl--FontSize:var(--pf-global--FontSize--3xl); --pf-c-title--m-3xl--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-title--m-2xl--LineHeight:var(--pf-global--LineHeight--sm); --pf-c-title--m-2xl--FontSize:var(--pf-global--FontSize--2xl); --pf-c-title--m-2xl--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-title--m-xl--LineHeight:var(--pf-global--LineHeight--md); --pf-c-title--m-xl--FontSize:var(--pf-global--FontSize--xl); --pf-c-title--m-xl--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-title--m-lg--LineHeight:var(--pf-global--LineHeight--md); --pf-c-title--m-lg--FontSize:var(--pf-global--FontSize--lg); --pf-c-title--m-lg--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-title--m-md--LineHeight:var(--pf-global--LineHeight--md); --pf-c-title--m-md--FontSize:var(--pf-global--FontSize--md); --pf-c-title--m-md--FontWeight:var(--pf-global--FontWeight--normal); font-family: var(--pf-c-title--FontFamily); word-break: break-word; } .pf-c-title.pf-m-4xl { font-size: var(--pf-c-title--m-4xl--FontSize); font-weight: var(--pf-c-title--m-4xl--FontWeight); line-height: var(--pf-c-title--m-4xl--LineHeight); } .pf-c-title.pf-m-3xl { font-size: var(--pf-c-title--m-3xl--FontSize); font-weight: var(--pf-c-title--m-3xl--FontWeight); line-height: var(--pf-c-title--m-3xl--LineHeight); } .pf-c-title.pf-m-2xl { font-size: var(--pf-c-title--m-2xl--FontSize); font-weight: var(--pf-c-title--m-2xl--FontWeight); line-height: var(--pf-c-title--m-2xl--LineHeight); } .pf-c-title.pf-m-xl { font-size: var(--pf-c-title--m-xl--FontSize); font-weight: var(--pf-c-title--m-xl--FontWeight); line-height: var(--pf-c-title--m-xl--LineHeight); } .pf-c-title.pf-m-lg { font-size: var(--pf-c-title--m-lg--FontSize); font-weight: var(--pf-c-title--m-lg--FontWeight); line-height: var(--pf-c-title--m-lg--LineHeight); } .pf-c-title.pf-m-md { font-size: var(--pf-c-title--m-md--FontSize); font-weight: var(--pf-c-title--m-md--FontWeight); line-height: var(--pf-c-title--m-md--LineHeight); } .pf-m-overpass-font .pf-c-title { --pf-c-title--m-md--FontWeight:var(--pf-global--FontWeight--semi-bold); --pf-c-title--m-lg--FontWeight:var(--pf-global--FontWeight--semi-bold); } .pf-c-toggle-group { --pf-c-toggle-group__button--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-toggle-group__button--PaddingRight:var(--pf-global--spacer--md); --pf-c-toggle-group__button--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-toggle-group__button--PaddingLeft:var(--pf-global--spacer--md); --pf-c-toggle-group__button--FontSize:var(--pf-global--FontSize--sm); --pf-c-toggle-group__button--LineHeight:calc(var(--pf-global--FontSize--md)*var(--pf-global--LineHeight--md)); --pf-c-toggle-group__button--Color:var(--pf-global--Color--100); --pf-c-toggle-group__button--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-toggle-group__button--ZIndex:auto; --pf-c-toggle-group__button--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-toggle-group__button--hover--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-toggle-group__button--hover--before--BorderColor:var(--pf-global--BorderColor--200); --pf-c-toggle-group__button--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-toggle-group__button--focus--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-toggle-group__button--focus--before--BorderColor:var(--pf-global--BorderColor--200); --pf-c-toggle-group__button--disabled--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-toggle-group__button--disabled--Color:var(--pf-global--disabled-color--100); --pf-c-toggle-group__button--before--BorderWidth:var(--pf-global--BorderWidth--sm); --pf-c-toggle-group__button--before--BorderColor:var(--pf-global--BorderColor--100); --pf-c-toggle-group__item--item--MarginLeft:calc(var(--pf-global--BorderWidth--sm)*-1); --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius:var(--pf-global--BorderRadius--sm); --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius:var(--pf-global--BorderRadius--sm); --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius:var(--pf-global--BorderRadius--sm); --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius:var(--pf-global--BorderRadius--sm); --pf-c-toggle-group__icon--text--MarginLeft:var(--pf-global--spacer--sm); --pf-c-toggle-group__button--m-selected--BackgroundColor:var(--pf-global--palette--blue-50); --pf-c-toggle-group__button--m-selected--before--BorderColor:var(--pf-global--primary-color--100); --pf-c-toggle-group__button--m-selected--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-toggle-group--m-compact__button--PaddingTop:0; --pf-c-toggle-group--m-compact__button--PaddingRight:var(--pf-global--spacer--sm); --pf-c-toggle-group--m-compact__button--PaddingBottom:0; --pf-c-toggle-group--m-compact__button--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-toggle-group--m-compact__button--FontSize:var(--pf-global--FontSize--xs); display: flex; } .pf-c-toggle-group.pf-m-compact { --pf-c-toggle-group__button--PaddingTop:var(--pf-c-toggle-group--m-compact__button--PaddingTop); --pf-c-toggle-group__button--PaddingRight:var(--pf-c-toggle-group--m-compact__button--PaddingRight); --pf-c-toggle-group__button--PaddingBottom:var(--pf-c-toggle-group--m-compact__button--PaddingBottom); --pf-c-toggle-group__button--PaddingLeft:var(--pf-c-toggle-group--m-compact__button--PaddingLeft); --pf-c-toggle-group__button--FontSize:var(--pf-c-toggle-group--m-compact__button--FontSize); } .pf-c-toggle-group__item + .pf-c-toggle-group__item { margin-left: var(--pf-c-toggle-group__item--item--MarginLeft); } .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button:before { border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius); border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius); } .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button:before { border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius); border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius); } .pf-c-toggle-group__button { position: relative; z-index: var(--pf-c-toggle-group__button--ZIndex); display: inline-flex; padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft); font-size: var(--pf-c-toggle-group__button--FontSize); line-height: var(--pf-c-toggle-group__button--LineHeight); color: var(--pf-c-toggle-group__button--Color); background-color: var(--pf-c-toggle-group__button--BackgroundColor); border: 0; } .pf-c-toggle-group__button:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor); } .pf-c-toggle-group__button:hover { --pf-c-toggle-group__button--BackgroundColor:var(--pf-c-toggle-group__button--hover--BackgroundColor); --pf-c-toggle-group__button--ZIndex:var(--pf-c-toggle-group__button--hover--ZIndex); --pf-c-toggle-group__button--before--BorderColor:var(--pf-c-toggle-group__button--hover--before--BorderColor); text-decoration: none; } .pf-c-toggle-group__button:focus { --pf-c-toggle-group__button--BackgroundColor:var(--pf-c-toggle-group__button--focus--BackgroundColor); --pf-c-toggle-group__button--ZIndex:var(--pf-c-toggle-group__button--focus--ZIndex); --pf-c-toggle-group__button--before--BorderColor:var(--pf-c-toggle-group__button--focus--before--BorderColor); } .pf-c-toggle-group__button.pf-m-selected { --pf-c-toggle-group__button--BackgroundColor:var(--pf-c-toggle-group__button--m-selected--BackgroundColor); --pf-c-toggle-group__button--ZIndex:var(--pf-c-toggle-group__button--m-selected--ZIndex); --pf-c-toggle-group__button--before--BorderColor:var(--pf-c-toggle-group__button--m-selected--before--BorderColor); } .pf-c-toggle-group__button.pf-m-disabled, .pf-c-toggle-group__button:disabled { --pf-c-toggle-group__button--BackgroundColor:var(--pf-c-toggle-group__button--disabled--BackgroundColor); --pf-c-toggle-group__button--Color:var(--pf-c-toggle-group__button--disabled--Color); pointer-events: none; } .pf-c-toggle-group__icon + .pf-c-toggle-group__text, .pf-c-toggle-group__text + .pf-c-toggle-group__icon { margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft); } .pf-c-tooltip { --pf-c-tooltip--MaxWidth:18.75rem; --pf-c-tooltip--BoxShadow:var(--pf-global--BoxShadow--md); --pf-c-tooltip__content--PaddingTop:var(--pf-global--spacer--sm); --pf-c-tooltip__content--PaddingRight:var(--pf-global--spacer--sm); --pf-c-tooltip__content--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tooltip__content--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-tooltip__content--Color:var(--pf-global--Color--light-100); --pf-c-tooltip__content--BackgroundColor:var(--pf-global--BackgroundColor--dark-100); --pf-c-tooltip__content--FontSize:var(--pf-global--FontSize--sm); --pf-c-tooltip__arrow--Width:0.5rem; --pf-c-tooltip__arrow--Height:0.5rem; --pf-c-tooltip__arrow--m-top--TranslateX:-50%; --pf-c-tooltip__arrow--m-top--TranslateY:50%; --pf-c-tooltip__arrow--m-top--Rotate:45deg; --pf-c-tooltip__arrow--m-right--TranslateX:-50%; --pf-c-tooltip__arrow--m-right--TranslateY:-50%; --pf-c-tooltip__arrow--m-right--Rotate:45deg; --pf-c-tooltip__arrow--m-bottom--TranslateX:-50%; --pf-c-tooltip__arrow--m-bottom--TranslateY:-50%; --pf-c-tooltip__arrow--m-bottom--Rotate:45deg; --pf-c-tooltip__arrow--m-left--TranslateX:50%; --pf-c-tooltip__arrow--m-left--TranslateY:-50%; --pf-c-tooltip__arrow--m-left--Rotate:45deg; position: relative; max-width: var(--pf-c-tooltip--MaxWidth); box-shadow: var(--pf-c-tooltip--BoxShadow); } .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow { bottom: 0; left: 50%; transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate)); } .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow { top: 0; left: 50%; transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate)); } .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow { top: 50%; right: 0; transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate)); } .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow { top: 50%; left: 0; transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate)); } .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow { top: var(--pf-c-tooltip__arrow--Height); } .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow { top: auto; bottom: 0; } .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow { left: var(--pf-c-tooltip__arrow--Width); } .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow { right: 0; left: auto; } .pf-c-tooltip__content { position: relative; padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft); font-size: var(--pf-c-tooltip__content--FontSize); color: var(--pf-c-tooltip__content--Color); text-align: center; word-break: break-word; background-color: var(--pf-c-tooltip__content--BackgroundColor); } .pf-c-tooltip__content.pf-m-text-align-left { text-align: left; } .pf-c-tooltip__arrow { position: absolute; width: var(--pf-c-tooltip__arrow--Width); height: var(--pf-c-tooltip__arrow--Height); pointer-events: none; background-color: var(--pf-c-tooltip__content--BackgroundColor); } .pf-c-number-input { --pf-c-number-input__unit--c-input-group--MarginLeft:var(--pf-global--spacer--sm); --pf-c-number-input__icon--FontSize:var(--pf-global--FontSize--xs); --pf-c-number-input--c-form-control--width-base:calc(var(--pf-global--spacer--sm)*2); --pf-c-number-input--c-form-control--width-chars:4; --pf-c-number-input--c-form-control--Width:calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars)*1ch); display: inline-flex; align-items: center; } .pf-c-number-input .pf-c-form-control { display: inline-flex; width: var(--pf-c-number-input--c-form-control--Width); text-align: right; -moz-appearance: textfield; } .pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pf-c-input-group + .pf-c-number-input__unit, .pf-c-number-input__unit + .pf-c-input-group { margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft); } .pf-c-number-input__icon { display: flex; font-size: var(--pf-c-number-input__icon--FontSize); } .pf-c-tree-view { --pf-c-tree-view--PaddingTop:var(--pf-global--spacer--sm); --pf-c-tree-view--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tree-view__node--indent--base:calc(var(--pf-global--spacer--md)*2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth)); --pf-c-tree-view__node--nested-indent--base:calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md)); --pf-c-tree-view__node--PaddingTop--base:var(--pf-global--spacer--sm); --pf-c-tree-view__node--PaddingTop:var(--pf-c-tree-view__node--PaddingTop--base); --pf-c-tree-view__node--PaddingRight:var(--pf-global--spacer--sm); --pf-c-tree-view__node--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tree-view__node--PaddingLeft:var(--pf-c-tree-view__node--indent--base); --pf-c-tree-view__node--Color:var(--pf-global--Color--100); --pf-c-tree-view__node--m-current--Color:var(--pf-global--link--Color); --pf-c-tree-view__node--m-current--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-tree-view__node-container--Display:contents; --pf-c-tree-view__node-content--RowGap:var(--pf-global--spacer--sm); --pf-c-tree-view__node-content--Overflow:visible; --pf-c-tree-view__node--hover--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-tree-view__node--focus--BackgroundColor:var(--pf-global--palette--black-200); --pf-c-tree-view__list-item__list-item__node-toggle--Top:var(--pf-c-tree-view__node--PaddingTop--base); --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX:-100%; --pf-c-tree-view__node-toggle--Position:absolute; --pf-c-tree-view__node-toggle-icon--MinWidth:var(--pf-global--FontSize--md); --pf-c-tree-view__node-toggle-icon--Transition:var(--pf-global--Transition); --pf-c-tree-view__node-toggle-button--PaddingTop:var(--pf-global--spacer--form-element); --pf-c-tree-view__node-toggle-button--PaddingRight:var(--pf-global--spacer--md); --pf-c-tree-view__node-toggle-button--PaddingBottom:var(--pf-global--spacer--form-element); --pf-c-tree-view__node-toggle-button--PaddingLeft:var(--pf-global--spacer--md); --pf-c-tree-view__node-toggle-button--MarginTop:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-tree-view__node-toggle-button--MarginBottom:calc(var(--pf-global--spacer--form-element)*-1); --pf-c-tree-view__node-check--MarginRight:var(--pf-global--spacer--sm); --pf-c-tree-view__node-count--MarginLeft:var(--pf-global--spacer--sm); --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor:var(--pf-global--disabled-color--200); --pf-c-tree-view__search--PaddingTop:var(--pf-global--spacer--sm); --pf-c-tree-view__search--PaddingRight:var(--pf-global--spacer--sm); --pf-c-tree-view__search--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tree-view__search--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-tree-view__node-icon--PaddingRight:var(--pf-global--spacer--sm); --pf-c-tree-view__node-icon--Color:var(--pf-global--icon--Color--light); --pf-c-tree-view__node-toggle-icon--base--Rotate:0; --pf-c-tree-view__node-toggle-icon--Rotate:var(--pf-c-tree-view__node-toggle-icon--base--Rotate); --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:90deg; --pf-c-tree-view__node-text--max-lines:1; --pf-c-tree-view__node-title--FontWeight:var(--pf-global--FontWeight--bold); --pf-c-tree-view__action--MarginLeft:var(--pf-global--spacer--md); --pf-c-tree-view__action--focus--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-tree-view__action--Color:var(--pf-global--icon--Color--light); --pf-c-tree-view__action--hover--Color:var(--pf-global--icon--Color--dark); --pf-c-tree-view__action--focus--Color:var(--pf-global--icon--Color--dark); --pf-c-tree-view--m-guides--guide--Left:var(--pf-c-tree-view--m-guides--guide-left--base); --pf-c-tree-view--m-guides--guide-color--base:var(--pf-global--BorderColor--100); --pf-c-tree-view--m-guides--guide-width--base:var(--pf-global--BorderWidth--sm); --pf-c-tree-view--m-guides--guide-left--base:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base)); --pf-c-tree-view--m-guides--guide-left--base--offset:calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth)/2); --pf-c-tree-view--m-guides__list-node--guide-width--base:var(--pf-global--spacer--lg); --pf-c-tree-view--m-guides__list-item--before--Top:0; --pf-c-tree-view--m-guides__list-item--before--Width:var(--pf-c-tree-view--m-guides--guide-width--base); --pf-c-tree-view--m-guides__list-item--before--Height:100%; --pf-c-tree-view--m-guides__list-item--before--BackgroundColor:var(--pf-c-tree-view--m-guides--guide-color--base); --pf-c-tree-view--m-guides__list-item--last-child--before--Top:var(--pf-c-tree-view--m-guides__node--before--Top); --pf-c-tree-view--m-guides__list-item--last-child--before--Height:var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top); --pf-c-tree-view--m-guides__node--before--Width:1rem; --pf-c-tree-view--m-guides__node--before--Height:var(--pf-c-tree-view--m-guides--guide-width--base); --pf-c-tree-view--m-guides__node--before--Top:1.125rem; --pf-c-tree-view--m-guides__node--before--BackgroundColor:var(--pf-c-tree-view--m-guides--guide-color--base); --pf-c-tree-view--m-compact--base-border--Left--offset:var(--pf-global--spacer--md); --pf-c-tree-view--m-compact--base-border--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact__node--indent--base:var(--pf-c-tree-view__node--indent--base); --pf-c-tree-view--m-compact__node--nested-indent--base:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact--border--Left:var(--pf-c-tree-view--m-compact--base-border--Left); --pf-c-tree-view--m-compact__node--PaddingTop:0; --pf-c-tree-view--m-compact__node--PaddingBottom:0; --pf-c-tree-view--m-compact__node--nested--PaddingTop:var(--pf-global--spacer--sm); --pf-c-tree-view--m-compact__node--nested--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top:calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop)); --pf-c-tree-view--m-compact__list-item--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-tree-view--m-compact__list-item--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-tree-view--m-compact__list-item--before--Top:0; --pf-c-tree-view--m-compact__list-item--last-child--before--Height:var(--pf-c-tree-view--m-compact__node--before--Top); --pf-c-tree-view--m-compact__list-item--nested--before--Top:calc(var(--pf-c-tree-view__node--PaddingTop--base)*-1); --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height:calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base)); --pf-c-tree-view--m-compact__node--PaddingLeft:var(--pf-c-tree-view--m-compact__node--indent--base); --pf-c-tree-view--m-compact__node--before--Top:calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem); --pf-c-tree-view--m-compact__node--level-2--PaddingLeft:var(--pf-c-tree-view--m-compact__node--indent--base); --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight:calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft)*-0.5); --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft:calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft)*-1.5); --pf-c-tree-view--m-compact__node-container--Display:flex; --pf-c-tree-view--m-compact__node-container--PaddingBottom--base:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact__node-container--PaddingTop:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact__node-container--PaddingRight:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact__node-container--PaddingBottom:var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base); --pf-c-tree-view--m-compact__node-container--PaddingLeft:var(--pf-global--spacer--xs); --pf-c-tree-view--m-compact__node-container--nested--PaddingTop:var(--pf-global--spacer--md); --pf-c-tree-view--m-compact__node-container--nested--PaddingRight:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom:var(--pf-global--spacer--md); --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom:0; --pf-c-tree-view--m-no-background__node-container--BackgroundColor:transparent; --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset:var(--pf-global--spacer--sm); --pf-c-tree-view--m-compact--m-no-background--base-border--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--indent--base:var(--pf-c-tree-view__node--indent--base); --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base:var(--pf-global--spacer--2xl); --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop:0; --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom:0; --pf-c-tree-view--m-compact--m-no-background__node--before--Top:calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem); padding-top: var(--pf-c-tree-view--PaddingTop); padding-bottom: var(--pf-c-tree-view--PaddingBottom); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item { position: relative; } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before, .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before { position: absolute; left: var(--pf-c-tree-view--m-guides--guide--Left); content: ""; } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before { top: var(--pf-c-tree-view--m-guides__list-item--before--Top); width: var(--pf-c-tree-view--m-guides__list-item--before--Width); height: var(--pf-c-tree-view--m-guides__list-item--before--Height); background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before { top: var(--pf-c-tree-view--m-guides__node--before--Top); width: var(--pf-c-tree-view--m-guides__node--before--Width); height: var(--pf-c-tree-view--m-guides__node--before--Height); background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before { height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Height); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view--m-guides--guide--Left:var(--pf-c-tree-view--m-guides--border--nested--Left); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child { --pf-c-tree-view--m-compact__list-item--BorderBottomWidth:0; } .pf-c-tree-view.pf-m-compact { --pf-c-tree-view__node--PaddingTop:var(--pf-c-tree-view--m-compact__node--PaddingTop); --pf-c-tree-view__node--PaddingBottom:var(--pf-c-tree-view--m-compact__node--PaddingBottom); --pf-c-tree-view__node-container--Display:var(--pf-c-tree-view--m-compact__node-container--Display); --pf-c-tree-view__node--hover--BackgroundColor:transparent; --pf-c-tree-view__node--focus--BackgroundColor:transparent; --pf-c-tree-view__list-item__list-item__node-toggle--Top:var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item { border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded { --pf-c-tree-view--m-compact__node-container--PaddingBottom:var(--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__node--PaddingTop:var(--pf-c-tree-view--m-compact__node--nested--PaddingTop); --pf-c-tree-view__node--PaddingBottom:var(--pf-c-tree-view--m-compact__node--nested--PaddingBottom); --pf-c-tree-view__node-toggle--Position:static; --pf-c-tree-view__node--PaddingLeft:var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft); --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX:0; --pf-c-tree-view--m-compact__list-item--BorderBottomWidth:0; --pf-c-tree-view--m-compact__node-container--PaddingBottom:var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before, .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before { left: var(--pf-c-tree-view--m-compact--border--Left); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:before { top: var(--pf-c-tree-view--m-compact__list-item--before--Top); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node:before { top: var(--pf-c-tree-view--m-compact__node--before--Top); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child:before { height: var(--pf-c-tree-view--m-compact__list-item--last-child--before--Height); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__node--PaddingLeft:var(--pf-c-tree-view--m-compact__node--PaddingLeft); --pf-c-tree-view--m-compact--border--Left:var(--pf-c-tree-view--m-compact--border--nested--Left); --pf-c-tree-view--m-compact__list-item--before--Top:var(--pf-c-tree-view--m-compact__list-item--nested--before--Top); --pf-c-tree-view--m-compact__list-item--last-child--before--Height:var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-container { padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft); background-color: var(--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-toggle { margin-right: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight); margin-left: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container { padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--PaddingLeft); } .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node, .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node > .pf-c-tree-view__node-container { cursor: default; } .pf-c-tree-view.pf-m-compact.pf-m-no-background { --pf-c-tree-view--m-compact__node--before--Top:var(--pf-c-tree-view--m-compact--m-no-background__node--before--Top); } .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__node--PaddingTop:var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop); --pf-c-tree-view__node--PaddingBottom:var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom); } .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view--m-compact--border--Left:var(--pf-c-tree-view--m-compact--m-no-background--border--nested--Left); --pf-c-tree-view__node--PaddingLeft:var(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft); } .pf-c-tree-view.pf-m-no-background { --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor:var(--pf-c-tree-view--m-no-background__node-container--BackgroundColor); } .pf-c-tree-view__node-toggle-icon { display: inline-block; min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth); text-align: center; transition: var(--pf-c-tree-view__node-toggle-icon--Transition); transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__node-toggle-icon--Rotate:var(--pf-c-tree-view__node-toggle-icon--base--Rotate); } .pf-c-tree-view__list-item.pf-m-expanded { --pf-c-tree-view__node-toggle-icon--Rotate:var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate); } .pf-c-tree-view__node, .pf-c-tree-view__node-container { flex: 1 1; align-items: flex-start; min-width: 0; text-align: left; cursor: pointer; border: 0; } .pf-c-tree-view__node { position: relative; display: flex; padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft); color: var(--pf-c-tree-view__node--Color); } .pf-c-tree-view__node.pf-m-current { --pf-c-tree-view__node--Color:var(--pf-c-tree-view__node--m-current--Color); font-weight: var(--pf-c-tree-view__node--m-current--FontWeight); } .pf-c-tree-view__node:focus { background-color: var(--pf-c-tree-view__node--focus--BackgroundColor); } .pf-c-tree-view__node .pf-c-tree-view__node-count { margin-left: var(--pf-c-tree-view__node-count--MarginLeft); } .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read { --pf-c-badge--m-read--BackgroundColor:var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor); } .pf-c-tree-view__node-container { display: var(--pf-c-tree-view__node-container--Display); flex-grow: 1; } .pf-c-tree-view__node-content { display: flex; flex-direction: column; overflow: var(--pf-c-tree-view__node-content--Overflow); } .pf-c-tree-view__node-content > * + * { margin-top: var(--pf-c-tree-view__node-content--RowGap); } .pf-c-tree-view__node-check { margin-right: var(--pf-c-tree-view__node-check--MarginRight); } .pf-c-tree-view__node-toggle { position: var(--pf-c-tree-view__node-toggle--Position); top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top); left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left); display: inline-flex; align-items: center; justify-content: center; padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft); margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop); margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom); border: 0; transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX)); } .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text, .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title, .pf-c-tree-view__node-text.pf-m-truncate, .pf-c-tree-view__node-title.pf-m-truncate { --pf-c-tree-view__node-content--Overflow:hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pf-c-tree-view__node-title { font-weight: var(--pf-c-tree-view__node-title--FontWeight); } .pf-c-tree-view__search { padding: var(--pf-c-tree-view__search--PaddingTop) var(--pf-c-tree-view__search--PaddingRight) var(--pf-c-tree-view__search--PaddingBottom) var(--pf-c-tree-view__search--PaddingLeft); } .pf-c-tree-view__node-icon { padding-right: var(--pf-c-tree-view__node-icon--PaddingRight); color: var(--pf-c-tree-view__node-icon--Color); } .pf-c-tree-view__content { display: flex; align-items: center; } .pf-c-tree-view__content:focus-within, .pf-c-tree-view__content:hover { background-color: var(--pf-c-tree-view__node--hover--BackgroundColor); } .pf-c-tree-view__action { margin-left: var(--pf-c-tree-view__action--MarginLeft); color: var(--pf-c-tree-view__action--Color); border: 0; } .pf-c-tree-view__action:hover { --pf-c-tree-view__action--Color:var(--pf-c-tree-view__action--hover--Color); } .pf-c-tree-view__action:focus { --pf-c-tree-view__action--Color:var(--pf-c-tree-view__action--focus--Color); background-color: var(--pf-c-tree-view__action--focus--BackgroundColor); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*1 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*2 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*1 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*3 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*2 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*4 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*3 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*5 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*4 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*6 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*5 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*7 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*6 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*8 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*7 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*9 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*8 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item { --pf-c-tree-view__list-item__list-item__node-toggle--Left:var(--pf-c-tree-view__node--PaddingLeft); --pf-c-tree-view__node--PaddingLeft:calc(var(--pf-c-tree-view__node--nested-indent--base)*10 + var(--pf-c-tree-view__node--indent--base)); --pf-c-tree-view--m-guides--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset)); --pf-c-tree-view--m-compact__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base)*9 + var(--pf-c-tree-view--m-compact__node--indent--base)); --pf-c-tree-view--m-compact--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset)); --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft:calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base)*9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base)); --pf-c-tree-view--m-compact--m-no-background--border--nested--Left:calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset)); } .pf-c-wizard { --pf-c-wizard--Height:100%; --pf-c-modal-box--c-wizard--FlexBasis:47.625rem; --pf-c-wizard__header--BackgroundColor:var(--pf-global--BackgroundColor--dark-100); --pf-c-wizard__header--ZIndex:var(--pf-global--ZIndex--md); --pf-c-wizard__header--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__header--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__header--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-wizard__header--PaddingLeft:var(--pf-global--spacer--md); --pf-c-wizard__header--lg--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__header--lg--PaddingLeft:var(--pf-global--spacer--md); --pf-c-wizard__header--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-wizard__header--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-wizard__close--Top:calc(var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element)); --pf-c-wizard__close--Right:0; --pf-c-wizard__close--xl--Right:var(--pf-global--spacer--lg); --pf-c-wizard__close--FontSize:var(--pf-global--FontSize--xl); --pf-c-wizard__title--PaddingRight:var(--pf-global--spacer--2xl); --pf-c-wizard__description--PaddingTop:var(--pf-global--spacer--sm); --pf-c-wizard__description--Color:var(--pf-global--Color--light-200); --pf-c-wizard__nav-link--Color:var(--pf-global--Color--100); --pf-c-wizard__nav-link--TextDecoration:var(--pf-global--link--TextDecoration); --pf-c-wizard__nav-link--hover--Color:var(--pf-global--link--Color); --pf-c-wizard__nav-link--focus--Color:var(--pf-global--link--Color); --pf-c-wizard__nav-link--m-current--Color:var(--pf-global--link--Color); --pf-c-wizard__nav-link--m-current--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-wizard__nav-link--m-disabled--Color:var(--pf-global--Color--dark-200); --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight:var(--pf-global--FontWeight--normal); --pf-c-wizard__nav-link-toggle--PaddingRight:var(--pf-global--spacer--sm); --pf-c-wizard__nav-link-toggle--PaddingLeft:var(--pf-global--spacer--sm); --pf-c-wizard__nav-link-toggle--Color:var(--pf-global--Color--200); --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color:var(--pf-global--Color--100); --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color:var(--pf-global--Color--100); --pf-c-wizard__nav-link-toggle-icon--Transition:var(--pf-global--Transition); --pf-c-wizard__nav-link-toggle-icon--Rotate:0; --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate:90deg; --pf-c-wizard__nav-link--before--Width:1.5rem; --pf-c-wizard__nav-link--before--Height:1.5rem; --pf-c-wizard__nav-link--before--Top:0; --pf-c-wizard__nav-link--before--BackgroundColor:var(--pf-global--BackgroundColor--200); --pf-c-wizard__nav-link--before--BorderRadius:var(--pf-global--BorderRadius--lg); --pf-c-wizard__nav-link--before--Color:var(--pf-global--Color--100); --pf-c-wizard__nav-link--before--FontSize:var(--pf-global--FontSize--sm); --pf-c-wizard__nav-link--before--TranslateX:calc(-100% - var(--pf-global--spacer--sm)); --pf-c-wizard__nav-link--m-current--before--BackgroundColor:var(--pf-global--active-color--100); --pf-c-wizard__nav-link--m-current--before--Color:var(--pf-global--Color--light-100); --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor:transparent; --pf-c-wizard__nav-link--m-disabled--before--Color:var(--pf-global--Color--dark-200); --pf-c-wizard__toggle--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-wizard__toggle--ZIndex:var(--pf-global--ZIndex--md); --pf-c-wizard__toggle--BoxShadow:var(--pf-global--BoxShadow--md-bottom); --pf-c-wizard__toggle--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__toggle--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__toggle--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-wizard__toggle--PaddingLeft:calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm)); --pf-c-wizard__toggle--m-expanded--BorderBottomWidth:var(--pf-global--BorderWidth--sm); --pf-c-wizard__toggle--m-expanded--BorderBottomColor:var(--pf-global--BorderColor--100); --pf-c-wizard--m-in-page__toggle--xl--PaddingLeft:calc(var(--pf-global--spacer--xl) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm)); --pf-c-wizard__toggle-num--before--Top:0; --pf-c-wizard__toggle-list-item--not-last-child--MarginRight:var(--pf-global--spacer--sm); --pf-c-wizard__toggle-list-item--MarginBottom:var(--pf-global--spacer--xs); --pf-c-wizard__toggle-list--MarginRight:var(--pf-global--spacer--sm); --pf-c-wizard__toggle-list--MarginBottom:calc(var(--pf-c-wizard__toggle-list-item--MarginBottom)*-1); --pf-c-wizard__toggle-separator--MarginLeft:var(--pf-global--spacer--sm); --pf-c-wizard__toggle-separator--Color:var(--pf-global--BorderColor--200); --pf-c-wizard__toggle-icon--LineHeight:var(--pf-global--LineHeight--md); --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate:180deg; --pf-c-wizard__nav--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-wizard__nav--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-wizard__nav--BoxShadow:var(--pf-global--BoxShadow--md-bottom); --pf-c-wizard__nav--Width:100%; --pf-c-wizard__nav--lg--Width:15.625rem; --pf-c-wizard__nav--lg--BorderRightWidth:var(--pf-global--BorderWidth--sm); --pf-c-wizard__nav--lg--BorderRightColor:var(--pf-global--BorderColor--100); --pf-c-wizard__nav-list--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__nav-list--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__nav-list--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-wizard__nav-list--PaddingLeft:calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm)); --pf-c-wizard__nav-list--lg--PaddingTop:var(--pf-global--spacer--md); --pf-c-wizard__nav-list--lg--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__nav-list--lg--PaddingBottom:var(--pf-global--spacer--md); --pf-c-wizard__nav-list--xl--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__nav-list--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-wizard__nav-list--xl--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-wizard__nav-list--xl--PaddingLeft:calc(var(--pf-global--spacer--lg) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm)); --pf-c-wizard__nav-list--nested--MarginLeft:var(--pf-global--spacer--md); --pf-c-wizard__nav-list--nested--MarginTop:var(--pf-global--spacer--md); --pf-c-wizard__nav-item--MarginTop:var(--pf-global--spacer--md); --pf-c-wizard__outer-wrap--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-wizard__outer-wrap--lg--PaddingLeft:var(--pf-c-wizard__nav--Width); --pf-c-wizard__outer-wrap--MinHeight:15.625rem; --pf-c-wizard__main--ZIndex:var(--pf-global--ZIndex--xs); --pf-c-wizard__main-body--PaddingTop:var(--pf-global--spacer--md); --pf-c-wizard__main-body--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__main-body--PaddingBottom:var(--pf-global--spacer--md); --pf-c-wizard__main-body--PaddingLeft:var(--pf-global--spacer--md); --pf-c-wizard__main-body--xl--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__main-body--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-wizard__main-body--xl--PaddingBottom:var(--pf-global--spacer--lg); --pf-c-wizard__main-body--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-wizard__footer--BackgroundColor:var(--pf-global--BackgroundColor--100); --pf-c-wizard__footer--ZIndex:var(--pf-global--ZIndex--sm); --pf-c-wizard__footer--PaddingTop:var(--pf-global--spacer--md); --pf-c-wizard__footer--PaddingRight:var(--pf-global--spacer--md); --pf-c-wizard__footer--PaddingBottom:var(--pf-global--spacer--sm); --pf-c-wizard__footer--PaddingLeft:var(--pf-global--spacer--md); --pf-c-wizard__footer--xl--PaddingTop:var(--pf-global--spacer--lg); --pf-c-wizard__footer--xl--PaddingRight:var(--pf-global--spacer--lg); --pf-c-wizard__footer--xl--PaddingBottom:var(--pf-global--spacer--md); --pf-c-wizard__footer--xl--PaddingLeft:var(--pf-global--spacer--lg); --pf-c-wizard__footer--BoxShadow:var(--pf-global--BoxShadow--sm-top); --pf-c-wizard__footer--child--MarginRight:var(--pf-global--spacer--md); --pf-c-wizard__footer--child--MarginBottom:var(--pf-global--spacer--sm); --pf-c-wizard__footer-cancel--MarginLeft:calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight)); position: relative; display: flex; flex-direction: column; height: var(--pf-c-wizard--Height); } @media screen and (min-width:992px) { .pf-c-wizard { --pf-c-wizard__header--PaddingRight:var(--pf-c-wizard__header--lg--PaddingRight); --pf-c-wizard__header--PaddingLeft:var(--pf-c-wizard__header--lg--PaddingLeft); } } @media screen and (min-width:1200px) { .pf-c-wizard { --pf-c-wizard__header--PaddingRight:var(--pf-c-wizard__header--xl--PaddingRight); --pf-c-wizard__header--PaddingLeft:var(--pf-c-wizard__header--xl--PaddingLeft); --pf-c-wizard__close--Right:var(--pf-c-wizard__close--xl--Right); } } @media screen and (min-width:992px) { .pf-c-wizard { --pf-c-wizard__nav--Width:var(--pf-c-wizard__nav--lg--Width); --pf-c-wizard__nav--BoxShadow:none; --pf-c-wizard__nav-list--PaddingTop:var(--pf-c-wizard__nav-list--lg--PaddingTop); --pf-c-wizard__nav-list--PaddingRight:var(--pf-c-wizard__nav-list--lg--PaddingRight); --pf-c-wizard__nav-list--PaddingBottom:var(--pf-c-wizard__nav-list--lg--PaddingBottom); } } @media screen and (min-width:1200px) { .pf-c-wizard { --pf-c-wizard__nav-list--PaddingTop:var(--pf-c-wizard__nav-list--xl--PaddingTop); --pf-c-wizard__nav-list--PaddingRight:var(--pf-c-wizard__nav-list--xl--PaddingRight); --pf-c-wizard__nav-list--PaddingBottom:var(--pf-c-wizard__nav-list--xl--PaddingBottom); --pf-c-wizard__nav-list--PaddingLeft:var(--pf-c-wizard__nav-list--xl--PaddingLeft); --pf-c-wizard__main-body--PaddingTop:var(--pf-c-wizard__main-body--xl--PaddingTop); --pf-c-wizard__main-body--PaddingRight:var(--pf-c-wizard__main-body--xl--PaddingRight); --pf-c-wizard__main-body--PaddingBottom:var(--pf-c-wizard__main-body--xl--PaddingBottom); --pf-c-wizard__main-body--PaddingLeft:var(--pf-c-wizard__main-body--xl--PaddingLeft); --pf-c-wizard__footer--PaddingTop:var(--pf-c-wizard__footer--xl--PaddingTop); --pf-c-wizard__footer--PaddingRight:var(--pf-c-wizard__footer--xl--PaddingRight); --pf-c-wizard__footer--PaddingBottom:var(--pf-c-wizard__footer--xl--PaddingBottom); --pf-c-wizard__footer--PaddingLeft:var(--pf-c-wizard__footer--xl--PaddingLeft); } } .pf-c-modal-box .pf-c-wizard { flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis); min-height: 0; } .pf-c-wizard > :not(.pf-c-wizard__outer-wrap) { flex-shrink: 0; } .pf-c-wizard.pf-m-finished { --pf-c-wizard__outer-wrap--lg--PaddingLeft:0; } .pf-c-wizard.pf-m-finished .pf-c-wizard__footer, .pf-c-wizard.pf-m-finished .pf-c-wizard__nav, .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle { display: none; visibility: hidden; } .pf-c-wizard__header { color: var(--pf-global--Color--100); position: relative; z-index: var(--pf-c-wizard__header--ZIndex); padding: var(--pf-c-wizard__header--PaddingTop) var(--pf-c-wizard__header--PaddingRight) var(--pf-c-wizard__header--PaddingBottom) var(--pf-c-wizard__header--PaddingLeft); background-color: var(--pf-c-wizard__header--BackgroundColor); } .pf-c-wizard__header .pf-c-wizard__close { position: absolute; top: var(--pf-c-wizard__close--Top); right: var(--pf-c-wizard__close--Right); font-size: var(--pf-c-wizard__close--FontSize); } .pf-c-wizard__title { padding-right: var(--pf-c-wizard__title--PaddingRight); word-wrap: break-word; } .pf-c-wizard__description { display: none; padding-top: var(--pf-c-wizard__description--PaddingTop); color: var(--pf-c-wizard__description--Color); visibility: hidden; } @media screen and (min-width:992px) { .pf-c-wizard__description { display: block; visibility: visible; } } .pf-c-wizard__toggle { position: relative; z-index: var(--pf-c-wizard__toggle--ZIndex); display: flex; justify-content: space-between; width: 100%; padding: var(--pf-c-wizard__toggle--PaddingTop) var(--pf-c-wizard__toggle--PaddingRight) var(--pf-c-wizard__toggle--PaddingBottom) var(--pf-c-wizard__toggle--PaddingLeft); background-color: var(--pf-c-wizard__toggle--BackgroundColor); border: 0; box-shadow: var(--pf-c-wizard__toggle--BoxShadow); } @media screen and (min-width:992px) { .pf-c-wizard__toggle { display: none; visibility: hidden; } } .pf-c-wizard__toggle.pf-m-expanded { --pf-c-wizard__toggle--BoxShadow:none; border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor); } .pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon { transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate)); } .pf-c-wizard__toggle-list { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; margin-right: var(--pf-c-wizard__toggle-list--MarginRight); margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom); list-style: none; } .pf-c-wizard__toggle-list-item { margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom); text-align: left; word-break: break-word; } .pf-c-wizard__toggle-list-item:not(:last-child) { margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight); } .pf-c-wizard__toggle-num { --pf-c-wizard__nav-link--before--Top:var(--pf-c-wizard__toggle-num--before--Top); } .pf-c-wizard__toggle-separator { margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft); color: var(--pf-c-wizard__toggle-separator--Color); } .pf-c-wizard__toggle-icon { line-height: var(--pf-c-wizard__toggle-icon--LineHeight); } .pf-c-wizard__outer-wrap { position: relative; display: flex; flex-direction: column; flex-grow: 1; min-height: var(--pf-c-wizard__outer-wrap--MinHeight); background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor); } @media screen and (min-width:992px) { .pf-c-wizard__outer-wrap { padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft); } } .pf-c-wizard__inner-wrap { position: relative; display: flex; flex-direction: column; flex-grow: 1; min-height: 0; } @media screen and (min-width:992px) { .pf-c-wizard__inner-wrap { position: static; } } .pf-c-wizard__nav { position: absolute; top: 0; left: 0; z-index: var(--pf-c-wizard__nav--ZIndex); display: none; width: var(--pf-c-wizard__nav--Width); max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: hidden; background-color: var(--pf-c-wizard__nav--BackgroundColor); box-shadow: var(--pf-c-wizard__nav--BoxShadow); } .pf-c-wizard__nav.pf-m-expanded { display: block; visibility: visible; } @media screen and (min-width:992px) { .pf-c-wizard__nav { display: block; height: 100%; visibility: visible; border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor); } } .pf-c-wizard__nav-list { padding-top: var(--pf-c-wizard__nav-list--PaddingTop); padding-right: var(--pf-c-wizard__nav-list--PaddingRight); padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom); padding-left: var(--pf-c-wizard__nav-list--PaddingLeft); list-style: none; counter-reset: wizard-nav-count; } .pf-c-wizard__nav-list .pf-c-wizard__nav-list { padding: 0; margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop); margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft); } .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link:before { content: none; } .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current { font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight); } .pf-c-wizard__nav-item + .pf-c-wizard__nav-item { margin-top: var(--pf-c-wizard__nav-item--MarginTop); } .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link { display: flex; } .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list { display: none; visibility: hidden; } .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list { display: block; visibility: visible; } .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link { --pf-c-wizard__nav-link-toggle-icon--Rotate:var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate); } .pf-c-wizard__nav-link { position: relative; display: inline-block; width: 100%; color: var(--pf-c-wizard__nav-link--Color); text-align: left; text-decoration: var(--pf-c-wizard__nav-link--TextDecoration); word-break: break-word; border: 0; } .pf-c-wizard__nav-link:before, .pf-c-wizard__toggle-num { position: absolute; top: var(--pf-c-wizard__nav-link--before--Top); left: 0; display: inline-flex; align-items: center; justify-content: center; width: var(--pf-c-wizard__nav-link--before--Width); height: var(--pf-c-wizard__nav-link--before--Height); font-size: var(--pf-c-wizard__nav-link--before--FontSize); line-height: 1; color: var(--pf-c-wizard__nav-link--before--Color); background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor); border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius); transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX)); } .pf-c-wizard__nav-link:before { top: 0; content: counter(wizard-nav-count); counter-increment: wizard-nav-count; } .pf-c-wizard__nav-link:hover { --pf-c-wizard__nav-link--Color:var(--pf-c-wizard__nav-link--hover--Color); --pf-c-wizard__nav-link-toggle--Color:var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color); } .pf-c-wizard__nav-link:focus { --pf-c-wizard__nav-link--Color:var(--pf-c-wizard__nav-link--focus--Color); --pf-c-wizard__nav-link-toggle--Color:var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color); } .pf-c-wizard__nav-link.pf-m-current { --pf-c-wizard__nav-link--Color:var(--pf-c-wizard__nav-link--m-current--Color); font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight); } .pf-c-wizard__nav-link.pf-m-current:before, .pf-c-wizard__toggle-num { --pf-c-wizard__nav-link--before--BackgroundColor:var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor); --pf-c-wizard__nav-link--before--Color:var(--pf-c-wizard__nav-link--m-current--before--Color); } .pf-c-wizard__nav-link.pf-m-disabled, .pf-c-wizard__nav-link:disabled { --pf-c-wizard__nav-link--Color:var(--pf-c-wizard__nav-link--m-disabled--Color); pointer-events: none; } .pf-c-wizard__nav-link.pf-m-disabled:before, .pf-c-wizard__nav-link:disabled:before { --pf-c-wizard__nav-link--before--BackgroundColor:var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor); --pf-c-wizard__nav-link--before--Color:var(--pf-c-wizard__nav-link--m-disabled--before--Color); } .pf-c-wizard__nav-link-text { flex-grow: 1; } .pf-c-wizard__nav-link-toggle { padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight); padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft); color: var(--pf-c-wizard__nav-link-toggle--Color); } .pf-c-wizard__nav-link-toggle-icon { display: inline-block; transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition); transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate)); } .pf-c-wizard__main { z-index: var(--pf-c-wizard__main--ZIndex); flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; word-break: break-word; } .pf-c-wizard__main-body { padding: var(--pf-c-wizard__main-body--PaddingTop) var(--pf-c-wizard__main-body--PaddingRight) var(--pf-c-wizard__main-body--PaddingBottom) var(--pf-c-wizard__main-body--PaddingLeft); } .pf-c-wizard__main-body.pf-m-no-padding { padding: 0; } .pf-c-wizard__footer { z-index: var(--pf-c-wizard__footer--ZIndex); display: flex; flex-wrap: wrap; flex-shrink: 0; padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft); background-color: var(--pf-c-wizard__footer--BackgroundColor); } .pf-c-wizard__footer > * { margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom); } .pf-c-wizard__footer > :not(:last-child) { margin-right: var(--pf-c-wizard__footer--child--MarginRight); } .pf-c-modal-box .pf-c-wizard__footer, .pf-c-page__main-wizard .pf-c-wizard__footer { box-shadow: var(--pf-c-wizard__footer--BoxShadow); } .pf-c-wizard__footer-cancel { margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft); } .pf-l-bullseye { --pf-l-bullseye--Padding:0; display: flex; align-items: center; justify-content: center; height: 100%; padding: var(--pf-l-bullseye--Padding); margin: 0; } .pf-l-flex { --pf-l-flex--Display:flex; --pf-l-flex--FlexWrap:wrap; --pf-l-flex--AlignItems:baseline; --pf-l-flex--m-row--AlignItems:baseline; --pf-l-flex--m-row-reverse--AlignItems:baseline; --pf-l-flex--item--Order:0; --pf-l-flex--spacer-base:var(--pf-global--spacer--md); --pf-l-flex--spacer:var(--pf-l-flex--spacer-base); --pf-l-flex--spacer--none:0; --pf-l-flex--spacer--xs:var(--pf-global--spacer--xs); --pf-l-flex--spacer--sm:var(--pf-global--spacer--sm); --pf-l-flex--spacer--md:var(--pf-global--spacer--md); --pf-l-flex--spacer--lg:var(--pf-global--spacer--lg); --pf-l-flex--spacer--xl:var(--pf-global--spacer--xl); --pf-l-flex--spacer--2xl:var(--pf-global--spacer--2xl); --pf-l-flex--spacer--3xl:var(--pf-global--spacer--3xl); --pf-l-flex--spacer--4xl:var(--pf-global--spacer--4xl); display: var(--pf-l-flex--Display); flex-wrap: var(--pf-l-flex--FlexWrap); align-items: var(--pf-l-flex--AlignItems); } .pf-l-flex:last-child { --pf-l-flex--spacer:0; } .pf-l-flex > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer-base); order: var(--pf-l-flex--item--Order); max-width: 100%; margin-right: var(--pf-l-flex--spacer); } @media screen and (min-width:576px) { .pf-l-flex > * { order: var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order)); } } @media screen and (min-width:768px) { .pf-l-flex > * { order: var(--pf-l-flex--item--Order-on-md,var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order))); } } @media screen and (min-width:992px) { .pf-l-flex > * { order: var(--pf-l-flex--item--Order-on-lg,var(--pf-l-flex--item--Order-on-md,var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order)))); } } @media screen and (min-width:1200px) { .pf-l-flex > * { order: var(--pf-l-flex--item--Order-on-xl,var(--pf-l-flex--item--Order-on-lg,var(--pf-l-flex--item--Order-on-md,var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order))))); } } @media screen and (min-width:1450px) { .pf-l-flex > * { order: var(--pf-l-flex--item--Order-on-2xl,var(--pf-l-flex--item--Order-on-xl,var(--pf-l-flex--item--Order-on-lg,var(--pf-l-flex--item--Order-on-md,var(--pf-l-flex--item--Order-on-sm,var(--pf-l-flex--item--Order)))))); } } .pf-l-flex > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-flex { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center { align-items: center; } .pf-l-flex.pf-m-align-items-stretch { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center { align-content: center; } .pf-l-flex.pf-m-align-content-stretch { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around { align-content: space-around; } .pf-l-flex > .pf-m-align-right { margin-left: auto; } .pf-l-flex > .pf-m-align-left { margin-left: 0; } .pf-l-flex > .pf-m-grow { flex-grow: 1; } .pf-l-flex > .pf-m-shrink { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1 { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2 { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3 { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4 { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch { align-self: stretch; } @media (min-width:576px) { .pf-l-flex.pf-m-flex-on-sm { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex-on-sm { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column-on-sm { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column-on-sm > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse-on-sm { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse-on-sm > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row-on-sm { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row-on-sm > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse-on-sm { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse-on-sm > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap-on-sm { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse-on-sm { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap-on-sm { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start-on-sm { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end-on-sm { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center-on-sm { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between-on-sm { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around-on-sm { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly-on-sm { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start-on-sm { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end-on-sm { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center-on-sm { align-items: center; } .pf-l-flex.pf-m-align-items-stretch-on-sm { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline-on-sm { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start-on-sm { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end-on-sm { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center-on-sm { align-content: center; } .pf-l-flex.pf-m-align-content-stretch-on-sm { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between-on-sm { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around-on-sm { align-content: space-around; } .pf-l-flex > .pf-m-align-right-on-sm { margin-left: auto; } .pf-l-flex > .pf-m-align-left-on-sm { margin-left: 0; } .pf-l-flex > .pf-m-grow-on-sm { flex-grow: 1; } .pf-l-flex > .pf-m-shrink-on-sm { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width-on-sm { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1-on-sm { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2-on-sm { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3-on-sm { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4-on-sm { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default-on-sm { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none-on-sm { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start-on-sm { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end-on-sm { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center-on-sm { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline-on-sm { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch-on-sm { align-self: stretch; } } @media (min-width:768px) { .pf-l-flex.pf-m-flex-on-md { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex-on-md { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column-on-md { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column-on-md > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse-on-md { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse-on-md > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row-on-md { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row-on-md > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse-on-md { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse-on-md > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap-on-md { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse-on-md { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap-on-md { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start-on-md { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end-on-md { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center-on-md { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between-on-md { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around-on-md { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly-on-md { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start-on-md { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end-on-md { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center-on-md { align-items: center; } .pf-l-flex.pf-m-align-items-stretch-on-md { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline-on-md { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start-on-md { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end-on-md { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center-on-md { align-content: center; } .pf-l-flex.pf-m-align-content-stretch-on-md { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between-on-md { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around-on-md { align-content: space-around; } .pf-l-flex > .pf-m-align-right-on-md { margin-left: auto; } .pf-l-flex > .pf-m-align-left-on-md { margin-left: 0; } .pf-l-flex > .pf-m-grow-on-md { flex-grow: 1; } .pf-l-flex > .pf-m-shrink-on-md { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width-on-md { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1-on-md { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2-on-md { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3-on-md { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4-on-md { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default-on-md { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none-on-md { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start-on-md { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end-on-md { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center-on-md { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline-on-md { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch-on-md { align-self: stretch; } } @media (min-width:992px) { .pf-l-flex.pf-m-flex-on-lg { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex-on-lg { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column-on-lg { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column-on-lg > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse-on-lg { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse-on-lg > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row-on-lg { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row-on-lg > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse-on-lg { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse-on-lg > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap-on-lg { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse-on-lg { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap-on-lg { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start-on-lg { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end-on-lg { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center-on-lg { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between-on-lg { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around-on-lg { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly-on-lg { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start-on-lg { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end-on-lg { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center-on-lg { align-items: center; } .pf-l-flex.pf-m-align-items-stretch-on-lg { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline-on-lg { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start-on-lg { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end-on-lg { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center-on-lg { align-content: center; } .pf-l-flex.pf-m-align-content-stretch-on-lg { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between-on-lg { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around-on-lg { align-content: space-around; } .pf-l-flex > .pf-m-align-right-on-lg { margin-left: auto; } .pf-l-flex > .pf-m-align-left-on-lg { margin-left: 0; } .pf-l-flex > .pf-m-grow-on-lg { flex-grow: 1; } .pf-l-flex > .pf-m-shrink-on-lg { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width-on-lg { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1-on-lg { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2-on-lg { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3-on-lg { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4-on-lg { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default-on-lg { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none-on-lg { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start-on-lg { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end-on-lg { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center-on-lg { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline-on-lg { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch-on-lg { align-self: stretch; } } @media (min-width:1200px) { .pf-l-flex.pf-m-flex-on-xl { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex-on-xl { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column-on-xl { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column-on-xl > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse-on-xl { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse-on-xl > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row-on-xl { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row-on-xl > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse-on-xl { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse-on-xl > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap-on-xl { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse-on-xl { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap-on-xl { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start-on-xl { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end-on-xl { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center-on-xl { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between-on-xl { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around-on-xl { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly-on-xl { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start-on-xl { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end-on-xl { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center-on-xl { align-items: center; } .pf-l-flex.pf-m-align-items-stretch-on-xl { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline-on-xl { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start-on-xl { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end-on-xl { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center-on-xl { align-content: center; } .pf-l-flex.pf-m-align-content-stretch-on-xl { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between-on-xl { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around-on-xl { align-content: space-around; } .pf-l-flex > .pf-m-align-right-on-xl { margin-left: auto; } .pf-l-flex > .pf-m-align-left-on-xl { margin-left: 0; } .pf-l-flex > .pf-m-grow-on-xl { flex-grow: 1; } .pf-l-flex > .pf-m-shrink-on-xl { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width-on-xl { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1-on-xl { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2-on-xl { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3-on-xl { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4-on-xl { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default-on-xl { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none-on-xl { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start-on-xl { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end-on-xl { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center-on-xl { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline-on-xl { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch-on-xl { align-self: stretch; } } @media (min-width:1450px) { .pf-l-flex.pf-m-flex-on-2xl { display: var(--pf-l-flex--Display); } .pf-l-flex.pf-m-inline-flex-on-2xl { --pf-l-flex--Display:inline-flex; } .pf-l-flex.pf-m-column-on-2xl { flex-direction: column; align-items: normal; } .pf-l-flex.pf-m-column-on-2xl > * { margin: 0 0 var(--pf-l-flex--spacer) 0; } .pf-l-flex.pf-m-column-reverse-on-2xl { flex-direction: column-reverse; align-items: normal; } .pf-l-flex.pf-m-column-reverse-on-2xl > * { margin: var(--pf-l-flex--spacer) 0 0 0; } .pf-l-flex.pf-m-row-on-2xl { flex-direction: row; align-items: var(--pf-l-flex--m-row--AlignItems); } .pf-l-flex.pf-m-row-on-2xl > * { margin: 0 var(--pf-l-flex--spacer) 0 0; } .pf-l-flex.pf-m-row-reverse-on-2xl { flex-direction: row-reverse; align-items: var(--pf-l-flex--m-row-reverse--AlignItems); } .pf-l-flex.pf-m-row-reverse-on-2xl > * { margin: 0 0 0 var(--pf-l-flex--spacer); } .pf-l-flex.pf-m-wrap-on-2xl { flex-wrap: wrap; } .pf-l-flex.pf-m-wrap-reverse-on-2xl { flex-wrap: wrap-reverse; } .pf-l-flex.pf-m-nowrap-on-2xl { flex-wrap: nowrap; } .pf-l-flex.pf-m-justify-content-flex-start-on-2xl { justify-content: flex-start; } .pf-l-flex.pf-m-justify-content-flex-end-on-2xl { justify-content: flex-end; } .pf-l-flex.pf-m-justify-content-center-on-2xl { justify-content: center; } .pf-l-flex.pf-m-justify-content-space-between-on-2xl { justify-content: space-between; } .pf-l-flex.pf-m-justify-content-space-around-on-2xl { justify-content: space-around; } .pf-l-flex.pf-m-justify-content-space-evenly-on-2xl { justify-content: space-evenly; } .pf-l-flex.pf-m-align-items-flex-start-on-2xl { align-items: flex-start; } .pf-l-flex.pf-m-align-items-flex-end-on-2xl { align-items: flex-end; } .pf-l-flex.pf-m-align-items-center-on-2xl { align-items: center; } .pf-l-flex.pf-m-align-items-stretch-on-2xl { align-items: stretch; } .pf-l-flex.pf-m-align-items-baseline-on-2xl { align-items: baseline; } .pf-l-flex.pf-m-align-content-flex-start-on-2xl { align-content: flex-start; } .pf-l-flex.pf-m-align-content-flex-end-on-2xl { align-content: flex-end; } .pf-l-flex.pf-m-align-content-center-on-2xl { align-content: center; } .pf-l-flex.pf-m-align-content-stretch-on-2xl { align-content: stretch; } .pf-l-flex.pf-m-align-content-space-between-on-2xl { align-content: space-between; } .pf-l-flex.pf-m-align-content-space-around-on-2xl { align-content: space-around; } .pf-l-flex > .pf-m-align-right-on-2xl { margin-left: auto; } .pf-l-flex > .pf-m-align-left-on-2xl { margin-left: 0; } .pf-l-flex > .pf-m-grow-on-2xl { flex-grow: 1; } .pf-l-flex > .pf-m-shrink-on-2xl { flex-shrink: 1; } .pf-l-flex > .pf-m-full-width-on-2xl { width: 100%; margin-right: 0; } .pf-l-flex > .pf-m-flex-1-on-2xl { flex: 1 0 0; } .pf-l-flex > .pf-m-flex-2-on-2xl { flex: 2 0 0; } .pf-l-flex > .pf-m-flex-3-on-2xl { flex: 3 0 0; } .pf-l-flex > .pf-m-flex-4-on-2xl { flex: 4 0 0; } .pf-l-flex > .pf-m-flex-default-on-2xl { flex: 0 1 auto; } .pf-l-flex > .pf-m-flex-none-on-2xl { flex: none; } .pf-l-flex > .pf-m-align-self-flex-start-on-2xl { align-self: flex-start; } .pf-l-flex > .pf-m-align-self-flex-end-on-2xl { align-self: flex-end; } .pf-l-flex > .pf-m-align-self-center-on-2xl { align-self: center; } .pf-l-flex > .pf-m-align-self-baseline-on-2xl { align-self: baseline; } .pf-l-flex > .pf-m-align-self-stretch-on-2xl { align-self: stretch; } } .pf-l-flex.pf-m-space-items-none > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl > :last-child { --pf-l-flex--spacer:0; } @media (min-width:576px) { .pf-l-flex.pf-m-space-items-none-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl-on-sm > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl-on-sm > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl-on-sm > :last-child { --pf-l-flex--spacer:0; } } @media (min-width:768px) { .pf-l-flex.pf-m-space-items-none-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl-on-md > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl-on-md > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl-on-md > :last-child { --pf-l-flex--spacer:0; } } @media (min-width:992px) { .pf-l-flex.pf-m-space-items-none-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl-on-lg > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl-on-lg > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl-on-lg > :last-child { --pf-l-flex--spacer:0; } } @media (min-width:1200px) { .pf-l-flex.pf-m-space-items-none-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl-on-xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl-on-xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl-on-xl > :last-child { --pf-l-flex--spacer:0; } } @media (min-width:1450px) { .pf-l-flex.pf-m-space-items-none-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex.pf-m-space-items-none-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xs-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex.pf-m-space-items-xs-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-sm-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex.pf-m-space-items-sm-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-md-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex.pf-m-space-items-md-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-lg-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex.pf-m-space-items-lg-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-xl-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex.pf-m-space-items-xl-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-2xl-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex.pf-m-space-items-2xl-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-3xl-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex.pf-m-space-items-3xl-on-2xl > :last-child { --pf-l-flex--spacer:0; } .pf-l-flex.pf-m-space-items-4xl-on-2xl > * { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } .pf-l-flex.pf-m-space-items-4xl-on-2xl > :last-child { --pf-l-flex--spacer:0; } } .pf-l-flex .pf-m-spacer-none, .pf-l-flex .pf-m-spacer-none:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs, .pf-l-flex .pf-m-spacer-xs:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm, .pf-l-flex .pf-m-spacer-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md, .pf-l-flex .pf-m-spacer-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg, .pf-l-flex .pf-m-spacer-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl, .pf-l-flex .pf-m-spacer-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl, .pf-l-flex .pf-m-spacer-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl, .pf-l-flex .pf-m-spacer-3xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl, .pf-l-flex .pf-m-spacer-4xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } @media (min-width:576px) { .pf-l-flex .pf-m-spacer-none-on-sm, .pf-l-flex .pf-m-spacer-none-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs-on-sm, .pf-l-flex .pf-m-spacer-xs-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm-on-sm, .pf-l-flex .pf-m-spacer-sm-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md-on-sm, .pf-l-flex .pf-m-spacer-md-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg-on-sm, .pf-l-flex .pf-m-spacer-lg-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl-on-sm, .pf-l-flex .pf-m-spacer-xl-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl-on-sm, .pf-l-flex .pf-m-spacer-2xl-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl-on-sm, .pf-l-flex .pf-m-spacer-3xl-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl-on-sm, .pf-l-flex .pf-m-spacer-4xl-on-sm:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } } @media (min-width:768px) { .pf-l-flex .pf-m-spacer-none-on-md, .pf-l-flex .pf-m-spacer-none-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs-on-md, .pf-l-flex .pf-m-spacer-xs-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm-on-md, .pf-l-flex .pf-m-spacer-sm-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md-on-md, .pf-l-flex .pf-m-spacer-md-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg-on-md, .pf-l-flex .pf-m-spacer-lg-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl-on-md, .pf-l-flex .pf-m-spacer-xl-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl-on-md, .pf-l-flex .pf-m-spacer-2xl-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl-on-md, .pf-l-flex .pf-m-spacer-3xl-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl-on-md, .pf-l-flex .pf-m-spacer-4xl-on-md:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } } @media (min-width:992px) { .pf-l-flex .pf-m-spacer-none-on-lg, .pf-l-flex .pf-m-spacer-none-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs-on-lg, .pf-l-flex .pf-m-spacer-xs-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm-on-lg, .pf-l-flex .pf-m-spacer-sm-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md-on-lg, .pf-l-flex .pf-m-spacer-md-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg-on-lg, .pf-l-flex .pf-m-spacer-lg-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl-on-lg, .pf-l-flex .pf-m-spacer-xl-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl-on-lg, .pf-l-flex .pf-m-spacer-2xl-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl-on-lg, .pf-l-flex .pf-m-spacer-3xl-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl-on-lg, .pf-l-flex .pf-m-spacer-4xl-on-lg:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } } @media (min-width:1200px) { .pf-l-flex .pf-m-spacer-none-on-xl, .pf-l-flex .pf-m-spacer-none-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs-on-xl, .pf-l-flex .pf-m-spacer-xs-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm-on-xl, .pf-l-flex .pf-m-spacer-sm-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md-on-xl, .pf-l-flex .pf-m-spacer-md-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg-on-xl, .pf-l-flex .pf-m-spacer-lg-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl-on-xl, .pf-l-flex .pf-m-spacer-xl-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl-on-xl, .pf-l-flex .pf-m-spacer-2xl-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl-on-xl, .pf-l-flex .pf-m-spacer-3xl-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl-on-xl, .pf-l-flex .pf-m-spacer-4xl-on-xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } } @media (min-width:1450px) { .pf-l-flex .pf-m-spacer-none-on-2xl, .pf-l-flex .pf-m-spacer-none-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--none); } .pf-l-flex .pf-m-spacer-xs-on-2xl, .pf-l-flex .pf-m-spacer-xs-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xs); } .pf-l-flex .pf-m-spacer-sm-on-2xl, .pf-l-flex .pf-m-spacer-sm-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--sm); } .pf-l-flex .pf-m-spacer-md-on-2xl, .pf-l-flex .pf-m-spacer-md-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--md); } .pf-l-flex .pf-m-spacer-lg-on-2xl, .pf-l-flex .pf-m-spacer-lg-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--lg); } .pf-l-flex .pf-m-spacer-xl-on-2xl, .pf-l-flex .pf-m-spacer-xl-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--xl); } .pf-l-flex .pf-m-spacer-2xl-on-2xl, .pf-l-flex .pf-m-spacer-2xl-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--2xl); } .pf-l-flex .pf-m-spacer-3xl-on-2xl, .pf-l-flex .pf-m-spacer-3xl-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--3xl); } .pf-l-flex .pf-m-spacer-4xl-on-2xl, .pf-l-flex .pf-m-spacer-4xl-on-2xl:last-child { --pf-l-flex--spacer:var(--pf-l-flex--spacer--4xl); } } .pf-l-gallery { --pf-l-gallery--m-gutter--GridGap:var(--pf-global--gutter); --pf-l-gallery--GridTemplateColumns--min:250px; --pf-l-gallery--GridTemplateColumns--max:1fr; --pf-l-gallery--GridTemplateColumns:repeat(auto-fill,minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min),var(--pf-l-gallery--GridTemplateColumns--minmax--max))); --pf-l-gallery--GridTemplateRows:auto; display: grid; grid-template-columns: var(--pf-l-gallery--GridTemplateColumns); grid-template-rows: var(--pf-l-gallery--GridTemplateRows); --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min); --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max); } .pf-l-gallery.pf-m-gutter { grid-gap: var(--pf-l-gallery--m-gutter--GridGap); } @media (min-width:576px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min-on-sm,var(--pf-l-gallery--GridTemplateColumns--min)); } } @media (min-width:768px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min-on-md,var(--pf-l-gallery--GridTemplateColumns--min-on-sm,var(--pf-l-gallery--GridTemplateColumns--min))); } } @media (min-width:992px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min-on-lg,var(--pf-l-gallery--GridTemplateColumns--min-on-md,var(--pf-l-gallery--GridTemplateColumns--min-on-sm,var(--pf-l-gallery--GridTemplateColumns--min)))); } } @media (min-width:1200px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min-on-xl,var(--pf-l-gallery--GridTemplateColumns--min-on-lg,var(--pf-l-gallery--GridTemplateColumns--min-on-md,var(--pf-l-gallery--GridTemplateColumns--min-on-sm,var(--pf-l-gallery--GridTemplateColumns--min))))); } } @media (min-width:1450px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--min:var(--pf-l-gallery--GridTemplateColumns--min-on-2xl,var(--pf-l-gallery--GridTemplateColumns--min-on-xl,var(--pf-l-gallery--GridTemplateColumns--min-on-lg,var(--pf-l-gallery--GridTemplateColumns--min-on-md,var(--pf-l-gallery--GridTemplateColumns--min-on-sm,var(--pf-l-gallery--GridTemplateColumns--min)))))); } } @media (min-width:576px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max-on-sm,var(--pf-l-gallery--GridTemplateColumns--max)); } } @media (min-width:768px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max-on-md,var(--pf-l-gallery--GridTemplateColumns--max-on-sm,var(--pf-l-gallery--GridTemplateColumns--max))); } } @media (min-width:992px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max-on-lg,var(--pf-l-gallery--GridTemplateColumns--max-on-md,var(--pf-l-gallery--GridTemplateColumns--max-on-sm,var(--pf-l-gallery--GridTemplateColumns--max)))); } } @media (min-width:1200px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max-on-xl,var(--pf-l-gallery--GridTemplateColumns--max-on-lg,var(--pf-l-gallery--GridTemplateColumns--max-on-md,var(--pf-l-gallery--GridTemplateColumns--max-on-sm,var(--pf-l-gallery--GridTemplateColumns--max))))); } } @media (min-width:1450px) { .pf-l-gallery { --pf-l-gallery--GridTemplateColumns--minmax--max:var(--pf-l-gallery--GridTemplateColumns--max-on-2xl,var(--pf-l-gallery--GridTemplateColumns--max-on-xl,var(--pf-l-gallery--GridTemplateColumns--max-on-lg,var(--pf-l-gallery--GridTemplateColumns--max-on-md,var(--pf-l-gallery--GridTemplateColumns--max-on-sm,var(--pf-l-gallery--GridTemplateColumns--max)))))); } } .pf-l-grid { --pf-l-grid--m-gutter--GridGap:var(--pf-global--gutter); --pf-l-grid__item--GridColumnStart:auto; --pf-l-grid__item--GridColumnEnd:span 12; --pf-l-grid--item--Order:0; display: grid; grid-template-columns: repeat(12, [col-start] 1fr); } .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { min-width: 0; min-height: 0; grid-column-start: var(--pf-l-grid__item--GridColumnStart); grid-column-end: var(--pf-l-grid__item--GridColumnEnd); order: var(--pf-l-grid--item--Order); } @media (min-width:576px) { .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { order: var(--pf-l-grid--item--Order-on-sm,var(--pf-l-grid--item--Order)); } } @media (min-width:768px) { .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { order: var(--pf-l-grid--item--Order-on-md,var(--pf-l-grid--item--Order-on-sm,var(--pf-l-grid--item--Order))); } } @media (min-width:992px) { .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { order: var(--pf-l-grid--item--Order-on-lg,var(--pf-l-grid--item--Order-on-md,var(--pf-l-grid--item--Order-on-sm,var(--pf-l-grid--item--Order)))); } } @media (min-width:1200px) { .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { order: var(--pf-l-grid--item--Order-on-xl,var(--pf-l-grid--item--Order-on-lg,var(--pf-l-grid--item--Order-on-md,var(--pf-l-grid--item--Order-on-sm,var(--pf-l-grid--item--Order))))); } } @media (min-width:1450px) { .pf-l-grid .pf-l-grid__item, .pf-l-grid > * { order: var(--pf-l-grid--item--Order-on-2xl,var(--pf-l-grid--item--Order-on-xl,var(--pf-l-grid--item--Order-on-lg,var(--pf-l-grid--item--Order-on-md,var(--pf-l-grid--item--Order-on-sm,var(--pf-l-grid--item--Order)))))); } } .pf-l-grid.pf-m-all-1-col > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col > * { --pf-l-grid__item--GridColumnEnd:span 12; } @media screen and (min-width:576px) { .pf-l-grid.pf-m-all-1-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col-on-sm > * { --pf-l-grid__item--GridColumnEnd:span 12; } } @media screen and (min-width:768px) { .pf-l-grid.pf-m-all-1-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col-on-md > * { --pf-l-grid__item--GridColumnEnd:span 12; } } @media screen and (min-width:992px) { .pf-l-grid.pf-m-all-1-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col-on-lg > * { --pf-l-grid__item--GridColumnEnd:span 12; } } @media screen and (min-width:1200px) { .pf-l-grid.pf-m-all-1-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col-on-xl > * { --pf-l-grid__item--GridColumnEnd:span 12; } } @media screen and (min-width:1450px) { .pf-l-grid.pf-m-all-1-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid.pf-m-all-2-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid.pf-m-all-3-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid.pf-m-all-4-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid.pf-m-all-5-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid.pf-m-all-6-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid.pf-m-all-7-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid.pf-m-all-8-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid.pf-m-all-9-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid.pf-m-all-10-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid.pf-m-all-11-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid.pf-m-all-12-col-on-2xl > * { --pf-l-grid__item--GridColumnEnd:span 12; } } .pf-l-grid > .pf-m-1-col { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row { grid-row: span 1; } .pf-l-grid > .pf-m-2-row { grid-row: span 2; } .pf-l-grid > .pf-m-3-row { grid-row: span 3; } .pf-l-grid > .pf-m-4-row { grid-row: span 4; } .pf-l-grid > .pf-m-5-row { grid-row: span 5; } .pf-l-grid > .pf-m-6-row { grid-row: span 6; } .pf-l-grid > .pf-m-7-row { grid-row: span 7; } .pf-l-grid > .pf-m-8-row { grid-row: span 8; } .pf-l-grid > .pf-m-9-row { grid-row: span 9; } .pf-l-grid > .pf-m-10-row { grid-row: span 10; } .pf-l-grid > .pf-m-11-row { grid-row: span 11; } .pf-l-grid > .pf-m-12-row { grid-row: span 12; } @media screen and (min-width:576px) { .pf-l-grid > .pf-m-1-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col-on-sm { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col-on-sm { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row-on-sm { grid-row: span 1; } .pf-l-grid > .pf-m-2-row-on-sm { grid-row: span 2; } .pf-l-grid > .pf-m-3-row-on-sm { grid-row: span 3; } .pf-l-grid > .pf-m-4-row-on-sm { grid-row: span 4; } .pf-l-grid > .pf-m-5-row-on-sm { grid-row: span 5; } .pf-l-grid > .pf-m-6-row-on-sm { grid-row: span 6; } .pf-l-grid > .pf-m-7-row-on-sm { grid-row: span 7; } .pf-l-grid > .pf-m-8-row-on-sm { grid-row: span 8; } .pf-l-grid > .pf-m-9-row-on-sm { grid-row: span 9; } .pf-l-grid > .pf-m-10-row-on-sm { grid-row: span 10; } .pf-l-grid > .pf-m-11-row-on-sm { grid-row: span 11; } .pf-l-grid > .pf-m-12-row-on-sm { grid-row: span 12; } } @media screen and (min-width:768px) { .pf-l-grid > .pf-m-1-col-on-md { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col-on-md { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col-on-md { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col-on-md { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col-on-md { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col-on-md { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col-on-md { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col-on-md { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col-on-md { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col-on-md { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col-on-md { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col-on-md { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col-on-md { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row-on-md { grid-row: span 1; } .pf-l-grid > .pf-m-2-row-on-md { grid-row: span 2; } .pf-l-grid > .pf-m-3-row-on-md { grid-row: span 3; } .pf-l-grid > .pf-m-4-row-on-md { grid-row: span 4; } .pf-l-grid > .pf-m-5-row-on-md { grid-row: span 5; } .pf-l-grid > .pf-m-6-row-on-md { grid-row: span 6; } .pf-l-grid > .pf-m-7-row-on-md { grid-row: span 7; } .pf-l-grid > .pf-m-8-row-on-md { grid-row: span 8; } .pf-l-grid > .pf-m-9-row-on-md { grid-row: span 9; } .pf-l-grid > .pf-m-10-row-on-md { grid-row: span 10; } .pf-l-grid > .pf-m-11-row-on-md { grid-row: span 11; } .pf-l-grid > .pf-m-12-row-on-md { grid-row: span 12; } } @media screen and (min-width:992px) { .pf-l-grid > .pf-m-1-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col-on-lg { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col-on-lg { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row-on-lg { grid-row: span 1; } .pf-l-grid > .pf-m-2-row-on-lg { grid-row: span 2; } .pf-l-grid > .pf-m-3-row-on-lg { grid-row: span 3; } .pf-l-grid > .pf-m-4-row-on-lg { grid-row: span 4; } .pf-l-grid > .pf-m-5-row-on-lg { grid-row: span 5; } .pf-l-grid > .pf-m-6-row-on-lg { grid-row: span 6; } .pf-l-grid > .pf-m-7-row-on-lg { grid-row: span 7; } .pf-l-grid > .pf-m-8-row-on-lg { grid-row: span 8; } .pf-l-grid > .pf-m-9-row-on-lg { grid-row: span 9; } .pf-l-grid > .pf-m-10-row-on-lg { grid-row: span 10; } .pf-l-grid > .pf-m-11-row-on-lg { grid-row: span 11; } .pf-l-grid > .pf-m-12-row-on-lg { grid-row: span 12; } } @media screen and (min-width:1200px) { .pf-l-grid > .pf-m-1-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col-on-xl { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col-on-xl { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row-on-xl { grid-row: span 1; } .pf-l-grid > .pf-m-2-row-on-xl { grid-row: span 2; } .pf-l-grid > .pf-m-3-row-on-xl { grid-row: span 3; } .pf-l-grid > .pf-m-4-row-on-xl { grid-row: span 4; } .pf-l-grid > .pf-m-5-row-on-xl { grid-row: span 5; } .pf-l-grid > .pf-m-6-row-on-xl { grid-row: span 6; } .pf-l-grid > .pf-m-7-row-on-xl { grid-row: span 7; } .pf-l-grid > .pf-m-8-row-on-xl { grid-row: span 8; } .pf-l-grid > .pf-m-9-row-on-xl { grid-row: span 9; } .pf-l-grid > .pf-m-10-row-on-xl { grid-row: span 10; } .pf-l-grid > .pf-m-11-row-on-xl { grid-row: span 11; } .pf-l-grid > .pf-m-12-row-on-xl { grid-row: span 12; } } @media screen and (min-width:1450px) { .pf-l-grid > .pf-m-1-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 1; } .pf-l-grid > .pf-m-2-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 2; } .pf-l-grid > .pf-m-3-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 3; } .pf-l-grid > .pf-m-4-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 4; } .pf-l-grid > .pf-m-5-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 5; } .pf-l-grid > .pf-m-6-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 6; } .pf-l-grid > .pf-m-7-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 7; } .pf-l-grid > .pf-m-8-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 8; } .pf-l-grid > .pf-m-9-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 9; } .pf-l-grid > .pf-m-10-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 10; } .pf-l-grid > .pf-m-11-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 11; } .pf-l-grid > .pf-m-12-col-on-2xl { --pf-l-grid__item--GridColumnEnd:span 12; } .pf-l-grid > .pf-m-offset-1-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 2; } .pf-l-grid > .pf-m-offset-2-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 3; } .pf-l-grid > .pf-m-offset-3-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 4; } .pf-l-grid > .pf-m-offset-4-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 5; } .pf-l-grid > .pf-m-offset-5-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 6; } .pf-l-grid > .pf-m-offset-6-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 7; } .pf-l-grid > .pf-m-offset-7-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 8; } .pf-l-grid > .pf-m-offset-8-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 9; } .pf-l-grid > .pf-m-offset-9-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 10; } .pf-l-grid > .pf-m-offset-10-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 11; } .pf-l-grid > .pf-m-offset-11-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 12; } .pf-l-grid > .pf-m-offset-12-col-on-2xl { --pf-l-grid__item--GridColumnStart:col-start 13; } .pf-l-grid > .pf-m-1-row-on-2xl { grid-row: span 1; } .pf-l-grid > .pf-m-2-row-on-2xl { grid-row: span 2; } .pf-l-grid > .pf-m-3-row-on-2xl { grid-row: span 3; } .pf-l-grid > .pf-m-4-row-on-2xl { grid-row: span 4; } .pf-l-grid > .pf-m-5-row-on-2xl { grid-row: span 5; } .pf-l-grid > .pf-m-6-row-on-2xl { grid-row: span 6; } .pf-l-grid > .pf-m-7-row-on-2xl { grid-row: span 7; } .pf-l-grid > .pf-m-8-row-on-2xl { grid-row: span 8; } .pf-l-grid > .pf-m-9-row-on-2xl { grid-row: span 9; } .pf-l-grid > .pf-m-10-row-on-2xl { grid-row: span 10; } .pf-l-grid > .pf-m-11-row-on-2xl { grid-row: span 11; } .pf-l-grid > .pf-m-12-row-on-2xl { grid-row: span 12; } } .pf-l-grid.pf-m-gutter { grid-gap: var(--pf-l-grid--m-gutter--GridGap); } .pf-l-level { --pf-l-level--m-gutter--MarginRight:var(--pf-global--gutter); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .pf-l-level.pf-m-gutter > :not(:last-child) { margin-right: var(--pf-l-level--m-gutter--MarginRight); } .pf-l-split { --pf-l-split--m-gutter--MarginRight:var(--pf-global--gutter); display: flex; padding: 0; margin: 0; } .pf-l-split.pf-m-wrap { flex-wrap: wrap; } .pf-l-split__item.pf-m-fill { flex-grow: 1; } .pf-l-split.pf-m-gutter > :not(:last-child) { margin-right: var(--pf-l-split--m-gutter--MarginRight); } .pf-l-stack { --pf-l-stack--m-gutter--MarginBottom:var(--pf-global--gutter); display: flex; flex-direction: column; height: 100%; } .pf-l-stack__item.pf-m-fill { flex-grow: 1; } .pf-l-stack.pf-m-gutter > :not(:last-child) { margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom); } .pf-u-screen-reader { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pf-u-visible { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } .pf-u-hidden { display: none !important; } @media screen and (min-width: 576px) { .pf-u-screen-reader-on-sm { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @media screen and (min-width: 576px) { .pf-u-visible-on-sm { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } } @media screen and (min-width: 576px) { .pf-u-hidden-on-sm { display: none !important; } } @media screen and (min-width: 768px) { .pf-u-screen-reader-on-md { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @media screen and (min-width: 768px) { .pf-u-visible-on-md { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } } @media screen and (min-width: 768px) { .pf-u-hidden-on-md { display: none !important; } } @media screen and (min-width: 992px) { .pf-u-screen-reader-on-lg { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @media screen and (min-width: 992px) { .pf-u-visible-on-lg { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } } @media screen and (min-width: 992px) { .pf-u-hidden-on-lg { display: none !important; } } @media screen and (min-width: 1200px) { .pf-u-screen-reader-on-xl { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @media screen and (min-width: 1200px) { .pf-u-visible-on-xl { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } } @media screen and (min-width: 1200px) { .pf-u-hidden-on-xl { display: none !important; } } @media screen and (min-width: 1450px) { .pf-u-screen-reader-on-2xl { position: fixed; top: 0; left: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @media screen and (min-width: 1450px) { .pf-u-visible-on-2xl { position: static; overflow: visible; clip: auto; white-space: normal; border: inherit; } } @media screen and (min-width: 1450px) { .pf-u-hidden-on-2xl { display: none !important; } } .pf-u-text-align-left { text-align: left !important; } .pf-u-text-align-center { text-align: center !important; } .pf-u-text-align-right { text-align: right !important; } .pf-u-text-align-justify { text-align: justify !important; } @media screen and (min-width: 576px) { .pf-u-text-align-left-on-sm { text-align: left !important; } .pf-u-text-align-center-on-sm { text-align: center !important; } .pf-u-text-align-right-on-sm { text-align: right !important; } .pf-u-text-align-justify-on-sm { text-align: justify !important; } } @media screen and (min-width: 768px) { .pf-u-text-align-left-on-md { text-align: left !important; } .pf-u-text-align-center-on-md { text-align: center !important; } .pf-u-text-align-right-on-md { text-align: right !important; } .pf-u-text-align-justify-on-md { text-align: justify !important; } } @media screen and (min-width: 992px) { .pf-u-text-align-left-on-lg { text-align: left !important; } .pf-u-text-align-center-on-lg { text-align: center !important; } .pf-u-text-align-right-on-lg { text-align: right !important; } .pf-u-text-align-justify-on-lg { text-align: justify !important; } } @media screen and (min-width: 1200px) { .pf-u-text-align-left-on-xl { text-align: left !important; } .pf-u-text-align-center-on-xl { text-align: center !important; } .pf-u-text-align-right-on-xl { text-align: right !important; } .pf-u-text-align-justify-on-xl { text-align: justify !important; } } @media screen and (min-width: 1450px) { .pf-u-text-align-left-on-2xl { text-align: left !important; } .pf-u-text-align-center-on-2xl { text-align: center !important; } .pf-u-text-align-right-on-2xl { text-align: right !important; } .pf-u-text-align-justify-on-2xl { text-align: justify !important; } } .pf-u-background-color-100 { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200 { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100 { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300 { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200 { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100 { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200 { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300 { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400 { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200 { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300 { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger { background-color: var(--pf-global--palette--red-50) !important; } @media screen and (min-width: 576px) { .pf-u-background-color-100-on-sm { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200-on-sm { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100-on-sm { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300-on-sm { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200-on-sm { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100-on-sm { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200-on-sm { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300-on-sm { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400-on-sm { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200-on-sm { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300-on-sm { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default-on-sm { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success-on-sm { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info-on-sm { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning-on-sm { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger-on-sm { background-color: var(--pf-global--palette--red-50) !important; } } @media screen and (min-width: 768px) { .pf-u-background-color-100-on-md { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200-on-md { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100-on-md { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300-on-md { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200-on-md { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100-on-md { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200-on-md { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300-on-md { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400-on-md { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200-on-md { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300-on-md { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default-on-md { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success-on-md { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info-on-md { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning-on-md { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger-on-md { background-color: var(--pf-global--palette--red-50) !important; } } @media screen and (min-width: 992px) { .pf-u-background-color-100-on-lg { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200-on-lg { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100-on-lg { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300-on-lg { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200-on-lg { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100-on-lg { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200-on-lg { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300-on-lg { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400-on-lg { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200-on-lg { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300-on-lg { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default-on-lg { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success-on-lg { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info-on-lg { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning-on-lg { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger-on-lg { background-color: var(--pf-global--palette--red-50) !important; } } @media screen and (min-width: 1200px) { .pf-u-background-color-100-on-xl { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200-on-xl { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100-on-xl { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300-on-xl { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200-on-xl { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100-on-xl { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200-on-xl { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300-on-xl { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400-on-xl { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200-on-xl { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300-on-xl { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default-on-xl { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success-on-xl { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info-on-xl { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning-on-xl { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger-on-xl { background-color: var(--pf-global--palette--red-50) !important; } } @media screen and (min-width: 1450px) { .pf-u-background-color-100-on-2xl { background-color: var(--pf-global--BackgroundColor--100) !important; } .pf-u-background-color-200-on-2xl { background-color: var(--pf-global--BackgroundColor--200) !important; } .pf-u-background-color-active-color-100-on-2xl { background-color: var(--pf-global--active-color--100) !important; } .pf-u-background-color-active-color-300-on-2xl { background-color: var(--pf-global--active-color--300) !important; } .pf-u-background-color-primary-color-200-on-2xl { background-color: var(--pf-global--primary-color--200) !important; } .pf-u-background-color-dark-100-on-2xl { background-color: var(--pf-global--BackgroundColor--dark-100) !important; } .pf-u-background-color-dark-200-on-2xl { background-color: var(--pf-global--BackgroundColor--dark-200) !important; } .pf-u-background-color-dark-300-on-2xl { background-color: var(--pf-global--BackgroundColor--dark-300) !important; } .pf-u-background-color-dark-400-on-2xl { background-color: var(--pf-global--BackgroundColor--dark-400) !important; } .pf-u-background-color-disabled-color-200-on-2xl { background-color: var(--pf-global--disabled-color--200) !important; } .pf-u-background-color-disabled-color-300-on-2xl { background-color: var(--pf-global--disabled-color--300) !important; } .pf-u-background-color-default-on-2xl { background-color: var(--pf-global--palette--cyan-50) !important; } .pf-u-background-color-success-on-2xl { background-color: var(--pf-global--palette--green-50) !important; } .pf-u-background-color-info-on-2xl { background-color: var(--pf-global--palette--blue-50) !important; } .pf-u-background-color-warning-on-2xl { background-color: var(--pf-global--palette--gold-50) !important; } .pf-u-background-color-danger-on-2xl { background-color: var(--pf-global--palette--red-50) !important; } } .pf-u-box-shadow-sm { box-shadow: var(--pf-global--BoxShadow--sm) !important; } .pf-u-box-shadow-sm-top { box-shadow: var(--pf-global--BoxShadow--sm-top) !important; } .pf-u-box-shadow-sm-right { box-shadow: var(--pf-global--BoxShadow--sm-right) !important; } .pf-u-box-shadow-sm-bottom { box-shadow: var(--pf-global--BoxShadow--sm-bottom) !important; } .pf-u-box-shadow-sm-left { box-shadow: var(--pf-global--BoxShadow--sm-left) !important; } .pf-u-box-shadow-md { box-shadow: var(--pf-global--BoxShadow--md) !important; } .pf-u-box-shadow-md-top { box-shadow: var(--pf-global--BoxShadow--md-top) !important; } .pf-u-box-shadow-md-right { box-shadow: var(--pf-global--BoxShadow--md-right) !important; } .pf-u-box-shadow-md-bottom { box-shadow: var(--pf-global--BoxShadow--md-bottom) !important; } .pf-u-box-shadow-md-left { box-shadow: var(--pf-global--BoxShadow--md-left) !important; } .pf-u-box-shadow-lg { box-shadow: var(--pf-global--BoxShadow--lg) !important; } .pf-u-box-shadow-lg-top { box-shadow: var(--pf-global--BoxShadow--lg-top) !important; } .pf-u-box-shadow-lg-right { box-shadow: var(--pf-global--BoxShadow--lg-right) !important; } .pf-u-box-shadow-lg-bottom { box-shadow: var(--pf-global--BoxShadow--lg-bottom) !important; } .pf-u-box-shadow-lg-left { box-shadow: var(--pf-global--BoxShadow--lg-left) !important; } .pf-u-box-shadow-xl { box-shadow: var(--pf-global--BoxShadow--xl) !important; } .pf-u-box-shadow-xl-top { box-shadow: var(--pf-global--BoxShadow--xl-top) !important; } .pf-u-box-shadow-xl-right { box-shadow: var(--pf-global--BoxShadow--xl-right) !important; } .pf-u-box-shadow-xl-bottom { box-shadow: var(--pf-global--BoxShadow--xl-bottom) !important; } .pf-u-box-shadow-xl-left { box-shadow: var(--pf-global--BoxShadow--xl-left) !important; } .pf-u-box-shadow-inset { box-shadow: var(--pf-global--BoxShadow--inset) !important; } .pf-u-display-none { display: none !important; } .pf-u-display-inline-block { display: inline-block !important; } .pf-u-display-block { display: block !important; } .pf-u-display-inline { display: inline !important; } .pf-u-display-table { display: table !important; } .pf-u-display-table-cell { display: table-cell !important; } .pf-u-display-table-row { display: table-row !important; } .pf-u-display-flex { display: flex !important; } .pf-u-display-inline-flex { display: inline-flex !important; } @media screen and (min-width: 576px) { .pf-u-display-none-on-sm { display: none !important; } .pf-u-display-inline-block-on-sm { display: inline-block !important; } .pf-u-display-block-on-sm { display: block !important; } .pf-u-display-inline-on-sm { display: inline !important; } .pf-u-display-table-on-sm { display: table !important; } .pf-u-display-table-cell-on-sm { display: table-cell !important; } .pf-u-display-table-row-on-sm { display: table-row !important; } .pf-u-display-flex-on-sm { display: flex !important; } .pf-u-display-inline-flex-on-sm { display: inline-flex !important; } } @media screen and (min-width: 768px) { .pf-u-display-none-on-md { display: none !important; } .pf-u-display-inline-block-on-md { display: inline-block !important; } .pf-u-display-block-on-md { display: block !important; } .pf-u-display-inline-on-md { display: inline !important; } .pf-u-display-table-on-md { display: table !important; } .pf-u-display-table-cell-on-md { display: table-cell !important; } .pf-u-display-table-row-on-md { display: table-row !important; } .pf-u-display-flex-on-md { display: flex !important; } .pf-u-display-inline-flex-on-md { display: inline-flex !important; } } @media screen and (min-width: 992px) { .pf-u-display-none-on-lg { display: none !important; } .pf-u-display-inline-block-on-lg { display: inline-block !important; } .pf-u-display-block-on-lg { display: block !important; } .pf-u-display-inline-on-lg { display: inline !important; } .pf-u-display-table-on-lg { display: table !important; } .pf-u-display-table-cell-on-lg { display: table-cell !important; } .pf-u-display-table-row-on-lg { display: table-row !important; } .pf-u-display-flex-on-lg { display: flex !important; } .pf-u-display-inline-flex-on-lg { display: inline-flex !important; } } @media screen and (min-width: 1200px) { .pf-u-display-none-on-xl { display: none !important; } .pf-u-display-inline-block-on-xl { display: inline-block !important; } .pf-u-display-block-on-xl { display: block !important; } .pf-u-display-inline-on-xl { display: inline !important; } .pf-u-display-table-on-xl { display: table !important; } .pf-u-display-table-cell-on-xl { display: table-cell !important; } .pf-u-display-table-row-on-xl { display: table-row !important; } .pf-u-display-flex-on-xl { display: flex !important; } .pf-u-display-inline-flex-on-xl { display: inline-flex !important; } } @media screen and (min-width: 1450px) { .pf-u-display-none-on-2xl { display: none !important; } .pf-u-display-inline-block-on-2xl { display: inline-block !important; } .pf-u-display-block-on-2xl { display: block !important; } .pf-u-display-inline-on-2xl { display: inline !important; } .pf-u-display-table-on-2xl { display: table !important; } .pf-u-display-table-cell-on-2xl { display: table-cell !important; } .pf-u-display-table-row-on-2xl { display: table-row !important; } .pf-u-display-flex-on-2xl { display: flex !important; } .pf-u-display-inline-flex-on-2xl { display: inline-flex !important; } } .pf-u-flex-direction-column { flex-direction: column !important; } .pf-u-flex-direction-column-reverse { flex-direction: column-reverse !important; } .pf-u-flex-direction-row { flex-direction: row !important; } .pf-u-flex-direction-row-reverse { flex-direction: row-reverse !important; } @media screen and (min-width: 576px) { .pf-u-flex-direction-column-on-sm { flex-direction: column !important; } .pf-u-flex-direction-column-reverse-on-sm { flex-direction: column-reverse !important; } .pf-u-flex-direction-row-on-sm { flex-direction: row !important; } .pf-u-flex-direction-row-reverse-on-sm { flex-direction: row-reverse !important; } } @media screen and (min-width: 768px) { .pf-u-flex-direction-column-on-md { flex-direction: column !important; } .pf-u-flex-direction-column-reverse-on-md { flex-direction: column-reverse !important; } .pf-u-flex-direction-row-on-md { flex-direction: row !important; } .pf-u-flex-direction-row-reverse-on-md { flex-direction: row-reverse !important; } } @media screen and (min-width: 992px) { .pf-u-flex-direction-column-on-lg { flex-direction: column !important; } .pf-u-flex-direction-column-reverse-on-lg { flex-direction: column-reverse !important; } .pf-u-flex-direction-row-on-lg { flex-direction: row !important; } .pf-u-flex-direction-row-reverse-on-lg { flex-direction: row-reverse !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-direction-column-on-xl { flex-direction: column !important; } .pf-u-flex-direction-column-reverse-on-xl { flex-direction: column-reverse !important; } .pf-u-flex-direction-row-on-xl { flex-direction: row !important; } .pf-u-flex-direction-row-reverse-on-xl { flex-direction: row-reverse !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-direction-column-on-2xl { flex-direction: column !important; } .pf-u-flex-direction-column-reverse-on-2xl { flex-direction: column-reverse !important; } .pf-u-flex-direction-row-on-2xl { flex-direction: row !important; } .pf-u-flex-direction-row-reverse-on-2xl { flex-direction: row-reverse !important; } } .pf-u-flex-wrap { flex-wrap: wrap !important; } .pf-u-flex-nowrap { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } @media screen and (min-width: 576px) { .pf-u-flex-wrap-on-sm { flex-wrap: wrap !important; } .pf-u-flex-nowrap-on-sm { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse-on-sm { flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 768px) { .pf-u-flex-wrap-on-md { flex-wrap: wrap !important; } .pf-u-flex-nowrap-on-md { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse-on-md { flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 992px) { .pf-u-flex-wrap-on-lg { flex-wrap: wrap !important; } .pf-u-flex-nowrap-on-lg { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse-on-lg { flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-wrap-on-xl { flex-wrap: wrap !important; } .pf-u-flex-nowrap-on-xl { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse-on-xl { flex-wrap: wrap-reverse !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-wrap-on-2xl { flex-wrap: wrap !important; } .pf-u-flex-nowrap-on-2xl { flex-wrap: nowrap !important; } .pf-u-flex-wrap-reverse-on-2xl { flex-wrap: wrap-reverse !important; } } .pf-u-align-items-flex-start { align-items: flex-start !important; } .pf-u-align-items-flex-end { align-items: flex-end !important; } .pf-u-align-items-center { align-items: center !important; } .pf-u-align-items-baseline { align-items: baseline !important; } .pf-u-align-items-stretch { align-items: stretch !important; } @media screen and (min-width: 576px) { .pf-u-align-items-flex-start-on-sm { align-items: flex-start !important; } .pf-u-align-items-flex-end-on-sm { align-items: flex-end !important; } .pf-u-align-items-center-on-sm { align-items: center !important; } .pf-u-align-items-baseline-on-sm { align-items: baseline !important; } .pf-u-align-items-stretch-on-sm { align-items: stretch !important; } } @media screen and (min-width: 768px) { .pf-u-align-items-flex-start-on-md { align-items: flex-start !important; } .pf-u-align-items-flex-end-on-md { align-items: flex-end !important; } .pf-u-align-items-center-on-md { align-items: center !important; } .pf-u-align-items-baseline-on-md { align-items: baseline !important; } .pf-u-align-items-stretch-on-md { align-items: stretch !important; } } @media screen and (min-width: 992px) { .pf-u-align-items-flex-start-on-lg { align-items: flex-start !important; } .pf-u-align-items-flex-end-on-lg { align-items: flex-end !important; } .pf-u-align-items-center-on-lg { align-items: center !important; } .pf-u-align-items-baseline-on-lg { align-items: baseline !important; } .pf-u-align-items-stretch-on-lg { align-items: stretch !important; } } @media screen and (min-width: 1200px) { .pf-u-align-items-flex-start-on-xl { align-items: flex-start !important; } .pf-u-align-items-flex-end-on-xl { align-items: flex-end !important; } .pf-u-align-items-center-on-xl { align-items: center !important; } .pf-u-align-items-baseline-on-xl { align-items: baseline !important; } .pf-u-align-items-stretch-on-xl { align-items: stretch !important; } } @media screen and (min-width: 1450px) { .pf-u-align-items-flex-start-on-2xl { align-items: flex-start !important; } .pf-u-align-items-flex-end-on-2xl { align-items: flex-end !important; } .pf-u-align-items-center-on-2xl { align-items: center !important; } .pf-u-align-items-baseline-on-2xl { align-items: baseline !important; } .pf-u-align-items-stretch-on-2xl { align-items: stretch !important; } } .pf-u-align-self-flex-start { align-self: flex-start !important; } .pf-u-align-self-flex-end { align-self: flex-end !important; } .pf-u-align-self-center { align-self: center !important; } .pf-u-align-self-baseline { align-self: baseline !important; } .pf-u-align-self-stretch { align-self: stretch !important; } @media screen and (min-width: 576px) { .pf-u-align-self-flex-start-on-sm { align-self: flex-start !important; } .pf-u-align-self-flex-end-on-sm { align-self: flex-end !important; } .pf-u-align-self-center-on-sm { align-self: center !important; } .pf-u-align-self-baseline-on-sm { align-self: baseline !important; } .pf-u-align-self-stretch-on-sm { align-self: stretch !important; } } @media screen and (min-width: 768px) { .pf-u-align-self-flex-start-on-md { align-self: flex-start !important; } .pf-u-align-self-flex-end-on-md { align-self: flex-end !important; } .pf-u-align-self-center-on-md { align-self: center !important; } .pf-u-align-self-baseline-on-md { align-self: baseline !important; } .pf-u-align-self-stretch-on-md { align-self: stretch !important; } } @media screen and (min-width: 992px) { .pf-u-align-self-flex-start-on-lg { align-self: flex-start !important; } .pf-u-align-self-flex-end-on-lg { align-self: flex-end !important; } .pf-u-align-self-center-on-lg { align-self: center !important; } .pf-u-align-self-baseline-on-lg { align-self: baseline !important; } .pf-u-align-self-stretch-on-lg { align-self: stretch !important; } } @media screen and (min-width: 1200px) { .pf-u-align-self-flex-start-on-xl { align-self: flex-start !important; } .pf-u-align-self-flex-end-on-xl { align-self: flex-end !important; } .pf-u-align-self-center-on-xl { align-self: center !important; } .pf-u-align-self-baseline-on-xl { align-self: baseline !important; } .pf-u-align-self-stretch-on-xl { align-self: stretch !important; } } @media screen and (min-width: 1450px) { .pf-u-align-self-flex-start-on-2xl { align-self: flex-start !important; } .pf-u-align-self-flex-end-on-2xl { align-self: flex-end !important; } .pf-u-align-self-center-on-2xl { align-self: center !important; } .pf-u-align-self-baseline-on-2xl { align-self: baseline !important; } .pf-u-align-self-stretch-on-2xl { align-self: stretch !important; } } .pf-u-align-content-flex-start { align-content: flex-start !important; } .pf-u-align-content-flex-end { align-content: flex-end !important; } .pf-u-align-content-center { align-content: center !important; } .pf-u-align-content-space-between { align-content: space-between !important; } .pf-u-align-content-space-around { align-content: space-around !important; } .pf-u-align-content-stretch { align-content: stretch !important; } @media screen and (min-width: 576px) { .pf-u-align-content-flex-start-on-sm { align-content: flex-start !important; } .pf-u-align-content-flex-end-on-sm { align-content: flex-end !important; } .pf-u-align-content-center-on-sm { align-content: center !important; } .pf-u-align-content-space-between-on-sm { align-content: space-between !important; } .pf-u-align-content-space-around-on-sm { align-content: space-around !important; } .pf-u-align-content-stretch-on-sm { align-content: stretch !important; } } @media screen and (min-width: 768px) { .pf-u-align-content-flex-start-on-md { align-content: flex-start !important; } .pf-u-align-content-flex-end-on-md { align-content: flex-end !important; } .pf-u-align-content-center-on-md { align-content: center !important; } .pf-u-align-content-space-between-on-md { align-content: space-between !important; } .pf-u-align-content-space-around-on-md { align-content: space-around !important; } .pf-u-align-content-stretch-on-md { align-content: stretch !important; } } @media screen and (min-width: 992px) { .pf-u-align-content-flex-start-on-lg { align-content: flex-start !important; } .pf-u-align-content-flex-end-on-lg { align-content: flex-end !important; } .pf-u-align-content-center-on-lg { align-content: center !important; } .pf-u-align-content-space-between-on-lg { align-content: space-between !important; } .pf-u-align-content-space-around-on-lg { align-content: space-around !important; } .pf-u-align-content-stretch-on-lg { align-content: stretch !important; } } @media screen and (min-width: 1200px) { .pf-u-align-content-flex-start-on-xl { align-content: flex-start !important; } .pf-u-align-content-flex-end-on-xl { align-content: flex-end !important; } .pf-u-align-content-center-on-xl { align-content: center !important; } .pf-u-align-content-space-between-on-xl { align-content: space-between !important; } .pf-u-align-content-space-around-on-xl { align-content: space-around !important; } .pf-u-align-content-stretch-on-xl { align-content: stretch !important; } } @media screen and (min-width: 1450px) { .pf-u-align-content-flex-start-on-2xl { align-content: flex-start !important; } .pf-u-align-content-flex-end-on-2xl { align-content: flex-end !important; } .pf-u-align-content-center-on-2xl { align-content: center !important; } .pf-u-align-content-space-between-on-2xl { align-content: space-between !important; } .pf-u-align-content-space-around-on-2xl { align-content: space-around !important; } .pf-u-align-content-stretch-on-2xl { align-content: stretch !important; } } .pf-u-justify-content-flex-start { justify-content: flex-start !important; } .pf-u-justify-content-flex-end { justify-content: flex-end !important; } .pf-u-justify-content-center { justify-content: center !important; } .pf-u-justify-content-space-between { justify-content: space-between !important; } .pf-u-justify-content-space-around { justify-content: space-around !important; } .pf-u-justify-content-stretch { justify-content: stretch !important; } @media screen and (min-width: 576px) { .pf-u-justify-content-flex-start-on-sm { justify-content: flex-start !important; } .pf-u-justify-content-flex-end-on-sm { justify-content: flex-end !important; } .pf-u-justify-content-center-on-sm { justify-content: center !important; } .pf-u-justify-content-space-between-on-sm { justify-content: space-between !important; } .pf-u-justify-content-space-around-on-sm { justify-content: space-around !important; } .pf-u-justify-content-stretch-on-sm { justify-content: stretch !important; } } @media screen and (min-width: 768px) { .pf-u-justify-content-flex-start-on-md { justify-content: flex-start !important; } .pf-u-justify-content-flex-end-on-md { justify-content: flex-end !important; } .pf-u-justify-content-center-on-md { justify-content: center !important; } .pf-u-justify-content-space-between-on-md { justify-content: space-between !important; } .pf-u-justify-content-space-around-on-md { justify-content: space-around !important; } .pf-u-justify-content-stretch-on-md { justify-content: stretch !important; } } @media screen and (min-width: 992px) { .pf-u-justify-content-flex-start-on-lg { justify-content: flex-start !important; } .pf-u-justify-content-flex-end-on-lg { justify-content: flex-end !important; } .pf-u-justify-content-center-on-lg { justify-content: center !important; } .pf-u-justify-content-space-between-on-lg { justify-content: space-between !important; } .pf-u-justify-content-space-around-on-lg { justify-content: space-around !important; } .pf-u-justify-content-stretch-on-lg { justify-content: stretch !important; } } @media screen and (min-width: 1200px) { .pf-u-justify-content-flex-start-on-xl { justify-content: flex-start !important; } .pf-u-justify-content-flex-end-on-xl { justify-content: flex-end !important; } .pf-u-justify-content-center-on-xl { justify-content: center !important; } .pf-u-justify-content-space-between-on-xl { justify-content: space-between !important; } .pf-u-justify-content-space-around-on-xl { justify-content: space-around !important; } .pf-u-justify-content-stretch-on-xl { justify-content: stretch !important; } } @media screen and (min-width: 1450px) { .pf-u-justify-content-flex-start-on-2xl { justify-content: flex-start !important; } .pf-u-justify-content-flex-end-on-2xl { justify-content: flex-end !important; } .pf-u-justify-content-center-on-2xl { justify-content: center !important; } .pf-u-justify-content-space-between-on-2xl { justify-content: space-between !important; } .pf-u-justify-content-space-around-on-2xl { justify-content: space-around !important; } .pf-u-justify-content-stretch-on-2xl { justify-content: stretch !important; } } .pf-u-flex-shrink-1 { flex-shrink: 1 !important; } .pf-u-flex-grow-1 { flex-grow: 1 !important; } .pf-u-flex-shrink-0 { flex-shrink: 0 !important; } .pf-u-flex-grow-0 { flex-grow: 0 !important; } @media screen and (min-width: 576px) { .pf-u-flex-shrink-1-on-sm { flex-shrink: 1 !important; } .pf-u-flex-grow-1-on-sm { flex-grow: 1 !important; } .pf-u-flex-shrink-0-on-sm { flex-shrink: 0 !important; } .pf-u-flex-grow-0-on-sm { flex-grow: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-flex-shrink-1-on-md { flex-shrink: 1 !important; } .pf-u-flex-grow-1-on-md { flex-grow: 1 !important; } .pf-u-flex-shrink-0-on-md { flex-shrink: 0 !important; } .pf-u-flex-grow-0-on-md { flex-grow: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-flex-shrink-1-on-lg { flex-shrink: 1 !important; } .pf-u-flex-grow-1-on-lg { flex-grow: 1 !important; } .pf-u-flex-shrink-0-on-lg { flex-shrink: 0 !important; } .pf-u-flex-grow-0-on-lg { flex-grow: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-shrink-1-on-xl { flex-shrink: 1 !important; } .pf-u-flex-grow-1-on-xl { flex-grow: 1 !important; } .pf-u-flex-shrink-0-on-xl { flex-shrink: 0 !important; } .pf-u-flex-grow-0-on-xl { flex-grow: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-shrink-1-on-2xl { flex-shrink: 1 !important; } .pf-u-flex-grow-1-on-2xl { flex-grow: 1 !important; } .pf-u-flex-shrink-0-on-2xl { flex-shrink: 0 !important; } .pf-u-flex-grow-0-on-2xl { flex-grow: 0 !important; } } .pf-u-flex-basis-0 { flex-basis: 0 !important; } .pf-u-flex-basis-auto { flex-basis: auto !important; } @media screen and (min-width: 576px) { .pf-u-flex-basis-0-on-sm { flex-basis: 0 !important; } .pf-u-flex-basis-auto-on-sm { flex-basis: auto !important; } } @media screen and (min-width: 768px) { .pf-u-flex-basis-0-on-md { flex-basis: 0 !important; } .pf-u-flex-basis-auto-on-md { flex-basis: auto !important; } } @media screen and (min-width: 992px) { .pf-u-flex-basis-0-on-lg { flex-basis: 0 !important; } .pf-u-flex-basis-auto-on-lg { flex-basis: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-basis-0-on-xl { flex-basis: 0 !important; } .pf-u-flex-basis-auto-on-xl { flex-basis: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-basis-0-on-2xl { flex-basis: 0 !important; } .pf-u-flex-basis-auto-on-2xl { flex-basis: auto !important; } } .pf-u-flex-none { flex: none !important; } .pf-u-flex-1 { flex: 1 !important; } @media screen and (min-width: 576px) { .pf-u-flex-none-on-sm { flex: none !important; } .pf-u-flex-1-on-sm { flex: 1 !important; } } @media screen and (min-width: 768px) { .pf-u-flex-none-on-md { flex: none !important; } .pf-u-flex-1-on-md { flex: 1 !important; } } @media screen and (min-width: 992px) { .pf-u-flex-none-on-lg { flex: none !important; } .pf-u-flex-1-on-lg { flex: 1 !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-none-on-xl { flex: none !important; } .pf-u-flex-1-on-xl { flex: 1 !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-none-on-2xl { flex: none !important; } .pf-u-flex-1-on-2xl { flex: 1 !important; } } .pf-u-flex-fill { flex: 1 1 auto !important; } @media screen and (min-width: 576px) { .pf-u-flex-fill-on-sm { flex: 1 1 auto !important; } } @media screen and (min-width: 768px) { .pf-u-flex-fill-on-md { flex: 1 1 auto !important; } } @media screen and (min-width: 992px) { .pf-u-flex-fill-on-lg { flex: 1 1 auto !important; } } @media screen and (min-width: 1200px) { .pf-u-flex-fill-on-xl { flex: 1 1 auto !important; } } @media screen and (min-width: 1450px) { .pf-u-flex-fill-on-2xl { flex: 1 1 auto !important; } } .pf-u-float-left { float: left !important; } .pf-u-float-right { float: right !important; } @media screen and (min-width: 576px) { .pf-u-float-left-on-sm { float: left !important; } .pf-u-float-right-on-sm { float: right !important; } } @media screen and (min-width: 768px) { .pf-u-float-left-on-md { float: left !important; } .pf-u-float-right-on-md { float: right !important; } } @media screen and (min-width: 992px) { .pf-u-float-left-on-lg { float: left !important; } .pf-u-float-right-on-lg { float: right !important; } } @media screen and (min-width: 1200px) { .pf-u-float-left-on-xl { float: left !important; } .pf-u-float-right-on-xl { float: right !important; } } @media screen and (min-width: 1450px) { .pf-u-float-left-on-2xl { float: left !important; } .pf-u-float-right-on-2xl { float: right !important; } } .pf-u-w-auto { width: auto !important; } .pf-u-w-initial { width: initial !important; } .pf-u-w-inherit { width: inherit !important; } .pf-u-w-0 { width: 0% !important; } .pf-u-w-25 { width: 25% !important; } .pf-u-w-33 { width: calc(100% / 3) !important; } .pf-u-w-50 { width: 50% !important; } .pf-u-w-66 { width: calc(100% / 3 * 2) !important; } .pf-u-w-75 { width: 75% !important; } .pf-u-w-100 { width: 100% !important; } .pf-u-w-25vw { width: 25vw !important; } .pf-u-w-33vw { width: calc(100vw / 3) !important; } .pf-u-w-50vw { width: 50vw !important; } .pf-u-w-66vw { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw { width: 75vw !important; } .pf-u-w-100vw { width: 100vw !important; } @media screen and (min-width: 576px) { .pf-u-w-auto-on-sm { width: auto !important; } .pf-u-w-initial-on-sm { width: initial !important; } .pf-u-w-inherit-on-sm { width: inherit !important; } .pf-u-w-0-on-sm { width: 0% !important; } .pf-u-w-25-on-sm { width: 25% !important; } .pf-u-w-33-on-sm { width: calc(100% / 3) !important; } .pf-u-w-50-on-sm { width: 50% !important; } .pf-u-w-66-on-sm { width: calc(100% / 3 * 2) !important; } .pf-u-w-75-on-sm { width: 75% !important; } .pf-u-w-100-on-sm { width: 100% !important; } .pf-u-w-25vw-on-sm { width: 25vw !important; } .pf-u-w-33vw-on-sm { width: calc(100vw / 3) !important; } .pf-u-w-50vw-on-sm { width: 50vw !important; } .pf-u-w-66vw-on-sm { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw-on-sm { width: 75vw !important; } .pf-u-w-100vw-on-sm { width: 100vw !important; } } @media screen and (min-width: 768px) { .pf-u-w-auto-on-md { width: auto !important; } .pf-u-w-initial-on-md { width: initial !important; } .pf-u-w-inherit-on-md { width: inherit !important; } .pf-u-w-0-on-md { width: 0% !important; } .pf-u-w-25-on-md { width: 25% !important; } .pf-u-w-33-on-md { width: calc(100% / 3) !important; } .pf-u-w-50-on-md { width: 50% !important; } .pf-u-w-66-on-md { width: calc(100% / 3 * 2) !important; } .pf-u-w-75-on-md { width: 75% !important; } .pf-u-w-100-on-md { width: 100% !important; } .pf-u-w-25vw-on-md { width: 25vw !important; } .pf-u-w-33vw-on-md { width: calc(100vw / 3) !important; } .pf-u-w-50vw-on-md { width: 50vw !important; } .pf-u-w-66vw-on-md { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw-on-md { width: 75vw !important; } .pf-u-w-100vw-on-md { width: 100vw !important; } } @media screen and (min-width: 992px) { .pf-u-w-auto-on-lg { width: auto !important; } .pf-u-w-initial-on-lg { width: initial !important; } .pf-u-w-inherit-on-lg { width: inherit !important; } .pf-u-w-0-on-lg { width: 0% !important; } .pf-u-w-25-on-lg { width: 25% !important; } .pf-u-w-33-on-lg { width: calc(100% / 3) !important; } .pf-u-w-50-on-lg { width: 50% !important; } .pf-u-w-66-on-lg { width: calc(100% / 3 * 2) !important; } .pf-u-w-75-on-lg { width: 75% !important; } .pf-u-w-100-on-lg { width: 100% !important; } .pf-u-w-25vw-on-lg { width: 25vw !important; } .pf-u-w-33vw-on-lg { width: calc(100vw / 3) !important; } .pf-u-w-50vw-on-lg { width: 50vw !important; } .pf-u-w-66vw-on-lg { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw-on-lg { width: 75vw !important; } .pf-u-w-100vw-on-lg { width: 100vw !important; } } @media screen and (min-width: 1200px) { .pf-u-w-auto-on-xl { width: auto !important; } .pf-u-w-initial-on-xl { width: initial !important; } .pf-u-w-inherit-on-xl { width: inherit !important; } .pf-u-w-0-on-xl { width: 0% !important; } .pf-u-w-25-on-xl { width: 25% !important; } .pf-u-w-33-on-xl { width: calc(100% / 3) !important; } .pf-u-w-50-on-xl { width: 50% !important; } .pf-u-w-66-on-xl { width: calc(100% / 3 * 2) !important; } .pf-u-w-75-on-xl { width: 75% !important; } .pf-u-w-100-on-xl { width: 100% !important; } .pf-u-w-25vw-on-xl { width: 25vw !important; } .pf-u-w-33vw-on-xl { width: calc(100vw / 3) !important; } .pf-u-w-50vw-on-xl { width: 50vw !important; } .pf-u-w-66vw-on-xl { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw-on-xl { width: 75vw !important; } .pf-u-w-100vw-on-xl { width: 100vw !important; } } @media screen and (min-width: 1450px) { .pf-u-w-auto-on-2xl { width: auto !important; } .pf-u-w-initial-on-2xl { width: initial !important; } .pf-u-w-inherit-on-2xl { width: inherit !important; } .pf-u-w-0-on-2xl { width: 0% !important; } .pf-u-w-25-on-2xl { width: 25% !important; } .pf-u-w-33-on-2xl { width: calc(100% / 3) !important; } .pf-u-w-50-on-2xl { width: 50% !important; } .pf-u-w-66-on-2xl { width: calc(100% / 3 * 2) !important; } .pf-u-w-75-on-2xl { width: 75% !important; } .pf-u-w-100-on-2xl { width: 100% !important; } .pf-u-w-25vw-on-2xl { width: 25vw !important; } .pf-u-w-33vw-on-2xl { width: calc(100vw / 3) !important; } .pf-u-w-50vw-on-2xl { width: 50vw !important; } .pf-u-w-66vw-on-2xl { width: calc(100vw / 3 * 2) !important; } .pf-u-w-75vw-on-2xl { width: 75vw !important; } .pf-u-w-100vw-on-2xl { width: 100vw !important; } } .pf-u-h-auto { height: auto !important; } .pf-u-h-initial { height: initial !important; } .pf-u-h-inherit { height: inherit !important; } .pf-u-h-0 { height: 0% !important; } .pf-u-h-25 { height: 25% !important; } .pf-u-h-33 { height: calc(100% / 3) !important; } .pf-u-h-50 { height: 50% !important; } .pf-u-h-66 { height: calc(100% / 3 * 2) !important; } .pf-u-h-75 { height: 75% !important; } .pf-u-h-100 { height: 100% !important; } .pf-u-h-25vh { height: 25vh !important; } .pf-u-h-33vh { height: calc(100vh / 3) !important; } .pf-u-h-50vh { height: 50vh !important; } .pf-u-h-66vh { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh { height: 75vh !important; } .pf-u-h-100vh { height: 100vh !important; } @media screen and (min-width: 576px) { .pf-u-h-auto-on-sm { height: auto !important; } .pf-u-h-initial-on-sm { height: initial !important; } .pf-u-h-inherit-on-sm { height: inherit !important; } .pf-u-h-0-on-sm { height: 0% !important; } .pf-u-h-25-on-sm { height: 25% !important; } .pf-u-h-33-on-sm { height: calc(100% / 3) !important; } .pf-u-h-50-on-sm { height: 50% !important; } .pf-u-h-66-on-sm { height: calc(100% / 3 * 2) !important; } .pf-u-h-75-on-sm { height: 75% !important; } .pf-u-h-100-on-sm { height: 100% !important; } .pf-u-h-25vh-on-sm { height: 25vh !important; } .pf-u-h-33vh-on-sm { height: calc(100vh / 3) !important; } .pf-u-h-50vh-on-sm { height: 50vh !important; } .pf-u-h-66vh-on-sm { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh-on-sm { height: 75vh !important; } .pf-u-h-100vh-on-sm { height: 100vh !important; } } @media screen and (min-width: 768px) { .pf-u-h-auto-on-md { height: auto !important; } .pf-u-h-initial-on-md { height: initial !important; } .pf-u-h-inherit-on-md { height: inherit !important; } .pf-u-h-0-on-md { height: 0% !important; } .pf-u-h-25-on-md { height: 25% !important; } .pf-u-h-33-on-md { height: calc(100% / 3) !important; } .pf-u-h-50-on-md { height: 50% !important; } .pf-u-h-66-on-md { height: calc(100% / 3 * 2) !important; } .pf-u-h-75-on-md { height: 75% !important; } .pf-u-h-100-on-md { height: 100% !important; } .pf-u-h-25vh-on-md { height: 25vh !important; } .pf-u-h-33vh-on-md { height: calc(100vh / 3) !important; } .pf-u-h-50vh-on-md { height: 50vh !important; } .pf-u-h-66vh-on-md { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh-on-md { height: 75vh !important; } .pf-u-h-100vh-on-md { height: 100vh !important; } } @media screen and (min-width: 992px) { .pf-u-h-auto-on-lg { height: auto !important; } .pf-u-h-initial-on-lg { height: initial !important; } .pf-u-h-inherit-on-lg { height: inherit !important; } .pf-u-h-0-on-lg { height: 0% !important; } .pf-u-h-25-on-lg { height: 25% !important; } .pf-u-h-33-on-lg { height: calc(100% / 3) !important; } .pf-u-h-50-on-lg { height: 50% !important; } .pf-u-h-66-on-lg { height: calc(100% / 3 * 2) !important; } .pf-u-h-75-on-lg { height: 75% !important; } .pf-u-h-100-on-lg { height: 100% !important; } .pf-u-h-25vh-on-lg { height: 25vh !important; } .pf-u-h-33vh-on-lg { height: calc(100vh / 3) !important; } .pf-u-h-50vh-on-lg { height: 50vh !important; } .pf-u-h-66vh-on-lg { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh-on-lg { height: 75vh !important; } .pf-u-h-100vh-on-lg { height: 100vh !important; } } @media screen and (min-width: 1200px) { .pf-u-h-auto-on-xl { height: auto !important; } .pf-u-h-initial-on-xl { height: initial !important; } .pf-u-h-inherit-on-xl { height: inherit !important; } .pf-u-h-0-on-xl { height: 0% !important; } .pf-u-h-25-on-xl { height: 25% !important; } .pf-u-h-33-on-xl { height: calc(100% / 3) !important; } .pf-u-h-50-on-xl { height: 50% !important; } .pf-u-h-66-on-xl { height: calc(100% / 3 * 2) !important; } .pf-u-h-75-on-xl { height: 75% !important; } .pf-u-h-100-on-xl { height: 100% !important; } .pf-u-h-25vh-on-xl { height: 25vh !important; } .pf-u-h-33vh-on-xl { height: calc(100vh / 3) !important; } .pf-u-h-50vh-on-xl { height: 50vh !important; } .pf-u-h-66vh-on-xl { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh-on-xl { height: 75vh !important; } .pf-u-h-100vh-on-xl { height: 100vh !important; } } @media screen and (min-width: 1450px) { .pf-u-h-auto-on-2xl { height: auto !important; } .pf-u-h-initial-on-2xl { height: initial !important; } .pf-u-h-inherit-on-2xl { height: inherit !important; } .pf-u-h-0-on-2xl { height: 0% !important; } .pf-u-h-25-on-2xl { height: 25% !important; } .pf-u-h-33-on-2xl { height: calc(100% / 3) !important; } .pf-u-h-50-on-2xl { height: 50% !important; } .pf-u-h-66-on-2xl { height: calc(100% / 3 * 2) !important; } .pf-u-h-75-on-2xl { height: 75% !important; } .pf-u-h-100-on-2xl { height: 100% !important; } .pf-u-h-25vh-on-2xl { height: 25vh !important; } .pf-u-h-33vh-on-2xl { height: calc(100vh / 3) !important; } .pf-u-h-50vh-on-2xl { height: 50vh !important; } .pf-u-h-66vh-on-2xl { height: calc(100vh / 3 * 2) !important; } .pf-u-h-75vh-on-2xl { height: 75vh !important; } .pf-u-h-100vh-on-2xl { height: 100vh !important; } } .pf-u-min-width { --pf-u-min-width--MinWidth: 0; min-width: var(--pf-u-min-width--MinWidth) !important; } @media (min-width: 576px) { .pf-u-min-width { min-width: var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth)) !important; } } @media (min-width: 768px) { .pf-u-min-width { min-width: var(--pf-u-min-width--MinWidth-on-md, var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth))) !important; } } @media (min-width: 992px) { .pf-u-min-width { min-width: var(--pf-u-min-width--MinWidth-on-lg, var(--pf-u-min-width--MinWidth-on-md, var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth)))) !important; } } @media (min-width: 1200px) { .pf-u-min-width { min-width: var(--pf-u-min-width--MinWidth-on-xl, var(--pf-u-min-width--MinWidth-on-lg, var(--pf-u-min-width--MinWidth-on-md, var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth))))) !important; } } @media (min-width: 1450px) { .pf-u-min-width { min-width: var(--pf-u-min-width--MinWidth-on-2xl, var(--pf-u-min-width--MinWidth-on-xl, var(--pf-u-min-width--MinWidth-on-lg, var(--pf-u-min-width--MinWidth-on-md, var(--pf-u-min-width--MinWidth-on-sm, var(--pf-u-min-width--MinWidth)))))) !important; } } .pf-u-max-width { --pf-u-max-width--MaxWidth: auto; max-width: var(--pf-u-max-width--MaxWidth) !important; } @media (min-width: 576px) { .pf-u-max-width { max-width: var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth)) !important; } } @media (min-width: 768px) { .pf-u-max-width { max-width: var(--pf-u-max-width--MaxWidth-on-md, var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth))) !important; } } @media (min-width: 992px) { .pf-u-max-width { max-width: var(--pf-u-max-width--MaxWidth-on-lg, var(--pf-u-max-width--MaxWidth-on-md, var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth)))) !important; } } @media (min-width: 1200px) { .pf-u-max-width { max-width: var(--pf-u-max-width--MaxWidth-on-xl, var(--pf-u-max-width--MaxWidth-on-lg, var(--pf-u-max-width--MaxWidth-on-md, var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth))))) !important; } } @media (min-width: 1450px) { .pf-u-max-width { max-width: var(--pf-u-max-width--MaxWidth-on-2xl, var(--pf-u-max-width--MaxWidth-on-xl, var(--pf-u-max-width--MaxWidth-on-lg, var(--pf-u-max-width--MaxWidth-on-md, var(--pf-u-max-width--MaxWidth-on-sm, var(--pf-u-max-width--MaxWidth)))))) !important; } } .pf-u-min-height { --pf-u-min-height--MinHeight: 0; min-height: var(--pf-u-min-height--MinHeight) !important; } @media (min-width: 576px) { .pf-u-min-height { min-height: var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight)) !important; } } @media (min-width: 768px) { .pf-u-min-height { min-height: var(--pf-u-min-height--MinHeight-on-md, var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight))) !important; } } @media (min-width: 992px) { .pf-u-min-height { min-height: var(--pf-u-min-height--MinHeight-on-lg, var(--pf-u-min-height--MinHeight-on-md, var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight)))) !important; } } @media (min-width: 1200px) { .pf-u-min-height { min-height: var(--pf-u-min-height--MinHeight-on-xl, var(--pf-u-min-height--MinHeight-on-lg, var(--pf-u-min-height--MinHeight-on-md, var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight))))) !important; } } @media (min-width: 1450px) { .pf-u-min-height { min-height: var(--pf-u-min-height--MinHeight-on-2xl, var(--pf-u-min-height--MinHeight-on-xl, var(--pf-u-min-height--MinHeight-on-lg, var(--pf-u-min-height--MinHeight-on-md, var(--pf-u-min-height--MinHeight-on-sm, var(--pf-u-min-height--MinHeight)))))) !important; } } .pf-u-max-height { --pf-u-max-height--MaxHeight: auto; max-height: var(--pf-u-max-height--MaxHeight) !important; } @media (min-width: 576px) { .pf-u-max-height { max-height: var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight)) !important; } } @media (min-width: 768px) { .pf-u-max-height { max-height: var(--pf-u-max-height--MaxHeight-on-md, var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight))) !important; } } @media (min-width: 992px) { .pf-u-max-height { max-height: var(--pf-u-max-height--MaxHeight-on-lg, var(--pf-u-max-height--MaxHeight-on-md, var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight)))) !important; } } @media (min-width: 1200px) { .pf-u-max-height { max-height: var(--pf-u-max-height--MaxHeight-on-xl, var(--pf-u-max-height--MaxHeight-on-lg, var(--pf-u-max-height--MaxHeight-on-md, var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight))))) !important; } } @media (min-width: 1450px) { .pf-u-max-height { max-height: var(--pf-u-max-height--MaxHeight-on-2xl, var(--pf-u-max-height--MaxHeight-on-xl, var(--pf-u-max-height--MaxHeight-on-lg, var(--pf-u-max-height--MaxHeight-on-md, var(--pf-u-max-height--MaxHeight-on-sm, var(--pf-u-max-height--MaxHeight)))))) !important; } } .pf-u-m-auto { margin: auto !important; } .pf-u-m-0 { margin: 0 !important; } .pf-u-m-xs { margin: var(--pf-global--spacer--xs) !important; } .pf-u-m-sm { margin: var(--pf-global--spacer--sm) !important; } .pf-u-m-md { margin: var(--pf-global--spacer--md) !important; } .pf-u-m-lg { margin: var(--pf-global--spacer--lg) !important; } .pf-u-m-xl { margin: var(--pf-global--spacer--xl) !important; } .pf-u-m-2xl { margin: var(--pf-global--spacer--2xl) !important; } .pf-u-m-3xl { margin: var(--pf-global--spacer--3xl) !important; } .pf-u-m-4xl { margin: var(--pf-global--spacer--4xl) !important; } .pf-u-mt-auto { margin-top: auto !important; } .pf-u-mt-0 { margin-top: 0 !important; } .pf-u-mt-xs { margin-top: var(--pf-global--spacer--xs) !important; } .pf-u-mt-sm { margin-top: var(--pf-global--spacer--sm) !important; } .pf-u-mt-md { margin-top: var(--pf-global--spacer--md) !important; } .pf-u-mt-lg { margin-top: var(--pf-global--spacer--lg) !important; } .pf-u-mt-xl { margin-top: var(--pf-global--spacer--xl) !important; } .pf-u-mt-2xl { margin-top: var(--pf-global--spacer--2xl) !important; } .pf-u-mt-3xl { margin-top: var(--pf-global--spacer--3xl) !important; } .pf-u-mt-4xl { margin-top: var(--pf-global--spacer--4xl) !important; } .pf-u-mr-auto { margin-right: auto !important; } .pf-u-mr-0 { margin-right: 0 !important; } .pf-u-mr-xs { margin-right: var(--pf-global--spacer--xs) !important; } .pf-u-mr-sm { margin-right: var(--pf-global--spacer--sm) !important; } .pf-u-mr-md { margin-right: var(--pf-global--spacer--md) !important; } .pf-u-mr-lg { margin-right: var(--pf-global--spacer--lg) !important; } .pf-u-mr-xl { margin-right: var(--pf-global--spacer--xl) !important; } .pf-u-mr-2xl { margin-right: var(--pf-global--spacer--2xl) !important; } .pf-u-mr-3xl { margin-right: var(--pf-global--spacer--3xl) !important; } .pf-u-mr-4xl { margin-right: var(--pf-global--spacer--4xl) !important; } .pf-u-mb-auto { margin-bottom: auto !important; } .pf-u-mb-0 { margin-bottom: 0 !important; } .pf-u-mb-xs { margin-bottom: var(--pf-global--spacer--xs) !important; } .pf-u-mb-sm { margin-bottom: var(--pf-global--spacer--sm) !important; } .pf-u-mb-md { margin-bottom: var(--pf-global--spacer--md) !important; } .pf-u-mb-lg { margin-bottom: var(--pf-global--spacer--lg) !important; } .pf-u-mb-xl { margin-bottom: var(--pf-global--spacer--xl) !important; } .pf-u-mb-2xl { margin-bottom: var(--pf-global--spacer--2xl) !important; } .pf-u-mb-3xl { margin-bottom: var(--pf-global--spacer--3xl) !important; } .pf-u-mb-4xl { margin-bottom: var(--pf-global--spacer--4xl) !important; } .pf-u-ml-auto { margin-left: auto !important; } .pf-u-ml-0 { margin-left: 0 !important; } .pf-u-ml-xs { margin-left: var(--pf-global--spacer--xs) !important; } .pf-u-ml-sm { margin-left: var(--pf-global--spacer--sm) !important; } .pf-u-ml-md { margin-left: var(--pf-global--spacer--md) !important; } .pf-u-ml-lg { margin-left: var(--pf-global--spacer--lg) !important; } .pf-u-ml-xl { margin-left: var(--pf-global--spacer--xl) !important; } .pf-u-ml-2xl { margin-left: var(--pf-global--spacer--2xl) !important; } .pf-u-ml-3xl { margin-left: var(--pf-global--spacer--3xl) !important; } .pf-u-ml-4xl { margin-left: var(--pf-global--spacer--4xl) !important; } .pf-u-mx-auto { margin-right: auto !important; margin-left: auto !important; } .pf-u-mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .pf-u-mx-xs { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } .pf-u-mx-sm { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } .pf-u-mx-md { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } .pf-u-mx-lg { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } .pf-u-mx-xl { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } .pf-u-mx-2xl { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } .pf-u-mx-3xl { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } .pf-u-mx-4xl { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } .pf-u-my-auto { margin-top: auto !important; margin-bottom: auto !important; } .pf-u-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pf-u-my-xs { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } .pf-u-my-sm { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } .pf-u-my-md { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } .pf-u-my-lg { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } .pf-u-my-xl { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } .pf-u-my-2xl { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } .pf-u-my-3xl { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } .pf-u-my-4xl { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } .pf-u-p-auto { padding: auto !important; } .pf-u-p-0 { padding: 0 !important; } .pf-u-p-xs { padding: var(--pf-global--spacer--xs) !important; } .pf-u-p-sm { padding: var(--pf-global--spacer--sm) !important; } .pf-u-p-md { padding: var(--pf-global--spacer--md) !important; } .pf-u-p-lg { padding: var(--pf-global--spacer--lg) !important; } .pf-u-p-xl { padding: var(--pf-global--spacer--xl) !important; } .pf-u-p-2xl { padding: var(--pf-global--spacer--2xl) !important; } .pf-u-p-3xl { padding: var(--pf-global--spacer--3xl) !important; } .pf-u-p-4xl { padding: var(--pf-global--spacer--4xl) !important; } .pf-u-pt-auto { padding-top: auto !important; } .pf-u-pt-0 { padding-top: 0 !important; } .pf-u-pt-xs { padding-top: var(--pf-global--spacer--xs) !important; } .pf-u-pt-sm { padding-top: var(--pf-global--spacer--sm) !important; } .pf-u-pt-md { padding-top: var(--pf-global--spacer--md) !important; } .pf-u-pt-lg { padding-top: var(--pf-global--spacer--lg) !important; } .pf-u-pt-xl { padding-top: var(--pf-global--spacer--xl) !important; } .pf-u-pt-2xl { padding-top: var(--pf-global--spacer--2xl) !important; } .pf-u-pt-3xl { padding-top: var(--pf-global--spacer--3xl) !important; } .pf-u-pt-4xl { padding-top: var(--pf-global--spacer--4xl) !important; } .pf-u-pr-auto { padding-right: auto !important; } .pf-u-pr-0 { padding-right: 0 !important; } .pf-u-pr-xs { padding-right: var(--pf-global--spacer--xs) !important; } .pf-u-pr-sm { padding-right: var(--pf-global--spacer--sm) !important; } .pf-u-pr-md { padding-right: var(--pf-global--spacer--md) !important; } .pf-u-pr-lg { padding-right: var(--pf-global--spacer--lg) !important; } .pf-u-pr-xl { padding-right: var(--pf-global--spacer--xl) !important; } .pf-u-pr-2xl { padding-right: var(--pf-global--spacer--2xl) !important; } .pf-u-pr-3xl { padding-right: var(--pf-global--spacer--3xl) !important; } .pf-u-pr-4xl { padding-right: var(--pf-global--spacer--4xl) !important; } .pf-u-pb-auto { padding-bottom: auto !important; } .pf-u-pb-0 { padding-bottom: 0 !important; } .pf-u-pb-xs { padding-bottom: var(--pf-global--spacer--xs) !important; } .pf-u-pb-sm { padding-bottom: var(--pf-global--spacer--sm) !important; } .pf-u-pb-md { padding-bottom: var(--pf-global--spacer--md) !important; } .pf-u-pb-lg { padding-bottom: var(--pf-global--spacer--lg) !important; } .pf-u-pb-xl { padding-bottom: var(--pf-global--spacer--xl) !important; } .pf-u-pb-2xl { padding-bottom: var(--pf-global--spacer--2xl) !important; } .pf-u-pb-3xl { padding-bottom: var(--pf-global--spacer--3xl) !important; } .pf-u-pb-4xl { padding-bottom: var(--pf-global--spacer--4xl) !important; } .pf-u-pl-auto { padding-left: auto !important; } .pf-u-pl-0 { padding-left: 0 !important; } .pf-u-pl-xs { padding-left: var(--pf-global--spacer--xs) !important; } .pf-u-pl-sm { padding-left: var(--pf-global--spacer--sm) !important; } .pf-u-pl-md { padding-left: var(--pf-global--spacer--md) !important; } .pf-u-pl-lg { padding-left: var(--pf-global--spacer--lg) !important; } .pf-u-pl-xl { padding-left: var(--pf-global--spacer--xl) !important; } .pf-u-pl-2xl { padding-left: var(--pf-global--spacer--2xl) !important; } .pf-u-pl-3xl { padding-left: var(--pf-global--spacer--3xl) !important; } .pf-u-pl-4xl { padding-left: var(--pf-global--spacer--4xl) !important; } .pf-u-px-auto { padding-right: auto !important; padding-left: auto !important; } .pf-u-px-0 { padding-right: 0 !important; padding-left: 0 !important; } .pf-u-px-xs { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } .pf-u-px-sm { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } .pf-u-px-md { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } .pf-u-px-lg { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } .pf-u-px-xl { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } .pf-u-px-2xl { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } .pf-u-px-3xl { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } .pf-u-px-4xl { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } .pf-u-py-auto { padding-top: auto !important; padding-bottom: auto !important; } .pf-u-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pf-u-py-xs { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } .pf-u-py-sm { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } .pf-u-py-md { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } .pf-u-py-lg { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } .pf-u-py-xl { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } .pf-u-py-2xl { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } .pf-u-py-3xl { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } .pf-u-py-4xl { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } @media screen and (min-width: 576px) { .pf-u-m-auto-on-sm { margin: auto !important; } } @media screen and (min-width: 576px) { .pf-u-m-0-on-sm { margin: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-m-xs-on-sm { margin: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-m-sm-on-sm { margin: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-m-md-on-sm { margin: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-m-lg-on-sm { margin: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-m-xl-on-sm { margin: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-m-2xl-on-sm { margin: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-m-3xl-on-sm { margin: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-m-4xl-on-sm { margin: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-auto-on-sm { margin-top: auto !important; } } @media screen and (min-width: 576px) { .pf-u-mt-0-on-sm { margin-top: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-mt-xs-on-sm { margin-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-sm-on-sm { margin-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-md-on-sm { margin-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-lg-on-sm { margin-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-xl-on-sm { margin-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-2xl-on-sm { margin-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-3xl-on-sm { margin-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mt-4xl-on-sm { margin-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-auto-on-sm { margin-right: auto !important; } } @media screen and (min-width: 576px) { .pf-u-mr-0-on-sm { margin-right: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-mr-xs-on-sm { margin-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-sm-on-sm { margin-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-md-on-sm { margin-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-lg-on-sm { margin-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-xl-on-sm { margin-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-2xl-on-sm { margin-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-3xl-on-sm { margin-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mr-4xl-on-sm { margin-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-auto-on-sm { margin-bottom: auto !important; } } @media screen and (min-width: 576px) { .pf-u-mb-0-on-sm { margin-bottom: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-mb-xs-on-sm { margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-sm-on-sm { margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-md-on-sm { margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-lg-on-sm { margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-xl-on-sm { margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-2xl-on-sm { margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-3xl-on-sm { margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mb-4xl-on-sm { margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-auto-on-sm { margin-left: auto !important; } } @media screen and (min-width: 576px) { .pf-u-ml-0-on-sm { margin-left: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-ml-xs-on-sm { margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-sm-on-sm { margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-md-on-sm { margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-lg-on-sm { margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-xl-on-sm { margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-2xl-on-sm { margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-3xl-on-sm { margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-ml-4xl-on-sm { margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-auto-on-sm { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 576px) { .pf-u-mx-0-on-sm { margin-right: 0 !important; margin-left: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-mx-xs-on-sm { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-sm-on-sm { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-md-on-sm { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-lg-on-sm { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-xl-on-sm { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-2xl-on-sm { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-3xl-on-sm { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-mx-4xl-on-sm { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-my-auto-on-sm { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 576px) { .pf-u-my-0-on-sm { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-my-xs-on-sm { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-my-sm-on-sm { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-my-md-on-sm { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-my-lg-on-sm { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-my-xl-on-sm { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-my-2xl-on-sm { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-my-3xl-on-sm { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-my-4xl-on-sm { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-p-auto-on-sm { padding: auto !important; } } @media screen and (min-width: 576px) { .pf-u-p-0-on-sm { padding: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-p-xs-on-sm { padding: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-p-sm-on-sm { padding: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-p-md-on-sm { padding: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-p-lg-on-sm { padding: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-p-xl-on-sm { padding: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-p-2xl-on-sm { padding: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-p-3xl-on-sm { padding: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-p-4xl-on-sm { padding: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-auto-on-sm { padding-top: auto !important; } } @media screen and (min-width: 576px) { .pf-u-pt-0-on-sm { padding-top: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-pt-xs-on-sm { padding-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-sm-on-sm { padding-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-md-on-sm { padding-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-lg-on-sm { padding-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-xl-on-sm { padding-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-2xl-on-sm { padding-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-3xl-on-sm { padding-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pt-4xl-on-sm { padding-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-auto-on-sm { padding-right: auto !important; } } @media screen and (min-width: 576px) { .pf-u-pr-0-on-sm { padding-right: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-pr-xs-on-sm { padding-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-sm-on-sm { padding-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-md-on-sm { padding-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-lg-on-sm { padding-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-xl-on-sm { padding-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-2xl-on-sm { padding-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-3xl-on-sm { padding-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pr-4xl-on-sm { padding-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-auto-on-sm { padding-bottom: auto !important; } } @media screen and (min-width: 576px) { .pf-u-pb-0-on-sm { padding-bottom: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-pb-xs-on-sm { padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-sm-on-sm { padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-md-on-sm { padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-lg-on-sm { padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-xl-on-sm { padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-2xl-on-sm { padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-3xl-on-sm { padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pb-4xl-on-sm { padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-auto-on-sm { padding-left: auto !important; } } @media screen and (min-width: 576px) { .pf-u-pl-0-on-sm { padding-left: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-pl-xs-on-sm { padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-sm-on-sm { padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-md-on-sm { padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-lg-on-sm { padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-xl-on-sm { padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-2xl-on-sm { padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-3xl-on-sm { padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-pl-4xl-on-sm { padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-px-auto-on-sm { padding-right: auto !important; padding-left: auto !important; } } @media screen and (min-width: 576px) { .pf-u-px-0-on-sm { padding-right: 0 !important; padding-left: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-px-xs-on-sm { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-px-sm-on-sm { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-px-md-on-sm { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-px-lg-on-sm { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-px-xl-on-sm { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-px-2xl-on-sm { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-px-3xl-on-sm { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-px-4xl-on-sm { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 576px) { .pf-u-py-auto-on-sm { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 576px) { .pf-u-py-0-on-sm { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 576px) { .pf-u-py-xs-on-sm { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 576px) { .pf-u-py-sm-on-sm { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 576px) { .pf-u-py-md-on-sm { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 576px) { .pf-u-py-lg-on-sm { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 576px) { .pf-u-py-xl-on-sm { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 576px) { .pf-u-py-2xl-on-sm { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 576px) { .pf-u-py-3xl-on-sm { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 576px) { .pf-u-py-4xl-on-sm { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-m-auto-on-md { margin: auto !important; } } @media screen and (min-width: 768px) { .pf-u-m-0-on-md { margin: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-m-xs-on-md { margin: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-m-sm-on-md { margin: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-m-md-on-md { margin: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-m-lg-on-md { margin: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-m-xl-on-md { margin: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-m-2xl-on-md { margin: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-m-3xl-on-md { margin: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-m-4xl-on-md { margin: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-auto-on-md { margin-top: auto !important; } } @media screen and (min-width: 768px) { .pf-u-mt-0-on-md { margin-top: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-mt-xs-on-md { margin-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-sm-on-md { margin-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-md-on-md { margin-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-lg-on-md { margin-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-xl-on-md { margin-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-2xl-on-md { margin-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-3xl-on-md { margin-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mt-4xl-on-md { margin-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-auto-on-md { margin-right: auto !important; } } @media screen and (min-width: 768px) { .pf-u-mr-0-on-md { margin-right: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-mr-xs-on-md { margin-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-sm-on-md { margin-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-md-on-md { margin-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-lg-on-md { margin-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-xl-on-md { margin-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-2xl-on-md { margin-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-3xl-on-md { margin-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mr-4xl-on-md { margin-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-auto-on-md { margin-bottom: auto !important; } } @media screen and (min-width: 768px) { .pf-u-mb-0-on-md { margin-bottom: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-mb-xs-on-md { margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-sm-on-md { margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-md-on-md { margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-lg-on-md { margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-xl-on-md { margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-2xl-on-md { margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-3xl-on-md { margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mb-4xl-on-md { margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-auto-on-md { margin-left: auto !important; } } @media screen and (min-width: 768px) { .pf-u-ml-0-on-md { margin-left: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-ml-xs-on-md { margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-sm-on-md { margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-md-on-md { margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-lg-on-md { margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-xl-on-md { margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-2xl-on-md { margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-3xl-on-md { margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-ml-4xl-on-md { margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-auto-on-md { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 768px) { .pf-u-mx-0-on-md { margin-right: 0 !important; margin-left: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-mx-xs-on-md { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-sm-on-md { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-md-on-md { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-lg-on-md { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-xl-on-md { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-2xl-on-md { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-3xl-on-md { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-mx-4xl-on-md { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-my-auto-on-md { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 768px) { .pf-u-my-0-on-md { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-my-xs-on-md { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-my-sm-on-md { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-my-md-on-md { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-my-lg-on-md { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-my-xl-on-md { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-my-2xl-on-md { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-my-3xl-on-md { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-my-4xl-on-md { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-p-auto-on-md { padding: auto !important; } } @media screen and (min-width: 768px) { .pf-u-p-0-on-md { padding: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-p-xs-on-md { padding: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-p-sm-on-md { padding: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-p-md-on-md { padding: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-p-lg-on-md { padding: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-p-xl-on-md { padding: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-p-2xl-on-md { padding: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-p-3xl-on-md { padding: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-p-4xl-on-md { padding: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-auto-on-md { padding-top: auto !important; } } @media screen and (min-width: 768px) { .pf-u-pt-0-on-md { padding-top: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-pt-xs-on-md { padding-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-sm-on-md { padding-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-md-on-md { padding-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-lg-on-md { padding-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-xl-on-md { padding-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-2xl-on-md { padding-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-3xl-on-md { padding-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pt-4xl-on-md { padding-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-auto-on-md { padding-right: auto !important; } } @media screen and (min-width: 768px) { .pf-u-pr-0-on-md { padding-right: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-pr-xs-on-md { padding-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-sm-on-md { padding-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-md-on-md { padding-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-lg-on-md { padding-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-xl-on-md { padding-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-2xl-on-md { padding-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-3xl-on-md { padding-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pr-4xl-on-md { padding-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-auto-on-md { padding-bottom: auto !important; } } @media screen and (min-width: 768px) { .pf-u-pb-0-on-md { padding-bottom: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-pb-xs-on-md { padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-sm-on-md { padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-md-on-md { padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-lg-on-md { padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-xl-on-md { padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-2xl-on-md { padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-3xl-on-md { padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pb-4xl-on-md { padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-auto-on-md { padding-left: auto !important; } } @media screen and (min-width: 768px) { .pf-u-pl-0-on-md { padding-left: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-pl-xs-on-md { padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-sm-on-md { padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-md-on-md { padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-lg-on-md { padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-xl-on-md { padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-2xl-on-md { padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-3xl-on-md { padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-pl-4xl-on-md { padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-px-auto-on-md { padding-right: auto !important; padding-left: auto !important; } } @media screen and (min-width: 768px) { .pf-u-px-0-on-md { padding-right: 0 !important; padding-left: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-px-xs-on-md { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-px-sm-on-md { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-px-md-on-md { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-px-lg-on-md { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-px-xl-on-md { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-px-2xl-on-md { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-px-3xl-on-md { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-px-4xl-on-md { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-py-auto-on-md { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 768px) { .pf-u-py-0-on-md { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 768px) { .pf-u-py-xs-on-md { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 768px) { .pf-u-py-sm-on-md { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 768px) { .pf-u-py-md-on-md { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 768px) { .pf-u-py-lg-on-md { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 768px) { .pf-u-py-xl-on-md { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 768px) { .pf-u-py-2xl-on-md { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 768px) { .pf-u-py-3xl-on-md { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 768px) { .pf-u-py-4xl-on-md { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-m-auto-on-lg { margin: auto !important; } } @media screen and (min-width: 992px) { .pf-u-m-0-on-lg { margin: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-m-xs-on-lg { margin: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-m-sm-on-lg { margin: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-m-md-on-lg { margin: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-m-lg-on-lg { margin: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-m-xl-on-lg { margin: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-m-2xl-on-lg { margin: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-m-3xl-on-lg { margin: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-m-4xl-on-lg { margin: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-auto-on-lg { margin-top: auto !important; } } @media screen and (min-width: 992px) { .pf-u-mt-0-on-lg { margin-top: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-mt-xs-on-lg { margin-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-sm-on-lg { margin-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-md-on-lg { margin-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-lg-on-lg { margin-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-xl-on-lg { margin-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-2xl-on-lg { margin-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-3xl-on-lg { margin-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mt-4xl-on-lg { margin-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-auto-on-lg { margin-right: auto !important; } } @media screen and (min-width: 992px) { .pf-u-mr-0-on-lg { margin-right: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-mr-xs-on-lg { margin-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-sm-on-lg { margin-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-md-on-lg { margin-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-lg-on-lg { margin-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-xl-on-lg { margin-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-2xl-on-lg { margin-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-3xl-on-lg { margin-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mr-4xl-on-lg { margin-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-auto-on-lg { margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .pf-u-mb-0-on-lg { margin-bottom: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-mb-xs-on-lg { margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-sm-on-lg { margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-md-on-lg { margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-lg-on-lg { margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-xl-on-lg { margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-2xl-on-lg { margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-3xl-on-lg { margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mb-4xl-on-lg { margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-auto-on-lg { margin-left: auto !important; } } @media screen and (min-width: 992px) { .pf-u-ml-0-on-lg { margin-left: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-ml-xs-on-lg { margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-sm-on-lg { margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-md-on-lg { margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-lg-on-lg { margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-xl-on-lg { margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-2xl-on-lg { margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-3xl-on-lg { margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-ml-4xl-on-lg { margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-auto-on-lg { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 992px) { .pf-u-mx-0-on-lg { margin-right: 0 !important; margin-left: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-mx-xs-on-lg { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-sm-on-lg { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-md-on-lg { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-lg-on-lg { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-xl-on-lg { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-2xl-on-lg { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-3xl-on-lg { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-mx-4xl-on-lg { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-my-auto-on-lg { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .pf-u-my-0-on-lg { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-my-xs-on-lg { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-my-sm-on-lg { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-my-md-on-lg { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-my-lg-on-lg { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-my-xl-on-lg { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-my-2xl-on-lg { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-my-3xl-on-lg { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-my-4xl-on-lg { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-p-auto-on-lg { padding: auto !important; } } @media screen and (min-width: 992px) { .pf-u-p-0-on-lg { padding: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-p-xs-on-lg { padding: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-p-sm-on-lg { padding: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-p-md-on-lg { padding: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-p-lg-on-lg { padding: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-p-xl-on-lg { padding: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-p-2xl-on-lg { padding: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-p-3xl-on-lg { padding: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-p-4xl-on-lg { padding: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-auto-on-lg { padding-top: auto !important; } } @media screen and (min-width: 992px) { .pf-u-pt-0-on-lg { padding-top: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-pt-xs-on-lg { padding-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-sm-on-lg { padding-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-md-on-lg { padding-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-lg-on-lg { padding-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-xl-on-lg { padding-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-2xl-on-lg { padding-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-3xl-on-lg { padding-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pt-4xl-on-lg { padding-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-auto-on-lg { padding-right: auto !important; } } @media screen and (min-width: 992px) { .pf-u-pr-0-on-lg { padding-right: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-pr-xs-on-lg { padding-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-sm-on-lg { padding-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-md-on-lg { padding-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-lg-on-lg { padding-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-xl-on-lg { padding-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-2xl-on-lg { padding-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-3xl-on-lg { padding-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pr-4xl-on-lg { padding-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-auto-on-lg { padding-bottom: auto !important; } } @media screen and (min-width: 992px) { .pf-u-pb-0-on-lg { padding-bottom: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-pb-xs-on-lg { padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-sm-on-lg { padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-md-on-lg { padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-lg-on-lg { padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-xl-on-lg { padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-2xl-on-lg { padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-3xl-on-lg { padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pb-4xl-on-lg { padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-auto-on-lg { padding-left: auto !important; } } @media screen and (min-width: 992px) { .pf-u-pl-0-on-lg { padding-left: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-pl-xs-on-lg { padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-sm-on-lg { padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-md-on-lg { padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-lg-on-lg { padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-xl-on-lg { padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-2xl-on-lg { padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-3xl-on-lg { padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-pl-4xl-on-lg { padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-px-auto-on-lg { padding-right: auto !important; padding-left: auto !important; } } @media screen and (min-width: 992px) { .pf-u-px-0-on-lg { padding-right: 0 !important; padding-left: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-px-xs-on-lg { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-px-sm-on-lg { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-px-md-on-lg { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-px-lg-on-lg { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-px-xl-on-lg { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-px-2xl-on-lg { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-px-3xl-on-lg { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-px-4xl-on-lg { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-py-auto-on-lg { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 992px) { .pf-u-py-0-on-lg { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 992px) { .pf-u-py-xs-on-lg { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 992px) { .pf-u-py-sm-on-lg { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 992px) { .pf-u-py-md-on-lg { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 992px) { .pf-u-py-lg-on-lg { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 992px) { .pf-u-py-xl-on-lg { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 992px) { .pf-u-py-2xl-on-lg { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 992px) { .pf-u-py-3xl-on-lg { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 992px) { .pf-u-py-4xl-on-lg { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-auto-on-xl { margin: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-m-0-on-xl { margin: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-m-xs-on-xl { margin: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-sm-on-xl { margin: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-md-on-xl { margin: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-lg-on-xl { margin: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-xl-on-xl { margin: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-2xl-on-xl { margin: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-3xl-on-xl { margin: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-m-4xl-on-xl { margin: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-auto-on-xl { margin-top: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-0-on-xl { margin-top: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-xs-on-xl { margin-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-sm-on-xl { margin-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-md-on-xl { margin-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-lg-on-xl { margin-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-xl-on-xl { margin-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-2xl-on-xl { margin-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-3xl-on-xl { margin-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mt-4xl-on-xl { margin-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-auto-on-xl { margin-right: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-0-on-xl { margin-right: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-xs-on-xl { margin-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-sm-on-xl { margin-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-md-on-xl { margin-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-lg-on-xl { margin-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-xl-on-xl { margin-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-2xl-on-xl { margin-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-3xl-on-xl { margin-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mr-4xl-on-xl { margin-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-auto-on-xl { margin-bottom: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-0-on-xl { margin-bottom: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-xs-on-xl { margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-sm-on-xl { margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-md-on-xl { margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-lg-on-xl { margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-xl-on-xl { margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-2xl-on-xl { margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-3xl-on-xl { margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mb-4xl-on-xl { margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-auto-on-xl { margin-left: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-0-on-xl { margin-left: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-xs-on-xl { margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-sm-on-xl { margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-md-on-xl { margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-lg-on-xl { margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-xl-on-xl { margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-2xl-on-xl { margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-3xl-on-xl { margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-ml-4xl-on-xl { margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-auto-on-xl { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-0-on-xl { margin-right: 0 !important; margin-left: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-xs-on-xl { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-sm-on-xl { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-md-on-xl { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-lg-on-xl { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-xl-on-xl { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-2xl-on-xl { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-3xl-on-xl { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-mx-4xl-on-xl { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-auto-on-xl { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-my-0-on-xl { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-my-xs-on-xl { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-sm-on-xl { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-md-on-xl { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-lg-on-xl { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-xl-on-xl { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-2xl-on-xl { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-3xl-on-xl { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-my-4xl-on-xl { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-auto-on-xl { padding: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-p-0-on-xl { padding: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-p-xs-on-xl { padding: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-sm-on-xl { padding: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-md-on-xl { padding: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-lg-on-xl { padding: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-xl-on-xl { padding: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-2xl-on-xl { padding: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-3xl-on-xl { padding: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-p-4xl-on-xl { padding: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-auto-on-xl { padding-top: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-0-on-xl { padding-top: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-xs-on-xl { padding-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-sm-on-xl { padding-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-md-on-xl { padding-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-lg-on-xl { padding-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-xl-on-xl { padding-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-2xl-on-xl { padding-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-3xl-on-xl { padding-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pt-4xl-on-xl { padding-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-auto-on-xl { padding-right: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-0-on-xl { padding-right: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-xs-on-xl { padding-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-sm-on-xl { padding-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-md-on-xl { padding-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-lg-on-xl { padding-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-xl-on-xl { padding-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-2xl-on-xl { padding-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-3xl-on-xl { padding-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pr-4xl-on-xl { padding-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-auto-on-xl { padding-bottom: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-0-on-xl { padding-bottom: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-xs-on-xl { padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-sm-on-xl { padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-md-on-xl { padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-lg-on-xl { padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-xl-on-xl { padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-2xl-on-xl { padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-3xl-on-xl { padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pb-4xl-on-xl { padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-auto-on-xl { padding-left: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-0-on-xl { padding-left: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-xs-on-xl { padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-sm-on-xl { padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-md-on-xl { padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-lg-on-xl { padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-xl-on-xl { padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-2xl-on-xl { padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-3xl-on-xl { padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-pl-4xl-on-xl { padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-auto-on-xl { padding-right: auto !important; padding-left: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-px-0-on-xl { padding-right: 0 !important; padding-left: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-px-xs-on-xl { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-sm-on-xl { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-md-on-xl { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-lg-on-xl { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-xl-on-xl { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-2xl-on-xl { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-3xl-on-xl { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-px-4xl-on-xl { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-auto-on-xl { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 1200px) { .pf-u-py-0-on-xl { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 1200px) { .pf-u-py-xs-on-xl { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-sm-on-xl { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-md-on-xl { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-lg-on-xl { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-xl-on-xl { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-2xl-on-xl { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-3xl-on-xl { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-py-4xl-on-xl { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-auto-on-2xl { margin: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-m-0-on-2xl { margin: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-m-xs-on-2xl { margin: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-sm-on-2xl { margin: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-md-on-2xl { margin: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-lg-on-2xl { margin: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-xl-on-2xl { margin: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-2xl-on-2xl { margin: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-3xl-on-2xl { margin: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-m-4xl-on-2xl { margin: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-auto-on-2xl { margin-top: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-0-on-2xl { margin-top: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-xs-on-2xl { margin-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-sm-on-2xl { margin-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-md-on-2xl { margin-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-lg-on-2xl { margin-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-xl-on-2xl { margin-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-2xl-on-2xl { margin-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-3xl-on-2xl { margin-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mt-4xl-on-2xl { margin-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-auto-on-2xl { margin-right: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-0-on-2xl { margin-right: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-xs-on-2xl { margin-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-sm-on-2xl { margin-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-md-on-2xl { margin-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-lg-on-2xl { margin-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-xl-on-2xl { margin-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-2xl-on-2xl { margin-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-3xl-on-2xl { margin-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mr-4xl-on-2xl { margin-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-auto-on-2xl { margin-bottom: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-0-on-2xl { margin-bottom: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-xs-on-2xl { margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-sm-on-2xl { margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-md-on-2xl { margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-lg-on-2xl { margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-xl-on-2xl { margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-2xl-on-2xl { margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-3xl-on-2xl { margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mb-4xl-on-2xl { margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-auto-on-2xl { margin-left: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-0-on-2xl { margin-left: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-xs-on-2xl { margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-sm-on-2xl { margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-md-on-2xl { margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-lg-on-2xl { margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-xl-on-2xl { margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-2xl-on-2xl { margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-3xl-on-2xl { margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-ml-4xl-on-2xl { margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-auto-on-2xl { margin-right: auto !important; margin-left: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-0-on-2xl { margin-right: 0 !important; margin-left: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-xs-on-2xl { margin-right: var(--pf-global--spacer--xs) !important; margin-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-sm-on-2xl { margin-right: var(--pf-global--spacer--sm) !important; margin-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-md-on-2xl { margin-right: var(--pf-global--spacer--md) !important; margin-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-lg-on-2xl { margin-right: var(--pf-global--spacer--lg) !important; margin-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-xl-on-2xl { margin-right: var(--pf-global--spacer--xl) !important; margin-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-2xl-on-2xl { margin-right: var(--pf-global--spacer--2xl) !important; margin-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-3xl-on-2xl { margin-right: var(--pf-global--spacer--3xl) !important; margin-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-mx-4xl-on-2xl { margin-right: var(--pf-global--spacer--4xl) !important; margin-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-auto-on-2xl { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-my-0-on-2xl { margin-top: 0 !important; margin-bottom: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-my-xs-on-2xl { margin-top: var(--pf-global--spacer--xs) !important; margin-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-sm-on-2xl { margin-top: var(--pf-global--spacer--sm) !important; margin-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-md-on-2xl { margin-top: var(--pf-global--spacer--md) !important; margin-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-lg-on-2xl { margin-top: var(--pf-global--spacer--lg) !important; margin-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-xl-on-2xl { margin-top: var(--pf-global--spacer--xl) !important; margin-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-2xl-on-2xl { margin-top: var(--pf-global--spacer--2xl) !important; margin-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-3xl-on-2xl { margin-top: var(--pf-global--spacer--3xl) !important; margin-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-my-4xl-on-2xl { margin-top: var(--pf-global--spacer--4xl) !important; margin-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-auto-on-2xl { padding: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-p-0-on-2xl { padding: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-p-xs-on-2xl { padding: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-sm-on-2xl { padding: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-md-on-2xl { padding: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-lg-on-2xl { padding: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-xl-on-2xl { padding: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-2xl-on-2xl { padding: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-3xl-on-2xl { padding: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-p-4xl-on-2xl { padding: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-auto-on-2xl { padding-top: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-0-on-2xl { padding-top: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-xs-on-2xl { padding-top: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-sm-on-2xl { padding-top: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-md-on-2xl { padding-top: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-lg-on-2xl { padding-top: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-xl-on-2xl { padding-top: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-2xl-on-2xl { padding-top: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-3xl-on-2xl { padding-top: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pt-4xl-on-2xl { padding-top: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-auto-on-2xl { padding-right: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-0-on-2xl { padding-right: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-xs-on-2xl { padding-right: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-sm-on-2xl { padding-right: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-md-on-2xl { padding-right: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-lg-on-2xl { padding-right: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-xl-on-2xl { padding-right: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-2xl-on-2xl { padding-right: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-3xl-on-2xl { padding-right: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pr-4xl-on-2xl { padding-right: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-auto-on-2xl { padding-bottom: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-0-on-2xl { padding-bottom: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-xs-on-2xl { padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-sm-on-2xl { padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-md-on-2xl { padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-lg-on-2xl { padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-xl-on-2xl { padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-2xl-on-2xl { padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-3xl-on-2xl { padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pb-4xl-on-2xl { padding-bottom: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-auto-on-2xl { padding-left: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-0-on-2xl { padding-left: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-xs-on-2xl { padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-sm-on-2xl { padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-md-on-2xl { padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-lg-on-2xl { padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-xl-on-2xl { padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-2xl-on-2xl { padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-3xl-on-2xl { padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-pl-4xl-on-2xl { padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-auto-on-2xl { padding-right: auto !important; padding-left: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-px-0-on-2xl { padding-right: 0 !important; padding-left: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-px-xs-on-2xl { padding-right: var(--pf-global--spacer--xs) !important; padding-left: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-sm-on-2xl { padding-right: var(--pf-global--spacer--sm) !important; padding-left: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-md-on-2xl { padding-right: var(--pf-global--spacer--md) !important; padding-left: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-lg-on-2xl { padding-right: var(--pf-global--spacer--lg) !important; padding-left: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-xl-on-2xl { padding-right: var(--pf-global--spacer--xl) !important; padding-left: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-2xl-on-2xl { padding-right: var(--pf-global--spacer--2xl) !important; padding-left: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-3xl-on-2xl { padding-right: var(--pf-global--spacer--3xl) !important; padding-left: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-px-4xl-on-2xl { padding-right: var(--pf-global--spacer--4xl) !important; padding-left: var(--pf-global--spacer--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-auto-on-2xl { padding-top: auto !important; padding-bottom: auto !important; } } @media screen and (min-width: 1450px) { .pf-u-py-0-on-2xl { padding-top: 0 !important; padding-bottom: 0 !important; } } @media screen and (min-width: 1450px) { .pf-u-py-xs-on-2xl { padding-top: var(--pf-global--spacer--xs) !important; padding-bottom: var(--pf-global--spacer--xs) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-sm-on-2xl { padding-top: var(--pf-global--spacer--sm) !important; padding-bottom: var(--pf-global--spacer--sm) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-md-on-2xl { padding-top: var(--pf-global--spacer--md) !important; padding-bottom: var(--pf-global--spacer--md) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-lg-on-2xl { padding-top: var(--pf-global--spacer--lg) !important; padding-bottom: var(--pf-global--spacer--lg) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-xl-on-2xl { padding-top: var(--pf-global--spacer--xl) !important; padding-bottom: var(--pf-global--spacer--xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-2xl-on-2xl { padding-top: var(--pf-global--spacer--2xl) !important; padding-bottom: var(--pf-global--spacer--2xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-3xl-on-2xl { padding-top: var(--pf-global--spacer--3xl) !important; padding-bottom: var(--pf-global--spacer--3xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-py-4xl-on-2xl { padding-top: var(--pf-global--spacer--4xl) !important; padding-bottom: var(--pf-global--spacer--4xl) !important; } } .pf-u-font-size-xs { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl { font-size: var(--pf-global--FontSize--4xl) !important; } @media screen and (min-width: 576px) { .pf-u-font-size-xs-on-sm { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-sm { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-sm { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-sm { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-sm { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-sm { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-sm { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-sm { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 768px) { .pf-u-font-size-xs-on-md { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-md { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-md { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-md { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-md { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-md { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-md { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-md { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 992px) { .pf-u-font-size-xs-on-lg { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-lg { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-lg { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-lg { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-lg { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-lg { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-lg { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-lg { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 1200px) { .pf-u-font-size-xs-on-xl { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-xl { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-xl { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-xl { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-xl { font-size: var(--pf-global--FontSize--4xl) !important; } } @media screen and (min-width: 1450px) { .pf-u-font-size-xs-on-2xl { font-size: var(--pf-global--FontSize--xs) !important; } .pf-u-font-size-sm-on-2xl { font-size: var(--pf-global--FontSize--sm) !important; } .pf-u-font-size-md-on-2xl { font-size: var(--pf-global--FontSize--md) !important; } .pf-u-font-size-lg-on-2xl { font-size: var(--pf-global--FontSize--lg) !important; } .pf-u-font-size-xl-on-2xl { font-size: var(--pf-global--FontSize--xl) !important; } .pf-u-font-size-2xl-on-2xl { font-size: var(--pf-global--FontSize--2xl) !important; } .pf-u-font-size-3xl-on-2xl { font-size: var(--pf-global--FontSize--3xl) !important; } .pf-u-font-size-4xl-on-2xl { font-size: var(--pf-global--FontSize--4xl) !important; } } .pf-u-font-weight-light { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold { font-weight: var(--pf-global--FontWeight--bold) !important; } @media screen and (min-width: 576px) { .pf-u-font-weight-light-on-sm { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-sm { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-sm { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 768px) { .pf-u-font-weight-light-on-md { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-md { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-md { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 992px) { .pf-u-font-weight-light-on-lg { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-lg { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-lg { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 1200px) { .pf-u-font-weight-light-on-xl { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-xl { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-xl { font-weight: var(--pf-global--FontWeight--bold) !important; } } @media screen and (min-width: 1450px) { .pf-u-font-weight-light-on-2xl { font-weight: var(--pf-global--FontWeight--light) !important; } .pf-u-font-weight-normal-on-2xl { font-weight: var(--pf-global--FontWeight--normal) !important; } .pf-u-font-weight-bold-on-2xl { font-weight: var(--pf-global--FontWeight--bold) !important; } } .pf-u-color-100 { color: var(--pf-global--Color--100) !important; } .pf-u-color-200 { color: var(--pf-global--Color--200) !important; } .pf-u-color-300 { color: var(--pf-global--Color--300) !important; } .pf-u-color-400 { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100 { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400 { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100 { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100 { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200 { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100 { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200 { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300 { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100 { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200 { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100 { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200 { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100 { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200 { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100 { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200 { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300 { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100 { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200 { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark { color: var(--pf-global--icon--Color--dark) !important; } @media screen and (min-width: 576px) { .pf-u-color-100-on-sm { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-sm { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-sm { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-sm { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-sm { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-sm { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-sm { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-sm { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-sm { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-sm { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-sm { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-sm { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-sm { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-sm { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-sm { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-sm { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-sm { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-sm { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-sm { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-sm { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-sm { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-sm { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-sm { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-sm { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-sm { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-sm { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-sm { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-sm { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-sm { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-sm { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-sm { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-sm { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 768px) { .pf-u-color-100-on-md { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-md { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-md { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-md { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-md { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-md { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-md { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-md { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-md { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-md { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-md { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-md { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-md { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-md { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-md { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-md { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-md { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-md { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-md { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-md { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-md { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-md { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-md { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-md { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-md { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-md { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-md { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-md { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-md { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-md { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-md { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-md { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 992px) { .pf-u-color-100-on-lg { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-lg { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-lg { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-lg { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-lg { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-lg { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-lg { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-lg { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-lg { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-lg { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-lg { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-lg { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-lg { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-lg { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-lg { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-lg { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-lg { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-lg { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-lg { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-lg { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-lg { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-lg { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-lg { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-lg { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-lg { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-lg { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-lg { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-lg { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-lg { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-lg { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-lg { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-lg { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1200px) { .pf-u-color-100-on-xl { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-xl { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-xl { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-xl { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-xl { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-xl { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-xl { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-xl { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-xl { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-xl { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-xl { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-xl { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-xl { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-xl { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-xl { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-xl { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-xl { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-xl { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-xl { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-xl { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-xl { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-xl { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-xl { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-xl { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-xl { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-xl { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-xl { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-xl { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-xl { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-xl { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-xl { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-xl { color: var(--pf-global--icon--Color--dark) !important; } } @media screen and (min-width: 1450px) { .pf-u-color-100-on-2xl { color: var(--pf-global--Color--100) !important; } .pf-u-color-200-on-2xl { color: var(--pf-global--Color--200) !important; } .pf-u-color-300-on-2xl { color: var(--pf-global--Color--300) !important; } .pf-u-color-400-on-2xl { color: var(--pf-global--Color--400) !important; } .pf-u-active-color-100-on-2xl { color: var(--pf-global--active-color--100) !important; } .pf-u-active-color-400-on-2xl { color: var(--pf-global--active-color--400) !important; } .pf-u-primary-color-100-on-2xl { color: var(--pf-global--primary-color--100) !important; } .pf-u-color-light-100-on-2xl { color: var(--pf-global--Color--light-100) !important; } .pf-u-color-light-200-on-2xl { color: var(--pf-global--Color--light-200) !important; } .pf-u-link-color-on-2xl { color: var(--pf-global--link--Color) !important; } .pf-u-link-color-hover-on-2xl { color: var(--pf-global--link--Color--hover) !important; } .pf-u-link-color-light-on-2xl { color: var(--pf-global--link--Color--light) !important; } .pf-u-link-color-light-hover-on-2xl { color: var(--pf-global--link--Color--light--hover) !important; } .pf-u-link-color-dark-on-2xl { color: var(--pf-global--link--Color--dark) !important; } .pf-u-link-color-dark-hover-on-2xl { color: var(--pf-global--link--Color--dark--hover) !important; } .pf-u-link-color-visited-on-2xl { color: var(--pf-global--link--Color--visited) !important; } .pf-u-default-color-100-on-2xl { color: var(--pf-global--default-color--100) !important; } .pf-u-default-color-200-on-2xl { color: var(--pf-global--default-color--200) !important; } .pf-u-default-color-300-on-2xl { color: var(--pf-global--default-color--300) !important; } .pf-u-success-color-100-on-2xl { color: var(--pf-global--success-color--100) !important; } .pf-u-success-color-200-on-2xl { color: var(--pf-global--success-color--200) !important; } .pf-u-info-color-100-on-2xl { color: var(--pf-global--info-color--100) !important; } .pf-u-info-color-200-on-2xl { color: var(--pf-global--info-color--200) !important; } .pf-u-warning-color-100-on-2xl { color: var(--pf-global--warning-color--100) !important; } .pf-u-warning-color-200-on-2xl { color: var(--pf-global--warning-color--200) !important; } .pf-u-danger-color-100-on-2xl { color: var(--pf-global--danger-color--100) !important; } .pf-u-danger-color-200-on-2xl { color: var(--pf-global--danger-color--200) !important; } .pf-u-danger-color-300-on-2xl { color: var(--pf-global--danger-color--300) !important; } .pf-u-disabled-color-100-on-2xl { color: var(--pf-global--disabled-color--100) !important; } .pf-u-disabled-color-200-on-2xl { color: var(--pf-global--disabled-color--200) !important; } .pf-u-icon-color-light-on-2xl { color: var(--pf-global--icon--Color--light) !important; } .pf-u-icon-color-dark-on-2xl { color: var(--pf-global--icon--Color--dark) !important; } } .pf-u-text-break-word { word-break: break-word !important; } .pf-u-text-nowrap { white-space: nowrap !important; } .pf-u-text-wrap { white-space: normal !important; } @media screen and (min-width: 576px) { .pf-u-text-break-word-on-sm { word-break: break-word !important; } .pf-u-text-nowrap-on-sm { white-space: nowrap !important; } .pf-u-text-wrap-on-sm { white-space: normal !important; } } @media screen and (min-width: 768px) { .pf-u-text-break-word-on-md { word-break: break-word !important; } .pf-u-text-nowrap-on-md { white-space: nowrap !important; } .pf-u-text-wrap-on-md { white-space: normal !important; } } @media screen and (min-width: 992px) { .pf-u-text-break-word-on-lg { word-break: break-word !important; } .pf-u-text-nowrap-on-lg { white-space: nowrap !important; } .pf-u-text-wrap-on-lg { white-space: normal !important; } } @media screen and (min-width: 1200px) { .pf-u-text-break-word-on-xl { word-break: break-word !important; } .pf-u-text-nowrap-on-xl { white-space: nowrap !important; } .pf-u-text-wrap-on-xl { white-space: normal !important; } } @media screen and (min-width: 1450px) { .pf-u-text-break-word-on-2xl { word-break: break-word !important; } .pf-u-text-nowrap-on-2xl { white-space: nowrap !important; } .pf-u-text-wrap-on-2xl { white-space: normal !important; } } .pf-u-text-truncate { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .keycloak__pageheader_brand { height: 35px; } .keycloak__form { max-width: 1024px; margin-bottom: 52px; } input[type=checkbox] { height: 20px; width: 20px; vertical-align: baseline; } .pf-c-select__toggle:before { border-top: var(--pf-c-select__toggle--before--BorderTopWidth) solid var(--pf-c-select__toggle--before--BorderTopColor); border-right: var(--pf-c-select__toggle--before--BorderRightWidth) solid var(--pf-c-select__toggle--before--BorderRightColor); border-bottom: var(--pf-c-select__toggle--before--BorderBottomWidth) solid var(--pf-c-select__toggle--before--BorderBottomColor); border-left: var(--pf-c-select__toggle--before--BorderLeftWidth) solid var(--pf-c-select__toggle--before--BorderLeftColor); } .keycloak__form_actions { position: fixed; bottom: 0px; background-color: var(--pf-c-page__main-section--m-light--BackgroundColor); padding-top: var(--pf-global--spacer--md); padding-bottom: var(--pf-global--spacer--sm); padding-left: var(--pf-global--spacer--md); width: 100%; border-top: 1px solid var(--pf-global--BorderColor--100); margin-left: calc(-1 * var(--pf-global--spacer--lg)); } .keycloak-empty-state-card:hover { cursor: pointer; } td.pf-c-table__check > input[type=checkbox] { vertical-align: text-bottom; } .pf-c-table.tbody.pf-c-table__check > input { margin-top: var(--pf-c-table__check--input--MarginTop); vertical-align: baseline; } .pf-c-pagination.pf-m-bottom.pf-m-compact { padding: 0px; } .kc-time-select-dropdown { min-width: 170px; } /* build/components/help-enabler/help-header.css */ .keycloak_help-header-description { padding-top: var(--pf-global--spacer--lg); overflow-wrap: break-word; white-space: normal; color: var(--pf-c-dropdown__menu-item--Color); } .keycloak_help-header-switch { margin-left: var(--pf-global--spacer--xl); } .keycloak_help-header-switch .pf-c-switch__toggle::before { background-color: var(--pf-c-switch__toggle-icon--Color); } /* build/components/realm-selector/realm-selector.css */ .keycloak__realm_selector_dropdown__toggle { --pf-c-dropdown__toggle--Color: var(--pf-c-nav__link--m-current--Color); --pf-c-dropdown__toggle--BackgroundColor: var( --pf-global--BackgroundColor--dark-100 ); --pf-c-dropdown__toggle--before--BorderTopColor: var( --pf-global--BorderColor--200 ); --pf-c-dropdown__toggle--before--BorderRightColor: var( --pf-global--BorderColor--200 ); --pf-c-dropdown__toggle--before--BorderBottomColor: var( --pf-global--BorderColor--100 ); --pf-c-dropdown__toggle--before--BorderLeftColor: var( --pf-global--BorderColor--200 ); width: 100%; } .keycloak__realm_selector__context_selector { --pf-c-context-selector__toggle--Color: var(--pf-c-nav__link--m-current--Color); } .keycloak__realm_selector__dropdown { width: 100%; } .keycloak__realm_selector__list-item-split { width: 100%; text-align: left; } .keycloak__page_nav__nav_item__realm-selector { margin-top: var(--pf-c-nav__link--PaddingTop); padding-right: var(--pf-c-nav__link--PaddingRight); margin-bottom: var(--pf-c-nav__link--PaddingBottom); padding-left: var(--pf-c-nav__link--PaddingLeft); } /* build/dashboard/dashboard.css */ .keycloak__dashboard_icon { max-width: 114px; } .keycloak__dashboard_card { height: 100%; } /* build/authentication/authentication-section.css */ .keycloak_authentication-section__usedby { color: var(--pf-global--success-color--100); } .keycloak_authentication-section__usedby_label .pf-c-label__icon { color: var(--pf-global--success-color--100); } /* build/groups/GroupsSection.css */ .keycloak-admin--groups__member-count { display: flex; align-items: center; } .keycloak-admin--groups__member-count svg { color: var(--pf-global--Color--200); font-size: var(--pf-global--FontSize--md); margin-right: var(--pf-global--spacer--sm); } /* build/sessions/SessionsSection.css */ .kc-filter-session-type-select { margin-right: 10px; width: 300px; } .pf-c-form__group.kc-revocation-modal-form-group { display: inline-block !important; } /* build/user-federation/user-federation.css */ .keycloak__user-federation__dropdown { margin-top: var(--pf-global--spacer--lg); } .keycloak-admin--user-federation__gallery-item { display: contents; } .error { color: red; } .keycloak__user-federation__assign-role { display: flex; flex-direction: row; align-items: right; } .keycloak__user-federation__assign-role-btn { margin-left: 10px; } /* build/components/keycloak-card/keycloak-card.css */ .keycloak-admin--keycloak-card__footer-text { --pf-l-flex--spacer: var(--pf-l-flex--spacer--lg); } /* build/components/role-mapping/role-mapping.css */ .keycloak-admin--role-mapping__client-name { margin-right: var(--pf-global--spacer--sm); } /* build/events/events.css */ .keycloak_eventsection_details { --pf-c-description-list--m-horizontal__term--width: 15ch; } .keycloak__events_search_selector_dropdown__toggle { --pf-c-dropdown__toggle--MinWidth: 21rem; position: relative; z-index: 1; } .keycloak__events_search__form { --pf-c-form--m-horizontal__group-control--md--GridColumnWidth: 24rem; margin: 0 var(--pf-global--spacer--lg) var(--pf-global--spacer--lg) var(--pf-global--spacer--lg); --pf-c-form__group--m-action--MarginTop: 0rem; --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 5rem; } .keycloak__events_search__form_label { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 5rem; line-height: 0px; } .keycloak__events_search__type_select .pf-c-select__menu { max-height: 200px; overflow: auto; } /* build/authentication/policies/otp-policy.css */ .keycloak__otp_policies_authentication__policy-type { display: inline-grid; padding-right: var(--pf-global--spacer--lg); } .keycloak__otp_policies_authentication__number-of-digits { display: inline-grid; padding-right: var(--pf-global--spacer--lg); } @media (min-width: 768px) { .keycloak__otp_policies_authentication__form .pf-c-form__group { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem; } } /* build/client-scopes/details/mapping-details.css */ @media (min-width: 768px) { .keycloak__client-scope-mapping-details__form .pf-c-form__group { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem; } } /* build/components/wizard-section-header/wizard-section-header.css */ .kc-wizard-section-header__title { margin-bottom: var(--pf-global--spacer--lg); } .kc-wizard-section-header__title--has-description { margin-bottom: var(--pf-global--spacer--sm); } .kc-wizard-section-header__description { margin-bottom: var(--pf-global--spacer--lg); } /* build/authentication/policies/policy-row.css */ .keycloak__policies_authentication__minus-icon svg { color: var(--pf-c-button--m-plain--Color); } .keycloak__policies_authentication__number-field { --pf-c-number-input--c-form-control--Width: 7ch; } /* build/client-scopes/client-scope.css */ .keycloak__client-scope__none > button .pf-c-select__toggle-text { color: var(--pf-global--Color--400); } /* build/clients/scopes/evaluate.css */ .keycloak__scopes_evaluate__intro { padding: var(--pf-global--spacer--md) 0 var(--pf-global--spacer--lg); color: var(--pf-global--primary-color--100); } .keycloak__scopes_evaluate__clipboard-copy input { display: none; } .keycloak__scopes_evaluate__tabs { padding-top: var(--pf-global--spacer--2xl); } #tabs .pf-c-tabs__list { max-width: 300px; } /* build/realm-roles/RealmRolesSection.css */ .kc-who-will-appear-button { padding-left: 0px; } .pf-c-button.pf-m-link.kc-groups-link { font-size: var(--pf-global--FontSize--sm); padding-left: 0px; padding-right: var(--pf-global--spacer--xs); padding-top: 0px; } .pf-c-button.pf-m-link.kc-users-link { font-size: var(--pf-global--FontSize--sm); padding-left: var(--pf-global--spacer--xs); padding-right: var(--pf-global--spacer--xs); padding-top: 0px; } .pf-c-button.pf-m-link.kc-groups-link-empty-state { padding-left: var(--pf-global--spacer--xs); padding-right: var(--pf-global--spacer--xs); } .pf-c-button.pf-m-link.kc-users-link-empty-state { padding-left: var(--pf-global--spacer--xs); padding-right: var(--pf-global--spacer--xs); } .pf-c-chip-group.kc-filter-chip-group__table { margin-left: var(--pf-global--spacer--md); margin-bottom: var(--pf-global--spacer--md); } button#default-role-help-icon.pf-c-form__group-label-help { margin-left: var(--pf-global--spacer--xs); vertical-align: middle; } .pf-c-tab-content.kc-attributes-tab { padding-left: var(--pf-global--spacer--xl); padding-top: var(--pf-global--spacer--lg); } /* build/clients/add/capability-config.css */ @media (min-width: 768px) { .keycloak__capability-config__form .pf-c-form__group { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem; } } /* build/clients/authorization/detail-cell.css */ .keycloak_resource_details { --pf-c-description-list--m-horizontal__term--width: 20ch; } /* build/components/scroll-form/scroll-form.css */ .kc-scroll-form--sticky { position: sticky; top: 0; } /* build/user/user-section.css */ .keycloak__user-section__email-verified { color: var(--pf-global--danger-color--100); } button.pf-c-button.pf-m-primary.kc-join-group-button { margin-left: var(--pf-global--spacer--md); margin-right: var(--pf-global--spacer--xl); } .kc-consents-chip-group .pf-c-chip-group, kc-consents-chip-group .pf-c-chip-group__list { width: 100%; } button#kc-join-groups-button { height: min-content; } .kc-join-group-modal-check { margin-right: var(--pf-global--spacer--sm); } .join-group-dialog-row-disabled { cursor: not-allowed; } .join-group-dialog-row-m-disabled { pointer-events: none; color: var(--pf-global--disabled-color--200); } .kc-who-will-appear-button { margin-left: var(--pf-global--spacer--md); } .pf-c-chip.kc-consents-chip::before { padding: 0px; border: 0; } .pf-c-chip.kc-consents-chip { padding: 0px; } .kc-consents-chip-group .pf-c-chip-group__list-item { margin-right: 0px; } #consents-chip-text.pf-c-chip-text { font-size: var(--pf-c-table--cell--FontSize); } .kc-consents-chip > .pf-c-chip__text { font-size: var(--pf-c-table--cell--FontSize); display: inline-block; } .pf-c-chip-group.kc-consents-chip-group > div.pf-c-chip-group__main > ul.pf-c-chip-group__list li:first-child .pf-c-chip__text::before { content: ""; } .pf-c-chip-group.kc-consents-chip-group > div.pf-c-chip-group__main > ul.pf-c-chip-group__list .pf-c-chip__text::before { content: ", "; } div.pf-c-chip-group.kc-consents-chip-group > div.pf-c-chip-group__main > ul.pf-c-chip-group__list > li.pf-c-chip-group__list-item:last-child > button.pf-c-chip.pf-m-overflow::before { content: ""; margin-left: var(--pf-global--spacer--sm); } div.pf-c-chip-group.kc-consents-chip-group > div.pf-c-chip-group__main > ul.pf-c-chip-group__list > li.pf-c-chip-group__list-item:last-child > button.pf-c-chip.pf-m-overflow > span::before { content: ""; margin-left: var(--pf-global--spacer--sm); } .kc-search-users-text { margin-left: var(--pf-global--spacer--md); color: var(--pf-global--Color--400); } article.pf-c-card.pf-m-flat.kc-linked-idps, article.pf-c-card.pf-m-flat.kc-available-idps { border: 0px; } article.pf-c-card.pf-m-flat.kc-linked-idps > div > div > h1 { margin-bottom: 0px; } article.pf-c-card.pf-m-flat.kc-available-idps > div > div > h1 { margin-bottom: 0px; } .kc-available-idps-text { color: var(--pf-global--Color--200); } .kc-linked-idps-text { color: var(--pf-global--Color--200); } .kc-no-providers-text { text-align: center; } .kc-temporaryPassword { margin: 6px 0 10px 35px; } .kc-password, .kc-passwordConfirmation { width: 355px; float: right; } .pf-c-form__group-label { width: max-content; } .pf-m-error { display: inline-block; margin-left: var(--pf-global--spacer--xl); } .kc-edit-icon { color: var(--pf-global--Color--200); margin-left: 5px; } .kc-showData-btn { padding-left: 0; } .kc-userLabel-row { display: inline-block !important; width: 50%; } .kc-form-group-userLabel, .kc-userLabel-actionBtns { display: flex; } .kc-editUserLabel-btn, .kc-editUserLabel-cancelBtn { color: var(--pf-global--Color--200) !important; } .kc-editUserLabel-btn { padding-top: 0px; } .kc-editUserLabel-btn:hover { filter: brightness(55%); } .kc-editUserLabel-acceptBtn { padding-right: 8px; } .kc-editUserLabel-cancelBtn { padding-left: 8px !important; } .pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > :last-child { overflow-wrap: anywhere; } .setPasswordBtn-table { margin: 25px 0 25px 25px; } /* build/authentication/components/flow-diagram.css */ .keycloak__authentication__input_node, .keycloak__authentication__output_node { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--pf-global--BackgroundColor--200); border: 0; } .keycloak__authentication__conditional_node { border: 1px solid #777; width: 80px; height: 80px; transform: rotate(45deg); } .keycloak__authentication__conditional_node div { transform: rotate(-45deg); } .keycloak__authentication__subflow_node { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--pf-global--BackgroundColor--200); } .keycloak__authentication__input_node.selected, .keycloak__authentication__input_node:hover, .keycloak__authentication__output_node.selected, .keycloak__authentication__output_node:hover, .keycloak__authentication__subflow_node.selected, .keycloak__authentication__subflow_node:hover, .keycloak__authentication__conditional_node.selected, .keycloak__authentication__conditional_node:hover { box-shadow: 0 0 0 0.5px #1a192b; } .edgebutton { background-color: var(--pf-global--BackgroundColor--200); border: 1px solid var(--pf-global--BackgroundColor--100); border-radius: 50%; cursor: pointer; height: 33px; width: 33px; } /* build/authentication/components/flow-header.css */ .keycloak__authentication__header-drag-button svg { fill: var(--pf-global--BackgroundColor--100); } .keycloak__authentication__header .pf-c-data-list__cell { font-weight: 700; } /* build/authentication/components/flow-row.css */ .keycloak__authentication__flow-item:before { width: 0; } .keycloak__authentication__flow-row[aria-level="1"] { padding-left: calc(var(--pf-global--spacer--lg) * 2); } .keycloak__authentication__flow-row[aria-level="2"] { padding-left: calc(var(--pf-global--spacer--lg) * 3); } .keycloak__authentication__flow-row[aria-level="3"] { padding-left: calc(var(--pf-global--spacer--lg) * 4); } .keycloak__authentication__flow-row[aria-level="4"] { padding-left: calc(var(--pf-global--spacer--lg) * 5); } .keycloak__authentication__flow-row[aria-level="5"] { padding-left: calc(var(--pf-global--spacer--lg) * 6); } .keycloak__authentication__flow-row[aria-level="6"] { padding-left: calc(var(--pf-global--spacer--lg) * 7); } .keycloak__authentication__flow-row[aria-level="7"] { padding-left: calc(var(--pf-global--spacer--lg) * 8); } .keycloak__authentication__flow-row[aria-level="8"] { padding-left: calc(var(--pf-global--spacer--lg) * 9); } .keycloak__authentication__flow-row[aria-level="9"] { padding-left: calc(var(--pf-global--spacer--lg) * 10); } .keycloak__authentication__flow-row[aria-level="10"] { padding-left: calc(var(--pf-global--spacer--lg) * 11); } /* build/authentication/empty-execution-state.css */ .keycloak__empty-execution-state__block { padding-top: var(--pf-global--spacer--sm); } .keycloak__empty-execution-state__help { max-width: 36rem; margin: 0 auto var(--pf-global--spacer--2xl); } .keycloak__empty-execution-state__help p { color: var(--pf-global--Color--200); } /* build/clients/authorization/resource-details.css */ .keycloak__resource-details__form { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 10rem; } /* build/authentication/components/flow-title.css */ .keycloak__authentication__title { width: fit-content; width: -moz-fit-content; } .keycloak__authentication__title .pf-c-card__body { padding-bottom: var(--pf-global--spacer--sm); padding-top: var(--pf-global--spacer--sm); } /* build/components/attribute-form/attribute-form.css */ .kc-attributes__table { --pf-c-table--border-width--base: 0; --pf-c-table--m-compact--cell--first-last-child--PaddingLeft: 0; } .kc-attributes__plus-icon { margin-left: calc(var(--pf-global--spacer--md) * -1); } .pf-c-button.kc-attributes__minus-icon { margin-left: calc(var(--pf-global--spacer--md) * -1); color: var(--pf-c-button--m-plain--Color); } .kc-attributes__action-group { --pf-c-form__group--m-action--MarginTop: calc( var(--pf-global--spacer--2xl) - var(--pf-global--spacer--sm) ); } /* build/identity-providers/add/discovery-settings.css */ .keycloak__discovery-settings__metadata .pf-c-expandable-section__toggle { margin-left: var(--pf-c-form--m-horizontal__group-label--md--GridColumnWidth); } input#kc-role { width: 300px; margin-right: 24px; } h1.kc-add-mapper-title { margin-left: calc(-1 * var(--pf-global--spacer--md)); } /* build/realm-settings/RealmSettingsSection.css */ .pf-c-card.pf-m-flat.kc-login-screen, .pf-c-card.pf-m-flat.kc-email-settings, .pf-c-card.pf-m-flat.kc-email-template, .pf-c-card.pf-m-flat.kc-email-connection, .pf-c-card.pf-m-flat.kc-message-bundles, .pf-c-card.pf-m-flat.kc-sso-session-template, .pf-c-card.pf-m-flat.kc-client-session-template, .pf-c-card.pf-m-flat.kc-offline-session-template, .pf-c-card.pf-m-flat.kc-login-settings-template { border: none; margin-top: 0px; margin-bottom: 0px; padding-bottom: var(--pf-global--spacer--sm); } article.pf-c-card.pf-m-flat.kc-email-template > .pf-c-card__header.kc-form-panel__header, article.pf-c-card.pf-m-flat.kc-email-connection > .pf-c-card__header.kc-form-panel__header { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-bottom: 0px; } .kc-login-screen > div.pf-c-card__header.kc-form-panel__header, .kc-email-settings > div.pf-c-card__header.kc-form-panel__header { padding-bottom: 0px; padding-left: 0px; padding-top: 0px; } .kc-email-settings > div.pf-c-card__body.kc-form-panel__body, .kc-login-screen > div.pf-c-card__body.kc-form-panel__body { padding-left: 0px; padding-bottom: var(--pf-global--spacer--2xl); } .kc-email-template > div.pf-c-card__body.kc-form-panel__body { padding-left: 0px; padding-bottom: var(--pf-global--spacer--2xl); } button#kc-certificate.pf-c-button.pf-m-secondary { margin-left: var(--pf-global--spacer--md); } .pf-c-data-list__item-row.test { font-weight: bold; } .pf-c-data-list__item-content.data-list-cells { margin-left: var(--pf-global--spacer--xl); } button.pf-c-data-list__item-draggable-button.pf-m-disabled.header-drag-button { display: none; } button.pf-c-data-list__item-draggable-button.row-drag-button { padding-top: var(--pf-global--spacer--md); } .pf-c-data-list__item-control { margin-right: 0px; } .pf-c-data-list__item-row.test { font-weight: bold; } button.pf-c-button.pf-m-link.add-provider { padding: 0px; } .pf-c-toolbar__group.providers-toolbar { padding-left: var(--pf-c-toolbar__content--PaddingLeft); } div#login-action-timeout-label > .pf-c-form__group-label, div#offline-session-max-label > .pf-c-form__group-label { width: 90%; } div#offline-session-max-label > .pf-c-form__group-label { width: 85%; } .add-provider-modal > div.pf-c-modal-box__body { overflow: visible; } .pf-c-content.messageBundleDescription { max-width: 1024px; padding-bottom: var(--pf-global--spacer--lg); } .kc-message-bundles > .pf-c-card__body.kc-form-panel__body > div.tableBorder { border-style: solid; border-width: 1px; border-color: var(--pf-global--BorderColor--100); max-width: 1024px; } .pf-c-form__group.kc-email-form-group { display: inline-block !important; } .pf-c-content.kc-provide-email-text { padding-bottom: var(--pf-global--spacer--md); } .kc-sso-session-idle-input, .kc-sso-session-max-input, .kc-sso-session-max-input, .kc-sso-session-idle-remember-me-input, .kc-sso-session-max-remember-me-input, .kc-offline-session-idle-input, .kc-offline-session-max-input, .kc-client-session-idle-input, .kc-client-session-max-input, .kc-login-timeout-input, .kc-login-action-timeout-input, .kc-access-token-lifespan-input, .kc-user-initiated-action-lifespan-input, .kc-default-admin-initiated-input, .kc-access-token-lifespan-implicit-input, .kc-client-login-timeout-input, .kc-email-verification-input, .kc-idp-email-verification-input, .kc-idp-forgot-password-input, .kc-forgot-pw-input, .kc-execute-actions-input { width: 170px; margin-right: 12px; } .kc-sso-session-idle-select, .kc-sso-session-max-select, .kc-sso-session-idle-remember-me-select, .kc-sso-session-max-remember-me-select, .kc-client-session-idle-select, .kc-client-session-max-select, .kc-offline-session-idle-select, .kc-offline-session-max-select, .kc-login-action-timeout-select, .kc-sso-session-idle-select.pf-m-expanded, .kc-sso-session-max-select.pf-m-expanded { width: 170px; } article.pf-c-card.pf-m-flat.kc-sso-session-template > .pf-c-card__header.kc-form-panel__header, article.pf-c-card.pf-m-flat.kc-sso-session-template > .pf-c-card__body.kc-form-panel__body, article.pf-c-card.pf-m-flat.kc-client-session-template > .pf-c-card__header.kc-form-panel__header, article.pf-c-card.pf-m-flat.kc-client-session-template > .pf-c-card__body.kc-form-panel__body, article.pf-c-card.pf-m-flat.kc-offline-session-template > .pf-c-card__header.kc-form-panel__header, article.pf-c-card.pf-m-flat.kc-offline-session-template > .pf-c-card__body.kc-form-panel__body, article.pf-c-card.pf-m-flat.kc-login-settings-template > .pf-c-card__header.kc-form-panel__header, article.pf-c-card.pf-m-flat.kc-login-settings-template > .pf-c-card__body.kc-form-panel__body { padding: 0px; } .kc-override-action-tokens-subtitle { font-size: var(--pf-global--FontSize--md); font-weight: bold; } .kc-row-drag-button { padding: var(--pf-global--spacer--sm); } .kc-help-text { margin: var(--pf-global--spacer--sm); font-size: var(--pf-global--FontSize--sm); } .kc-profiles-config-section { align-items: center; } .kc-form-radio-btn > input { transform: scale(1.6); } .kc-editor-radio-btn > input { transform: scale(1.6); } .kc-emptyExecutors { color: #8d9195; } .kc-emptyConditions { color: #8d9195; } .kc-emptyClientProfiles { color: #8d9195; } .kc-action-dropdown { background-color: transparent; } .kc-executor-link { margin-right: 0.625rem; } .kc-unclickable-executor { font-size: var(--pf-global--FontSize--md); padding: 0 var(--pf-global--spacer--md) 0 var(--pf-global--spacer--md); } .kc-backToPolicies, .kc-backToPolicies { width: 5rem; } .kc-backToPolicies { float: left; } .kc-executor-trash-icon { margin-left: .5rem; color: var(--pf-global--Color--200); } .kc-executor-trash-icon:hover { filter: brightness(55%); } .kc-condition-link { margin-right: 0.625rem; } .kc-conditionType-trash-icon { margin-left: .5rem; color: var(--pf-global--Color--400); } .kc-conditionType-trash-icon:hover { filter: brightness(55%); } .kc_eventListeners_select { width: 35rem; } input#kc-scopes { width: 630px; margin-right: 24px; } .kc-client-scopes-chip-group { margin-right: var(--pf-global--spacer--2xl); max-width: 585px; min-width: 585px; padding-left: none; } .kc-join-group-modal-check { margin-right: var(--pf-global--spacer--sm); } /* build/components/scroll-form/form-panel.css */ .kc-form-panel__panel { margin-top: var(--pf-global--spacer--lg); padding-bottom: var(--pf-global--spacer--2xl); } .kc-form-panel__title { margin-bottom: var(--pf-global--spacer--lg); } /* build/realm-settings/security-defences/security-defences.css */ .keycloak__security-defences__form { --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 12rem; } /* build/clients/scopes/client-scopes.css */ .keycloak__client-scopes__searchtype button { width: 200px; } .keycloak__client-scopes-add__add-dropdown { margin-right: var(--pf-global--spacer--md); } .kc-protocolType-select { max-width: 25%; }