.pf-v5-u-screen-reader { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden { display:none!important } @media screen and (width>=576px) { .pf-v5-u-screen-reader-on-sm { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible-on-sm { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden-on-sm { display:none!important } } @media screen and (width>=768px) { .pf-v5-u-screen-reader-on-md { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible-on-md { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden-on-md { display:none!important } } @media screen and (width>=992px) { .pf-v5-u-screen-reader-on-lg { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible-on-lg { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden-on-lg { display:none!important } } @media screen and (width>=1200px) { .pf-v5-u-screen-reader-on-xl { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible-on-xl { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden-on-xl { display:none!important } } @media screen and (width>=1450px) { .pf-v5-u-screen-reader-on-2xl { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-u-visible-on-2xl { clip:auto; white-space:normal; border:inherit; position:static; overflow:visible } .pf-v5-u-hidden-on-2xl { display:none!important } } .pf-v5-u-text-align-left { text-align:left!important } .pf-v5-u-text-align-center { text-align:center!important } .pf-v5-u-text-align-right { text-align:right!important } .pf-v5-u-text-align-justify { text-align:justify!important } @media screen and (width>=576px) { .pf-v5-u-text-align-left-on-sm { text-align:left!important } .pf-v5-u-text-align-center-on-sm { text-align:center!important } .pf-v5-u-text-align-right-on-sm { text-align:right!important } .pf-v5-u-text-align-justify-on-sm { text-align:justify!important } } @media screen and (width>=768px) { .pf-v5-u-text-align-left-on-md { text-align:left!important } .pf-v5-u-text-align-center-on-md { text-align:center!important } .pf-v5-u-text-align-right-on-md { text-align:right!important } .pf-v5-u-text-align-justify-on-md { text-align:justify!important } } @media screen and (width>=992px) { .pf-v5-u-text-align-left-on-lg { text-align:left!important } .pf-v5-u-text-align-center-on-lg { text-align:center!important } .pf-v5-u-text-align-right-on-lg { text-align:right!important } .pf-v5-u-text-align-justify-on-lg { text-align:justify!important } } @media screen and (width>=1200px) { .pf-v5-u-text-align-left-on-xl { text-align:left!important } .pf-v5-u-text-align-center-on-xl { text-align:center!important } .pf-v5-u-text-align-right-on-xl { text-align:right!important } .pf-v5-u-text-align-justify-on-xl { text-align:justify!important } } @media screen and (width>=1450px) { .pf-v5-u-text-align-left-on-2xl { text-align:left!important } .pf-v5-u-text-align-center-on-2xl { text-align:center!important } .pf-v5-u-text-align-right-on-2xl { text-align:right!important } .pf-v5-u-text-align-justify-on-2xl { text-align:justify!important } } .pf-v5-u-background-color-100 { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200 { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100 { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300 { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200 { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100 { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200 { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300 { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400 { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200 { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300 { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger { background-color:var(--pf-v5-global--palette--red-50)!important } @media screen and (width>=576px) { .pf-v5-u-background-color-100-on-sm { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200-on-sm { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100-on-sm { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300-on-sm { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200-on-sm { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100-on-sm { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200-on-sm { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300-on-sm { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400-on-sm { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200-on-sm { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300-on-sm { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default-on-sm { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success-on-sm { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info-on-sm { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning-on-sm { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger-on-sm { background-color:var(--pf-v5-global--palette--red-50)!important } } @media screen and (width>=768px) { .pf-v5-u-background-color-100-on-md { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200-on-md { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100-on-md { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300-on-md { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200-on-md { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100-on-md { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200-on-md { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300-on-md { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400-on-md { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200-on-md { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300-on-md { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default-on-md { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success-on-md { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info-on-md { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning-on-md { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger-on-md { background-color:var(--pf-v5-global--palette--red-50)!important } } @media screen and (width>=992px) { .pf-v5-u-background-color-100-on-lg { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200-on-lg { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100-on-lg { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300-on-lg { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200-on-lg { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100-on-lg { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200-on-lg { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300-on-lg { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400-on-lg { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200-on-lg { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300-on-lg { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default-on-lg { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success-on-lg { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info-on-lg { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning-on-lg { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger-on-lg { background-color:var(--pf-v5-global--palette--red-50)!important } } @media screen and (width>=1200px) { .pf-v5-u-background-color-100-on-xl { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200-on-xl { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100-on-xl { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300-on-xl { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200-on-xl { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100-on-xl { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200-on-xl { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300-on-xl { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400-on-xl { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200-on-xl { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300-on-xl { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default-on-xl { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success-on-xl { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info-on-xl { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning-on-xl { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger-on-xl { background-color:var(--pf-v5-global--palette--red-50)!important } } @media screen and (width>=1450px) { .pf-v5-u-background-color-100-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--100)!important } .pf-v5-u-background-color-200-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--200)!important } .pf-v5-u-background-color-active-color-100-on-2xl { background-color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-background-color-active-color-300-on-2xl { background-color:var(--pf-v5-global--active-color--300)!important } .pf-v5-u-background-color-primary-color-200-on-2xl { background-color:var(--pf-v5-global--primary-color--200)!important } .pf-v5-u-background-color-dark-100-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--dark-100)!important } .pf-v5-u-background-color-dark-200-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--dark-200)!important } .pf-v5-u-background-color-dark-300-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--dark-300)!important } .pf-v5-u-background-color-dark-400-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--dark-400)!important } .pf-v5-u-background-color-disabled-color-200-on-2xl { background-color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-background-color-disabled-color-300-on-2xl { background-color:var(--pf-v5-global--disabled-color--300)!important } .pf-v5-u-background-color-default-on-2xl { background-color:var(--pf-v5-global--palette--cyan-50)!important } .pf-v5-u-background-color-success-on-2xl { background-color:var(--pf-v5-global--palette--green-50)!important } .pf-v5-u-background-color-info-on-2xl { background-color:var(--pf-v5-global--palette--blue-50)!important } .pf-v5-u-background-color-warning-on-2xl { background-color:var(--pf-v5-global--palette--gold-50)!important } .pf-v5-u-background-color-danger-on-2xl { background-color:var(--pf-v5-global--palette--red-50)!important } } :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger { background-color:var(--pf-v5-global--BackgroundColor--100)!important } @media screen and (width>=576px) { :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-sm, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-sm, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-sm, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-sm, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-sm { background-color:var(--pf-v5-global--BackgroundColor--100)!important } } @media screen and (width>=768px) { :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-md, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-md, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-md, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-md, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-md { background-color:var(--pf-v5-global--BackgroundColor--100)!important } } @media screen and (width>=992px) { :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-lg, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-lg, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-lg, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-lg, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-lg { background-color:var(--pf-v5-global--BackgroundColor--100)!important } } @media screen and (width>=1200px) { :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-xl { background-color:var(--pf-v5-global--BackgroundColor--100)!important } } @media screen and (width>=1450px) { :where(.pf-v5-theme-dark) .pf-v5-u-background-color-default-on-2xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-success-on-2xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-info-on-2xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-warning-on-2xl, :where(.pf-v5-theme-dark) .pf-v5-u-background-color-danger-on-2xl { background-color:var(--pf-v5-global--BackgroundColor--100)!important } } .pf-v5-u-box-shadow-sm { box-shadow:var(--pf-v5-global--BoxShadow--sm)!important } .pf-v5-u-box-shadow-sm-top { box-shadow:var(--pf-v5-global--BoxShadow--sm-top)!important } .pf-v5-u-box-shadow-sm-right { box-shadow:var(--pf-v5-global--BoxShadow--sm-right)!important } .pf-v5-u-box-shadow-sm-bottom { box-shadow:var(--pf-v5-global--BoxShadow--sm-bottom)!important } .pf-v5-u-box-shadow-sm-left { box-shadow:var(--pf-v5-global--BoxShadow--sm-left)!important } .pf-v5-u-box-shadow-md { box-shadow:var(--pf-v5-global--BoxShadow--md)!important } .pf-v5-u-box-shadow-md-top { box-shadow:var(--pf-v5-global--BoxShadow--md-top)!important } .pf-v5-u-box-shadow-md-right { box-shadow:var(--pf-v5-global--BoxShadow--md-right)!important } .pf-v5-u-box-shadow-md-bottom { box-shadow:var(--pf-v5-global--BoxShadow--md-bottom)!important } .pf-v5-u-box-shadow-md-left { box-shadow:var(--pf-v5-global--BoxShadow--md-left)!important } .pf-v5-u-box-shadow-lg { box-shadow:var(--pf-v5-global--BoxShadow--lg)!important } .pf-v5-u-box-shadow-lg-top { box-shadow:var(--pf-v5-global--BoxShadow--lg-top)!important } .pf-v5-u-box-shadow-lg-right { box-shadow:var(--pf-v5-global--BoxShadow--lg-right)!important } .pf-v5-u-box-shadow-lg-bottom { box-shadow:var(--pf-v5-global--BoxShadow--lg-bottom)!important } .pf-v5-u-box-shadow-lg-left { box-shadow:var(--pf-v5-global--BoxShadow--lg-left)!important } .pf-v5-u-box-shadow-xl { box-shadow:var(--pf-v5-global--BoxShadow--xl)!important } .pf-v5-u-box-shadow-xl-top { box-shadow:var(--pf-v5-global--BoxShadow--xl-top)!important } .pf-v5-u-box-shadow-xl-right { box-shadow:var(--pf-v5-global--BoxShadow--xl-right)!important } .pf-v5-u-box-shadow-xl-bottom { box-shadow:var(--pf-v5-global--BoxShadow--xl-bottom)!important } .pf-v5-u-box-shadow-xl-left { box-shadow:var(--pf-v5-global--BoxShadow--xl-left)!important } .pf-v5-u-box-shadow-inset { box-shadow:var(--pf-v5-global--BoxShadow--inset)!important } .pf-v5-u-display-none { display:none!important } .pf-v5-u-display-inline-block { display:inline-block!important } .pf-v5-u-display-block { display:block!important } .pf-v5-u-display-inline { display:inline!important } .pf-v5-u-display-table { display:table!important } .pf-v5-u-display-table-cell { display:table-cell!important } .pf-v5-u-display-table-row { display:table-row!important } .pf-v5-u-display-flex { display:flex!important } .pf-v5-u-display-inline-flex { display:inline-flex!important } .pf-v5-u-display-grid { display:grid!important } .pf-v5-u-display-inline-grid { display:inline-grid!important } @media screen and (width>=576px) { .pf-v5-u-display-none-on-sm { display:none!important } .pf-v5-u-display-inline-block-on-sm { display:inline-block!important } .pf-v5-u-display-block-on-sm { display:block!important } .pf-v5-u-display-inline-on-sm { display:inline!important } .pf-v5-u-display-table-on-sm { display:table!important } .pf-v5-u-display-table-cell-on-sm { display:table-cell!important } .pf-v5-u-display-table-row-on-sm { display:table-row!important } .pf-v5-u-display-flex-on-sm { display:flex!important } .pf-v5-u-display-inline-flex-on-sm { display:inline-flex!important } .pf-v5-u-display-grid-on-sm { display:grid!important } .pf-v5-u-display-inline-grid-on-sm { display:inline-grid!important } } @media screen and (width>=768px) { .pf-v5-u-display-none-on-md { display:none!important } .pf-v5-u-display-inline-block-on-md { display:inline-block!important } .pf-v5-u-display-block-on-md { display:block!important } .pf-v5-u-display-inline-on-md { display:inline!important } .pf-v5-u-display-table-on-md { display:table!important } .pf-v5-u-display-table-cell-on-md { display:table-cell!important } .pf-v5-u-display-table-row-on-md { display:table-row!important } .pf-v5-u-display-flex-on-md { display:flex!important } .pf-v5-u-display-inline-flex-on-md { display:inline-flex!important } .pf-v5-u-display-grid-on-md { display:grid!important } .pf-v5-u-display-inline-grid-on-md { display:inline-grid!important } } @media screen and (width>=992px) { .pf-v5-u-display-none-on-lg { display:none!important } .pf-v5-u-display-inline-block-on-lg { display:inline-block!important } .pf-v5-u-display-block-on-lg { display:block!important } .pf-v5-u-display-inline-on-lg { display:inline!important } .pf-v5-u-display-table-on-lg { display:table!important } .pf-v5-u-display-table-cell-on-lg { display:table-cell!important } .pf-v5-u-display-table-row-on-lg { display:table-row!important } .pf-v5-u-display-flex-on-lg { display:flex!important } .pf-v5-u-display-inline-flex-on-lg { display:inline-flex!important } .pf-v5-u-display-grid-on-lg { display:grid!important } .pf-v5-u-display-inline-grid-on-lg { display:inline-grid!important } } @media screen and (width>=1200px) { .pf-v5-u-display-none-on-xl { display:none!important } .pf-v5-u-display-inline-block-on-xl { display:inline-block!important } .pf-v5-u-display-block-on-xl { display:block!important } .pf-v5-u-display-inline-on-xl { display:inline!important } .pf-v5-u-display-table-on-xl { display:table!important } .pf-v5-u-display-table-cell-on-xl { display:table-cell!important } .pf-v5-u-display-table-row-on-xl { display:table-row!important } .pf-v5-u-display-flex-on-xl { display:flex!important } .pf-v5-u-display-inline-flex-on-xl { display:inline-flex!important } .pf-v5-u-display-grid-on-xl { display:grid!important } .pf-v5-u-display-inline-grid-on-xl { display:inline-grid!important } } @media screen and (width>=1450px) { .pf-v5-u-display-none-on-2xl { display:none!important } .pf-v5-u-display-inline-block-on-2xl { display:inline-block!important } .pf-v5-u-display-block-on-2xl { display:block!important } .pf-v5-u-display-inline-on-2xl { display:inline!important } .pf-v5-u-display-table-on-2xl { display:table!important } .pf-v5-u-display-table-cell-on-2xl { display:table-cell!important } .pf-v5-u-display-table-row-on-2xl { display:table-row!important } .pf-v5-u-display-flex-on-2xl { display:flex!important } .pf-v5-u-display-inline-flex-on-2xl { display:inline-flex!important } .pf-v5-u-display-grid-on-2xl { display:grid!important } .pf-v5-u-display-inline-grid-on-2xl { display:inline-grid!important } } .pf-v5-u-flex-direction-column { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse { flex-direction:row-reverse!important } @media screen and (width>=576px) { .pf-v5-u-flex-direction-column-on-sm { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse-on-sm { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row-on-sm { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse-on-sm { flex-direction:row-reverse!important } } @media screen and (width>=768px) { .pf-v5-u-flex-direction-column-on-md { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse-on-md { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row-on-md { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse-on-md { flex-direction:row-reverse!important } } @media screen and (width>=992px) { .pf-v5-u-flex-direction-column-on-lg { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse-on-lg { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row-on-lg { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse-on-lg { flex-direction:row-reverse!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-direction-column-on-xl { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse-on-xl { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row-on-xl { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse-on-xl { flex-direction:row-reverse!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-direction-column-on-2xl { flex-direction:column!important } .pf-v5-u-flex-direction-column-reverse-on-2xl { flex-direction:column-reverse!important } .pf-v5-u-flex-direction-row-on-2xl { flex-direction:row!important } .pf-v5-u-flex-direction-row-reverse-on-2xl { flex-direction:row-reverse!important } } .pf-v5-u-flex-wrap { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse { flex-wrap:wrap-reverse!important } @media screen and (width>=576px) { .pf-v5-u-flex-wrap-on-sm { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap-on-sm { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse-on-sm { flex-wrap:wrap-reverse!important } } @media screen and (width>=768px) { .pf-v5-u-flex-wrap-on-md { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap-on-md { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse-on-md { flex-wrap:wrap-reverse!important } } @media screen and (width>=992px) { .pf-v5-u-flex-wrap-on-lg { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap-on-lg { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse-on-lg { flex-wrap:wrap-reverse!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-wrap-on-xl { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap-on-xl { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse-on-xl { flex-wrap:wrap-reverse!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-wrap-on-2xl { flex-wrap:wrap!important } .pf-v5-u-flex-nowrap-on-2xl { flex-wrap:nowrap!important } .pf-v5-u-flex-wrap-reverse-on-2xl { flex-wrap:wrap-reverse!important } } .pf-v5-u-align-items-flex-start { align-items:flex-start!important } .pf-v5-u-align-items-flex-end { align-items:flex-end!important } .pf-v5-u-align-items-center { align-items:center!important } .pf-v5-u-align-items-baseline { align-items:baseline!important } .pf-v5-u-align-items-stretch { align-items:stretch!important } @media screen and (width>=576px) { .pf-v5-u-align-items-flex-start-on-sm { align-items:flex-start!important } .pf-v5-u-align-items-flex-end-on-sm { align-items:flex-end!important } .pf-v5-u-align-items-center-on-sm { align-items:center!important } .pf-v5-u-align-items-baseline-on-sm { align-items:baseline!important } .pf-v5-u-align-items-stretch-on-sm { align-items:stretch!important } } @media screen and (width>=768px) { .pf-v5-u-align-items-flex-start-on-md { align-items:flex-start!important } .pf-v5-u-align-items-flex-end-on-md { align-items:flex-end!important } .pf-v5-u-align-items-center-on-md { align-items:center!important } .pf-v5-u-align-items-baseline-on-md { align-items:baseline!important } .pf-v5-u-align-items-stretch-on-md { align-items:stretch!important } } @media screen and (width>=992px) { .pf-v5-u-align-items-flex-start-on-lg { align-items:flex-start!important } .pf-v5-u-align-items-flex-end-on-lg { align-items:flex-end!important } .pf-v5-u-align-items-center-on-lg { align-items:center!important } .pf-v5-u-align-items-baseline-on-lg { align-items:baseline!important } .pf-v5-u-align-items-stretch-on-lg { align-items:stretch!important } } @media screen and (width>=1200px) { .pf-v5-u-align-items-flex-start-on-xl { align-items:flex-start!important } .pf-v5-u-align-items-flex-end-on-xl { align-items:flex-end!important } .pf-v5-u-align-items-center-on-xl { align-items:center!important } .pf-v5-u-align-items-baseline-on-xl { align-items:baseline!important } .pf-v5-u-align-items-stretch-on-xl { align-items:stretch!important } } @media screen and (width>=1450px) { .pf-v5-u-align-items-flex-start-on-2xl { align-items:flex-start!important } .pf-v5-u-align-items-flex-end-on-2xl { align-items:flex-end!important } .pf-v5-u-align-items-center-on-2xl { align-items:center!important } .pf-v5-u-align-items-baseline-on-2xl { align-items:baseline!important } .pf-v5-u-align-items-stretch-on-2xl { align-items:stretch!important } } .pf-v5-u-align-self-flex-start { align-self:flex-start!important } .pf-v5-u-align-self-flex-end { align-self:flex-end!important } .pf-v5-u-align-self-center { align-self:center!important } .pf-v5-u-align-self-baseline { align-self:baseline!important } .pf-v5-u-align-self-stretch { align-self:stretch!important } @media screen and (width>=576px) { .pf-v5-u-align-self-flex-start-on-sm { align-self:flex-start!important } .pf-v5-u-align-self-flex-end-on-sm { align-self:flex-end!important } .pf-v5-u-align-self-center-on-sm { align-self:center!important } .pf-v5-u-align-self-baseline-on-sm { align-self:baseline!important } .pf-v5-u-align-self-stretch-on-sm { align-self:stretch!important } } @media screen and (width>=768px) { .pf-v5-u-align-self-flex-start-on-md { align-self:flex-start!important } .pf-v5-u-align-self-flex-end-on-md { align-self:flex-end!important } .pf-v5-u-align-self-center-on-md { align-self:center!important } .pf-v5-u-align-self-baseline-on-md { align-self:baseline!important } .pf-v5-u-align-self-stretch-on-md { align-self:stretch!important } } @media screen and (width>=992px) { .pf-v5-u-align-self-flex-start-on-lg { align-self:flex-start!important } .pf-v5-u-align-self-flex-end-on-lg { align-self:flex-end!important } .pf-v5-u-align-self-center-on-lg { align-self:center!important } .pf-v5-u-align-self-baseline-on-lg { align-self:baseline!important } .pf-v5-u-align-self-stretch-on-lg { align-self:stretch!important } } @media screen and (width>=1200px) { .pf-v5-u-align-self-flex-start-on-xl { align-self:flex-start!important } .pf-v5-u-align-self-flex-end-on-xl { align-self:flex-end!important } .pf-v5-u-align-self-center-on-xl { align-self:center!important } .pf-v5-u-align-self-baseline-on-xl { align-self:baseline!important } .pf-v5-u-align-self-stretch-on-xl { align-self:stretch!important } } @media screen and (width>=1450px) { .pf-v5-u-align-self-flex-start-on-2xl { align-self:flex-start!important } .pf-v5-u-align-self-flex-end-on-2xl { align-self:flex-end!important } .pf-v5-u-align-self-center-on-2xl { align-self:center!important } .pf-v5-u-align-self-baseline-on-2xl { align-self:baseline!important } .pf-v5-u-align-self-stretch-on-2xl { align-self:stretch!important } } .pf-v5-u-align-content-flex-start { align-content:flex-start!important } .pf-v5-u-align-content-flex-end { align-content:flex-end!important } .pf-v5-u-align-content-center { align-content:center!important } .pf-v5-u-align-content-space-between { align-content:space-between!important } .pf-v5-u-align-content-space-around { align-content:space-around!important } .pf-v5-u-align-content-stretch { align-content:stretch!important } @media screen and (width>=576px) { .pf-v5-u-align-content-flex-start-on-sm { align-content:flex-start!important } .pf-v5-u-align-content-flex-end-on-sm { align-content:flex-end!important } .pf-v5-u-align-content-center-on-sm { align-content:center!important } .pf-v5-u-align-content-space-between-on-sm { align-content:space-between!important } .pf-v5-u-align-content-space-around-on-sm { align-content:space-around!important } .pf-v5-u-align-content-stretch-on-sm { align-content:stretch!important } } @media screen and (width>=768px) { .pf-v5-u-align-content-flex-start-on-md { align-content:flex-start!important } .pf-v5-u-align-content-flex-end-on-md { align-content:flex-end!important } .pf-v5-u-align-content-center-on-md { align-content:center!important } .pf-v5-u-align-content-space-between-on-md { align-content:space-between!important } .pf-v5-u-align-content-space-around-on-md { align-content:space-around!important } .pf-v5-u-align-content-stretch-on-md { align-content:stretch!important } } @media screen and (width>=992px) { .pf-v5-u-align-content-flex-start-on-lg { align-content:flex-start!important } .pf-v5-u-align-content-flex-end-on-lg { align-content:flex-end!important } .pf-v5-u-align-content-center-on-lg { align-content:center!important } .pf-v5-u-align-content-space-between-on-lg { align-content:space-between!important } .pf-v5-u-align-content-space-around-on-lg { align-content:space-around!important } .pf-v5-u-align-content-stretch-on-lg { align-content:stretch!important } } @media screen and (width>=1200px) { .pf-v5-u-align-content-flex-start-on-xl { align-content:flex-start!important } .pf-v5-u-align-content-flex-end-on-xl { align-content:flex-end!important } .pf-v5-u-align-content-center-on-xl { align-content:center!important } .pf-v5-u-align-content-space-between-on-xl { align-content:space-between!important } .pf-v5-u-align-content-space-around-on-xl { align-content:space-around!important } .pf-v5-u-align-content-stretch-on-xl { align-content:stretch!important } } @media screen and (width>=1450px) { .pf-v5-u-align-content-flex-start-on-2xl { align-content:flex-start!important } .pf-v5-u-align-content-flex-end-on-2xl { align-content:flex-end!important } .pf-v5-u-align-content-center-on-2xl { align-content:center!important } .pf-v5-u-align-content-space-between-on-2xl { align-content:space-between!important } .pf-v5-u-align-content-space-around-on-2xl { align-content:space-around!important } .pf-v5-u-align-content-stretch-on-2xl { align-content:stretch!important } } .pf-v5-u-justify-content-flex-start { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end { justify-content:flex-end!important } .pf-v5-u-justify-content-center { justify-content:center!important } .pf-v5-u-justify-content-space-between { justify-content:space-between!important } .pf-v5-u-justify-content-space-around { justify-content:space-around!important } .pf-v5-u-justify-content-stretch { justify-content:stretch!important } @media screen and (width>=576px) { .pf-v5-u-justify-content-flex-start-on-sm { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end-on-sm { justify-content:flex-end!important } .pf-v5-u-justify-content-center-on-sm { justify-content:center!important } .pf-v5-u-justify-content-space-between-on-sm { justify-content:space-between!important } .pf-v5-u-justify-content-space-around-on-sm { justify-content:space-around!important } .pf-v5-u-justify-content-stretch-on-sm { justify-content:stretch!important } } @media screen and (width>=768px) { .pf-v5-u-justify-content-flex-start-on-md { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end-on-md { justify-content:flex-end!important } .pf-v5-u-justify-content-center-on-md { justify-content:center!important } .pf-v5-u-justify-content-space-between-on-md { justify-content:space-between!important } .pf-v5-u-justify-content-space-around-on-md { justify-content:space-around!important } .pf-v5-u-justify-content-stretch-on-md { justify-content:stretch!important } } @media screen and (width>=992px) { .pf-v5-u-justify-content-flex-start-on-lg { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end-on-lg { justify-content:flex-end!important } .pf-v5-u-justify-content-center-on-lg { justify-content:center!important } .pf-v5-u-justify-content-space-between-on-lg { justify-content:space-between!important } .pf-v5-u-justify-content-space-around-on-lg { justify-content:space-around!important } .pf-v5-u-justify-content-stretch-on-lg { justify-content:stretch!important } } @media screen and (width>=1200px) { .pf-v5-u-justify-content-flex-start-on-xl { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end-on-xl { justify-content:flex-end!important } .pf-v5-u-justify-content-center-on-xl { justify-content:center!important } .pf-v5-u-justify-content-space-between-on-xl { justify-content:space-between!important } .pf-v5-u-justify-content-space-around-on-xl { justify-content:space-around!important } .pf-v5-u-justify-content-stretch-on-xl { justify-content:stretch!important } } @media screen and (width>=1450px) { .pf-v5-u-justify-content-flex-start-on-2xl { justify-content:flex-start!important } .pf-v5-u-justify-content-flex-end-on-2xl { justify-content:flex-end!important } .pf-v5-u-justify-content-center-on-2xl { justify-content:center!important } .pf-v5-u-justify-content-space-between-on-2xl { justify-content:space-between!important } .pf-v5-u-justify-content-space-around-on-2xl { justify-content:space-around!important } .pf-v5-u-justify-content-stretch-on-2xl { justify-content:stretch!important } } .pf-v5-u-flex-shrink-1 { flex-shrink:1!important } .pf-v5-u-flex-grow-1 { flex-grow:1!important } .pf-v5-u-flex-shrink-0 { flex-shrink:0!important } .pf-v5-u-flex-grow-0 { flex-grow:0!important } @media screen and (width>=576px) { .pf-v5-u-flex-shrink-1-on-sm { flex-shrink:1!important } .pf-v5-u-flex-grow-1-on-sm { flex-grow:1!important } .pf-v5-u-flex-shrink-0-on-sm { flex-shrink:0!important } .pf-v5-u-flex-grow-0-on-sm { flex-grow:0!important } } @media screen and (width>=768px) { .pf-v5-u-flex-shrink-1-on-md { flex-shrink:1!important } .pf-v5-u-flex-grow-1-on-md { flex-grow:1!important } .pf-v5-u-flex-shrink-0-on-md { flex-shrink:0!important } .pf-v5-u-flex-grow-0-on-md { flex-grow:0!important } } @media screen and (width>=992px) { .pf-v5-u-flex-shrink-1-on-lg { flex-shrink:1!important } .pf-v5-u-flex-grow-1-on-lg { flex-grow:1!important } .pf-v5-u-flex-shrink-0-on-lg { flex-shrink:0!important } .pf-v5-u-flex-grow-0-on-lg { flex-grow:0!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-shrink-1-on-xl { flex-shrink:1!important } .pf-v5-u-flex-grow-1-on-xl { flex-grow:1!important } .pf-v5-u-flex-shrink-0-on-xl { flex-shrink:0!important } .pf-v5-u-flex-grow-0-on-xl { flex-grow:0!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-shrink-1-on-2xl { flex-shrink:1!important } .pf-v5-u-flex-grow-1-on-2xl { flex-grow:1!important } .pf-v5-u-flex-shrink-0-on-2xl { flex-shrink:0!important } .pf-v5-u-flex-grow-0-on-2xl { flex-grow:0!important } } .pf-v5-u-flex-basis-0 { flex-basis:0!important } .pf-v5-u-flex-basis-auto { flex-basis:auto!important } @media screen and (width>=576px) { .pf-v5-u-flex-basis-0-on-sm { flex-basis:0!important } .pf-v5-u-flex-basis-auto-on-sm { flex-basis:auto!important } } @media screen and (width>=768px) { .pf-v5-u-flex-basis-0-on-md { flex-basis:0!important } .pf-v5-u-flex-basis-auto-on-md { flex-basis:auto!important } } @media screen and (width>=992px) { .pf-v5-u-flex-basis-0-on-lg { flex-basis:0!important } .pf-v5-u-flex-basis-auto-on-lg { flex-basis:auto!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-basis-0-on-xl { flex-basis:0!important } .pf-v5-u-flex-basis-auto-on-xl { flex-basis:auto!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-basis-0-on-2xl { flex-basis:0!important } .pf-v5-u-flex-basis-auto-on-2xl { flex-basis:auto!important } } .pf-v5-u-flex-none { flex:none!important } .pf-v5-u-flex-1 { flex:1!important } @media screen and (width>=576px) { .pf-v5-u-flex-none-on-sm { flex:none!important } .pf-v5-u-flex-1-on-sm { flex:1!important } } @media screen and (width>=768px) { .pf-v5-u-flex-none-on-md { flex:none!important } .pf-v5-u-flex-1-on-md { flex:1!important } } @media screen and (width>=992px) { .pf-v5-u-flex-none-on-lg { flex:none!important } .pf-v5-u-flex-1-on-lg { flex:1!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-none-on-xl { flex:none!important } .pf-v5-u-flex-1-on-xl { flex:1!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-none-on-2xl { flex:none!important } .pf-v5-u-flex-1-on-2xl { flex:1!important } } .pf-v5-u-flex-fill { flex:auto!important } @media screen and (width>=576px) { .pf-v5-u-flex-fill-on-sm { flex:auto!important } } @media screen and (width>=768px) { .pf-v5-u-flex-fill-on-md { flex:auto!important } } @media screen and (width>=992px) { .pf-v5-u-flex-fill-on-lg { flex:auto!important } } @media screen and (width>=1200px) { .pf-v5-u-flex-fill-on-xl { flex:auto!important } } @media screen and (width>=1450px) { .pf-v5-u-flex-fill-on-2xl { flex:auto!important } } .pf-v5-u-float-left { float:left!important } .pf-v5-u-float-right { float:right!important } @media screen and (width>=576px) { .pf-v5-u-float-left-on-sm { float:left!important } .pf-v5-u-float-right-on-sm { float:right!important } } @media screen and (width>=768px) { .pf-v5-u-float-left-on-md { float:left!important } .pf-v5-u-float-right-on-md { float:right!important } } @media screen and (width>=992px) { .pf-v5-u-float-left-on-lg { float:left!important } .pf-v5-u-float-right-on-lg { float:right!important } } @media screen and (width>=1200px) { .pf-v5-u-float-left-on-xl { float:left!important } .pf-v5-u-float-right-on-xl { float:right!important } } @media screen and (width>=1450px) { .pf-v5-u-float-left-on-2xl { float:left!important } .pf-v5-u-float-right-on-2xl { float:right!important } } .pf-v5-u-w-auto { width:auto!important } .pf-v5-u-w-initial { width:initial!important } .pf-v5-u-w-inherit { width:inherit!important } .pf-v5-u-w-0 { width:0%!important } .pf-v5-u-w-25 { width:25%!important } .pf-v5-u-w-33 { width:33.3333%!important } .pf-v5-u-w-50 { width:50%!important } .pf-v5-u-w-66 { width:66.6667%!important } .pf-v5-u-w-75 { width:75%!important } .pf-v5-u-w-100 { width:100%!important } .pf-v5-u-w-25vw { width:25vw!important } .pf-v5-u-w-33vw { width:33.3333vw!important } .pf-v5-u-w-50vw { width:50vw!important } .pf-v5-u-w-66vw { width:66.6667vw!important } .pf-v5-u-w-75vw { width:75vw!important } .pf-v5-u-w-100vw { width:100vw!important } @media screen and (width>=576px) { .pf-v5-u-w-auto-on-sm { width:auto!important } .pf-v5-u-w-initial-on-sm { width:initial!important } .pf-v5-u-w-inherit-on-sm { width:inherit!important } .pf-v5-u-w-0-on-sm { width:0%!important } .pf-v5-u-w-25-on-sm { width:25%!important } .pf-v5-u-w-33-on-sm { width:33.3333%!important } .pf-v5-u-w-50-on-sm { width:50%!important } .pf-v5-u-w-66-on-sm { width:66.6667%!important } .pf-v5-u-w-75-on-sm { width:75%!important } .pf-v5-u-w-100-on-sm { width:100%!important } .pf-v5-u-w-25vw-on-sm { width:25vw!important } .pf-v5-u-w-33vw-on-sm { width:33.3333vw!important } .pf-v5-u-w-50vw-on-sm { width:50vw!important } .pf-v5-u-w-66vw-on-sm { width:66.6667vw!important } .pf-v5-u-w-75vw-on-sm { width:75vw!important } .pf-v5-u-w-100vw-on-sm { width:100vw!important } } @media screen and (width>=768px) { .pf-v5-u-w-auto-on-md { width:auto!important } .pf-v5-u-w-initial-on-md { width:initial!important } .pf-v5-u-w-inherit-on-md { width:inherit!important } .pf-v5-u-w-0-on-md { width:0%!important } .pf-v5-u-w-25-on-md { width:25%!important } .pf-v5-u-w-33-on-md { width:33.3333%!important } .pf-v5-u-w-50-on-md { width:50%!important } .pf-v5-u-w-66-on-md { width:66.6667%!important } .pf-v5-u-w-75-on-md { width:75%!important } .pf-v5-u-w-100-on-md { width:100%!important } .pf-v5-u-w-25vw-on-md { width:25vw!important } .pf-v5-u-w-33vw-on-md { width:33.3333vw!important } .pf-v5-u-w-50vw-on-md { width:50vw!important } .pf-v5-u-w-66vw-on-md { width:66.6667vw!important } .pf-v5-u-w-75vw-on-md { width:75vw!important } .pf-v5-u-w-100vw-on-md { width:100vw!important } } @media screen and (width>=992px) { .pf-v5-u-w-auto-on-lg { width:auto!important } .pf-v5-u-w-initial-on-lg { width:initial!important } .pf-v5-u-w-inherit-on-lg { width:inherit!important } .pf-v5-u-w-0-on-lg { width:0%!important } .pf-v5-u-w-25-on-lg { width:25%!important } .pf-v5-u-w-33-on-lg { width:33.3333%!important } .pf-v5-u-w-50-on-lg { width:50%!important } .pf-v5-u-w-66-on-lg { width:66.6667%!important } .pf-v5-u-w-75-on-lg { width:75%!important } .pf-v5-u-w-100-on-lg { width:100%!important } .pf-v5-u-w-25vw-on-lg { width:25vw!important } .pf-v5-u-w-33vw-on-lg { width:33.3333vw!important } .pf-v5-u-w-50vw-on-lg { width:50vw!important } .pf-v5-u-w-66vw-on-lg { width:66.6667vw!important } .pf-v5-u-w-75vw-on-lg { width:75vw!important } .pf-v5-u-w-100vw-on-lg { width:100vw!important } } @media screen and (width>=1200px) { .pf-v5-u-w-auto-on-xl { width:auto!important } .pf-v5-u-w-initial-on-xl { width:initial!important } .pf-v5-u-w-inherit-on-xl { width:inherit!important } .pf-v5-u-w-0-on-xl { width:0%!important } .pf-v5-u-w-25-on-xl { width:25%!important } .pf-v5-u-w-33-on-xl { width:33.3333%!important } .pf-v5-u-w-50-on-xl { width:50%!important } .pf-v5-u-w-66-on-xl { width:66.6667%!important } .pf-v5-u-w-75-on-xl { width:75%!important } .pf-v5-u-w-100-on-xl { width:100%!important } .pf-v5-u-w-25vw-on-xl { width:25vw!important } .pf-v5-u-w-33vw-on-xl { width:33.3333vw!important } .pf-v5-u-w-50vw-on-xl { width:50vw!important } .pf-v5-u-w-66vw-on-xl { width:66.6667vw!important } .pf-v5-u-w-75vw-on-xl { width:75vw!important } .pf-v5-u-w-100vw-on-xl { width:100vw!important } } @media screen and (width>=1450px) { .pf-v5-u-w-auto-on-2xl { width:auto!important } .pf-v5-u-w-initial-on-2xl { width:initial!important } .pf-v5-u-w-inherit-on-2xl { width:inherit!important } .pf-v5-u-w-0-on-2xl { width:0%!important } .pf-v5-u-w-25-on-2xl { width:25%!important } .pf-v5-u-w-33-on-2xl { width:33.3333%!important } .pf-v5-u-w-50-on-2xl { width:50%!important } .pf-v5-u-w-66-on-2xl { width:66.6667%!important } .pf-v5-u-w-75-on-2xl { width:75%!important } .pf-v5-u-w-100-on-2xl { width:100%!important } .pf-v5-u-w-25vw-on-2xl { width:25vw!important } .pf-v5-u-w-33vw-on-2xl { width:33.3333vw!important } .pf-v5-u-w-50vw-on-2xl { width:50vw!important } .pf-v5-u-w-66vw-on-2xl { width:66.6667vw!important } .pf-v5-u-w-75vw-on-2xl { width:75vw!important } .pf-v5-u-w-100vw-on-2xl { width:100vw!important } } .pf-v5-u-h-auto { height:auto!important } .pf-v5-u-h-initial { height:initial!important } .pf-v5-u-h-inherit { height:inherit!important } .pf-v5-u-h-0 { height:0%!important } .pf-v5-u-h-25 { height:25%!important } .pf-v5-u-h-33 { height:33.3333%!important } .pf-v5-u-h-50 { height:50%!important } .pf-v5-u-h-66 { height:66.6667%!important } .pf-v5-u-h-75 { height:75%!important } .pf-v5-u-h-100 { height:100%!important } .pf-v5-u-h-25vh { height:25vh!important } .pf-v5-u-h-33vh { height:33.3333vh!important } .pf-v5-u-h-50vh { height:50vh!important } .pf-v5-u-h-66vh { height:66.6667vh!important } .pf-v5-u-h-75vh { height:75vh!important } .pf-v5-u-h-100vh { height:100vh!important } @media screen and (width>=576px) { .pf-v5-u-h-auto-on-sm { height:auto!important } .pf-v5-u-h-initial-on-sm { height:initial!important } .pf-v5-u-h-inherit-on-sm { height:inherit!important } .pf-v5-u-h-0-on-sm { height:0%!important } .pf-v5-u-h-25-on-sm { height:25%!important } .pf-v5-u-h-33-on-sm { height:33.3333%!important } .pf-v5-u-h-50-on-sm { height:50%!important } .pf-v5-u-h-66-on-sm { height:66.6667%!important } .pf-v5-u-h-75-on-sm { height:75%!important } .pf-v5-u-h-100-on-sm { height:100%!important } .pf-v5-u-h-25vh-on-sm { height:25vh!important } .pf-v5-u-h-33vh-on-sm { height:33.3333vh!important } .pf-v5-u-h-50vh-on-sm { height:50vh!important } .pf-v5-u-h-66vh-on-sm { height:66.6667vh!important } .pf-v5-u-h-75vh-on-sm { height:75vh!important } .pf-v5-u-h-100vh-on-sm { height:100vh!important } } @media screen and (width>=768px) { .pf-v5-u-h-auto-on-md { height:auto!important } .pf-v5-u-h-initial-on-md { height:initial!important } .pf-v5-u-h-inherit-on-md { height:inherit!important } .pf-v5-u-h-0-on-md { height:0%!important } .pf-v5-u-h-25-on-md { height:25%!important } .pf-v5-u-h-33-on-md { height:33.3333%!important } .pf-v5-u-h-50-on-md { height:50%!important } .pf-v5-u-h-66-on-md { height:66.6667%!important } .pf-v5-u-h-75-on-md { height:75%!important } .pf-v5-u-h-100-on-md { height:100%!important } .pf-v5-u-h-25vh-on-md { height:25vh!important } .pf-v5-u-h-33vh-on-md { height:33.3333vh!important } .pf-v5-u-h-50vh-on-md { height:50vh!important } .pf-v5-u-h-66vh-on-md { height:66.6667vh!important } .pf-v5-u-h-75vh-on-md { height:75vh!important } .pf-v5-u-h-100vh-on-md { height:100vh!important } } @media screen and (width>=992px) { .pf-v5-u-h-auto-on-lg { height:auto!important } .pf-v5-u-h-initial-on-lg { height:initial!important } .pf-v5-u-h-inherit-on-lg { height:inherit!important } .pf-v5-u-h-0-on-lg { height:0%!important } .pf-v5-u-h-25-on-lg { height:25%!important } .pf-v5-u-h-33-on-lg { height:33.3333%!important } .pf-v5-u-h-50-on-lg { height:50%!important } .pf-v5-u-h-66-on-lg { height:66.6667%!important } .pf-v5-u-h-75-on-lg { height:75%!important } .pf-v5-u-h-100-on-lg { height:100%!important } .pf-v5-u-h-25vh-on-lg { height:25vh!important } .pf-v5-u-h-33vh-on-lg { height:33.3333vh!important } .pf-v5-u-h-50vh-on-lg { height:50vh!important } .pf-v5-u-h-66vh-on-lg { height:66.6667vh!important } .pf-v5-u-h-75vh-on-lg { height:75vh!important } .pf-v5-u-h-100vh-on-lg { height:100vh!important } } @media screen and (width>=1200px) { .pf-v5-u-h-auto-on-xl { height:auto!important } .pf-v5-u-h-initial-on-xl { height:initial!important } .pf-v5-u-h-inherit-on-xl { height:inherit!important } .pf-v5-u-h-0-on-xl { height:0%!important } .pf-v5-u-h-25-on-xl { height:25%!important } .pf-v5-u-h-33-on-xl { height:33.3333%!important } .pf-v5-u-h-50-on-xl { height:50%!important } .pf-v5-u-h-66-on-xl { height:66.6667%!important } .pf-v5-u-h-75-on-xl { height:75%!important } .pf-v5-u-h-100-on-xl { height:100%!important } .pf-v5-u-h-25vh-on-xl { height:25vh!important } .pf-v5-u-h-33vh-on-xl { height:33.3333vh!important } .pf-v5-u-h-50vh-on-xl { height:50vh!important } .pf-v5-u-h-66vh-on-xl { height:66.6667vh!important } .pf-v5-u-h-75vh-on-xl { height:75vh!important } .pf-v5-u-h-100vh-on-xl { height:100vh!important } } @media screen and (width>=1450px) { .pf-v5-u-h-auto-on-2xl { height:auto!important } .pf-v5-u-h-initial-on-2xl { height:initial!important } .pf-v5-u-h-inherit-on-2xl { height:inherit!important } .pf-v5-u-h-0-on-2xl { height:0%!important } .pf-v5-u-h-25-on-2xl { height:25%!important } .pf-v5-u-h-33-on-2xl { height:33.3333%!important } .pf-v5-u-h-50-on-2xl { height:50%!important } .pf-v5-u-h-66-on-2xl { height:66.6667%!important } .pf-v5-u-h-75-on-2xl { height:75%!important } .pf-v5-u-h-100-on-2xl { height:100%!important } .pf-v5-u-h-25vh-on-2xl { height:25vh!important } .pf-v5-u-h-33vh-on-2xl { height:33.3333vh!important } .pf-v5-u-h-50vh-on-2xl { height:50vh!important } .pf-v5-u-h-66vh-on-2xl { height:66.6667vh!important } .pf-v5-u-h-75vh-on-2xl { height:75vh!important } .pf-v5-u-h-100vh-on-2xl { height:100vh!important } } .pf-v5-u-min-width { --pf-v5-u-min-width--MinWidth:0; min-width:var(--pf-v5-u-min-width--MinWidth)!important } @media (width>=576px) { .pf-v5-u-min-width { min-width:var(--pf-v5-u-min-width--MinWidth-on-sm,var(--pf-v5-u-min-width--MinWidth))!important } } @media (width>=768px) { .pf-v5-u-min-width { min-width:var(--pf-v5-u-min-width--MinWidth-on-md,var(--pf-v5-u-min-width--MinWidth-on-sm,var(--pf-v5-u-min-width--MinWidth)))!important } } @media (width>=992px) { .pf-v5-u-min-width { min-width:var(--pf-v5-u-min-width--MinWidth-on-lg,var(--pf-v5-u-min-width--MinWidth-on-md,var(--pf-v5-u-min-width--MinWidth-on-sm,var(--pf-v5-u-min-width--MinWidth))))!important } } @media (width>=1200px) { .pf-v5-u-min-width { min-width:var(--pf-v5-u-min-width--MinWidth-on-xl,var(--pf-v5-u-min-width--MinWidth-on-lg,var(--pf-v5-u-min-width--MinWidth-on-md,var(--pf-v5-u-min-width--MinWidth-on-sm,var(--pf-v5-u-min-width--MinWidth)))))!important } } @media (width>=1450px) { .pf-v5-u-min-width { min-width:var(--pf-v5-u-min-width--MinWidth-on-2xl,var(--pf-v5-u-min-width--MinWidth-on-xl,var(--pf-v5-u-min-width--MinWidth-on-lg,var(--pf-v5-u-min-width--MinWidth-on-md,var(--pf-v5-u-min-width--MinWidth-on-sm,var(--pf-v5-u-min-width--MinWidth))))))!important } } .pf-v5-u-max-width { --pf-v5-u-max-width--MaxWidth:auto; max-width:var(--pf-v5-u-max-width--MaxWidth)!important } @media (width>=576px) { .pf-v5-u-max-width { max-width:var(--pf-v5-u-max-width--MaxWidth-on-sm,var(--pf-v5-u-max-width--MaxWidth))!important } } @media (width>=768px) { .pf-v5-u-max-width { max-width:var(--pf-v5-u-max-width--MaxWidth-on-md,var(--pf-v5-u-max-width--MaxWidth-on-sm,var(--pf-v5-u-max-width--MaxWidth)))!important } } @media (width>=992px) { .pf-v5-u-max-width { max-width:var(--pf-v5-u-max-width--MaxWidth-on-lg,var(--pf-v5-u-max-width--MaxWidth-on-md,var(--pf-v5-u-max-width--MaxWidth-on-sm,var(--pf-v5-u-max-width--MaxWidth))))!important } } @media (width>=1200px) { .pf-v5-u-max-width { max-width:var(--pf-v5-u-max-width--MaxWidth-on-xl,var(--pf-v5-u-max-width--MaxWidth-on-lg,var(--pf-v5-u-max-width--MaxWidth-on-md,var(--pf-v5-u-max-width--MaxWidth-on-sm,var(--pf-v5-u-max-width--MaxWidth)))))!important } } @media (width>=1450px) { .pf-v5-u-max-width { max-width:var(--pf-v5-u-max-width--MaxWidth-on-2xl,var(--pf-v5-u-max-width--MaxWidth-on-xl,var(--pf-v5-u-max-width--MaxWidth-on-lg,var(--pf-v5-u-max-width--MaxWidth-on-md,var(--pf-v5-u-max-width--MaxWidth-on-sm,var(--pf-v5-u-max-width--MaxWidth))))))!important } } .pf-v5-u-min-height { --pf-v5-u-min-height--MinHeight:0; min-height:var(--pf-v5-u-min-height--MinHeight)!important } @media (width>=576px) { .pf-v5-u-min-height { min-height:var(--pf-v5-u-min-height--MinHeight-on-sm,var(--pf-v5-u-min-height--MinHeight))!important } } @media (width>=768px) { .pf-v5-u-min-height { min-height:var(--pf-v5-u-min-height--MinHeight-on-md,var(--pf-v5-u-min-height--MinHeight-on-sm,var(--pf-v5-u-min-height--MinHeight)))!important } } @media (width>=992px) { .pf-v5-u-min-height { min-height:var(--pf-v5-u-min-height--MinHeight-on-lg,var(--pf-v5-u-min-height--MinHeight-on-md,var(--pf-v5-u-min-height--MinHeight-on-sm,var(--pf-v5-u-min-height--MinHeight))))!important } } @media (width>=1200px) { .pf-v5-u-min-height { min-height:var(--pf-v5-u-min-height--MinHeight-on-xl,var(--pf-v5-u-min-height--MinHeight-on-lg,var(--pf-v5-u-min-height--MinHeight-on-md,var(--pf-v5-u-min-height--MinHeight-on-sm,var(--pf-v5-u-min-height--MinHeight)))))!important } } @media (width>=1450px) { .pf-v5-u-min-height { min-height:var(--pf-v5-u-min-height--MinHeight-on-2xl,var(--pf-v5-u-min-height--MinHeight-on-xl,var(--pf-v5-u-min-height--MinHeight-on-lg,var(--pf-v5-u-min-height--MinHeight-on-md,var(--pf-v5-u-min-height--MinHeight-on-sm,var(--pf-v5-u-min-height--MinHeight))))))!important } } .pf-v5-u-max-height { --pf-v5-u-max-height--MaxHeight:auto; max-height:var(--pf-v5-u-max-height--MaxHeight)!important } @media (width>=576px) { .pf-v5-u-max-height { max-height:var(--pf-v5-u-max-height--MaxHeight-on-sm,var(--pf-v5-u-max-height--MaxHeight))!important } } @media (width>=768px) { .pf-v5-u-max-height { max-height:var(--pf-v5-u-max-height--MaxHeight-on-md,var(--pf-v5-u-max-height--MaxHeight-on-sm,var(--pf-v5-u-max-height--MaxHeight)))!important } } @media (width>=992px) { .pf-v5-u-max-height { max-height:var(--pf-v5-u-max-height--MaxHeight-on-lg,var(--pf-v5-u-max-height--MaxHeight-on-md,var(--pf-v5-u-max-height--MaxHeight-on-sm,var(--pf-v5-u-max-height--MaxHeight))))!important } } @media (width>=1200px) { .pf-v5-u-max-height { max-height:var(--pf-v5-u-max-height--MaxHeight-on-xl,var(--pf-v5-u-max-height--MaxHeight-on-lg,var(--pf-v5-u-max-height--MaxHeight-on-md,var(--pf-v5-u-max-height--MaxHeight-on-sm,var(--pf-v5-u-max-height--MaxHeight)))))!important } } @media (width>=1450px) { .pf-v5-u-max-height { max-height:var(--pf-v5-u-max-height--MaxHeight-on-2xl,var(--pf-v5-u-max-height--MaxHeight-on-xl,var(--pf-v5-u-max-height--MaxHeight-on-lg,var(--pf-v5-u-max-height--MaxHeight-on-md,var(--pf-v5-u-max-height--MaxHeight-on-sm,var(--pf-v5-u-max-height--MaxHeight))))))!important } } .pf-v5-u-m-auto { margin:auto!important } .pf-v5-u-m-0 { margin:0!important } .pf-v5-u-m-xs { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto { margin-block-start:auto!important } .pf-v5-u-mt-0 { margin-block-start:0!important } .pf-v5-u-mt-xs { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto { margin-inline-end:auto!important } .pf-v5-u-mr-0 { margin-inline-end:0!important } .pf-v5-u-mr-xs { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto { margin-block-end:auto!important } .pf-v5-u-mb-0 { margin-block-end:0!important } .pf-v5-u-mb-xs { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto { margin-inline-start:auto!important } .pf-v5-u-ml-0 { margin-inline-start:0!important } .pf-v5-u-ml-xs { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto { margin-inline:auto!important } .pf-v5-u-mx-0 { margin-inline:0!important } .pf-v5-u-mx-xs { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto { margin-block:auto!important } .pf-v5-u-my-0 { margin-block:0!important } .pf-v5-u-my-xs { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto { padding:auto!important } .pf-v5-u-p-0 { padding:0!important } .pf-v5-u-p-xs { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto { padding-block-start:auto!important } .pf-v5-u-pt-0 { padding-block-start:0!important } .pf-v5-u-pt-xs { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto { padding-inline-end:auto!important } .pf-v5-u-pr-0 { padding-inline-end:0!important } .pf-v5-u-pr-xs { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto { padding-block-end:auto!important } .pf-v5-u-pb-0 { padding-block-end:0!important } .pf-v5-u-pb-xs { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto { padding-inline-start:auto!important } .pf-v5-u-pl-0 { padding-inline-start:0!important } .pf-v5-u-pl-xs { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto { padding-inline:auto!important } .pf-v5-u-px-0 { padding-inline:0!important } .pf-v5-u-px-xs { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto { padding-block:auto!important } .pf-v5-u-py-0 { padding-block:0!important } .pf-v5-u-py-xs { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl { padding-block:var(--pf-v5-global--spacer--4xl)!important } @media screen and (width>=576px) { .pf-v5-u-m-auto-on-sm { margin:auto!important } .pf-v5-u-m-0-on-sm { margin:0!important } .pf-v5-u-m-xs-on-sm { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm-on-sm { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md-on-sm { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg-on-sm { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl-on-sm { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl-on-sm { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl-on-sm { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl-on-sm { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto-on-sm { margin-block-start:auto!important } .pf-v5-u-mt-0-on-sm { margin-block-start:0!important } .pf-v5-u-mt-xs-on-sm { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm-on-sm { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md-on-sm { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg-on-sm { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl-on-sm { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl-on-sm { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl-on-sm { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl-on-sm { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto-on-sm { margin-inline-end:auto!important } .pf-v5-u-mr-0-on-sm { margin-inline-end:0!important } .pf-v5-u-mr-xs-on-sm { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm-on-sm { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md-on-sm { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg-on-sm { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl-on-sm { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl-on-sm { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl-on-sm { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl-on-sm { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto-on-sm { margin-block-end:auto!important } .pf-v5-u-mb-0-on-sm { margin-block-end:0!important } .pf-v5-u-mb-xs-on-sm { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm-on-sm { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md-on-sm { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg-on-sm { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl-on-sm { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl-on-sm { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl-on-sm { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl-on-sm { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto-on-sm { margin-inline-start:auto!important } .pf-v5-u-ml-0-on-sm { margin-inline-start:0!important } .pf-v5-u-ml-xs-on-sm { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm-on-sm { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md-on-sm { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg-on-sm { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl-on-sm { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl-on-sm { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl-on-sm { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl-on-sm { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto-on-sm { margin-inline:auto!important } .pf-v5-u-mx-0-on-sm { margin-inline:0!important } .pf-v5-u-mx-xs-on-sm { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm-on-sm { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md-on-sm { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg-on-sm { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl-on-sm { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl-on-sm { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl-on-sm { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl-on-sm { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto-on-sm { margin-block:auto!important } .pf-v5-u-my-0-on-sm { margin-block:0!important } .pf-v5-u-my-xs-on-sm { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm-on-sm { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md-on-sm { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg-on-sm { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl-on-sm { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl-on-sm { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl-on-sm { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl-on-sm { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto-on-sm { padding:auto!important } .pf-v5-u-p-0-on-sm { padding:0!important } .pf-v5-u-p-xs-on-sm { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm-on-sm { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md-on-sm { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg-on-sm { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl-on-sm { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl-on-sm { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl-on-sm { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl-on-sm { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto-on-sm { padding-block-start:auto!important } .pf-v5-u-pt-0-on-sm { padding-block-start:0!important } .pf-v5-u-pt-xs-on-sm { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm-on-sm { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md-on-sm { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg-on-sm { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl-on-sm { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl-on-sm { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl-on-sm { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl-on-sm { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto-on-sm { padding-inline-end:auto!important } .pf-v5-u-pr-0-on-sm { padding-inline-end:0!important } .pf-v5-u-pr-xs-on-sm { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm-on-sm { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md-on-sm { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg-on-sm { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl-on-sm { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl-on-sm { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl-on-sm { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl-on-sm { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto-on-sm { padding-block-end:auto!important } .pf-v5-u-pb-0-on-sm { padding-block-end:0!important } .pf-v5-u-pb-xs-on-sm { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm-on-sm { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md-on-sm { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg-on-sm { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl-on-sm { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl-on-sm { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl-on-sm { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl-on-sm { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto-on-sm { padding-inline-start:auto!important } .pf-v5-u-pl-0-on-sm { padding-inline-start:0!important } .pf-v5-u-pl-xs-on-sm { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm-on-sm { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md-on-sm { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg-on-sm { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl-on-sm { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl-on-sm { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl-on-sm { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl-on-sm { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto-on-sm { padding-inline:auto!important } .pf-v5-u-px-0-on-sm { padding-inline:0!important } .pf-v5-u-px-xs-on-sm { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm-on-sm { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md-on-sm { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg-on-sm { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl-on-sm { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl-on-sm { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl-on-sm { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl-on-sm { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto-on-sm { padding-block:auto!important } .pf-v5-u-py-0-on-sm { padding-block:0!important } .pf-v5-u-py-xs-on-sm { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm-on-sm { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md-on-sm { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg-on-sm { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl-on-sm { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl-on-sm { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl-on-sm { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl-on-sm { padding-block:var(--pf-v5-global--spacer--4xl)!important } } @media screen and (width>=768px) { .pf-v5-u-m-auto-on-md { margin:auto!important } .pf-v5-u-m-0-on-md { margin:0!important } .pf-v5-u-m-xs-on-md { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm-on-md { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md-on-md { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg-on-md { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl-on-md { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl-on-md { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl-on-md { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl-on-md { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto-on-md { margin-block-start:auto!important } .pf-v5-u-mt-0-on-md { margin-block-start:0!important } .pf-v5-u-mt-xs-on-md { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm-on-md { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md-on-md { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg-on-md { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl-on-md { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl-on-md { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl-on-md { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl-on-md { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto-on-md { margin-inline-end:auto!important } .pf-v5-u-mr-0-on-md { margin-inline-end:0!important } .pf-v5-u-mr-xs-on-md { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm-on-md { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md-on-md { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg-on-md { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl-on-md { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl-on-md { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl-on-md { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl-on-md { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto-on-md { margin-block-end:auto!important } .pf-v5-u-mb-0-on-md { margin-block-end:0!important } .pf-v5-u-mb-xs-on-md { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm-on-md { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md-on-md { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg-on-md { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl-on-md { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl-on-md { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl-on-md { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl-on-md { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto-on-md { margin-inline-start:auto!important } .pf-v5-u-ml-0-on-md { margin-inline-start:0!important } .pf-v5-u-ml-xs-on-md { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm-on-md { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md-on-md { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg-on-md { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl-on-md { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl-on-md { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl-on-md { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl-on-md { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto-on-md { margin-inline:auto!important } .pf-v5-u-mx-0-on-md { margin-inline:0!important } .pf-v5-u-mx-xs-on-md { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm-on-md { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md-on-md { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg-on-md { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl-on-md { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl-on-md { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl-on-md { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl-on-md { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto-on-md { margin-block:auto!important } .pf-v5-u-my-0-on-md { margin-block:0!important } .pf-v5-u-my-xs-on-md { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm-on-md { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md-on-md { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg-on-md { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl-on-md { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl-on-md { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl-on-md { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl-on-md { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto-on-md { padding:auto!important } .pf-v5-u-p-0-on-md { padding:0!important } .pf-v5-u-p-xs-on-md { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm-on-md { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md-on-md { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg-on-md { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl-on-md { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl-on-md { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl-on-md { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl-on-md { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto-on-md { padding-block-start:auto!important } .pf-v5-u-pt-0-on-md { padding-block-start:0!important } .pf-v5-u-pt-xs-on-md { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm-on-md { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md-on-md { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg-on-md { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl-on-md { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl-on-md { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl-on-md { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl-on-md { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto-on-md { padding-inline-end:auto!important } .pf-v5-u-pr-0-on-md { padding-inline-end:0!important } .pf-v5-u-pr-xs-on-md { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm-on-md { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md-on-md { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg-on-md { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl-on-md { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl-on-md { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl-on-md { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl-on-md { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto-on-md { padding-block-end:auto!important } .pf-v5-u-pb-0-on-md { padding-block-end:0!important } .pf-v5-u-pb-xs-on-md { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm-on-md { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md-on-md { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg-on-md { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl-on-md { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl-on-md { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl-on-md { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl-on-md { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto-on-md { padding-inline-start:auto!important } .pf-v5-u-pl-0-on-md { padding-inline-start:0!important } .pf-v5-u-pl-xs-on-md { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm-on-md { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md-on-md { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg-on-md { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl-on-md { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl-on-md { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl-on-md { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl-on-md { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto-on-md { padding-inline:auto!important } .pf-v5-u-px-0-on-md { padding-inline:0!important } .pf-v5-u-px-xs-on-md { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm-on-md { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md-on-md { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg-on-md { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl-on-md { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl-on-md { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl-on-md { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl-on-md { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto-on-md { padding-block:auto!important } .pf-v5-u-py-0-on-md { padding-block:0!important } .pf-v5-u-py-xs-on-md { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm-on-md { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md-on-md { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg-on-md { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl-on-md { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl-on-md { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl-on-md { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl-on-md { padding-block:var(--pf-v5-global--spacer--4xl)!important } } @media screen and (width>=992px) { .pf-v5-u-m-auto-on-lg { margin:auto!important } .pf-v5-u-m-0-on-lg { margin:0!important } .pf-v5-u-m-xs-on-lg { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm-on-lg { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md-on-lg { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg-on-lg { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl-on-lg { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl-on-lg { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl-on-lg { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl-on-lg { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto-on-lg { margin-block-start:auto!important } .pf-v5-u-mt-0-on-lg { margin-block-start:0!important } .pf-v5-u-mt-xs-on-lg { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm-on-lg { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md-on-lg { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg-on-lg { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl-on-lg { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl-on-lg { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl-on-lg { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl-on-lg { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto-on-lg { margin-inline-end:auto!important } .pf-v5-u-mr-0-on-lg { margin-inline-end:0!important } .pf-v5-u-mr-xs-on-lg { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm-on-lg { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md-on-lg { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg-on-lg { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl-on-lg { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl-on-lg { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl-on-lg { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl-on-lg { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto-on-lg { margin-block-end:auto!important } .pf-v5-u-mb-0-on-lg { margin-block-end:0!important } .pf-v5-u-mb-xs-on-lg { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm-on-lg { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md-on-lg { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg-on-lg { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl-on-lg { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl-on-lg { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl-on-lg { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl-on-lg { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto-on-lg { margin-inline-start:auto!important } .pf-v5-u-ml-0-on-lg { margin-inline-start:0!important } .pf-v5-u-ml-xs-on-lg { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm-on-lg { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md-on-lg { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg-on-lg { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl-on-lg { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl-on-lg { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl-on-lg { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl-on-lg { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto-on-lg { margin-inline:auto!important } .pf-v5-u-mx-0-on-lg { margin-inline:0!important } .pf-v5-u-mx-xs-on-lg { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm-on-lg { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md-on-lg { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg-on-lg { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl-on-lg { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl-on-lg { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl-on-lg { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl-on-lg { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto-on-lg { margin-block:auto!important } .pf-v5-u-my-0-on-lg { margin-block:0!important } .pf-v5-u-my-xs-on-lg { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm-on-lg { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md-on-lg { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg-on-lg { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl-on-lg { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl-on-lg { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl-on-lg { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl-on-lg { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto-on-lg { padding:auto!important } .pf-v5-u-p-0-on-lg { padding:0!important } .pf-v5-u-p-xs-on-lg { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm-on-lg { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md-on-lg { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg-on-lg { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl-on-lg { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl-on-lg { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl-on-lg { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl-on-lg { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto-on-lg { padding-block-start:auto!important } .pf-v5-u-pt-0-on-lg { padding-block-start:0!important } .pf-v5-u-pt-xs-on-lg { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm-on-lg { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md-on-lg { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg-on-lg { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl-on-lg { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl-on-lg { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl-on-lg { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl-on-lg { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto-on-lg { padding-inline-end:auto!important } .pf-v5-u-pr-0-on-lg { padding-inline-end:0!important } .pf-v5-u-pr-xs-on-lg { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm-on-lg { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md-on-lg { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg-on-lg { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl-on-lg { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl-on-lg { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl-on-lg { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl-on-lg { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto-on-lg { padding-block-end:auto!important } .pf-v5-u-pb-0-on-lg { padding-block-end:0!important } .pf-v5-u-pb-xs-on-lg { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm-on-lg { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md-on-lg { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg-on-lg { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl-on-lg { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl-on-lg { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl-on-lg { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl-on-lg { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto-on-lg { padding-inline-start:auto!important } .pf-v5-u-pl-0-on-lg { padding-inline-start:0!important } .pf-v5-u-pl-xs-on-lg { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm-on-lg { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md-on-lg { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg-on-lg { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl-on-lg { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl-on-lg { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl-on-lg { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl-on-lg { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto-on-lg { padding-inline:auto!important } .pf-v5-u-px-0-on-lg { padding-inline:0!important } .pf-v5-u-px-xs-on-lg { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm-on-lg { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md-on-lg { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg-on-lg { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl-on-lg { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl-on-lg { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl-on-lg { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl-on-lg { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto-on-lg { padding-block:auto!important } .pf-v5-u-py-0-on-lg { padding-block:0!important } .pf-v5-u-py-xs-on-lg { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm-on-lg { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md-on-lg { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg-on-lg { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl-on-lg { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl-on-lg { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl-on-lg { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl-on-lg { padding-block:var(--pf-v5-global--spacer--4xl)!important } } @media screen and (width>=1200px) { .pf-v5-u-m-auto-on-xl { margin:auto!important } .pf-v5-u-m-0-on-xl { margin:0!important } .pf-v5-u-m-xs-on-xl { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm-on-xl { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md-on-xl { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg-on-xl { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl-on-xl { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl-on-xl { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl-on-xl { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl-on-xl { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto-on-xl { margin-block-start:auto!important } .pf-v5-u-mt-0-on-xl { margin-block-start:0!important } .pf-v5-u-mt-xs-on-xl { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm-on-xl { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md-on-xl { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg-on-xl { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl-on-xl { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl-on-xl { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl-on-xl { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl-on-xl { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto-on-xl { margin-inline-end:auto!important } .pf-v5-u-mr-0-on-xl { margin-inline-end:0!important } .pf-v5-u-mr-xs-on-xl { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm-on-xl { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md-on-xl { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg-on-xl { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl-on-xl { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl-on-xl { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl-on-xl { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl-on-xl { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto-on-xl { margin-block-end:auto!important } .pf-v5-u-mb-0-on-xl { margin-block-end:0!important } .pf-v5-u-mb-xs-on-xl { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm-on-xl { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md-on-xl { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg-on-xl { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl-on-xl { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl-on-xl { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl-on-xl { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl-on-xl { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto-on-xl { margin-inline-start:auto!important } .pf-v5-u-ml-0-on-xl { margin-inline-start:0!important } .pf-v5-u-ml-xs-on-xl { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm-on-xl { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md-on-xl { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg-on-xl { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl-on-xl { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl-on-xl { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl-on-xl { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl-on-xl { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto-on-xl { margin-inline:auto!important } .pf-v5-u-mx-0-on-xl { margin-inline:0!important } .pf-v5-u-mx-xs-on-xl { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm-on-xl { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md-on-xl { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg-on-xl { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl-on-xl { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl-on-xl { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl-on-xl { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl-on-xl { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto-on-xl { margin-block:auto!important } .pf-v5-u-my-0-on-xl { margin-block:0!important } .pf-v5-u-my-xs-on-xl { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm-on-xl { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md-on-xl { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg-on-xl { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl-on-xl { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl-on-xl { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl-on-xl { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl-on-xl { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto-on-xl { padding:auto!important } .pf-v5-u-p-0-on-xl { padding:0!important } .pf-v5-u-p-xs-on-xl { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm-on-xl { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md-on-xl { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg-on-xl { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl-on-xl { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl-on-xl { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl-on-xl { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl-on-xl { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto-on-xl { padding-block-start:auto!important } .pf-v5-u-pt-0-on-xl { padding-block-start:0!important } .pf-v5-u-pt-xs-on-xl { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm-on-xl { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md-on-xl { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg-on-xl { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl-on-xl { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl-on-xl { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl-on-xl { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl-on-xl { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto-on-xl { padding-inline-end:auto!important } .pf-v5-u-pr-0-on-xl { padding-inline-end:0!important } .pf-v5-u-pr-xs-on-xl { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm-on-xl { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md-on-xl { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg-on-xl { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl-on-xl { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl-on-xl { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl-on-xl { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl-on-xl { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto-on-xl { padding-block-end:auto!important } .pf-v5-u-pb-0-on-xl { padding-block-end:0!important } .pf-v5-u-pb-xs-on-xl { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm-on-xl { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md-on-xl { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg-on-xl { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl-on-xl { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl-on-xl { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl-on-xl { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl-on-xl { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto-on-xl { padding-inline-start:auto!important } .pf-v5-u-pl-0-on-xl { padding-inline-start:0!important } .pf-v5-u-pl-xs-on-xl { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm-on-xl { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md-on-xl { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg-on-xl { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl-on-xl { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl-on-xl { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl-on-xl { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl-on-xl { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto-on-xl { padding-inline:auto!important } .pf-v5-u-px-0-on-xl { padding-inline:0!important } .pf-v5-u-px-xs-on-xl { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm-on-xl { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md-on-xl { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg-on-xl { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl-on-xl { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl-on-xl { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl-on-xl { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl-on-xl { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto-on-xl { padding-block:auto!important } .pf-v5-u-py-0-on-xl { padding-block:0!important } .pf-v5-u-py-xs-on-xl { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm-on-xl { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md-on-xl { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg-on-xl { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl-on-xl { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl-on-xl { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl-on-xl { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl-on-xl { padding-block:var(--pf-v5-global--spacer--4xl)!important } } @media screen and (width>=1450px) { .pf-v5-u-m-auto-on-2xl { margin:auto!important } .pf-v5-u-m-0-on-2xl { margin:0!important } .pf-v5-u-m-xs-on-2xl { margin:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-m-sm-on-2xl { margin:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-m-md-on-2xl { margin:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-m-lg-on-2xl { margin:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-m-xl-on-2xl { margin:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-m-2xl-on-2xl { margin:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-m-3xl-on-2xl { margin:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-m-4xl-on-2xl { margin:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mt-auto-on-2xl { margin-block-start:auto!important } .pf-v5-u-mt-0-on-2xl { margin-block-start:0!important } .pf-v5-u-mt-xs-on-2xl { margin-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mt-sm-on-2xl { margin-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mt-md-on-2xl { margin-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mt-lg-on-2xl { margin-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mt-xl-on-2xl { margin-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mt-2xl-on-2xl { margin-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mt-3xl-on-2xl { margin-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mt-4xl-on-2xl { margin-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mr-auto-on-2xl { margin-inline-end:auto!important } .pf-v5-u-mr-0-on-2xl { margin-inline-end:0!important } .pf-v5-u-mr-xs-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mr-sm-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mr-md-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mr-lg-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mr-xl-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mr-2xl-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mr-3xl-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mr-4xl-on-2xl { margin-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mb-auto-on-2xl { margin-block-end:auto!important } .pf-v5-u-mb-0-on-2xl { margin-block-end:0!important } .pf-v5-u-mb-xs-on-2xl { margin-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mb-sm-on-2xl { margin-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mb-md-on-2xl { margin-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mb-lg-on-2xl { margin-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mb-xl-on-2xl { margin-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mb-2xl-on-2xl { margin-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mb-3xl-on-2xl { margin-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mb-4xl-on-2xl { margin-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-ml-auto-on-2xl { margin-inline-start:auto!important } .pf-v5-u-ml-0-on-2xl { margin-inline-start:0!important } .pf-v5-u-ml-xs-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-ml-sm-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-ml-md-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-ml-lg-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-ml-xl-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-ml-2xl-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-ml-3xl-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-ml-4xl-on-2xl { margin-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-mx-auto-on-2xl { margin-inline:auto!important } .pf-v5-u-mx-0-on-2xl { margin-inline:0!important } .pf-v5-u-mx-xs-on-2xl { margin-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-mx-sm-on-2xl { margin-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-mx-md-on-2xl { margin-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-mx-lg-on-2xl { margin-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-mx-xl-on-2xl { margin-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-mx-2xl-on-2xl { margin-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-mx-3xl-on-2xl { margin-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-mx-4xl-on-2xl { margin-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-my-auto-on-2xl { margin-block:auto!important } .pf-v5-u-my-0-on-2xl { margin-block:0!important } .pf-v5-u-my-xs-on-2xl { margin-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-my-sm-on-2xl { margin-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-my-md-on-2xl { margin-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-my-lg-on-2xl { margin-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-my-xl-on-2xl { margin-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-my-2xl-on-2xl { margin-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-my-3xl-on-2xl { margin-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-my-4xl-on-2xl { margin-block:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-p-auto-on-2xl { padding:auto!important } .pf-v5-u-p-0-on-2xl { padding:0!important } .pf-v5-u-p-xs-on-2xl { padding:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-p-sm-on-2xl { padding:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-p-md-on-2xl { padding:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-p-lg-on-2xl { padding:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-p-xl-on-2xl { padding:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-p-2xl-on-2xl { padding:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-p-3xl-on-2xl { padding:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-p-4xl-on-2xl { padding:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pt-auto-on-2xl { padding-block-start:auto!important } .pf-v5-u-pt-0-on-2xl { padding-block-start:0!important } .pf-v5-u-pt-xs-on-2xl { padding-block-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pt-sm-on-2xl { padding-block-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pt-md-on-2xl { padding-block-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pt-lg-on-2xl { padding-block-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pt-xl-on-2xl { padding-block-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pt-2xl-on-2xl { padding-block-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pt-3xl-on-2xl { padding-block-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pt-4xl-on-2xl { padding-block-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pr-auto-on-2xl { padding-inline-end:auto!important } .pf-v5-u-pr-0-on-2xl { padding-inline-end:0!important } .pf-v5-u-pr-xs-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pr-sm-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pr-md-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pr-lg-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pr-xl-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pr-2xl-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pr-3xl-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pr-4xl-on-2xl { padding-inline-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pb-auto-on-2xl { padding-block-end:auto!important } .pf-v5-u-pb-0-on-2xl { padding-block-end:0!important } .pf-v5-u-pb-xs-on-2xl { padding-block-end:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pb-sm-on-2xl { padding-block-end:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pb-md-on-2xl { padding-block-end:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pb-lg-on-2xl { padding-block-end:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pb-xl-on-2xl { padding-block-end:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pb-2xl-on-2xl { padding-block-end:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pb-3xl-on-2xl { padding-block-end:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pb-4xl-on-2xl { padding-block-end:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-pl-auto-on-2xl { padding-inline-start:auto!important } .pf-v5-u-pl-0-on-2xl { padding-inline-start:0!important } .pf-v5-u-pl-xs-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-pl-sm-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-pl-md-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-pl-lg-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-pl-xl-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-pl-2xl-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-pl-3xl-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-pl-4xl-on-2xl { padding-inline-start:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-px-auto-on-2xl { padding-inline:auto!important } .pf-v5-u-px-0-on-2xl { padding-inline:0!important } .pf-v5-u-px-xs-on-2xl { padding-inline:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-px-sm-on-2xl { padding-inline:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-px-md-on-2xl { padding-inline:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-px-lg-on-2xl { padding-inline:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-px-xl-on-2xl { padding-inline:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-px-2xl-on-2xl { padding-inline:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-px-3xl-on-2xl { padding-inline:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-px-4xl-on-2xl { padding-inline:var(--pf-v5-global--spacer--4xl)!important } .pf-v5-u-py-auto-on-2xl { padding-block:auto!important } .pf-v5-u-py-0-on-2xl { padding-block:0!important } .pf-v5-u-py-xs-on-2xl { padding-block:var(--pf-v5-global--spacer--xs)!important } .pf-v5-u-py-sm-on-2xl { padding-block:var(--pf-v5-global--spacer--sm)!important } .pf-v5-u-py-md-on-2xl { padding-block:var(--pf-v5-global--spacer--md)!important } .pf-v5-u-py-lg-on-2xl { padding-block:var(--pf-v5-global--spacer--lg)!important } .pf-v5-u-py-xl-on-2xl { padding-block:var(--pf-v5-global--spacer--xl)!important } .pf-v5-u-py-2xl-on-2xl { padding-block:var(--pf-v5-global--spacer--2xl)!important } .pf-v5-u-py-3xl-on-2xl { padding-block:var(--pf-v5-global--spacer--3xl)!important } .pf-v5-u-py-4xl-on-2xl { padding-block:var(--pf-v5-global--spacer--4xl)!important } } .pf-v5-u-font-family-text { font-family:var(--pf-v5-global--FontFamily--text)!important } .pf-v5-u-font-family-heading { font-family:var(--pf-v5-global--FontFamily--heading)!important } .pf-v5-u-font-family-monospace { font-family:var(--pf-v5-global--FontFamily--monospace)!important } .pf-v5-u-font-family-text-vf { font-family:var(--pf-v5-global--FontFamily--text--vf)!important } .pf-v5-u-font-family-heading-vf { font-family:var(--pf-v5-global--FontFamily--heading--vf)!important } .pf-v5-u-font-family-monospace-vf { font-family:var(--pf-v5-global--FontFamily--monospace--vf)!important } .pf-v5-u-font-size-xs { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl { font-size:var(--pf-v5-global--FontSize--4xl)!important } @media screen and (width>=576px) { .pf-v5-u-font-size-xs-on-sm { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm-on-sm { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md-on-sm { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg-on-sm { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl-on-sm { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl-on-sm { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl-on-sm { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl-on-sm { font-size:var(--pf-v5-global--FontSize--4xl)!important } } @media screen and (width>=768px) { .pf-v5-u-font-size-xs-on-md { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm-on-md { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md-on-md { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg-on-md { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl-on-md { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl-on-md { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl-on-md { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl-on-md { font-size:var(--pf-v5-global--FontSize--4xl)!important } } @media screen and (width>=992px) { .pf-v5-u-font-size-xs-on-lg { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm-on-lg { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md-on-lg { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg-on-lg { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl-on-lg { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl-on-lg { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl-on-lg { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl-on-lg { font-size:var(--pf-v5-global--FontSize--4xl)!important } } @media screen and (width>=1200px) { .pf-v5-u-font-size-xs-on-xl { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm-on-xl { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md-on-xl { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg-on-xl { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl-on-xl { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl-on-xl { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl-on-xl { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl-on-xl { font-size:var(--pf-v5-global--FontSize--4xl)!important } } @media screen and (width>=1450px) { .pf-v5-u-font-size-xs-on-2xl { font-size:var(--pf-v5-global--FontSize--xs)!important } .pf-v5-u-font-size-sm-on-2xl { font-size:var(--pf-v5-global--FontSize--sm)!important } .pf-v5-u-font-size-md-on-2xl { font-size:var(--pf-v5-global--FontSize--md)!important } .pf-v5-u-font-size-lg-on-2xl { font-size:var(--pf-v5-global--FontSize--lg)!important } .pf-v5-u-font-size-xl-on-2xl { font-size:var(--pf-v5-global--FontSize--xl)!important } .pf-v5-u-font-size-2xl-on-2xl { font-size:var(--pf-v5-global--FontSize--2xl)!important } .pf-v5-u-font-size-3xl-on-2xl { font-size:var(--pf-v5-global--FontSize--3xl)!important } .pf-v5-u-font-size-4xl-on-2xl { font-size:var(--pf-v5-global--FontSize--4xl)!important } } .pf-v5-u-font-weight-normal { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold { font-weight:var(--pf-v5-global--FontWeight--bold)!important } @media screen and (width>=576px) { .pf-v5-u-font-weight-normal-on-sm { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold-on-sm { font-weight:var(--pf-v5-global--FontWeight--bold)!important } } @media screen and (width>=768px) { .pf-v5-u-font-weight-normal-on-md { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold-on-md { font-weight:var(--pf-v5-global--FontWeight--bold)!important } } @media screen and (width>=992px) { .pf-v5-u-font-weight-normal-on-lg { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold-on-lg { font-weight:var(--pf-v5-global--FontWeight--bold)!important } } @media screen and (width>=1200px) { .pf-v5-u-font-weight-normal-on-xl { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold-on-xl { font-weight:var(--pf-v5-global--FontWeight--bold)!important } } @media screen and (width>=1450px) { .pf-v5-u-font-weight-normal-on-2xl { font-weight:var(--pf-v5-global--FontWeight--normal)!important } .pf-v5-u-font-weight-bold-on-2xl { font-weight:var(--pf-v5-global--FontWeight--bold)!important } } .pf-v5-u-color-100 { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200 { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300 { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400 { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100 { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400 { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100 { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100 { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200 { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100 { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200 { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300 { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100 { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200 { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100 { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200 { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100 { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200 { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100 { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200 { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300 { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100 { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200 { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark { color:var(--pf-v5-global--icon--Color--dark)!important } @media screen and (width>=576px) { .pf-v5-u-color-100-on-sm { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200-on-sm { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300-on-sm { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400-on-sm { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100-on-sm { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400-on-sm { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100-on-sm { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100-on-sm { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200-on-sm { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color-on-sm { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover-on-sm { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light-on-sm { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover-on-sm { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark-on-sm { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover-on-sm { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited-on-sm { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100-on-sm { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200-on-sm { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300-on-sm { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100-on-sm { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200-on-sm { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100-on-sm { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200-on-sm { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100-on-sm { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200-on-sm { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100-on-sm { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200-on-sm { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300-on-sm { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100-on-sm { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200-on-sm { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light-on-sm { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark-on-sm { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=768px) { .pf-v5-u-color-100-on-md { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200-on-md { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300-on-md { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400-on-md { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100-on-md { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400-on-md { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100-on-md { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100-on-md { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200-on-md { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color-on-md { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover-on-md { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light-on-md { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover-on-md { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark-on-md { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover-on-md { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited-on-md { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100-on-md { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200-on-md { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300-on-md { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100-on-md { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200-on-md { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100-on-md { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200-on-md { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100-on-md { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200-on-md { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100-on-md { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200-on-md { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300-on-md { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100-on-md { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200-on-md { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light-on-md { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark-on-md { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=992px) { .pf-v5-u-color-100-on-lg { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200-on-lg { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300-on-lg { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400-on-lg { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100-on-lg { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400-on-lg { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100-on-lg { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100-on-lg { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200-on-lg { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color-on-lg { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover-on-lg { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light-on-lg { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover-on-lg { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark-on-lg { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover-on-lg { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited-on-lg { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100-on-lg { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200-on-lg { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300-on-lg { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100-on-lg { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200-on-lg { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100-on-lg { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200-on-lg { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100-on-lg { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200-on-lg { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100-on-lg { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200-on-lg { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300-on-lg { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100-on-lg { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200-on-lg { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light-on-lg { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark-on-lg { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=1200px) { .pf-v5-u-color-100-on-xl { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200-on-xl { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300-on-xl { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400-on-xl { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100-on-xl { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400-on-xl { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100-on-xl { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100-on-xl { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200-on-xl { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color-on-xl { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover-on-xl { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light-on-xl { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover-on-xl { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark-on-xl { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover-on-xl { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited-on-xl { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100-on-xl { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200-on-xl { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300-on-xl { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100-on-xl { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200-on-xl { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100-on-xl { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200-on-xl { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100-on-xl { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200-on-xl { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100-on-xl { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200-on-xl { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300-on-xl { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100-on-xl { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200-on-xl { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light-on-xl { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark-on-xl { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=1450px) { .pf-v5-u-color-100-on-2xl { color:var(--pf-v5-global--Color--100)!important } .pf-v5-u-color-200-on-2xl { color:var(--pf-v5-global--Color--200)!important } .pf-v5-u-color-300-on-2xl { color:var(--pf-v5-global--Color--300)!important } .pf-v5-u-color-400-on-2xl { color:var(--pf-v5-global--Color--400)!important } .pf-v5-u-active-color-100-on-2xl { color:var(--pf-v5-global--active-color--100)!important } .pf-v5-u-active-color-400-on-2xl { color:var(--pf-v5-global--active-color--400)!important } .pf-v5-u-primary-color-100-on-2xl { color:var(--pf-v5-global--primary-color--100)!important } .pf-v5-u-color-light-100-on-2xl { color:var(--pf-v5-global--Color--light-100)!important } .pf-v5-u-color-light-200-on-2xl { color:var(--pf-v5-global--Color--light-200)!important } .pf-v5-u-link-color-on-2xl { color:var(--pf-v5-global--link--Color)!important } .pf-v5-u-link-color-hover-on-2xl { color:var(--pf-v5-global--link--Color--hover)!important } .pf-v5-u-link-color-light-on-2xl { color:var(--pf-v5-global--link--Color--light)!important } .pf-v5-u-link-color-light-hover-on-2xl { color:var(--pf-v5-global--link--Color--light--hover)!important } .pf-v5-u-link-color-dark-on-2xl { color:var(--pf-v5-global--link--Color--dark)!important } .pf-v5-u-link-color-dark-hover-on-2xl { color:var(--pf-v5-global--link--Color--dark--hover)!important } .pf-v5-u-link-color-visited-on-2xl { color:var(--pf-v5-global--link--Color--visited)!important } .pf-v5-u-custom-color-100-on-2xl { color:var(--pf-v5-global--custom-color--100)!important } .pf-v5-u-custom-color-200-on-2xl { color:var(--pf-v5-global--custom-color--200)!important } .pf-v5-u-custom-color-300-on-2xl { color:var(--pf-v5-global--custom-color--300)!important } .pf-v5-u-success-color-100-on-2xl { color:var(--pf-v5-global--success-color--100)!important } .pf-v5-u-success-color-200-on-2xl { color:var(--pf-v5-global--success-color--200)!important } .pf-v5-u-info-color-100-on-2xl { color:var(--pf-v5-global--info-color--100)!important } .pf-v5-u-info-color-200-on-2xl { color:var(--pf-v5-global--info-color--200)!important } .pf-v5-u-warning-color-100-on-2xl { color:var(--pf-v5-global--warning-color--100)!important } .pf-v5-u-warning-color-200-on-2xl { color:var(--pf-v5-global--warning-color--200)!important } .pf-v5-u-danger-color-100-on-2xl { color:var(--pf-v5-global--danger-color--100)!important } .pf-v5-u-danger-color-200-on-2xl { color:var(--pf-v5-global--danger-color--200)!important } .pf-v5-u-danger-color-300-on-2xl { color:var(--pf-v5-global--danger-color--300)!important } .pf-v5-u-disabled-color-100-on-2xl { color:var(--pf-v5-global--disabled-color--100)!important } .pf-v5-u-disabled-color-200-on-2xl { color:var(--pf-v5-global--disabled-color--200)!important } .pf-v5-u-icon-color-light-on-2xl { color:var(--pf-v5-global--icon--Color--light)!important } .pf-v5-u-icon-color-dark-on-2xl { color:var(--pf-v5-global--icon--Color--dark)!important } } .pf-v5-u-text-break-word { word-break:break-word!important } .pf-v5-u-text-nowrap { white-space:nowrap!important } .pf-v5-u-text-wrap { white-space:normal!important } @media screen and (width>=576px) { .pf-v5-u-text-break-word-on-sm { word-break:break-word!important } .pf-v5-u-text-nowrap-on-sm { white-space:nowrap!important } .pf-v5-u-text-wrap-on-sm { white-space:normal!important } } @media screen and (width>=768px) { .pf-v5-u-text-break-word-on-md { word-break:break-word!important } .pf-v5-u-text-nowrap-on-md { white-space:nowrap!important } .pf-v5-u-text-wrap-on-md { white-space:normal!important } } @media screen and (width>=992px) { .pf-v5-u-text-break-word-on-lg { word-break:break-word!important } .pf-v5-u-text-nowrap-on-lg { white-space:nowrap!important } .pf-v5-u-text-wrap-on-lg { white-space:normal!important } } @media screen and (width>=1200px) { .pf-v5-u-text-break-word-on-xl { word-break:break-word!important } .pf-v5-u-text-nowrap-on-xl { white-space:nowrap!important } .pf-v5-u-text-wrap-on-xl { white-space:normal!important } } @media screen and (width>=1450px) { .pf-v5-u-text-break-word-on-2xl { word-break:break-word!important } .pf-v5-u-text-nowrap-on-2xl { white-space:nowrap!important } .pf-v5-u-text-wrap-on-2xl { white-space:normal!important } } .pf-v5-u-text-truncate { text-overflow:ellipsis!important; white-space:nowrap!important; min-width:0!important; max-width:100%!important; overflow:hidden!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-300 { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100 { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200 { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300 { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200 { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200 { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300 { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark { color:var(--pf-v5-global--icon--Color--dark)!important } @media screen and (width>=576px) { :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-sm { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-sm { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-sm { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-sm { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-sm { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-sm { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-sm { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-sm { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=768px) { :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-md { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-md { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-md { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-md { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-md { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-md { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-md { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-md { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=992px) { :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-lg { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-lg { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-lg { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-lg { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-lg { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-lg { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-lg { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-lg { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=1200px) { :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-xl { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-xl { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-xl { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-xl { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-xl { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-xl { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-xl { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-xl { color:var(--pf-v5-global--icon--Color--dark)!important } } @media screen and (width>=1450px) { :where(.pf-v5-theme-dark) .pf-v5-u-color-300-on-2xl { color:var(--pf-v5-global--Color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-100-on-2xl { color:var(--pf-v5-global--Color-100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-color-light-200-on-2xl { color:var(--pf-v5-global--Color-200)!important } :where(.pf-v5-theme-dark) .pf-v5-u-custom-color-300-on-2xl { color:var(--pf-v5-global--custom-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-success-color-200-on-2xl { color:var(--pf-v5-global--success-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-info-color-200-on-2xl { color:var(--pf-v5-global--info-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-danger-color-300-on-2xl { color:var(--pf-v5-global--danger-color--100)!important } :where(.pf-v5-theme-dark) .pf-v5-u-icon-color-dark-on-2xl { color:var(--pf-v5-global--icon--Color--dark)!important } } .pf-v5-t-light { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-t-dark { --pf-v5-global--Color--100:var(--pf-v5-global--Color--light-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--light-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--light); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--light) } .pf-v5-t-dark .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--dark-100) } :where(:root) { --pf-v5-global--palette--black-100:#fafafa; --pf-v5-global--palette--black-150:#f5f5f5; --pf-v5-global--palette--black-200:#f0f0f0; --pf-v5-global--palette--black-300:#d2d2d2; --pf-v5-global--palette--black-400:#b8bbbe; --pf-v5-global--palette--black-500:#8a8d90; --pf-v5-global--palette--black-600:#6a6e73; --pf-v5-global--palette--black-700:#4f5255; --pf-v5-global--palette--black-800:#3c3f42; --pf-v5-global--palette--black-850:#212427; --pf-v5-global--palette--black-900:#151515; --pf-v5-global--palette--black-1000:#030303; --pf-v5-global--palette--blue-50:#e7f1fa; --pf-v5-global--palette--blue-100:#bee1f4; --pf-v5-global--palette--blue-200:#73bcf7; --pf-v5-global--palette--blue-300:#2b9af3; --pf-v5-global--palette--blue-400:#06c; --pf-v5-global--palette--blue-500:#004080; --pf-v5-global--palette--blue-600:#002952; --pf-v5-global--palette--blue-700:#001223; --pf-v5-global--palette--cyan-50:#f2f9f9; --pf-v5-global--palette--cyan-100:#a2d9d9; --pf-v5-global--palette--cyan-200:#73c5c5; --pf-v5-global--palette--cyan-300:#009596; --pf-v5-global--palette--cyan-400:#005f60; --pf-v5-global--palette--cyan-500:#003737; --pf-v5-global--palette--cyan-600:#002323; --pf-v5-global--palette--cyan-700:#000f0f; --pf-v5-global--palette--gold-50:#fdf7e7; --pf-v5-global--palette--gold-100:#f9e0a2; --pf-v5-global--palette--gold-200:#f6d173; --pf-v5-global--palette--gold-300:#f4c145; --pf-v5-global--palette--gold-400:#f0ab00; --pf-v5-global--palette--gold-500:#c58c00; --pf-v5-global--palette--gold-600:#795600; --pf-v5-global--palette--gold-700:#3d2c00; --pf-v5-global--palette--green-50:#f3faf2; --pf-v5-global--palette--green-100:#bde5b8; --pf-v5-global--palette--green-200:#95d58e; --pf-v5-global--palette--green-300:#6ec664; --pf-v5-global--palette--green-400:#5ba352; --pf-v5-global--palette--green-500:#3e8635; --pf-v5-global--palette--green-600:#1e4f18; --pf-v5-global--palette--green-700:#0f280d; --pf-v5-global--palette--light-blue-100:#beedf9; --pf-v5-global--palette--light-blue-200:#7cdbf3; --pf-v5-global--palette--light-blue-300:#35caed; --pf-v5-global--palette--light-blue-400:#00b9e4; --pf-v5-global--palette--light-blue-500:#008bad; --pf-v5-global--palette--light-blue-600:#005c73; --pf-v5-global--palette--light-blue-700:#002d39; --pf-v5-global--palette--light-green-100:#e4f5bc; --pf-v5-global--palette--light-green-200:#c8eb79; --pf-v5-global--palette--light-green-300:#ace12e; --pf-v5-global--palette--light-green-400:#92d400; --pf-v5-global--palette--light-green-500:#6ca100; --pf-v5-global--palette--light-green-600:#486b00; --pf-v5-global--palette--light-green-700:#253600; --pf-v5-global--palette--orange-50:#fff6ec; --pf-v5-global--palette--orange-100:#f4b678; --pf-v5-global--palette--orange-200:#ef9234; --pf-v5-global--palette--orange-300:#ec7a08; --pf-v5-global--palette--orange-400:#c46100; --pf-v5-global--palette--orange-500:#8f4700; --pf-v5-global--palette--orange-600:#773d00; --pf-v5-global--palette--orange-700:#3b1f00; --pf-v5-global--palette--purple-50:#f2f0fc; --pf-v5-global--palette--purple-100:#cbc1ff; --pf-v5-global--palette--purple-200:#b2a3ff; --pf-v5-global--palette--purple-300:#a18fff; --pf-v5-global--palette--purple-400:#8476d1; --pf-v5-global--palette--purple-500:#6753ac; --pf-v5-global--palette--purple-600:#40199a; --pf-v5-global--palette--purple-700:#1f0066; --pf-v5-global--palette--red-50:#faeae8; --pf-v5-global--palette--red-100:#c9190b; --pf-v5-global--palette--red-200:#a30000; --pf-v5-global--palette--red-300:#7d1007; --pf-v5-global--palette--red-400:#470000; --pf-v5-global--palette--red-500:#2c0000; --pf-v5-global--palette--white:#fff; --pf-v5-global--BackgroundHeadColor--100:#fff; --pf-v5-global--ColorHead--light-100:#000; --pf-v5-global--ColorHead--light-200:#000; --pf-v5-global--BackgroundColor--100:#fff; --pf-v5-global--BackgroundColor--150:#fafafa; --pf-v5-global--BackgroundColor--200:#f0f0f0; --pf-v5-global--BackgroundColor--light-100:#fff; --pf-v5-global--BackgroundColor--light-200:#fafafa; --pf-v5-global--BackgroundColor--light-300:#f0f0f0; --pf-v5-global--BackgroundColor--dark-100:#151515; --pf-v5-global--BackgroundColor--dark-200:#3c3f42; --pf-v5-global--BackgroundColor--dark-300:#212427; --pf-v5-global--BackgroundColor--dark-400:#4f5255; --pf-v5-global--BackgroundColor--dark-transparent-100:#0303039e; --pf-v5-global--BackgroundColor--dark-transparent-200:#03030352; --pf-v5-global--Color--100:#151515; --pf-v5-global--Color--200:#6a6e73; --pf-v5-global--Color--300:#3c3f42; --pf-v5-global--Color--400:#8a8d90; --pf-v5-global--Color--light-100:#fff; --pf-v5-global--Color--light-200:#f0f0f0; --pf-v5-global--Color--light-300:#d2d2d2; --pf-v5-global--Color--dark-100:#151515; --pf-v5-global--Color--dark-200:#6a6e73; --pf-v5-global--active-color--100:#06c; --pf-v5-global--active-color--200:#bee1f4; --pf-v5-global--active-color--300:#2b9af3; --pf-v5-global--active-color--400:#73bcf7; --pf-v5-global--disabled-color--100:#6a6e73; --pf-v5-global--disabled-color--200:#d2d2d2; --pf-v5-global--disabled-color--300:#f0f0f0; --pf-v5-global--primary-color--100:#06c; --pf-v5-global--primary-color--200:#004080; --pf-v5-global--primary-color--light-100:#73bcf7; --pf-v5-global--primary-color--dark-100:#06c; --pf-v5-global--secondary-color--100:#6a6e73; --pf-v5-global--custom-color--100:#73c5c5; --pf-v5-global--custom-color--200:#009596; --pf-v5-global--custom-color--300:#003737; --pf-v5-global--success-color--100:#3e8635; --pf-v5-global--success-color--200:#1e4f18; --pf-v5-global--info-color--100:#2b9af3; --pf-v5-global--info-color--200:#002952; --pf-v5-global--warning-color--100:#f0ab00; --pf-v5-global--warning-color--200:#795600; --pf-v5-global--danger-color--100:#c9190b; --pf-v5-global--danger-color--200:#a30000; --pf-v5-global--danger-color--300:#470000; --pf-v5-global--BoxShadow--sm:0 .0625rem .125rem 0 #0303031f,0 0 .125rem 0 #0303030f; --pf-v5-global--BoxShadow--sm-top:0 -.125rem .25rem -.0625rem #03030329; --pf-v5-global--BoxShadow--sm-right:.125rem 0 .25rem -.0625rem #03030329; --pf-v5-global--BoxShadow--sm-bottom:0 .125rem .25rem -.0625rem #03030329; --pf-v5-global--BoxShadow--sm-left:-.125rem 0 .25rem -.0625rem #03030329; --pf-v5-global--BoxShadow--md:0 .25rem .5rem 0rem #0303031f,0 0 .25rem 0 #0303030f; --pf-v5-global--BoxShadow--md-top:0 -.5rem .5rem -.375rem #0303032e; --pf-v5-global--BoxShadow--md-right:.5rem 0 .5rem -.375rem #0303032e; --pf-v5-global--BoxShadow--md-bottom:0 .5rem .5rem -.375rem #0303032e; --pf-v5-global--BoxShadow--md-left:-.5rem 0 .5rem -.375rem #0303032e; --pf-v5-global--BoxShadow--lg:0 .5rem 1rem 0 #03030329,0 0 .375rem 0 #03030314; --pf-v5-global--BoxShadow--lg-top:0 -.75rem .75rem -.5rem #0303032e; --pf-v5-global--BoxShadow--lg-right:.75rem 0 .75rem -.5rem #0303032e; --pf-v5-global--BoxShadow--lg-bottom:0 .75rem .75rem -.5rem #0303032e; --pf-v5-global--BoxShadow--lg-left:-.75rem 0 .75rem -.5rem #0303032e; --pf-v5-global--BoxShadow--xl:0 1rem 2rem 0 #03030329,0 0 .5rem 0 #0303031a; --pf-v5-global--BoxShadow--xl-top:0 -1rem 1rem -.5rem #03030333; --pf-v5-global--BoxShadow--xl-right:1rem 0 1rem -.5rem #03030333; --pf-v5-global--BoxShadow--xl-bottom:0 1rem 1rem -.5rem #03030333; --pf-v5-global--BoxShadow--xl-left:-1rem 0 1rem -.5rem #03030333; --pf-v5-global--BoxShadow--inset:inset 0 0 .625rem 0 #03030340; --pf-v5-global--font-path:"./assets/fonts"; --pf-v5-global--fonticon-path:"./assets/pficon"; --pf-v5-global--spacer--xs:.25rem; --pf-v5-global--spacer--sm:.5rem; --pf-v5-global--spacer--md:1rem; --pf-v5-global--spacer--lg:1.5rem; --pf-v5-global--spacer--xl:2rem; --pf-v5-global--spacer--2xl:3rem; --pf-v5-global--spacer--3xl:4rem; --pf-v5-global--spacer--4xl:5rem; --pf-v5-global--spacer--form-element:.375rem; --pf-v5-global--gutter:1rem; --pf-v5-global--gutter--md:1.5rem; --pf-v5-global--ZIndex--xs:100; --pf-v5-global--ZIndex--sm:200; --pf-v5-global--ZIndex--md:300; --pf-v5-global--ZIndex--lg:400; --pf-v5-global--ZIndex--xl:500; --pf-v5-global--ZIndex--2xl:600; --pf-v5-global--breakpoint--xs:0; --pf-v5-global--breakpoint--sm:576px; --pf-v5-global--breakpoint--md:768px; --pf-v5-global--breakpoint--lg:992px; --pf-v5-global--breakpoint--xl:1200px; --pf-v5-global--breakpoint--2xl:1450px; --pf-v5-global--height-breakpoint--sm:0; --pf-v5-global--height-breakpoint--md:40rem; --pf-v5-global--height-breakpoint--lg:48rem; --pf-v5-global--height-breakpoint--xl:60rem; --pf-v5-global--height-breakpoint--2xl:80rem; --pf-v5-global--link--Color:#06c; --pf-v5-global--link--Color--hover:#004080; --pf-v5-global--link--Color--light:#2b9af3; --pf-v5-global--link--Color--light--hover:#73bcf7; --pf-v5-global--link--Color--dark:#06c; --pf-v5-global--link--Color--dark--hover:#004080; --pf-v5-global--link--Color--visited:#40199a; --pf-v5-global--link--TextDecoration:none; --pf-v5-global--link--TextDecoration--hover:underline; --pf-v5-global--BorderWidth--sm:1px; --pf-v5-global--BorderWidth--md:2px; --pf-v5-global--BorderWidth--lg:3px; --pf-v5-global--BorderWidth--xl:4px; --pf-v5-global--BorderColor--100:#d2d2d2; --pf-v5-global--BorderColor--200:#8a8d90; --pf-v5-global--BorderColor--300:#f0f0f0; --pf-v5-global--BorderColor--dark-100:#d2d2d2; --pf-v5-global--BorderColor--light-100:#b8bbbe; --pf-v5-global--BorderRadius--sm:3px; --pf-v5-global--BorderRadius--lg:30em; --pf-v5-global--icon--Color--light:#6a6e73; --pf-v5-global--icon--Color--dark:#151515; --pf-v5-global--icon--ColorHead--light--light:#000; --pf-v5-global--icon--Color--light--light:#f0f0f0; --pf-v5-global--icon--Color--dark--light:#fff; --pf-v5-global--icon--Color--light--dark:#6a6e73; --pf-v5-global--icon--Color--dark--dark:#151515; --pf-v5-global--icon--FontSize--sm:.75rem; --pf-v5-global--icon--FontSize--md:1rem; --pf-v5-global--icon--FontSize--lg:1.5rem; --pf-v5-global--icon--FontSize--xl:3.375rem; --pf-v5-global--FontFamily--text:"RedHatText",helvetica,arial,sans-serif; --pf-v5-global--FontFamily--heading:"RedHatDisplay",helvetica,arial,sans-serif; --pf-v5-global--FontFamily--monospace:"RedHatMono","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace; --pf-v5-global--FontFamily--text--vf:"RedHatTextVF","RedHatText",helvetica,arial,sans-serif; --pf-v5-global--FontFamily--heading--vf:"RedHatDisplayVF","RedHatDisplay",helvetica,arial,sans-serif; --pf-v5-global--FontFamily--monospace--vf:"RedHatMonoVF","RedHatMono","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace; --pf-v5-global--FontSize--4xl:2.25rem; --pf-v5-global--FontSize--3xl:1.75rem; --pf-v5-global--FontSize--2xl:1.5rem; --pf-v5-global--FontSize--xl:1.25rem; --pf-v5-global--FontSize--lg:1.125rem; --pf-v5-global--FontSize--md:1rem; --pf-v5-global--FontSize--sm:.875rem; --pf-v5-global--FontSize--xs:.75rem; --pf-v5-global--FontWeight--normal:400; --pf-v5-global--FontWeight--bold:700; --pf-v5-global--LineHeight--sm:1.3; --pf-v5-global--LineHeight--md:1.5; --pf-v5-global--ListStyle:disc outside; --pf-v5-global--Transition:all .25s cubic-bezier(.42,0,.58,1); --pf-v5-global--TimingFunction:cubic-bezier(.645,.045,.355,1); --pf-v5-global--TransitionDuration:.25s; --pf-v5-global--arrow--width:.9375rem; --pf-v5-global--arrow--width-lg:1.5625rem; --pf-v5-global--target-size--MinWidth:44px; --pf-v5-global--target-size--MinHeight:44px; --pf-v5-global--inverse--multiplier:1 } :where(.pf-v5-m-dir-rtl, [dir=rtl]) { --pf-v5-global--inverse--multiplier:-1 } :where(.pf-v5-theme-dark) { --pf-v5-global--palette--black-50:#e0e0e0; --pf-v5-global--palette--black-100:#c6c7c8; --pf-v5-global--palette--black-200:#aaabac; --pf-v5-global--palette--black-300:#868789; --pf-v5-global--palette--black-400:#57585a; --pf-v5-global--palette--black-500:#444548; --pf-v5-global--palette--black-600:#36373a; --pf-v5-global--palette--black-700:#26292d; --pf-v5-global--palette--black-800:#1b1d21; --pf-v5-global--palette--black-900:#0f1214; --pf-v5-global--palette--red-9999:#fe5142; --pf-v5-global--palette--red-8888:#ff7468; --pf-v5-global--palette--blue-300:#1fa7f8; --pf-v5-global--BackgroundColor--100:#1b1d21; --pf-v5-global--BackgroundColor--150:#212427; --pf-v5-global--BackgroundColor--200:#0f1214; --pf-v5-global--BackgroundColor--300:#26292d; --pf-v5-global--BackgroundColor--400:#36373a; --pf-v5-global--BorderColor--100:#444548; --pf-v5-global--BorderColor--200:#444548; --pf-v5-global--BorderColor--300:#57585a; --pf-v5-global--BorderColor--400:#aaabac; --pf-v5-global--Color--100:#e0e0e0; --pf-v5-global--Color--200:#aaabac; --pf-v5-global--active-color--100:#1fa7f8; --pf-v5-global--primary-color--100:#1fa7f8; --pf-v5-global--primary-color--300:#06c; --pf-v5-global--primary-color--400:#fff; --pf-v5-global--custom-color--200:#73c5c5; --pf-v5-global--success-color--100:#5ba352; --pf-v5-global--warning-color--100:#f0ab00; --pf-v5-global--warning-color--200:#f4c145; --pf-v5-global--danger-color--100:#fe5142; --pf-v5-global--danger-color--200:#ff7468; --pf-v5-global--link--Color:#1fa7f8; --pf-v5-global--link--Color--hover:#73bcf7; --pf-v5-global--link--Color--visited:#a18fff; --pf-v5-global--disabled-color--100:#868789; --pf-v5-global--disabled-color--200:#444548; --pf-v5-global--disabled-color--300:#aaabac; --pf-v5-global--icon--Color--light:#aaabac; --pf-v5-global--icon--Color--dark:#e0e0e0; --pf-v5-global--Color--dark-100:#e0e0e0; --pf-v5-global--Color--dark-200:#aaabac; --pf-v5-global--Color--light-100:#e0e0e0; --pf-v5-global--Color--light-200:#aaabac; --pf-v5-global--Color--light-300:#3c3f42; --pf-v5-global--BorderColor--dark-100:#444548; --pf-v5-global--BorderColor--light-100:#444548; --pf-v5-global--primary-color--light-100:#1fa7f8; --pf-v5-global--primary-color--dark-100:#1fa7f8; --pf-v5-global--link--Color--light:#1fa7f8; --pf-v5-global--link--Color--light--hover:#73bcf7; --pf-v5-global--link--Color--dark:#1fa7f8; --pf-v5-global--link--Color--dark--hover:#73bcf7; --pf-v5-global--icon--Color--light--light:#aaabac; --pf-v5-global--icon--Color--dark--light:#e0e0e0; --pf-v5-global--icon--Color--light--dark:#aaabac; --pf-v5-global--icon--Color--dark--dark:#e0e0e0; --pf-v5-global--BackgroundColor--light-100:#1b1d21; --pf-v5-global--BackgroundColor--light-200:#0f1214; --pf-v5-global--BackgroundColor--light-300:#26292d; --pf-v5-global--BackgroundColor--dark-100:#1b1d21; --pf-v5-global--BackgroundColor--dark-200:#0f1214; --pf-v5-global--BackgroundColor--dark-300:#26292d; --pf-v5-global--BackgroundColor--dark-400:#36373a; --pf-v5-global--BoxShadow--sm:0 .0625rem .125rem 0 #0303037a,0 0 .125rem 0 #0303033d; --pf-v5-global--BoxShadow--sm-top:0 -.125rem .25rem -.0625rem #030303a3; --pf-v5-global--BoxShadow--sm-right:.125rem 0 .25rem -.0625rem #030303a3; --pf-v5-global--BoxShadow--sm-bottom:0 .125rem .25rem -.0625rem #030303a3; --pf-v5-global--BoxShadow--sm-left:-.125rem 0 .25rem -.0625rem #030303a3; --pf-v5-global--BoxShadow--md:0 .25rem .5rem 0rem #0303037a,0 0 .25rem 0 #0303033d; --pf-v5-global--BoxShadow--md-top:0 -.5rem .5rem -.375rem #030303b8; --pf-v5-global--BoxShadow--md-right:.5rem 0 .5rem -.375rem #030303b8; --pf-v5-global--BoxShadow--md-bottom:0 .5rem .5rem -.375rem #030303b8; --pf-v5-global--BoxShadow--md-left:-.5rem 0 .5rem -.375rem #030303b8; --pf-v5-global--BoxShadow--lg:0 .5rem 1rem 0 #030303a3,0 0 .375rem 0 #03030352; --pf-v5-global--BoxShadow--lg-top:0 -.75rem .75rem -.5rem #030303b8; --pf-v5-global--BoxShadow--lg-right:.75rem 0 .75rem -.5rem #030303b8; --pf-v5-global--BoxShadow--lg-bottom:0 .75rem .75rem -.5rem #030303b8; --pf-v5-global--BoxShadow--lg-left:-.75rem 0 .75rem -.5rem #030303b8; --pf-v5-global--BoxShadow--xl:0 1rem 2rem 0 #030303a3,0 0 .5rem 0 #03030366; --pf-v5-global--BoxShadow--xl-top:0 -1rem 1rem -.5rem #030303cc; --pf-v5-global--BoxShadow--xl-right:1rem 0 1rem -.5rem #030303cc; --pf-v5-global--BoxShadow--xl-bottom:0 1rem 1rem -.5rem #030303cc; --pf-v5-global--BoxShadow--xl-left:-1rem 0 1rem -.5rem #030303cc; --pf-v5-global--BoxShadow--inset:inset 0 0 .625rem 0 #030303 } @font-face { font-family:RedHatDisplay; font-style:normal; font-weight:400; src:url(./RedHatDisplay-Medium-C1BzJLzv.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatDisplay; font-style:italic; font-weight:400; src:url(./RedHatDisplay-MediumItalic-ZwmBpJRm.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatDisplay; font-style:normal; font-weight:700; src:url(./RedHatDisplay-Bold-4NfIjmgI.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatDisplay; font-style:italic; font-weight:700; src:url(./RedHatDisplay-BoldItalic-pTGisv8w.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatText; font-style:normal; font-weight:400; src:url(./RedHatText-Regular-BDARZx4I.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatText; font-style:italic; font-weight:400; src:url(./RedHatText-Italic-BLl-MYdo.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatText; font-style:normal; font-weight:700; src:url(./RedHatText-Medium-CFPgPIaW.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatText; font-style:italic; font-weight:700; src:url(./RedHatText-MediumItalic-B14GYUh6.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatMono; font-style:normal; font-weight:400; src:url(./RedHatMono-Regular-e08YtVYm.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatMono; font-style:italic; font-weight:400; src:url(./RedHatMono-Italic-CV5TsSDj.woff2)format("woff2"); font-display:fallback } @font-face { font-family:RedHatDisplayVF; font-style:normal; font-weight:400 700; src:url(./RedHatDisplayVF-CYDHf1NI.woff2)format("woff2-variations"); font-display:fallback } @font-face { font-family:RedHatDisplayVF; font-style:italic; font-weight:400 700; src:url(./RedHatDisplayVF-Italic-CRpusWc8.woff2)format("woff2-variations"); font-display:fallback } @font-face { font-family:RedHatTextVF; font-style:normal; font-weight:400 500; src:url(./RedHatTextVF-wYvZ7prR.woff2)format("woff2-variations"); font-display:fallback } @font-face { font-family:RedHatTextVF; font-style:italic; font-weight:400 500; src:url(./RedHatTextVF-Italic-Dkj_WqbA.woff2)format("woff2-variations"); font-display:fallback } @font-face { font-family:RedHatMonoVF; font-style:normal; font-weight:400; src:url(./RedHatMonoVF-C4fMH6Vz.woff2)format("woff2-variations"); font-display:fallback } @font-face { font-family:RedHatMonoVF; font-style:italic; font-weight:400; src:url(./RedHatMonoVF-Italic-DGQo2ogW.woff2)format("woff2-variations"); font-display:fallback } .pf-v5-screen-reader { clip:rect(0,0,0,0); white-space:nowrap; border:0; position:fixed; inset-block-start:0; inset-inline-start:0; overflow:hidden } .pf-v5-screen-reader.pf-m-full-size { width:100%; height:100% } .pf-v5-screen-reader.pf-m-absolute { position:absolute } .pf-v5-m-tabular-nums { font-variant-numeric:tabular-nums } .pf-v5-m-vf-font { --pf-v5-global--FontFamily--text:var(--pf-v5-global--FontFamily--text--vf); --pf-v5-global--FontFamily--heading:var(--pf-v5-global--FontFamily--heading--vf); --pf-v5-global--FontFamily--monospace:var(--pf-v5-global--FontFamily--monospace--vf) } .pf-v5-m-dir-rtl { --pf-v5-global--inverse--multiplier:-1; direction:rtl } .pf-v5-m-dir-ltr { --pf-v5-global--inverse--multiplier:1; direction:ltr } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl { scale:-1 1 } :where(html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6) { margin:0; padding:0 } *, :before, :after { box-sizing:border-box } :where(html, body) { height:100% } :where(body) { font-family:var(--pf-v5-global--FontFamily--text); font-size:var(--pf-v5-global--FontSize--md); font-weight:var(--pf-v5-global--FontWeight--normal); line-height:var(--pf-v5-global--LineHeight--md) } :where(h1, h2, h3, h4, h5, h6) { font-size:100%; font-weight:var(--pf-v5-global--FontWeight--normal) } :where(ul) { list-style:none } :where(button, input, optgroup, select, textarea) { font-family:inherit; font-size:100%; line-height:var(--pf-v5-global--LineHeight--md); color:var(--pf-v5-global--Color--100); margin:0 } :where(img, embed, iframe, object, audio, video) { max-width:100%; height:auto } :where(iframe) { border:0 } :where(table) { border-spacing:0; border-collapse:collapse } :where(td, th) { text-align:start; padding:0 } :where(code, pre) { font-family:var(--pf-v5-global--FontFamily--monospace) } :where(a) { font-weight:var(--pf-v5-global--link--FontWeight); color:var(--pf-v5-global--link--Color); text-decoration:var(--pf-v5-global--link--TextDecoration) } :where(a:hover) { --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-global--link--TextDecoration:var(--pf-v5-global--link--TextDecoration--hover) } :where(a, button) { cursor:pointer } :where(.pf-v5-theme-dark) { color-scheme:dark } .pf-v5-t-dark.pf-m-transparent { background-color:#0000 } .pf-v5-t-dark.pf-m-transparent-100 { background-color:#0303036b } .pf-v5-t-dark.pf-m-transparent-200 { background-color:#03030399 } .pf-v5-t-dark.pf-m-opaque-100 { background-color:#1b1d21 } .pf-v5-t-dark.pf-m-opaque-200 { background-color:#0f1214 } .pf-v5-t-light.pf-m-transparent { background-color:#0000 } .pf-v5-t-light.pf-m-opaque-100 { background-color:#fff } .pf-v5-t-light.pf-m-opaque-200 { background-color:#c6c7c8 } .pf-v5-t-light.pf-m-opaque-300 { background-color:#aaabac } @font-face { font-family:pf-v5-pficon; src:url(./pf-v5-pficon-Di6gTOT4.woff2)format("woff2") } .pf-v5-pficon-zone:before, .pf-v5-pficon-warning-triangle:before, .pf-v5-pficon-volume:before, .pf-v5-pficon-virtual-machine:before, .pf-v5-pficon-users:before, .pf-v5-pficon-user:before, .pf-v5-pficon-unplugged:before, .pf-v5-pficon-unlocked:before, .pf-v5-pficon-unknown:before, .pf-v5-pficon-trend-up:before, .pf-v5-pficon-trend-down:before, .pf-v5-pficon-treeview:before, .pf-v5-pficon-topology:before, .pf-v5-pficon-thumb-tack:before, .pf-v5-pficon-tenant:before, .pf-v5-pficon-task:before, .pf-v5-pficon-storage-domain:before, .pf-v5-pficon-spinner2:before, .pf-v5-pficon-spinner:before, .pf-v5-pficon-severity-undefined:before, .pf-v5-pficon-severity-none:before, .pf-v5-pficon-severity-moderate:before, .pf-v5-pficon-severity-minor:before, .pf-v5-pficon-severity-important:before, .pf-v5-pficon-severity-critical:before, .pf-v5-pficon-services:before, .pf-v5-pficon-service:before, .pf-v5-pficon-service-catalog:before, .pf-v5-pficon-server:before, .pf-v5-pficon-server-group:before, .pf-v5-pficon-security:before, .pf-v5-pficon-screen:before, .pf-v5-pficon-save:before, .pf-v5-pficon-running:before, .pf-v5-pficon-resources-full:before, .pf-v5-pficon-resources-empty:before, .pf-v5-pficon-resources-almost-full:before, .pf-v5-pficon-resources-almost-empty:before, .pf-v5-pficon-resource-pool:before, .pf-v5-pficon-repository:before, .pf-v5-pficon-replicator:before, .pf-v5-pficon-remove2:before, .pf-v5-pficon-registry:before, .pf-v5-pficon-regions:before, .pf-v5-pficon-rebooting:before, .pf-v5-pficon-rebalance:before, .pf-v5-pficon-project:before, .pf-v5-pficon-process-automation:before, .pf-v5-pficon-private:before, .pf-v5-pficon-print:before, .pf-v5-pficon-port:before, .pf-v5-pficon-plugged:before, .pf-v5-pficon-pficon-vcenter:before, .pf-v5-pficon-pficon-template:before, .pf-v5-pficon-pficon-sort-common-desc:before, .pf-v5-pficon-pficon-sort-common-asc:before, .pf-v5-pficon-pficon-satellite:before, .pf-v5-pficon-pficon-network-range:before, .pf-v5-pficon-pficon-history:before, .pf-v5-pficon-pficon-dragdrop:before, .pf-v5-pficon-pending:before, .pf-v5-pficon-paused:before, .pf-v5-pficon-panel-open:before, .pf-v5-pficon-panel-close:before, .pf-v5-pficon-package:before, .pf-v5-pficon-os-image:before, .pf-v5-pficon-orders:before, .pf-v5-pficon-optimize:before, .pf-v5-pficon-openstack:before, .pf-v5-pficon-openshift:before, .pf-v5-pficon-open-drawer-right:before, .pf-v5-pficon-on:before, .pf-v5-pficon-on-running:before, .pf-v5-pficon-ok:before, .pf-v5-pficon-off:before, .pf-v5-pficon-not-started:before, .pf-v5-pficon-new-process:before, .pf-v5-pficon-network:before, .pf-v5-pficon-namespaces:before, .pf-v5-pficon-multicluster:before, .pf-v5-pficon-monitoring:before, .pf-v5-pficon-module:before, .pf-v5-pficon-migration:before, .pf-v5-pficon-middleware:before, .pf-v5-pficon-messages:before, .pf-v5-pficon-memory:before, .pf-v5-pficon-maintenance:before, .pf-v5-pficon-locked:before, .pf-v5-pficon-key:before, .pf-v5-pficon-integration:before, .pf-v5-pficon-infrastructure:before, .pf-v5-pficon-info:before, .pf-v5-pficon-in-progress:before, .pf-v5-pficon-import:before, .pf-v5-pficon-home:before, .pf-v5-pficon-history:before, .pf-v5-pficon-help:before, .pf-v5-pficon-globe-route:before, .pf-v5-pficon-folder-open:before, .pf-v5-pficon-folder-close:before, .pf-v5-pficon-flavor:before, .pf-v5-pficon-filter:before, .pf-v5-pficon-export:before, .pf-v5-pficon-error-circle-o:before, .pf-v5-pficon-equalizer:before, .pf-v5-pficon-enterprise:before, .pf-v5-pficon-enhancement:before, .pf-v5-pficon-edit:before, .pf-v5-pficon-domain:before, .pf-v5-pficon-disconnected:before, .pf-v5-pficon-degraded:before, .pf-v5-pficon-data-source:before, .pf-v5-pficon-data-sink:before, .pf-v5-pficon-data-processor:before, .pf-v5-pficon-critical-risk:before, .pf-v5-pficon-cpu:before, .pf-v5-pficon-container-node:before, .pf-v5-pficon-connected:before, .pf-v5-pficon-cluster:before, .pf-v5-pficon-cloud-tenant:before, .pf-v5-pficon-cloud-security:before, .pf-v5-pficon-close:before, .pf-v5-pficon-chat:before, .pf-v5-pficon-catalog:before, .pf-v5-pficon-bundle:before, .pf-v5-pficon-builder-image:before, .pf-v5-pficon-build:before, .pf-v5-pficon-blueprint:before, .pf-v5-pficon-bell:before, .pf-v5-pficon-automation:before, .pf-v5-pficon-attention-bell:before, .pf-v5-pficon-asleep:before, .pf-v5-pficon-arrow:before, .pf-v5-pficon-applications:before, .pf-v5-pficon-ansible-tower:before, .pf-v5-pficon-add-circle-o:before { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-variant:normal; text-transform:none; font-family:pf-v5-pficon; font-style:normal; font-weight:400; text-decoration:none } .pf-v5-pficon-add-circle-o:before { content:"" } .pf-v5-pficon-ansible-tower:before { content:"" } .pf-v5-pficon-applications:before { content:"" } .pf-v5-pficon-arrow:before { content:"" } .pf-v5-pficon-asleep:before { content:"" } .pf-v5-pficon-attention-bell:before { content:"" } .pf-v5-pficon-automation:before { content:"" } .pf-v5-pficon-bell:before { content:"" } .pf-v5-pficon-blueprint:before { content:"" } .pf-v5-pficon-build:before { content:"" } .pf-v5-pficon-builder-image:before { content:"" } .pf-v5-pficon-bundle:before { content:"" } .pf-v5-pficon-catalog:before { content:"" } .pf-v5-pficon-chat:before { content:"" } .pf-v5-pficon-close:before { content:"" } .pf-v5-pficon-cloud-security:before { content:"" } .pf-v5-pficon-cloud-tenant:before { content:"" } .pf-v5-pficon-cluster:before { content:"" } .pf-v5-pficon-connected:before { content:"" } .pf-v5-pficon-container-node:before { content:"" } .pf-v5-pficon-cpu:before { content:"" } .pf-v5-pficon-critical-risk:before { content:"" } .pf-v5-pficon-data-processor:before { content:"" } .pf-v5-pficon-data-sink:before { content:"" } .pf-v5-pficon-data-source:before { content:"" } .pf-v5-pficon-degraded:before { content:"" } .pf-v5-pficon-disconnected:before { content:"" } .pf-v5-pficon-domain:before { content:"" } .pf-v5-pficon-edit:before { content:"" } .pf-v5-pficon-enhancement:before { content:"" } .pf-v5-pficon-enterprise:before { content:"" } .pf-v5-pficon-equalizer:before { content:"" } .pf-v5-pficon-error-circle-o:before { content:"" } .pf-v5-pficon-export:before { content:"" } .pf-v5-pficon-filter:before { content:"" } .pf-v5-pficon-flavor:before { content:"" } .pf-v5-pficon-folder-close:before { content:"" } .pf-v5-pficon-folder-open:before { content:"" } .pf-v5-pficon-globe-route:before { content:"" } .pf-v5-pficon-help:before { content:"" } .pf-v5-pficon-history:before { content:"" } .pf-v5-pficon-home:before { content:"" } .pf-v5-pficon-import:before { content:"" } .pf-v5-pficon-in-progress:before { content:"" } .pf-v5-pficon-info:before { content:"" } .pf-v5-pficon-infrastructure:before { content:"" } .pf-v5-pficon-integration:before { content:"" } .pf-v5-pficon-key:before { content:"" } .pf-v5-pficon-locked:before { content:"" } .pf-v5-pficon-maintenance:before { content:"" } .pf-v5-pficon-memory:before { content:"" } .pf-v5-pficon-messages:before { content:"" } .pf-v5-pficon-middleware:before { content:"" } .pf-v5-pficon-migration:before { content:"" } .pf-v5-pficon-module:before { content:"" } .pf-v5-pficon-monitoring:before { content:"" } .pf-v5-pficon-multicluster:before { content:"" } .pf-v5-pficon-namespaces:before { content:"" } .pf-v5-pficon-network:before { content:"" } .pf-v5-pficon-new-process:before { content:"" } .pf-v5-pficon-not-started:before { content:"" } .pf-v5-pficon-off:before { content:"" } .pf-v5-pficon-ok:before { content:"" } .pf-v5-pficon-on-running:before { content:"" } .pf-v5-pficon-on:before { content:"" } .pf-v5-pficon-open-drawer-right:before { content:"" } .pf-v5-pficon-openshift:before { content:"" } .pf-v5-pficon-openstack:before { content:"" } .pf-v5-pficon-optimize:before { content:"" } .pf-v5-pficon-orders:before { content:"" } .pf-v5-pficon-os-image:before { content:"" } .pf-v5-pficon-package:before { content:"" } .pf-v5-pficon-panel-close:before { content:"" } .pf-v5-pficon-panel-open:before { content:"" } .pf-v5-pficon-paused:before { content:"" } .pf-v5-pficon-pending:before { content:"" } .pf-v5-pficon-pficon-dragdrop:before { content:"" } .pf-v5-pficon-pficon-history:before { content:"" } .pf-v5-pficon-pficon-network-range:before { content:"" } .pf-v5-pficon-pficon-satellite:before { content:"" } .pf-v5-pficon-pficon-sort-common-asc:before { content:"" } .pf-v5-pficon-pficon-sort-common-desc:before { content:"" } .pf-v5-pficon-pficon-template:before { content:"" } .pf-v5-pficon-pficon-vcenter:before { content:"" } .pf-v5-pficon-plugged:before { content:"" } .pf-v5-pficon-port:before { content:"" } .pf-v5-pficon-print:before { content:"" } .pf-v5-pficon-private:before { content:"" } .pf-v5-pficon-process-automation:before { content:"" } .pf-v5-pficon-project:before { content:"" } .pf-v5-pficon-rebalance:before { content:"" } .pf-v5-pficon-rebooting:before { content:"" } .pf-v5-pficon-regions:before { content:"" } .pf-v5-pficon-registry:before { content:"" } .pf-v5-pficon-remove2:before { content:"" } .pf-v5-pficon-replicator:before { content:"" } .pf-v5-pficon-repository:before { content:"" } .pf-v5-pficon-resource-pool:before { content:"" } .pf-v5-pficon-resources-almost-empty:before { content:"" } .pf-v5-pficon-resources-almost-full:before { content:"" } .pf-v5-pficon-resources-empty:before { content:"" } .pf-v5-pficon-resources-full:before { content:"" } .pf-v5-pficon-running:before { content:"" } .pf-v5-pficon-save:before { content:"" } .pf-v5-pficon-screen:before { content:"" } .pf-v5-pficon-security:before { content:"" } .pf-v5-pficon-server-group:before { content:"" } .pf-v5-pficon-server:before { content:"" } .pf-v5-pficon-service-catalog:before { content:"" } .pf-v5-pficon-service:before { content:"" } .pf-v5-pficon-services:before { content:"" } .pf-v5-pficon-severity-critical:before { content:"" } .pf-v5-pficon-severity-important:before { content:"" } .pf-v5-pficon-severity-minor:before { content:"" } .pf-v5-pficon-severity-moderate:before { content:"" } .pf-v5-pficon-severity-none:before { content:"" } .pf-v5-pficon-severity-undefined:before { content:"" } .pf-v5-pficon-spinner:before { content:"" } .pf-v5-pficon-spinner2:before { content:"" } .pf-v5-pficon-storage-domain:before { content:"" } .pf-v5-pficon-task:before { content:"" } .pf-v5-pficon-tenant:before { content:"" } .pf-v5-pficon-thumb-tack:before { content:"" } .pf-v5-pficon-topology:before { content:"" } .pf-v5-pficon-treeview:before { content:"" } .pf-v5-pficon-trend-down:before { content:"" } .pf-v5-pficon-trend-up:before { content:"" } .pf-v5-pficon-unknown:before { content:"" } .pf-v5-pficon-unlocked:before { content:"" } .pf-v5-pficon-unplugged:before { content:"" } .pf-v5-pficon-user:before { content:"" } .pf-v5-pficon-users:before { content:"" } .pf-v5-pficon-virtual-machine:before { content:"" } .pf-v5-pficon-volume:before { content:"" } .pf-v5-pficon-warning-triangle:before { content:"" } .pf-v5-pficon-zone:before { content:"" } .pf-v5-svg { vertical-align:-.125em; width:1em; height:1em } .pf-v5-c-content { --pf-v5-c-content--MarginBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-content--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-content--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--Color:var(--pf-v5-global--Color--100); --pf-v5-c-content--heading--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-content--h1--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h1--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h1--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-content--h1--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-content--h1--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--h2--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h2--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h2--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--h2--FontSize:var(--pf-v5-global--FontSize--xl); --pf-v5-c-content--h2--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--h3--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h3--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h3--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--h3--FontSize:var(--pf-v5-global--FontSize--lg); --pf-v5-c-content--h3--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--h4--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h4--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h4--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--h4--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-content--h4--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--h5--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h5--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h5--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--h5--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-content--h5--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--h6--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--h6--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--h6--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--h6--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-content--h6--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-content--small--MarginBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-content--small--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-content--small--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-content--small--Color:var(--pf-v5-global--Color--200); --pf-v5-c-content--a--Color:var(--pf-v5-global--link--Color); --pf-v5-c-content--a--TextDecoration:var(--pf-v5-global--link--TextDecoration); --pf-v5-c-content--a--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-content--a--hover--TextDecoration:var(--pf-v5-global--link--TextDecoration--hover); --pf-v5-c-content--a--visited--Color:var(--pf-v5-global--link--Color--visited); --pf-v5-c-content--blockquote--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-content--blockquote--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-content--blockquote--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-content--blockquote--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-content--blockquote--Color:var(--pf-v5-global--Color--200); --pf-v5-c-content--blockquote--BorderLeftColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-content--blockquote--BorderLeftWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-content--ol--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--ol--MarginLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--ol--nested--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--ol--nested--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--ul--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--ul--MarginLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-content--ul--nested--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--ul--nested--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--ul--ListStyle:var(--pf-v5-global--ListStyle); --pf-v5-c-content--li--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-content--dl--ColumnGap:var(--pf-v5-global--spacer--2xl); --pf-v5-c-content--dl--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-c-content--dt--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-content--dt--MarginTop:var(--pf-v5-global--spacer--md); --pf-v5-c-content--dt--sm--MarginTop:0; --pf-v5-c-content--hr--Height:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-content--hr--BackgroundColor:var(--pf-v5-global--BorderColor--100); font-size:var(--pf-v5-c-content--FontSize); line-height:var(--pf-v5-c-content--LineHeight); color:var(--pf-v5-c-content--Color) } .pf-v5-c-content a { color:var(--pf-v5-c-content--a--Color); text-decoration:var(--pf-v5-c-content--a--TextDecoration) } .pf-v5-c-content a:hover { --pf-v5-c-content--a--Color:var(--pf-v5-c-content--a--hover--Color); --pf-v5-c-content--a--TextDecoration:var(--pf-v5-c-content--a--hover--TextDecoration) } .pf-v5-c-content.pf-m-visited a:visited, .pf-v5-c-content a.pf-m-visited:visited { color:var(--pf-v5-c-content--a--visited--Color) } .pf-v5-c-content li+li { margin-block-start:var(--pf-v5-c-content--li--MarginTop) } .pf-v5-c-content p:not(:last-child), .pf-v5-c-content dl:not(:last-child), .pf-v5-c-content ol:not(:last-child), .pf-v5-c-content ul:not(:last-child), .pf-v5-c-content blockquote:not(:last-child), .pf-v5-c-content small:not(:last-child), .pf-v5-c-content pre:not(:last-child), .pf-v5-c-content table:not(:last-child), .pf-v5-c-content hr:not(:last-child) { margin-block-end:var(--pf-v5-c-content--MarginBottom) } .pf-v5-c-content h1, .pf-v5-c-content h2, .pf-v5-c-content h3, .pf-v5-c-content h4, .pf-v5-c-content h5, .pf-v5-c-content h6 { font-family:var(--pf-v5-c-content--heading--FontFamily); margin:0 } .pf-v5-c-content h1:first-child, .pf-v5-c-content h2:first-child, .pf-v5-c-content h3:first-child, .pf-v5-c-content h4:first-child, .pf-v5-c-content h5:first-child, .pf-v5-c-content h6:first-child { margin-block-start:0 } .pf-v5-c-content h1:last-child, .pf-v5-c-content h2:last-child, .pf-v5-c-content h3:last-child, .pf-v5-c-content h4:last-child, .pf-v5-c-content h5:last-child, .pf-v5-c-content h6:last-child { margin-block-end:0 } .pf-v5-c-content ol, .pf-v5-c-content ul { margin:0 } .pf-v5-c-content ol.pf-m-plain, .pf-v5-c-content ul.pf-m-plain { margin-inline-start:0; padding-inline-start:0; list-style:none } .pf-v5-c-content h1 { font-size:var(--pf-v5-c-content--h1--FontSize); font-weight:var(--pf-v5-c-content--h1--FontWeight); line-height:var(--pf-v5-c-content--h1--LineHeight); margin-block-start:var(--pf-v5-c-content--h1--MarginTop); margin-block-end:var(--pf-v5-c-content--h1--MarginBottom) } .pf-v5-c-content h2 { font-size:var(--pf-v5-c-content--h2--FontSize); font-weight:var(--pf-v5-c-content--h2--FontWeight); line-height:var(--pf-v5-c-content--h2--LineHeight); margin-block-start:var(--pf-v5-c-content--h2--MarginTop); margin-block-end:var(--pf-v5-c-content--h2--MarginBottom) } .pf-v5-c-content h3 { font-size:var(--pf-v5-c-content--h3--FontSize); font-weight:var(--pf-v5-c-content--h3--FontWeight); line-height:var(--pf-v5-c-content--h3--LineHeight); margin-block-start:var(--pf-v5-c-content--h3--MarginTop); margin-block-end:var(--pf-v5-c-content--h3--MarginBottom) } .pf-v5-c-content h4 { font-size:var(--pf-v5-c-content--h4--FontSize); font-weight:var(--pf-v5-c-content--h4--FontWeight); line-height:var(--pf-v5-c-content--h4--LineHeight); margin-block-start:var(--pf-v5-c-content--h4--MarginTop); margin-block-end:var(--pf-v5-c-content--h4--MarginBottom) } .pf-v5-c-content h5 { font-size:var(--pf-v5-c-content--h5--FontSize); font-weight:var(--pf-v5-c-content--h5--FontWeight); line-height:var(--pf-v5-c-content--h5--LineHeight); margin-block-start:var(--pf-v5-c-content--h5--MarginTop); margin-block-end:var(--pf-v5-c-content--h5--MarginBottom) } .pf-v5-c-content h6 { font-size:var(--pf-v5-c-content--h6--FontSize); font-weight:var(--pf-v5-c-content--h6--FontWeight); line-height:var(--pf-v5-c-content--h6--LineHeight); margin-block-start:var(--pf-v5-c-content--h6--MarginTop); margin-block-end:var(--pf-v5-c-content--h6--MarginBottom) } .pf-v5-c-content small { font-size:var(--pf-v5-c-content--small--FontSize); line-height:var(--pf-v5-c-content--small--LineHeight); color:var(--pf-v5-c-content--small--Color); display:block } .pf-v5-c-content small:not(:last-child) { margin-block-end:var(--pf-v5-c-content--small--MarginBottom) } .pf-v5-c-content blockquote { color:var(--pf-v5-c-content--blockquote--Color); border-inline-start:var(--pf-v5-c-content--blockquote--BorderLeftWidth)solid var(--pf-v5-c-content--blockquote--BorderLeftColor); padding-block-start:var(--pf-v5-c-content--blockquote--PaddingTop); padding-block-end:var(--pf-v5-c-content--blockquote--PaddingBottom); padding-inline-start:var(--pf-v5-c-content--blockquote--PaddingLeft); padding-inline-end:var(--pf-v5-c-content--blockquote--PaddingRight) } .pf-v5-c-content hr { height:var(--pf-v5-c-content--hr--Height); background-color:var(--pf-v5-c-content--hr--BackgroundColor); border:none } .pf-v5-c-content ol { margin-inline-start:var(--pf-v5-c-content--ol--MarginLeft); padding-inline-start:var(--pf-v5-c-content--ol--PaddingLeft) } .pf-v5-c-content ol ul { --pf-v5-c-content--ul--MarginLeft:var(--pf-v5-c-content--ul--nested--MarginLeft); margin-block-start:var(--pf-v5-c-content--ul--nested--MarginTop) } .pf-v5-c-content ol ol { --pf-v5-c-content--ol--MarginLeft:var(--pf-v5-c-content--ol--nested--MarginLeft); margin-block-start:var(--pf-v5-c-content--ol--nested--MarginTop) } .pf-v5-c-content ul { list-style:var(--pf-v5-c-content--ul--ListStyle); margin-inline-start:var(--pf-v5-c-content--ul--MarginLeft); padding-inline-start:var(--pf-v5-c-content--ul--PaddingLeft) } .pf-v5-c-content ul ul { --pf-v5-c-content--ul--MarginLeft:var(--pf-v5-c-content--ul--nested--MarginLeft); margin-block-start:var(--pf-v5-c-content--ul--nested--MarginTop) } .pf-v5-c-content ul ol { --pf-v5-c-content--ol--MarginLeft:var(--pf-v5-c-content--ol--nested--MarginLeft); margin-block-start:var(--pf-v5-c-content--ol--nested--MarginTop) } .pf-v5-c-content dl { grid-template-columns:1fr; display:grid } @media screen and (width>=576px) { .pf-v5-c-content dl { grid-row-gap:var(--pf-v5-c-content--dl--RowGap); grid-column-gap:var(--pf-v5-c-content--dl--ColumnGap); grid-template:auto/auto 1fr } } .pf-v5-c-content dt { font-weight:var(--pf-v5-c-content--dt--FontWeight) } .pf-v5-c-content dt:not(:first-child) { margin-block-start:var(--pf-v5-c-content--dt--MarginTop) } @media screen and (width>=576px) { .pf-v5-c-content dt:not(:first-child) { --pf-v5-c-content--dt--MarginTop:var(--pf-v5-c-content--dt--sm--MarginTop) } .pf-v5-c-content dt { grid-column:1 } .pf-v5-c-content dd { grid-column:2 } } .pf-v5-c-title { --pf-v5-c-title--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-title--m-4xl--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-title--m-4xl--FontSize:var(--pf-v5-global--FontSize--4xl); --pf-v5-c-title--m-4xl--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-title--m-3xl--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-title--m-3xl--FontSize:var(--pf-v5-global--FontSize--3xl); --pf-v5-c-title--m-3xl--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-title--m-2xl--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-title--m-2xl--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-title--m-2xl--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-title--m-xl--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-title--m-xl--FontSize:var(--pf-v5-global--FontSize--xl); --pf-v5-c-title--m-xl--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-title--m-lg--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-title--m-lg--FontSize:var(--pf-v5-global--FontSize--lg); --pf-v5-c-title--m-lg--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-title--m-md--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-title--m-md--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-title--m-md--FontWeight:var(--pf-v5-global--FontWeight--normal); font-family:var(--pf-v5-c-title--FontFamily); word-break:break-word } .pf-v5-c-title.pf-m-4xl { font-size:var(--pf-v5-c-title--m-4xl--FontSize); font-weight:var(--pf-v5-c-title--m-4xl--FontWeight); line-height:var(--pf-v5-c-title--m-4xl--LineHeight) } .pf-v5-c-title.pf-m-3xl { font-size:var(--pf-v5-c-title--m-3xl--FontSize); font-weight:var(--pf-v5-c-title--m-3xl--FontWeight); line-height:var(--pf-v5-c-title--m-3xl--LineHeight) } .pf-v5-c-title.pf-m-2xl { font-size:var(--pf-v5-c-title--m-2xl--FontSize); font-weight:var(--pf-v5-c-title--m-2xl--FontWeight); line-height:var(--pf-v5-c-title--m-2xl--LineHeight) } .pf-v5-c-title.pf-m-xl { font-size:var(--pf-v5-c-title--m-xl--FontSize); font-weight:var(--pf-v5-c-title--m-xl--FontWeight); line-height:var(--pf-v5-c-title--m-xl--LineHeight) } .pf-v5-c-title.pf-m-lg { font-size:var(--pf-v5-c-title--m-lg--FontSize); font-weight:var(--pf-v5-c-title--m-lg--FontWeight); line-height:var(--pf-v5-c-title--m-lg--LineHeight) } .pf-v5-c-title.pf-m-md { font-size:var(--pf-v5-c-title--m-md--FontSize); font-weight:var(--pf-v5-c-title--m-md--FontWeight); line-height:var(--pf-v5-c-title--m-md--LineHeight) } .pf-v5-c-popover[data-popper-reference-hidden=true] { visibility:hidden; pointer-events:none } .pf-v5-c-button { --pf-v5-c-button--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-button--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-button--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-button--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-button--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-button--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-button--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-button--BackgroundColor:transparent; --pf-v5-c-button--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-button--after--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-button--after--BorderColor:transparent; --pf-v5-c-button--after--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-button--hover--after--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--focus--after--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--active--after--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--disabled--after--BorderColor:transparent; --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-primary--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--hover--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--hover--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--focus--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--focus--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-primary--active--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-button--m-primary--active--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-secondary--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--after--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--hover--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--hover--after--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--hover--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--focus--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--focus--after--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--focus--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--active--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--active--after--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--active--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--m-danger--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--after--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--m-danger--hover--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--m-danger--focus--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor:transparent; --pf-v5-c-button--m-secondary--m-danger--active--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-tertiary--BackgroundColor:transparent; --pf-v5-c-button--m-tertiary--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--hover--BackgroundColor:transparent; --pf-v5-c-button--m-tertiary--hover--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--focus--BackgroundColor:transparent; --pf-v5-c-button--m-tertiary--focus--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--active--BackgroundColor:transparent; --pf-v5-c-button--m-tertiary--active--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-tertiary--active--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-warning--BackgroundColor:var(--pf-v5-global--warning-color--100); --pf-v5-c-button--m-warning--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--hover--BackgroundColor:var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--hover--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--focus--BackgroundColor:var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--focus--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-warning--active--BackgroundColor:var(--pf-v5-global--palette--gold-500); --pf-v5-c-button--m-warning--active--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-danger--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--hover--BackgroundColor:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--hover--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--focus--BackgroundColor:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--focus--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-danger--active--BackgroundColor:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-danger--active--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-button--m-link--BackgroundColor:transparent; --pf-v5-c-button--m-link--Color:var(--pf-v5-global--link--Color); --pf-v5-c-button--m-link--hover--BackgroundColor:transparent; --pf-v5-c-button--m-link--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--focus--BackgroundColor:transparent; --pf-v5-c-button--m-link--focus--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--active--BackgroundColor:transparent; --pf-v5-c-button--m-link--active--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--disabled--BackgroundColor:transparent; --pf-v5-c-button--m-link--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--m-link--m-inline--FontSize:inherit; --pf-v5-c-button--m-link--m-inline--hover--TextDecoration:var(--pf-v5-global--link--TextDecoration--hover); --pf-v5-c-button--m-link--m-inline--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-button--m-link--m-inline--PaddingTop:0; --pf-v5-c-button--m-link--m-inline--PaddingRight:0; --pf-v5-c-button--m-link--m-inline--PaddingBottom:0; --pf-v5-c-button--m-link--m-inline--PaddingLeft:0; --pf-v5-c-button--m-link--m-inline__progress--Left:var(--pf-v5-global--spacer--xs); --pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft:calc(var(--pf-v5-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-v5-global--spacer--sm)); --pf-v5-c-button--m-link--m-danger--BackgroundColor:transparent; --pf-v5-c-button--m-link--m-danger--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-button--m-link--m-danger--hover--BackgroundColor:transparent; --pf-v5-c-button--m-link--m-danger--hover--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-link--m-danger--focus--BackgroundColor:transparent; --pf-v5-c-button--m-link--m-danger--focus--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-link--m-danger--active--BackgroundColor:transparent; --pf-v5-c-button--m-link--m-danger--active--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-button--m-plain--BackgroundColor:transparent; --pf-v5-c-button--m-plain--Color:var(--pf-v5-global--Color--200); --pf-v5-c-button--m-plain--hover--BackgroundColor:transparent; --pf-v5-c-button--m-plain--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--focus--BackgroundColor:transparent; --pf-v5-c-button--m-plain--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--active--BackgroundColor:transparent; --pf-v5-c-button--m-plain--active--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-plain--disabled--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--m-plain--disabled--BackgroundColor:transparent; --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--BorderRadius:0; --pf-v5-c-button--m-control--after--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-button--m-control--after--BorderTopColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--after--BorderRightColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-button--m-control--after--BorderLeftColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-control--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-button--m-control--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--hover--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--hover--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--active--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--active--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--active--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--focus--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-control--m-expanded--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-button--m-control--m-expanded--Color:var(--pf-v5-global--Color--100); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-button--m-small--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-button--m-display-lg--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-display-lg--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-button--m-display-lg--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-display-lg--PaddingLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-button--m-display-lg--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-button--m-link--m-display-lg--FontSize:var(--pf-v5-global--FontSize--lg); --pf-v5-c-button__icon--m-start--MarginRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-button__icon--m-end--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-button__progress--width:calc(var(--pf-v5-global--icon--FontSize--md) + var(--pf-v5-global--spacer--sm)); --pf-v5-c-button__progress--Opacity:0; --pf-v5-c-button__progress--TranslateY:-50%; --pf-v5-c-button__progress--TranslateX:0; --pf-v5-c-button__progress--Top:50%; --pf-v5-c-button__progress--Left:var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-progress--TransitionProperty:padding; --pf-v5-c-button--m-progress--TransitionDuration:var(--pf-v5-global--TransitionDuration); --pf-v5-c-button--m-progress--PaddingRight:calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width)/2); --pf-v5-c-button--m-progress--PaddingLeft:calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width)/2); --pf-v5-c-button--m-in-progress--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-button--m-in-progress--PaddingLeft:calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-button__progress--width)); --pf-v5-c-button--m-in-progress--m-plain--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-in-progress--m-plain__progress--Left:50%; --pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX:-50%; --pf-v5-c-button__count--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-button--disabled__c-badge--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-button--disabled__c-badge--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-button--m-primary__c-badge--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-button--m-primary__c-badge--BorderWidth:var(--pf-v5-global--BorderWidth--sm); font-size:var(--pf-v5-c-button--FontSize); font-weight:var(--pf-v5-c-button--FontWeight); line-height:var(--pf-v5-c-button--LineHeight); text-align:center; white-space:nowrap; user-select:none; border-radius:var(--pf-v5-c-button--BorderRadius); border:0; padding-block-start:var(--pf-v5-c-button--PaddingTop); padding-block-end:var(--pf-v5-c-button--PaddingBottom); padding-inline-start:var(--pf-v5-c-button--PaddingLeft); padding-inline-end:var(--pf-v5-c-button--PaddingRight); display:inline-block; position:relative } .pf-v5-c-button:after { pointer-events:none; content:""; border:var(--pf-v5-c-button--after--BorderWidth)solid; border-color:var(--pf-v5-c-button--after--BorderColor); border-radius:var(--pf-v5-c-button--after--BorderRadius); position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-button:hover { --pf-v5-c-button--after--BorderWidth:var(--pf-v5-c-button--hover--after--BorderWidth); text-decoration:none } .pf-v5-c-button:focus { --pf-v5-c-button--after--BorderWidth:var(--pf-v5-c-button--focus--after--BorderWidth) } .pf-v5-c-button:active, .pf-v5-c-button.pf-m-active { --pf-v5-c-button--after--BorderWidth:var(--pf-v5-c-button--active--after--BorderWidth) } .pf-v5-c-button.pf-m-block { width:100%; display:block } .pf-v5-c-button.pf-m-small { --pf-v5-c-button--FontSize:var(--pf-v5-c-button--m-small--FontSize) } .pf-v5-c-button.pf-m-primary.pf-m-display-lg, .pf-v5-c-button.pf-m-secondary.pf-m-display-lg, .pf-v5-c-button.pf-m-tertiary.pf-m-display-lg, .pf-v5-c-button.pf-m-link.pf-m-display-lg { --pf-v5-c-button--PaddingTop:var(--pf-v5-c-button--m-display-lg--PaddingTop); --pf-v5-c-button--PaddingRight:var(--pf-v5-c-button--m-display-lg--PaddingRight); --pf-v5-c-button--PaddingBottom:var(--pf-v5-c-button--m-display-lg--PaddingBottom); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-button--m-display-lg--PaddingLeft); --pf-v5-c-button--FontWeight:var(--pf-v5-c-button--m-display-lg--FontWeight) } .pf-v5-c-button.pf-m-primary { color:var(--pf-v5-c-button--m-primary--Color); background-color:var(--pf-v5-c-button--m-primary--BackgroundColor) } .pf-v5-c-button.pf-m-primary:hover { --pf-v5-c-button--m-primary--Color:var(--pf-v5-c-button--m-primary--hover--Color); --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-c-button--m-primary--hover--BackgroundColor) } .pf-v5-c-button.pf-m-primary:focus { --pf-v5-c-button--m-primary--Color:var(--pf-v5-c-button--m-primary--focus--Color); --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-c-button--m-primary--focus--BackgroundColor) } .pf-v5-c-button.pf-m-primary:active, .pf-v5-c-button.pf-m-primary.pf-m-active { --pf-v5-c-button--m-primary--Color:var(--pf-v5-c-button--m-primary--active--Color); --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-c-button--m-primary--active--BackgroundColor) } .pf-v5-c-button.pf-m-primary .pf-v5-c-badge.pf-m-unread { border:var(--pf-v5-c-button--m-primary__c-badge--BorderWidth)solid var(--pf-v5-c-button--m-primary__c-badge--BorderColor) } .pf-v5-c-button.pf-m-secondary { --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--after--BorderColor); color:var(--pf-v5-c-button--m-secondary--Color); background-color:var(--pf-v5-c-button--m-secondary--BackgroundColor) } .pf-v5-c-button.pf-m-secondary:hover { --pf-v5-c-button--m-secondary--Color:var(--pf-v5-c-button--m-secondary--hover--Color); --pf-v5-c-button--m-secondary--BackgroundColor:var(--pf-v5-c-button--m-secondary--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--hover--after--BorderColor) } .pf-v5-c-button.pf-m-secondary:focus { --pf-v5-c-button--m-secondary--Color:var(--pf-v5-c-button--m-secondary--focus--Color); --pf-v5-c-button--m-secondary--BackgroundColor:var(--pf-v5-c-button--m-secondary--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--focus--after--BorderColor) } .pf-v5-c-button.pf-m-secondary.pf-m-active, .pf-v5-c-button.pf-m-secondary:active { --pf-v5-c-button--m-secondary--Color:var(--pf-v5-c-button--m-secondary--active--Color); --pf-v5-c-button--m-secondary--BackgroundColor:var(--pf-v5-c-button--m-secondary--active--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--active--after--BorderColor) } .pf-v5-c-button.pf-m-tertiary { --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-tertiary--after--BorderColor); color:var(--pf-v5-c-button--m-tertiary--Color); background-color:var(--pf-v5-c-button--m-tertiary--BackgroundColor) } .pf-v5-c-button.pf-m-tertiary:hover { --pf-v5-c-button--m-tertiary--Color:var(--pf-v5-c-button--m-tertiary--hover--Color); --pf-v5-c-button--m-tertiary--BackgroundColor:var(--pf-v5-c-button--m-tertiary--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-tertiary--hover--after--BorderColor) } .pf-v5-c-button.pf-m-tertiary:focus { --pf-v5-c-button--m-tertiary--Color:var(--pf-v5-c-button--m-tertiary--focus--Color); --pf-v5-c-button--m-tertiary--BackgroundColor:var(--pf-v5-c-button--m-tertiary--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-tertiary--focus--after--BorderColor) } .pf-v5-c-button.pf-m-tertiary:active, .pf-v5-c-button.pf-m-tertiary.pf-m-active { --pf-v5-c-button--m-tertiary--Color:var(--pf-v5-c-button--m-tertiary--active--Color); --pf-v5-c-button--m-tertiary--BackgroundColor:var(--pf-v5-c-button--m-tertiary--active--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-tertiary--active--after--BorderColor) } .pf-v5-c-button.pf-m-link { --pf-v5-c-button--disabled--BackgroundColor:var(--pf-v5-c-button--m-link--disabled--BackgroundColor); --pf-v5-c-button--disabled--Color:var(--pf-v5-c-button--m-link--disabled--Color); color:var(--pf-v5-c-button--m-link--Color); background-color:var(--pf-v5-c-button--m-link--BackgroundColor) } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover { --pf-v5-c-button--m-link--Color:var(--pf-v5-c-button--m-link--hover--Color); --pf-v5-c-button--m-link--BackgroundColor:var(--pf-v5-c-button--m-link--hover--BackgroundColor) } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus { --pf-v5-c-button--m-link--Color:var(--pf-v5-c-button--m-link--focus--Color); --pf-v5-c-button--m-link--BackgroundColor:var(--pf-v5-c-button--m-link--focus--BackgroundColor) } .pf-v5-c-button.pf-m-link:not(.pf-m-inline):active, .pf-v5-c-button.pf-m-link:not(.pf-m-inline).pf-m-active { --pf-v5-c-button--m-link--Color:var(--pf-v5-c-button--m-link--active--Color); --pf-v5-c-button--m-link--BackgroundColor:var(--pf-v5-c-button--m-link--active--BackgroundColor) } .pf-v5-c-button.pf-m-link.pf-m-inline { --pf-v5-c-button--FontSize:var(--pf-v5-c-button--m-link--m-inline--FontSize); --pf-v5-c-button__progress--Left:var(--pf-v5-c-button--m-link--m-inline__progress--Left); text-align:start; white-space:normal; cursor:pointer; padding-block-start:var(--pf-v5-c-button--m-link--m-inline--PaddingTop); padding-block-end:var(--pf-v5-c-button--m-link--m-inline--PaddingBottom); padding-inline-start:var(--pf-v5-c-button--m-link--m-inline--PaddingLeft); padding-inline-end:var(--pf-v5-c-button--m-link--m-inline--PaddingRight); display:inline } .pf-v5-c-button.pf-m-link.pf-m-inline:hover { --pf-v5-c-button--m-link--Color:var(--pf-v5-c-button--m-link--m-inline--hover--Color); text-decoration:var(--pf-v5-c-button--m-link--m-inline--hover--TextDecoration) } .pf-v5-c-button.pf-m-link.pf-m-display-lg { --pf-v5-c-button--FontSize:var(--pf-v5-c-button--m-link--m-display-lg--FontSize) } .pf-v5-c-button.pf-m-danger { color:var(--pf-v5-c-button--m-danger--Color); background-color:var(--pf-v5-c-button--m-danger--BackgroundColor) } .pf-v5-c-button.pf-m-danger:hover { --pf-v5-c-button--m-danger--Color:var(--pf-v5-c-button--m-danger--hover--Color); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-c-button--m-danger--hover--BackgroundColor) } .pf-v5-c-button.pf-m-danger:focus { --pf-v5-c-button--m-danger--Color:var(--pf-v5-c-button--m-danger--focus--Color); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-c-button--m-danger--focus--BackgroundColor) } .pf-v5-c-button.pf-m-danger:active, .pf-v5-c-button.pf-m-danger.pf-m-active { --pf-v5-c-button--m-danger--Color:var(--pf-v5-c-button--m-danger--active--Color); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-c-button--m-danger--active--BackgroundColor) } .pf-v5-c-button.pf-m-danger.pf-m-secondary { --pf-v5-c-button--m-danger--Color:var(--pf-v5-c-button--m-secondary--m-danger--Color); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-c-button--m-secondary--m-danger--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--m-danger--after--BorderColor) } .pf-v5-c-button.pf-m-danger.pf-m-secondary:hover { --pf-v5-c-button--m-secondary--m-danger--Color:var(--pf-v5-c-button--m-secondary--m-danger--hover--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-v5-c-button--m-secondary--m-danger--hover--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--m-danger--hover--after--BorderColor) } .pf-v5-c-button.pf-m-danger.pf-m-secondary:focus { --pf-v5-c-button--m-secondary--m-danger--Color:var(--pf-v5-c-button--m-secondary--m-danger--focus--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-v5-c-button--m-secondary--m-danger--focus--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--m-danger--focus--after--BorderColor) } .pf-v5-c-button.pf-m-danger.pf-m-secondary:active, .pf-v5-c-button.pf-m-danger.pf-m-secondary.pf-m-active { --pf-v5-c-button--m-secondary--m-danger--Color:var(--pf-v5-c-button--m-secondary--m-danger--active--Color); --pf-v5-c-button--m-secondary--m-danger--BackgroundColor:var(--pf-v5-c-button--m-secondary--m-danger--active--BackgroundColor); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-secondary--m-danger--active--after--BorderColor) } .pf-v5-c-button.pf-m-danger.pf-m-link { --pf-v5-c-button--m-danger--Color:var(--pf-v5-c-button--m-link--m-danger--Color); --pf-v5-c-button--m-danger--BackgroundColor:var(--pf-v5-c-button--m-link--m-danger--BackgroundColor) } .pf-v5-c-button.pf-m-danger.pf-m-link:hover { --pf-v5-c-button--m-link--m-danger--Color:var(--pf-v5-c-button--m-link--m-danger--hover--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor:var(--pf-v5-c-button--m-link--m-danger--hover--BackgroundColor) } .pf-v5-c-button.pf-m-danger.pf-m-link:focus { --pf-v5-c-button--m-link--m-danger--Color:var(--pf-v5-c-button--m-link--m-danger--focus--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor:var(--pf-v5-c-button--m-link--m-danger--focus--BackgroundColor) } .pf-v5-c-button.pf-m-danger.pf-m-link:active, .pf-v5-c-button.pf-m-danger.pf-m-link.pf-m-active { --pf-v5-c-button--m-link--m-danger--Color:var(--pf-v5-c-button--m-link--m-danger--active--Color); --pf-v5-c-button--m-link--m-danger--BackgroundColor:var(--pf-v5-c-button--m-link--m-danger--active--BackgroundColor) } .pf-v5-c-button.pf-m-warning { color:var(--pf-v5-c-button--m-warning--Color); background-color:var(--pf-v5-c-button--m-warning--BackgroundColor) } .pf-v5-c-button.pf-m-warning:hover { --pf-v5-c-button--m-warning--Color:var(--pf-v5-c-button--m-warning--hover--Color); --pf-v5-c-button--m-warning--BackgroundColor:var(--pf-v5-c-button--m-warning--hover--BackgroundColor) } .pf-v5-c-button.pf-m-warning:focus { --pf-v5-c-button--m-warning--Color:var(--pf-v5-c-button--m-warning--focus--Color); --pf-v5-c-button--m-warning--BackgroundColor:var(--pf-v5-c-button--m-warning--focus--BackgroundColor) } .pf-v5-c-button.pf-m-warning:active, .pf-v5-c-button.pf-m-warning.pf-m-active { --pf-v5-c-button--m-warning--Color:var(--pf-v5-c-button--m-warning--active--Color); --pf-v5-c-button--m-warning--BackgroundColor:var(--pf-v5-c-button--m-warning--active--BackgroundColor) } .pf-v5-c-button.pf-m-control { --pf-v5-c-button--BorderRadius:var(--pf-v5-c-button--m-control--BorderRadius); --pf-v5-c-button--disabled--BackgroundColor:var(--pf-v5-c-button--m-control--disabled--BackgroundColor); --pf-v5-c-button--after--BorderWidth:var(--pf-v5-c-button--m-control--after--BorderWidth); --pf-v5-c-button--after--BorderColor:var(--pf-v5-c-button--m-control--after--BorderTopColor)var(--pf-v5-c-button--m-control--after--BorderRightColor)var(--pf-v5-c-button--m-control--after--BorderBottomColor)var(--pf-v5-c-button--m-control--after--BorderLeftColor); color:var(--pf-v5-c-button--m-control--Color); background-color:var(--pf-v5-c-button--m-control--BackgroundColor) } .pf-v5-c-button.pf-m-control:after { border-radius:initial } .pf-v5-c-button.pf-m-control:hover { --pf-v5-c-button--m-control--Color:var(--pf-v5-c-button--m-control--hover--Color); --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-c-button--m-control--hover--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-c-button--m-control--hover--after--BorderBottomColor) } .pf-v5-c-button.pf-m-control:hover:after { border-block-end-width:var(--pf-v5-c-button--m-control--hover--after--BorderBottomWidth) } .pf-v5-c-button.pf-m-control:active, .pf-v5-c-button.pf-m-control.pf-m-active { --pf-v5-c-button--m-control--Color:var(--pf-v5-c-button--m-control--active--Color); --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-c-button--m-control--active--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-c-button--m-control--active--after--BorderBottomColor) } .pf-v5-c-button.pf-m-control:active:after, .pf-v5-c-button.pf-m-control.pf-m-active:after { border-block-end-width:var(--pf-v5-c-button--m-control--active--after--BorderBottomWidth) } .pf-v5-c-button.pf-m-control:focus { --pf-v5-c-button--m-control--Color:var(--pf-v5-c-button--m-control--focus--Color); --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-c-button--m-control--focus--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-c-button--m-control--focus--after--BorderBottomColor) } .pf-v5-c-button.pf-m-control:focus:after { border-block-end-width:var(--pf-v5-c-button--m-control--focus--after--BorderBottomWidth) } .pf-v5-c-button.pf-m-control.pf-m-expanded { --pf-v5-c-button--m-control--Color:var(--pf-v5-c-button--m-control--m-expanded--Color); --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-c-button--m-control--m-expanded--BackgroundColor); --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor) } .pf-v5-c-button.pf-m-control.pf-m-expanded:after { border-block-end-width:var(--pf-v5-c-button--m-control--m-expanded--after--BorderBottomWidth) } .pf-v5-c-button.pf-m-plain { --pf-v5-c-button--disabled--Color:var(--pf-v5-c-button--m-plain--disabled--Color); --pf-v5-c-button--disabled--BackgroundColor:var(--pf-v5-c-button--m-plain--disabled--BackgroundColor); color:var(--pf-v5-c-button--m-plain--Color); background-color:var(--pf-v5-c-button--m-plain--BackgroundColor) } .pf-v5-c-button.pf-m-plain.pf-m-no-padding { padding:0 } .pf-v5-c-button.pf-m-plain:hover { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-button--m-plain--hover--Color); --pf-v5-c-button--m-plain--BackgroundColor:var(--pf-v5-c-button--m-plain--hover--BackgroundColor) } .pf-v5-c-button.pf-m-plain:active, .pf-v5-c-button.pf-m-plain.pf-m-active { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-button--m-plain--active--Color); --pf-v5-c-button--m-plain--BackgroundColor:var(--pf-v5-c-button--m-plain--active--BackgroundColor) } .pf-v5-c-button.pf-m-plain:focus { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-button--m-plain--focus--Color); --pf-v5-c-button--m-plain--BackgroundColor:var(--pf-v5-c-button--m-plain--focus--BackgroundColor) } .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled { pointer-events:none } .pf-v5-c-button:disabled, .pf-v5-c-button.pf-m-disabled, .pf-v5-c-button.pf-m-aria-disabled { color:var(--pf-v5-c-button--disabled--Color); background-color:var(--pf-v5-c-button--disabled--BackgroundColor) } .pf-v5-c-button:disabled:after, .pf-v5-c-button.pf-m-disabled:after, .pf-v5-c-button.pf-m-aria-disabled:after { border-color:var(--pf-v5-c-button--disabled--after--BorderColor) } .pf-v5-c-button:disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-disabled .pf-v5-c-badge, .pf-v5-c-button.pf-m-aria-disabled .pf-v5-c-badge { --pf-v5-c-badge--m-unread--Color:var(--pf-v5-c-button--disabled__c-badge--Color); --pf-v5-c-badge--m-unread--BackgroundColor:var(--pf-v5-c-button--disabled__c-badge--BackgroundColor); --pf-v5-c-button--m-primary__c-badge--BorderWidth:0 } .pf-v5-c-button.pf-m-aria-disabled { --pf-v5-c-button--after--BorderWidth:0; --pf-v5-c-button--m-link--m-inline--hover--TextDecoration:none; cursor:default } .pf-v5-c-button.pf-m-progress { --pf-v5-c-button--PaddingRight:var(--pf-v5-c-button--m-progress--PaddingRight); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-button--m-progress--PaddingLeft); transition:var(--pf-v5-c-button--m-progress--TransitionProperty)var(--pf-v5-c-button--m-progress--TransitionDuration) } .pf-v5-c-button.pf-m-in-progress { --pf-v5-c-button--m-link--m-inline--PaddingLeft:var(--pf-v5-c-button--m-link--m-inline--m-in-progress--PaddingLeft) } .pf-v5-c-button.pf-m-in-progress:not(.pf-m-plain) { --pf-v5-c-button--PaddingRight:var(--pf-v5-c-button--m-in-progress--PaddingRight); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-button--m-in-progress--PaddingLeft) } .pf-v5-c-button.pf-m-in-progress.pf-m-plain { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-button--m-in-progress--m-plain--Color); --pf-v5-c-button__progress--Left:var(--pf-v5-c-button--m-in-progress--m-plain__progress--Left); --pf-v5-c-button__progress--TranslateX:var(--pf-v5-c-button--m-in-progress--m-plain__progress--TranslateX) } .pf-v5-c-button.pf-m-in-progress.pf-m-plain>:not(.pf-v5-c-button__progress) { opacity:0 } .pf-v5-c-button__icon.pf-m-start { margin-inline-end:var(--pf-v5-c-button__icon--m-start--MarginRight) } .pf-v5-c-button__icon.pf-m-end { margin-inline-start:var(--pf-v5-c-button__icon--m-end--MarginLeft) } .pf-v5-c-button__progress { transform:translate(var(--pf-v5-c-button__progress--TranslateX),var(--pf-v5-c-button__progress--TranslateY)); line-height:1; position:absolute; inset-block-start:var(--pf-v5-c-button__progress--Top); inset-inline-start:var(--pf-v5-c-button__progress--Left) } .pf-v5-c-button__progress .pf-v5-c-spinner { --pf-v5-c-spinner--Color:currentcolor } .pf-v5-c-button__count { align-items:center; margin-inline-start:var(--pf-v5-c-button__count--MarginLeft); display:inline-flex } :where(.pf-v5-theme-dark) .pf-v5-c-button { --pf-v5-c-button--disabled--Color:var(--pf-v5-global--disabled-color--300); --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300); --pf-v5-c-button--m-primary--Color:var(--pf-v5-global--primary-color--400); --pf-v5-c-button--m-tertiary--after--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--Color:var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--hover--after--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--hover--Color:var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--focus--after--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--focus--Color:var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--active--after--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--active--Color:var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-warning--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--focus--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--active--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--BackgroundColor:var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--focus--BackgroundColor:var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--active--BackgroundColor:var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-danger--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--hover--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--focus--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--active--Color:var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-link--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-button--m-control--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--m-expanded--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-button--m-control--after--BorderTopColor:transparent; --pf-v5-c-button--m-control--after--BorderRightColor:transparent; --pf-v5-c-button--m-control--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-button--m-control--after--BorderLeftColor:transparent; --pf-v5-c-button--m-control--hover--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--active--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--focus--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-button--m-control--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--m-primary__c-badge--BorderColor:var(--pf-v5-global--Color--100) } :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:disabled:after { border:0; border-block-end:var(--pf-v5-global--BorderWidth--sm)solid var(--pf-v5-global--palette--black-700) } .pf-v5-c-spinner { --pf-v5-c-spinner--diameter:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--Width:var(--pf-v5-c-spinner--diameter); --pf-v5-c-spinner--Height:var(--pf-v5-c-spinner--diameter); --pf-v5-c-spinner--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-spinner--m-sm--diameter:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-spinner--m-md--diameter:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-spinner--m-lg--diameter:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-spinner--m-xl--diameter:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--m-inline--diameter:1em; width:var(--pf-v5-c-spinner--Width); height:var(--pf-v5-c-spinner--Height); overflow:hidden } .pf-v5-c-spinner.pf-m-inline { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-inline--diameter) } .pf-v5-c-spinner.pf-m-sm { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-sm--diameter) } .pf-v5-c-spinner.pf-m-md { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-md--diameter) } .pf-v5-c-spinner.pf-m-lg { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-lg--diameter) } .pf-v5-c-spinner.pf-m-xl { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-xl--diameter) } svg.pf-v5-c-spinner { --pf-v5-c-spinner--diameter:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-spinner--AnimationDuration:1.4s; --pf-v5-c-spinner--AnimationTimingFunction:linear; --pf-v5-c-spinner--stroke-width:10; --pf-v5-c-spinner__path--Stroke:var(--pf-v5-c-spinner--Color); --pf-v5-c-spinner__path--StrokeWidth:var(--pf-v5-c-spinner--stroke-width); --pf-v5-c-spinner__path--AnimationTimingFunction:ease-in-out; --pf-v5-c-spinner--m-sm--diameter:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-spinner--m-md--diameter:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-spinner--m-lg--diameter:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-spinner--m-xl--diameter:var(--pf-v5-global--icon--FontSize--xl); animation:pf-v5-c-spinner-animation-rotate calc(var(--pf-v5-c-spinner--AnimationDuration)*2)var(--pf-v5-c-spinner--AnimationTimingFunction)infinite } svg.pf-v5-c-spinner.pf-m-sm { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-sm--diameter) } svg.pf-v5-c-spinner.pf-m-md { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-md--diameter) } svg.pf-v5-c-spinner.pf-m-lg { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-lg--diameter) } svg.pf-v5-c-spinner.pf-m-xl { --pf-v5-c-spinner--diameter:var(--pf-v5-c-spinner--m-xl--diameter) } .pf-v5-c-spinner__path { width:100%; height:100%; stroke:var(--pf-v5-c-spinner--Color); stroke-dasharray:283; stroke-dashoffset:280px; stroke-linecap:round; stroke-width:var(--pf-v5-c-spinner--stroke-width); transform-origin:50%; animation:pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration)var(--pf-v5-c-spinner__path--AnimationTimingFunction)infinite } @keyframes pf-v5-c-spinner-animation-rotate { 0% { transform:rotate(0) } to { transform:rotate(360deg) } } @keyframes pf-v5-c-spinner-animation-dash { 0% { stroke-dashoffset:280px; transform:rotate(0) } 15% { stroke-width:calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4) } 40% { stroke-dasharray:220; stroke-dashoffset:150px } to { stroke-dashoffset:280px; transform:rotate(720deg) } } .pf-v5-c-badge { --pf-v5-c-badge--BorderRadius:var(--pf-v5-global--BorderRadius--lg); --pf-v5-c-badge--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-badge--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-badge--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-badge--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-badge--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-badge--MinWidth:var(--pf-v5-global--spacer--xl); --pf-v5-c-badge--m-read--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-badge--m-read--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-badge--m-unread--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-badge--m-unread--Color:var(--pf-v5-global--Color--light-100); min-width:var(--pf-v5-c-badge--MinWidth); font-size:var(--pf-v5-c-badge--FontSize); font-weight:var(--pf-v5-c-badge--FontWeight); color:var(--pf-v5-c-badge--Color); text-align:center; white-space:nowrap; background-color:var(--pf-v5-c-badge--BackgroundColor); border-radius:var(--pf-v5-c-badge--BorderRadius); padding-inline-start:var(--pf-v5-c-badge--PaddingLeft); padding-inline-end:var(--pf-v5-c-badge--PaddingRight); display:inline-block } .pf-v5-c-badge.pf-m-read { --pf-v5-c-badge--Color:var(--pf-v5-c-badge--m-read--Color); --pf-v5-c-badge--BackgroundColor:var(--pf-v5-c-badge--m-read--BackgroundColor) } .pf-v5-c-badge.pf-m-unread { --pf-v5-c-badge--Color:var(--pf-v5-c-badge--m-unread--Color); --pf-v5-c-badge--BackgroundColor:var(--pf-v5-c-badge--m-unread--BackgroundColor) } :where(.pf-v5-theme-dark) .pf-v5-c-badge { --pf-v5-c-badge--m-read--BackgroundColor:var(--pf-v5-global--palette--black-500); --pf-v5-c-badge--m-unread--Color:var(--pf-v5-global--primary-color--400); --pf-v5-c-badge--m-unread--BackgroundColor:var(--pf-v5-global--primary-color--300) } .pf-v5-c-backdrop { --pf-v5-c-backdrop--Position:fixed; --pf-v5-c-backdrop--ZIndex:var(--pf-v5-global--ZIndex--lg); --pf-v5-c-backdrop--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-transparent-100); position:var(--pf-v5-c-backdrop--Position); z-index:var(--pf-v5-c-backdrop--ZIndex); background-color:var(--pf-v5-c-backdrop--BackgroundColor); width:100%; height:100%; inset-block-start:0; inset-inline-start:0 } .pf-v5-c-backdrop__open { overflow:hidden } .pf-v5-c-modal-box { --pf-v5-c-modal-box--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-modal-box--BoxShadow:var(--pf-v5-global--BoxShadow--xl); --pf-v5-c-modal-box--ZIndex:var(--pf-v5-global--ZIndex--xl); --pf-v5-c-modal-box--Width:100%; --pf-v5-c-modal-box--MaxWidth:calc(100% - var(--pf-v5-global--spacer--xl)); --pf-v5-c-modal-box--m-sm--sm--MaxWidth:35rem; --pf-v5-c-modal-box--m-md--Width:52.5rem; --pf-v5-c-modal-box--m-lg--lg--MaxWidth:70rem; --pf-v5-c-modal-box--MaxHeight:calc(100% - var(--pf-v5-global--spacer--2xl)); --pf-v5-c-modal-box--m-align-top--spacer:var(--pf-v5-global--spacer--sm); --pf-v5-c-modal-box--m-align-top--xl--spacer:var(--pf-v5-global--spacer--xl); --pf-v5-c-modal-box--m-align-top--MarginTop:var(--pf-v5-c-modal-box--m-align-top--spacer); --pf-v5-c-modal-box--m-align-top--MaxHeight:calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer),var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer)); --pf-v5-c-modal-box--m-align-top--MaxWidth:calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer)*2,var(--pf-v5-global--spacer--xl))); --pf-v5-c-modal-box--m-danger__title-icon--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-modal-box--m-warning__title-icon--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-modal-box--m-success__title-icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-modal-box--m-info__title-icon--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-modal-box--m-custom__title-icon--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-modal-box__header--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__header--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__header--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__header--last-child--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__title--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-modal-box__title--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-modal-box__title--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-modal-box__title-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-modal-box__description--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-modal-box__body--MinHeight:calc(var(--pf-v5-global--FontSize--md)*var(--pf-v5-global--LineHeight--md)); --pf-v5-c-modal-box__body--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__body--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__body--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__body--last-child--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__header--body--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-modal-box__close--Top:calc(var(--pf-v5-global--spacer--lg)); --pf-v5-c-modal-box__close--Right:var(--pf-v5-global--spacer--md); --pf-v5-c-modal-box__close--sibling--MarginRight:calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm)); --pf-v5-c-modal-box__footer--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__footer--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__footer--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__footer--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-modal-box__footer--c-button--MarginRight:var(--pf-v5-global--spacer--md); --pf-v5-c-modal-box__footer--c-button--sm--MarginRight:calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight)/2); z-index:var(--pf-v5-c-modal-box--ZIndex); width:var(--pf-v5-c-modal-box--Width); max-width:var(--pf-v5-c-modal-box--MaxWidth); max-height:var(--pf-v5-c-modal-box--MaxHeight); background-color:var(--pf-v5-c-modal-box--BackgroundColor); box-shadow:var(--pf-v5-c-modal-box--BoxShadow); flex-direction:column; display:flex; position:relative } @media (width>=1200px) { .pf-v5-c-modal-box { --pf-v5-c-modal-box--m-align-top--spacer:var(--pf-v5-c-modal-box--m-align-top--xl--spacer) } } .pf-v5-c-modal-box.pf-m-sm { --pf-v5-c-modal-box--Width:var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth) } .pf-v5-c-modal-box.pf-m-md { --pf-v5-c-modal-box--Width:var(--pf-v5-c-modal-box--m-md--Width) } .pf-v5-c-modal-box.pf-m-lg { --pf-v5-c-modal-box--Width:var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth) } .pf-v5-c-modal-box.pf-m-align-top { max-width:var(--pf-v5-c-modal-box--m-align-top--MaxWidth); max-height:var(--pf-v5-c-modal-box--m-align-top--MaxHeight); align-self:flex-start; inset-block-start:var(--pf-v5-c-modal-box--m-align-top--MarginTop) } .pf-v5-c-modal-box__title.pf-m-danger, .pf-v5-c-modal-box.pf-m-danger { --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-c-modal-box--m-danger__title-icon--Color) } .pf-v5-c-modal-box__title.pf-m-warning, .pf-v5-c-modal-box.pf-m-warning { --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-c-modal-box--m-warning__title-icon--Color) } .pf-v5-c-modal-box__title.pf-m-success, .pf-v5-c-modal-box.pf-m-success { --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-c-modal-box--m-success__title-icon--Color) } .pf-v5-c-modal-box__title.pf-m-custom, .pf-v5-c-modal-box.pf-m-custom { --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-c-modal-box--m-custom__title-icon--Color) } .pf-v5-c-modal-box__title.pf-m-info, .pf-v5-c-modal-box.pf-m-info { --pf-v5-c-modal-box__title-icon--Color:var(--pf-v5-c-modal-box--m-info__title-icon--Color) } .pf-v5-c-modal-box__close { position:absolute; inset-block-start:var(--pf-v5-c-modal-box__close--Top); inset-inline-end:var(--pf-v5-c-modal-box__close--Right) } .pf-v5-c-modal-box__close+* { margin-inline-end:var(--pf-v5-c-modal-box__close--sibling--MarginRight) } .pf-v5-c-modal-box__header { flex-direction:column; flex-shrink:0; padding-block-start:var(--pf-v5-c-modal-box__header--PaddingTop); padding-inline-start:var(--pf-v5-c-modal-box__header--PaddingLeft); padding-inline-end:var(--pf-v5-c-modal-box__header--PaddingRight); display:flex } .pf-v5-c-modal-box__header.pf-m-help { flex-direction:row; display:flex } .pf-v5-c-modal-box__header:last-child { padding-block-end:var(--pf-v5-c-modal-box__header--last-child--PaddingBottom) } .pf-v5-c-modal-box__header+.pf-v5-c-modal-box__body { --pf-v5-c-modal-box__body--PaddingTop:var(--pf-v5-c-modal-box__header--body--PaddingTop) } .pf-v5-c-modal-box__header-main { flex-grow:1; min-width:0 } .pf-v5-c-modal-box__title, .pf-v5-c-modal-box__title-text { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .pf-v5-c-modal-box__title { font-family:var(--pf-v5-c-modal-box__title--FontFamily); font-size:var(--pf-v5-c-modal-box__title--FontSize); line-height:var(--pf-v5-c-modal-box__title--LineHeight); flex:none } .pf-v5-c-modal-box__title.pf-m-icon { display:flex } .pf-v5-c-modal-box__title-icon { color:var(--pf-v5-c-modal-box__title-icon--Color); margin-inline-end:var(--pf-v5-c-modal-box__title-icon--MarginRight) } .pf-v5-c-modal-box__description { padding-block-start:var(--pf-v5-c-modal-box__description--PaddingTop) } .pf-v5-c-modal-box__body { min-height:var(--pf-v5-c-modal-box__body--MinHeight); overscroll-behavior:contain; word-break:break-word; -webkit-overflow-scrolling:touch; flex:auto; padding-block-start:var(--pf-v5-c-modal-box__body--PaddingTop); padding-inline-start:var(--pf-v5-c-modal-box__body--PaddingLeft); padding-inline-end:var(--pf-v5-c-modal-box__body--PaddingRight); overflow:hidden auto } .pf-v5-c-modal-box__body:last-child { padding-block-end:var(--pf-v5-c-modal-box__body--last-child--PaddingBottom) } .pf-v5-c-modal-box__footer { flex:none; align-items:center; padding-block-start:var(--pf-v5-c-modal-box__footer--PaddingTop); padding-block-end:var(--pf-v5-c-modal-box__footer--PaddingBottom); padding-inline-start:var(--pf-v5-c-modal-box__footer--PaddingLeft); padding-inline-end:var(--pf-v5-c-modal-box__footer--PaddingRight); display:flex } .pf-v5-c-modal-box__footer>.pf-v5-c-button:not(:last-child) { margin-inline-end:var(--pf-v5-c-modal-box__footer--c-button--MarginRight) } @media screen and (width>=576px) { .pf-v5-c-modal-box__footer>.pf-v5-c-button:not(:last-child) { --pf-v5-c-modal-box__footer--c-button--MarginRight:var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight) } } :where(.pf-v5-theme-dark) .pf-v5-c-modal-box { --pf-v5-c-modal-box--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } .pf-v5-l-bullseye { --pf-v5-l-bullseye--Padding:0; height:100%; padding:var(--pf-v5-l-bullseye--Padding); justify-content:center; align-items:center; margin:0; display:flex } .pf-v5-c-tooltip { --pf-v5-c-tooltip--MaxWidth:18.75rem; --pf-v5-c-tooltip--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-tooltip__content--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-tooltip__content--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-tooltip__content--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-tooltip__content--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-tooltip__content--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-tooltip__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-c-tooltip__content--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-tooltip__arrow--Width:.9375rem; --pf-v5-c-tooltip__arrow--Height:.9375rem; --pf-v5-c-tooltip__arrow--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-c-tooltip__arrow--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-tooltip__arrow--m-top--TranslateX:-50%; --pf-v5-c-tooltip__arrow--m-top--TranslateY:50%; --pf-v5-c-tooltip__arrow--m-top--Rotate:45deg; --pf-v5-c-tooltip__arrow--m-right--TranslateX:-50%; --pf-v5-c-tooltip__arrow--m-right--TranslateY:-50%; --pf-v5-c-tooltip__arrow--m-right--Rotate:45deg; --pf-v5-c-tooltip__arrow--m-bottom--TranslateX:-50%; --pf-v5-c-tooltip__arrow--m-bottom--TranslateY:-50%; --pf-v5-c-tooltip__arrow--m-bottom--Rotate:45deg; --pf-v5-c-tooltip__arrow--m-left--TranslateX:50%; --pf-v5-c-tooltip__arrow--m-left--TranslateY:-50%; --pf-v5-c-tooltip__arrow--m-left--Rotate:45deg; max-width:var(--pf-v5-c-tooltip--MaxWidth); box-shadow:var(--pf-v5-c-tooltip--BoxShadow); position:relative } .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right) { --pf-v5-c-tooltip__arrow--Bottom:var(--pf-v5-c-tooltip--m-top--Bottom,0); --pf-v5-c-tooltip__arrow--Left:var(--pf-v5-c-tooltip--m-top--Left,50%); --pf-v5-c-tooltip__arrow--TranslateX:var(--pf-v5-c-tooltip__arrow--m-top--TranslateX); --pf-v5-c-tooltip__arrow--TranslateY:var(--pf-v5-c-tooltip__arrow--m-top--TranslateY); --pf-v5-c-tooltip__arrow--Rotate:var(--pf-v5-c-tooltip__arrow--m-top--Rotate) } .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right) { --pf-v5-c-tooltip__arrow--Top:var(--pf-v5-c-tooltip--m-bottom--Top,0); --pf-v5-c-tooltip__arrow--Left:var(--pf-v5-c-tooltip--m-bottom--Left,50%); --pf-v5-c-tooltip__arrow--TranslateX:var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX); --pf-v5-c-tooltip__arrow--TranslateY:var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY); --pf-v5-c-tooltip__arrow--Rotate:var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate) } .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom) { --pf-v5-c-tooltip__arrow--Top:var(--pf-v5-c-tooltip--m-left--Top,50%); --pf-v5-c-tooltip__arrow--Right:var(--pf-v5-c-tooltip--m-left--Right,0); --pf-v5-c-tooltip__arrow--TranslateX:var(--pf-v5-c-tooltip__arrow--m-left--TranslateX); --pf-v5-c-tooltip__arrow--TranslateY:var(--pf-v5-c-tooltip__arrow--m-left--TranslateY); --pf-v5-c-tooltip__arrow--Rotate:var(--pf-v5-c-tooltip__arrow--m-left--Rotate) } .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom) { --pf-v5-c-tooltip__arrow--Top:var(--pf-v5-c-tooltip--m-right--Top,50%); --pf-v5-c-tooltip__arrow--Left:var(--pf-v5-c-tooltip--m-right--Left,0); --pf-v5-c-tooltip__arrow--TranslateX:var(--pf-v5-c-tooltip__arrow--m-right--TranslateX); --pf-v5-c-tooltip__arrow--TranslateY:var(--pf-v5-c-tooltip__arrow--m-right--TranslateY); --pf-v5-c-tooltip__arrow--Rotate:var(--pf-v5-c-tooltip__arrow--m-right--Rotate) } .pf-v5-c-tooltip:is(.pf-m-left-top, .pf-m-right-top) { --pf-v5-c-tooltip__arrow--Top:0; --pf-v5-c-tooltip__arrow--TranslateY:var(--pf-v5-c-tooltip__arrow--m-top--TranslateY) } .pf-v5-c-tooltip:is(.pf-m-left-bottom, .pf-m-right-bottom) { --pf-v5-c-tooltip__arrow--Top:auto; --pf-v5-c-tooltip__arrow--Bottom:0 } .pf-v5-c-tooltip:is(.pf-m-top-left, .pf-m-bottom-left) { --pf-v5-c-tooltip__arrow--Left:0; --pf-v5-c-tooltip__arrow--TranslateX:var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) } .pf-v5-c-tooltip:is(.pf-m-top-right, .pf-m-bottom-right) { --pf-v5-c-tooltip__arrow--Right:0; --pf-v5-c-tooltip__arrow--Left:auto } .pf-v5-c-tooltip__content { font-size:var(--pf-v5-c-tooltip__content--FontSize); color:var(--pf-v5-c-tooltip__content--Color); text-align:center; word-break:break-word; background-color:var(--pf-v5-c-tooltip__content--BackgroundColor); padding-block-start:var(--pf-v5-c-tooltip__content--PaddingTop); padding-block-end:var(--pf-v5-c-tooltip__content--PaddingBottom); padding-inline-start:var(--pf-v5-c-tooltip__content--PaddingLeft); padding-inline-end:var(--pf-v5-c-tooltip__content--PaddingRight); position:relative } .pf-v5-c-tooltip__content.pf-m-text-align-left { text-align:start } .pf-v5-c-tooltip__arrow { top:var(--pf-v5-c-tooltip__arrow--Top,auto); right:var(--pf-v5-c-tooltip__arrow--Right,auto); bottom:var(--pf-v5-c-tooltip__arrow--Bottom,auto); left:var(--pf-v5-c-tooltip__arrow--Left,auto); width:var(--pf-v5-c-tooltip__arrow--Width); height:var(--pf-v5-c-tooltip__arrow--Height); pointer-events:none; background-color:var(--pf-v5-c-tooltip__arrow--BackgroundColor); box-shadow:var(--pf-v5-c-tooltip__arrow--BoxShadow); transform:translateX(var(--pf-v5-c-tooltip__arrow--TranslateX,0))translateY(var(--pf-v5-c-tooltip__arrow--TranslateY,0))rotate(var(--pf-v5-c-tooltip__arrow--Rotate,0)); position:absolute } :where(.pf-v5-theme-dark) .pf-v5-c-tooltip { --pf-v5-c-tooltip__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-tooltip__arrow--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } .pf-v5-c-alert { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark); --pf-v5-c-alert--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-alert--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-alert--GridTemplateColumns:max-content 1fr max-content; --pf-v5-c-alert--GridTemplateAreas:"icon title action" ". description description" ". actiongroup actiongroup"; --pf-v5-c-alert--BorderTopWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-alert--BorderTopColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-alert--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-alert--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-alert--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-alert--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-alert__FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-alert__toggle--MarginTop:calc(-1*var(--pf-v5-global--spacer--form-element) - .0625rem); --pf-v5-c-alert__toggle--MarginBottom:calc(-1*var(--pf-v5-global--spacer--form-element)); --pf-v5-c-alert__toggle--MarginLeft:calc(-1*var(--pf-v5-global--spacer--md)); --pf-v5-c-alert__toggle-icon--Rotate:0; --pf-v5-c-alert__toggle-icon--Transition:var(--pf-v5-global--Transition); --pf-v5-c-alert__icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-alert__icon--MarginTop:.0625rem; --pf-v5-c-alert__icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-alert__icon--FontSize:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-alert__title--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-alert__title--Color:var(--pf-v5-global--Color--100); --pf-v5-c-alert__title--max-lines:1; --pf-v5-c-alert__action--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-alert__action--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-alert__action--TranslateY:.125rem; --pf-v5-c-alert__action--MarginRight:calc(var(--pf-v5-global--spacer--sm)*-1); --pf-v5-c-alert__description--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-alert__action-group--PaddingTop-base:var(--pf-v5-global--spacer--xs); --pf-v5-c-alert__action-group--PaddingTop:var(--pf-v5-c-alert__action-group--PaddingTop-base); --pf-v5-c-alert__description--action-group--PaddingTop-base:var(--pf-v5-global--spacer--md); --pf-v5-c-alert__description--action-group--PaddingTop:var(--pf-v5-c-alert__description--action-group--PaddingTop-base); --pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-alert--m-custom--BorderTopColor:var(--pf-v5-global--custom-color--200); --pf-v5-c-alert--m-custom__icon--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-alert--m-custom__title--Color:var(--pf-v5-global--custom-color--300); --pf-v5-c-alert--m-success--BorderTopColor:var(--pf-v5-global--success-color--100); --pf-v5-c-alert--m-success__icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-alert--m-success__title--Color:var(--pf-v5-global--success-color--200); --pf-v5-c-alert--m-danger--BorderTopColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-alert--m-danger__icon--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-alert--m-danger__title--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-alert--m-warning--BorderTopColor:var(--pf-v5-global--warning-color--100); --pf-v5-c-alert--m-warning__icon--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-alert--m-warning__title--Color:var(--pf-v5-global--warning-color--200); --pf-v5-c-alert--m-info--BorderTopColor:var(--pf-v5-global--info-color--100); --pf-v5-c-alert--m-info__icon--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-alert--m-info__title--Color:var(--pf-v5-global--info-color--200); --pf-v5-c-alert--m-inline--BoxShadow:none; --pf-v5-c-alert--m-inline--m-custom--BackgroundColor:var(--pf-v5-global--palette--cyan-50); --pf-v5-c-alert--m-inline--m-success--BackgroundColor:var(--pf-v5-global--palette--green-50); --pf-v5-c-alert--m-inline--m-danger--BackgroundColor:var(--pf-v5-global--palette--red-50); --pf-v5-c-alert--m-inline--m-warning--BackgroundColor:var(--pf-v5-global--palette--gold-50); --pf-v5-c-alert--m-inline--m-info--BackgroundColor:var(--pf-v5-global--palette--blue-50); --pf-v5-c-alert--m-inline--m-plain--BorderTopWidth:0; --pf-v5-c-alert--m-inline--m-plain--BackgroundColor:transparent; --pf-v5-c-alert--m-inline--m-plain--PaddingTop:0; --pf-v5-c-alert--m-inline--m-plain--PaddingRight:0; --pf-v5-c-alert--m-inline--m-plain--PaddingBottom:0; --pf-v5-c-alert--m-inline--m-plain--PaddingLeft:0; --pf-v5-c-alert--m-expandable--GridTemplateColumns:auto max-content 1fr max-content; --pf-v5-c-alert--m-expandable--GridTemplateAreas:"toggle icon title action" ". . description description" ". . actiongroup actiongroup"; --pf-v5-c-alert--m-expandable__description--action-group--PaddingTop:var(--pf-v5-c-alert__action-group--PaddingTop-base); --pf-v5-c-alert--m-expanded__toggle-icon--Rotate:90deg; --pf-v5-c-alert--m-expanded__description--action-group--PaddingTop:var(--pf-v5-c-alert__description--action-group--PaddingTop-base); color:var(--pf-v5-global--Color--100); grid-template-areas:var(--pf-v5-c-alert--GridTemplateAreas); grid-template-columns:var(--pf-v5-c-alert--GridTemplateColumns); font-size:var(--pf-v5-c-alert__FontSize); background-color:var(--pf-v5-c-alert--BackgroundColor); border-block-start:var(--pf-v5-c-alert--BorderTopWidth)solid var(--pf-v5-c-alert--BorderTopColor); box-shadow:var(--pf-v5-c-alert--BoxShadow); padding-block-start:var(--pf-v5-c-alert--PaddingTop); padding-block-end:var(--pf-v5-c-alert--PaddingBottom); padding-inline-start:var(--pf-v5-c-alert--PaddingLeft); padding-inline-end:var(--pf-v5-c-alert--PaddingRight); display:grid; position:relative } .pf-v5-c-alert.pf-m-custom { --pf-v5-c-alert--BorderTopColor:var(--pf-v5-c-alert--m-custom--BorderTopColor); --pf-v5-c-alert__icon--Color:var(--pf-v5-c-alert--m-custom__icon--Color); --pf-v5-c-alert__title--Color:var(--pf-v5-c-alert--m-custom__title--Color); --pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-custom--BackgroundColor) } .pf-v5-c-alert.pf-m-success { --pf-v5-c-alert--BorderTopColor:var(--pf-v5-c-alert--m-success--BorderTopColor); --pf-v5-c-alert__icon--Color:var(--pf-v5-c-alert--m-success__icon--Color); --pf-v5-c-alert__title--Color:var(--pf-v5-c-alert--m-success__title--Color); --pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-success--BackgroundColor) } .pf-v5-c-alert.pf-m-danger { --pf-v5-c-alert--BorderTopColor:var(--pf-v5-c-alert--m-danger--BorderTopColor); --pf-v5-c-alert__icon--Color:var(--pf-v5-c-alert--m-danger__icon--Color); --pf-v5-c-alert__title--Color:var(--pf-v5-c-alert--m-danger__title--Color); --pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-danger--BackgroundColor) } .pf-v5-c-alert.pf-m-warning { --pf-v5-c-alert--BorderTopColor:var(--pf-v5-c-alert--m-warning--BorderTopColor); --pf-v5-c-alert__icon--Color:var(--pf-v5-c-alert--m-warning__icon--Color); --pf-v5-c-alert__title--Color:var(--pf-v5-c-alert--m-warning__title--Color); --pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-warning--BackgroundColor) } .pf-v5-c-alert.pf-m-info { --pf-v5-c-alert--BorderTopColor:var(--pf-v5-c-alert--m-info--BorderTopColor); --pf-v5-c-alert__icon--Color:var(--pf-v5-c-alert--m-info__icon--Color); --pf-v5-c-alert__title--Color:var(--pf-v5-c-alert--m-info__title--Color); --pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-info--BackgroundColor) } .pf-v5-c-alert.pf-m-inline { --pf-v5-c-alert--BoxShadow:var(--pf-v5-c-alert--m-inline--BoxShadow); --pf-v5-c-alert--BackgroundColor:var(--pf-v5-c-alert--m-inline--BackgroundColor) } .pf-v5-c-alert.pf-m-plain { --pf-v5-c-alert--BorderTopWidth:var(--pf-v5-c-alert--m-inline--m-plain--BorderTopWidth); --pf-v5-c-alert--BackgroundColor:var(--pf-v5-c-alert--m-inline--m-plain--BackgroundColor); --pf-v5-c-alert--PaddingTop:var(--pf-v5-c-alert--m-inline--m-plain--PaddingTop); --pf-v5-c-alert--PaddingRight:var(--pf-v5-c-alert--m-inline--m-plain--PaddingRight); --pf-v5-c-alert--PaddingBottom:var(--pf-v5-c-alert--m-inline--m-plain--PaddingBottom); --pf-v5-c-alert--PaddingLeft:var(--pf-v5-c-alert--m-inline--m-plain--PaddingLeft) } .pf-v5-c-alert.pf-m-expandable { --pf-v5-c-alert--GridTemplateColumns:var(--pf-v5-c-alert--m-expandable--GridTemplateColumns); --pf-v5-c-alert--GridTemplateAreas:var(--pf-v5-c-alert--m-expandable--GridTemplateAreas); --pf-v5-c-alert__description--action-group--PaddingTop:var(--pf-v5-c-alert--m-expandable__description--action-group--PaddingTop) } .pf-v5-c-alert.pf-m-expanded { --pf-v5-c-alert__toggle-icon--Rotate:var(--pf-v5-c-alert--m-expanded__toggle-icon--Rotate); --pf-v5-c-alert__description--action-group--PaddingTop:var(--pf-v5-c-alert--m-expanded__description--action-group--PaddingTop) } .pf-v5-c-alert__toggle { margin-block-start:var(--pf-v5-c-alert__toggle--MarginTop); margin-block-end:var(--pf-v5-c-alert__toggle--MarginBottom); margin-inline-start:var(--pf-v5-c-alert__toggle--MarginLeft) } .pf-v5-c-alert__toggle-icon { transition:var(--pf-v5-c-alert__toggle-icon--Transition); transform:rotate(var(--pf-v5-c-alert__toggle-icon--Rotate)); display:inline-block } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon { scale:-1 1 } .pf-v5-c-alert__icon { font-size:var(--pf-v5-c-alert__icon--FontSize); color:var(--pf-v5-c-alert__icon--Color); grid-area:icon; margin-block-start:var(--pf-v5-c-alert__icon--MarginTop); margin-inline-end:var(--pf-v5-c-alert__icon--MarginRight); display:flex } .pf-v5-c-alert__title { font-weight:var(--pf-v5-c-alert__title--FontWeight); color:var(--pf-v5-c-alert__title--Color); word-break:break-word; grid-area:title } .pf-v5-c-alert__title.pf-m-truncate { -webkit-line-clamp:var(--pf-v5-c-alert__title--max-lines); -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden } .pf-v5-c-alert__description { word-break:break-word; grid-area:description; padding-block-start:var(--pf-v5-c-alert__description--PaddingTop) } .pf-v5-c-alert__description+.pf-v5-c-alert__action-group { --pf-v5-c-alert__action-group--PaddingTop:var(--pf-v5-c-alert__description--action-group--PaddingTop) } .pf-v5-c-alert__action { transform:translateY(var(--pf-v5-c-alert__action--TranslateY)); grid-area:action; margin-block-start:var(--pf-v5-c-alert__action--MarginTop); margin-block-end:var(--pf-v5-c-alert__action--MarginBottom); margin-inline-end:var(--pf-v5-c-alert__action--MarginRight) } .pf-v5-c-alert__action>.pf-v5-c-button { --pf-v5-c-button--LineHeight:1 } .pf-v5-c-alert__action-group { grid-area:actiongroup; padding-block-start:var(--pf-v5-c-alert__action-group--PaddingTop) } .pf-v5-c-alert__action-group>.pf-v5-c-button { --pf-v5-c-button--m-link--m-inline--hover--TextDecoration:none } .pf-v5-c-alert__action-group>.pf-v5-c-button:not(:last-child) { margin-inline-end:var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight) } :where(.pf-v5-theme-dark) .pf-v5-c-alert { --pf-v5-c-alert--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-alert--m-custom__title--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-alert--m-success__title--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-alert--m-danger__title--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-alert--m-warning__title--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-alert--m-info__title--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-alert--m-inline--m-custom--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-alert--m-inline--m-success--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-alert--m-inline--m-danger--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-alert--m-inline--m-warning--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-alert--m-inline--m-info--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } .pf-v5-c-alert-group { --pf-v5-c-alert-group__item--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-alert-group--m-toast--Top:var(--pf-v5-global--spacer--2xl); --pf-v5-c-alert-group--m-toast--Right:var(--pf-v5-global--spacer--xl); --pf-v5-c-alert-group--m-toast--MaxWidth:37.5rem; --pf-v5-c-alert-group--m-toast--ZIndex:var(--pf-v5-global--ZIndex--2xl); --pf-v5-c-alert-group__overflow-button--BorderWidth:0; --pf-v5-c-alert-group__overflow-button--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-alert-group__overflow-button--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-alert-group__overflow-button--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-alert-group__overflow-button--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-alert-group__overflow-button--Color:var(--pf-v5-global--link--Color); --pf-v5-c-alert-group__overflow-button--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-alert-group__overflow-button--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-alert-group__overflow-button--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-alert-group__overflow-button--hover--BoxShadow:var(--pf-v5-global--BoxShadow--lg),var(--pf-v5-global--BoxShadow--lg-bottom); --pf-v5-c-alert-group__overflow-button--focus--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-alert-group__overflow-button--focus--BoxShadow:var(--pf-v5-global--BoxShadow--lg),var(--pf-v5-global--BoxShadow--lg-bottom); --pf-v5-c-alert-group__overflow-button--active--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-alert-group__overflow-button--active--BoxShadow:var(--pf-v5-global--BoxShadow--lg),var(--pf-v5-global--BoxShadow--lg-bottom) } .pf-v5-c-alert-group>*+* { margin-block-start:var(--pf-v5-c-alert-group__item--MarginTop) } .pf-v5-c-alert-group.pf-m-toast { z-index:var(--pf-v5-c-alert-group--m-toast--ZIndex); width:calc(100% - var(--pf-v5-c-alert-group--m-toast--Right)*2); max-width:var(--pf-v5-c-alert-group--m-toast--MaxWidth); position:fixed; inset-block-start:var(--pf-v5-c-alert-group--m-toast--Top); inset-inline-end:var(--pf-v5-c-alert-group--m-toast--Right) } .pf-v5-c-alert-group__overflow-button { width:100%; color:var(--pf-v5-c-alert-group__overflow-button--Color); background-color:var(--pf-v5-c-alert-group__overflow-button--BackgroundColor); border-width:var(--pf-v5-c-alert-group__overflow-button--BorderWidth); box-shadow:var(--pf-v5-c-alert-group__overflow-button--BoxShadow); padding-block-start:var(--pf-v5-c-alert-group__overflow-button--PaddingTop); padding-block-end:var(--pf-v5-c-alert-group__overflow-button--PaddingBottom); padding-inline-start:var(--pf-v5-c-alert-group__overflow-button--PaddingLeft); padding-inline-end:var(--pf-v5-c-alert-group__overflow-button--PaddingRight); position:relative } .pf-v5-c-alert-group__overflow-button:hover { --pf-v5-c-alert-group__overflow-button--Color:var(--pf-v5-c-alert-group__overflow-button--hover--Color); --pf-v5-c-alert-group__overflow-button--BoxShadow:var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow) } .pf-v5-c-alert-group__overflow-button:focus { --pf-v5-c-alert-group__overflow-button--Color:var(--pf-v5-c-alert-group__overflow-button--focus--Color); --pf-v5-c-alert-group__overflow-button--BoxShadow:var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow) } .pf-v5-c-alert-group__overflow-button:active { --pf-v5-c-alert-group__overflow-button--Color:var(--pf-v5-c-alert-group__overflow-button--active--Color); --pf-v5-c-alert-group__overflow-button--BoxShadow:var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow) } .pf-v5-c-avatar { --pf-v5-c-avatar--BorderColor:transparent; --pf-v5-c-avatar--BorderWidth:0; --pf-v5-c-avatar--BorderRadius:var(--pf-v5-global--BorderRadius--lg); --pf-v5-c-avatar--Width:2.25rem; --pf-v5-c-avatar--Height:2.25rem; --pf-v5-c-avatar--m-sm--Width:1.5rem; --pf-v5-c-avatar--m-sm--Height:1.5rem; --pf-v5-c-avatar--m-md--Width:2.25rem; --pf-v5-c-avatar--m-md--Height:2.25rem; --pf-v5-c-avatar--m-lg--Width:4.5rem; --pf-v5-c-avatar--m-lg--Height:4.5rem; --pf-v5-c-avatar--m-xl--Width:8rem; --pf-v5-c-avatar--m-xl--Height:8rem; --pf-v5-c-avatar--m-light--BorderColor:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-c-avatar--m-light--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-avatar--m-dark--BorderColor:var(--pf-v5-global--palette--black-700); --pf-v5-c-avatar--m-dark--BorderWidth:var(--pf-v5-global--BorderWidth--sm); width:var(--pf-v5-c-avatar--Width); height:var(--pf-v5-c-avatar--Height); border:var(--pf-v5-c-avatar--BorderWidth)solid var(--pf-v5-c-avatar--BorderColor); border-radius:var(--pf-v5-c-avatar--BorderRadius) } .pf-v5-c-avatar.pf-m-light { --pf-v5-c-avatar--BorderColor:var(--pf-v5-c-avatar--m-light--BorderColor); --pf-v5-c-avatar--BorderWidth:var(--pf-v5-c-avatar--m-light--BorderWidth) } .pf-v5-c-avatar.pf-m-dark { --pf-v5-c-avatar--BorderColor:var(--pf-v5-c-avatar--m-dark--BorderColor); --pf-v5-c-avatar--BorderWidth:var(--pf-v5-c-avatar--m-dark--BorderWidth) } .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width); --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height) } @media (width>=576px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width-on-sm,var(--pf-v5-c-avatar--m-sm--Width)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width-on-md,var(--pf-v5-c-avatar--m-sm--Width-on-sm,var(--pf-v5-c-avatar--m-sm--Width))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width-on-lg,var(--pf-v5-c-avatar--m-sm--Width-on-md,var(--pf-v5-c-avatar--m-sm--Width-on-sm,var(--pf-v5-c-avatar--m-sm--Width)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width-on-xl,var(--pf-v5-c-avatar--m-sm--Width-on-lg,var(--pf-v5-c-avatar--m-sm--Width-on-md,var(--pf-v5-c-avatar--m-sm--Width-on-sm,var(--pf-v5-c-avatar--m-sm--Width))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-sm--Width-on-2xl,var(--pf-v5-c-avatar--m-sm--Width-on-xl,var(--pf-v5-c-avatar--m-sm--Width-on-lg,var(--pf-v5-c-avatar--m-sm--Width-on-md,var(--pf-v5-c-avatar--m-sm--Width-on-sm,var(--pf-v5-c-avatar--m-sm--Width)))))) } } @media (width>=576px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height-on-sm,var(--pf-v5-c-avatar--m-sm--Height)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height-on-md,var(--pf-v5-c-avatar--m-sm--Height-on-sm,var(--pf-v5-c-avatar--m-sm--Height))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height-on-lg,var(--pf-v5-c-avatar--m-sm--Height-on-md,var(--pf-v5-c-avatar--m-sm--Height-on-sm,var(--pf-v5-c-avatar--m-sm--Height)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height-on-xl,var(--pf-v5-c-avatar--m-sm--Height-on-lg,var(--pf-v5-c-avatar--m-sm--Height-on-md,var(--pf-v5-c-avatar--m-sm--Height-on-sm,var(--pf-v5-c-avatar--m-sm--Height))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-sm { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-sm--Height-on-2xl,var(--pf-v5-c-avatar--m-sm--Height-on-xl,var(--pf-v5-c-avatar--m-sm--Height-on-lg,var(--pf-v5-c-avatar--m-sm--Height-on-md,var(--pf-v5-c-avatar--m-sm--Height-on-sm,var(--pf-v5-c-avatar--m-sm--Height)))))) } } .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width); --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height) } @media (width>=576px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width-on-sm,var(--pf-v5-c-avatar--m-md--Width)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width-on-md,var(--pf-v5-c-avatar--m-md--Width-on-sm,var(--pf-v5-c-avatar--m-md--Width))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width-on-lg,var(--pf-v5-c-avatar--m-md--Width-on-md,var(--pf-v5-c-avatar--m-md--Width-on-sm,var(--pf-v5-c-avatar--m-md--Width)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width-on-xl,var(--pf-v5-c-avatar--m-md--Width-on-lg,var(--pf-v5-c-avatar--m-md--Width-on-md,var(--pf-v5-c-avatar--m-md--Width-on-sm,var(--pf-v5-c-avatar--m-md--Width))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-md--Width-on-2xl,var(--pf-v5-c-avatar--m-md--Width-on-xl,var(--pf-v5-c-avatar--m-md--Width-on-lg,var(--pf-v5-c-avatar--m-md--Width-on-md,var(--pf-v5-c-avatar--m-md--Width-on-sm,var(--pf-v5-c-avatar--m-md--Width)))))) } } @media (width>=576px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height-on-sm,var(--pf-v5-c-avatar--m-md--Height)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height-on-md,var(--pf-v5-c-avatar--m-md--Height-on-sm,var(--pf-v5-c-avatar--m-md--Height))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height-on-lg,var(--pf-v5-c-avatar--m-md--Height-on-md,var(--pf-v5-c-avatar--m-md--Height-on-sm,var(--pf-v5-c-avatar--m-md--Height)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height-on-xl,var(--pf-v5-c-avatar--m-md--Height-on-lg,var(--pf-v5-c-avatar--m-md--Height-on-md,var(--pf-v5-c-avatar--m-md--Height-on-sm,var(--pf-v5-c-avatar--m-md--Height))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-md { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-md--Height-on-2xl,var(--pf-v5-c-avatar--m-md--Height-on-xl,var(--pf-v5-c-avatar--m-md--Height-on-lg,var(--pf-v5-c-avatar--m-md--Height-on-md,var(--pf-v5-c-avatar--m-md--Height-on-sm,var(--pf-v5-c-avatar--m-md--Height)))))) } } .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width); --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height) } @media (width>=576px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width-on-sm,var(--pf-v5-c-avatar--m-lg--Width)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width-on-md,var(--pf-v5-c-avatar--m-lg--Width-on-sm,var(--pf-v5-c-avatar--m-lg--Width))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width-on-lg,var(--pf-v5-c-avatar--m-lg--Width-on-md,var(--pf-v5-c-avatar--m-lg--Width-on-sm,var(--pf-v5-c-avatar--m-lg--Width)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width-on-xl,var(--pf-v5-c-avatar--m-lg--Width-on-lg,var(--pf-v5-c-avatar--m-lg--Width-on-md,var(--pf-v5-c-avatar--m-lg--Width-on-sm,var(--pf-v5-c-avatar--m-lg--Width))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-lg--Width-on-2xl,var(--pf-v5-c-avatar--m-lg--Width-on-xl,var(--pf-v5-c-avatar--m-lg--Width-on-lg,var(--pf-v5-c-avatar--m-lg--Width-on-md,var(--pf-v5-c-avatar--m-lg--Width-on-sm,var(--pf-v5-c-avatar--m-lg--Width)))))) } } @media (width>=576px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height-on-sm,var(--pf-v5-c-avatar--m-lg--Height)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height-on-md,var(--pf-v5-c-avatar--m-lg--Height-on-sm,var(--pf-v5-c-avatar--m-lg--Height))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height-on-lg,var(--pf-v5-c-avatar--m-lg--Height-on-md,var(--pf-v5-c-avatar--m-lg--Height-on-sm,var(--pf-v5-c-avatar--m-lg--Height)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height-on-xl,var(--pf-v5-c-avatar--m-lg--Height-on-lg,var(--pf-v5-c-avatar--m-lg--Height-on-md,var(--pf-v5-c-avatar--m-lg--Height-on-sm,var(--pf-v5-c-avatar--m-lg--Height))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-lg { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-lg--Height-on-2xl,var(--pf-v5-c-avatar--m-lg--Height-on-xl,var(--pf-v5-c-avatar--m-lg--Height-on-lg,var(--pf-v5-c-avatar--m-lg--Height-on-md,var(--pf-v5-c-avatar--m-lg--Height-on-sm,var(--pf-v5-c-avatar--m-lg--Height)))))) } } .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width); --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height) } @media (width>=576px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width-on-sm,var(--pf-v5-c-avatar--m-xl--Width)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width-on-md,var(--pf-v5-c-avatar--m-xl--Width-on-sm,var(--pf-v5-c-avatar--m-xl--Width))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width-on-lg,var(--pf-v5-c-avatar--m-xl--Width-on-md,var(--pf-v5-c-avatar--m-xl--Width-on-sm,var(--pf-v5-c-avatar--m-xl--Width)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width-on-xl,var(--pf-v5-c-avatar--m-xl--Width-on-lg,var(--pf-v5-c-avatar--m-xl--Width-on-md,var(--pf-v5-c-avatar--m-xl--Width-on-sm,var(--pf-v5-c-avatar--m-xl--Width))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Width:var(--pf-v5-c-avatar--m-xl--Width-on-2xl,var(--pf-v5-c-avatar--m-xl--Width-on-xl,var(--pf-v5-c-avatar--m-xl--Width-on-lg,var(--pf-v5-c-avatar--m-xl--Width-on-md,var(--pf-v5-c-avatar--m-xl--Width-on-sm,var(--pf-v5-c-avatar--m-xl--Width)))))) } } @media (width>=576px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height-on-sm,var(--pf-v5-c-avatar--m-xl--Height)) } } @media (width>=768px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height-on-md,var(--pf-v5-c-avatar--m-xl--Height-on-sm,var(--pf-v5-c-avatar--m-xl--Height))) } } @media (width>=992px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height-on-lg,var(--pf-v5-c-avatar--m-xl--Height-on-md,var(--pf-v5-c-avatar--m-xl--Height-on-sm,var(--pf-v5-c-avatar--m-xl--Height)))) } } @media (width>=1200px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height-on-xl,var(--pf-v5-c-avatar--m-xl--Height-on-lg,var(--pf-v5-c-avatar--m-xl--Height-on-md,var(--pf-v5-c-avatar--m-xl--Height-on-sm,var(--pf-v5-c-avatar--m-xl--Height))))) } } @media (width>=1450px) { .pf-v5-c-avatar.pf-m-xl { --pf-v5-c-avatar--Height:var(--pf-v5-c-avatar--m-xl--Height-on-2xl,var(--pf-v5-c-avatar--m-xl--Height-on-xl,var(--pf-v5-c-avatar--m-xl--Height-on-lg,var(--pf-v5-c-avatar--m-xl--Height-on-md,var(--pf-v5-c-avatar--m-xl--Height-on-sm,var(--pf-v5-c-avatar--m-xl--Height)))))) } } .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-c-banner { --pf-v5-global--Color--100:var(--pf-v5-global--Color--light-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--light-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--light); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--light) } .pf-v5-c-banner .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--dark-100) } .pf-v5-c-banner { --pf-v5-c-banner--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-banner--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-banner--md--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-banner--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-banner--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-banner--md--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-banner--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-banner--Color:var(--pf-v5-global--Color--100); --pf-v5-c-banner--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-400); --pf-v5-c-banner--link--Color:var(--pf-v5-c-banner--Color); --pf-v5-c-banner--link--TextDecoration:underline; --pf-v5-c-banner--link--hover--Color:var(--pf-v5-c-banner--Color); --pf-v5-c-banner--link--hover--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-banner--link--disabled--Color:var(--pf-v5-c-banner--Color); --pf-v5-c-banner--link--disabled--TextDecoration:none; --pf-v5-c-banner--m-blue--BackgroundColor:var(--pf-v5-global--palette--blue-200); --pf-v5-c-banner--m-red--BackgroundColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-banner--m-green--BackgroundColor:var(--pf-v5-global--success-color--100); --pf-v5-c-banner--m-gold--BackgroundColor:var(--pf-v5-global--warning-color--100); --pf-v5-c-banner--m-sticky--ZIndex:var(--pf-v5-global--ZIndex--md); --pf-v5-c-banner--m-sticky--BoxShadow:var(--pf-v5-global--BoxShadow--md-bottom); color:var(--pf-v5-c-banner--Color); text-overflow:ellipsis; white-space:nowrap; font-size:var(--pf-v5-c-banner--FontSize); white-space:nowrap; background-color:var(--pf-v5-c-banner--BackgroundColor); flex-shrink:0; padding-block-start:var(--pf-v5-c-banner--PaddingTop); padding-block-end:var(--pf-v5-c-banner--PaddingBottom); padding-inline-start:var(--pf-v5-c-banner--PaddingLeft); padding-inline-end:var(--pf-v5-c-banner--PaddingRight); overflow:hidden } @media (width>=768px) { .pf-v5-c-banner { --pf-v5-c-banner--PaddingRight:var(--pf-v5-c-banner--md--PaddingRight); --pf-v5-c-banner--PaddingLeft:var(--pf-v5-c-banner--md--PaddingLeft) } } .pf-v5-c-banner.pf-m-blue { --pf-v5-c-banner--BackgroundColor:var(--pf-v5-c-banner--m-blue--BackgroundColor) } .pf-v5-c-banner.pf-m-red { --pf-v5-c-banner--BackgroundColor:var(--pf-v5-c-banner--m-red--BackgroundColor) } .pf-v5-c-banner.pf-m-green { --pf-v5-c-banner--BackgroundColor:var(--pf-v5-c-banner--m-green--BackgroundColor) } .pf-v5-c-banner.pf-m-gold { --pf-v5-c-banner--BackgroundColor:var(--pf-v5-c-banner--m-gold--BackgroundColor) } .pf-v5-c-banner.pf-m-sticky { z-index:var(--pf-v5-c-banner--m-sticky--ZIndex); box-shadow:var(--pf-v5-c-banner--m-sticky--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-banner a { color:var(--pf-v5-c-banner--link--Color); text-decoration:var(--pf-v5-c-banner--link--TextDecoration) } .pf-v5-c-banner a:hover:not(.pf-m-disabled) { --pf-v5-c-banner--link--Color:var(--pf-v5-c-banner--link--hover--Color); font-weight:var(--pf-v5-c-banner--link--hover--FontWeight) } .pf-v5-c-banner a.pf-m-disabled { --pf-v5-c-banner--link--Color:var(--pf-v5-c-banner--link--disabled--Color); --pf-v5-c-banner--link--TextDecoration:var(--pf-v5-c-banner--link--disabled--TextDecoration); cursor:not-allowed } .pf-v5-c-banner .pf-v5-c-button.pf-m-inline { --pf-v5-c-button--m-link--Color:var(--pf-v5-c-banner--link--Color); --pf-v5-c-button--m-link--m-inline--hover--Color:var(--pf-v5-c-banner--link--hover--Color); --pf-v5-c-button--disabled--Color:var(--pf-v5-c-banner--link--disabled--Color); text-decoration:var(--pf-v5-c-banner--link--TextDecoration) } .pf-v5-c-banner .pf-v5-c-button.pf-m-inline:hover { --pf-v5-c-banner--link--Color:var(--pf-v5-c-banner--link--hover--Color); font-weight:var(--pf-v5-c-banner--link--hover--FontWeight) } .pf-v5-c-banner .pf-v5-c-button.pf-m-inline:disabled, .pf-v5-c-banner .pf-v5-c-button.pf-m-inline.pf-m-disabled { --pf-v5-c-banner--link--TextDecoration:var(--pf-v5-c-banner--link--disabled--TextDecoration); cursor:not-allowed } :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300) } :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-blue, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-red, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-green, :where(.pf-v5-theme-dark) .pf-v5-c-banner.pf-m-gold { --pf-v5-c-banner--Color:var(--pf-v5-global--palette--black-900) } .pf-v5-c-breadcrumb { --pf-v5-c-breadcrumb__item--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-breadcrumb__item--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-breadcrumb__item--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-breadcrumb__item-divider--Color:var(--pf-v5-global--icon--Color--dark); --pf-v5-c-breadcrumb__item-divider--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-breadcrumb__item-divider--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-breadcrumb__link--Color:var(--pf-v5-global--link--Color); --pf-v5-c-breadcrumb__link--TextDecoration:var(--pf-v5-global--link--TextDecoration); --pf-v5-c-breadcrumb__link--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-breadcrumb__link--hover--TextDecoration:var(--pf-v5-global--link--TextDecoration--hover); --pf-v5-c-breadcrumb__link--m-current--Color:var(--pf-v5-global--Color--100); --pf-v5-c-breadcrumb__link--BackgroundColor:transparent; --pf-v5-c-breadcrumb__heading--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-breadcrumb__dropdown--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-breadcrumb__dropdown--MarginRight:calc(var(--pf-v5-c-breadcrumb__item--MarginRight)*-1); --pf-v5-c-breadcrumb__dropdown--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-breadcrumb__dropdown--MarginLeft:calc(var(--pf-v5-c-breadcrumb__item-divider--MarginRight)*-1); --pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight:var(--pf-v5-global--LineHeight--sm); display:inline-flex } .pf-v5-c-breadcrumb__list { flex-wrap:wrap; align-items:center; display:flex } .pf-v5-c-breadcrumb__item { font-size:var(--pf-v5-c-breadcrumb__item--FontSize); font-weight:var(--pf-v5-c-breadcrumb__item--FontWeight); line-height:var(--pf-v5-c-breadcrumb__item--LineHeight); white-space:nowrap; align-items:baseline; list-style:none; display:flex } .pf-v5-c-breadcrumb__item:not(:last-child) { margin-inline-end:var(--pf-v5-c-breadcrumb__item--MarginRight) } .pf-v5-c-breadcrumb__item-divider { font-size:var(--pf-v5-c-breadcrumb__item-divider--FontSize); color:var(--pf-v5-c-breadcrumb__item-divider--Color); margin-inline-end:var(--pf-v5-c-breadcrumb__item-divider--MarginRight); line-height:1 } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider { scale:-1 1 } .pf-v5-c-breadcrumb__link { font-size:inherit; font-weight:var(--pf-v5-c-breadcrumb__link--FontWeight); line-height:inherit; color:var(--pf-v5-c-breadcrumb__link--Color); text-decoration:var(--pf-v5-c-breadcrumb__link--TextDecoration); word-break:break-word; background-color:var(--pf-v5-c-breadcrumb__link--BackgroundColor) } .pf-v5-c-breadcrumb__link:hover { --pf-v5-c-breadcrumb__link--Color:var(--pf-v5-c-breadcrumb__link--hover--Color); --pf-v5-c-breadcrumb__link--TextDecoration:var(--pf-v5-c-breadcrumb__link--hover--TextDecoration) } .pf-v5-c-breadcrumb__link.pf-m-current { cursor:default } .pf-v5-c-breadcrumb__link.pf-m-current, .pf-v5-c-breadcrumb__link.pf-m-current:hover { color:var(--pf-v5-c-breadcrumb__link--m-current--Color); text-decoration:none } button.pf-v5-c-breadcrumb__link { border:none } .pf-v5-c-breadcrumb__dropdown { margin-block-start:var(--pf-v5-c-breadcrumb__dropdown--MarginTop); margin-block-end:var(--pf-v5-c-breadcrumb__dropdown--MarginBottom); margin-inline-start:var(--pf-v5-c-breadcrumb__dropdown--MarginLeft); margin-inline-end:var(--pf-v5-c-breadcrumb__dropdown--MarginRight) } .pf-v5-c-breadcrumb__dropdown .pf-v5-c-dropdown__toggle { line-height:var(--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight) } .pf-v5-c-breadcrumb__heading { font-size:var(--pf-v5-c-breadcrumb__heading--FontSize); display:inline } .pf-v5-c-breadcrumb__link, .pf-v5-c-breadcrumb__heading { white-space:normal } .pf-v5-c-breadcrumb__list>:first-child .pf-v5-c-breadcrumb__item-divider { display:none } .pf-v5-c-form-control { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark); --pf-v5-c-form-control--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-form-control--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form-control--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-form-control--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-form-control--Resize:none; --pf-v5-c-form-control--OutlineOffset:-2px; --pf-v5-c-form-control--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form-control--before--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form-control--before--BorderBottomWidth:0; --pf-v5-c-form-control--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form-control--before--BorderTopColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-form-control--before--BorderRightColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-form-control--before--BorderBottomColor:transparent; --pf-v5-c-form-control--before--BorderLeftColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-form-control--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-form-control--Width:100%; --pf-v5-c-form-control--inset--base:var(--pf-v5-global--spacer--sm); --pf-v5-c-form-control--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-form-control--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control--PaddingLeft:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control--hover--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-form-control--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-form-control--focus--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-form-control--m-expanded--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-form-control--m-expanded--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-form-control--m-placeholder--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-form-control--m-placeholder--child--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form-control--m-disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-form-control--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-form-control--m-disabled--after--BorderColor:transparent; --pf-v5-c-form-control--m-readonly--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor:transparent; --pf-v5-c-form-control--m-readonly--m-plain--inset--base:0; --pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset:0; --pf-v5-c-form-control--m-success--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-form-control--m-success--after--BorderBottomColor:var(--pf-v5-global--success-color--100); --pf-v5-c-form-control--m-success--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-form-control--m-warning--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-form-control--m-warning--after--BorderBottomColor:var(--pf-v5-global--warning-color--100); --pf-v5-c-form-control--m-warning--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-form-control--m-error--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-form-control--m-error--after--BorderBottomColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-form-control--m-error--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-form-control--m-error--icon--width:var(--pf-v5-c-form-control--FontSize); --pf-v5-c-form-control--m-icon--PaddingRight:calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer)); --pf-v5-c-form-control--m-icon--icon--width:var(--pf-v5-c-form-control--FontSize); --pf-v5-c-form-control--m-icon--icon--spacer:var(--pf-v5-global--spacer--sm); --pf-v5-c-form-control--m-icon--icon--PaddingRight:calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--icon--width) + var(--pf-v5-c-form-control--m-icon--icon--spacer)); --pf-v5-c-form-control__select--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-form-control__select--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-form-control__select--m-success--m-status--PaddingRight:var(--pf-v5-global--spacer--3xl); --pf-v5-c-form-control__select--m-warning--m-status--PaddingRight:var(--pf-v5-global--spacer--3xl); --pf-v5-c-form-control__select--m-error--m-status--PaddingRight:var(--pf-v5-global--spacer--3xl); --pf-v5-c-form-control--textarea--Width:var(--pf-v5-c-form-control--Width); --pf-v5-c-form-control--textarea--Height:auto; --pf-v5-c-form-control__icon--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-form-control__icon--Color:var(--pf-v5-global--icon--Color--light); --pf-v5-c-form-control__icon--m-status--Color:var(--pf-v5-global--icon--Color--light); --pf-v5-c-form-control--m-success__icon--m-status--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-form-control--m-warning__icon--m-status--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-form-control--m-error__icon--m-status--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-form-control__utilities--Gap:var(--pf-v5-global--spacer--sm); --pf-v5-c-form-control__utilities--PaddingTop:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control__utilities--PaddingRight:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control__toggle-icon--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-form-control__toggle-icon--PaddingRight:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control__toggle-icon--PaddingLeft:var(--pf-v5-c-form-control--inset--base); --pf-v5-c-form-control__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form-control--m-disabled__toggle-icon--Color:var(--pf-v5-global--disabled-color--100); color:var(--pf-v5-c-form-control--Color); column-gap:var(--pf-v5-c-form-control--ColumnGap); width:var(--pf-v5-c-form-control--Width); font-size:var(--pf-v5-c-form-control--FontSize); line-height:var(--pf-v5-c-form-control--LineHeight); resize:var(--pf-v5-c-form-control--Resize); background-color:var(--pf-v5-c-form-control--BackgroundColor); grid-template-columns:1fr auto; align-items:start; display:grid; position:relative } .pf-v5-c-form-control:before, .pf-v5-c-form-control:after { pointer-events:none; content:""; position:absolute; inset:0 } .pf-v5-c-form-control:before { border-style:var(--pf-v5-c-form-control--before--BorderStyle,solid); border-block-start-color:var(--pf-v5-c-form-control--before--BorderTopColor); border-block-start-width:var(--pf-v5-c-form-control--before--BorderTopWidth); border-block-end-color:var(--pf-v5-c-form-control--before--BorderBottomColor); border-block-end-width:var(--pf-v5-c-form-control--before--BorderBottomWidth); border-inline-start-color:var(--pf-v5-c-form-control--before--BorderLeftColor); border-inline-start-width:var(--pf-v5-c-form-control--before--BorderLeftWidth); border-inline-end-color:var(--pf-v5-c-form-control--before--BorderRightColor); border-inline-end-width:var(--pf-v5-c-form-control--before--BorderRightWidth) } .pf-v5-c-form-control:after { border-block-end:var(--pf-v5-c-form-control--after--BorderBottomWidth)var(--pf-v5-c-form-control--after--BorderStyle,solid)var(--pf-v5-c-form-control--after--BorderBottomColor) } .pf-v5-c-form-control>:is(input, select, textarea) { color:var(--pf-v5-c-form-control--Color); -webkit-appearance:none; -moz-appearance:none; background-color:#0000; border:none; grid-area:1/1/2/-1; padding-block-start:var(--pf-v5-c-form-control--PaddingTop); padding-block-end:var(--pf-v5-c-form-control--PaddingBottom); padding-inline-start:var(--pf-v5-c-form-control--PaddingLeft); padding-inline-end:var(--pf-v5-c-form-control--PaddingRight) } .pf-v5-c-form-control>:is(input, select, textarea):focus { outline-offset:var(--pf-v5-c-form-control--OutlineOffset) } .pf-v5-c-form-control>::placeholder { color:var(--pf-v5-c-form-control--m-placeholder--Color) } .pf-v5-c-form-control>:is(input, select) { text-overflow:ellipsis } .pf-v5-c-form-control.pf-m-readonly { --pf-v5-c-form-control--BackgroundColor:var(--pf-v5-c-form-control--m-readonly--BackgroundColor) } .pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) { --pf-v5-c-form-control--hover--after--BorderBottomColor:var(--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor); --pf-v5-c-form-control--focus--after--BorderBottomWidth:var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomWidth); --pf-v5-c-form-control--focus--after--BorderBottomColor:var(--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor) } .pf-v5-c-form-control.pf-m-readonly.pf-m-plain { --pf-v5-c-form-control--m-readonly--BackgroundColor:var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor); --pf-v5-c-form-control--inset--base:var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base); --pf-v5-c-form-control--before--BorderStyle:none; --pf-v5-c-form-control--after--BorderStyle:none; --pf-v5-c-form-control--OutlineOffset:var(--pf-v5-c-form-control--m-readonly--m-plain--OutlineOffset) } .pf-v5-c-form-control:hover { --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--hover--after--BorderBottomColor) } .pf-v5-c-form-control:focus-within { --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--focus--after--BorderBottomColor); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-c-form-control--focus--after--BorderBottomWidth) } .pf-v5-c-form-control.pf-m-expanded { --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--m-expanded--after--BorderBottomColor); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-c-form-control--m-expanded--after--BorderBottomWidth) } .pf-v5-c-form-control.pf-m-disabled { --pf-v5-c-form-control--BackgroundColor:var(--pf-v5-c-form-control--m-disabled--BackgroundColor); --pf-v5-c-form-control--Color:var(--pf-v5-c-form-control--m-disabled--Color); --pf-v5-c-form-control--m-placeholder--Color:var(--pf-v5-c-form-control--m-disabled--Color); --pf-v5-c-form-control__toggle-icon--Color:var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color); --pf-v5-c-form-control--before--BorderStyle:none; --pf-v5-c-form-control--after--BorderStyle:none; cursor:not-allowed } .pf-v5-c-form-control.pf-m-error { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-error--PaddingRight); --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--m-error--after--BorderBottomColor); --pf-v5-c-form-control__icon--m-status--Color:var(--pf-v5-c-form-control--m-error__icon--m-status--Color); --pf-v5-c-form-control__select--PaddingRight:var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-c-form-control--m-error--after--BorderBottomWidth) } .pf-v5-c-form-control.pf-m-error.pf-m-icon { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-icon--icon--PaddingRight) } .pf-v5-c-form-control.pf-m-success { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-success--PaddingRight); --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--m-success--after--BorderBottomColor); --pf-v5-c-form-control__icon--m-status--Color:var(--pf-v5-c-form-control--m-success__icon--m-status--Color); --pf-v5-c-form-control__select--PaddingRight:var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-c-form-control--m-success--after--BorderBottomWidth) } .pf-v5-c-form-control.pf-m-success.pf-m-icon { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-icon--icon--PaddingRight) } .pf-v5-c-form-control.pf-m-warning { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-warning--PaddingRight); --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-c-form-control--m-warning--after--BorderBottomColor); --pf-v5-c-form-control__icon--m-status--Color:var(--pf-v5-c-form-control--m-warning__icon--m-status--Color); --pf-v5-c-form-control__select--PaddingRight:var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight); --pf-v5-c-form-control--after--BorderBottomWidth:var(--pf-v5-c-form-control--m-warning--after--BorderBottomWidth) } .pf-v5-c-form-control.pf-m-warning.pf-m-icon { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-icon--icon--PaddingRight) } .pf-v5-c-form-control.pf-m-icon { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control--m-icon--PaddingRight) } .pf-v5-c-form-control>select { --pf-v5-c-form-control--PaddingRight:var(--pf-v5-c-form-control__select--PaddingRight); --pf-v5-c-form-control--PaddingLeft:var(--pf-v5-c-form-control__select--PaddingLeft); background-color:var(--pf-v5-c-form-control--BackgroundColor) } @-moz-document url-prefix() { .pf-v5-c-form-control>select { --pf-v5-c-form-control--PaddingRight:calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px); --pf-v5-c-form-control--PaddingLeft:calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px) } } .pf-v5-c-form-control.pf-m-placeholder>select { --pf-v5-c-form-control--Color:var(--pf-v5-c-form-control--m-placeholder--Color) } .pf-v5-c-form-control.pf-m-placeholder>select * { color:var(--pf-v5-c-form-control--m-placeholder--child--Color) } .pf-v5-c-form-control.pf-m-placeholder>select :disabled { color:revert } .pf-v5-c-form-control>textarea { vertical-align:bottom; resize:none; width:100%; height:100% } .pf-v5-c-form-control.pf-m-resize-vertical { --pf-v5-c-form-control--Resize:vertical; overflow:auto } .pf-v5-c-form-control.pf-m-resize-horizontal { --pf-v5-c-form-control--Resize:horizontal; overflow:auto } .pf-v5-c-form-control.pf-m-resize-both { --pf-v5-c-form-control--Resize:both; overflow:auto } .pf-v5-c-form-control__icon { color:var(--pf-v5-c-form-control__icon--Color); padding-block-start:var(--pf-v5-c-form-control__icon--PaddingTop) } .pf-v5-c-form-control__icon.pf-m-status { --pf-v5-c-form-control__icon--Color:var(--pf-v5-c-form-control__icon--m-status--Color) } .pf-v5-c-form-control__toggle-icon { color:var(--pf-v5-c-form-control__toggle-icon--Color); pointer-events:none; grid-area:1/3/2; padding-block-start:var(--pf-v5-c-form-control__toggle-icon--PaddingTop); padding-inline-start:var(--pf-v5-c-form-control__toggle-icon--PaddingLeft); padding-inline-end:var(--pf-v5-c-form-control__toggle-icon--PaddingRight) } .pf-v5-c-form-control__utilities { gap:var(--pf-v5-c-form-control__utilities--Gap); pointer-events:none; flex-wrap:nowrap; grid-area:1/2/2; padding-inline-end:var(--pf-v5-c-form-control__utilities--PaddingRight); display:flex } :where(.pf-v5-theme-dark) .pf-v5-c-form-control { --pf-v5-c-form-control--before--BorderTopColor:transparent; --pf-v5-c-form-control--before--BorderRightColor:transparent; --pf-v5-c-form-control--before--BorderLeftColor:transparent; --pf-v5-c-form-control--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-form-control--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-form-control--m-disabled--Color:var(--pf-v5-global--disabled-color--300); --pf-v5-c-form-control--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-form-control--m-readonly--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-form-control--m-disabled__toggle-icon--Color:var(--pf-v5-global--disabled-color--300); color:var(--pf-v5-global--Color--100) } :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator { filter:invert() } .pf-v5-c-menu { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list { --pf-v5-hidden-visible--hidden--Display:none; --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display); display:var(--pf-v5-hidden-visible--Display) } .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } @media screen and (width>=576px) { .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=768px) { .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=992px) { .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1200px) { .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1450px) { .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } .pf-v5-c-menu { color:var(--pf-v5-global--Color--100); --pf-v5-c-menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-menu--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-menu--MinWidth:auto; --pf-v5-c-menu--Width:auto; --pf-v5-c-menu--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-menu--Top:auto; --pf-v5-c-menu--m-flyout__menu--Top:calc(var(--pf-v5-c-menu__list--PaddingTop)*-1 + var(--pf-v5-c-menu--m-flyout__menu--top-offset)); --pf-v5-c-menu--m-flyout__menu--Right:auto; --pf-v5-c-menu--m-flyout__menu--Bottom:auto; --pf-v5-c-menu--m-flyout__menu--Left:calc(100% + var(--pf-v5-c-menu--m-flyout__menu--left-offset)); --pf-v5-c-menu--m-flyout__menu--m-top--Bottom:calc(var(--pf-v5-c-menu__list--PaddingTop)*-1); --pf-v5-c-menu--m-flyout__menu--m-left--Right:calc(100% + var(--pf-v5-c-menu--m-flyout__menu--m-left--right-offset)); --pf-v5-c-menu--m-plain--BoxShadow:none; --pf-v5-c-menu--m-flyout__menu--top-offset:0px; --pf-v5-c-menu--m-flyout__menu--left-offset:0px; --pf-v5-c-menu--m-flyout__menu--m-left--right-offset:0px; --pf-v5-c-menu__content--Height:auto; --pf-v5-c-menu__content--MaxHeight:none; --pf-v5-c-menu--m-scrollable__content--MaxHeight:18.75rem; --pf-v5-c-menu--c-divider--MarginTop:0; --pf-v5-c-menu--c-divider--MarginBottom:0; --pf-v5-c-menu__list--c-divider--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__list--c-divider--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__header--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--c-menu__item--MarginTop:calc(var(--pf-v5-c-menu__header--PaddingTop)*-1/2); --pf-v5-c-menu__header--c-menu__item--MarginRight:calc(var(--pf-v5-c-menu__header--PaddingRight)*-1/2); --pf-v5-c-menu__header--c-menu__item--MarginBottom:calc(var(--pf-v5-c-menu__header--PaddingBottom)*-1/2); --pf-v5-c-menu__header--c-menu__item--MarginLeft:calc(var(--pf-v5-c-menu__header--PaddingLeft)*-1/2); --pf-v5-c-menu__header--c-menu__item--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__header--c-menu__item--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--c-menu__item--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__header--c-menu__item--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header--c-menu__item--BackgroundColor:transparent; --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-menu__search--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__search--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__search--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__search--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__header__search--PaddingTop:0; --pf-v5-c-menu__list--Display:block; --pf-v5-c-menu__list--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__list--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__list-item--Display:flex; --pf-v5-c-menu__list-item--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu__list-item--BackgroundColor:transparent; --pf-v5-c-menu__list-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-menu__list-item--m-loading--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__item--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__item--OutlineOffset:calc(.125rem*-1); --pf-v5-c-menu__item--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-menu__item--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-menu__item--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-menu__list-item--m-disabled__item--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-menu__list-item--m-danger__item--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-menu__list-item--m-load__item--Color:var(--pf-v5-global--link--Color); --pf-v5-c-menu__group--Display:block; --pf-v5-c-menu__group-title--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__group-title--PaddingRight:var(--pf-v5-c-menu__item--PaddingRight); --pf-v5-c-menu__group-title--PaddingLeft:var(--pf-v5-c-menu__item--PaddingLeft); --pf-v5-c-menu__group-title--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-menu__group-title--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-menu__group-title--Color:var(--pf-v5-global--Color--200); --pf-v5-c-menu__item-description--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-menu__item-description--Color:var(--pf-v5-global--Color--200); --pf-v5-c-menu__item-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-check--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-toggle-icon--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-toggle-icon--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-select-icon--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-select-icon--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-menu__item-select-icon--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-menu__item-external-icon--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-external-icon--Color:var(--pf-v5-global--link--Color); --pf-v5-c-menu__item-external-icon--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-menu__item-external-icon--Opacity:0; --pf-v5-c-menu__item-action--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-action--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__item-action--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu__item-action--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__item-action--Color:var(--pf-v5-global--Color--200); --pf-v5-c-menu__item-action--BackgroundColor:transparent; --pf-v5-c-menu__item-action--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu__item-action--disabled--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-menu__item-action--m-favorited--Color:var(--pf-v5-global--palette--gold-400); --pf-v5-c-menu__item-action--m-favorited--hover--Color:var(--pf-v5-global--palette--gold-500); --pf-v5-c-menu__item-action-icon--Height:calc(var(--pf-v5-c-menu__item--FontSize)*var(--pf-v5-c-menu__item--LineHeight)); --pf-v5-c-menu__item-action--m-favorite__icon--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-menu__breadcrumb--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__breadcrumb--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__breadcrumb--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__breadcrumb--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-menu--m-drilldown--c-menu--Top:0; --pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform:var(--pf-v5-global--TransitionDuration); --pf-v5-c-menu--m-drilldown--c-menu--Transition:transform var(--pf-v5-c-menu--m-drilldown--c-menu--TransitionDuration--transform); --pf-v5-c-menu--m-drilldown__content--TransitionDuration--height:var(--pf-v5-global--TransitionDuration); --pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform:var(--pf-v5-global--TransitionDuration); --pf-v5-c-menu--m-drilldown__content--Transition:transform var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--transform),height var(--pf-v5-c-menu--m-drilldown__content--TransitionDuration--height); --pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform:var(--pf-v5-global--TransitionDuration); --pf-v5-c-menu--m-drilldown__list--Transition:transform var(--pf-v5-c-menu--m-drilldown__list--TransitionDuration--transform); --pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-menu__footer--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__footer--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__footer--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__footer--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu__footer--BoxShadow:none; --pf-v5-c-menu__footer--after--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu__footer--after--BorderTopColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-menu--m-scrollable__footer--BoxShadow:var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth:0; --pf-v5-c-menu--m-scrollable__footer--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu--m-nav--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-menu--m-nav--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-menu--m-nav__list--PaddingTop:0; --pf-v5-c-menu--m-nav__list--PaddingBottom:0; --pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-menu--m-nav__list-item--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-menu--m-nav__item--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-menu--m-nav__item--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-menu--m-nav__item--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-menu--m-nav__item--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-menu--m-nav__item--OutlineOffset:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-menu--m-nav__item--before--BorderBottomColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-menu--m-nav__item--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu--m-nav__item--hover--after--Top:calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth)*-1); --pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top:0; --pf-v5-c-menu--m-nav__item-description--Color:var(--pf-v5-global--Color--light-200); --pf-v5-c-menu--m-nav--c-menu--left-offset:.25rem; --pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset:0; --pf-v5-c-menu--m-nav--c-menu--m-left--right-offset:.25rem; --pf-v5-c-menu--m-nav--c-menu--Top:calc(var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth)*-1); --pf-v5-c-menu--m-nav--c-menu--Left:calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--left-offset)); --pf-v5-c-menu--m-nav--c-menu--m-left--Right:calc(100% - var(--pf-v5-c-menu--m-nav--c-menu--m-left--right-offset)); --pf-v5-c-menu--m-nav--c-menu--m-top--Bottom:calc(0 + var(--pf-v5-c-menu--m-nav--c-menu--m-top--bottom-offset)); --pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top:0; z-index:var(--pf-v5-c-menu--ZIndex); width:var(--pf-v5-c-menu--Width); min-width:var(--pf-v5-c-menu--MinWidth); background-color:var(--pf-v5-c-menu--BackgroundColor); box-shadow:var(--pf-v5-c-menu--BoxShadow); inset-block-start:var(--pf-v5-c-menu--Top) } .pf-v5-c-menu .pf-v5-c-menu__content .pf-v5-c-menu .pf-v5-c-menu__content { overflow:visible } .pf-v5-c-menu .pf-v5-c-divider { margin-block-start:var(--pf-v5-c-menu--c-divider--MarginTop); margin-block-end:var(--pf-v5-c-menu--c-divider--MarginBottom) } .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu { position:absolute; inset-block-start:var(--pf-v5-c-menu--m-flyout__menu--Top); inset-block-end:var(--pf-v5-c-menu--m-flyout__menu--Bottom); inset-inline-start:var(--pf-v5-c-menu--m-flyout__menu--Left); inset-inline-end:var(--pf-v5-c-menu--m-flyout__menu--Right) } .pf-v5-c-menu .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__content, .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__content { overflow-y:visible } .pf-v5-c-menu.pf-m-top { --pf-v5-c-menu--m-flyout__menu--Top:auto; --pf-v5-c-menu--m-flyout__menu--Bottom:var(--pf-v5-c-menu--m-flyout__menu--m-top--Bottom) } .pf-v5-c-menu.pf-m-left { --pf-v5-c-menu--m-flyout__menu--Right:var(--pf-v5-c-menu--m-flyout__menu--m-left--Right); --pf-v5-c-menu--m-flyout__menu--Left:auto } .pf-v5-c-menu.pf-m-drilldown { flex-direction:column; display:flex } .pf-v5-c-menu.pf-m-drilldown[hidden] { display:none } .pf-v5-c-menu.pf-m-drilldown>.pf-v5-c-menu__content { transition:var(--pf-v5-c-menu--m-drilldown__content--Transition); flex-grow:1; overflow:hidden } .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-v5-c-menu__list { transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in>.pf-v5-c-menu__list { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-menu.pf-m-drilldown>.pf-v5-c-menu__content .pf-v5-c-menu { --pf-v5-c-menu--BoxShadow:none; width:100%; transition:var(--pf-v5-c-menu--m-drilldown--c-menu--Transition); position:absolute; inset-block-start:var(--pf-v5-c-menu--m-drilldown--c-menu--Top); inset-inline-start:100% } .pf-v5-c-menu.pf-m-drilldown>.pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in { transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown>.pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list { visibility:visible; transition:var(--pf-v5-c-menu--m-drilldown__list--Transition); position:relative; overflow:hidden } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list .pf-v5-c-menu__list { --pf-v5-c-menu__list--PaddingTop:0; --pf-v5-c-menu__list--PaddingBottom:0 } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path .pf-v5-c-menu { z-index:var(--pf-v5-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex) } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-current-path>.pf-v5-c-menu { overflow:visible } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-static>.pf-v5-c-menu { position:static } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item.pf-m-static:hover { background-color:#0000 } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item:not(.pf-m-current-path) .pf-v5-c-menu { display:none } .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__item { outline-offset:var(--pf-v5-c-menu__item--OutlineOffset) } .pf-v5-c-menu.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list { visibility:hidden; overflow:visible } .pf-v5-c-menu.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list>.pf-v5-c-divider, .pf-v5-c-menu.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list>.pf-v5-c-menu__list-item:not(.pf-m-current-path) { display:none } .pf-v5-c-menu.pf-m-drilled-in>.pf-v5-c-menu__content>.pf-v5-c-menu__list>.pf-v5-c-menu__list-item.pf-m-current-path { visibility:hidden } .pf-v5-c-menu.pf-m-plain { --pf-v5-c-menu--BoxShadow:var(--pf-v5-c-menu--m-plain--BoxShadow) } .pf-v5-c-menu.pf-m-scrollable { --pf-v5-c-menu__content--MaxHeight:var(--pf-v5-c-menu--m-scrollable__content--MaxHeight); --pf-v5-c-menu__footer--BoxShadow:var(--pf-v5-c-menu--m-scrollable__footer--BoxShadow); --pf-v5-c-menu__footer--after--BorderTopWidth:var(--pf-v5-c-menu--m-scrollable__footer--after--BorderTopWidth) } .pf-v5-c-menu.pf-m-scrollable .pf-v5-c-menu__content { overflow-y:auto } .pf-v5-c-menu.pf-m-nav, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu { --pf-v5-c-menu--BackgroundColor:var(--pf-v5-c-menu--m-nav--BackgroundColor); --pf-v5-c-menu__list--PaddingTop:var(--pf-v5-c-menu--m-nav__list--PaddingTop); --pf-v5-c-menu__list--PaddingBottom:var(--pf-v5-c-menu--m-nav__list--PaddingBottom); --pf-v5-c-menu__list-item--hover--BackgroundColor:var(--pf-v5-c-menu--m-nav__list-item--hover--BackgroundColor); --pf-v5-c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-c-menu--m-nav__list-item--focus-within--BackgroundColor); --pf-v5-c-menu__list-item--active--BackgroundColor:var(--pf-v5-c-menu--m-nav__list-item--active--BackgroundColor); --pf-v5-c-menu__item--Color:var(--pf-v5-c-menu--m-nav__item--Color); --pf-v5-c-menu__item--FontSize:var(--pf-v5-c-menu--m-nav__item--FontSize); --pf-v5-c-menu__item--OutlineOffset:var(--pf-v5-c-menu--m-nav__item--OutlineOffset); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-c-menu--m-nav__item--PaddingRight); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-c-menu--m-nav__item--PaddingLeft); --pf-v5-c-menu__item-description--Color:var(--pf-v5-c-menu--m-nav__item-description--Color); box-shadow:var(--pf-v5-c-menu--m-nav--BoxShadow) } .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item { outline-offset:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset); position:relative } .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:before, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:before { content:""; border-block-end:var(--pf-v5-c-menu--m-nav__item--before--BorderBottomWidth)solid var(--pf-v5-c-menu--m-nav__item--before--BorderBottomColor); position:absolute; inset-block-end:0; inset-inline:0 } .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu__item:hover:after, .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__item:hover:after { content:""; border-inline-start:var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftWidth)solid var(--pf-v5-c-menu--m-nav__item--hover--after--BorderLeftColor); position:absolute; inset-block-start:var(--pf-v5-c-menu--m-nav__item--hover--after--Top); inset-block-end:0; inset-inline-start:0 } .pf-v5-c-menu.pf-m-nav .pf-v5-c-menu { width:100% } .pf-v5-c-menu.pf-m-flyout.pf-m-nav, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu { inset-block-start:var(--pf-v5-c-menu--m-nav--c-menu--Top); inset-inline-start:var(--pf-v5-c-menu--m-nav--c-menu--Left) } .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-top, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-top { --pf-v5-c-menu--m-nav--c-menu--Top:auto; inset-block-end:var(--pf-v5-c-menu--m-nav--c-menu--m-top--Bottom) } .pf-v5-c-menu.pf-m-flyout.pf-m-nav.pf-m-left, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu.pf-m-left { --pf-v5-c-menu--m-nav--c-menu--Left:auto; inset-inline-end:var(--pf-v5-c-menu--m-nav--c-menu--m-left--Right) } .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child { --pf-v5-c-menu--m-nav__item--hover--after--Top:var(--pf-v5-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top) } .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu, .pf-v5-c-menu.pf-m-flyout.pf-m-nav .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child .pf-v5-c-menu { --pf-v5-c-menu--m-nav--c-menu--Top:var(--pf-v5-c-menu--m-nav__list-item--first-child--c-menu--Top) } .pf-v5-c-menu__breadcrumb { min-height:var(--pf-v5-c-menu__breadcrumb--MinHeight); align-items:center; padding-block-start:var(--pf-v5-c-menu__breadcrumb--PaddingTop); padding-block-end:var(--pf-v5-c-menu__breadcrumb--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__breadcrumb--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__breadcrumb--PaddingRight); display:flex } .pf-v5-c-menu__breadcrumb .pf-v5-c-breadcrumb { --pf-v5-c-breadcrumb__item--FontSize:var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__item--FontSize); --pf-v5-c-breadcrumb__heading--FontSize:var(--pf-v5-c-menu__breadcrumb--c-breadcrumb__heading--FontSize) } .pf-v5-c-menu__content { height:var(--pf-v5-c-menu__content--Height); max-height:var(--pf-v5-c-menu__content--MaxHeight) } .pf-v5-c-menu__content .pf-v5-c-menu__content { --pf-v5-c-menu__content--Height:auto } .pf-v5-c-menu__header { --pf-v5-c-menu__item--PaddingTop:var(--pf-v5-c-menu__header--c-menu__item--PaddingTop); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-c-menu__header--c-menu__item--PaddingRight); --pf-v5-c-menu__item--PaddingBottom:var(--pf-v5-c-menu__header--c-menu__item--PaddingBottom); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-c-menu__header--c-menu__item--PaddingLeft); padding-block-start:var(--pf-v5-c-menu__header--PaddingTop); padding-block-end:var(--pf-v5-c-menu__header--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__header--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__header--PaddingRight) } .pf-v5-c-menu__header>.pf-v5-c-menu__item { --pf-v5-c-menu__item--BackgroundColor:var(--pf-v5-c-menu__header--c-menu__item--BackgroundColor); margin-block-start:var(--pf-v5-c-menu__header--c-menu__item--MarginTop); margin-block-end:var(--pf-v5-c-menu__header--c-menu__item--MarginBottom); margin-inline-start:var(--pf-v5-c-menu__header--c-menu__item--MarginLeft); margin-inline-end:var(--pf-v5-c-menu__header--c-menu__item--MarginRight) } .pf-v5-c-menu__header>.pf-v5-c-menu__item:hover { --pf-v5-c-menu__item--BackgroundColor:var(--pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor) } .pf-v5-c-menu__header>.pf-v5-c-menu__item:focus { --pf-v5-c-menu__item--BackgroundColor:var(--pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor) } .pf-v5-c-menu__header+.pf-v5-c-menu__search { --pf-v5-c-menu__search--PaddingTop:var(--pf-v5-c-menu__header__search--PaddingTop) } .pf-v5-c-menu__search { padding-block-start:var(--pf-v5-c-menu__search--PaddingTop); padding-block-end:var(--pf-v5-c-menu__search--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__search--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__search--PaddingRight) } .pf-v5-c-menu__list { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-menu__list--Display); padding-block-start:var(--pf-v5-c-menu__list--PaddingTop); padding-block-end:var(--pf-v5-c-menu__list--PaddingBottom) } .pf-v5-c-menu__list>.pf-v5-c-divider { margin-block-start:var(--pf-v5-c-menu__list--c-divider--MarginTop); margin-block-end:var(--pf-v5-c-menu__list--c-divider--MarginBottom) } .pf-v5-c-menu__list-item { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-menu__list-item--Display); color:var(--pf-v5-c-menu__list-item--Color); background-color:var(--pf-v5-c-menu__list-item--BackgroundColor); position:relative } .pf-v5-c-menu__list-item:hover { --pf-v5-c-menu__list-item--BackgroundColor:var(--pf-v5-c-menu__list-item--hover--BackgroundColor); --pf-v5-c-menu__list-item--Color:var(--pf-v5-c-menu__list-item--hover--Color,inherit) } .pf-v5-c-menu__list-item:focus-within, .pf-v5-c-menu__list-item.pf-m-focus { --pf-v5-c-menu__list-item--BackgroundColor:var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor); --pf-v5-c-menu__list-item--Color:var(--pf-v5-c-menu__list-item--focus-within--Color,inherit) } .pf-v5-c-menu__list-item.pf-m-disabled, .pf-v5-c-menu__list-item.pf-m-aria-disabled { --pf-v5-c-menu__list-item--hover--BackgroundColor:transparent; --pf-v5-c-menu__item--Color:var(--pf-v5-c-menu__list-item--m-disabled__item--Color); --pf-v5-c-menu__item-toggle-icon:var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color) } .pf-v5-c-menu__list-item.pf-m-disabled { --pf-v5-c-menu__list-item--focus-within--BackgroundColor:transparent; pointer-events:none } .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item { cursor:default } .pf-v5-c-menu__list-item.pf-m-load { --pf-v5-c-menu__list-item--hover--BackgroundColor:transparent; --pf-v5-c-menu__list-item--focus-within--BackgroundColor:transparent; --pf-v5-c-menu__item--Color:var(--pf-v5-c-menu__list-item--m-load__item--Color) } .pf-v5-c-menu__list-item.pf-m-loading { --pf-v5-c-menu__list-item--hover--BackgroundColor:transparent; --pf-v5-c-menu__list-item--focus-within--BackgroundColor:transparent; justify-content:center; padding-block-start:var(--pf-v5-c-menu__list-item--m-loading--PaddingTop); overflow:hidden } .pf-v5-c-menu__list-item.pf-m-danger { --pf-v5-c-menu__item--Color:var(--pf-v5-c-menu__list-item--m-danger__item--Color,inherit) } .pf-v5-c-menu__item { min-width:0; font-size:var(--pf-v5-c-menu__item--FontSize); font-weight:var(--pf-v5-c-menu__item--FontWeight); line-height:var(--pf-v5-c-menu__item--LineHeight); color:var(--pf-v5-c-menu__item--Color); text-align:start; background-color:var(--pf-v5-c-menu__item--BackgroundColor); border:none; flex-direction:column; flex-basis:100%; padding-block-start:var(--pf-v5-c-menu__item--PaddingTop); padding-block-end:var(--pf-v5-c-menu__item--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__item--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__item--PaddingRight); display:flex } .pf-v5-c-menu__item:hover { text-decoration:none } .pf-v5-c-menu__item:hover, .pf-v5-c-menu__item:focus { --pf-v5-c-menu__item-external-icon--Opacity:1 } .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon { opacity:1 } label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) { cursor:pointer } .pf-v5-c-menu__item-main { align-items:center; width:100%; display:flex } .pf-v5-c-menu__item-external-icon { font-size:var(--pf-v5-c-menu__item-external-icon--FontSize); color:var(--pf-v5-c-menu__item-external-icon--Color); opacity:var(--pf-v5-c-menu__item-external-icon--Opacity); margin-inline-start:var(--pf-v5-c-menu__item-external-icon--MarginLeft) } .pf-v5-c-menu__item-text { text-overflow:ellipsis; white-space:nowrap; flex-grow:1; overflow:hidden } .pf-v5-c-menu__group { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-menu__group--Display) } .pf-v5-c-menu__group-title { font-size:var(--pf-v5-c-menu__group-title--FontSize); font-weight:var(--pf-v5-c-menu__group-title--FontWeight); color:var(--pf-v5-c-menu__group-title--Color); padding-block-start:var(--pf-v5-c-menu__group-title--PaddingTop); padding-inline-start:var(--pf-v5-c-menu__group-title--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__group-title--PaddingRight) } .pf-v5-c-menu__item-description { font-size:var(--pf-v5-c-menu__item-description--FontSize); color:var(--pf-v5-c-menu__item-description--Color); word-break:break-word } .pf-v5-c-menu__item-icon { margin-inline-end:var(--pf-v5-c-menu__item-icon--MarginRight) } .pf-v5-c-menu__item-check { align-items:center; margin-inline-end:var(--pf-v5-c-menu__item-check--MarginRight); display:flex } .pf-v5-c-menu__item-check .pf-v5-c-check { --pf-v5-c-check__input--TranslateY:none } .pf-v5-c-menu__item-toggle-icon { color:var(--pf-v5-c-menu__item-toggle-icon,inherit); padding-inline-start:var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__item-toggle-icon--PaddingRight) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon { scale:-1 1 } .pf-v5-c-menu__item-text+.pf-v5-c-menu__item-toggle-icon { margin-inline-start:var(--pf-v5-c-menu__item-text--item-toggle-icon--MarginLeft) } .pf-v5-c-menu__item-toggle-icon+.pf-v5-c-menu__item-text { margin-inline-start:var(--pf-v5-c-menu__item-toggle-icon--item-text--MarginLeft) } .pf-v5-c-menu__item-select-icon { font-size:var(--pf-v5-c-menu__item-select-icon--FontSize); color:var(--pf-v5-c-menu__item-select-icon--Color); opacity:0; margin-inline-start:var(--pf-v5-c-menu__item-select-icon--MarginLeft) } .pf-v5-c-menu__item-action { color:var(--pf-v5-c-menu__item-action--Color); background-color:var(--pf-v5-c-menu__item-action--BackgroundColor); border:none; padding-block-start:var(--pf-v5-c-menu__item-action--PaddingTop); padding-block-end:var(--pf-v5-c-menu__item-action--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__item-action--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__item-action--PaddingRight); display:flex } .pf-v5-c-menu__item-action.pf-m-favorite .pf-v5-c-menu__item-action-icon { font-size:var(--pf-v5-c-menu__item-action--m-favorite__icon--FontSize) } .pf-v5-c-menu__item-action.pf-m-favorited { --pf-v5-c-menu__item-action--Color:var(--pf-v5-c-menu__item-action--m-favorited--Color); --pf-v5-c-menu__item-action--hover--Color:var(--pf-v5-c-menu__item-action--m-favorited--hover--Color) } .pf-v5-c-menu__item-action:hover, .pf-v5-c-menu__item-action:focus { --pf-v5-c-menu__item-action--Color:var(--pf-v5-c-menu__item-action--hover--Color) } .pf-v5-c-menu__item-action:disabled, .pf-v5-c-menu__item-action.pf-m-disabled, .pf-v5-c-menu__item-action.pf-m-aria-disabled { --pf-v5-c-menu__item-action--Color:var(--pf-v5-c-menu__item-action--disabled--Color) } .pf-v5-c-menu__item-action-icon { height:var(--pf-v5-c-menu__item-action-icon--Height); align-items:center; display:flex } .pf-v5-c-menu__footer { box-shadow:var(--pf-v5-c-menu__footer--BoxShadow); padding-block-start:var(--pf-v5-c-menu__footer--PaddingTop); padding-block-end:var(--pf-v5-c-menu__footer--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu__footer--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu__footer--PaddingRight); position:relative } .pf-v5-c-menu__footer:after { pointer-events:none; content:""; border-block-start:var(--pf-v5-c-menu__footer--after--BorderTopWidth)solid var(--pf-v5-c-menu__footer--after--BorderTopColor); position:absolute; inset:0 } :where(.pf-v5-theme-dark) .pf-v5-c-menu { --pf-v5-c-menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-menu__list-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-global--BackgroundColor--400) } .pf-v5-c-dropdown { --pf-v5-c-dropdown__toggle--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-dropdown__toggle--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-dropdown__toggle--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--MinWidth:0; --pf-v5-c-dropdown__toggle--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-dropdown__toggle--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-dropdown__toggle--Color:var(--pf-v5-global--Color--100); --pf-v5-c-dropdown__toggle--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-dropdown__toggle--BackgroundColor:transparent; --pf-v5-c-dropdown__toggle--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-dropdown__toggle--before--BorderTopColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-dropdown__toggle--before--BorderRightColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-dropdown__toggle--before--BorderLeftColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--active--before--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-dropdown__toggle--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-dropdown__toggle--m-plain--Color:var(--pf-v5-global--Color--200); --pf-v5-c-dropdown__toggle--m-plain--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-dropdown__toggle--m-plain--disabled--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-dropdown__toggle--m-plain--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-dropdown__toggle--m-plain--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-dropdown__toggle--m-plain--child--LineHeight:normal; --pf-v5-c-dropdown__toggle--m-primary--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-dropdown__toggle--m-primary--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-primary--disabled--Color:var(--pf-v5-global--Color--100); --pf-v5-c-dropdown__toggle--m-secondary--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor:transparent; --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle-button--Color:var(--pf-v5-global--Color--100); --pf-v5-c-dropdown__toggle-button--BackgroundColor:transparent; --pf-v5-c-dropdown__toggle-progress--Visibility:hidden; --pf-v5-c-dropdown__toggle-progress--c-spinner--diameter:var(--pf-v5-global--FontSize--sm); --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor:transparent; --pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight:calc(-1*var(--pf-v5-global--BorderWidth--sm)); --pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--active--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base:var(--pf-v5-global--primary-color--100); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-dropdown__toggle-icon--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-dropdown__toggle-icon--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle-icon--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle-icon--MarginLeft:0; --pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate:180deg; --pf-v5-c-dropdown--m-plain__toggle-icon--Color:var(--pf-v5-global--Color--200); --pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-dropdown__menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-dropdown__menu--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-dropdown__menu--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__menu--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__menu--Top:calc(100% + var(--pf-v5-global--spacer--xs)); --pf-v5-c-dropdown__menu--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-dropdown--m-top__menu--Top:0; --pf-v5-c-dropdown--m-top__menu--TranslateY:calc(-100% - var(--pf-v5-global--spacer--xs)); --pf-v5-c-dropdown__menu-item--BackgroundColor:transparent; --pf-v5-c-dropdown__menu-item--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__menu-item--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-dropdown__menu-item--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__menu-item--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-dropdown__menu-item--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-dropdown__menu-item--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-dropdown__menu-item--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-dropdown__menu-item--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-dropdown__menu-item--hover--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-dropdown__menu-item--disabled--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-dropdown__menu-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-dropdown__menu-item--disabled--BackgroundColor:transparent; --pf-v5-c-dropdown__menu-item--m-text--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-dropdown__menu-item-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__menu-item-icon--Width:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-dropdown__menu-item-icon--Height:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-dropdown__menu-item-description--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-dropdown__menu-item-description--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-dropdown__group--group--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__group-title--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__group-title--PaddingRight:var(--pf-v5-c-dropdown__menu-item--PaddingRight); --pf-v5-c-dropdown__group-title--PaddingBottom:var(--pf-v5-c-dropdown__menu-item--PaddingBottom); --pf-v5-c-dropdown__group-title--PaddingLeft:var(--pf-v5-c-dropdown__menu-item--PaddingLeft); --pf-v5-c-dropdown__group-title--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-dropdown__group-title--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-dropdown__group-title--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-dropdown--c-divider--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown--c-divider--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight:0; --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft:0; --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginRight:0; --pf-v5-c-dropdown--c-menu--Top:calc(100% + var(--pf-v5-global--spacer--xs)); --pf-v5-c-dropdown--c-menu--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-dropdown--m-top--c-menu--Top:0; --pf-v5-c-dropdown--m-top--c-menu--TranslateY:calc(-100% - var(--pf-v5-global--spacer--xs)); --pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth:0; --pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-dropdown--m-full-height__toggle--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft:var(--pf-v5-global--spacer--lg); align-items:flex-start; max-width:100%; display:inline-flex; position:relative } .pf-v5-c-dropdown .pf-v5-c-divider { margin-block-start:var(--pf-v5-c-dropdown--c-divider--MarginTop); margin-block-end:var(--pf-v5-c-dropdown--c-divider--MarginBottom) } .pf-v5-c-dropdown .pf-v5-c-divider:last-child { --pf-v5-c-dropdown--c-divider--MarginBottom:0 } .pf-v5-c-dropdown>.pf-v5-c-menu { z-index:var(--pf-v5-c-dropdown--c-menu--ZIndex); position:absolute; inset-block-start:var(--pf-v5-c-dropdown--c-menu--Top) } .pf-v5-c-dropdown.pf-m-full-height { --pf-v5-c-dropdown__toggle--PaddingRight:var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingRight); --pf-v5-c-dropdown__toggle--PaddingLeft:var(--pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft); --pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth:var(--pf-v5-c-dropdown--m-full-height__toggle--active--before--BorderBottomWidth); --pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth:var(--pf-v5-c-dropdown--m-full-height__toggle--focus--before--BorderBottomWidth); --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:var(--pf-v5-c-dropdown--m-full-height__toggle--expanded--before--BorderBottomWidth); align-items:center; height:100%; display:inline-flex } .pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle { align-self:stretch } .pf-v5-c-dropdown.pf-m-full-height .pf-v5-c-dropdown__toggle:before { border-block-start-width:var(--pf-v5-c-dropdown--m-full-height__toggle--before--BorderTopWidth) } .pf-v5-c-dropdown.pf-m-full-height:hover .pf-v5-c-dropdown__toggle:before { border-block-end-width:var(--pf-v5-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth) } .pf-v5-c-dropdown.pf-m-expanded { --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor); --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth) } .pf-v5-c-dropdown__toggle { column-gap:var(--pf-v5-c-dropdown__toggle--ColumnGap); min-width:var(--pf-v5-c-dropdown__toggle--MinWidth); max-width:100%; font-size:var(--pf-v5-c-dropdown__toggle--FontSize); font-weight:var(--pf-v5-c-dropdown__toggle--FontWeight); line-height:var(--pf-v5-c-dropdown__toggle--LineHeight); color:var(--pf-v5-c-dropdown__toggle--Color); background-color:var(--pf-v5-c-dropdown__toggle--BackgroundColor); border:none; align-items:center; padding-block-start:var(--pf-v5-c-dropdown__toggle--PaddingTop); padding-block-end:var(--pf-v5-c-dropdown__toggle--PaddingBottom); padding-inline-start:var(--pf-v5-c-dropdown__toggle--PaddingLeft); padding-inline-end:var(--pf-v5-c-dropdown__toggle--PaddingRight); display:inline-flex; position:relative } .pf-v5-c-dropdown__toggle:before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:before { content:""; border:var(--pf-v5-c-dropdown__toggle--before--BorderWidth)solid; border-block-start-color:var(--pf-v5-c-dropdown__toggle--before--BorderTopColor); border-block-end-color:var(--pf-v5-c-dropdown__toggle--before--BorderBottomColor); border-inline-start-color:var(--pf-v5-c-dropdown__toggle--before--BorderLeftColor); border-inline-end-color:var(--pf-v5-c-dropdown__toggle--before--BorderRightColor); position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-dropdown__toggle.pf-m-disabled, .pf-v5-c-dropdown__toggle:disabled { --pf-v5-c-dropdown__toggle--m-primary--Color:var(--pf-v5-c-dropdown__toggle--m-primary--disabled--Color); --pf-v5-c-dropdown__toggle--before--BorderBottomColor:transparent; pointer-events:none } .pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain), .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--disabled--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-disabled:not(.pf-m-plain):before, .pf-v5-c-dropdown__toggle.pf-m-disabled.pf-m-plain.pf-m-text:before, .pf-v5-c-dropdown__toggle:disabled:not(.pf-m-plain):before, .pf-v5-c-dropdown__toggle:disabled.pf-m-plain.pf-m-text:before { border:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button { --pf-v5-c-dropdown__toggle--ColumnGap:0; padding:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button:not(.pf-m-disabled) { background-color:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-split-button>* { padding-block-start:var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingTop); padding-block-end:var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingBottom); padding-inline-start:var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft); padding-inline-end:var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight); position:relative } .pf-v5-c-dropdown__toggle.pf-m-split-button>:first-child { --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-v5-c-dropdown__toggle--m-split-button--first-child--PaddingLeft) } .pf-v5-c-dropdown__toggle.pf-m-split-button>:last-child { --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-v5-c-dropdown__toggle--m-split-button--last-child--PaddingRight) } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action { --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingRight:var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingRight); --pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft:var(--pf-v5-c-dropdown__toggle--m-split-button--m-action--child--PaddingLeft) } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button { margin-inline-end:var(--pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight) } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button:before { border-inline-start:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action .pf-v5-c-dropdown__toggle-button:last-child { --pf-v5-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary>:not(:first-child) { border-inline-start:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth)solid var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor) } .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action.pf-m-primary[disabled] { --pf-v5-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check { cursor:pointer; align-items:center; display:flex; overflow:hidden } .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check.pf-m-in-progress { --pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility:hidden; --pf-v5-c-dropdown__toggle-progress--Visibility:visible } .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check>input, .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-check .pf-v5-c-check { --pf-v5-c-check__input--TranslateY:none; align-self:revert; cursor:pointer; width:auto; visibility:var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility,unset) } .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-button { color:var(--pf-v5-c-dropdown__toggle-button--Color); background-color:var(--pf-v5-c-dropdown__toggle-button--BackgroundColor); border:0 } .pf-v5-c-dropdown__toggle.pf-m-split-button .pf-v5-c-dropdown__toggle-text { margin-inline-start:var(--pf-v5-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft) } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled) { --pf-v5-c-dropdown__toggle--before--BorderWidth:0; --pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth:0 } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>* { background-color:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor); border:0 } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:hover { --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:focus, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>.pf-m-active { --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:first-child { border-start-start-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); border-end-start-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-split-button:not(.pf-m-disabled)>:last-child { border-start-end-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius); border-end-end-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius) } .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover:before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:hover:before { --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-c-dropdown__toggle--hover--before--BorderBottomColor) } .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus:before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:focus:before { --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomColor); border-block-end-width:var(--pf-v5-c-dropdown__toggle--focus--before--BorderBottomWidth) } .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active:before, .pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active:before, .pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:active:before { --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomColor); border-block-end-width:var(--pf-v5-c-dropdown__toggle--active--before--BorderBottomWidth) } .pf-m-expanded>.pf-v5-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):before, .pf-m-expanded>.pf-v5-c-dropdown__toggle.pf-m-action .pf-v5-c-dropdown__toggle-button:before { --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomColor); border-block-end-width:var(--pf-v5-c-dropdown--m-expanded__toggle--before--BorderBottomWidth) } .pf-v5-c-dropdown__toggle.pf-m-plain { --pf-v5-c-dropdown__toggle-icon--Color:var(--pf-v5-c-dropdown--m-plain__toggle-icon--Color) } .pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) { --pf-v5-c-dropdown__toggle--PaddingRight:var(--pf-v5-c-dropdown__toggle--m-plain--PaddingRight); --pf-v5-c-dropdown__toggle--PaddingLeft:var(--pf-v5-c-dropdown__toggle--m-plain--PaddingLeft); color:var(--pf-v5-c-dropdown__toggle--m-plain--Color); display:inline-block } .pf-v5-c-dropdown__toggle.pf-m-plain:not(.pf-m-text)>* { line-height:var(--pf-v5-c-dropdown__toggle--m-plain--child--LineHeight) } .pf-v5-c-dropdown__toggle.pf-m-plain:before { border:0 } .pf-v5-c-dropdown__toggle.pf-m-plain:hover, .pf-v5-c-dropdown__toggle.pf-m-plain:focus, .pf-v5-c-dropdown__toggle.pf-m-plain:active, .pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded>.pf-v5-c-dropdown__toggle.pf-m-plain { --pf-v5-c-dropdown__toggle--m-plain--Color:var(--pf-v5-c-dropdown__toggle--m-plain--hover--Color); --pf-v5-c-dropdown--m-plain__toggle-icon--Color:var(--pf-v5-c-dropdown--m-plain--hover__toggle-icon--Color) } .pf-v5-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-v5-c-dropdown__toggle.pf-m-plain:disabled { --pf-v5-c-dropdown__toggle--m-plain--Color:var(--pf-v5-c-dropdown__toggle--m-plain--disabled--Color) } .pf-v5-c-dropdown__toggle.pf-m-primary { --pf-v5-c-dropdown__toggle--Color:var(--pf-v5-c-dropdown__toggle--m-primary--Color); --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-primary--BackgroundColor); --pf-v5-c-dropdown__toggle-button--Color:var(--pf-v5-c-dropdown__toggle--m-primary--Color); border-radius:var(--pf-v5-c-dropdown__toggle--m-primary--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-primary:before, .pf-v5-c-dropdown__toggle.pf-m-primary .pf-v5-c-dropdown__toggle-button:before { border:0 } .pf-v5-c-dropdown__toggle.pf-m-primary:hover { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-primary:focus { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-primary:active, .pf-v5-c-dropdown__toggle.pf-m-primary.pf-m-active { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor) } .pf-m-expanded>.pf-v5-c-dropdown__toggle.pf-m-primary { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-secondary { border-radius:var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]) { --pf-v5-c-dropdown__toggle--Color:var(--pf-v5-c-dropdown__toggle--m-secondary--Color); --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-c-dropdown__toggle--m-secondary--BackgroundColor) } .pf-v5-c-dropdown__toggle.pf-m-secondary:not(.pf-m-disabled):not([disabled]):before { border:var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth)solid var(--pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor); border-radius:var(--pf-v5-c-dropdown__toggle--m-secondary--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-secondary:hover { --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary:focus { --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary:active, .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-active { --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth) } .pf-m-expanded>.pf-v5-c-dropdown__toggle.pf-m-secondary { --pf-v5-c-dropdown__toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth); --pf-v5-c-dropdown__toggle--m-secondary--before--BorderColor:var(--pf-v5-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) { --pf-v5-c-dropdown__toggle-button--Color:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--Color) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover { --pf-v5-c-dropdown__toggle--m-secondary--hover--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus { --pf-v5-c-dropdown__toggle--m-secondary--focus--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active { --pf-v5-c-dropdown__toggle--m-secondary--active--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:before { border:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth)solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:hover { --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:focus { --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:active { --pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:first-child:before { border-start-start-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius); border-end-start-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:last-child:before { border-start-end-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius); border-end-end-radius:var(--pf-v5-c-dropdown__toggle--m-split-button--child--BorderRadius) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:not(:first-child):before { border-inline-start:var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base)solid var(--pf-v5-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base) } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled)>:not(:last-child):before { border-inline-end:0 } .pf-v5-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action:before { border:0 } .pf-v5-c-dropdown__toggle>.pf-v5-c-badge { --pf-v5-c-dropdown__toggle-icon--PaddingRight:var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight); --pf-v5-c-dropdown__toggle-icon--PaddingLeft:var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft); --pf-v5-c-dropdown__toggle-icon--MarginLeft:var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft) } .pf-v5-c-dropdown__toggle .pf-v5-c-dropdown__toggle-text { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .pf-v5-c-dropdown__toggle-button { align-self:baseline } .pf-v5-c-dropdown__toggle-text { text-align:start; flex:auto } .pf-v5-c-dropdown__toggle-icon { line-height:var(--pf-v5-c-dropdown__toggle-icon--LineHeight); color:var(--pf-v5-c-dropdown__toggle-icon--Color,inherit); margin-inline-start:var(--pf-v5-c-dropdown__toggle-icon--MarginLeft); padding-inline-start:var(--pf-v5-c-dropdown__toggle-icon--PaddingLeft); padding-inline-end:var(--pf-v5-c-dropdown__toggle-icon--PaddingRight) } .pf-v5-c-dropdown.pf-m-top.pf-m-expanded .pf-v5-c-dropdown__toggle-icon { transform:rotate(var(--pf-v5-c-dropdown--m-top--m-expanded__toggle-icon--Rotate)) } .pf-v5-c-dropdown__toggle-image { flex-shrink:0; line-height:1; display:inline-flex } .pf-v5-c-dropdown__toggle-progress { visibility:var(--pf-v5-c-dropdown__toggle-progress--Visibility); position:absolute; inset-inline-start:var(--pf-v5-c-dropdown__toggle--m-split-button--child--PaddingLeft) } .pf-v5-c-dropdown__toggle-progress .pf-v5-c-spinner { --pf-v5-c-spinner--diameter:var(--pf-v5-c-dropdown__toggle-progress--c-spinner--diameter) } .pf-v5-c-dropdown__menu { z-index:var(--pf-v5-c-dropdown__menu--ZIndex); background:var(--pf-v5-c-dropdown__menu--BackgroundColor); box-shadow:var(--pf-v5-c-dropdown__menu--BoxShadow); background-clip:padding-box; padding-block-start:var(--pf-v5-c-dropdown__menu--PaddingTop); padding-block-end:var(--pf-v5-c-dropdown__menu--PaddingBottom); position:absolute; inset-block-start:var(--pf-v5-c-dropdown__menu--Top) } .pf-v5-c-dropdown__menu.pf-m-static { --pf-v5-c-dropdown--m-top__menu--TranslateY:0; z-index:auto; min-width:min-content; position:static; inset-block:auto; inset-inline:auto } .pf-v5-c-dropdown .pf-v5-c-menu, .pf-v5-c-dropdown__menu { min-width:100% } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right, .pf-v5-c-dropdown__menu.pf-m-align-right { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left, .pf-v5-c-dropdown__menu.pf-m-align-left { inset-inline-end:auto } @media (width>=576px) { .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-sm, .pf-v5-c-dropdown__menu.pf-m-align-right-on-sm { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-sm, .pf-v5-c-dropdown__menu.pf-m-align-left-on-sm { inset-inline-end:auto } } @media (width>=768px) { .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-md, .pf-v5-c-dropdown__menu.pf-m-align-right-on-md { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-md, .pf-v5-c-dropdown__menu.pf-m-align-left-on-md { inset-inline-end:auto } } @media (width>=992px) { .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-lg, .pf-v5-c-dropdown__menu.pf-m-align-right-on-lg { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-lg, .pf-v5-c-dropdown__menu.pf-m-align-left-on-lg { inset-inline-end:auto } } @media (width>=1200px) { .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-xl, .pf-v5-c-dropdown__menu.pf-m-align-right-on-xl { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-xl, .pf-v5-c-dropdown__menu.pf-m-align-left-on-xl { inset-inline-end:auto } } @media (width>=1450px) { .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-right-on-2xl, .pf-v5-c-dropdown__menu.pf-m-align-right-on-2xl { inset-inline-end:0 } .pf-v5-c-dropdown .pf-v5-c-menu.pf-m-align-left-on-2xl, .pf-v5-c-dropdown__menu.pf-m-align-left-on-2xl { inset-inline-end:auto } } .pf-v5-c-dropdown.pf-m-top .pf-v5-c-dropdown__menu { --pf-v5-c-dropdown__menu--Top:var(--pf-v5-c-dropdown--m-top__menu--Top); transform:translateY(var(--pf-v5-c-dropdown--m-top__menu--TranslateY)) } .pf-v5-c-dropdown.pf-m-top>.pf-v5-c-menu { --pf-v5-c-dropdown--c-menu--Top:var(--pf-v5-c-dropdown--m-top--c-menu--Top); transform:translateY(var(--pf-v5-c-dropdown--m-top--c-menu--TranslateY)) } .pf-v5-c-dropdown__menu-item { width:100%; font-size:var(--pf-v5-c-dropdown__menu-item--FontSize); font-weight:var(--pf-v5-c-dropdown__menu-item--FontWeight); line-height:var(--pf-v5-c-dropdown__menu-item--LineHeight); color:var(--pf-v5-c-dropdown__menu-item--Color); text-align:start; white-space:nowrap; background-color:var(--pf-v5-c-dropdown__menu-item--BackgroundColor); border:none; padding-block-start:var(--pf-v5-c-dropdown__menu-item--PaddingTop); padding-block-end:var(--pf-v5-c-dropdown__menu-item--PaddingBottom); padding-inline-start:var(--pf-v5-c-dropdown__menu-item--PaddingLeft); padding-inline-end:var(--pf-v5-c-dropdown__menu-item--PaddingRight); display:block } .pf-v5-c-dropdown__menu-item:hover, .pf-v5-c-dropdown__menu-item:focus { --pf-v5-c-dropdown__menu-item--Color:var(--pf-v5-c-dropdown__menu-item--hover--Color); --pf-v5-c-dropdown__menu-item--BackgroundColor:var(--pf-v5-c-dropdown__menu-item--hover--BackgroundColor); text-decoration:none } .pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled, .pf-v5-c-dropdown__menu-item.pf-m-aria-disabled { --pf-v5-c-dropdown__menu-item--Color:var(--pf-v5-c-dropdown__menu-item--disabled--Color); --pf-v5-c-dropdown__menu-item--BackgroundColor:var(--pf-v5-c-dropdown__menu-item--disabled--BackgroundColor) } .pf-v5-c-dropdown__menu-item:disabled, .pf-v5-c-dropdown__menu-item.pf-m-disabled { pointer-events:none } .pf-v5-c-dropdown__menu-item.pf-m-aria-disabled { cursor:default } .pf-v5-c-dropdown__menu-item.pf-m-icon { align-items:center; display:flex } .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description { flex-direction:column; align-items:flex-start } .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main { align-items:center; display:flex } .pf-v5-c-dropdown__menu-item.pf-m-text { --pf-v5-c-dropdown__menu-item--Color:var(--pf-v5-c-dropdown__menu-item--m-text--Color) } .pf-v5-c-dropdown__menu-item.pf-m-text:hover, .pf-v5-c-dropdown__menu-item.pf-m-text:focus { --pf-v5-c-dropdown__menu-item--BackgroundColor:transparent } .pf-v5-c-dropdown__menu-item-icon { width:var(--pf-v5-c-dropdown__menu-item-icon--Width); height:var(--pf-v5-c-dropdown__menu-item-icon--Height); justify-content:center; align-items:center; margin-inline-end:var(--pf-v5-c-dropdown__menu-item-icon--MarginRight); display:inline-flex } .pf-v5-c-dropdown__menu-item-icon>* { max-width:100%; max-height:100% } .pf-v5-c-dropdown__menu-item-description { font-size:var(--pf-v5-c-dropdown__menu-item-description--FontSize); color:var(--pf-v5-c-dropdown__menu-item-description--Color) } .pf-v5-c-dropdown__group+.pf-v5-c-dropdown__group { padding-block-start:var(--pf-v5-c-dropdown__group--group--PaddingTop) } .pf-v5-c-dropdown__group-title { font-size:var(--pf-v5-c-dropdown__group-title--FontSize); font-weight:var(--pf-v5-c-dropdown__group-title--FontWeight); color:var(--pf-v5-c-dropdown__group-title--Color); padding-block-start:var(--pf-v5-c-dropdown__group-title--PaddingTop); padding-block-end:var(--pf-v5-c-dropdown__group-title--PaddingBottom); padding-inline-start:var(--pf-v5-c-dropdown__group-title--PaddingLeft); padding-inline-end:var(--pf-v5-c-dropdown__group-title--PaddingRight) } :where(.pf-v5-theme-dark) .pf-v5-c-dropdown { --pf-v5-c-dropdown__toggle--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-dropdown__toggle--before--BorderTopColor:transparent; --pf-v5-c-dropdown__toggle--before--BorderRightColor:transparent; --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-dropdown__toggle--before--BorderLeftColor:transparent; --pf-v5-c-dropdown__toggle--disabled--BackgroundColor:var(--pf-v5-global--palette--black-500); --pf-v5-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor:var(--pf-v5-global--primary-color--300); --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300); --pf-v5-c-dropdown__toggle--m-primary--Color:var(--pf-v5-global--primary-color--400); --pf-v5-c-dropdown__menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-dropdown__menu--Top:100%; --pf-v5-c-dropdown--m-top__menu--TranslateY:-100%; --pf-v5-c-dropdown__menu-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--400) } :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled { color:var(--pf-v5-global--palette--black-100) } :where(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle.pf-m-plain { background:0 0 } .pf-v5-c-check { --pf-v5-c-check--GridGap:var(--pf-v5-global--spacer--xs)var(--pf-v5-global--spacer--sm); --pf-v5-c-check__label--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-check__label--Color:var(--pf-v5-global--Color--100); --pf-v5-c-check__label--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-check__label--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-check__label--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-check__input--TranslateY:calc((var(--pf-v5-c-check__label--LineHeight)*var(--pf-v5-c-check__label--FontSize)/2 ) - 50%); --pf-v5-c-check__input--TranslateY--moz:var(--pf-v5-c-check__input--TranslateY); --pf-v5-c-check__description--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-check__description--Color:var(--pf-v5-global--Color--200); --pf-v5-c-check__body--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-check__label-required--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-check__label-required--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-check__label-required--Color:var(--pf-v5-global--danger-color--100); grid-gap:var(--pf-v5-c-check--GridGap); grid-template-columns:auto 1fr; align-items:baseline; display:grid } .pf-v5-c-check.pf-m-standalone { --pf-v5-c-check--GridGap:0; --pf-v5-c-check__input--TranslateY:none; display:inline-grid } .pf-v5-c-check__input { -moz-transform:translateY(var(--pf-v5-c-check__input--TranslateY--moz)); transform:translateY(var(--pf-v5-c-check__input--TranslateY)); align-self:start } .pf-v5-c-check__label { font-size:var(--pf-v5-c-check__label--FontSize); font-weight:var(--pf-v5-c-check__label--FontWeight); line-height:var(--pf-v5-c-check__label--LineHeight); color:var(--pf-v5-c-check__label--Color) } .pf-v5-c-check__description { font-size:var(--pf-v5-c-check__description--FontSize); color:var(--pf-v5-c-check__description--Color); grid-column:2 } .pf-v5-c-check__body { grid-column:2; margin-block-start:var(--pf-v5-c-check__body--MarginTop) } .pf-v5-c-check__label, .pf-v5-c-check__input { justify-self:start } label.pf-v5-c-check, .pf-v5-c-check__label, .pf-v5-c-check__input { cursor:pointer } .pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled, .pf-v5-c-check__input:disabled, .pf-v5-c-check__input.pf-m-disabled { --pf-v5-c-check__label--Color:var(--pf-v5-c-check__label--disabled--Color); cursor:not-allowed } .pf-v5-c-check__label-required { font-size:var(--pf-v5-c-check__label-required--FontSize); color:var(--pf-v5-c-check__label-required--Color); margin-inline-start:var(--pf-v5-c-check__label-required--MarginLeft) } .pf-v5-c-menu-toggle { --pf-v5-c-menu-toggle--BorderRadius:0; --pf-v5-c-menu-toggle--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-menu-toggle--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-menu-toggle--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-menu-toggle--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-menu-toggle--BackgroundColor:transparent; --pf-v5-c-menu-toggle--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--before--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--before--BorderBottomWidth:0; --pf-v5-c-menu-toggle--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--before--BorderTopColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-menu-toggle--before--BorderRightColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-menu-toggle--before--BorderBottomColor:transparent; --pf-v5-c-menu-toggle--before--BorderLeftColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-menu-toggle--hover--BackgroundColor:transparent; --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--hover--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--focus--BackgroundColor:transparent; --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--focus--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--active--BackgroundColor:transparent; --pf-v5-c-menu-toggle--active--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--active--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--m-expanded--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-expanded--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-menu-toggle--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-menu-toggle--m-primary--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-menu-toggle--m-primary--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-menu-toggle--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-primary--m-expanded--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-menu-toggle--m-secondary--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-secondary--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-menu-toggle--m-secondary--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor:transparent; --pf-v5-c-menu-toggle--m-secondary--m-expanded--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-global--Color--200); --pf-v5-c-menu-toggle--m-plain--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-menu-toggle--m-plain--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu-toggle--m-plain--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--active--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--disabled--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-menu-toggle--m-plain--m-expanded--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle__icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__count--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__controls--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-menu-toggle__controls--MarginLeft:auto; --pf-v5-c-menu-toggle__controls--MarginRight:0; --pf-v5-c-menu-toggle__toggle-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-v5-global--Color--200); --pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-menu-toggle--m-full-height--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-menu-toggle--m-full-height--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth:0; --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-menu-toggle--m-split-button--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft:0; --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left:0; --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor:var(--pf-v5-global--active-color--100); --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-menu-toggle__button--BackgroundColor:transparent; --pf-v5-c-menu-toggle__button--AlignSelf:baseline; --pf-v5-c-menu-toggle__button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__button__controls--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__button__controls--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart:var(--pf-v5-global--spacer--xs); --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf:center; --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd:var(--pf-v5-global--spacer--md); --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor:var(--pf-v5-global--success-color--100); --pf-v5-c-menu-toggle--m-success__status-icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor:var(--pf-v5-global--warning-color--100); --pf-v5-c-menu-toggle--m-warning__status-icon--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-menu-toggle--m-danger__status-icon--Color:var(--pf-v5-global--danger-color--100); max-width:100%; font-size:var(--pf-v5-c-menu-toggle--FontSize); line-height:var(--pf-v5-c-menu-toggle--LineHeight); color:var(--pf-v5-c-menu-toggle--Color); cursor:pointer; background-color:var(--pf-v5-c-menu-toggle--BackgroundColor); border-radius:var(--pf-v5-c-menu-toggle--BorderRadius); border:0; align-items:center; padding-block-start:var(--pf-v5-c-menu-toggle--PaddingTop); padding-block-end:var(--pf-v5-c-menu-toggle--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu-toggle--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu-toggle--PaddingRight); display:inline-flex; position:relative } .pf-v5-c-menu-toggle:before, .pf-v5-c-menu-toggle:after { pointer-events:none; content:""; position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-menu-toggle:before { border-style:solid; border-block-start-color:var(--pf-v5-c-menu-toggle--before--BorderTopColor); border-block-start-width:var(--pf-v5-c-menu-toggle--before--BorderTopWidth); border-block-end-color:var(--pf-v5-c-menu-toggle--before--BorderBottomColor); border-block-end-width:var(--pf-v5-c-menu-toggle--before--BorderBottomWidth); border-inline-start-color:var(--pf-v5-c-menu-toggle--before--BorderLeftColor); border-inline-start-width:var(--pf-v5-c-menu-toggle--before--BorderLeftWidth); border-inline-end-color:var(--pf-v5-c-menu-toggle--before--BorderRightColor); border-inline-end-width:var(--pf-v5-c-menu-toggle--before--BorderRightWidth) } .pf-v5-c-menu-toggle:after { border-block-end:var(--pf-v5-c-menu-toggle--after--BorderBottomWidth)solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor) } .pf-v5-c-menu-toggle.pf-m-primary { --pf-v5-c-menu-toggle--BorderRadius:var(--pf-v5-c-menu-toggle--m-primary--BorderRadius); --pf-v5-c-menu-toggle--Color:var(--pf-v5-c-menu-toggle--m-primary--Color); --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor); --pf-v5-c-menu-toggle--hover--BackgroundColor:var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor); --pf-v5-c-menu-toggle--focus--BackgroundColor:var(--pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor); --pf-v5-c-menu-toggle--active--BackgroundColor:var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor); --pf-v5-c-menu-toggle--m-expanded--Color:var(--pf-v5-c-menu-toggle--m-primary--m-expanded--Color); --pf-v5-c-menu-toggle--m-expanded--BackgroundColor:var(--pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-primary, .pf-v5-c-menu-toggle.pf-m-primary:before { border-radius:var(--pf-v5-c-menu-toggle--m-primary--BorderRadius) } .pf-v5-c-menu-toggle.pf-m-secondary { --pf-v5-c-menu-toggle--Color:var(--pf-v5-c-menu-toggle--m-secondary--Color); --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--m-secondary--BackgroundColor); --pf-v5-c-menu-toggle--hover--BackgroundColor:var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor); --pf-v5-c-menu-toggle--focus--BackgroundColor:var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor); --pf-v5-c-menu-toggle--active--BackgroundColor:var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor); --pf-v5-c-menu-toggle--m-expanded--BackgroundColor:var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor); --pf-v5-c-menu-toggle--m-expanded--Color:var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color) } .pf-v5-c-menu-toggle.pf-m-secondary, .pf-v5-c-menu-toggle.pf-m-secondary:before { border-radius:var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius) } .pf-v5-c-menu-toggle.pf-m-secondary:before { border-color:var(--pf-v5-c-menu-toggle--m-secondary--before--BorderColor); border-width:var(--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth) } .pf-v5-c-menu-toggle.pf-m-secondary:after { border:0 } .pf-v5-c-menu-toggle.pf-m-secondary:hover { --pf-v5-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor); --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth) } .pf-v5-c-menu-toggle.pf-m-secondary:focus { --pf-v5-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor); --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth) } .pf-v5-c-menu-toggle.pf-m-secondary:active { --pf-v5-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor); --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth) } .pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded { --pf-v5-c-menu-toggle--m-secondary--before--BorderColor:var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor); --pf-v5-c-menu-toggle--m-secondary--before--BorderWidth:var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth) } .pf-v5-c-menu-toggle.pf-m-plain { --pf-v5-c-menu-toggle__toggle-icon--Color:var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color) } .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) { --pf-v5-c-menu-toggle--PaddingRight:var(--pf-v5-c-menu-toggle--m-plain--PaddingRight); --pf-v5-c-menu-toggle--PaddingLeft:var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft); --pf-v5-c-menu-toggle--disabled--BackgroundColor:transparent; color:var(--pf-v5-c-menu-toggle--m-plain--Color); display:inline-block } .pf-v5-c-menu-toggle.pf-m-full-height { --pf-v5-c-menu-toggle--PaddingRight:var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight); --pf-v5-c-menu-toggle--PaddingLeft:var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft); --pf-v5-c-menu-toggle--before--BorderTopWidth:var(--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth); --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth); --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth); --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth); --pf-v5-c-menu-toggle--active--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth); align-items:center; height:100% } .pf-v5-c-menu-toggle:hover { --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--hover--BackgroundColor); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--hover--after--BorderBottomColor); --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-c-menu-toggle--m-plain--hover--Color) } .pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within { --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--focus--BackgroundColor); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor); --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-c-menu-toggle--m-plain--focus--Color) } .pf-v5-c-menu-toggle:active { --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--active--BackgroundColor); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor); --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-c-menu-toggle--m-plain--active--Color) } .pf-v5-c-menu-toggle.pf-m-expanded { --pf-v5-c-menu-toggle--Color:var(--pf-v5-c-menu-toggle--m-expanded--Color); --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor); --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor); --pf-v5-c-menu-toggle--m-plain__toggle-icon--Color:var(--pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-c-menu-toggle--m-plain--m-expanded--Color) } .pf-v5-c-menu-toggle:disabled, .pf-v5-c-menu-toggle.pf-m-disabled { --pf-v5-c-menu-toggle--Color:var(--pf-v5-c-menu-toggle--disabled--Color); --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-c-menu-toggle--disabled--BackgroundColor); --pf-v5-c-menu-toggle--m-plain--Color:var(--pf-v5-c-menu-toggle--m-plain--disabled--Color); pointer-events:none } .pf-v5-c-menu-toggle.pf-m-primary:before, .pf-v5-c-menu-toggle.pf-m-primary:after, .pf-v5-c-menu-toggle.pf-m-plain:before, .pf-v5-c-menu-toggle.pf-m-plain:after, .pf-v5-c-menu-toggle:disabled:before, .pf-v5-c-menu-toggle:disabled:after { border:0 } .pf-v5-c-menu-toggle.pf-m-typeahead { --pf-v5-c-menu-toggle__button__controls--MarginRight:var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight); --pf-v5-c-menu-toggle__button__controls--MarginLeft:var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft); --pf-v5-c-menu-toggle__button--AlignSelf:var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf); align-items:stretch; padding:0 } .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group { --pf-v5-c-text-input-group__utilities--c-button--PaddingRight:var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight); --pf-v5-c-text-input-group__utilities--MarginRight:0; flex:1 } .pf-v5-c-menu-toggle.pf-m-split-button { padding:0 } .pf-v5-c-menu-toggle.pf-m-split-button>* { padding-block-start:var(--pf-v5-c-menu-toggle--PaddingTop); padding-block-end:var(--pf-v5-c-menu-toggle--PaddingBottom); padding-inline-start:var(--pf-v5-c-menu-toggle--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu-toggle--PaddingRight); position:relative } .pf-v5-c-menu-toggle.pf-m-split-button>:first-child { padding-inline-end:var(--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight) } .pf-v5-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action))>:last-child { padding-inline-start:var(--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft) } .pf-v5-c-menu-toggle.pf-m-split-button>.pf-v5-c-check { --pf-v5-c-menu-toggle--PaddingRight:0; --pf-v5-c-check__label--Color:currentcolor; --pf-v5-c-check__label--disabled--Color:currentcolor; align-self:stretch; align-items:center } .pf-v5-c-menu-toggle.pf-m-split-button>.pf-v5-c-check .pf-v5-c-check__input { --pf-v5-c-check__input--TranslateY:0; align-self:center } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled))>:after { pointer-events:none; content:""; border-block-end:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth)solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left); inset-inline-end:0 } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled))>:hover { --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled))>:focus { --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled))>:active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled))>.pf-m-active { --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary { --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor); --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:0 } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])) { background-color:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):hover { --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):focus { --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])):active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:where(:not(.pf-m-disabled):not([disabled])).pf-m-active { --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded { --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary { --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor:var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary { --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth:0 } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:first-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary>:first-child { border-start-start-radius:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius); border-end-start-radius:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary>:last-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary>:last-child { border-start-end-radius:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius); border-end-end-radius:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action>:not(:first-child) { --pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left:calc(var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth)*-1); border-inline-start:var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth)solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor) } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) { --pf-v5-c-menu-toggle--after--BorderBottomColor:transparent } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button:disabled { --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor:transparent } .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled:before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled:after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled:before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled:after { content:none } .pf-v5-c-menu-toggle.pf-m-split-button>.pf-m-disabled, .pf-v5-c-menu-toggle.pf-m-split-button>:disabled { --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor:transparent; color:var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color); background-color:var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor) } .pf-v5-c-menu-toggle.pf-m-typeahead, .pf-v5-c-menu-toggle.pf-m-split-button { --pf-v5-c-menu-toggle__toggle-icon--MarginRight:0 } .pf-v5-c-menu-toggle.pf-m-full-width { width:100% } .pf-v5-c-menu-toggle.pf-m-success { --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor); --pf-v5-c-menu-toggle__status-icon--Color:var(--pf-v5-c-menu-toggle--m-success__status-icon--Color) } .pf-v5-c-menu-toggle.pf-m-warning { --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor); --pf-v5-c-menu-toggle__status-icon--Color:var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color) } .pf-v5-c-menu-toggle.pf-m-danger { --pf-v5-c-menu-toggle--after--BorderBottomWidth:var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth); --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor); --pf-v5-c-menu-toggle__status-icon--Color:var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color) } .pf-v5-c-menu-toggle__button { --pf-v5-c-menu-toggle__controls--PaddingLeft:0; --pf-v5-c-menu-toggle__controls--MarginRight:var(--pf-v5-c-menu-toggle__button__controls--MarginRight); --pf-v5-c-menu-toggle__controls--MarginLeft:var(--pf-v5-c-menu-toggle__button__controls--MarginLeft); align-self:var(--pf-v5-c-menu-toggle__button--AlignSelf); color:inherit; background-color:var(--pf-v5-c-menu-toggle__button--BackgroundColor); border:0; padding-inline-start:var(--pf-v5-c-menu-toggle__button--PaddingLeft); padding-inline-end:var(--pf-v5-c-menu-toggle__button--PaddingRight) } .pf-v5-c-menu-toggle__button.pf-m-text { --pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft:var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart); align-items:baseline; padding-inline-start:var(--pf-v5-c-menu-toggle__button--m-text--PaddingInlineStart); display:inline-flex } .pf-v5-c-menu-toggle__icon { flex-shrink:0; align-self:center; margin-inline-end:var(--pf-v5-c-menu-toggle__icon--MarginRight); line-height:1 } .pf-v5-c-menu-toggle__text { text-overflow:ellipsis; white-space:nowrap; min-width:0; overflow:hidden } .pf-v5-c-menu-toggle__count { flex-wrap:nowrap; margin-inline-start:var(--pf-v5-c-menu-toggle__count--MarginLeft); display:flex } .pf-v5-c-menu-toggle__controls { margin-inline-start:var(--pf-v5-c-menu-toggle__controls--MarginLeft); margin-inline-end:var(--pf-v5-c-menu-toggle__controls--MarginRight); padding-inline-start:var(--pf-v5-c-menu-toggle__controls--PaddingLeft); display:flex } .pf-v5-c-menu-toggle__toggle-icon { color:var(--pf-v5-c-menu-toggle__toggle-icon--Color,inherit); margin-inline-end:var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight) } .pf-v5-c-menu-toggle__status-icon { color:var(--pf-v5-c-menu-toggle__status-icon--Color,inherit); margin-inline-end:var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd) } :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle { --pf-v5-c-menu-toggle--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu-toggle--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu-toggle--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu-toggle--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu-toggle--m-expanded--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-menu-toggle--before--BorderTopColor:transparent; --pf-v5-c-menu-toggle--before--BorderRightColor:transparent; --pf-v5-c-menu-toggle--before--BorderBottomColor:transparent; --pf-v5-c-menu-toggle--before--BorderLeftColor:transparent; --pf-v5-c-menu-toggle--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-menu-toggle--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300); --pf-v5-c-menu-toggle--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-menu-toggle--disabled--Color:var(--pf-v5-global--disabled-color--300); --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor:var(--pf-v5-global--primary-color--300); --pf-v5-c-menu-toggle--m-split-button--child--disabled--Color:var(--pf-v5-global--disabled-color--300); --pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200) } :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height { background:0 0 } .pf-v5-c-input-group { --pf-v5-c-input-group--child--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-input-group__item--offset:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-input-group__item--MarginLeft:calc(var(--pf-v5-c-input-group__item--offset)*-1); --pf-v5-c-input-group__item--BorderWidth--base:var(--pf-v5-c-input-group__item--offset); --pf-v5-c-input-group__item--BorderColor--base:var(--pf-v5-global--BorderColor--300); --pf-v5-c-input-group__item--BorderColor--accent:var(--pf-v5-global--BorderColor--200); --pf-v5-c-input-group__item--BackgroundColor:transparent; --pf-v5-c-input-group__item--m-box--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-input-group__item--m-box--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-input-group__item--m-box--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-input-group__item--m-box--BorderWidth:var(--pf-v5-c-input-group__item--offset); --pf-v5-c-input-group__item--m-box--BorderTopColor:var(--pf-v5-c-input-group__item--BorderColor--base); --pf-v5-c-input-group__item--m-box--BorderRightColor:var(--pf-v5-c-input-group__item--BorderColor--base); --pf-v5-c-input-group__item--m-box--BorderBottomColor:var(--pf-v5-c-input-group__item--BorderColor--accent); --pf-v5-c-input-group__item--m-box--BorderLeftColor:var(--pf-v5-c-input-group__item--BorderColor--base); --pf-v5-c-input-group__item--m-plain--BackgroundColor:transparent; --pf-v5-c-input-group__text--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-input-group__text--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-input-group__item--m-disabled__text--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-input-group__item--m-disabled--BorderBottomColor:transparent; --pf-v5-c-input-group__item--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); width:100%; display:flex } .pf-v5-c-input-group__item { min-width:var(--pf-v5-c-input-group__item--MinWidth,revert); max-width:var(--pf-v5-c-input-group__item--MaxWidth,revert); background-color:var(--pf-v5-c-input-group__item--BackgroundColor); border-block-start-color:var(--pf-v5-c-input-group__item--m-box--BorderTopColor); border-block-end-color:var(--pf-v5-c-input-group__item--m-box--BorderBottomColor); border-inline-start-color:var(--pf-v5-c-input-group__item--m-box--BorderLeftColor); border-inline-end-color:var(--pf-v5-c-input-group__item--m-box--BorderRightColor); display:flex; position:relative } .pf-v5-c-input-group__item:where(:not(:first-child)) { margin-inline-start:var(--pf-v5-c-input-group__item--MarginLeft) } .pf-v5-c-input-group__item.pf-m-box { --pf-v5-c-input-group__item--BackgroundColor:var(--pf-v5-c-input-group__item--m-box--BackgroundColor); border:var(--pf-v5-c-input-group__item--m-box--BorderWidth)solid; border-block-start-color:var(--pf-v5-c-input-group__item--m-box--BorderTopColor); border-block-end-color:var(--pf-v5-c-input-group__item--m-box--BorderBottomColor); border-inline-start-color:var(--pf-v5-c-input-group__item--m-box--BorderLeftColor); border-inline-end-color:var(--pf-v5-c-input-group__item--m-box--BorderRightColor); padding-inline-start:var(--pf-v5-c-input-group__item--m-box--PaddingLeft); padding-inline-end:var(--pf-v5-c-input-group__item--m-box--PaddingRight) } .pf-v5-c-input-group__item.pf-m-plain { --pf-v5-c-input-group__item--MarginLeft:0; --pf-v5-c-input-group__item--BackgroundColor:var(--pf-v5-c-input-group__item--m-plain--BackgroundColor); border:none } .pf-v5-c-input-group__item.pf-m-disabled { --pf-v5-c-input-group__item--BackgroundColor:var(--pf-v5-c-input-group__item--m-disabled--BackgroundColor); --pf-v5-c-input-group__item--m-box--BorderBottomColor:var(--pf-v5-c-input-group__item--m-disabled--BorderBottomColor); --pf-v5-c-input-group__text--Color:var(--pf-v5-c-input-group__item--m-disabled__text--Color) } .pf-v5-c-input-group__item.pf-m-fill { flex-grow:1 } .pf-v5-c-input-group__text { font-size:var(--pf-v5-c-input-group__text--FontSize); color:var(--pf-v5-c-input-group__text--Color); align-self:center } label.pf-v5-c-input-group__text { cursor:pointer } :where(.pf-v5-theme-dark) .pf-v5-c-input-group { --pf-v5-c-input-group__item--BorderLeftWidth:var(--pf-v5-c-input-group__item--BorderWidth--base); --pf-v5-c-input-group__item--BorderLeftColor:var(--pf-v5-global--palette--black-700); --pf-v5-c-input-group__item--m-box--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-input-group__item--m-box--BorderTopColor:transparent; --pf-v5-c-input-group__item--m-box--BorderRightColor:transparent; --pf-v5-c-input-group__item--m-box--BorderBottomColor:var(--pf-v5-global--BorderColor--400); --pf-v5-c-input-group__item--m-box--BorderLeftColor:transparent; --pf-v5-c-input-group__item--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-input-group__item--m-disabled--BorderBottomColor:transparent; --pf-v5-c-input-group__item--m-disabled__text--Color:var(--pf-v5-global--disabled-color--300) } :where(.pf-v5-theme-dark) .pf-v5-c-input-group>*+* { --pf-v5-c-input-group__item--m-box--BorderLeftColor:var(--pf-v5-c-input-group__item--BorderLeftColor); border-inline-start:var(--pf-v5-c-input-group__item--BorderLeftWidth)solid var(--pf-v5-c-input-group__item--BorderLeftColor) } .pf-v5-c-card { --pf-v5-c-card--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--BoxShadow:var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--first-child--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-card--child--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-card--c-divider--child--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-card__title--not--last-child--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-card__title-text--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-card__title-text--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-card__title-text--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-card__title-text--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-card__body--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-card__footer--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-card__actions--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-card__actions--Gap:var(--pf-v5-global--spacer--sm); --pf-v5-c-card__actions--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-card__actions--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-card__header-toggle--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-card__header-toggle--MarginRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-card__header-toggle--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-card__header-toggle--MarginLeft:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-card__header-toggle-icon--Transition:var(--pf-v5-global--Transition); --pf-v5-c-card--m-expanded__header-toggle-icon--Rotate:90deg; --pf-v5-c-card--m-selectable--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-card--m-selectable--m-selected--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-card--m-selectable--m-selected--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--hover--BackgroundColor:var(--pf-v5-global--palette--black-150); --pf-v5-c-card--m-selectable--hover--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable--focus--BackgroundColor:var(--pf-v5-global--palette--blue-100); --pf-v5-c-card--m-selectable--focus--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--m-selected--focus--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor:var(--pf-v5-global--palette--black-100); --pf-v5-c-card--m-selectable--m-disabled--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-card--m-selectable--m-disabled--BoxShadow:var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--m-selectable--m-clickable--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--m-selectable--m-clickable--hover--BoxShadow:var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor:transparent; --pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor:var(--pf-v5-global--palette--black-150); --pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor:var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--before--Right:0; --pf-v5-c-card--m-selectable-raised--before--Bottom:0; --pf-v5-c-card--m-selectable-raised--before--Left:0; --pf-v5-c-card--m-flat--m-selectable-raised--before--Right:calc(-1*var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom:calc(-1*var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-flat--m-selectable-raised--before--Left:calc(-1*var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-selectable-raised--before--Height:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:transparent; --pf-v5-c-card--m-selectable-raised--before--Transition:none; --pf-v5-c-card--m-selectable-raised--before--ScaleY:1; --pf-v5-c-card--m-selectable-raised--before--TranslateY:0; --pf-v5-c-card--m-selectable-raised--hover--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor:var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--focus--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor:var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--active--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor:var(--pf-v5-global--active-color--400); --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor:var(--pf-v5-global--active-color--100); --pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base:-.5rem; --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base); --pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY:calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-flat--BorderWidth)); --pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY:calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY--base) + var(--pf-v5-c-card--m-rounded--BorderRadius)); --pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition:transform .25s linear,box-shadow .25s linear; --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition:transform .25s linear; --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY:calc(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY)*-1); --pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY:2; --pf-v5-c-card--m-non-selectable-raised--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-200); --pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-card--m-non-selectable-raised--before--ScaleY:2; --pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-card--m-compact__body--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-card--m-compact__footer--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-card--m-compact--first-child--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--child--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact--c-divider--child--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-card--m-display-lg__title-text--FontSize:var(--pf-v5-global--FontSize--xl); --pf-v5-c-card--m-display-lg--first-child--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--child--PaddingLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-card--m-flat--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-card--m-flat--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-card--m-rounded--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-card--m-full-height--Height:100%; --pf-v5-c-card--m-plain--BoxShadow:none; --pf-v5-c-card--m-plain--BackgroundColor:transparent; --pf-v5-c-card__header--m-toggle-right--toggle--MarginRight:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-card__input--focus--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-card__input--focus--BorderColor:var(--pf-v5-global--primary-color--100); background-color:var(--pf-v5-c-card--BackgroundColor); box-shadow:var(--pf-v5-c-card--BoxShadow); flex-direction:column; display:flex; position:relative } .pf-v5-c-card.pf-m-selectable .pf-v5-c-card__selectable-actions :is(.pf-v5-c-check, .pf-v5-c-radio) { gap:0 } .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable { isolation:isolate; box-shadow:none } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label { position:unset } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__label:before, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:before { cursor:pointer; position:absolute; inset:0 } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible)~.pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible)~.pf-v5-c-radio__label { --pf-v5-c-card--BackgroundColor:unset; --pf-v5-c-card--BorderColor:unset } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked)~.pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked)~.pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BackgroundColor); --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-clickable--m-selected--BorderColor) } .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current.pf-m-selected, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked)~.pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-current .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked)~.pf-v5-c-radio__label { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor); --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-clickable--m-current--BorderColor) } .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled)~.pf-v5-c-check__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled)~.pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor); --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor); --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow) } .pf-v5-c-card.pf-m-hoverable-raised:before, .pf-v5-c-card.pf-m-selectable-raised:before, .pf-v5-c-card.pf-m-non-selectable-raised:before { height:var(--pf-v5-c-card--m-selectable-raised--before--Height); content:""; background-color:var(--pf-v5-c-card--m-selectable-raised--before--BackgroundColor); transition:var(--pf-v5-c-card--m-selectable-raised--before--Transition); transform:translateY(var(--pf-v5-c-card--m-selectable-raised--before--TranslateY))scaleY(var(--pf-v5-c-card--m-selectable-raised--before--ScaleY)); transform-origin:bottom; position:absolute; inset-block-end:var(--pf-v5-c-card--m-selectable-raised--before--Bottom); inset-inline-start:var(--pf-v5-c-card--m-selectable-raised--before--Left); inset-inline-end:var(--pf-v5-c-card--m-selectable-raised--before--Right) } .pf-v5-c-card.pf-m-hoverable-raised:hover { --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-hoverable-raised--hover--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor) } .pf-v5-c-card.pf-m-selectable-raised { cursor:pointer } .pf-v5-c-card.pf-m-selectable-raised:hover { --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable-raised--hover--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor) } .pf-v5-c-card.pf-m-selectable-raised:focus { --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable-raised--focus--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor) } .pf-v5-c-card.pf-m-selectable-raised:active { --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable-raised--active--BoxShadow); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor) } .pf-v5-c-card.pf-m-selectable-raised.pf-m-selected-raised { --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor); --pf-v5-c-card--m-selectable-raised--before--Transition:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--Transition); --pf-v5-c-card--m-selectable-raised--before--TranslateY:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--TranslateY); --pf-v5-c-card--m-selectable-raised--before--ScaleY:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--before--ScaleY); z-index:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--ZIndex); box-shadow:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--BoxShadow); transition:var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--Transition); transform:translateY(var(--pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY)) } .pf-v5-c-card.pf-m-non-selectable-raised { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-non-selectable-raised--BackgroundColor); --pf-v5-c-card--BoxShadow:none; --pf-v5-c-card--m-flat--BorderColor:var(--pf-v5-c-card--m-flat--m-non-selectable-raised--before--BorderColor); --pf-v5-c-card--m-selectable-raised--before--BackgroundColor:var(--pf-v5-c-card--m-non-selectable-raised--before--BackgroundColor); --pf-v5-c-card--m-selectable-raised--before--ScaleY:var(--pf-v5-c-card--m-non-selectable-raised--before--ScaleY) } .pf-v5-c-card.pf-m-compact { --pf-v5-c-card__body--FontSize:var(--pf-v5-c-card--m-compact__body--FontSize); --pf-v5-c-card__footer--FontSize:var(--pf-v5-c-card--m-compact__footer--FontSize); --pf-v5-c-card--first-child--PaddingTop:var(--pf-v5-c-card--m-compact--first-child--PaddingTop); --pf-v5-c-card--child--PaddingRight:var(--pf-v5-c-card--m-compact--child--PaddingRight); --pf-v5-c-card--child--PaddingBottom:var(--pf-v5-c-card--m-compact--child--PaddingBottom); --pf-v5-c-card--child--PaddingLeft:var(--pf-v5-c-card--m-compact--child--PaddingLeft); --pf-v5-c-card--c-divider--child--PaddingTop:var(--pf-v5-c-card--m-compact--c-divider--child--PaddingTop); --pf-v5-c-card__title--not--last-child--PaddingBottom:var(--pf-v5-c-card--m-compact__title--not--last-child--PaddingBottom) } .pf-v5-c-card.pf-m-display-lg { --pf-v5-c-card__title-text--FontSize:var(--pf-v5-c-card--m-display-lg__title-text--FontSize); --pf-v5-c-card--first-child--PaddingTop:var(--pf-v5-c-card--m-display-lg--first-child--PaddingTop); --pf-v5-c-card--child--PaddingRight:var(--pf-v5-c-card--m-display-lg--child--PaddingRight); --pf-v5-c-card--child--PaddingBottom:var(--pf-v5-c-card--m-display-lg--child--PaddingBottom); --pf-v5-c-card--child--PaddingLeft:var(--pf-v5-c-card--m-display-lg--child--PaddingLeft); --pf-v5-c-card--c-divider--child--PaddingTop:var(--pf-v5-c-card--m-display-lg--c-divider--child--PaddingTop); --pf-v5-c-card__title--not--last-child--PaddingBottom:var(--pf-v5-c-card--m-display-lg__title--not--last-child--PaddingBottom) } .pf-v5-c-card.pf-m-flat { --pf-v5-c-card--BoxShadow:none; --pf-v5-c-card--m-selectable-raised--before--Right:var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Right); --pf-v5-c-card--m-selectable-raised--before--Bottom:var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Bottom); --pf-v5-c-card--m-selectable-raised--before--Left:var(--pf-v5-c-card--m-flat--m-selectable-raised--before--Left); --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-v5-c-card--m-flat--m-selectable-raised--m-selected-raised--TranslateY); border:var(--pf-v5-c-card--m-flat--BorderWidth)solid var(--pf-v5-c-card--m-flat--BorderColor) } .pf-v5-c-card.pf-m-plain { --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-plain--BoxShadow); --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-plain--BackgroundColor) } .pf-v5-c-card.pf-m-rounded { --pf-v5-c-card--m-selectable-raised--m-selected-raised--TranslateY:var(--pf-v5-c-card--m-rounded--m-selectable-raised--m-selected-raised--TranslateY); border-radius:var(--pf-v5-c-card--m-rounded--BorderRadius) } .pf-v5-c-card.pf-m-expanded .pf-v5-c-card__header-toggle-icon { transform:rotate(var(--pf-v5-c-card--m-expanded__header-toggle-icon--Rotate)) } .pf-v5-c-card.pf-m-full-height { height:var(--pf-v5-c-card--m-full-height--Height) } .pf-v5-c-card>.pf-v5-c-divider+.pf-v5-c-card__header, .pf-v5-c-card>.pf-v5-c-divider+.pf-v5-c-card__title, .pf-v5-c-card>.pf-v5-c-divider+.pf-v5-c-card__body, .pf-v5-c-card>.pf-v5-c-divider+.pf-v5-c-card__footer { padding-block-start:var(--pf-v5-c-card--c-divider--child--PaddingTop) } .pf-v5-c-card__header { flex-direction:row; align-items:center; display:flex } .pf-v5-c-card__header .pf-v5-c-card__title { --pf-v5-c-card--first-child--PaddingTop:0; --pf-v5-c-card__title--not--last-child--PaddingBottom:0; padding:0 } .pf-v5-c-card__header.pf-m-toggle-right { --pf-v5-c-card__header-toggle--MarginRight:var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginRight); --pf-v5-c-card__header-toggle--MarginLeft:var(--pf-v5-c-card__header--m-toggle-right--toggle--MarginLeft) } .pf-v5-c-card__header.pf-m-toggle-right .pf-v5-c-card__header-toggle { order:2 } .pf-v5-c-card__header-main { flex:1 } .pf-v5-c-card__header-toggle { align-self:flex-start; margin-block-start:var(--pf-v5-c-card__header-toggle--MarginTop); margin-block-end:var(--pf-v5-c-card__header-toggle--MarginBottom); margin-inline-start:var(--pf-v5-c-card__header-toggle--MarginLeft); margin-inline-end:var(--pf-v5-c-card__header-toggle--MarginRight) } .pf-v5-c-card__header-toggle-icon { transition:var(--pf-v5-c-card__header-toggle-icon--Transition); display:inline-block } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon { scale:-1 1 } .pf-v5-c-card__title-text { font-family:var(--pf-v5-c-card__title-text--FontFamily); font-size:var(--pf-v5-c-card__title-text--FontSize); font-weight:var(--pf-v5-c-card__title-text--FontWeight); line-height:var(--pf-v5-c-card__title-text--LineHeight) } .pf-v5-c-card__actions { gap:var(--pf-v5-c-card__actions--Gap); order:1; align-self:flex-start; align-items:center; margin-block-start:var(--pf-v5-c-card__actions--MarginTop); margin-block-end:var(--pf-v5-c-card__actions--MarginBottom); margin-inline-start:auto; padding-inline-start:var(--pf-v5-c-card__actions--PaddingLeft); display:flex } .pf-v5-c-card__actions+.pf-v5-c-card__title, .pf-v5-c-card__actions+.pf-v5-c-card__body, .pf-v5-c-card__actions+.pf-v5-c-card__footer { padding:0 } .pf-v5-c-card__actions.pf-m-no-offset { --pf-v5-c-card__actions--MarginTop:0; --pf-v5-c-card__actions--MarginBottom:0 } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label { cursor:pointer; justify-self:auto; position:absolute; inset:0 } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label:before, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:before { z-index:-1; content:""; background-color:var(--pf-v5-c-card--BackgroundColor,transparent); border:var(--pf-v5-c-card--m-selectable--BorderWidth)solid var(--pf-v5-c-card--BorderColor,transparent); box-shadow:var(--pf-v5-c-card--BoxShadow,none); position:absolute; inset:0 } .pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--hover--BackgroundColor); --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable--hover--BoxShadow) } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:checked)~.pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:checked)~.pf-v5-c-radio__label, .pf-v5-c-card.pf-m-selected { --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-selected--BorderColor); --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--m-selected--BackgroundColor) } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible)~.pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible)~.pf-v5-c-radio__label { --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--focus--BorderColor); --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--focus--BackgroundColor) } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:focus-visible):where(:checked)~.pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:focus-visible):where(:checked)~.pf-v5-c-radio__label { --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-selected--focus--BorderColor) } .pf-v5-c-card__selectable-actions .pf-v5-c-check__input:where(:disabled)~.pf-v5-c-check__label, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__input:where(:disabled)~.pf-v5-c-radio__label, .pf-v5-c-card.pf-m-disabled { --pf-v5-c-card--BackgroundColor:var(--pf-v5-c-card--m-selectable--m-disabled--BackgroundColor); --pf-v5-c-card--BorderColor:var(--pf-v5-c-card--m-selectable--m-disabled--BorderColor); --pf-v5-c-card--BoxShadow:var(--pf-v5-c-card--m-selectable--m-disabled--BoxShadow) } .pf-v5-c-card__header, .pf-v5-c-card__title, .pf-v5-c-card__body, .pf-v5-c-card__footer { padding-block-end:var(--pf-v5-c-card--child--PaddingBottom); padding-inline-start:var(--pf-v5-c-card--child--PaddingLeft); padding-inline-end:var(--pf-v5-c-card--child--PaddingRight) } .pf-v5-c-card__header:first-child, .pf-v5-c-card__title:first-child, .pf-v5-c-card__body:first-child, .pf-v5-c-card__footer:first-child { padding-block-start:var(--pf-v5-c-card--first-child--PaddingTop) } .pf-v5-c-card__header:not(:last-child), .pf-v5-c-card__title:not(:last-child) { padding-block-end:var(--pf-v5-c-card__title--not--last-child--PaddingBottom) } .pf-v5-c-card__expandable-content { --pf-v5-c-card--first-child--PaddingTop:0 } .pf-v5-c-card__body:not(.pf-m-no-fill) { flex:auto } .pf-v5-c-card__body { font-size:var(--pf-v5-c-card__body--FontSize) } .pf-v5-c-card__footer { font-size:var(--pf-v5-c-card__footer--FontSize) } .pf-v5-c-card__sr-input:focus+.pf-v5-c-card:after { content:""; border:var(--pf-v5-c-card__input--focus--BorderWidth)solid var(--pf-v5-c-card__input--focus--BorderColor); position:absolute; inset-block:0; inset-inline:0 } :where(.pf-v5-theme-dark) .pf-v5-c-card, :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised { --pf-v5-c-card--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor:var(--pf-v5-global--palette--black-700); --pf-v5-c-card--m-selectable--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--150); --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--150); --pf-v5-c-card--m-selectable--focus--BackgroundColor:var(--pf-v5-global--palette--blue-600); --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--hover--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--focus--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-card--m-selectable-raised--active--BoxShadow:var(--pf-v5-global--BoxShadow--lg) } .pf-v5-c-radio { --pf-v5-c-radio--GridGap:var(--pf-v5-global--spacer--xs)var(--pf-v5-global--spacer--sm); --pf-v5-c-radio__label--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-radio__label--Color:var(--pf-v5-global--Color--100); --pf-v5-c-radio__label--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-radio__label--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-radio__label--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-radio__input--TranslateY:calc((var(--pf-v5-c-radio__label--LineHeight)*var(--pf-v5-c-radio__label--FontSize)/2 ) - 50%); --pf-v5-c-radio__input--TranslateY--moz:var(--pf-v5-c-radio__input--TranslateY); --pf-v5-c-radio__input--first-child--MarginLeft:.0625rem; --pf-v5-c-radio__input--last-child--MarginRight:.0625rem; --pf-v5-c-radio__description--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-radio__description--Color:var(--pf-v5-global--Color--200); --pf-v5-c-radio__body--MarginTop:var(--pf-v5-global--spacer--sm); grid-gap:var(--pf-v5-c-radio--GridGap); grid-template-columns:auto 1fr; align-items:baseline; display:grid } .pf-v5-c-radio.pf-m-standalone { --pf-v5-c-radio--GridGap:0; --pf-v5-c-radio__input--TranslateY:none; display:inline-grid } .pf-v5-c-radio__input { -moz-transform:translateY(var(--pf-v5-c-radio__input--TranslateY--moz)); transform:translateY(var(--pf-v5-c-radio__input--TranslateY)); align-self:start } .pf-v5-c-radio__input:first-child { margin-inline-start:var(--pf-v5-c-radio__input--first-child--MarginLeft) } .pf-v5-c-radio__input:last-child { margin-inline-end:var(--pf-v5-c-radio__input--last-child--MarginRight) } .pf-v5-c-radio__label { font-size:var(--pf-v5-c-radio__label--FontSize); font-weight:var(--pf-v5-c-radio__label--FontWeight); line-height:var(--pf-v5-c-radio__label--LineHeight); color:var(--pf-v5-c-radio__label--Color) } .pf-v5-c-radio__description { font-size:var(--pf-v5-c-radio__description--FontSize); color:var(--pf-v5-c-radio__description--Color); grid-column:2 } .pf-v5-c-radio__body { grid-column:2; margin-block-start:var(--pf-v5-c-radio__body--MarginTop) } .pf-v5-c-radio__label, .pf-v5-c-radio__input { justify-self:start } label.pf-v5-c-radio, .pf-v5-c-radio__label, .pf-v5-c-radio__input { cursor:pointer } .pf-v5-c-radio__label:disabled, .pf-v5-c-radio__label.pf-m-disabled, .pf-v5-c-radio__input:disabled, .pf-v5-c-radio__input.pf-m-disabled { --pf-v5-c-radio__label--Color:var(--pf-v5-c-radio__label--disabled--Color); cursor:not-allowed } .pf-v5-c-chip { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark); --pf-v5-c-chip--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip--BackgroundColor:var(--pf-v5-global--Color--light-100); --pf-v5-c-chip--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-chip--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-chip--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-chip--before--BorderRadius:var(--pf-v5-c-chip--BorderRadius); --pf-v5-c-chip--m-overflow__text--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-chip--m-draggable--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-chip--m-draggable--BoxShadow:var(--pf-v5-global--BoxShadow--sm); --pf-v5-c-chip--m-draggable__icon--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-chip__content--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-chip__content--ColumnGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip__text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-chip__text--MaxWidth:16ch; --pf-v5-c-chip__c-badge--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip__actions--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-chip__actions--c-button--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip__actions--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip__actions--c-button--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip__actions--c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip__actions--c-button--MarginTop:calc(var(--pf-v5-c-chip--PaddingTop)*-1); --pf-v5-c-chip__actions--c-button--MarginRight:calc(var(--pf-v5-c-chip--PaddingRight)/2*-1); --pf-v5-c-chip__actions--c-button--MarginBottom:calc(var(--pf-v5-c-chip--PaddingBottom)*-1); --pf-v5-c-chip__actions--c-button--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-chip__icon--MarginLeft:var(--pf-v5-global--spacer--sm); color:var(--pf-v5-global--Color--100); background-color:var(--pf-v5-c-chip--BackgroundColor); border-radius:var(--pf-v5-c-chip--BorderRadius); min-width:0; align-items:center; padding-block-start:var(--pf-v5-c-chip--PaddingTop); padding-block-end:var(--pf-v5-c-chip--PaddingBottom); padding-inline-start:var(--pf-v5-c-chip--PaddingLeft); padding-inline-end:var(--pf-v5-c-chip--PaddingRight); list-style:none; display:inline-flex; position:relative } .pf-v5-c-chip:before { content:""; border:var(--pf-v5-c-chip--before--BorderWidth)solid var(--pf-v5-c-chip--before--BorderColor); border-radius:var(--pf-v5-c-chip--before--BorderRadius); position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-chip.pf-m-overflow { border:0 } .pf-v5-c-chip.pf-m-overflow .pf-v5-c-chip__text { color:var(--pf-v5-c-chip--m-overflow__text--Color) } .pf-v5-c-chip.pf-m-draggable { --pf-v5-c-chip--BackgroundColor:var(--pf-v5-c-chip--m-draggable--BackgroundColor); box-shadow:var(--pf-v5-c-chip--m-draggable--BoxShadow) } .pf-v5-c-chip.pf-m-draggable .pf-v5-c-chip__icon { font-size:var(--pf-v5-c-chip--m-draggable__icon--FontSize) } .pf-v5-c-chip__text { text-overflow:ellipsis; white-space:nowrap; max-width:var(--pf-v5-c-chip__text--MaxWidth); color:var(--pf-v5-c-chip__text--Color); position:relative; overflow:hidden } .pf-v5-c-chip__text .pf-v5-c-badge { margin-inline-start:var(--pf-v5-c-chip__c-badge--MarginLeft) } .pf-v5-c-chip__icon+.pf-v5-c-chip__text, .pf-v5-c-chip__text+.pf-v5-c-chip__icon { margin-inline-start:var(--pf-v5-c-chip__icon--MarginLeft) } .pf-v5-c-chip__content { column-gap:var(--pf-v5-c-chip__content--ColumnGap); font-size:var(--pf-v5-c-chip__content--FontSize); align-items:center; display:flex } .pf-v5-c-chip__actions { font-size:var(--pf-v5-c-chip__actions--FontSize) } .pf-v5-c-chip__actions .pf-v5-c-button { --pf-v5-c-button--PaddingTop:var(--pf-v5-c-chip__actions--c-button--PaddingTop); --pf-v5-c-button--PaddingRight:var(--pf-v5-c-chip__actions--c-button--PaddingRight); --pf-v5-c-button--PaddingBottom:var(--pf-v5-c-chip__actions--c-button--PaddingBottom); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-chip__actions--c-button--PaddingLeft); --pf-v5-c-button--FontSize:var(--pf-v5-c-chip__actions--c-button--FontSize); margin-block-start:var(--pf-v5-c-chip__actions--c-button--MarginTop); margin-block-end:var(--pf-v5-c-chip__actions--c-button--MarginBottom); margin-inline-end:var(--pf-v5-c-chip__actions--c-button--MarginRight); line-height:1 } :where(.pf-v5-theme-dark) .pf-v5-c-chip { --pf-v5-c-chip--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-chip--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-chip--m-draggable--BackgroundColor:var(--pf-v5-global--palette--black-600) } .pf-v5-c-chip-group { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark); color:var(--pf-v5-global--Color--100); --pf-v5-c-chip-group--PaddingTop:0; --pf-v5-c-chip-group--PaddingRight:0; --pf-v5-c-chip-group--PaddingBottom:0; --pf-v5-c-chip-group--PaddingLeft:0; --pf-v5-c-chip-group--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip-group--ColumnGap:0; --pf-v5-c-chip-group__main--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group__main--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip-group__list--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group__list--ColumnGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group--m-category--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group--m-category--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group--m-category--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-chip-group--m-category--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-chip-group--m-category--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-chip-group--m-category--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-chip-group__label--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-chip-group__label--MaxWidth:18ch; --pf-v5-c-chip-group__close--MarginTop:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-chip-group__close--MarginBottom:calc(var(--pf-v5-global--spacer--xs)*-1); row-gap:var(--pf-v5-c-chip-group--RowGap); column-gap:var(--pf-v5-c-chip-group--ColumnGap); max-width:100%; padding-block-start:var(--pf-v5-c-chip-group--PaddingTop); padding-block-end:var(--pf-v5-c-chip-group--PaddingBottom); padding-inline-start:var(--pf-v5-c-chip-group--PaddingLeft); padding-inline-end:var(--pf-v5-c-chip-group--PaddingRight) } .pf-v5-c-chip-group.pf-m-category { --pf-v5-c-chip-group--PaddingTop:var(--pf-v5-c-chip-group--m-category--PaddingTop); --pf-v5-c-chip-group--PaddingRight:var(--pf-v5-c-chip-group--m-category--PaddingRight); --pf-v5-c-chip-group--PaddingBottom:var(--pf-v5-c-chip-group--m-category--PaddingBottom); --pf-v5-c-chip-group--PaddingLeft:var(--pf-v5-c-chip-group--m-category--PaddingLeft); background-color:var(--pf-v5-c-chip-group--m-category--BackgroundColor); border-radius:var(--pf-v5-c-chip-group--m-category--BorderRadius) } .pf-v5-c-chip-group__main { row-gap:var(--pf-v5-c-chip-group__main--RowGap); column-gap:var(--pf-v5-c-chip-group__main--ColumnGap); flex-wrap:wrap; flex:1; align-items:baseline; min-width:0; display:flex } .pf-v5-c-chip-group, .pf-v5-c-chip-group__list { flex-wrap:wrap; align-items:center; min-width:0; display:inline-flex } .pf-v5-c-chip-group__list { row-gap:var(--pf-v5-c-chip-group__list--RowGap); column-gap:var(--pf-v5-c-chip-group__list--ColumnGap) } .pf-v5-c-chip-group__list-item { min-width:0; display:inline-flex } .pf-v5-c-chip-group__label { text-overflow:ellipsis; white-space:nowrap; max-width:var(--pf-v5-c-chip-group__label--MaxWidth); font-size:var(--pf-v5-c-chip-group__label--FontSize); overflow:hidden } .pf-v5-c-chip-group__close { align-self:flex-start; margin-block-start:var(--pf-v5-c-chip-group__close--MarginTop); margin-block-end:var(--pf-v5-c-chip-group__close--MarginBottom); display:flex } .pf-v5-c-popover { --pf-v5-c-popover--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-popover--MinWidth:calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem); --pf-v5-c-popover--MaxWidth:calc(var(--pf-v5-c-popover__content--PaddingLeft) + var(--pf-v5-c-popover__content--PaddingRight) + 18.75rem); --pf-v5-c-popover--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-popover--m-danger__title-icon--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-popover--m-warning__title-icon--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-popover--m-success__title-icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-popover--m-info__title-icon--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-popover--m-custom__title-icon--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-popover--m-danger__title-text--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-popover--m-warning__title-text--Color:var(--pf-v5-global--warning-color--200); --pf-v5-c-popover--m-success__title-text--Color:var(--pf-v5-global--success-color--200); --pf-v5-c-popover--m-info__title-text--Color:var(--pf-v5-global--info-color--200); --pf-v5-c-popover--m-custom__title-text--Color:var(--pf-v5-global--custom-color--300); --pf-v5-c-popover__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-popover__content--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-popover__content--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-popover__content--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-popover__content--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-popover__arrow--Width:var(--pf-v5-global--arrow--width-lg); --pf-v5-c-popover__arrow--Height:var(--pf-v5-global--arrow--width-lg); --pf-v5-c-popover__arrow--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-popover__arrow--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-popover__arrow--m-top--TranslateX:-50%; --pf-v5-c-popover__arrow--m-top--TranslateY:50%; --pf-v5-c-popover__arrow--m-top--Rotate:45deg; --pf-v5-c-popover__arrow--m-right--TranslateX:-50%; --pf-v5-c-popover__arrow--m-right--TranslateY:-50%; --pf-v5-c-popover__arrow--m-right--Rotate:45deg; --pf-v5-c-popover__arrow--m-bottom--TranslateX:-50%; --pf-v5-c-popover__arrow--m-bottom--TranslateY:-50%; --pf-v5-c-popover__arrow--m-bottom--Rotate:45deg; --pf-v5-c-popover__arrow--m-left--TranslateX:50%; --pf-v5-c-popover__arrow--m-left--TranslateY:-50%; --pf-v5-c-popover__arrow--m-left--Rotate:45deg; --pf-v5-c-popover__close--Top:calc(var(--pf-v5-c-popover__content--PaddingTop) - var(--pf-v5-global--spacer--form-element)); --pf-v5-c-popover__close--Right:calc(var(--pf-v5-c-popover__content--PaddingRight) - var(--pf-v5-global--spacer--md)); --pf-v5-c-popover__close--sibling--PaddingRight:var(--pf-v5-global--spacer--2xl); --pf-v5-c-popover__header--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-popover__title-text--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-popover__title-text--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-popover__title-text--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-popover__title-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-popover__title-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-popover__title-icon--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-popover__footer--MarginTop:var(--pf-v5-global--spacer--md); min-width:var(--pf-v5-c-popover--MinWidth); max-width:var(--pf-v5-c-popover--MaxWidth); font-size:var(--pf-v5-c-popover--FontSize); box-shadow:var(--pf-v5-c-popover--BoxShadow); position:relative } .pf-v5-c-popover.pf-m-no-padding { --pf-v5-c-popover__content--PaddingTop:0px; --pf-v5-c-popover__content--PaddingRight:0px; --pf-v5-c-popover__content--PaddingBottom:0px; --pf-v5-c-popover__content--PaddingLeft:0px } .pf-v5-c-popover.pf-m-width-auto { --pf-v5-c-popover--MinWidth:auto; --pf-v5-c-popover--MaxWidth:none } .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right) { --pf-v5-c-popover__arrow--Bottom:var(--pf-v5-c-popover--m-top--Bottom,0); --pf-v5-c-popover__arrow--Left:var(--pf-v5-c-popover--m-top--Left,50%); --pf-v5-c-popover__arrow--TranslateX:var(--pf-v5-c-popover__arrow--m-top--TranslateX); --pf-v5-c-popover__arrow--TranslateY:var(--pf-v5-c-popover__arrow--m-top--TranslateY); --pf-v5-c-popover__arrow--Rotate:var(--pf-v5-c-popover__arrow--m-top--Rotate) } .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right) { --pf-v5-c-popover__arrow--Top:var(--pf-v5-c-popover--m-bottom--Top,0); --pf-v5-c-popover__arrow--Left:var(--pf-v5-c-popover--m-bottom--Left,50%); --pf-v5-c-popover__arrow--TranslateX:var(--pf-v5-c-popover__arrow--m-bottom--TranslateX); --pf-v5-c-popover__arrow--TranslateY:var(--pf-v5-c-popover__arrow--m-bottom--TranslateY); --pf-v5-c-popover__arrow--Rotate:var(--pf-v5-c-popover__arrow--m-bottom--Rotate) } .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom) { --pf-v5-c-popover__arrow--Top:var(--pf-v5-c-popover--m-left--Top,50%); --pf-v5-c-popover__arrow--Right:var(--pf-v5-c-popover--m-left--Right,0); --pf-v5-c-popover__arrow--TranslateX:var(--pf-v5-c-popover__arrow--m-left--TranslateX); --pf-v5-c-popover__arrow--TranslateY:var(--pf-v5-c-popover__arrow--m-left--TranslateY); --pf-v5-c-popover__arrow--Rotate:var(--pf-v5-c-popover__arrow--m-left--Rotate) } .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom) { --pf-v5-c-popover__arrow--Top:var(--pf-v5-c-popover--m-right--Top,50%); --pf-v5-c-popover__arrow--Left:var(--pf-v5-c-popover--m-right--Left,0); --pf-v5-c-popover__arrow--TranslateX:var(--pf-v5-c-popover__arrow--m-right--TranslateX); --pf-v5-c-popover__arrow--TranslateY:var(--pf-v5-c-popover__arrow--m-right--TranslateY); --pf-v5-c-popover__arrow--Rotate:var(--pf-v5-c-popover__arrow--m-right--Rotate) } .pf-v5-c-popover:is(.pf-m-left-top, .pf-m-right-top) { --pf-v5-c-popover__arrow--Top:0; --pf-v5-c-popover__arrow--TranslateY:var(--pf-v5-c-popover__arrow--m-top--TranslateY) } .pf-v5-c-popover:is(.pf-m-left-bottom, .pf-m-right-bottom) { --pf-v5-c-popover__arrow--Top:auto; --pf-v5-c-popover__arrow--Bottom:0 } .pf-v5-c-popover:is(.pf-m-top-left, .pf-m-bottom-left) { --pf-v5-c-popover__arrow--Left:0; --pf-v5-c-popover__arrow--TranslateX:var(--pf-v5-c-popover__arrow--m-left--TranslateX) } .pf-v5-c-popover:is(.pf-m-top-right, .pf-m-bottom-right) { --pf-v5-c-popover__arrow--Right:0; --pf-v5-c-popover__arrow--Left:auto } .pf-v5-c-popover.pf-m-danger { --pf-v5-c-popover__title-icon--Color:var(--pf-v5-c-popover--m-danger__title-icon--Color); --pf-v5-c-popover__title-text--Color:var(--pf-v5-c-popover--m-danger__title-text--Color) } .pf-v5-c-popover.pf-m-warning { --pf-v5-c-popover__title-icon--Color:var(--pf-v5-c-popover--m-warning__title-icon--Color); --pf-v5-c-popover__title-text--Color:var(--pf-v5-c-popover--m-warning__title-text--Color) } .pf-v5-c-popover.pf-m-success { --pf-v5-c-popover__title-icon--Color:var(--pf-v5-c-popover--m-success__title-icon--Color); --pf-v5-c-popover__title-text--Color:var(--pf-v5-c-popover--m-success__title-text--Color) } .pf-v5-c-popover.pf-m-custom { --pf-v5-c-popover__title-icon--Color:var(--pf-v5-c-popover--m-custom__title-icon--Color); --pf-v5-c-popover__title-text--Color:var(--pf-v5-c-popover--m-custom__title-text--Color) } .pf-v5-c-popover.pf-m-info { --pf-v5-c-popover__title-icon--Color:var(--pf-v5-c-popover--m-info__title-icon--Color); --pf-v5-c-popover__title-text--Color:var(--pf-v5-c-popover--m-info__title-text--Color) } .pf-v5-c-popover__content { background-color:var(--pf-v5-c-popover__content--BackgroundColor); padding-block-start:var(--pf-v5-c-popover__content--PaddingTop); padding-block-end:var(--pf-v5-c-popover__content--PaddingBottom); padding-inline-start:var(--pf-v5-c-popover__content--PaddingLeft); padding-inline-end:var(--pf-v5-c-popover__content--PaddingRight); position:relative } .pf-v5-c-popover__close { position:absolute; inset-block-start:var(--pf-v5-c-popover__close--Top); inset-inline-end:var(--pf-v5-c-popover__close--Right) } .pf-v5-c-popover__close+* { padding-inline-end:var(--pf-v5-c-popover__close--sibling--PaddingRight) } .pf-v5-c-popover__arrow { top:var(--pf-v5-c-popover__arrow--Top,auto); right:var(--pf-v5-c-popover__arrow--Right,auto); bottom:var(--pf-v5-c-popover__arrow--Bottom,auto); left:var(--pf-v5-c-popover__arrow--Left,auto); width:var(--pf-v5-c-popover__arrow--Width); height:var(--pf-v5-c-popover__arrow--Height); pointer-events:none; background-color:var(--pf-v5-c-popover__arrow--BackgroundColor); box-shadow:var(--pf-v5-c-popover__arrow--BoxShadow); transform:translateX(var(--pf-v5-c-popover__arrow--TranslateX,0))translateY(var(--pf-v5-c-popover__arrow--TranslateY,0))rotate(var(--pf-v5-c-popover__arrow--Rotate,0)); position:absolute } .pf-v5-c-popover__header { margin-block-end:var(--pf-v5-c-popover__header--MarginBottom) } .pf-v5-c-popover__title { flex:none; display:flex } .pf-v5-c-popover__title-icon { font-size:var(--pf-v5-c-popover__title-icon--FontSize); color:var(--pf-v5-c-popover__title-icon--Color); margin-inline-end:var(--pf-v5-c-popover__title-icon--MarginRight) } .pf-v5-c-popover__title-text { font-family:var(--pf-v5-c-popover__title-text--FontFamily); font-size:var(--pf-v5-c-popover__title-text--FontSize); line-height:var(--pf-v5-c-popover__title-text--LineHeight); color:var(--pf-v5-c-popover__title-text--Color,inherit) } .pf-v5-c-popover__body { word-wrap:break-word } .pf-v5-c-popover__footer { margin-block-start:var(--pf-v5-c-popover__footer--MarginTop) } :where(.pf-v5-theme-dark) .pf-v5-c-popover { --pf-v5-c-popover__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-popover__arrow--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-popover--m-custom__title-text--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-popover--m-info__title-text--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-popover--m-success__title-text--Color:var(--pf-v5-global--success-color--100) } .pf-v5-c-helper-text { --pf-v5-c-helper-text--Gap:var(--pf-v5-global--spacer--xs); --pf-v5-c-helper-text--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-helper-text__item-icon--m-indeterminate--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text__item-text--m-indeterminate--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text__item-icon--m-warning--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-helper-text__item-text--m-warning--Color:var(--pf-v5-global--warning-color--200); --pf-v5-c-helper-text__item-icon--m-success--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-helper-text__item-text--m-success--Color:var(--pf-v5-global--success-color--200); --pf-v5-c-helper-text__item-icon--m-error--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-helper-text__item-text--m-error--Color:var(--pf-v5-global--danger-color--200); --pf-v5-c-helper-text--m-dynamic__item-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-helper-text--m-dynamic__item-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color:var(--pf-v5-global--Color--200); --pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-helper-text__item-icon--MarginRight:var(--pf-v5-global--spacer--xs); gap:var(--pf-v5-c-helper-text--Gap); font-size:var(--pf-v5-c-helper-text--FontSize); display:grid } .pf-v5-c-helper-text.pf-m-hidden { visibility:hidden; opacity:0 } .pf-v5-c-helper-text__item { display:flex } .pf-v5-c-helper-text__item.pf-m-indeterminate { --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-c-helper-text__item-icon--m-indeterminate--Color); --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-c-helper-text__item-text--m-indeterminate--Color); --pf-v5-c-helper-text--m-dynamic__item-icon--Color:var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color); --pf-v5-c-helper-text--m-dynamic__item-text--Color:var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color) } .pf-v5-c-helper-text__item.pf-m-warning { --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-c-helper-text__item-icon--m-warning--Color); --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-c-helper-text__item-text--m-warning--Color); --pf-v5-c-helper-text--m-dynamic__item-icon--Color:var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color); --pf-v5-c-helper-text--m-dynamic__item-text--Color:var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color) } .pf-v5-c-helper-text__item.pf-m-success { --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-c-helper-text__item-icon--m-success--Color); --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-c-helper-text__item-text--m-success--Color); --pf-v5-c-helper-text--m-dynamic__item-icon--Color:var(--pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color); --pf-v5-c-helper-text--m-dynamic__item-text--Color:var(--pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color) } .pf-v5-c-helper-text__item.pf-m-error { --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-c-helper-text__item-icon--m-error--Color); --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-c-helper-text__item-text--m-error--Color); --pf-v5-c-helper-text--m-dynamic__item-icon--Color:var(--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color); --pf-v5-c-helper-text--m-dynamic__item-text--Color:var(--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color) } .pf-v5-c-helper-text__item.pf-m-dynamic { --pf-v5-c-helper-text__item-text--Color:var(--pf-v5-c-helper-text--m-dynamic__item-text--Color); --pf-v5-c-helper-text__item-icon--Color:var(--pf-v5-c-helper-text--m-dynamic__item-icon--Color) } .pf-v5-c-helper-text__item-icon { color:var(--pf-v5-c-helper-text__item-icon--Color); margin-inline-end:var(--pf-v5-c-helper-text__item-icon--MarginRight) } .pf-v5-c-helper-text__item-text { color:var(--pf-v5-c-helper-text__item-text--Color) } :where(.pf-v5-theme-dark) .pf-v5-c-helper-text { --pf-v5-c-helper-text__item-text--m-success--Color:var(--pf-v5-global--success-color--100) } .pf-v5-c-divider { --pf-v5-hidden-visible--hidden--Display:none; --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display); display:var(--pf-v5-hidden-visible--Display) } .pf-m-hidden.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } @media screen and (width>=576px) { .pf-m-hidden-on-sm.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-sm.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=768px) { .pf-m-hidden-on-md.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-md.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=992px) { .pf-m-hidden-on-lg.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-lg.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1200px) { .pf-m-hidden-on-xl.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-xl.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1450px) { .pf-m-hidden-on-2xl.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-2xl.pf-v5-c-divider { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } .pf-v5-c-divider { --pf-v5-c-divider--BorderWidth--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-divider--BorderColor--base:var(--pf-v5-c-divider--BackgroundColor); --pf-v5-c-divider--Height:var(--pf-v5-c-divider--BorderWidth--base); --pf-v5-c-divider--BackgroundColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-divider--after--BackgroundColor:var(--pf-v5-c-divider--BorderColor--base); --pf-v5-c-divider--after--FlexBasis:100%; --pf-v5-c-divider--after--Inset:0%; --pf-v5-c-divider--m-vertical--after--FlexBasis:100%; --pf-v5-c-divider--m-horizontal--Display:flex; --pf-v5-c-divider--m-horizontal--FlexDirection:row; --pf-v5-c-divider--m-horizontal--after--Height:var(--pf-v5-c-divider--Height); --pf-v5-c-divider--m-horizontal--after--Width:auto; --pf-v5-c-divider--m-vertical--Display:inline-flex; --pf-v5-c-divider--m-vertical--FlexDirection:column; --pf-v5-c-divider--m-vertical--after--Height:auto; --pf-v5-c-divider--m-vertical--after--Width:var(--pf-v5-c-divider--BorderWidth--base); --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-divider--Display); --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); flex-direction:var(--pf-v5-c-divider--FlexDirection); border:0; flex-shrink:0; justify-content:center; align-self:stretch; align-items:center; width:100%; height:auto } .pf-v5-c-divider:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2); width:var(--pf-v5-c-divider--after--Width); height:var(--pf-v5-c-divider--after--Height); content:""; background-color:var(--pf-v5-c-divider--after--BackgroundColor); place-self:stretch center } .pf-v5-c-divider.pf-m-vertical { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } @media (width>=576px) { .pf-v5-c-divider.pf-m-horizontal-on-sm { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); width:100%; height:auto } .pf-v5-c-divider.pf-m-horizontal-on-sm:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2) } .pf-v5-c-divider.pf-m-vertical-on-sm { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical-on-sm:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none-on-sm { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl-on-sm { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } } @media (width>=768px) { .pf-v5-c-divider.pf-m-horizontal-on-md { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); width:100%; height:auto } .pf-v5-c-divider.pf-m-horizontal-on-md:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2) } .pf-v5-c-divider.pf-m-vertical-on-md { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical-on-md:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none-on-md { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl-on-md { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } } @media (width>=992px) { .pf-v5-c-divider.pf-m-horizontal-on-lg { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); width:100%; height:auto } .pf-v5-c-divider.pf-m-horizontal-on-lg:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2) } .pf-v5-c-divider.pf-m-vertical-on-lg { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical-on-lg:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none-on-lg { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl-on-lg { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } } @media (width>=1200px) { .pf-v5-c-divider.pf-m-horizontal-on-xl { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); width:100%; height:auto } .pf-v5-c-divider.pf-m-horizontal-on-xl:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2) } .pf-v5-c-divider.pf-m-vertical-on-xl { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical-on-xl:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none-on-xl { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl-on-xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } } @media (width>=1450px) { .pf-v5-c-divider.pf-m-horizontal-on-2xl { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-horizontal--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-horizontal--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-horizontal--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-horizontal--after--Height); width:100%; height:auto } .pf-v5-c-divider.pf-m-horizontal-on-2xl:after { flex-basis:calc(var(--pf-v5-c-divider--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)*2) } .pf-v5-c-divider.pf-m-vertical-on-2xl { --pf-v5-c-divider--Display:var(--pf-v5-c-divider--m-vertical--Display); --pf-v5-c-divider--FlexDirection:var(--pf-v5-c-divider--m-vertical--FlexDirection); --pf-v5-c-divider--after--Width:var(--pf-v5-c-divider--m-vertical--after--Width); --pf-v5-c-divider--after--Height:var(--pf-v5-c-divider--m-vertical--after--Height); width:auto; height:inherit } .pf-v5-c-divider.pf-m-vertical-on-2xl:after { flex-basis:calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset)) } .pf-v5-c-divider.pf-m-inset-none-on-2xl { --pf-v5-c-divider--after--Inset:0% } .pf-v5-c-divider.pf-m-inset-xs-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xs) } .pf-v5-c-divider.pf-m-inset-sm-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-divider.pf-m-inset-md-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-divider.pf-m-inset-lg-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-divider.pf-m-inset-xl-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-divider.pf-m-inset-2xl-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--2xl) } .pf-v5-c-divider.pf-m-inset-3xl-on-2xl { --pf-v5-c-divider--after--Inset:var(--pf-v5-global--spacer--3xl) } } .pf-v5-c-drawer { --pf-v5-c-drawer__section--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-drawer__section--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-drawer__content--FlexBasis:100%; --pf-v5-c-drawer__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-drawer__content--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-drawer__content--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-drawer__panel--MinWidth:50%; --pf-v5-c-drawer__panel--MaxHeight:auto; --pf-v5-c-drawer__panel--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-drawer__panel--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-drawer__panel--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-drawer__panel--TransitionDuration:var(--pf-v5-global--TransitionDuration); --pf-v5-c-drawer__panel--TransitionProperty:margin,transform,box-shadow,flex-basis; --pf-v5-c-drawer__panel--FlexBasis:100%; --pf-v5-c-drawer__panel--md--FlexBasis--min:1.5rem; --pf-v5-c-drawer__panel--md--FlexBasis:50%; --pf-v5-c-drawer__panel--md--FlexBasis--max:100%; --pf-v5-c-drawer__panel--xl--MinWidth:28.125rem; --pf-v5-c-drawer__panel--xl--FlexBasis:28.125rem; --pf-v5-c-drawer--m-panel-bottom__panel--md--MinHeight:50%; --pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight:18.75rem; --pf-v5-c-drawer--m-panel-bottom__panel--xl--FlexBasis:18.75rem; --pf-v5-c-drawer__panel--m-resizable--FlexDirection:row; --pf-v5-c-drawer__panel--m-resizable--md--FlexBasis--min:var(--pf-v5-c-drawer__splitter--m-vertical--Width); --pf-v5-c-drawer__panel--m-resizable--MinWidth:1.5rem; --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection:column; --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min:1.5rem; --pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight:1.5rem; --pf-v5-c-drawer--child--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--md--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--md--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--md--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--md--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--m-padding--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--m-padding--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--m-padding--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--m-padding--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-drawer--child--m-padding--md--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--m-padding--md--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--m-padding--md--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer--child--m-padding--md--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-drawer__content--child--PaddingTop:0; --pf-v5-c-drawer__content--child--PaddingRight:0; --pf-v5-c-drawer__content--child--PaddingBottom:0; --pf-v5-c-drawer__content--child--PaddingLeft:0; --pf-v5-c-drawer__splitter--Height:.5625rem; --pf-v5-c-drawer__splitter--Width:100%; --pf-v5-c-drawer__splitter--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-drawer__splitter--Cursor:row-resize; --pf-v5-c-drawer__splitter--m-vertical--Height:100%; --pf-v5-c-drawer__splitter--m-vertical--Width:.5625rem; --pf-v5-c-drawer__splitter--m-vertical--Cursor:col-resize; --pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset:-.0625rem; --pf-v5-c-drawer__splitter--after--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-drawer__splitter--after--border-width--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__splitter--after--BorderTopWidth:0; --pf-v5-c-drawer__splitter--after--BorderRightWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer__splitter--after--BorderBottomWidth:0; --pf-v5-c-drawer__splitter--after--BorderLeftWidth:0; --pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer--m-inline__splitter--m-vertical--Width:.625rem; --pf-v5-c-drawer--m-inline__splitter-handle--Left:50%; --pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height:.625rem; --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top:50%; --pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth:var(--pf-v5-c-drawer__splitter--after--border-width--base); --pf-v5-c-drawer__splitter-handle--Top:50%; --pf-v5-c-drawer__splitter-handle--Left:calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base)); --pf-v5-c-drawer--m-panel-left__splitter-handle--Left:50%; --pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top:calc(50% - var(--pf-v5-c-drawer__splitter--after--border-width--base)); --pf-v5-c-drawer__splitter-handle--after--BorderColor:var(--pf-v5-global--Color--200); --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth:0; --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth:0; --pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor:var(--pf-v5-global--Color--100); --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth:0; --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth:0; --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__splitter-handle--after--Width:.75rem; --pf-v5-c-drawer__splitter-handle--after--Height:.25rem; --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width:.25rem; --pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height:.75rem; --pf-v5-c-drawer__actions--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-drawer__actions--MarginRight:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-drawer__panel--BoxShadow:none; --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow:var(--pf-v5-global--BoxShadow--lg-top); --pf-v5-c-drawer--m-expanded__panel--BoxShadow:var(--pf-v5-global--BoxShadow--lg-left); --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow:var(--pf-v5-global--BoxShadow--lg-right); --pf-v5-c-drawer__panel--after--Width:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer--m-panel-bottom__panel--after--Height:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-drawer__panel--after--BackgroundColor:transparent; --pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-drawer--m-inline__panel--PaddingLeft:var(--pf-v5-c-drawer__panel--after--Width); --pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight:var(--pf-v5-c-drawer__panel--after--Width); --pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop:var(--pf-v5-c-drawer__panel--after--Width); flex-direction:column; height:100%; display:flex; overflow-x:hidden } @media screen and (width>=768px) { .pf-v5-c-drawer { --pf-v5-c-drawer--child--PaddingTop:var(--pf-v5-c-drawer--child--md--PaddingTop); --pf-v5-c-drawer--child--PaddingRight:var(--pf-v5-c-drawer--child--md--PaddingRight); --pf-v5-c-drawer--child--PaddingBottom:var(--pf-v5-c-drawer--child--md--PaddingBottom); --pf-v5-c-drawer--child--PaddingLeft:var(--pf-v5-c-drawer--child--md--PaddingLeft); --pf-v5-c-drawer--child--m-padding--PaddingTop:var(--pf-v5-c-drawer--child--m-padding--md--PaddingTop); --pf-v5-c-drawer--child--m-padding--PaddingRight:var(--pf-v5-c-drawer--child--m-padding--md--PaddingRight); --pf-v5-c-drawer--child--m-padding--PaddingBottom:var(--pf-v5-c-drawer--child--m-padding--md--PaddingBottom); --pf-v5-c-drawer--child--m-padding--PaddingLeft:var(--pf-v5-c-drawer--child--m-padding--md--PaddingLeft) } } @media screen and (width>=1200px) { .pf-v5-c-drawer { --pf-v5-c-drawer__panel--MinWidth:var(--pf-v5-c-drawer__panel--xl--MinWidth) } .pf-v5-c-drawer.pf-m-panel-bottom { --pf-v5-c-drawer__panel--MinWidth:auto; --pf-v5-c-drawer__panel--MinHeight:var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight) } } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:var(--pf-v5-global--BoxShadow--lg-right); --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow:var(--pf-v5-global--BoxShadow--lg-left) } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-inline-start:var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft) } .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { order:0; margin-inline-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { order:1 } .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main { flex-direction:column } .pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-expanded.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateY(-100%) } .pf-v5-c-drawer.pf-m-resizing { --pf-v5-c-drawer__panel--TransitionProperty:none; pointer-events:none } .pf-v5-c-drawer.pf-m-resizing .pf-v5-c-drawer__splitter { pointer-events:auto } .pf-v5-c-drawer__section { background-color:var(--pf-v5-c-drawer__section--BackgroundColor); flex-grow:0 } .pf-v5-c-drawer__section.pf-m-no-background { --pf-v5-c-drawer__section--BackgroundColor:transparent } .pf-v5-c-drawer__section.pf-m-light-200 { --pf-v5-c-drawer__section--BackgroundColor:var(--pf-v5-c-drawer__section--m-light-200--BackgroundColor) } .pf-v5-c-drawer__main { flex:1; display:flex; overflow:hidden } .pf-v5-c-drawer__content, .pf-v5-c-drawer__panel, .pf-v5-c-drawer__panel-main { flex-direction:column; flex-shrink:0; display:flex; overflow:auto } .pf-v5-c-drawer__content { z-index:var(--pf-v5-c-drawer__content--ZIndex); flex-basis:var(--pf-v5-c-drawer__content--FlexBasis); background-color:var(--pf-v5-c-drawer__content--BackgroundColor); order:0 } .pf-v5-c-drawer__content.pf-m-no-background { --pf-v5-c-drawer__content--BackgroundColor:transparent } .pf-v5-c-drawer__content.pf-m-light-200 { --pf-v5-c-drawer__content--BackgroundColor:var(--pf-v5-c-drawer__content--m-light-200--BackgroundColor) } .pf-v5-c-drawer__content>.pf-v5-c-drawer__body { padding-block-start:var(--pf-v5-c-drawer__content--child--PaddingTop); padding-block-end:var(--pf-v5-c-drawer__content--child--PaddingBottom); padding-inline-start:var(--pf-v5-c-drawer__content--child--PaddingLeft); padding-inline-end:var(--pf-v5-c-drawer__content--child--PaddingRight) } .pf-v5-c-drawer__panel { z-index:var(--pf-v5-c-drawer__panel--ZIndex); flex-basis:var(--pf-v5-c-drawer__panel--FlexBasis); max-height:var(--pf-v5-c-drawer__panel--MaxHeight); background-color:var(--pf-v5-c-drawer__panel--BackgroundColor); box-shadow:var(--pf-v5-c-drawer__panel--BoxShadow); transition-duration:var(--pf-v5-c-drawer__panel--TransitionDuration); transition-property:var(--pf-v5-c-drawer__panel--TransitionProperty); -webkit-overflow-scrolling:touch; order:1; position:relative; overflow:auto } .pf-v5-c-drawer__panel:after { width:var(--pf-v5-c-drawer__panel--after--Width); content:""; background-color:var(--pf-v5-c-drawer__panel--after--BackgroundColor); height:100%; position:absolute; inset-block-start:0; inset-inline-start:0 } .pf-v5-c-drawer__panel.pf-m-no-background { --pf-v5-c-drawer__panel--BackgroundColor:transparent } .pf-v5-c-drawer__panel.pf-m-light-200 { --pf-v5-c-drawer__panel--BackgroundColor:var(--pf-v5-c-drawer__panel--m-light-200--BackgroundColor) } @media screen and (width>=768px) { .pf-v5-c-drawer__panel { --pf-v5-c-drawer__panel--FlexBasis:max(var(--pf-v5-c-drawer__panel--md--FlexBasis--min),min(var(--pf-v5-c-drawer__panel--md--FlexBasis),var(--pf-v5-c-drawer__panel--md--FlexBasis--max))) } } @media screen and (width>=1200px) { .pf-v5-c-drawer__panel { --pf-v5-c-drawer__panel--md--FlexBasis:var(--pf-v5-c-drawer__panel--xl--FlexBasis) } .pf-v5-c-drawer.pf-m-panel-bottom .pf-v5-c-drawer__panel { --pf-v5-c-drawer__panel--md--FlexBasis:var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--FlexBasis) } } .pf-v5-c-drawer__panel-main { flex-grow:1 } @keyframes pf-remove-tab-focus { to { visibility:hidden } } .pf-v5-c-drawer__panel[hidden] { animation-name:pf-remove-tab-focus; animation-delay:var(--pf-v5-c-drawer__panel--TransitionDuration); animation-fill-mode:forwards } .pf-v5-c-drawer__head { grid-template-columns:auto; grid-auto-columns:max-content; display:grid } .pf-v5-c-drawer__head>* { grid-column:1 } .pf-v5-c-drawer__actions { grid-area:1/2; align-self:baseline; margin-block-start:var(--pf-v5-c-drawer__actions--MarginTop); margin-inline-end:var(--pf-v5-c-drawer__actions--MarginRight); display:flex } .pf-v5-c-drawer__body { padding-block-start:var(--pf-v5-c-drawer--child--PaddingTop); padding-block-end:var(--pf-v5-c-drawer--child--PaddingBottom); padding-inline-start:var(--pf-v5-c-drawer--child--PaddingLeft); padding-inline-end:var(--pf-v5-c-drawer--child--PaddingRight) } .pf-v5-c-drawer__body.pf-m-no-padding { padding:0 } .pf-v5-c-drawer__body.pf-m-no-padding>.pf-v5-c-drawer__actions, .pf-v5-c-drawer__body.pf-m-no-padding>.pf-v5-c-drawer__head>.pf-v5-c-drawer__actions { margin-block-start:0; margin-inline-end:0 } .pf-v5-c-drawer__body.pf-m-padding { padding-block-start:var(--pf-v5-c-drawer--child--m-padding--PaddingTop); padding-block-end:var(--pf-v5-c-drawer--child--m-padding--PaddingBottom); padding-inline-start:var(--pf-v5-c-drawer--child--m-padding--PaddingLeft); padding-inline-end:var(--pf-v5-c-drawer--child--m-padding--PaddingRight) } .pf-v5-c-drawer__body:not(.pf-m-no-padding)+* { padding-block-start:0 } .pf-v5-c-drawer__body:last-child { flex:1 } .pf-v5-c-drawer__body>.pf-v5-c-page__main { height:100% } .pf-v5-c-drawer__splitter { width:var(--pf-v5-c-drawer__splitter--Width); height:var(--pf-v5-c-drawer__splitter--Height); cursor:var(--pf-v5-c-drawer__splitter--Cursor); background-color:var(--pf-v5-c-drawer__splitter--BackgroundColor); display:none; position:relative } .pf-v5-c-drawer__splitter.pf-m-vertical { --pf-v5-c-drawer__splitter--Height:var(--pf-v5-c-drawer__splitter--m-vertical--Height); --pf-v5-c-drawer__splitter--Width:var(--pf-v5-c-drawer__splitter--m-vertical--Width); --pf-v5-c-drawer__splitter--Cursor:var(--pf-v5-c-drawer__splitter--m-vertical--Cursor); --pf-v5-c-drawer__splitter-handle--after--Width:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Width); --pf-v5-c-drawer__splitter-handle--after--Height:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--Height); --pf-v5-c-drawer__splitter-handle--after--BorderTopWidth:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderTopWidth); --pf-v5-c-drawer__splitter-handle--after--BorderRightWidth:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderRightWidth); --pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBottomWidth); --pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth:var(--pf-v5-c-drawer__splitter--m-vertical__splitter-handle--after--BorderLeftWidth) } .pf-v5-c-drawer__splitter:hover { --pf-v5-c-drawer__splitter-handle--after--BorderColor:var(--pf-v5-c-drawer__splitter--hover__splitter-handle--after--BorderColor) } .pf-v5-c-drawer__splitter:focus { --pf-v5-c-drawer__splitter-handle--after--BorderColor:var(--pf-v5-c-drawer__splitter--focus__splitter-handle--after--BorderColor) } .pf-v5-c-drawer__splitter:after { content:""; border:solid var(--pf-v5-c-drawer__splitter--after--BorderColor); border-block-start-width:var(--pf-v5-c-drawer__splitter--after--BorderTopWidth); border-block-end-width:var(--pf-v5-c-drawer__splitter--after--BorderBottomWidth); border-inline-start-width:var(--pf-v5-c-drawer__splitter--after--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-drawer__splitter--after--BorderRightWidth); position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-drawer__splitter-handle { position:absolute; inset-block-start:var(--pf-v5-c-drawer__splitter-handle--Top); inset-inline-start:var(--pf-v5-c-drawer__splitter-handle--Left); transform:translate(-50%,-50%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle { transform:translate(calc(-50%*var(--pf-v5-global--inverse--multiplier)),-50%) } .pf-v5-c-drawer__splitter-handle:after { width:var(--pf-v5-c-drawer__splitter-handle--after--Width); height:var(--pf-v5-c-drawer__splitter-handle--after--Height); content:""; border-color:var(--pf-v5-c-drawer__splitter-handle--after--BorderColor); border-style:solid; border-block-start-width:var(--pf-v5-c-drawer__splitter-handle--after--BorderTopWidth); border-block-end-width:var(--pf-v5-c-drawer__splitter-handle--after--BorderBottomWidth); border-inline-start-width:var(--pf-v5-c-drawer__splitter-handle--after--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-drawer__splitter-handle--after--BorderRightWidth); display:block } @media screen and (width>=768px) { .pf-v5-c-drawer { min-width:var(--pf-v5-c-drawer__panel--MinWidth) } .pf-v5-c-drawer.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { box-shadow:var(--pf-v5-c-drawer--m-expanded__panel--BoxShadow) } .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable { --pf-v5-c-drawer__panel--md--FlexBasis--min:var(--pf-v5-c-drawer__panel--m-resizable--md--FlexBasis--min); flex-direction:var(--pf-v5-c-drawer__panel--m-resizable--FlexDirection); min-width:var(--pf-v5-c-drawer__panel--m-resizable--MinWidth) } .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable:after { width:0; height:0 } .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter { flex-shrink:0 } .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__panel-main { flex-shrink:1 } .pf-v5-c-drawer.pf-m-panel-left { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:var(--pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow) } .pf-v5-c-drawer.pf-m-panel-left.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-panel-left.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-inline-start:0; padding-inline-end:var(--pf-v5-c-drawer--m-panel-left--m-inline__panel--PaddingRight) } .pf-v5-c-drawer.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:after { inset-inline:auto 0 } .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter { --pf-v5-c-drawer__splitter-handle--Left:var(--pf-v5-c-drawer--m-panel-left__splitter-handle--Left); --pf-v5-c-drawer__splitter--after--BorderRightWidth:0; --pf-v5-c-drawer__splitter--after--BorderLeftWidth:var(--pf-v5-c-drawer--m-panel-left__splitter--after--BorderLeftWidth); order:1 } .pf-v5-c-drawer.pf-m-panel-bottom { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:var(--pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow); --pf-v5-c-drawer__panel--MaxHeight:100%; --pf-v5-c-drawer__panel--FlexBasis--min:var(--pf-v5-c-drawer--m-panel-bottom__panel--FlexBasis--min); min-width:auto; min-height:var(--pf-v5-c-drawer--m-panel-bottom__panel--md--MinHeight) } .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-panel-bottom.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) { padding-block-start:var(--pf-v5-c-drawer--m-panel-bottom--m-inline__panel--PaddingTop); padding-inline-start:0 } .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:after { width:100%; height:var(--pf-v5-c-drawer--m-panel-bottom__panel--after--Height); inset-block-start:0; inset-inline-start:auto } .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable { --pf-v5-c-drawer__panel--md--FlexBasis--min:var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min); --pf-v5-c-drawer__panel--m-resizable--FlexDirection:var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection); --pf-v5-c-drawer__panel--m-resizable--MinWidth:0; min-height:var(--pf-v5-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight) } .pf-v5-c-drawer.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter { --pf-v5-c-drawer__splitter-handle--Top:var(--pf-v5-c-drawer--m-panel-bottom__splitter-handle--Top); --pf-v5-c-drawer__splitter--after--BorderRightWidth:0; --pf-v5-c-drawer__splitter--after--BorderBottomWidth:var(--pf-v5-c-drawer--m-panel-bottom__splitter--after--BorderBottomWidth) } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter { --pf-v5-c-drawer__splitter--m-vertical--Width:var(--pf-v5-c-drawer--m-inline__splitter--m-vertical--Width); --pf-v5-c-drawer__splitter-handle--Left:var(--pf-v5-c-drawer--m-inline__splitter-handle--Left); --pf-v5-c-drawer__splitter--after--BorderRightWidth:var(--pf-v5-c-drawer--m-inline__splitter--after--BorderRightWidth); --pf-v5-c-drawer__splitter--after--BorderLeftWidth:var(--pf-v5-c-drawer--m-inline__splitter--after--BorderLeftWidth); outline-offset:var(--pf-v5-c-drawer--m-inline__splitter--focus--OutlineOffset) } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-resizable>.pf-v5-c-drawer__splitter { --pf-v5-c-drawer__splitter--Height:var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--Height); --pf-v5-c-drawer__splitter-handle--Top:var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter-handle--Top); --pf-v5-c-drawer__splitter--after--BorderTopWidth:var(--pf-v5-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderTopWidth); --pf-v5-c-drawer__splitter--after--BorderRightWidth:0; --pf-v5-c-drawer__splitter--after--BorderLeftWidth:0 } .pf-v5-c-drawer>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-no-border, .pf-v5-c-drawer.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel.pf-m-no-border { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:none } .pf-v5-c-drawer__splitter { display:block } } @media (width>=768px) { .pf-v5-c-drawer__panel.pf-m-width-25 { --pf-v5-c-drawer__panel--md--FlexBasis:25% } .pf-v5-c-drawer__panel.pf-m-width-33 { --pf-v5-c-drawer__panel--md--FlexBasis:33% } .pf-v5-c-drawer__panel.pf-m-width-50 { --pf-v5-c-drawer__panel--md--FlexBasis:50% } .pf-v5-c-drawer__panel.pf-m-width-66 { --pf-v5-c-drawer__panel--md--FlexBasis:66% } .pf-v5-c-drawer__panel.pf-m-width-75 { --pf-v5-c-drawer__panel--md--FlexBasis:75% } .pf-v5-c-drawer__panel.pf-m-width-100 { --pf-v5-c-drawer__panel--md--FlexBasis:100% } } @media (width>=992px) { .pf-v5-c-drawer__panel.pf-m-width-25-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:25% } .pf-v5-c-drawer__panel.pf-m-width-33-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:33% } .pf-v5-c-drawer__panel.pf-m-width-50-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:50% } .pf-v5-c-drawer__panel.pf-m-width-66-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:66% } .pf-v5-c-drawer__panel.pf-m-width-75-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:75% } .pf-v5-c-drawer__panel.pf-m-width-100-on-lg { --pf-v5-c-drawer__panel--md--FlexBasis:100% } } @media (width>=1200px) { .pf-v5-c-drawer__panel.pf-m-width-25-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:25% } .pf-v5-c-drawer__panel.pf-m-width-33-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:33% } .pf-v5-c-drawer__panel.pf-m-width-50-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:50% } .pf-v5-c-drawer__panel.pf-m-width-66-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:66% } .pf-v5-c-drawer__panel.pf-m-width-75-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:75% } .pf-v5-c-drawer__panel.pf-m-width-100-on-xl { --pf-v5-c-drawer__panel--md--FlexBasis:100% } } @media (width>=1450px) { .pf-v5-c-drawer__panel.pf-m-width-25-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:25% } .pf-v5-c-drawer__panel.pf-m-width-33-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:33% } .pf-v5-c-drawer__panel.pf-m-width-50-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:50% } .pf-v5-c-drawer__panel.pf-m-width-66-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:66% } .pf-v5-c-drawer__panel.pf-m-width-75-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:75% } .pf-v5-c-drawer__panel.pf-m-width-100-on-2xl { --pf-v5-c-drawer__panel--md--FlexBasis:100% } } @media (width>=768px) { .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content, .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { flex-shrink:1 } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel, .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:none } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after, .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after { background-color:var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor) } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { overflow-x:auto } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; margin-inline-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translateY(100%) } .pf-v5-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:0; transform:translateY(0) } .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-static.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:none } } @media (width>=992px) { .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content, .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { flex-shrink:1 } .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel, .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:none } .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after, .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after { background-color:var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor) } .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { overflow-x:auto } .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; margin-inline-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translateY(100%) } .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:0; transform:translateY(0) } .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-lg>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:none } } @media (width>=1200px) { .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content, .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { flex-shrink:1 } .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel, .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:none } .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after, .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after { background-color:var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor) } .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { overflow-x:auto } .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; margin-inline-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translateY(100%) } .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:0; transform:translateY(0) } .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:none } } @media (width>=1450px) { .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content, .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { flex-shrink:1 } .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel, .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { --pf-v5-c-drawer--m-expanded__panel--BoxShadow:none } .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after, .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel:not(.pf-m-no-border):after { background-color:var(--pf-v5-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor) } .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__content { overflow-x:auto } .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-start:0; margin-inline-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:unset } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:calc(var(--pf-v5-c-drawer__panel--FlexBasis)*-1); transform:translateY(100%) } .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-block-end:0; transform:translateY(0) } .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-left>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { margin-inline-end:0; transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel { transform:translate(0) } .pf-v5-c-drawer.pf-m-static-on-2xl>.pf-v5-c-drawer__main>.pf-v5-c-drawer__panel>.pf-v5-c-drawer__body>.pf-v5-c-drawer__head .pf-v5-c-drawer__close { display:none } } :where(.pf-v5-theme-dark) .pf-v5-c-drawer { --pf-v5-c-drawer__panel--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-drawer__splitter--BackgroundColor:transparent } :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-inline, :where(.pf-v5-theme-dark) .pf-v5-c-drawer.pf-m-static { --pf-v5-c-drawer__panel--BackgroundColor:var(--pf-v5-global--BackgroundColor--100) } .pf-v5-c-icon { --pf-v5-c-icon--Width:1em; --pf-v5-c-icon--Height:1em; --pf-v5-c-icon--m-sm--Width:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-icon--m-sm--Height:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-icon--m-md--Width:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-icon--m-md--Height:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-icon--m-lg--Width:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-icon--m-lg--Height:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-icon--m-xl--Width:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-icon--m-xl--Height:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-icon--m-inline--Width:1em; --pf-v5-c-icon--m-inline--Height:1em; --pf-v5-c-icon__content--svg--VerticalAlign:-.125em; --pf-v5-c-icon__content--Color:initial; --pf-v5-c-icon__content--m-danger--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-icon__content--m-warning--Color:var(--pf-v5-global--warning-color--100); --pf-v5-c-icon__content--m-success--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-icon__content--m-info--Color:var(--pf-v5-global--info-color--100); --pf-v5-c-icon__content--m-custom--Color:var(--pf-v5-global--custom-color--100); --pf-v5-c-icon--m-inline__content--Color:initial; --pf-v5-c-icon__content--FontSize:1em; --pf-v5-c-icon--m-sm__content--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-icon--m-md__content--FontSize:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-icon--m-lg__content--FontSize:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-icon--m-xl__content--FontSize:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-icon--m-inline__content--FontSize:1em; width:var(--pf-v5-c-icon--Width); height:var(--pf-v5-c-icon--Height); justify-content:center; align-items:center; display:inline-flex; position:relative } .pf-v5-c-icon.pf-m-inline { --pf-v5-c-icon--Width:var(--pf-v5-c-icon--m-inline--Width); --pf-v5-c-icon--Height:var(--pf-v5-c-icon--m-inline--Height); --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-inline__content--FontSize); --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon--m-inline__content--Color); line-height:1 } .pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner { --pf-v5-c-spinner--diameter:1em } .pf-v5-c-icon.pf-m-sm { --pf-v5-c-icon--Width:var(--pf-v5-c-icon--m-sm--Width); --pf-v5-c-icon--Height:var(--pf-v5-c-icon--m-sm--Height); --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-sm__content--FontSize) } .pf-v5-c-icon.pf-m-md { --pf-v5-c-icon--Width:var(--pf-v5-c-icon--m-md--Width); --pf-v5-c-icon--Height:var(--pf-v5-c-icon--m-md--Height); --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-md__content--FontSize) } .pf-v5-c-icon.pf-m-lg { --pf-v5-c-icon--Width:var(--pf-v5-c-icon--m-lg--Width); --pf-v5-c-icon--Height:var(--pf-v5-c-icon--m-lg--Height); --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-lg__content--FontSize) } .pf-v5-c-icon.pf-m-xl { --pf-v5-c-icon--Width:var(--pf-v5-c-icon--m-xl--Width); --pf-v5-c-icon--Height:var(--pf-v5-c-icon--m-xl--Height); --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-xl__content--FontSize) } .pf-v5-c-icon.pf-m-in-progress { --pf-v5-c-icon__content--Opacity:0; --pf-v5-c-icon__progress--Opacity:1 } .pf-v5-c-icon__content, .pf-v5-c-icon__progress { font-size:var(--pf-v5-c-icon__content--FontSize) } .pf-v5-c-icon__content svg, .pf-v5-c-icon__progress svg { vertical-align:var(--pf-v5-c-icon__content--svg--VerticalAlign) } .pf-v5-c-icon__content.pf-m-sm, .pf-v5-c-icon__progress.pf-m-sm { --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-sm__content--FontSize) } .pf-v5-c-icon__content.pf-m-md, .pf-v5-c-icon__progress.pf-m-md { --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-md__content--FontSize) } .pf-v5-c-icon__content.pf-m-lg, .pf-v5-c-icon__progress.pf-m-lg { --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-lg__content--FontSize) } .pf-v5-c-icon__content.pf-m-xl, .pf-v5-c-icon__progress.pf-m-xl { --pf-v5-c-icon__content--FontSize:var(--pf-v5-c-icon--m-xl__content--FontSize) } .pf-v5-c-icon__content { color:var(--pf-v5-c-icon__content--Color,inherit); opacity:var(--pf-v5-c-icon__content--Opacity,1) } .pf-v5-c-icon__content.pf-m-danger { --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon__content--m-danger--Color) } .pf-v5-c-icon__content.pf-m-warning { --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon__content--m-warning--Color) } .pf-v5-c-icon__content.pf-m-success { --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon__content--m-success--Color) } .pf-v5-c-icon__content.pf-m-info { --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon__content--m-info--Color) } .pf-v5-c-icon__content.pf-m-custom { --pf-v5-c-icon__content--Color:var(--pf-v5-c-icon__content--m-custom--Color) } .pf-v5-c-icon__progress { opacity:var(--pf-v5-c-icon__progress--Opacity,0); transform:translateY(calc(-50% - .5*var(--pf-v5-c-icon__content--svg--VerticalAlign))); position:absolute; inset-block-start:calc(50% + .5*var(--pf-v5-c-icon__content--svg--VerticalAlign)) } .pf-v5-c-form { --pf-v5-c-form--GridGap:var(--pf-v5-global--gutter--md); --pf-v5-c-form__group--m-action--MarginTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth:9.375rem; --pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap:var(--pf-v5-global--spacer--md); --pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth:1fr; --pf-v5-c-form--m-limit-width--MaxWidth:55rem; --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:calc((((((var(--pf-v5-global--FontSize--md)*var(--pf-v5-global--LineHeight--md)) + (2*var(--pf-v5-global--BorderWidth--sm))) - var(--pf-v5-global--FontSize--md))/2) + var(--pf-v5-global--FontSize--md)) - ((((var(--pf-v5-global--FontSize--sm)*var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--sm))/2) + var(--pf-v5-global--FontSize--sm)) + var(--pf-v5-global--BorderWidth--sm)); --pf-v5-c-form__group-label--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop:0; --pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY:calc(((((var(--pf-v5-global--FontSize--sm)*var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--sm))/2) + var(--pf-v5-global--FontSize--sm)) - ((((var(--pf-v5-global--FontSize--md)*var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--md))/2) + var(--pf-v5-global--FontSize--md))); --pf-v5-c-form__label--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-form__label--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-form__label--m-disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-form__label--hover--Cursor:pointer; --pf-v5-c-form__label--m-disabled--hover--Cursor:not-allowed; --pf-v5-c-form__label-text--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-form__label-required--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__label-required--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-form__label-required--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-form__group-label-help--BackgroundColor:transparent; --pf-v5-c-form__group-label-help--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__group-label-help--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__group-label-help--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__group-label-help--PaddingLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__group-label-help--MarginTop:calc(var(--pf-v5-c-form__group-label-help--PaddingTop)*-1); --pf-v5-c-form__group-label-help--MarginRight:calc(var(--pf-v5-c-form__group-label-help--PaddingRight)*-1); --pf-v5-c-form__group-label-help--MarginBottom:calc(var(--pf-v5-c-form__group-label-help--PaddingBottom)*-1); --pf-v5-c-form__group-label-help--MarginLeft:calc(var(--pf-v5-c-form__group-label-help--PaddingLeft)*-1 + var(--pf-v5-global--spacer--xs)); --pf-v5-c-form__group-label-help--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-form__group-label-help--TranslateY:.125rem; --pf-v5-c-form__group-label-help--Color:var(--pf-v5-global--Color--200); --pf-v5-c-form__group-label-help--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form__group-label-help--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form__group-label--m-info--Gap:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__group-label-info--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-form--m-horizontal__group-label--m-info--Gap:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__group-control--m-inline--child--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__group-control__helper-text--MarginBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__group-control--m-stack--Gap:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__group-control--m-stack__helper-text--MarginTop:calc(var(--pf-v5-c-form__group-control--m-stack--Gap)*-1 + var(--pf-v5-c-form__helper-text--MarginTop--base)); --pf-v5-c-form__actions--child--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__actions--child--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__actions--child--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__actions--child--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__actions--MarginTop:calc(var(--pf-v5-c-form__actions--child--MarginTop)*-1); --pf-v5-c-form__actions--MarginRight:calc(var(--pf-v5-c-form__actions--child--MarginRight)*-1); --pf-v5-c-form__actions--MarginBottom:calc(var(--pf-v5-c-form__actions--child--MarginBottom)*-1); --pf-v5-c-form__actions--MarginLeft:calc(var(--pf-v5-c-form__actions--child--MarginLeft)*-1); --pf-v5-c-form__helper-text--MarginTop--base:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__helper-text--MarginTop:var(--pf-v5-c-form__helper-text--MarginTop--base); --pf-v5-c-form__helper-text--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-form__helper-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-form__helper-text-icon--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-form__helper-text-icon--MarginRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__helper-text--m-success--Color:var(--pf-v5-global--success-color--200); --pf-v5-c-form__helper-text--m-warning--Color:var(--pf-v5-global--warning-color--200); --pf-v5-c-form__helper-text--m-error--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-form__section--MarginTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-form__section--Gap:var(--pf-v5-global--gutter--md); --pf-v5-c-form__section-title--FontSize:var(--pf-v5-global--FontSize--lg); --pf-v5-c-form__section-title--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-form__section-title--MarginBottom:calc(var(--pf-v5-global--spacer--sm)*-1); --pf-v5-c-form__field-group--border-width-base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form__field-group--BorderTopWidth:var(--pf-v5-c-form__field-group--border-width-base); --pf-v5-c-form__field-group--BorderTopColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-form__field-group--BorderBottomWidth:var(--pf-v5-c-form__field-group--border-width-base); --pf-v5-c-form__field-group--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-form__field-group--field-group--MarginTop:calc(var(--pf-v5-c-form--GridGap)*-1); --pf-v5-c-form__field-group--GridTemplateColumns--toggle:calc(var(--pf-v5-global--spacer--md)*2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-v5-global--spacer--xs)); --pf-v5-c-form__field-group-toggle--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-form__field-group-toggle--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__field-group-header-toggle--BorderWidth--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth:var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base); --pf-v5-c-form__field-group-toggle-button--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-form__field-group-toggle-button--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-form__field-group-toggle-icon--Transition:var(--pf-v5-global--Transition); --pf-v5-c-form__field-group-toggle-icon--MinWidth:var(--pf-v5-global--FontSize--md); --pf-v5-c-form__field-group-toggle-icon--Rotate:0; --pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate:90deg; --pf-v5-c-form__field-group-header--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-form__field-group-header--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-form__field-group-header--GridColumn:1/3; --pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__field-group-toggle--field-group-header--GridColumn:2/3; --pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth:var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base); --pf-v5-c-form__field-group-header-description--MarginTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-form__field-group-header-description--Color:var(--pf-v5-global--Color--200); --pf-v5-c-form__field-group-header-actions--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-form__field-group-header-actions--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-form__field-group-header-actions--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-form__field-group-body--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__field-group-body--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-form__field-group-body--Gap:var(--pf-v5-c-form--GridGap); --pf-v5-c-form__field-group-body--GridColumn:2/3; --pf-v5-c-form__field-group__field-group__field-group-body--GridColumn:1/3; --pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn:2/3; --pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom:calc(var(--pf-v5-c-form__field-group-body--PaddingBottom)*-1); gap:var(--pf-v5-c-form--GridGap); display:grid } .pf-v5-c-form.pf-m-horizontal.pf-m-align-right .pf-v5-c-form__label { text-align:end } @media screen and (width>=768px) { .pf-v5-c-form.pf-m-horizontal { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-control { grid-column:2 } } @media screen and (width>=0) { .pf-v5-c-form.pf-m-horizontal-on-xs { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-control { grid-column:2 } } @media (width>=576px) { .pf-v5-c-form.pf-m-horizontal-on-sm { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-control { grid-column:2 } } @media (width>=768px) { .pf-v5-c-form.pf-m-horizontal-on-md { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-control { grid-column:2 } } @media (width>=992px) { .pf-v5-c-form.pf-m-horizontal-on-lg { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-control { grid-column:2 } } @media (width>=1200px) { .pf-v5-c-form.pf-m-horizontal-on-xl { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-control { grid-column:2 } } @media (width>=1450px) { .pf-v5-c-form.pf-m-horizontal-on-2xl { --pf-v5-c-form__group-label--PaddingBottom:0 } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group { grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth)var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth); grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap); display:grid } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label { padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop) } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label.pf-m-no-padding-top { --pf-v5-c-form--m-horizontal__group-label--md--PaddingTop:var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop); transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY)) } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form--m-horizontal__group-label--m-info--Gap); flex-direction:column; align-items:flex-start } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label-main { flex-grow:0 } .pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-control { grid-column:2 } } .pf-v5-c-form.pf-m-limit-width { max-width:var(--pf-v5-c-form--m-limit-width--MaxWidth) } .pf-v5-c-form__group { min-width:0 } .pf-v5-c-form__group.pf-m-action { margin-block-start:var(--pf-v5-c-form__group--m-action--MarginTop); overflow:hidden } .pf-v5-c-form__section { gap:var(--pf-v5-c-form__section--Gap); display:grid } .pf-v5-c-form__section+.pf-v5-c-form__group:not(.pf-m-action), .pf-v5-c-form__section:not(:first-child) { margin-block-start:var(--pf-v5-c-form__section--MarginTop) } .pf-v5-c-form__section-title { font-size:var(--pf-v5-c-form__section-title--FontSize); font-weight:var(--pf-v5-c-form__section-title--FontWeight); margin-block-end:var(--pf-v5-c-form__section-title--MarginBottom) } .pf-v5-c-form__group-label { --pf-v5-c-form__helper-text--MarginTop:0; padding-block-end:var(--pf-v5-c-form__group-label--PaddingBottom) } .pf-v5-c-form__group-label.pf-m-info { gap:var(--pf-v5-c-form__group-label--m-info--Gap); align-items:flex-end; display:flex } .pf-v5-c-form__group-label-main { flex-grow:1 } .pf-v5-c-form__group-label-info { font-size:var(--pf-v5-c-form__group-label-info--FontSize) } .pf-v5-c-form__label { font-size:var(--pf-v5-c-form__label--FontSize); line-height:var(--pf-v5-c-form__label--LineHeight) } .pf-v5-c-form__label::selection { background-color:none } .pf-v5-c-form__label:not(.pf-m-disabled):hover { cursor:var(--pf-v5-c-form__label--hover--Cursor) } .pf-v5-c-form__label.pf-m-disabled { color:var(--pf-v5-c-form__label--m-disabled--Color) } .pf-v5-c-form__label.pf-m-disabled:hover { cursor:var(--pf-v5-c-form__label--m-disabled--hover--Cursor) } .pf-v5-c-form__label-text { font-weight:var(--pf-v5-c-form__label-text--FontWeight) } .pf-v5-c-form__label-required { font-size:var(--pf-v5-c-form__label-required--FontSize); color:var(--pf-v5-c-form__label-required--Color); margin-inline-start:var(--pf-v5-c-form__label-required--MarginLeft) } .pf-v5-c-form__group-label-help { font-size:var(--pf-v5-c-form__group-label-help--FontSize); color:var(--pf-v5-c-form__group-label-help--Color); cursor:pointer; background-color:var(--pf-v5-c-form__group-label-help--BackgroundColor); transform:translateY(var(--pf-v5-c-form__group-label-help--TranslateY)); border:0; margin-block-start:var(--pf-v5-c-form__group-label-help--MarginTop); margin-block-end:var(--pf-v5-c-form__group-label-help--MarginBottom); margin-inline-start:var(--pf-v5-c-form__group-label-help--MarginLeft); margin-inline-end:var(--pf-v5-c-form__group-label-help--MarginRight); padding-block-start:var(--pf-v5-c-form__group-label-help--PaddingTop); padding-block-end:var(--pf-v5-c-form__group-label-help--PaddingBottom); padding-inline-start:var(--pf-v5-c-form__group-label-help--PaddingLeft); padding-inline-end:var(--pf-v5-c-form__group-label-help--PaddingRight); line-height:1 } .pf-v5-c-form__group-label-help:hover { --pf-v5-c-form__group-label-help--Color:var(--pf-v5-c-form__group-label-help--hover--Color) } .pf-v5-c-form__group-label-help:focus-within { --pf-v5-c-form__group-label-help--Color:var(--pf-v5-c-form__group-label-help--focus--Color) } .pf-v5-c-form__group-control { min-width:0 } .pf-v5-c-form__group-control.pf-m-inline { flex-flow:wrap; display:flex } .pf-v5-c-form__group-control.pf-m-inline>* { margin-inline-end:var(--pf-v5-c-form__group-control--m-inline--child--MarginRight) } .pf-v5-c-form__group-control.pf-m-inline>:last-child { --pf-v5-c-form__group-control--m-inline--child--MarginRight:0 } .pf-v5-c-form__group-control.pf-m-stack { --pf-v5-c-form__helper-text--MarginTop:var(--pf-v5-c-form__group-control--m-stack__helper-text--MarginTop); gap:var(--pf-v5-c-form__group-control--m-stack--Gap); display:grid } .pf-v5-c-form__group-control .pf-v5-c-form__helper-text:first-child { --pf-v5-c-form__helper-text--MarginTop:0; margin-block-end:var(--pf-v5-c-form__group-control__helper-text--MarginBottom) } .pf-v5-c-form__helper-text { font-size:var(--pf-v5-c-form__helper-text--FontSize); color:var(--pf-v5-c-form__helper-text--Color); margin-block-start:var(--pf-v5-c-form__helper-text--MarginTop) } .pf-v5-c-form__helper-text.pf-m-error { --pf-v5-c-form__helper-text--Color:var(--pf-v5-c-form__helper-text--m-error--Color) } .pf-v5-c-form__helper-text.pf-m-success { --pf-v5-c-form__helper-text--Color:var(--pf-v5-c-form__helper-text--m-success--Color) } .pf-v5-c-form__helper-text.pf-m-warning { --pf-v5-c-form__helper-text--Color:var(--pf-v5-c-form__helper-text--m-warning--Color) } .pf-v5-c-form__helper-text.pf-m-inactive { display:none } .pf-v5-c-form__helper-text.pf-m-hidden { visibility:hidden; opacity:0 } .pf-v5-c-form__helper-text-icon { font-size:var(--pf-v5-c-form__helper-text-icon--FontSize); margin-inline-end:var(--pf-v5-c-form__helper-text-icon--MarginRight) } .pf-v5-c-form__fieldset { border:0 } .pf-v5-c-form__actions { flex-wrap:wrap; margin-block-start:var(--pf-v5-c-form__actions--MarginTop); margin-block-end:var(--pf-v5-c-form__actions--MarginBottom); margin-inline-start:var(--pf-v5-c-form__actions--MarginLeft); margin-inline-end:var(--pf-v5-c-form__actions--MarginRight); display:flex } .pf-v5-c-form__actions>* { margin-block-start:var(--pf-v5-c-form__actions--child--MarginTop); margin-block-end:var(--pf-v5-c-form__actions--child--MarginBottom); margin-inline-start:var(--pf-v5-c-form__actions--child--MarginLeft); margin-inline-end:var(--pf-v5-c-form__actions--child--MarginRight) } .pf-v5-c-form__field-group { --pf-v5-c-form__field-group--BorderTopWidth:var(--pf-v5-c-form__field-group--border-width-base); grid-template-columns:minmax(var(--pf-v5-c-form__field-group--GridTemplateColumns--toggle),max-content)1fr; border-block-start:var(--pf-v5-c-form__field-group--BorderTopWidth)solid var(--pf-v5-c-form__field-group--BorderTopColor); border-block-end:var(--pf-v5-c-form__field-group--BorderBottomWidth)solid var(--pf-v5-c-form__field-group--BorderBottomColor); display:grid } .pf-v5-c-form__field-group:last-child { --pf-v5-c-form__field-group--BorderBottomWidth:0 } .pf-v5-c-form__field-group+.pf-v5-c-form__field-group, .pf-v5-c-form__field-group:first-child { --pf-v5-c-form__field-group--BorderTopWidth:0 } .pf-v5-c-form__field-group+.pf-v5-c-form__field-group { margin-block-start:var(--pf-v5-c-form__field-group--field-group--MarginTop) } .pf-v5-c-form__field-group .pf-v5-c-form__field-group { --pf-v5-c-form__field-group-body--GridColumn:var(--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn); --pf-v5-c-form__field-group-toggle--PaddingTop:var(--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop); --pf-v5-c-form__field-group-header--PaddingTop:var(--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop); --pf-v5-c-form__field-group-header--PaddingBottom:var(--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom); --pf-v5-c-form__field-group-body--PaddingTop:0 } .pf-v5-c-form__field-group .pf-v5-c-form__field-group .pf-v5-c-form__field-group-toggle~.pf-v5-c-form__field-group-body { --pf-v5-c-form__field-group-body--GridColumn:var(--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn) } .pf-v5-c-form__field-group.pf-m-expanded>.pf-v5-c-form__field-group-toggle { --pf-v5-c-form__field-group-toggle-icon--Rotate:var(--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate) } .pf-v5-c-form__field-group-toggle { grid-area:1/1/2/2; padding-block-start:var(--pf-v5-c-form__field-group-toggle--PaddingTop); padding-inline-end:var(--pf-v5-c-form__field-group-toggle--PaddingRight) } .pf-v5-c-form__field-group-toggle+.pf-v5-c-form__field-group-header { --pf-v5-c-form__field-group-header--GridColumn:var(--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn) } .pf-v5-c-form__field-group-toggle-button { margin-block-start:var(--pf-v5-c-form__field-group-toggle-button--MarginTop); margin-block-end:var(--pf-v5-c-form__field-group-toggle-button--MarginBottom) } .pf-v5-c-form__field-group-toggle-icon { min-width:var(--pf-v5-c-form__field-group-toggle-icon--MinWidth); text-align:center; transition:var(--pf-v5-c-form__field-group-toggle-icon--Transition); transform:rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate)); display:inline-block } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon { scale:-1 1 } .pf-v5-c-form__field-group-header { grid-row:1/2; grid-column:var(--pf-v5-c-form__field-group-header--GridColumn); align-items:flex-start; padding-block-start:var(--pf-v5-c-form__field-group-header--PaddingTop); padding-block-end:var(--pf-v5-c-form__field-group-header--PaddingBottom); display:flex } .pf-v5-c-form__field-group-header-main { flex-direction:column; flex-grow:1; display:flex } .pf-v5-c-form__field-group-header-title { display:flex } .pf-v5-c-form__field-group-header-title-text { flex-grow:1 } .pf-v5-c-form__field-group-header-description { color:var(--pf-v5-c-form__field-group-header-description--Color); margin-block-start:var(--pf-v5-c-form__field-group-header-description--MarginTop) } .pf-v5-c-form__field-group-header-actions { white-space:nowrap; margin-block-start:var(--pf-v5-c-form__field-group-header-actions--MarginTop); margin-block-end:var(--pf-v5-c-form__field-group-header-actions--MarginBottom); margin-inline-start:var(--pf-v5-c-form__field-group-header-actions--MarginLeft) } .pf-v5-c-form__field-group-body { grid-column:var(--pf-v5-c-form__field-group-body--GridColumn); gap:var(--pf-v5-c-form__field-group-body--Gap); padding-block-start:var(--pf-v5-c-form__field-group-body--PaddingTop); padding-block-end:var(--pf-v5-c-form__field-group-body--PaddingBottom); display:grid } .pf-v5-c-form__field-group-body>.pf-v5-c-form__field-group:first-child { --pf-v5-c-form__field-group-toggle--PaddingTop:0; --pf-v5-c-form__field-group-header--PaddingTop:0 } .pf-v5-c-form__field-group-body>.pf-v5-c-form__field-group:last-child { margin-block-end:var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom) } :where(.pf-v5-theme-dark) .pf-v5-c-form { --pf-v5-c-form__helper-text--m-success--Color:var(--pf-v5-global--success-color--100) } .pf-v5-c-panel { --pf-v5-c-panel--Width:auto; --pf-v5-c-panel--MinWidth:auto; --pf-v5-c-panel--MaxWidth:none; --pf-v5-c-panel--ZIndex:auto; --pf-v5-c-panel--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-panel--BoxShadow:none; --pf-v5-c-panel--before--BorderWidth:0; --pf-v5-c-panel--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-panel--m-bordered--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-panel--m-raised--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-panel--m-raised--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-panel--m-raised--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-panel__header--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__header--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__header--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__header--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__main--MaxHeight:none; --pf-v5-c-panel__main--Overflow:visible; --pf-v5-c-panel__main-body--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__main-body--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__main-body--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__main-body--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__footer--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__footer--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__footer--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__footer--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-panel__footer--BoxShadow:none; --pf-v5-c-panel--m-scrollable__main--MaxHeight:18.75rem; --pf-v5-c-panel--m-scrollable__main--Overflow:auto; --pf-v5-c-panel--m-scrollable__footer--BoxShadow:0 -.3125rem .25rem -.25rem #03030329; z-index:var(--pf-v5-c-panel--ZIndex); width:var(--pf-v5-c-panel--Width); min-width:var(--pf-v5-c-panel--MinWidth); max-width:var(--pf-v5-c-panel--MaxWidth); background-color:var(--pf-v5-c-panel--BackgroundColor); box-shadow:var(--pf-v5-c-panel--BoxShadow); position:relative } .pf-v5-c-panel:before { pointer-events:none; content:""; border:var(--pf-v5-c-panel--before--BorderWidth)solid var(--pf-v5-c-panel--before--BorderColor); position:absolute; inset:0 } .pf-v5-c-panel.pf-m-bordered { --pf-v5-c-panel--before--BorderWidth:var(--pf-v5-c-panel--m-bordered--before--BorderWidth) } .pf-v5-c-panel.pf-m-raised { --pf-v5-c-panel--BackgroundColor:var(--pf-v5-c-panel--m-raised--BackgroundColor); --pf-v5-c-panel--BoxShadow:var(--pf-v5-c-panel--m-raised--BoxShadow); --pf-v5-c-panel--ZIndex:var(--pf-v5-c-panel--m-raised--ZIndex) } .pf-v5-c-panel.pf-m-scrollable { --pf-v5-c-panel__main--MaxHeight:var(--pf-v5-c-panel--m-scrollable__main--MaxHeight); --pf-v5-c-panel__main--Overflow:var(--pf-v5-c-panel--m-scrollable__main--Overflow); --pf-v5-c-panel__footer--BoxShadow:var(--pf-v5-c-panel--m-scrollable__footer--BoxShadow) } .pf-v5-c-panel__header { padding-block-start:var(--pf-v5-c-panel__header--PaddingTop); padding-block-end:var(--pf-v5-c-panel__header--PaddingBottom); padding-inline-start:var(--pf-v5-c-panel__header--PaddingLeft); padding-inline-end:var(--pf-v5-c-panel__header--PaddingRight) } .pf-v5-c-panel__main { max-height:var(--pf-v5-c-panel__main--MaxHeight); overflow:var(--pf-v5-c-panel__main--Overflow) } .pf-v5-c-panel__main-body { padding-block-start:var(--pf-v5-c-panel__main-body--PaddingTop); padding-block-end:var(--pf-v5-c-panel__main-body--PaddingBottom); padding-inline-start:var(--pf-v5-c-panel__main-body--PaddingLeft); padding-inline-end:var(--pf-v5-c-panel__main-body--PaddingRight) } .pf-v5-c-panel__footer { box-shadow:var(--pf-v5-c-panel__footer--BoxShadow); padding-block-start:var(--pf-v5-c-panel__footer--PaddingTop); padding-block-end:var(--pf-v5-c-panel__footer--PaddingBottom); padding-inline-start:var(--pf-v5-c-panel__footer--PaddingLeft); padding-inline-end:var(--pf-v5-c-panel__footer--PaddingRight) } :where(.pf-v5-theme-dark) .pf-v5-c-panel { --pf-v5-c-panel--m-raised--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } .pf-v5-c-text-input-group { --pf-v5-c-text-input-group--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-text-input-group__text--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-text-input-group__text--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-text-input-group__text--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-text-input-group__text--after--BorderBottomColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-text-input-group--hover__text--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-text-input-group__main--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group__main--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group--c-chip-group__main--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group--c-chip-group__main--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group__text-input--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-text-input-group__text-input--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group__text-input--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-text-input-group__text-input--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group__text-input--MinWidth:12ch; --pf-v5-c-text-input-group__text-input--m-hint--Color:var(--pf-v5-global--Color--200); --pf-v5-c-text-input-group__text-input--placeholder--Color:var(--pf-v5-global--Color--200); --pf-v5-c-text-input-group__text-input--BackgroundColor:transparent; --pf-v5-c-text-input-group__icon--Left:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group__icon--Color:var(--pf-v5-global--icon--Color--dark); --pf-v5-c-text-input-group__icon--TranslateY:-50%; --pf-v5-c-text-input-group__utilities--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-text-input-group__utilities--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group__utilities--child--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group__utilities--c-button--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group__utilities--c-button--PaddingLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-text-input-group--m-disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-text-input-group--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--300); width:100%; color:var(--pf-v5-c-text-input-group--Color,inherit); background-color:var(--pf-v5-c-text-input-group--BackgroundColor); display:flex; position:relative } .pf-v5-c-text-input-group:hover { --pf-v5-c-text-input-group__text--after--BorderBottomColor:var(--pf-v5-c-text-input-group--hover__text--after--BorderBottomColor) } .pf-v5-c-text-input-group.pf-m-disabled { --pf-v5-c-text-input-group__text--before--BorderWidth:0; --pf-v5-c-text-input-group__text--after--BorderBottomWidth:0; --pf-v5-c-text-input-group--Color:var(--pf-v5-c-text-input-group--m-disabled--Color); --pf-v5-c-text-input-group__icon--Color:var(--pf-v5-c-text-input-group--m-disabled--Color); --pf-v5-c-text-input-group--BackgroundColor:var(--pf-v5-c-text-input-group--m-disabled--BackgroundColor); pointer-events:none } .pf-v5-c-text-input-group.pf-m-plain { --pf-v5-c-text-input-group--BackgroundColor:transparent } .pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text:before, .pf-v5-c-text-input-group.pf-m-plain .pf-v5-c-text-input-group__text:after { border:0 } .pf-v5-c-text-input-group__main { gap:var(--pf-v5-c-text-input-group__main--RowGap)var(--pf-v5-c-text-input-group__main--ColumnGap); flex-wrap:wrap; flex:1; min-width:0; display:flex } .pf-v5-c-text-input-group__main.pf-m-icon { --pf-v5-c-text-input-group__text-input--PaddingLeft:var(--pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft) } .pf-v5-c-text-input-group__main>:first-child:not(.pf-v5-c-text-input-group__text) { margin-inline-start:var(--pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft) } .pf-v5-c-text-input-group__main .pf-v5-c-chip-group__main { padding-block-start:var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingTop); padding-block-end:var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom); padding-inline-end:var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingRight) } .pf-v5-c-text-input-group__text { flex:1; grid-template-columns:1fr; grid-template-areas:"text-input"; display:inline-grid } .pf-v5-c-text-input-group__text:before, .pf-v5-c-text-input-group__text:after { pointer-events:none; content:""; position:absolute; inset:0 } .pf-v5-c-text-input-group__text:before { border:var(--pf-v5-c-text-input-group__text--before--BorderWidth)solid var(--pf-v5-c-text-input-group__text--before--BorderColor) } .pf-v5-c-text-input-group__text:after { border-block-end:var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth)solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor) } .pf-v5-c-text-input-group__text:focus-within { --pf-v5-c-text-input-group__text--after--BorderBottomWidth:var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth); --pf-v5-c-text-input-group__text--after--BorderBottomColor:var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor) } .pf-v5-c-text-input-group__icon { color:var(--pf-v5-c-text-input-group__icon--Color); transform:translateY(var(--pf-v5-c-text-input-group__icon--TranslateY)); position:absolute; inset-block-start:50%; inset-inline-start:var(--pf-v5-c-text-input-group__icon--Left) } .pf-v5-c-text-input-group__text-input { text-overflow:ellipsis; white-space:nowrap; width:100%; min-width:var(--pf-v5-c-text-input-group__text-input--MinWidth); background-color:var(--pf-v5-c-text-input-group__text-input--BackgroundColor); border:0; padding-block-start:var(--pf-v5-c-text-input-group__text-input--PaddingTop); padding-block-end:var(--pf-v5-c-text-input-group__text-input--PaddingBottom); padding-inline-start:var(--pf-v5-c-text-input-group__text-input--PaddingLeft); padding-inline-end:var(--pf-v5-c-text-input-group__text-input--PaddingRight); position:relative; overflow:hidden } .pf-v5-c-text-input-group__text-input, .pf-v5-c-text-input-group__text-input.pf-m-hint { grid-area:text-input } .pf-v5-c-text-input-group__text-input.pf-m-hint { color:var(--pf-v5-c-text-input-group__text-input--m-hint--Color) } .pf-v5-c-text-input-group__text-input::placeholder { color:var(--pf-v5-c-text-input-group__text-input--placeholder--Color) } .pf-v5-c-text-input-group__utilities { align-items:center; margin-inline-start:var(--pf-v5-c-text-input-group__utilities--MarginLeft); margin-inline-end:var(--pf-v5-c-text-input-group__utilities--MarginRight); display:flex } .pf-v5-c-text-input-group__utilities>*+* { margin-inline-start:var(--pf-v5-c-text-input-group__utilities--child--MarginLeft) } .pf-v5-c-text-input-group__utilities .pf-v5-c-button { --pf-v5-c-button--PaddingRight:var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft) } .pf-v5-c-text-input-group__group { display:flex } :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group { --pf-v5-c-text-input-group--BackgroundColor:var(--pf-v5-global--BackgroundColor--400); --pf-v5-c-text-input-group--m-disabled--Color:var(--pf-v5-global--disabled-color--300); --pf-v5-c-text-input-group--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-text-input-group__text--before--BorderWidth:0; --pf-v5-c-text-input-group__text--after--BorderBottomColor:var(--pf-v5-global--BorderColor--400) } .pf-v5-c-empty-state { --pf-v5-c-empty-state--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--PaddingLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--m-xs--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state--m-xs--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state--m-xs--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state--m-xs--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state__content--MaxWidth:none; --pf-v5-c-empty-state--m-xs__content--MaxWidth:21.875rem; --pf-v5-c-empty-state--m-sm__content--MaxWidth:25rem; --pf-v5-c-empty-state--m-lg__content--MaxWidth:37.5rem; --pf-v5-c-empty-state__icon--MarginBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-empty-state__icon--FontSize:var(--pf-v5-global--icon--FontSize--xl); --pf-v5-c-empty-state__icon--Color:var(--pf-v5-global--icon--Color--light); --pf-v5-c-empty-state--m-xs__icon--MarginBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state--m-xl__icon--MarginBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--m-xl__icon--FontSize:6.25rem; --pf-v5-c-empty-state__title-text--FontFamily:var(--pf-v5-global--FontFamily--heading); --pf-v5-c-empty-state__title-text--FontSize:var(--pf-v5-global--FontSize--xl); --pf-v5-c-empty-state__title-text--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-empty-state__title-text--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-empty-state--m-xs__title-text--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-empty-state--m-xl__title-text--FontSize:var(--pf-v5-global--FontSize--4xl); --pf-v5-c-empty-state--m-xl__title-text--LineHeight:var(--pf-v5-global--LineHeight--sm); --pf-v5-c-empty-state__body--MarginTop:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state__body--Color:var(--pf-v5-global--Color--200); --pf-v5-c-empty-state--body--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-empty-state--m-xs__body--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-empty-state--m-xs__body--MarginTop:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state--m-xl__body--FontSize:var(--pf-v5-global--FontSize--xl); --pf-v5-c-empty-state--m-xl__body--MarginTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-empty-state__footer--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-empty-state__footer--MarginTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-empty-state--m-xs__footer--MarginTop:var(--pf-v5-global--spacer--md); --pf-v5-c-empty-state__actions--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-empty-state__actions--ColumnGap:var(--pf-v5-global--spacer--xs); text-align:center; justify-content:center; align-items:center; padding-block-start:var(--pf-v5-c-empty-state--PaddingTop); padding-block-end:var(--pf-v5-c-empty-state--PaddingBottom); padding-inline-start:var(--pf-v5-c-empty-state--PaddingLeft); padding-inline-end:var(--pf-v5-c-empty-state--PaddingRight); display:flex } .pf-v5-c-empty-state.pf-m-xs { --pf-v5-c-empty-state--PaddingTop:var(--pf-v5-c-empty-state--m-xs--PaddingTop); --pf-v5-c-empty-state--PaddingRight:var(--pf-v5-c-empty-state--m-xs--PaddingRight); --pf-v5-c-empty-state--PaddingBottom:var(--pf-v5-c-empty-state--m-xs--PaddingBottom); --pf-v5-c-empty-state--PaddingLeft:var(--pf-v5-c-empty-state--m-xs--PaddingLeft); --pf-v5-c-empty-state__title-text--FontSize:var(--pf-v5-c-empty-state--m-xs__title-text--FontSize); --pf-v5-c-empty-state__content--MaxWidth:var(--pf-v5-c-empty-state--m-xs__content--MaxWidth); --pf-v5-c-empty-state__icon--MarginBottom:var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom); --pf-v5-c-empty-state__body--MarginTop:var(--pf-v5-c-empty-state--m-xs__body--MarginTop); --pf-v5-c-empty-state--body--FontSize:var(--pf-v5-c-empty-state--m-xs__body--FontSize); --pf-v5-c-empty-state__footer--MarginTop:var(--pf-v5-c-empty-state--m-xs__footer--MarginTop) } .pf-v5-c-empty-state.pf-m-sm { --pf-v5-c-empty-state__content--MaxWidth:var(--pf-v5-c-empty-state--m-sm__content--MaxWidth) } .pf-v5-c-empty-state.pf-m-lg { --pf-v5-c-empty-state__content--MaxWidth:var(--pf-v5-c-empty-state--m-lg__content--MaxWidth) } .pf-v5-c-empty-state.pf-m-xl { --pf-v5-c-empty-state__body--MarginTop:var(--pf-v5-c-empty-state--m-xl__body--MarginTop); --pf-v5-c-empty-state--body--FontSize:var(--pf-v5-c-empty-state--m-xl__body--FontSize); --pf-v5-c-empty-state__icon--MarginBottom:var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom); --pf-v5-c-empty-state__icon--FontSize:var(--pf-v5-c-empty-state--m-xl__icon--FontSize); --pf-v5-c-empty-state__title-text--FontSize:var(--pf-v5-c-empty-state--m-xl__title-text--FontSize); --pf-v5-c-empty-state__title-text--LineHeight:var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight) } .pf-v5-c-empty-state.pf-m-full-height { height:100% } .pf-v5-c-empty-state__content { max-width:var(--pf-v5-c-empty-state__content--MaxWidth) } .pf-v5-c-empty-state__icon { font-size:var(--pf-v5-c-empty-state__icon--FontSize); color:var(--pf-v5-c-empty-state__icon--Color); margin-block-end:var(--pf-v5-c-empty-state__icon--MarginBottom); line-height:1 } .pf-v5-c-empty-state__title-text { font-family:var(--pf-v5-c-empty-state__title-text--FontFamily); font-size:var(--pf-v5-c-empty-state__title-text--FontSize); font-weight:var(--pf-v5-c-empty-state__title-text--FontWeight); line-height:var(--pf-v5-c-empty-state__title-text--LineHeight) } .pf-v5-c-empty-state__body { font-size:var(--pf-v5-c-empty-state--body--FontSize); color:var(--pf-v5-c-empty-state__body--Color); margin-block-start:var(--pf-v5-c-empty-state__body--MarginTop) } .pf-v5-c-empty-state__footer { row-gap:var(--pf-v5-c-empty-state__footer--RowGap); flex-direction:column; align-items:center; margin-block-start:var(--pf-v5-c-empty-state__footer--MarginTop); display:flex } .pf-v5-c-empty-state__actions { gap:var(--pf-v5-c-empty-state__actions--RowGap)var(--pf-v5-c-empty-state__actions--ColumnGap); flex-wrap:wrap; justify-content:center; display:flex } .pf-v5-c-file-upload { --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-file-upload--m-loading__file-details--before--Left:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-file-upload--m-loading__file-details--before--Right:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-file-upload--m-loading__file-details--before--Bottom:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-file-upload--m-drag-hover--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-file-upload--m-drag-hover--before--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-file-upload--m-drag-hover--after--Opacity:.1; --pf-v5-c-file-upload__file-details__c-form-control--MinHeight:calc(var(--pf-v5-global--spacer--3xl)*2); --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); flex-direction:column; display:flex; position:relative } .pf-v5-c-file-upload.pf-m-drag-hover:before { z-index:var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex); content:""; border:var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth)solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor); position:absolute; inset:0 } .pf-v5-c-file-upload.pf-m-drag-hover:after { content:""; background-color:var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor); opacity:var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity); position:absolute; inset:0 } .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details { position:relative } .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details:before { content:""; background-color:var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor); position:absolute; inset-block-start:0; inset-block-end:var(--pf-v5-c-file-upload--m-loading__file-details--before--Left); inset-inline-start:var(--pf-v5-c-file-upload--m-loading__file-details--before--Left); inset-inline-end:var(--pf-v5-c-file-upload--m-loading__file-details--before--Left) } .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control { outline-offset:var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset) } .pf-v5-c-file-upload__file-details { display:flex; position:relative } .pf-v5-c-file-upload__file-details .pf-v5-c-form-control { min-height:var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight); border-block-start:0; flex:auto } .pf-v5-c-file-upload__file-details-spinner { position:absolute; inset-block-start:50%; inset-inline-start:50%; transform:translate(-50%,-50%) } .pf-v5-c-jump-links { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__list--PaddingTop:0; --pf-v5-c-jump-links__list--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__list--PaddingBottom:0; --pf-v5-c-jump-links__list--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links--m-vertical__list--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links--m-vertical__list--PaddingRight:0; --pf-v5-c-jump-links--m-vertical__list--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links--m-vertical__list--PaddingLeft:0; --pf-v5-c-jump-links__list--FlexDirection:row; --pf-v5-c-jump-links--m-vertical__list--FlexDirection:column; --pf-v5-c-jump-links__list--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-jump-links__list--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-jump-links__list--before--BorderRightWidth:0; --pf-v5-c-jump-links__list--before--BorderBottomWidth:0; --pf-v5-c-jump-links__list--before--BorderLeftWidth:0; --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth:0; --pf-v5-c-jump-links__list__list--MarginTop:calc(var(--pf-v5-global--spacer--sm)*-1); --pf-v5-c-jump-links__link--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__link--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__list__list__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-jump-links__list__list__link--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-jump-links__list__list__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-jump-links__link--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--sm)); --pf-v5-c-jump-links__link--before--BorderTopWidth:0; --pf-v5-c-jump-links__link--before--BorderRightWidth:0; --pf-v5-c-jump-links__link--before--BorderBottomWidth:0; --pf-v5-c-jump-links__link--before--BorderLeftWidth:0; --pf-v5-c-jump-links__link--before--BorderColor:transparent; --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth:0; --pf-v5-c-jump-links__item--m-current__link--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth:0; --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-jump-links__link-text--Color:var(--pf-v5-global--Color--200); --pf-v5-c-jump-links__link--hover__link-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-jump-links__link--focus__link-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-jump-links__item--m-current__link-text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-jump-links__label--MarginBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__label--Display:block; --pf-v5-c-jump-links__toggle--MarginTop:calc(-1*var(--pf-v5-global--spacer--form-element)); --pf-v5-c-jump-links__toggle--MarginBottom--base:calc(-1*var(--pf-v5-global--spacer--form-element)); --pf-v5-c-jump-links__toggle--MarginBottom:var(--pf-v5-c-jump-links__toggle--MarginBottom--base); --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom:calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md)); --pf-v5-c-jump-links__toggle--MarginLeft:calc(-1*var(--pf-v5-global--spacer--md)); --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__toggle-icon--Color:currentcolor; --pf-v5-c-jump-links__toggle-icon--Transition:var(--pf-v5-global--Transition); --pf-v5-c-jump-links__toggle-icon--Rotate:0; --pf-v5-c-jump-links--m-expanded__toggle-icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate:90deg; --pf-v5-c-jump-links__toggle-text--MarginLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-jump-links__toggle-text--Color:var(--pf-v5-global--Color--100); display:flex } .pf-v5-c-jump-links.pf-m-center { justify-content:center } .pf-v5-c-jump-links.pf-m-center .pf-v5-c-jump-links__main { align-items:center } .pf-v5-c-jump-links.pf-m-vertical, .pf-v5-c-jump-links.pf-m-expandable { --pf-v5-c-jump-links__list--PaddingTop:var(--pf-v5-c-jump-links--m-vertical__list--PaddingTop); --pf-v5-c-jump-links__list--PaddingRight:var(--pf-v5-c-jump-links--m-vertical__list--PaddingRight); --pf-v5-c-jump-links__list--PaddingBottom:var(--pf-v5-c-jump-links--m-vertical__list--PaddingBottom); --pf-v5-c-jump-links__list--PaddingLeft:var(--pf-v5-c-jump-links--m-vertical__list--PaddingLeft); --pf-v5-c-jump-links__list--before--BorderTopWidth:var(--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth); --pf-v5-c-jump-links__list--before--BorderLeftWidth:var(--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth); --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth); --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth:var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth); --pf-v5-c-jump-links__list--FlexDirection:var(--pf-v5-c-jump-links--m-vertical__list--FlexDirection); flex-direction:column } .pf-v5-c-jump-links.pf-m-expandable { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } @media (width>=576px) { .pf-v5-c-jump-links.pf-m-expandable-on-sm { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable-on-sm { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } } @media (width>=768px) { .pf-v5-c-jump-links.pf-m-expandable-on-md { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable-on-md { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } } @media (width>=992px) { .pf-v5-c-jump-links.pf-m-expandable-on-lg { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable-on-lg { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } } @media (width>=1200px) { .pf-v5-c-jump-links.pf-m-expandable-on-xl { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable-on-xl { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } } @media (width>=1450px) { .pf-v5-c-jump-links.pf-m-expandable-on-2xl { --pf-v5-c-jump-links__list--Display:none; --pf-v5-c-jump-links__toggle--Display:block; --pf-v5-c-jump-links__label--Display:none } .pf-v5-c-jump-links.pf-m-non-expandable-on-2xl { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--Display:none; --pf-v5-c-jump-links__label--Display:block } } .pf-v5-c-jump-links.pf-m-expanded { --pf-v5-c-jump-links__list--Display:flex; --pf-v5-c-jump-links__toggle--MarginBottom:var(--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom); --pf-v5-c-jump-links__toggle-icon--Rotate:var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate); --pf-v5-c-jump-links__toggle-icon--Color:var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Color) } .pf-v5-c-jump-links__list { display:var(--pf-v5-c-jump-links__list--Display); flex-direction:var(--pf-v5-c-jump-links__list--FlexDirection); padding-block-start:var(--pf-v5-c-jump-links__list--PaddingTop); padding-block-end:var(--pf-v5-c-jump-links__list--PaddingBottom); padding-inline-start:var(--pf-v5-c-jump-links__list--PaddingLeft); padding-inline-end:var(--pf-v5-c-jump-links__list--PaddingRight); position:relative } .pf-v5-c-jump-links__list:before { pointer-events:none; content:""; border:solid var(--pf-v5-c-jump-links__list--before--BorderColor); border-block-start-width:var(--pf-v5-c-jump-links__list--before--BorderTopWidth); border-block-end-width:var(--pf-v5-c-jump-links__list--before--BorderBottomWidth); border-inline-start-width:var(--pf-v5-c-jump-links__list--before--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-jump-links__list--before--BorderRightWidth); position:absolute; inset:0 } .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list { --pf-v5-c-jump-links__list--PaddingTop:0; --pf-v5-c-jump-links__list--PaddingBottom:0; --pf-v5-c-jump-links__link--PaddingTop:var(--pf-v5-c-jump-links__list__list__link--PaddingTop); --pf-v5-c-jump-links__link--PaddingBottom:var(--pf-v5-c-jump-links__list__list__link--PaddingBottom); --pf-v5-c-jump-links__link--PaddingLeft:var(--pf-v5-c-jump-links__list__list__link--PaddingLeft); margin-block-start:var(--pf-v5-c-jump-links__list__list--MarginTop) } .pf-v5-c-jump-links__link { outline-offset:var(--pf-v5-c-jump-links__link--OutlineOffset); flex:1; padding-block-start:var(--pf-v5-c-jump-links__link--PaddingTop); padding-block-end:var(--pf-v5-c-jump-links__link--PaddingBottom); padding-inline-start:var(--pf-v5-c-jump-links__link--PaddingLeft); padding-inline-end:var(--pf-v5-c-jump-links__link--PaddingRight); text-decoration:none; display:flex; position:relative } .pf-v5-c-jump-links__link:hover { --pf-v5-c-jump-links__link-text--Color:var(--pf-v5-c-jump-links__link--hover__link-text--Color) } .pf-v5-c-jump-links__link:focus { --pf-v5-c-jump-links__link-text--Color:var(--pf-v5-c-jump-links__link--focus__link-text--Color) } .pf-v5-c-jump-links__link:before { pointer-events:none; content:""; border-color:var(--pf-v5-c-jump-links__link--before--BorderColor); border-style:solid; border-block-start-width:var(--pf-v5-c-jump-links__link--before--BorderTopWidth); border-block-end-width:var(--pf-v5-c-jump-links__link--before--BorderBottomWidth); border-inline-start-width:var(--pf-v5-c-jump-links__link--before--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-jump-links__link--before--BorderRightWidth); position:absolute; inset:0 } .pf-v5-c-jump-links__item { --pf-v5-c-jump-links__list--before--BorderColor:transparent } .pf-v5-c-jump-links__item.pf-m-current>.pf-v5-c-jump-links__link { --pf-v5-c-jump-links__link--before--BorderTopWidth:var(--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth); --pf-v5-c-jump-links__link--before--BorderLeftWidth:var(--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth); --pf-v5-c-jump-links__link--before--BorderColor:var(--pf-v5-c-jump-links__item--m-current__link--before--BorderColor); --pf-v5-c-jump-links__link-text--Color:var(--pf-v5-c-jump-links__item--m-current__link-text--Color) } .pf-v5-c-jump-links__link-text { color:var(--pf-v5-c-jump-links__link-text--Color) } .pf-v5-c-jump-links__label { display:var(--pf-v5-c-jump-links__label--Display); margin-block-end:var(--pf-v5-c-jump-links__label--MarginBottom) } .pf-v5-c-jump-links__main { flex-direction:column; display:flex } .pf-v5-c-jump-links__toggle { display:var(--pf-v5-c-jump-links__toggle--Display); margin-block-start:var(--pf-v5-c-jump-links__toggle--MarginTop); margin-block-end:var(--pf-v5-c-jump-links__toggle--MarginBottom); margin-inline-start:var(--pf-v5-c-jump-links__toggle--MarginLeft) } .pf-v5-c-jump-links__toggle .pf-v5-c-button { align-items:center; display:flex } .pf-v5-c-jump-links__toggle-icon { color:var(--pf-v5-c-jump-links__toggle-icon--Color); transition:var(--pf-v5-c-jump-links__toggle-icon--Transition); transform:rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate)); display:inline-block } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon { scale:-1 1 } .pf-v5-c-jump-links__toggle-text { color:var(--pf-v5-c-jump-links__toggle-text--Color); margin-inline-start:var(--pf-v5-c-jump-links__toggle-text--MarginLeft) } .pf-v5-c-sidebar { --pf-v5-c-sidebar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-sidebar--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-sidebar--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-sidebar--BorderWidth--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-sidebar--BorderColor--base:var(--pf-v5-global--BorderColor--100); --pf-v5-c-sidebar__panel--PaddingTop:0; --pf-v5-c-sidebar__panel--PaddingRight:0; --pf-v5-c-sidebar__panel--PaddingBottom:0; --pf-v5-c-sidebar__panel--PaddingLeft:0; --pf-v5-c-sidebar__panel--Order:-1; --pf-v5-c-sidebar__panel--m-padding--PaddingTop:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__panel--m-padding--PaddingRight:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__panel--m-padding--PaddingBottom:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__panel--m-padding--PaddingLeft:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__content--PaddingTop:0; --pf-v5-c-sidebar__content--PaddingRight:0; --pf-v5-c-sidebar__content--PaddingBottom:0; --pf-v5-c-sidebar__content--PaddingLeft:0; --pf-v5-c-sidebar__content--Order:1; --pf-v5-c-sidebar__content--m-padding--PaddingTop:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__content--m-padding--PaddingRight:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__content--m-padding--PaddingBottom:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__content--m-padding--PaddingLeft:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__main--FlexDirection:column; --pf-v5-c-sidebar__main--md--FlexDirection:row; --pf-v5-c-sidebar__main--AlignItems:stretch; --pf-v5-c-sidebar__main--md--AlignItems:flex-start; --pf-v5-c-sidebar__main--child--MarginTop:0; --pf-v5-c-sidebar--m-gutter__main--Gap:var(--pf-v5-c-sidebar--inset); --pf-v5-c-sidebar__main--m-border--before--Display:none; --pf-v5-c-sidebar__main--m-border--before--md--Display:block; --pf-v5-c-sidebar__main--m-border--before--BorderWidth:var(--pf-v5-c-sidebar--BorderWidth--base); --pf-v5-c-sidebar__main--m-border--before--BorderColor:var(--pf-v5-c-sidebar--BorderColor--base); --pf-v5-c-sidebar--m-panel-right__panel--Order:-1; --pf-v5-c-sidebar--m-panel-right__panel--md--Order:1; --pf-v5-c-sidebar--m-panel-right__content--md--Order:-1; --pf-v5-c-sidebar--m-stack__main--FlexDirection:column; --pf-v5-c-sidebar--m-stack__main--AlignItems:stretch; --pf-v5-c-sidebar--m-stack__panel--Position:sticky; --pf-v5-c-sidebar--m-stack__panel--Top:0; --pf-v5-c-sidebar--m-stack__panel--BoxShadow:var(--pf-v5-c-sidebar__panel--BoxShadow--base); --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order:-1; --pf-v5-c-sidebar--m-split__main--AlignItems:flex-start; --pf-v5-c-sidebar--m-split__main--FlexDirection:row; --pf-v5-c-sidebar--m-split__panel--Position:static; --pf-v5-c-sidebar--m-split__panel--Top:auto; --pf-v5-c-sidebar--m-split--m-panel-right__panel--Order:1; --pf-v5-c-sidebar--m-split__main--m-border--before--Display:block; --pf-v5-c-sidebar__panel--FlexBasis--base:auto; --pf-v5-c-sidebar__panel--BoxShadow--base:0 .25rem .25rem -.25rem #03030329; --pf-v5-c-sidebar__panel--BoxShadow:var(--pf-v5-c-sidebar__panel--BoxShadow--base); --pf-v5-c-sidebar__panel--Top:0; --pf-v5-c-sidebar__panel--md--Top:auto; --pf-v5-c-sidebar__panel--Position:sticky; --pf-v5-c-sidebar__panel--md--Position:static; --pf-v5-c-sidebar__panel--FlexBasis-base:auto; --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis-base); --pf-v5-c-sidebar__panel--md--FlexBasis:15.625rem; --pf-v5-c-sidebar__panel--m-split--FlexBasis:15.625rem; --pf-v5-c-sidebar__panel--m-stack--FlexBasis:auto; --pf-v5-c-sidebar__panel--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-sidebar__panel--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-sidebar__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-sidebar__panel--m-sticky--Top:0; --pf-v5-c-sidebar__panel--m-sticky--Position:sticky; height:100% } @media (width>=768px) { .pf-v5-c-sidebar { --pf-v5-c-sidebar__main--FlexDirection:var(--pf-v5-c-sidebar__main--md--FlexDirection); --pf-v5-c-sidebar__main--AlignItems:var(--pf-v5-c-sidebar__main--md--AlignItems); --pf-v5-c-sidebar__main--m-border--before--Display:var(--pf-v5-c-sidebar__main--m-border--before--md--Display); --pf-v5-c-sidebar__panel--BoxShadow:none; --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--md--FlexBasis); --pf-v5-c-sidebar__panel--Top:var(--pf-v5-c-sidebar__panel--md--Top); --pf-v5-c-sidebar__panel--Position:var(--pf-v5-c-sidebar__panel--md--Position) } } @media (width>=1200px) { .pf-v5-c-sidebar { --pf-v5-c-sidebar--inset:var(--pf-v5-c-sidebar--xl--inset) } } .pf-v5-c-sidebar.pf-m-gutter>.pf-v5-c-sidebar__main { gap:var(--pf-v5-c-sidebar--m-gutter__main--Gap) } .pf-v5-c-sidebar.pf-m-panel-right { --pf-v5-c-sidebar__panel--Order:var(--pf-v5-c-sidebar--m-panel-right__panel--Order); --pf-v5-c-sidebar__content--Order:var(--pf-v5-c-sidebar--m-panel-right__content--Order) } @media (width>=768px) { .pf-v5-c-sidebar.pf-m-panel-right { --pf-v5-c-sidebar--m-panel-right__panel--Order:var(--pf-v5-c-sidebar--m-panel-right__panel--md--Order); --pf-v5-c-sidebar--m-panel-right__content--Order:var(--pf-v5-c-sidebar--m-panel-right__content--md--Order) } } .pf-v5-c-sidebar.pf-m-stack { --pf-v5-c-sidebar__main--FlexDirection:var(--pf-v5-c-sidebar--m-stack__main--FlexDirection); --pf-v5-c-sidebar__main--AlignItems:var(--pf-v5-c-sidebar--m-stack__main--AlignItems); --pf-v5-c-sidebar__panel--Position:var(--pf-v5-c-sidebar--m-stack__panel--Position); --pf-v5-c-sidebar__panel--Top:var(--pf-v5-c-sidebar--m-stack__panel--Top); --pf-v5-c-sidebar__panel--BoxShadow:var(--pf-v5-c-sidebar--m-stack__panel--BoxShadow); --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--m-stack--FlexBasis); --pf-v5-c-sidebar__main--m-border--before--Display:none; --pf-v5-c-sidebar--m-panel-right__panel--Order:var(--pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order) } .pf-v5-c-sidebar.pf-m-split { --pf-v5-c-sidebar__main--FlexDirection:var(--pf-v5-c-sidebar--m-split__main--FlexDirection); --pf-v5-c-sidebar__main--AlignItems:var(--pf-v5-c-sidebar--m-split__main--AlignItems); --pf-v5-c-sidebar__panel--Position:var(--pf-v5-c-sidebar--m-split__panel--Position); --pf-v5-c-sidebar__panel--Top:var(--pf-v5-c-sidebar--m-split__panel--Top); --pf-v5-c-sidebar__panel--BoxShadow:none; --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--m-split--FlexBasis); --pf-v5-c-sidebar__main--m-border--before--Display:var(--pf-v5-c-sidebar--m-split__main--m-border--before--Display); --pf-v5-c-sidebar--m-panel-right__panel--Order:var(--pf-v5-c-sidebar--m-split--m-panel-right__panel--Order) } .pf-v5-c-sidebar__main { flex-direction:var(--pf-v5-c-sidebar__main--FlexDirection); align-items:var(--pf-v5-c-sidebar__main--AlignItems); display:flex } .pf-v5-c-sidebar__main.pf-m-border:before { display:var(--pf-v5-c-sidebar__main--m-border--before--Display); flex:0 0 var(--pf-v5-c-sidebar__main--m-border--before--BorderWidth); content:""; background-color:var(--pf-v5-c-sidebar__main--m-border--before--BorderColor); align-self:stretch } .pf-v5-c-sidebar__panel { position:var(--pf-v5-c-sidebar__panel--Position); z-index:var(--pf-v5-c-sidebar__panel--ZIndex); flex-basis:var(--pf-v5-c-sidebar__panel--FlexBasis); flex-shrink:0; order:var(--pf-v5-c-sidebar__panel--Order); background-color:var(--pf-v5-c-sidebar__panel--BackgroundColor); box-shadow:var(--pf-v5-c-sidebar__panel--BoxShadow); padding-block-start:var(--pf-v5-c-sidebar__panel--PaddingTop); padding-block-end:var(--pf-v5-c-sidebar__panel--PaddingBottom); padding-inline-start:var(--pf-v5-c-sidebar__panel--PaddingLeft); padding-inline-end:var(--pf-v5-c-sidebar__panel--PaddingRight); inset-block-start:var(--pf-v5-c-sidebar__panel--Top) } .pf-v5-c-sidebar__panel.pf-m-padding { --pf-v5-c-sidebar__panel--PaddingTop:var(--pf-v5-c-sidebar__panel--m-padding--PaddingTop); --pf-v5-c-sidebar__panel--PaddingRight:var(--pf-v5-c-sidebar__panel--m-padding--PaddingRight); --pf-v5-c-sidebar__panel--PaddingBottom:var(--pf-v5-c-sidebar__panel--m-padding--PaddingBottom); --pf-v5-c-sidebar__panel--PaddingLeft:var(--pf-v5-c-sidebar__panel--m-padding--PaddingLeft) } .pf-v5-c-sidebar__panel.pf-m-sticky { --pf-v5-c-sidebar__panel--Position:var(--pf-v5-c-sidebar__panel--m-sticky--Position); --pf-v5-c-sidebar__panel--Top:var(--pf-v5-c-sidebar__panel--m-sticky--Top) } .pf-v5-c-sidebar__panel.pf-m-static { --pf-v5-c-sidebar__panel--Position:static; --pf-v5-c-sidebar__panel--Top:auto } .pf-v5-c-sidebar__content { flex-grow:1; order:var(--pf-v5-c-sidebar__content--Order); background-color:var(--pf-v5-c-sidebar__content--BackgroundColor); padding-block-start:var(--pf-v5-c-sidebar__content--PaddingTop); padding-block-end:var(--pf-v5-c-sidebar__content--PaddingBottom); padding-inline-start:var(--pf-v5-c-sidebar__content--PaddingLeft); padding-inline-end:var(--pf-v5-c-sidebar__content--PaddingRight) } .pf-v5-c-sidebar__content.pf-m-padding { --pf-v5-c-sidebar__content--PaddingTop:var(--pf-v5-c-sidebar__content--m-padding--PaddingTop); --pf-v5-c-sidebar__content--PaddingRight:var(--pf-v5-c-sidebar__content--m-padding--PaddingRight); --pf-v5-c-sidebar__content--PaddingBottom:var(--pf-v5-c-sidebar__content--m-padding--PaddingBottom); --pf-v5-c-sidebar__content--PaddingLeft:var(--pf-v5-c-sidebar__content--m-padding--PaddingTop) } .pf-v5-c-sidebar__content.pf-m-no-background { --pf-v5-c-sidebar__content--BackgroundColor:transparent } .pf-v5-c-sidebar__content+.pf-v5-c-sidebar__panel { --pf-v5-c-sidebar__panel--Order:1 } :where(.pf-v5-c-sidebar__content:first-child) { --pf-v5-c-sidebar__content--Order:-1 } .pf-v5-c-sidebar.pf-m-no-background, .pf-v5-c-sidebar__panel.pf-m-no-background, .pf-v5-c-sidebar__content.pf-m-no-background { background-color:#0000 } .pf-v5-c-sidebar__panel.pf-m-width-default { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25 { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33 { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50 { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66 { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75 { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100 { --pf-v5-c-sidebar__panel--FlexBasis:100% } @media (width>=576px) { .pf-v5-c-sidebar__panel.pf-m-width-default-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100-on-sm { --pf-v5-c-sidebar__panel--FlexBasis:100% } } @media (width>=768px) { .pf-v5-c-sidebar__panel.pf-m-width-default-on-md { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25-on-md { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33-on-md { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50-on-md { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66-on-md { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75-on-md { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100-on-md { --pf-v5-c-sidebar__panel--FlexBasis:100% } } @media (width>=992px) { .pf-v5-c-sidebar__panel.pf-m-width-default-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100-on-lg { --pf-v5-c-sidebar__panel--FlexBasis:100% } } @media (width>=1200px) { .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl { --pf-v5-c-sidebar__panel--FlexBasis:100% } } @media (width>=1450px) { .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:var(--pf-v5-c-sidebar__panel--FlexBasis--base) } .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:25% } .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:33% } .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:50% } .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:66% } .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:75% } .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl { --pf-v5-c-sidebar__panel--FlexBasis:100% } } .pf-v5-c-label { --pf-v5-c-label--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-label--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-label--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-label--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-label--MaxWidth:100%; --pf-v5-c-label--BorderRadius:var(--pf-v5-global--BorderRadius--lg); --pf-v5-c-label--BackgroundColor:var(--pf-v5-global--palette--black-150); --pf-v5-c-label--Color:var(--pf-v5-global--Color--100); --pf-v5-c-label--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-label--m-outline__content--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label__content--link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label__content--link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-blue--BackgroundColor:var(--pf-v5-global--palette--blue-50); --pf-v5-c-label--m-blue__icon--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-label--m-blue__content--Color:var(--pf-v5-global--info-color--200); --pf-v5-c-label--m-blue__content--before--BorderColor:var(--pf-v5-global--palette--blue-100); --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-label--m-outline--m-blue__content--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-green--BackgroundColor:var(--pf-v5-global--palette--green-50); --pf-v5-c-label--m-green__icon--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-label--m-green__content--Color:var(--pf-v5-global--success-color--200); --pf-v5-c-label--m-green__content--before--BorderColor:var(--pf-v5-global--palette--green-100); --pf-v5-c-label--m-green__content--link--hover--before--BorderColor:var(--pf-v5-global--success-color--100); --pf-v5-c-label--m-green__content--link--focus--before--BorderColor:var(--pf-v5-global--success-color--100); --pf-v5-c-label--m-outline--m-green__content--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-label--m-outline--m-green__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-orange--BackgroundColor:var(--pf-v5-global--palette--orange-50); --pf-v5-c-label--m-orange__icon--Color:var(--pf-v5-global--palette--orange-300); --pf-v5-c-label--m-orange__content--Color:var(--pf-v5-global--palette--orange-700); --pf-v5-c-label--m-orange__content--before--BorderColor:var(--pf-v5-global--palette--orange-100); --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--orange-300); --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--orange-300); --pf-v5-c-label--m-outline--m-orange__content--Color:var(--pf-v5-global--palette--orange-500); --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-red--BackgroundColor:var(--pf-v5-global--palette--red-50); --pf-v5-c-label--m-red__icon--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-red__content--Color:var(--pf-v5-global--palette--red-300); --pf-v5-c-label--m-red__content--before--BorderColor:var(--pf-v5-global--palette--red-100); --pf-v5-c-label--m-red__content--link--hover--before--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-red__content--link--focus--before--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-outline--m-red__content--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-outline--m-red__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-purple--BackgroundColor:var(--pf-v5-global--palette--purple-50); --pf-v5-c-label--m-purple__icon--Color:var(--pf-v5-global--palette--purple-500); --pf-v5-c-label--m-purple__content--Color:var(--pf-v5-global--palette--purple-700); --pf-v5-c-label--m-purple__content--before--BorderColor:var(--pf-v5-global--palette--purple-100); --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--purple-500); --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--purple-500); --pf-v5-c-label--m-outline--m-purple__content--Color:var(--pf-v5-global--palette--purple-500); --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-cyan--BackgroundColor:var(--pf-v5-global--palette--cyan-50); --pf-v5-c-label--m-cyan__icon--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-label--m-cyan__content--Color:var(--pf-v5-global--custom-color--300); --pf-v5-c-label--m-cyan__content--before--BorderColor:var(--pf-v5-global--palette--cyan-100); --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor:var(--pf-v5-global--custom-color--200); --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor:var(--pf-v5-global--custom-color--200); --pf-v5-c-label--m-outline--m-cyan__content--Color:var(--pf-v5-global--palette--cyan-400); --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-gold--BackgroundColor:var(--pf-v5-global--palette--gold-50); --pf-v5-c-label--m-gold__icon--Color:var(--pf-v5-global--palette--gold-400); --pf-v5-c-label--m-gold__content--Color:var(--pf-v5-global--palette--gold-700); --pf-v5-c-label--m-gold__content--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--gold-300); --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--gold-300); --pf-v5-c-label--m-outline--m-gold__content--Color:var(--pf-v5-global--palette--gold-600); --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-overflow__content--Color:var(--pf-v5-global--link--Color); --pf-v5-c-label--m-overflow__content--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-label--m-overflow__content--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-overflow__content--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-label--m-compact--PaddingTop:0; --pf-v5-c-label--m-compact--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-label--m-compact--PaddingBottom:0; --pf-v5-c-label--m-compact--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-label--m-compact--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset:.0625rem; --pf-v5-c-label__content--Color:var(--pf-v5-global--Color--100); --pf-v5-c-label__content--BackgroundColor:transparent; --pf-v5-c-label__content--MaxWidth:100%; --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-global--Color--100); --pf-v5-c-label--m-editable__content--MaxWidth:16ch; --pf-v5-c-label__text--MaxWidth:100%; --pf-v5-c-label__icon--Color:var(--pf-v5-global--Color--100); --pf-v5-c-label__icon--MarginRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-label__actions--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-label__actions--MarginRight:calc(var(--pf-v5-c-label__actions--c-button--PaddingRight)*-1); --pf-v5-c-label__actions--c-button--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-label__actions--c-button--MarginTop:calc(var(--pf-v5-c-label__actions--c-button--PaddingTop)*-1); --pf-v5-c-label__actions--c-button--MarginBottom:calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom)*-1); --pf-v5-c-label__actions--c-button--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-label__actions--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-label__actions--c-button--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-label__actions--c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-label--m-editable--Cursor:pointer; --pf-v5-c-label--m-editable--TextDecoration:underline; --pf-v5-c-label--m-editable--TextDecorationStyle:dashed; --pf-v5-c-label--m-editable--TextDecorationThickness:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-editable--TextDecorationOffset:.25rem; --pf-v5-c-label--m-editable--TextDecorationColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-label--m-editable--hover--TextDecorationColor:var(--pf-v5-global--Color--100); --pf-v5-c-label--m-editable--focus--TextDecorationColor:var(--pf-v5-global--Color--100); --pf-v5-c-label--m-editable__content--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-editable__content--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-editable__content--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-label--m-editable--m-editable-active--Cursor:auto; --pf-v5-c-label--m-editable--m-editable-active--TextDecoration:none; --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor:transparent; --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth:0; --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor:transparent; --pf-v5-c-label--m-disabled--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-label--m-disabled__content--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-label--m-disabled__icon--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-label--c-button--m-disabled--Color:var(--pf-v5-global--disabled-color--100); max-width:var(--pf-v5-c-label--MaxWidth); font-size:var(--pf-v5-c-label--FontSize); color:var(--pf-v5-c-label--Color); white-space:nowrap; background-color:var(--pf-v5-c-label--BackgroundColor); border-radius:var(--pf-v5-c-label--BorderRadius); border:0; padding-block-start:var(--pf-v5-c-label--PaddingTop); padding-block-end:var(--pf-v5-c-label--PaddingBottom); padding-inline-start:var(--pf-v5-c-label--PaddingLeft); padding-inline-end:var(--pf-v5-c-label--PaddingRight); position:relative } .pf-v5-c-label.pf-m-compact { --pf-v5-c-label--PaddingTop:var(--pf-v5-c-label--m-compact--PaddingTop); --pf-v5-c-label--PaddingRight:var(--pf-v5-c-label--m-compact--PaddingRight); --pf-v5-c-label--PaddingBottom:var(--pf-v5-c-label--m-compact--PaddingBottom); --pf-v5-c-label--PaddingLeft:var(--pf-v5-c-label--m-compact--PaddingLeft); --pf-v5-c-label--FontSize:var(--pf-v5-c-label--m-compact--FontSize); --pf-v5-c-label--m-editable--TextDecorationOffset:var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset) } .pf-v5-c-label.pf-m-blue { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-blue--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-blue__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-blue__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-blue__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-blue__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-blue__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-blue__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-blue__content--before--BorderColor) } .pf-v5-c-label.pf-m-green { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-green--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-green__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-green__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-green__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-green__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-green__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-green__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-green__content--before--BorderColor) } .pf-v5-c-label.pf-m-orange { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-orange--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-orange__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-orange__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-orange__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-orange__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-orange__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-orange__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-orange__content--before--BorderColor) } .pf-v5-c-label.pf-m-red { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-red--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-red__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-red__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-red__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-red__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-red__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-red__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-red__content--before--BorderColor) } .pf-v5-c-label.pf-m-purple { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-purple--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-purple__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-purple__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-purple__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-purple__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-purple__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-purple__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-purple__content--before--BorderColor) } .pf-v5-c-label.pf-m-cyan { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-cyan--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-cyan__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-cyan__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-cyan__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-cyan__content--before--BorderColor) } .pf-v5-c-label.pf-m-gold { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-gold--BackgroundColor); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-gold__icon--Color); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-gold__content--Color); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-gold__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--Color:var(--pf-v5-c-label--m-outline--m-gold__content--Color); --pf-v5-c-label--m-outline__content--before--BorderColor:var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor); --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-gold__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-gold__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-gold__content--before--BorderColor) } .pf-v5-c-label.pf-m-outline { --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-outline__content--Color); --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label--m-outline__content--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-outline__content--before--BorderColor); --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-outline--BackgroundColor); --pf-v5-c-label--m-editable__content--before--BorderColor:var(--pf-v5-c-label--m-outline__content--before--BorderColor); --pf-v5-c-label--m-editable__content--hover--before--BorderColor:var(--pf-v5-c-label--m-outline__content--before--BorderColor); --pf-v5-c-label--m-editable__content--focus--before--BorderColor:var(--pf-v5-c-label--m-outline__content--before--BorderColor) } .pf-v5-c-label.pf-m-overflow:hover, .pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover, .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover { --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor) } .pf-v5-c-label.pf-m-overflow:focus, .pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus, .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus { --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor) } .pf-v5-c-label.pf-m-editable { --pf-v5-c-label__content--MaxWidth:var(--pf-v5-c-label--m-editable__content--MaxWidth); --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label--m-editable__content--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-editable__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderWidth:var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderWidth:var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor); --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth:var(--pf-v5-c-label--m-editable__content--before--BorderWidth); --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth:var(--pf-v5-c-label--m-editable__content--before--BorderWidth); text-decoration:var(--pf-v5-c-label--m-editable--TextDecoration); text-decoration-thickness:var(--pf-v5-c-label--m-editable--TextDecorationThickness); text-decoration-style:var(--pf-v5-c-label--m-editable--TextDecorationStyle); text-decoration-color:var(--pf-v5-c-label--m-editable--TextDecorationColor); text-underline-offset:var(--pf-v5-c-label--m-editable--TextDecorationOffset); cursor:var(--pf-v5-c-label--m-editable--Cursor) } .pf-v5-c-label.pf-m-editable:hover { --pf-v5-c-label--m-editable--TextDecorationColor:var(--pf-v5-c-label--m-editable--hover--TextDecorationColor) } .pf-v5-c-label.pf-m-editable:focus { --pf-v5-c-label--m-editable--TextDecorationColor:var(--pf-v5-c-label--m-editable--focus--TextDecorationColor) } .pf-v5-c-label.pf-m-editable-active { --pf-v5-c-label--m-editable--Cursor:var(--pf-v5-c-label--m-editable--m-editable-active--Cursor); --pf-v5-c-label--m-editable--TextDecoration:var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration); --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor) } .pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add { --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-overflow__content--Color); --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-overflow__content--BackgroundColor); --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label--m-overflow__content--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label--m-overflow__content--before--BorderColor); --pf-v5-c-label__content--link--hover--before--BorderWidth:var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth); --pf-v5-c-label__content--link--hover--before--BorderColor:var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor); --pf-v5-c-label__content--link--focus--before--BorderWidth:var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth); --pf-v5-c-label__content--link--focus--before--BorderColor:var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor) } .pf-v5-c-label.pf-m-disabled { --pf-v5-c-label--BackgroundColor:var(--pf-v5-c-label--m-disabled--BackgroundColor); --pf-v5-c-label__content--Color:var(--pf-v5-c-label--m-disabled__content--Color); --pf-v5-c-label__icon--Color:var(--pf-v5-c-label--m-disabled__icon--Color); --pf-v5-c-label__content--before--BorderWidth:0; pointer-events:none } .pf-v5-c-label.pf-m-disabled .pf-v5-c-button { --pf-v5-c-button--m-plain--disabled--Color:var(--pf-v5-c-label--c-button--m-disabled--Color) } .pf-v5-c-label, .pf-v5-c-label__content { align-items:center; display:inline-flex } .pf-v5-c-label__text { text-overflow:ellipsis; white-space:nowrap; max-width:var(--pf-v5-c-label__text--MaxWidth); overflow:hidden } .pf-v5-c-label__content { max-width:var(--pf-v5-c-label__content--MaxWidth); color:var(--pf-v5-c-label__content--Color); background-color:var(--pf-v5-c-label__content--BackgroundColor); border-width:0; overflow:hidden } .pf-v5-c-label__content:before { pointer-events:none; content:""; border:var(--pf-v5-c-label__content--before--BorderWidth)solid var(--pf-v5-c-label__content--before--BorderColor); border-radius:var(--pf-v5-c-label--BorderRadius); position:absolute; inset:0 } input.pf-v5-c-label__content { text-overflow:ellipsis; white-space:nowrap; overflow:hidden } a.pf-v5-c-label__content, button.pf-v5-c-label__content { cursor:pointer; background-color:#0000; border:none; padding:0 } a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus, button.pf-v5-c-label__content, button.pf-v5-c-label__content:hover, button.pf-v5-c-label__content:focus { text-decoration:none } a.pf-v5-c-label__content:hover, button.pf-v5-c-label__content:hover { --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label__content--link--hover--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label__content--link--hover--before--BorderColor) } a.pf-v5-c-label__content:focus, button.pf-v5-c-label__content:focus { --pf-v5-c-label__content--before--BorderWidth:var(--pf-v5-c-label__content--link--focus--before--BorderWidth); --pf-v5-c-label__content--before--BorderColor:var(--pf-v5-c-label__content--link--focus--before--BorderColor) } .pf-v5-c-label__icon { color:var(--pf-v5-c-label__icon--Color); margin-inline-end:var(--pf-v5-c-label__icon--MarginRight) } .pf-v5-c-label__actions { font-size:var(--pf-v5-c-label__actions--FontSize); margin-inline-end:var(--pf-v5-c-label__actions--MarginRight) } .pf-v5-c-label__actions .pf-v5-c-button { --pf-v5-c-button--FontSize:var(--pf-v5-c-label__actions--c-button--FontSize); --pf-v5-c-button--PaddingTop:var(--pf-v5-c-label__actions--c-button--PaddingTop); --pf-v5-c-button--PaddingRight:var(--pf-v5-c-label__actions--c-button--PaddingRight); --pf-v5-c-button--PaddingBottom:var(--pf-v5-c-label__actions--c-button--PaddingBottom); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-label__actions--c-button--PaddingLeft); margin-block-start:var(--pf-v5-c-label__actions--c-button--MarginTop); margin-block-end:var(--pf-v5-c-label__actions--c-button--MarginBottom) } :where(.pf-v5-theme-dark) .pf-v5-c-label { --pf-v5-c-label--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-blue--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-green--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-orange--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-red--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-purple--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-cyan--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label--m-gold--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-label__content--before--BorderWidth:0; --pf-v5-c-label__content--before--BorderColor:transparent; --pf-v5-c-label__content--link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label__content--link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label--m-blue__content--Color:var(--pf-v5-global--primary-color--100); --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor:var(--pf-v5-global--active-color--200); --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor:var(--pf-v5-global--active-color--200); --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor:var(--pf-v5-global--active-color--200); --pf-v5-c-label--m-green__content--Color:var(--pf-v5-global--success-color--100); --pf-v5-c-label--m-outline--m-green__content--before--BorderColor:var(--pf-v5-global--palette--green-100); --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--green-100); --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--green-100); --pf-v5-c-label--m-orange__content--Color:var(--pf-v5-global--palette--orange-300); --pf-v5-c-label--m-outline--m-orange__content--Color:var(--pf-v5-global--palette--orange-300); --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-red__content--Color:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-outline--m-red__content--before--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor:var(--pf-v5-global--danger-color--100); --pf-v5-c-label--m-purple__content--Color:var(--pf-v5-global--palette--purple-300); --pf-v5-c-label--m-purple__icon--Color:var(--pf-v5-global--palette--purple-300); --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--purple-300); --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--purple-300); --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor:var(--pf-v5-global--palette--purple-100); --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--purple-100); --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--purple-100); --pf-v5-c-label--m-outline--m-purple__content--Color:var(--pf-v5-global--palette--purple-300); --pf-v5-c-label--m-cyan__content--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-label--m-outline--m-cyan__content--Color:var(--pf-v5-global--custom-color--200); --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor:var(--pf-v5-global--palette--cyan-100); --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--cyan-100); --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--cyan-100); --pf-v5-c-label--m-gold__content--Color:var(--pf-v5-global--palette--gold-300); --pf-v5-c-label--m-outline--m-gold__content--Color:var(--pf-v5-global--palette--gold-300); --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor:var(--pf-v5-global--palette--gold-100); --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor:var(--pf-v5-global--palette--gold-100) } .pf-v5-c-label-group { --pf-v5-c-label-group--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--ColumnGap:0; --pf-v5-c-label-group--m-vertical--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-vertical--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group__main--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group__main--ColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-vertical__main--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-vertical__main--ColumnGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group__list--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group__list--ColumnGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-vertical__list--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-vertical__list--ColumnGap:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-category--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-category--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-category--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group--m-category--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-vertical--m-category--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-category--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-label-group--m-category--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-label-group--m-category--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-label-group--m-category--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-label-group__label--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-label-group__label--MaxWidth:18ch; --pf-v5-c-label-group__close--MarginTop:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-label-group__close--MarginBottom:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-label-group--m-vertical__close--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-label-group--m-vertical__close--MarginRight:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-label-group__textarea--MinWidth:12.5rem; --pf-v5-c-label-group__textarea--PaddingTop:.125rem; --pf-v5-c-label-group__textarea--PaddingRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-label-group__textarea--PaddingBottom:0; --pf-v5-c-label-group__textarea--PaddingLeft:var(--pf-v5-global--spacer--xs); row-gap:var(--pf-v5-c-label-group--RowGap); column-gap:var(--pf-v5-c-label-group--ColumnGap); align-items:center; display:inline-flex } .pf-v5-c-label-group.pf-m-category { background-color:var(--pf-v5-c-label-group--m-category--BackgroundColor); border:var(--pf-v5-c-label-group--m-category--BorderWidth)solid var(--pf-v5-c-label-group--m-category--BorderColor); border-radius:var(--pf-v5-c-label-group--m-category--BorderRadius); padding-block-start:var(--pf-v5-c-label-group--m-category--PaddingTop); padding-block-end:var(--pf-v5-c-label-group--m-category--PaddingBottom); padding-inline-start:var(--pf-v5-c-label-group--m-category--PaddingLeft); padding-inline-end:var(--pf-v5-c-label-group--m-category--PaddingRight) } .pf-v5-c-label-group.pf-m-vertical { --pf-v5-c-label-group--RowGap:var(--pf-v5-c-label-group--m-vertical--RowGap); --pf-v5-c-label-group--ColumnGap:var(--pf-v5-c-label-group--m-vertical--ColumnGap); --pf-v5-c-label-group__main--RowGap:var(--pf-v5-c-label-group--m-vertical__main--RowGap); --pf-v5-c-label-group__main--ColumnGap:var(--pf-v5-c-label-group--m-vertical__main--ColumnGap); --pf-v5-c-label-group__list--RowGap:var(--pf-v5-c-label-group--m-vertical__list--RowGap); --pf-v5-c-label-group__list--ColumnGap:var(--pf-v5-c-label-group--m-vertical__list--ColumnGap); --pf-v5-c-label-group__close--MarginTop:var(--pf-v5-c-label-group--m-vertical__close--MarginTop); --pf-v5-c-label-group__close--MarginLeft:var(--pf-v5-c-label-group--m-vertical__close--MarginLeft); --pf-v5-c-label-group__close--MarginBottom:0; --pf-v5-c-label-group__close--MarginRight:var(--pf-v5-c-label-group--m-vertical__close--MarginRight); --pf-v5-c-label-group--m-category--PaddingRight:var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight) } .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group { align-items:flex-start } .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list { flex-direction:column; align-items:flex-start } .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main { flex-direction:column } .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button { --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft); --pf-v5-c-button--PaddingRight:var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight) } .pf-v5-c-label-group.pf-m-editable, .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main, .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list { display:flex } .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main, .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list, .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea, .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea { flex:1 } .pf-v5-c-label-group__main { row-gap:var(--pf-v5-c-label-group__main--RowGap); column-gap:var(--pf-v5-c-label-group__main--ColumnGap); flex-wrap:wrap; flex:1; align-items:baseline; display:flex } .pf-v5-c-label-group__list { row-gap:var(--pf-v5-c-label-group__list--RowGap); column-gap:var(--pf-v5-c-label-group__list--ColumnGap); flex-wrap:wrap; display:inline-flex } .pf-v5-c-label-group__list-item { display:inline-flex } .pf-v5-c-label-group__label { text-overflow:ellipsis; white-space:nowrap; max-width:var(--pf-v5-c-label-group__label--MaxWidth); font-size:var(--pf-v5-c-label-group__label--FontSize); overflow:hidden } .pf-v5-c-label-group__close { align-self:flex-start; margin-block-start:var(--pf-v5-c-label-group__close--MarginTop); margin-block-end:var(--pf-v5-c-label-group__close--MarginBottom); margin-inline-start:var(--pf-v5-c-label-group__close--MarginLeft); margin-inline-end:var(--pf-v5-c-label-group__close--MarginRight); display:flex } .pf-v5-c-label-group__textarea { min-width:var(--pf-v5-c-label-group__textarea--MinWidth); white-space:nowrap; resize:none; -ms-overflow-style:none; scrollbar-width:none; border:0; padding-block-start:var(--pf-v5-c-label-group__textarea--PaddingTop); padding-block-end:var(--pf-v5-c-label-group__textarea--PaddingBottom); padding-inline-start:var(--pf-v5-c-label-group__textarea--PaddingLeft); padding-inline-end:var(--pf-v5-c-label-group__textarea--PaddingRight) } .pf-v5-c-label-group__textarea::-webkit-scrollbar { display:none } .pf-v5-c-list { --pf-v5-c-list--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-list--nested--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-list--nested--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-list--ul--ListStyle:var(--pf-v5-global--ListStyle); --pf-v5-c-list--li--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-list--m-inline--li--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-list--m-bordered--li--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-list--m-bordered--li--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-list--m-bordered--li--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-list__item-icon--MinWidth:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-list__item-icon--MarginTop:.375rem; --pf-v5-c-list__item-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-list__item-icon--Color:var(--pf-v5-global--icon--Color--dark); --pf-v5-c-list__item-icon--FontSize:var(--pf-v5-global--icon--FontSize--sm); --pf-v5-c-list--m-icon-lg__item-icon--MinWidth:var(--pf-v5-global--icon--FontSize--lg); --pf-v5-c-list--m-icon-lg__item-icon--MarginRight:var(--pf-v5-global--spacer--md); --pf-v5-c-list--m-icon-lg__item-icon--FontSize:var(--pf-v5-global--icon--FontSize--lg); padding-inline-start:var(--pf-v5-c-list--PaddingLeft) } .pf-v5-c-list ol, .pf-v5-c-list ul { margin-block-start:var(--pf-v5-c-list--nested--MarginTop); margin-inline-start:var(--pf-v5-c-list--nested--MarginLeft) } .pf-v5-c-list li+li { margin-block-start:var(--pf-v5-c-list--li--MarginTop) } ul.pf-v5-c-list { list-style:var(--pf-v5-c-list--ul--ListStyle) } .pf-v5-c-list .pf-v5-c-list__item { display:flex } .pf-v5-c-list .pf-v5-c-list__item-icon { min-width:var(--pf-v5-c-list__item-icon--MinWidth); font-size:var(--pf-v5-c-list__item-icon--FontSize); color:var(--pf-v5-c-list__item-icon--Color); flex-shrink:0; margin-block-start:var(--pf-v5-c-list__item-icon--MarginTop); margin-inline-end:var(--pf-v5-c-list__item-icon--MarginRight); line-height:1 } .pf-v5-c-list.pf-m-icon-lg { --pf-v5-c-list__item-icon--MinWidth:var(--pf-v5-c-list--m-icon-lg__item-icon--MinWidth); --pf-v5-c-list__item-icon--MarginTop:0; --pf-v5-c-list__item-icon--MarginRight:var(--pf-v5-c-list--m-icon-lg__item-icon--MarginRight); --pf-v5-c-list__item-icon--FontSize:var(--pf-v5-c-list--m-icon-lg__item-icon--FontSize) } .pf-v5-c-list.pf-m-plain { --pf-v5-c-list--PaddingLeft:0; list-style:none } .pf-v5-c-list.pf-m-inline { --pf-v5-c-list--PaddingLeft:0; flex-wrap:wrap; list-style:none; display:flex } .pf-v5-c-list.pf-m-inline li { --pf-v5-c-list--li--MarginTop:0 } .pf-v5-c-list.pf-m-inline li:not(:last-child) { margin-inline-end:var(--pf-v5-c-list--m-inline--li--MarginRight) } .pf-v5-c-list.pf-m-bordered>* { border-block-end:var(--pf-v5-c-list--m-bordered--li--BorderBottomWidth)solid var(--pf-v5-c-list--m-bordered--li--BorderBottomColor); padding-block-end:var(--pf-v5-c-list--m-bordered--li--PaddingBottom) } .pf-v5-c-list.pf-m-bordered>:last-child { --pf-v5-c-list--m-bordered--li--PaddingBottom:0; --pf-v5-c-list--m-bordered--li--BorderBottomWidth:0 } .pf-v5-c-masthead.pf-m-light-200, .pf-v5-c-masthead.pf-m-light { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead { --pf-v5-global--Color--100:var(--pf-v5-global--ColorHead--light-100); --pf-v5-global--Color--200:var(--pf-v5-global--ColorHead--light-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100:#FFFFFF; --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--ColorHead--light--light); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--light) } .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--dark-100) } .pf-v5-c-masthead { --pf-v5-c-masthead--PaddingLeft:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--PaddingRight:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--BackgroundColor:var(--pf-v5-global--BackgroundHeadColor--100); --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-masthead--m-display-stack--GridTemplateColumns:max-content 1fr; --pf-v5-c-masthead--m-display-stack__main--GridColumn:-1/1; --pf-v5-c-masthead--m-display-stack__main--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-stack__main--Order:-1; --pf-v5-c-masthead--m-display-stack__main--FlexBasis:100%; --pf-v5-c-masthead--m-display-stack__main--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead--m-display-stack__main--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead--m-display-stack__main--MarginRight:0; --pf-v5-c-masthead--m-display-stack__main--before--BorderBottom:var(--pf-v5-c-masthead__main--before--BorderBottomWidth)solid var(--pf-v5-c-masthead__main--before--BorderBottomColor); --pf-v5-c-masthead--m-display-stack__toggle--GridColumn:1; --pf-v5-c-masthead--m-display-stack__content--GridColumn:2; --pf-v5-c-masthead--m-display-stack__content--MinHeight:auto; --pf-v5-c-masthead--m-display-stack__content--Order:1; --pf-v5-c-masthead--m-display-stack__content--PaddingTop:0; --pf-v5-c-masthead--m-display-stack__content--PaddingBottom:0; --pf-v5-c-masthead--m-display-stack__content--MarginLeft:0; --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead--m-display-inline--GridTemplateColumns:max-content max-content 1fr; --pf-v5-c-masthead--m-display-inline__main--GridColumn:2; --pf-v5-c-masthead--m-display-inline__main--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-inline__main--Order:0; --pf-v5-c-masthead--m-display-inline__main--FlexBasis:auto; --pf-v5-c-masthead--m-display-inline__main--PaddingTop:0; --pf-v5-c-masthead--m-display-inline__main--PaddingBottom:0; --pf-v5-c-masthead--m-display-inline__main--MarginRight:calc(var(--pf-v5-global--spacer--lg)/2); --pf-v5-c-masthead--m-display-inline__main--BorderBottom:0; --pf-v5-c-masthead--m-display-inline__toggle--GridColumn:1; --pf-v5-c-masthead--m-display-inline__content--GridColumn:3; --pf-v5-c-masthead--m-display-inline__content--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-inline__content--Order:0; --pf-v5-c-masthead--m-display-inline__content--PaddingTop:0; --pf-v5-c-masthead--m-display-inline__content--PaddingBottom:0; --pf-v5-c-masthead--m-display-inline__content--MarginLeft:calc(var(--pf-v5-global--spacer--lg)/2); --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight:0; --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft:0; --pf-v5-c-masthead__main--before--Right:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead__main--before--Left:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead__main--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-masthead__main--before--BorderBottomColor:var(--pf-v5-global--palette--black-600); --pf-v5-c-masthead__toggle--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead__toggle--MarginLeft:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-masthead__toggle--c-button--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-masthead--m-light--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-masthead--m-light__main--BorderBottomColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-masthead--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-masthead--m-light-200__main--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-masthead--c-toolbar__item--Display:flex; --pf-v5-c-masthead--item-border-color--base:var(--pf-v5-global--palette--black-800); --pf-v5-c-masthead--c-context-selector--Width:auto; --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor:transparent; --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor:transparent; --pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor:transparent; --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor:transparent; --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-toolbar--BackgroundColor:var(--pf-v5-c-masthead--BackgroundColor); --pf-v5-c-masthead--c-toolbar--AlignItems--base:center; --pf-v5-c-masthead--c-toolbar__content--PaddingRight:0; --pf-v5-c-masthead--c-toolbar__content--PaddingLeft:0; --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); color:var(--pf-v5-global--Color--100); grid-template-columns:var(--pf-v5-c-masthead--GridTemplateColumns); min-width:0; background-color:var(--pf-v5-c-masthead--BackgroundColor); align-items:center; padding-inline-start:var(--pf-v5-c-masthead--PaddingLeft); padding-inline-end:var(--pf-v5-c-masthead--PaddingRight); display:grid; position:relative } @media screen and (width>=768px) { .pf-v5-c-page:where(:not(.pf-m-resize-observer)) .pf-v5-c-masthead { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } } @media screen and (width>=1200px) { .pf-v5-c-masthead { --pf-v5-c-masthead--inset:var(--pf-v5-c-masthead--xl--inset) } } .pf-v5-c-masthead.pf-m-light { color:var(--pf-v5-global--Color--100); --pf-v5-c-masthead--BackgroundColor:var(--pf-v5-c-masthead--m-light--BackgroundColor); --pf-v5-c-masthead__main--BorderBottomColor:var(--pf-v5-c-masthead--m-light__main--BorderBottomColor) } .pf-v5-c-masthead.pf-m-light-200 { color:var(--pf-v5-global--Color--100); --pf-v5-c-masthead--BackgroundColor:var(--pf-v5-c-masthead--m-light-200--BackgroundColor); --pf-v5-c-masthead__main--BorderBottomColor:var(--pf-v5-c-masthead--m-light-200__main--BorderBottomColor) } .pf-v5-c-masthead .pf-v5-c-toolbar { --pf-v5-c-toolbar--BackgroundColor:var(--pf-v5-c-masthead--c-toolbar--BackgroundColor); --pf-v5-c-toolbar--AlignItems--base:var(--pf-v5-c-masthead--c-toolbar--AlignItems--base); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-masthead--c-toolbar__content--PaddingRight); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-masthead--c-toolbar__content--PaddingLeft); --pf-v5-c-toolbar__expandable-content--PaddingTop:var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop); --pf-v5-c-toolbar__expandable-content--PaddingRight:var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight); --pf-v5-c-toolbar__expandable-content--PaddingBottom:var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom); --pf-v5-c-toolbar__expandable-content--PaddingLeft:var(--pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft); width:100% } .pf-v5-c-masthead .pf-v5-c-toolbar__content-section { flex-wrap:nowrap } .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content { inset-block-start:100% } .pf-v5-c-masthead .pf-v5-c-toolbar__expandable-content:before { content:""; border-block-start:var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth)solid var(--pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor); box-shadow:var(--pf-v5-c-toolbar__expandable-content--before--BoxShadow); position:absolute; inset:0 } .pf-v5-c-masthead .pf-v5-c-menu-toggle { --pf-v5-c-menu-toggle--before--BorderTopColor:var(--pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor); --pf-v5-c-menu-toggle--before--BorderRightColor:var(--pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor); --pf-v5-c-menu-toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor); --pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth:0 } .pf-v5-c-masthead .pf-v5-c-context-selector { --pf-v5-c-context-selector--Width:var(--pf-v5-c-masthead--c-context-selector--Width); --pf-v5-c-context-selector__toggle--BorderTopColor:var(--pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor); --pf-v5-c-context-selector__toggle--BorderRightColor:var(--pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor); --pf-v5-c-context-selector__toggle--BorderLeftColor:var(--pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor) } .pf-v5-c-masthead .pf-v5-c-context-selector.pf-m-full-height { --pf-v5-c-context-selector__toggle--BorderTopColor:var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor); --pf-v5-c-context-selector__toggle--BorderBottomColor:var(--pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor) } .pf-v5-c-masthead .pf-v5-c-dropdown { --pf-v5-c-dropdown__toggle--before--BorderTopColor:var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor); --pf-v5-c-dropdown__toggle--before--BorderRightColor:var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor); --pf-v5-c-dropdown__toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor) } .pf-v5-c-masthead .pf-v5-c-dropdown.pf-m-full-height { --pf-v5-c-dropdown__toggle--before--BorderTopColor:var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor); --pf-v5-c-dropdown__toggle--before--BorderBottomColor:var(--pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor) } .pf-v5-c-masthead .pf-v5-c-nav { align-self:stretch } .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain { color:var(--pf-v5-c-button--m-plain--Color) } .pf-v5-c-masthead__main { flex-basis:var(--pf-v5-c-masthead__main--FlexBasis); grid-column:var(--pf-v5-c-masthead__main--GridColumn); order:var(--pf-v5-c-masthead__main--Order); min-height:var(--pf-v5-c-masthead__main--MinHeight); align-self:stretch; align-items:center; margin-inline-end:var(--pf-v5-c-masthead__main--MarginRight); padding-block-start:var(--pf-v5-c-masthead__main--PaddingTop); padding-block-end:var(--pf-v5-c-masthead__main--PaddingBottom); display:flex; position:relative } .pf-v5-c-masthead__main:before { content:""; border-block-end:var(--pf-v5-c-masthead__main--before--BorderBottom); position:absolute; inset-block-end:0; inset-inline-start:var(--pf-v5-c-masthead__main--before--Left); inset-inline-end:var(--pf-v5-c-masthead__main--before--Right) } .pf-v5-c-masthead__main:last-child { --pf-v5-c-masthead__main--MarginRight:0 } .pf-v5-c-masthead__content { grid-column:var(--pf-v5-c-masthead__content--GridColumn); flex-grow:1; flex-shrink:1; order:var(--pf-v5-c-masthead__content--Order); min-height:var(--pf-v5-c-masthead__content--MinHeight); grid-column-end:-1; align-self:stretch; align-items:center; margin-inline-start:var(--pf-v5-c-masthead__content--MarginLeft); padding-block-start:var(--pf-v5-c-masthead__content--PaddingTop); padding-block-end:var(--pf-v5-c-masthead__content--PaddingBottom); display:flex } .pf-v5-c-masthead__content:only-child { --pf-v5-c-masthead__content--MarginLeft:0 } .pf-v5-c-masthead__content .pf-v5-c-nav.pf-m-horizontal { margin-inline-start:var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft); margin-inline-end:var(--pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight) } .pf-v5-c-masthead__toggle~.pf-v5-c-masthead__content { --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:calc(var(--pf-v5-c-masthead__content--MarginLeft)*-1) } .pf-v5-c-masthead__main, .pf-v5-c-masthead__brand, .pf-v5-c-masthead__content { min-width:0 } .pf-v5-c-masthead__brand { align-self:center; display:inline-flex } .pf-v5-c-masthead__toggle { grid-column:var(--pf-v5-c-masthead__toggle--GridColumn); align-self:center; margin-inline-start:var(--pf-v5-c-masthead__toggle--MarginLeft); margin-inline-end:var(--pf-v5-c-masthead__toggle--MarginRight) } .pf-v5-c-masthead__toggle .pf-v5-c-button { --pf-v5-c-button--FontSize:var(--pf-v5-c-masthead__toggle--c-button--FontSize) } .pf-v5-c-masthead.pf-m-display-stack { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } @media (width>=576px) { .pf-v5-c-masthead.pf-m-display-stack-on-sm { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline-on-sm { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none-on-sm { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm-on-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md-on-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg-on-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl-on-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl-on-sm { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=768px) { .pf-v5-c-masthead.pf-m-display-stack-on-md { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline-on-md { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none-on-md { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm-on-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md-on-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg-on-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl-on-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl-on-md { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=992px) { .pf-v5-c-masthead.pf-m-display-stack-on-lg { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline-on-lg { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none-on-lg { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm-on-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md-on-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg-on-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl-on-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl-on-lg { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=1200px) { .pf-v5-c-masthead.pf-m-display-stack-on-xl { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline-on-xl { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none-on-xl { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm-on-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md-on-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg-on-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl-on-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl-on-xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=1450px) { .pf-v5-c-masthead.pf-m-display-stack-on-2xl { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-display-inline-on-2xl { --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-inline--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-inline__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-inline__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-inline__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-inline__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-inline__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-inline__main--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-inline__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-inline__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-inline__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-inline__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-inline__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft) } .pf-v5-c-masthead.pf-m-inset-none-on-2xl { --pf-v5-c-masthead--inset:0 } .pf-v5-c-masthead.pf-m-inset-sm-on-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-masthead.pf-m-inset-md-on-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-masthead.pf-m-inset-lg-on-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-masthead.pf-m-inset-xl-on-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-masthead.pf-m-inset-2xl-on-2xl { --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--2xl) } } :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300) } :where(.pf-v5-theme-dark) .pf-v5-c-masthead { --pf-v5-c-masthead--BackgroundColor:var(--pf-v5-global--palette--black-1000); --pf-v5-c-masthead--item-border-color--base:var(--pf-v5-global--BorderColor--100); color:var(--pf-v5-global--Color--100) } :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-toolbar { --pf-v5-c-toolbar--BackgroundColor:var(--pf-v5-global--palette--black-1000) } .pf-v5-c-nav { --pf-v5-c-nav--Transition:var(--pf-v5-global--Transition); --pf-v5-c-nav--m-light__item--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-nav--m-light__link--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-light__link--hover--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-light__link--focus--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-light__link--active--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-light__link--m-current--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-light__link--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-nav--m-light__link--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-nav--m-light__link--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-nav--m-light__link--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-nav--m-light__link--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-nav--m-light__link--after--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-light__link--m-current--after--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-light__section-title--Color:var(--pf-v5-global--Color--dark-200); --pf-v5-c-nav--m-light__section-title--BorderBottomColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-nav--m-light--c-divider--BackgroundColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-c-nav--m-light__subnav__link--active--after--BorderColor:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-c-nav--m-light__subnav__link--m-current--after--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-nav__list--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__list--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__item--MarginTop:0; --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-400); --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-nav__item__item__link--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-nav__item__item__toggle--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav__item__toggle-icon--Rotate:0; --pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate:90deg; --pf-v5-c-nav__item--before--BorderColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__item--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__link--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-nav__link--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__link--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__link--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__link--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__link--hover--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__link--focus--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__link--active--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__link--m-current--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__link--BackgroundColor:transparent; --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-400); --pf-v5-c-nav__link--OutlineOffset:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__link--hover--before--BorderBottomWidth:0; --pf-v5-c-nav__link--focus--before--BorderBottomWidth:0; --pf-v5-c-nav__link--active--before--BorderBottomWidth:0; --pf-v5-c-nav__link--m-current--before--BorderBottomWidth:0; --pf-v5-c-nav__link--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__link--hover--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__link--focus--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__link--active--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__link--m-current--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__link--after--BorderLeftWidth:0; --pf-v5-c-nav__link--hover--after--BorderLeftWidth:0; --pf-v5-c-nav__link--focus--after--BorderLeftWidth:0; --pf-v5-c-nav__link--active--after--BorderLeftWidth:0; --pf-v5-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-nav--m-horizontal__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-horizontal__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-horizontal__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal__link--lg--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--m-horizontal__link--lg--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--m-horizontal__link--Right:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal__link--Left:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal__link--Color:var(--pf-v5-global--Color--light-200); --pf-v5-c-nav--m-horizontal__link--hover--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--m-horizontal__link--focus--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--m-horizontal__link--active--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--m-horizontal__link--m-current--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--m-horizontal__link--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal__link--hover--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal__link--focus--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal__link--active--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal__link--m-current--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal__link--before--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--m-horizontal__link--before--BorderWidth:0; --pf-v5-c-nav--m-horizontal__link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-horizontal__link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-horizontal__link--active--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-horizontal__link--m-current--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-tertiary__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-tertiary__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-tertiary__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-tertiary__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-tertiary__link--Right:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-tertiary__link--Left:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-tertiary__link--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-tertiary__link--hover--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__link--focus--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__link--active--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__link--m-current--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__link--BackgroundColor:transparent; --pf-v5-c-nav--m-tertiary__link--hover--BackgroundColor:transparent; --pf-v5-c-nav--m-tertiary__link--focus--BackgroundColor:transparent; --pf-v5-c-nav--m-tertiary__link--active--BackgroundColor:transparent; --pf-v5-c-nav--m-tertiary__link--m-current--BackgroundColor:transparent; --pf-v5-c-nav--m-tertiary__link--before--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__link--before--BorderWidth:0; --pf-v5-c-nav--m-tertiary__link--hover--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-tertiary__link--focus--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-tertiary__link--active--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-tertiary__link--m-current--before--BorderWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--m-tertiary__scroll-button--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-nav--m-tertiary__scroll-button--hover--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__scroll-button--focus--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__scroll-button--active--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-nav--m-tertiary__scroll-button--disabled--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-nav--m-tertiary__scroll-button--before--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor:var(--pf-v5-global--disabled-color--300); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--m-horizontal-subnav__link--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav--m-horizontal-subnav__link--Color:var(--pf-v5-global--Color--light-200); --pf-v5-c-nav--m-horizontal-subnav__link--hover--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--m-horizontal-subnav__link--focus--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--m-horizontal-subnav__link--active--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--m-horizontal-subnav__link--m-current--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--m-horizontal-subnav__link--BackgroundColor:transparent; --pf-v5-c-nav--m-horizontal-subnav__link--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--m-horizontal-subnav__link--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--m-horizontal-subnav__link--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-400); --pf-v5-c-nav--m-horizontal-subnav__link--before--BorderColor:transparent; --pf-v5-c-nav--m-horizontal-subnav__link--after--BorderColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-nav--m-horizontal-subnav__link--hover--after--BorderColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-nav--m-horizontal-subnav__link--active--after--BorderColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__subnav--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__subnav--xl--PaddingLeft:var(--pf-v5-c-nav__link--PaddingLeft); --pf-v5-c-nav__subnav__link--MarginTop:0; --pf-v5-c-nav__subnav__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__subnav__link--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__subnav__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__subnav__link--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__subnav__link--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav__subnav__link--hover--after--BorderColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-nav__subnav__link--focus--after--BorderColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-nav__subnav__link--active--after--BorderColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-nav__subnav__link--m-current--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__subnav__link--hover--after--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__subnav__link--focus--after--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__subnav__link--active--after--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__subnav__link--m-current--after--BorderWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-nav__subnav--MaxHeight:0; --pf-v5-c-nav__subnav__subnav--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__subnav__subnav__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__subnav__subnav__link--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-nav__item--m-expanded__subnav--MaxHeight:100%; --pf-v5-c-nav__subnav--c-divider--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__subnav--c-divider--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__section--first-child--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section--last-child--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section__item--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section__link--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section__link--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__section__link--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section__link--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__section__link--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__section__link--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__section__link--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-nav__section__link--before--BorderBottomWidth:0; --pf-v5-c-nav__section__link--hover--after--BorderColor:transparent; --pf-v5-c-nav__section__link--focus--after--BorderColor:transparent; --pf-v5-c-nav__section__link--active--after--BorderColor:transparent; --pf-v5-c-nav__section__link--m-current--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__section__link--hover--after--BorderWidth:0; --pf-v5-c-nav__section__link--focus--after--BorderWidth:0; --pf-v5-c-nav__section__link--active--after--BorderWidth:0; --pf-v5-c-nav__section__link--m-current--after--BorderWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-nav__section--section--MarginTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-nav__section-title--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section-title--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__section-title--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section-title--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav__section-title--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__section-title--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__section-title--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__section-title--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav__section-title--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__section-title--BorderBottomColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__section-title--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__scroll-button--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav__scroll-button--hover--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__scroll-button--focus--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__scroll-button--active--Color:var(--pf-v5-global--active-color--400); --pf-v5-c-nav__scroll-button--disabled--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-nav__scroll-button--BackgroundColor:transparent; --pf-v5-c-nav__scroll-button--Width:var(--pf-v5-global--target-size--MinWidth); --pf-v5-c-nav__scroll-button--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-nav__scroll-button--Transition:margin .125s,transform .125s,opacity .125s; --pf-v5-c-nav__scroll-button--before--BorderColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__scroll-button--before--BorderWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__scroll-button--before--BorderRightWidth:0; --pf-v5-c-nav__scroll-button--before--BorderLeftWidth:0; --pf-v5-c-nav__scroll-button--disabled--before--BorderColor:transparent; --pf-v5-c-nav__toggle--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__toggle--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__toggle--FontSize:var(--pf-v5-global--icon--FontSize--md); --pf-v5-c-nav__toggle-icon--Transition:var(--pf-v5-global--TransitionDuration); --pf-v5-c-nav--c-divider--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--c-divider--MarginBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--c-divider--PaddingRight:0; --pf-v5-c-nav--c-divider--PaddingLeft:0; --pf-v5-c-nav--c-divider--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__list--ScrollSnapTypeAxis:x; --pf-v5-c-nav__list--ScrollSnapTypeStrictness:proximity; --pf-v5-c-nav__list--ScrollSnapType:var(--pf-v5-c-nav__list--ScrollSnapTypeAxis)var(--pf-v5-c-nav__list--ScrollSnapTypeStrictness); --pf-v5-c-nav__item--ScrollSnapAlign:end; --pf-v5-c-nav__item--m-flyout--c-menu--top-offset:0px; --pf-v5-c-nav__item--m-flyout--c-menu--left-offset:.25rem; --pf-v5-c-nav__item--m-flyout--c-menu--m-top--bottom-offset:0px; --pf-v5-c-nav__item--m-flyout--c-menu--m-left--right-offset:.25rem; --pf-v5-c-nav__item--m-flyout--MarginTop:0; --pf-v5-c-nav__item--m-flyout--hover__link--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__item--m-flyout--focus__link--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__item--m-flyout--active__link--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav__item--m-flyout--hover__link--before--BorderWidth:0; --pf-v5-c-nav__item--m-flyout--focus__link--before--BorderWidth:0; --pf-v5-c-nav__item--m-flyout--active__link--before--BorderWidth:0; --pf-v5-c-nav__item--m-flyout__item--last-child__link--before--BorderBottomWidth:0; --pf-v5-c-nav__item--m-flyout--c-menu--Top:calc(0px + var(--pf-v5-c-nav__item--m-flyout--c-menu--top-offset)); --pf-v5-c-nav__item--m-flyout--c-menu--c-menu--Top:calc(var(--pf-v5-c-nav__item--m-flyout--c-menu--Top) - var(--pf-v5-c-nav__item--before--BorderWidth)); --pf-v5-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top:0; --pf-v5-c-nav__item--m-flyout--c-menu--Left:calc(100% - var(--pf-v5-c-nav__item--m-flyout--c-menu--left-offset)); --pf-v5-c-nav__item--m-flyout--c-menu--m-left--Right:calc(100% - var(--pf-v5-c-nav__item--m-flyout--c-menu--m-left--right-offset)); --pf-v5-c-nav__item--m-flyout--c-menu--m-top--Bottom:calc(0 + var(--pf-v5-c-nav__item--m-flyout--c-menu--m-top--bottom-offset)); --pf-v5-c-nav__item--m-flyout--c-menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-nav__item--m-flyout--c-menu__item--Color:var(--pf-v5-c-nav__link--Color); --pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav__item--m-flyout--c-menu__item-description--Color:var(--pf-v5-global--Color--light-200); --pf-v5-c-nav__item--m-flyout--c-menu__item--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset:var(--pf-v5-c-nav__link--OutlineOffset); --pf-v5-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth:var(--pf-v5-c-nav__item--before--BorderWidth); --pf-v5-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor:var(--pf-v5-c-nav__item--before--BorderColor); --pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--Top:calc(-1*var(--pf-v5-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)); --pf-v5-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor:var(--pf-v5-c-nav__link--hover--BackgroundColor); --pf-v5-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-c-nav__link--focus--BackgroundColor); --pf-v5-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor:var(--pf-v5-c-nav__link--active--BackgroundColor); --pf-v5-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top:0; --pf-v5-c-nav__item--m-flyout--c-menu--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-nav--c-menu--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-nav--c-menu__list--PaddingTop:0; --pf-v5-c-nav--c-menu__list--PaddingBottom:0; --pf-v5-c-nav--c-menu__list-item--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--c-menu__list-item--hover--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--c-menu__list-item--active--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--c-menu__list-item--focus-within--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-nav--c-menu__list-item--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-nav--c-menu__list-item--m-drill-up__item--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-nav--c-menu__item--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--c-menu__item--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--c-menu__item--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--c-menu__item--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-nav--c-menu__item--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--c-menu__item--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--c-menu__item--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-nav--c-menu__item--OutlineOffset:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-nav--c-menu__item--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav--c-menu__item--before--BorderBottomColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-nav--c-menu__item--after--BorderLeftWidth:0; --pf-v5-c-nav--c-menu__item--after--BorderLeftColor:transparent; --pf-v5-c-nav--c-menu__item--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-400); --pf-v5-c-nav--c-menu__item--m-current--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--xl); --pf-v5-c-nav--c-menu__item--m-current--after--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-nav--c-menu__item-description--Color:var(--pf-v5-global--Color--400); --pf-v5-c-nav--c-menu--m-flyout--left-offset:.25rem; --pf-v5-c-nav--c-menu--m-flyout--m-left--right-offset:.25rem; --pf-v5-c-nav--c-menu--m-flyout--Top:0; --pf-v5-c-nav--c-menu--m-flyout--c-menu--Top:calc(var(--pf-v5-c-nav--c-menu--m-flyout--Top)*-1); --pf-v5-c-nav--c-menu--m-flyout--c-menu--Right:auto; --pf-v5-c-nav--c-menu--m-flyout--c-menu--Bottom:auto; --pf-v5-c-nav--c-menu--m-flyout--c-menu--Left:calc(100% - var(--pf-v5-c-nav--c-menu--m-flyout--left-offset)); --pf-v5-c-nav--c-menu--m-flyout--m-left--Right:calc(100% - var(--pf-v5-c-nav--c-menu--m-flyout--m-left--right-offset)); --pf-v5-c-nav--c-menu--m-flyout--m-top--Bottom:0; --pf-v5-c-nav--c-menu--m-flyout--BoxShadow:var(--pf-v5-global--BoxShadow--lg); --pf-v5-c-nav--c-menu--m-flyout__item--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--c-menu--m-flyout__item--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--c-menu--m-flyout__item--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-nav--c-menu--m-flyout__item--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor:var(--pf-v5-global--BorderColor--200); --pf-v5-c-nav__toggle--m-start--MarginRight:var(--pf-v5-global--spacer--sm); position:relative } @media screen and (width>=1200px) { .pf-v5-c-nav { --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav__link--xl--PaddingRight); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav__link--xl--PaddingLeft); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingTop:var(--pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingTop); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingRight:var(--pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingRight); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingBottom:var(--pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingBottom); --pf-v5-c-nav--m-horizontal-subnav__link--PaddingLeft:var(--pf-v5-c-nav--m-horizontal-subnav__link--xl--PaddingLeft); --pf-v5-c-nav__section__link--PaddingRight:var(--pf-v5-c-nav__section__link--xl--PaddingRight); --pf-v5-c-nav__section__link--PaddingLeft:var(--pf-v5-c-nav__section__link--xl--PaddingLeft); --pf-v5-c-nav__section-title--PaddingRight:var(--pf-v5-c-nav__section-title--xl--PaddingRight); --pf-v5-c-nav__section-title--PaddingLeft:var(--pf-v5-c-nav__section-title--xl--PaddingLeft); --pf-v5-c-nav__subnav--PaddingLeft:var(--pf-v5-c-nav__subnav--xl--PaddingLeft); --pf-v5-c-nav--c-menu__item--PaddingRight:var(--pf-v5-c-nav--c-menu__item--xl--PaddingRight); --pf-v5-c-nav--c-menu__item--PaddingLeft:var(--pf-v5-c-nav--c-menu__item--xl--PaddingLeft) } } .pf-v5-c-nav .pf-v5-c-menu { --pf-v5-c-menu--MinWidth:100%; --pf-v5-c-menu--BackgroundColor:var(--pf-v5-c-nav--c-menu--BackgroundColor); --pf-v5-c-menu__list--PaddingTop:var(--pf-v5-c-nav--c-menu__list--PaddingTop); --pf-v5-c-menu__list--PaddingBottom:var(--pf-v5-c-nav--c-menu__list--PaddingBottom); --pf-v5-c-menu__item--PaddingTop:var(--pf-v5-c-nav--c-menu__item--PaddingTop); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-c-nav--c-menu__item--PaddingRight); --pf-v5-c-menu__item--PaddingBottom:var(--pf-v5-c-nav--c-menu__item--PaddingBottom); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-c-nav--c-menu__item--PaddingLeft); --pf-v5-c-menu__list-item--Color:var(--pf-v5-c-nav--c-menu__list-item--Color); --pf-v5-c-menu__list-item--hover--Color:var(--pf-v5-c-nav--c-menu__list-item--hover--Color); --pf-v5-c-menu__list-item--active--Color:var(--pf-v5-c-nav--c-menu__list-item--active--Color); --pf-v5-c-menu__list-item--focus-within--Color:var(--pf-v5-c-nav--c-menu__list-item--focus-within--Color); --pf-v5-c-menu__list-item--hover--BackgroundColor:var(--pf-v5-c-nav--c-menu__list-item--hover--BackgroundColor); --pf-v5-c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-c-nav--c-menu__list-item--focus-within--BackgroundColor); --pf-v5-c-menu__item-description--Color:var(--pf-v5-c-nav--c-menu__item-description--Color) } .pf-v5-c-nav .pf-v5-c-menu:first-child>.pf-v5-c-menu__content { border-block-end:var(--pf-v5-c-nav--c-menu__item--before--BorderBottomWidth)solid var(--pf-v5-c-nav--c-menu__item--before--BorderBottomColor) } .pf-v5-c-nav .pf-v5-c-menu.pf-m-flyout, .pf-v5-c-nav .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu { --pf-v5-c-menu--BoxShadow:var(--pf-v5-c-nav--c-menu--m-flyout--BoxShadow); --pf-v5-c-menu__list--PaddingTop:0; --pf-v5-c-menu__list--PaddingBottom:0; --pf-v5-c-menu__item--FontSize:var(--pf-v5-c-nav--c-menu__item--FontSize); --pf-v5-c-menu__item--Color:var(--pf-v5-c-nav--c-menu__item--Color,inherit); --pf-v5-c-menu__item--PaddingTop:var(--pf-v5-c-nav--c-menu--m-flyout__item--PaddingTop); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-c-nav--c-menu--m-flyout__item--PaddingRight); --pf-v5-c-menu__item--PaddingBottom:var(--pf-v5-c-nav--c-menu--m-flyout__item--PaddingBottom); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-c-nav--c-menu--m-flyout__item--PaddingLeft); inset-block-start:var(--pf-v5-c-nav--c-menu--m-flyout--c-menu--Top); inset-block-end:var(--pf-v5-c-nav--c-menu--m-flyout--c-menu--Bottom); inset-inline-start:var(--pf-v5-c-nav--c-menu--m-flyout--c-menu--Left); inset-inline-end:var(--pf-v5-c-nav--c-menu--m-flyout--c-menu--Right) } .pf-v5-c-nav .pf-v5-c-menu.pf-m-flyout .pf-v5-c-menu__item:hover { --pf-v5-c-nav--c-menu__item--after--BorderLeftWidth:var(--pf-v5-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftWidth); --pf-v5-c-nav--c-menu__item--after--BorderLeftColor:var(--pf-v5-c-nav--c-menu--m-flyout__item--hover--after--BorderLeftColor) } .pf-v5-c-nav .pf-v5-c-menu.pf-m-top { --pf-v5-c-nav--c-menu--m-flyout--c-menu--Top:auto; --pf-v5-c-nav--c-menu--m-flyout--c-menu--Bottom:var(--pf-v5-c-nav--c-menu--m-flyout--m-top--Bottom) } .pf-v5-c-nav .pf-v5-c-menu.pf-m-left { --pf-v5-c-nav--c-menu--m-flyout--c-menu--Right:var(--pf-v5-c-nav--c-menu--m-flyout--m-left--Right); --pf-v5-c-nav--c-menu--m-flyout--c-menu--Left:auto } .pf-v5-c-nav .pf-v5-c-menu .pf-v5-c-divider { margin-block:0 } .pf-v5-c-nav .pf-v5-c-menu__item { outline-offset:var(--pf-v5-c-nav--c-menu__item--OutlineOffset); position:relative } .pf-v5-c-nav .pf-v5-c-menu__item:before, .pf-v5-c-nav .pf-v5-c-menu__item:after { content:""; position:absolute; inset-block-start:0 } .pf-v5-c-nav .pf-v5-c-menu__item:before { border-block-end:var(--pf-v5-c-nav--c-menu__item--before--BorderBottomWidth)solid var(--pf-v5-c-nav--c-menu__item--before--BorderBottomColor); inset-block-end:calc(var(--pf-v5-c-nav--c-menu__item--before--BorderBottomWidth)*-1); inset-inline:0 } .pf-v5-c-nav .pf-v5-c-menu__item:after { border-inline-start:var(--pf-v5-c-nav--c-menu__item--after--BorderLeftWidth)solid var(--pf-v5-c-nav--c-menu__item--after--BorderLeftColor); inset-block-end:0; inset-inline-start:0 } .pf-v5-c-nav .pf-v5-c-menu__item.pf-m-current { --pf-v5-c-nav--c-menu__item--after--BorderLeftWidth:var(--pf-v5-c-nav--c-menu__item--m-current--after--BorderLeftWidth); --pf-v5-c-nav--c-menu__item--after--BorderLeftColor:var(--pf-v5-c-nav--c-menu__item--m-current--after--BorderColor); background-color:var(--pf-v5-c-nav--c-menu__item--m-current--BackgroundColor) } .pf-v5-c-nav .pf-v5-c-menu__list-item:where(.pf-m-drill-up) { --pf-v5-c-nav--c-menu__item--before--BorderBottomWidth:var(--pf-v5-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth) } .pf-v5-c-nav .pf-v5-c-menu__list-item:where(.pf-m-drill-up)>.pf-v5-c-menu__item { --pf-v5-c-menu__item--FontWeight:var(--pf-v5-c-nav--c-menu__list-item--m-drill-up__item--FontWeight) } .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon { margin-inline-start:calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft)*-1) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon { scale:-1 1 } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__link:after, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__link:after { content:none } .pf-v5-c-nav.pf-m-horizontal, .pf-v5-c-nav.pf-m-tertiary, .pf-v5-c-nav.pf-m-horizontal-subnav { overflow:hidden } .pf-v5-c-nav.pf-m-horizontal, .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__list, .pf-v5-c-nav.pf-m-tertiary, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__list, .pf-v5-c-nav.pf-m-horizontal-subnav, .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__list { display:flex; position:relative } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__list, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__list, .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__list { --pf-v5-c-nav__list--PaddingTop:0; --pf-v5-c-nav__list--PaddingBottom:0; white-space:nowrap; scroll-snap-type:var(--pf-v5-c-nav__list--ScrollSnapType); -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:-ms-autohiding-scrollbar; flex:1; max-width:100%; overflow-x:auto } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__list::-webkit-scrollbar { display:none } .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__list::-webkit-scrollbar { display:none } .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__list::-webkit-scrollbar { display:none } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__item, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__item, .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__item { scroll-snap-align:var(--pf-v5-c-nav__item--ScrollSnapAlign); display:flex } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__link, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__link, .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__link { white-space:nowrap; align-self:stretch; align-items:center } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__link:before, .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__link:before, .pf-v5-c-nav.pf-m-horizontal-subnav .pf-v5-c-nav__link:before { inset-block:auto 0 } .pf-v5-c-nav.pf-m-horizontal .pf-v5-c-nav__link:before { inset-inline-start:var(--pf-v5-c-nav--m-horizontal__link--Left); inset-inline-end:var(--pf-v5-c-nav--m-horizontal__link--Right) } .pf-v5-c-nav.pf-m-tertiary .pf-v5-c-nav__link:before { inset-inline-start:var(--pf-v5-c-nav--m-tertiary__link--Left); inset-inline-end:var(--pf-v5-c-nav--m-tertiary__link--Right) } .pf-v5-c-nav.pf-m-light { --pf-v5-c-nav__item--before--BorderColor:var(--pf-v5-c-nav--m-light__item--before--BorderColor); --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor:var(--pf-v5-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor); --pf-v5-c-nav__link--Color:var(--pf-v5-c-nav--m-light__link--Color); --pf-v5-c-nav__link--hover--Color:var(--pf-v5-c-nav--m-light__link--hover--Color); --pf-v5-c-nav__link--focus--Color:var(--pf-v5-c-nav--m-light__link--focus--Color); --pf-v5-c-nav__link--active--Color:var(--pf-v5-c-nav--m-light__link--active--Color); --pf-v5-c-nav__link--m-current--Color:var(--pf-v5-c-nav--m-light__link--m-current--Color); --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-c-nav--m-light__link--hover--BackgroundColor); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-c-nav--m-light__link--focus--BackgroundColor); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-c-nav--m-light__link--active--BackgroundColor); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-c-nav--m-light__link--m-current--BackgroundColor); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-c-nav--m-light__link--before--BorderColor); --pf-v5-c-nav__link--after--BorderColor:var(--pf-v5-c-nav--m-light__link--after--BorderColor); --pf-v5-c-nav__link--m-current--after--BorderColor:var(--pf-v5-c-nav--m-light__link--m-current--after--BorderColor); --pf-v5-c-nav__subnav__link--hover--after--BorderColor:var(--pf-v5-c-nav--m-light__subnav__link--hover--after--BorderColor); --pf-v5-c-nav__subnav__link--focus--after--BorderColor:var(--pf-v5-c-nav--m-light__subnav__link--focus--after--BorderColor); --pf-v5-c-nav__subnav__link--active--after--BorderColor:var(--pf-v5-c-nav--m-light__subnav__link--active--after--BorderColor); --pf-v5-c-nav__subnav__link--m-current--after--BorderColor:var(--pf-v5-c-nav--m-light__subnav__link--m-current--after--BorderColor); --pf-v5-c-nav__section-title--Color:var(--pf-v5-c-nav--m-light__section-title--Color); --pf-v5-c-nav__section-title--BorderBottomColor:var(--pf-v5-c-nav--m-light__section-title--BorderBottomColor) } .pf-v5-c-nav.pf-m-light .pf-v5-c-divider { --pf-v5-c-divider--after--BackgroundColor:var(--pf-v5-c-nav--m-light--c-divider--BackgroundColor) } .pf-v5-c-nav.pf-m-horizontal { --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-c-nav--m-horizontal__link--PaddingTop); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav--m-horizontal__link--PaddingRight); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-c-nav--m-horizontal__link--PaddingBottom); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav--m-horizontal__link--PaddingLeft); --pf-v5-c-nav__link--Right:var(--pf-v5-c-nav--m-horizontal__link--Right); --pf-v5-c-nav__link--Left:var(--pf-v5-c-nav--m-horizontal__link--Left); --pf-v5-c-nav__link--Color:var(--pf-v5-c-nav--m-horizontal__link--Color); --pf-v5-c-nav__link--hover--Color:var(--pf-v5-c-nav--m-horizontal__link--hover--Color); --pf-v5-c-nav__link--active--Color:var(--pf-v5-c-nav--m-horizontal__link--active--Color); --pf-v5-c-nav__link--focus--Color:var(--pf-v5-c-nav--m-horizontal__link--focus--Color); --pf-v5-c-nav__link--m-current--Color:var(--pf-v5-c-nav--m-horizontal__link--m-current--Color); --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav--m-horizontal__link--BackgroundColor); --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-c-nav--m-horizontal__link--hover--BackgroundColor); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-c-nav--m-horizontal__link--focus--BackgroundColor); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-c-nav--m-horizontal__link--active--BackgroundColor); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-c-nav--m-horizontal__link--m-current--BackgroundColor); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-c-nav--m-horizontal__link--before--BorderColor); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav--m-horizontal__link--before--BorderWidth); --pf-v5-c-nav__link--hover--before--BorderBottomWidth:var(--pf-v5-c-nav--m-horizontal__link--hover--before--BorderWidth); --pf-v5-c-nav__link--focus--before--BorderBottomWidth:var(--pf-v5-c-nav--m-horizontal__link--focus--before--BorderWidth); --pf-v5-c-nav__link--active--before--BorderBottomWidth:var(--pf-v5-c-nav--m-horizontal__link--active--before--BorderWidth); --pf-v5-c-nav__link--m-current--before--BorderBottomWidth:var(--pf-v5-c-nav--m-horizontal__link--m-current--before--BorderWidth) } .pf-v5-c-nav.pf-m-tertiary { --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-c-nav--m-tertiary__link--PaddingTop); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav--m-tertiary__link--PaddingRight); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-c-nav--m-tertiary__link--PaddingBottom); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav--m-tertiary__link--PaddingLeft); --pf-v5-c-nav__link--Right:var(--pf-v5-c-nav--m-tertiary__link--Right); --pf-v5-c-nav__link--Left:var(--pf-v5-c-nav--m-tertiary__link--Left); --pf-v5-c-nav__link--Color:var(--pf-v5-c-nav--m-tertiary__link--Color); --pf-v5-c-nav__link--hover--Color:var(--pf-v5-c-nav--m-tertiary__link--hover--Color); --pf-v5-c-nav__link--active--Color:var(--pf-v5-c-nav--m-tertiary__link--active--Color); --pf-v5-c-nav__link--focus--Color:var(--pf-v5-c-nav--m-tertiary__link--focus--Color); --pf-v5-c-nav__link--m-current--Color:var(--pf-v5-c-nav--m-tertiary__link--m-current--Color); --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav--m-tertiary__link--BackgroundColor); --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-c-nav--m-tertiary__link--hover--BackgroundColor); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-c-nav--m-tertiary__link--focus--BackgroundColor); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-c-nav--m-tertiary__link--active--BackgroundColor); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-c-nav--m-tertiary__link--m-current--BackgroundColor); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-c-nav--m-tertiary__link--before--BorderColor); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav--m-tertiary__link--before--BorderWidth); --pf-v5-c-nav__link--hover--before--BorderBottomWidth:var(--pf-v5-c-nav--m-tertiary__link--hover--before--BorderWidth); --pf-v5-c-nav__link--focus--before--BorderBottomWidth:var(--pf-v5-c-nav--m-tertiary__link--focus--before--BorderWidth); --pf-v5-c-nav__link--active--before--BorderBottomWidth:var(--pf-v5-c-nav--m-tertiary__link--active--before--BorderWidth); --pf-v5-c-nav__link--m-current--before--BorderBottomWidth:var(--pf-v5-c-nav--m-tertiary__link--m-current--before--BorderWidth); --pf-v5-c-nav__scroll-button--Color:var(--pf-v5-c-nav--m-tertiary__scroll-button--Color); --pf-v5-c-nav__scroll-button--hover--Color:var(--pf-v5-c-nav--m-tertiary__scroll-button--hover--Color); --pf-v5-c-nav__scroll-button--focus--Color:var(--pf-v5-c-nav--m-tertiary__scroll-button--focus--Color); --pf-v5-c-nav__scroll-button--active--Color:var(--pf-v5-c-nav--m-tertiary__scroll-button--active--Color); --pf-v5-c-nav__scroll-button--disabled--Color:var(--pf-v5-c-nav--m-tertiary__scroll-button--disabled--Color); --pf-v5-c-nav__scroll-button--before--BorderColor:var(--pf-v5-c-nav--m-tertiary__scroll-button--before--BorderColor); --pf-v5-c-nav__scroll-button--disabled--before--BorderColor:var(--pf-v5-c-nav--m-tertiary__scroll-button--disabled--before--BorderColor) } .pf-v5-c-nav.pf-m-horizontal-subnav { --pf-v5-c-nav__link--FontSize:var(--pf-v5-c-nav--m-horizontal-subnav__link--FontSize); --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-c-nav--m-horizontal-subnav__link--PaddingTop); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav--m-horizontal-subnav__link--PaddingRight); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-c-nav--m-horizontal-subnav__link--PaddingBottom); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav--m-horizontal-subnav__link--PaddingLeft); --pf-v5-c-nav__link--Color:var(--pf-v5-c-nav--m-horizontal-subnav__link--Color); --pf-v5-c-nav__link--Right:var(--pf-v5-c-nav--m-horizontal-subnav__link--Right); --pf-v5-c-nav__link--Left:var(--pf-v5-c-nav--m-horizontal-subnav__link--Left); --pf-v5-c-nav__link--hover--Color:var(--pf-v5-c-nav--m-horizontal-subnav__link--hover--Color); --pf-v5-c-nav__link--active--Color:var(--pf-v5-c-nav--m-horizontal-subnav__link--active--Color); --pf-v5-c-nav__link--focus--Color:var(--pf-v5-c-nav--m-horizontal-subnav__link--focus--Color); --pf-v5-c-nav__link--m-current--Color:var(--pf-v5-c-nav--m-horizontal-subnav__link--m-current--Color); --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--BackgroundColor); --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--hover--BackgroundColor); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--focus--BackgroundColor); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--active--BackgroundColor); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--m-current--BackgroundColor); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--before--BorderColor); --pf-v5-c-nav__link--after--BorderColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--after--BorderColor); --pf-v5-c-nav__link--hover--after--BorderColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--hover--after--BorderColor); --pf-v5-c-nav__link--active--after--BorderColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--active--after--BorderColor); --pf-v5-c-nav__link--m-current--after--BorderColor:var(--pf-v5-c-nav--m-horizontal-subnav__link--m-current--after--BorderColor); --pf-v5-c-nav__link--after--BorderLeftWidth:var(--pf-v5-c-nav--m-horizontal-subnav__link--after--BorderLeftWidth); --pf-v5-c-nav__link--hover--after--BorderLeftWidth:var(--pf-v5-c-nav--m-horizontal-subnav__link--hover--after--BorderLeftWidth); --pf-v5-c-nav__link--active--after--BorderLeftWidth:var(--pf-v5-c-nav--m-horizontal-subnav__link--active--after--BorderLeftWidth); --pf-v5-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-v5-c-nav--m-horizontal-subnav__link--m-current--after--BorderLeftWidth) } .pf-v5-c-nav.pf-m-horizontal-subnav.pf-m-scrollable .pf-v5-c-nav__item:first-child { --pf-v5-c-nav__link--after--BorderLeftWidth:0; --pf-v5-c-nav__link--hover--after--BorderLeftWidth:0; --pf-v5-c-nav__link--active--after--BorderLeftWidth:0; --pf-v5-c-nav__link--m-current--after--BorderLeftWidth:0 } .pf-v5-c-nav .pf-v5-c-divider { --pf-v5-c-divider--after--BackgroundColor:var(--pf-v5-c-nav--c-divider--BackgroundColor); margin-block-start:var(--pf-v5-c-nav--c-divider--MarginTop); margin-block-end:var(--pf-v5-c-nav--c-divider--MarginBottom); padding-inline-start:var(--pf-v5-c-nav--c-divider--PaddingLeft); padding-inline-end:var(--pf-v5-c-nav--c-divider--PaddingRight) } .pf-v5-c-nav.pf-m-scrollable .pf-v5-c-nav__scroll-button { opacity:1 } .pf-v5-c-nav.pf-m-scrollable .pf-v5-c-nav__scroll-button:first-of-type { margin-inline-end:0; transform:translate(0) } .pf-v5-c-nav.pf-m-scrollable .pf-v5-c-nav__scroll-button:nth-of-type(2) { margin-inline-start:0; transform:translate(0) } .pf-v5-c-nav.pf-m-overflow-hidden { overflow:hidden } .pf-v5-c-nav__list { padding-block-start:var(--pf-v5-c-nav__list--PaddingTop); padding-block-end:var(--pf-v5-c-nav__list--PaddingBottom); display:block; position:relative } .pf-v5-c-nav__item { position:relative } .pf-v5-c-nav__item.pf-m-expandable { --pf-v5-c-nav__link--before--BorderBottomWidth:0 } .pf-v5-c-nav__item.pf-m-expandable:before { content:""; border-block-end:var(--pf-v5-c-nav__item--before--BorderWidth)solid var(--pf-v5-c-nav__item--before--BorderColor); position:absolute; inset-block-end:calc(var(--pf-v5-c-nav__item--before--BorderWidth)*-1); inset-inline:0 } .pf-v5-c-nav__item:not(:first-child) { margin-block-start:var(--pf-v5-c-nav__item--MarginTop) } .pf-v5-c-nav__item .pf-v5-c-nav__item:not(.pf-m-expanded) .pf-v5-c-nav__toggle-icon { transform:rotate(0) } .pf-v5-c-nav__item .pf-v5-c-nav__item.pf-m-expandable { --pf-v5-c-nav__toggle--FontSize:var(--pf-v5-c-nav__item__item__toggle--FontSize); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav__item__item__link--PaddingRight) } @media screen and (width>=1200px) { .pf-v5-c-nav__item .pf-v5-c-nav__item.pf-m-expandable:before { border-block-end:none } } .pf-v5-c-nav__item .pf-v5-c-nav__item.pf-m-expandable .pf-v5-c-nav__list:before { pointer-events:none; content:""; border-inline-start:var(--pf-v5-c-nav__item--before--BorderWidth)solid var(--pf-v5-c-nav__item--before--BorderColor); position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-nav__item .pf-v5-c-nav__toggle-icon { transform:rotate(var(--pf-v5-c-nav__item__toggle-icon--Rotate)) } .pf-v5-c-nav__item.pf-m-flyout:hover { --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--hover__link--BackgroundColor); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav__item--m-flyout--hover__link--before--BorderWidth) } .pf-v5-c-nav__item.pf-m-flyout:focus { --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--focus__link--BackgroundColor); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav__item--m-flyout--focus__link--before--BorderWidth) } .pf-v5-c-nav__item.pf-m-flyout:active { --pf-v5-c-nav__link--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--active__link--BackgroundColor); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav__item--m-flyout--active__link--before--BorderWidth) } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu { --pf-v5-c-menu--MinWidth:100%; --pf-v5-c-menu--BoxShadow:var(--pf-v5-c-nav__item--m-flyout--c-menu--BoxShadow); --pf-v5-c-menu--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--c-menu--BackgroundColor); --pf-v5-c-menu__list--PaddingTop:0; --pf-v5-c-menu__list--PaddingBottom:0; --pf-v5-c-menu__list-item--hover--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--c-menu__list-item--hover--BackgroundColor); --pf-v5-c-menu__list-item--focus-within--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--c-menu__list-item--focus-within--BackgroundColor); --pf-v5-c-menu__list-item--active--BackgroundColor:var(--pf-v5-c-nav__item--m-flyout--c-menu__list-item--active--BackgroundColor); --pf-v5-c-menu__item--FontSize:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--FontSize); --pf-v5-c-menu__item--Color:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--Color); --pf-v5-c-menu__item--PaddingTop:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingTop); --pf-v5-c-menu__item--PaddingRight:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingRight); --pf-v5-c-menu__item--PaddingBottom:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingBottom); --pf-v5-c-menu__item--PaddingLeft:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--PaddingLeft); --pf-v5-c-menu__item-description--Color:var(--pf-v5-c-nav__item--m-flyout--c-menu__item-description--Color); --pf-v5-c-nav--c-menu--m-flyout--c-menu--Bottom:var(--pf-v5-c-nav__item--m-flyout--c-menu--m-top--Bottom); --pf-v5-c-nav--c-menu--m-flyout--c-menu--Right:var(--pf-v5-c-nav__item--m-flyout--c-menu--m-left--Right); position:absolute; inset-block-start:var(--pf-v5-c-nav__item--m-flyout--c-menu--Top); inset-inline-start:var(--pf-v5-c-nav__item--m-flyout--c-menu--Left) } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu { inset-block-start:var(--pf-v5-c-nav__item--m-flyout--c-menu--c-menu--Top) } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__list-item:first-child { --pf-v5-c-nav__item--m-flyout--c-menu--c-menu--Top:var(--pf-v5-c-nav__item--m-flyout--c-menu__list-item--first-child--c-menu--Top); --pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--Top:var(--pf-v5-c-nav__item--m-flyout--c-menu__list-item--first-child__item--hover--after--Top) } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__item { outline-offset:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--OutlineOffset); position:relative } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__item:before { content:""; border-block-end:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--before--BorderBottomWidth)solid var(--pf-v5-c-nav__item--m-flyout--c-menu__item--before--BorderBottomColor); position:absolute; inset-block-end:0; inset-inline:0 } .pf-v5-c-nav__item.pf-m-flyout .pf-v5-c-menu .pf-v5-c-menu__item:hover:after { content:""; border-inline-start:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftWidth)solid var(--pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--BorderLeftColor); position:absolute; inset-block-start:var(--pf-v5-c-nav__item--m-flyout--c-menu__item--hover--after--Top); inset-block-end:0; inset-inline-start:0 } .pf-v5-c-nav__item.pf-m-drilldown.pf-m-expanded>.pf-v5-c-nav__subnav { z-index:var(--pf-v5-c-nav__item--m-drilldown--m-expanded__subnav--ZIndex); inset-inline-start:0 } .pf-v5-c-nav__link { font-size:var(--pf-v5-c-nav__link--FontSize); font-weight:var(--pf-v5-c-nav__link--FontWeight); color:var(--pf-v5-c-nav__link--Color); background-color:var(--pf-v5-c-nav__link--BackgroundColor); outline-offset:var(--pf-v5-c-nav__link--OutlineOffset); align-items:baseline; padding-block-start:var(--pf-v5-c-nav__link--PaddingTop); padding-block-end:var(--pf-v5-c-nav__link--PaddingBottom); padding-inline-start:var(--pf-v5-c-nav__link--PaddingLeft); padding-inline-end:var(--pf-v5-c-nav__link--PaddingRight); display:flex; position:relative } .pf-v5-c-nav__link:after, .pf-v5-c-nav__link:before { content:""; border:0 solid; position:absolute } .pf-v5-c-nav__link:before { border-color:var(--pf-v5-c-nav__link--before--BorderColor); border-block-end-width:var(--pf-v5-c-nav__link--before--BorderBottomWidth); inset-block-end:calc(var(--pf-v5-c-nav__link--before--BorderBottomWidth)*-1); inset-inline:0 } .pf-v5-c-nav__link:after { border:0 solid; border-color:var(--pf-v5-c-nav__link--after--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__link--after--BorderLeftWidth); inset-block:0; inset-inline-start:0 } .pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-hover { color:var(--pf-v5-c-nav__link--hover--Color); background-color:var(--pf-v5-c-nav__link--hover--BackgroundColor) } .pf-v5-c-nav__link:hover:before, .pf-v5-c-nav__link.pf-m-hover:before { border-block-end-width:var(--pf-v5-c-nav__link--hover--before--BorderBottomWidth) } .pf-v5-c-nav__link:hover:after, .pf-v5-c-nav__link.pf-m-hover:after { border-color:var(--pf-v5-c-nav__link--hover--after--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__link--hover--after--BorderLeftWidth) } .pf-v5-c-nav__link:focus { color:var(--pf-v5-c-nav__link--focus--Color); background-color:var(--pf-v5-c-nav__link--focus--BackgroundColor) } .pf-v5-c-nav__link:focus:before { border-block-end-width:var(--pf-v5-c-nav__link--focus--before--BorderBottomWidth) } .pf-v5-c-nav__link:focus:after { border-color:var(--pf-v5-c-nav__link--focus--after--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__link--focus--after--BorderLeftWidth) } .pf-v5-c-nav__link:active { color:var(--pf-v5-c-nav__link--active--Color); background-color:var(--pf-v5-c-nav__link--active--BackgroundColor) } .pf-v5-c-nav__link:active:before { border-block-end-width:var(--pf-v5-c-nav__link--active--before--BorderBottomWidth) } .pf-v5-c-nav__link:active:after { border-color:var(--pf-v5-c-nav__link--active--after--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__link--active--after--BorderLeftWidth) } .pf-v5-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current:hover, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link { color:var(--pf-v5-c-nav__link--m-current--Color); background-color:var(--pf-v5-c-nav__link--m-current--BackgroundColor) } .pf-v5-c-nav__link.pf-m-current:before, .pf-v5-c-nav__link.pf-m-current:hover:before, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:before { border-block-end-width:var(--pf-v5-c-nav__link--m-current--before--BorderBottomWidth) } .pf-v5-c-nav__link.pf-m-current:after, .pf-v5-c-nav__link.pf-m-current:hover:after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after { border-color:var(--pf-v5-c-nav__link--m-current--after--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__link--m-current--after--BorderLeftWidth) } .pf-v5-c-nav__link, .pf-v5-c-nav__link:hover, .pf-v5-c-nav__link:focus, .pf-v5-c-nav__link:active { border:none; width:100%; text-decoration:none } .pf-v5-c-nav__subnav { --pf-v5-c-nav__list--PaddingTop:0; --pf-v5-c-nav__list--PaddingBottom:0; --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-c-nav__subnav__link--PaddingTop); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav__subnav__link--PaddingRight); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-c-nav__subnav__link--PaddingBottom); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav__subnav__link--PaddingLeft); --pf-v5-c-nav__link--FontSize:var(--pf-v5-c-nav__subnav__link--FontSize); --pf-v5-c-nav__link--hover--after--BorderColor:var(--pf-v5-c-nav__subnav__link--hover--after--BorderColor); --pf-v5-c-nav__link--focus--after--BorderColor:var(--pf-v5-c-nav__subnav__link--focus--after--BorderColor); --pf-v5-c-nav__link--active--after--BorderColor:var(--pf-v5-c-nav__subnav__link--active--after--BorderColor); --pf-v5-c-nav__link--m-current--after--BorderColor:var(--pf-v5-c-nav__subnav__link--m-current--after--BorderColor); --pf-v5-c-nav__link--hover--after--BorderLeftWidth:var(--pf-v5-c-nav__subnav__link--hover--after--BorderWidth); --pf-v5-c-nav__link--focus--after--BorderLeftWidth:var(--pf-v5-c-nav__subnav__link--focus--after--BorderWidth); --pf-v5-c-nav__link--active--after--BorderLeftWidth:var(--pf-v5-c-nav__subnav__link--active--after--BorderWidth); --pf-v5-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-v5-c-nav__subnav__link--m-current--after--BorderWidth); --pf-v5-c-nav--c-divider--PaddingRight:var(--pf-v5-c-nav__subnav--c-divider--PaddingRight); --pf-v5-c-nav--c-divider--PaddingLeft:var(--pf-v5-c-nav__subnav--c-divider--PaddingLeft); max-height:var(--pf-v5-c-nav__subnav--MaxHeight); transition:var(--pf-v5-c-nav--Transition); scrollbar-width:none; -ms-overflow-style:-ms-autohiding-scrollbar; padding-block-end:var(--pf-v5-c-nav__subnav--PaddingBottom); padding-inline-start:var(--pf-v5-c-nav__subnav--PaddingLeft) } .pf-v5-c-nav__subnav .pf-v5-c-nav__subnav { --pf-v5-c-nav__link--FontSize:var(--pf-v5-c-nav__subnav__subnav__link--FontSize); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav__subnav__subnav__link--PaddingLeft); --pf-v5-c-nav__subnav--PaddingLeft:var(--pf-v5-c-nav__subnav__subnav--PaddingLeft) } .pf-v5-c-nav__subnav.pf-m-flyout { width:100% } .pf-v5-c-nav__item.pf-m-expanded .pf-v5-c-nav__subnav { --pf-v5-c-nav__subnav--MaxHeight:var(--pf-v5-c-nav__item--m-expanded__subnav--MaxHeight); opacity:1; overflow-y:auto } .pf-v5-c-nav__subnav::-webkit-scrollbar { display:none } .pf-v5-c-nav__toggle { font-size:var(--pf-v5-c-nav__toggle--FontSize); flex:none; margin-inline-start:auto; padding-inline-start:var(--pf-v5-c-nav__toggle--PaddingLeft); padding-inline-end:var(--pf-v5-c-nav__toggle--PaddingRight); line-height:1 } .pf-v5-c-nav__toggle.pf-m-start { margin-inline-start:calc(var(--pf-v5-c-nav__toggle--PaddingRight)*-1); margin-inline-end:var(--pf-v5-c-nav__toggle--m-start--MarginRight) } .pf-v5-c-nav__toggle-icon { transition:var(--pf-v5-c-nav__toggle-icon--Transition); display:inline-block } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon { scale:-1 1 } .pf-v5-c-nav__item.pf-m-expanded .pf-v5-c-nav__toggle-icon { transform:rotate(var(--pf-v5-c-nav__item--m-expanded__toggle-icon--Rotate)) } .pf-v5-c-nav__section { --pf-v5-c-nav__item--MarginTop:var(--pf-v5-c-nav__section__item--MarginTop); --pf-v5-c-nav__link--PaddingTop:var(--pf-v5-c-nav__section__link--PaddingTop); --pf-v5-c-nav__link--PaddingRight:var(--pf-v5-c-nav__section__link--PaddingRight); --pf-v5-c-nav__link--PaddingBottom:var(--pf-v5-c-nav__section__link--PaddingBottom); --pf-v5-c-nav__link--PaddingLeft:var(--pf-v5-c-nav__section__link--PaddingLeft); --pf-v5-c-nav__link--FontSize:var(--pf-v5-c-nav__section__link--FontSize); --pf-v5-c-nav__link--before--BorderBottomWidth:var(--pf-v5-c-nav__section__link--before--BorderBottomWidth); --pf-v5-c-nav__link--hover--after--BorderColor:var(--pf-v5-c-nav__section__link--hover--after--BorderColor); --pf-v5-c-nav__link--focus--after--BorderColor:var(--pf-v5-c-nav__section__link--focus--after--BorderColor); --pf-v5-c-nav__link--active--after--BorderColor:var(--pf-v5-c-nav__section__link--active--after--BorderColor); --pf-v5-c-nav__link--m-current--after--BorderColor:var(--pf-v5-c-nav__section__link--m-current--after--BorderColor); --pf-v5-c-nav__link--hover--after--BorderLeftWidth:var(--pf-v5-c-nav__section__link--hover--after--BorderWidth); --pf-v5-c-nav__link--focus--after--BorderLeftWidth:var(--pf-v5-c-nav__section__link--focus--after--BorderWidth); --pf-v5-c-nav__link--active--after--BorderLeftWidth:var(--pf-v5-c-nav__section__link--active--after--BorderWidth); --pf-v5-c-nav__link--m-current--after--BorderLeftWidth:var(--pf-v5-c-nav__section__link--m-current--after--BorderWidth); --pf-v5-c-nav__list--PaddingTop:0; --pf-v5-c-nav__list--PaddingBottom:0; --pf-v5-c-nav--c-divider--MarginBottom:0 } .pf-v5-c-nav__section:first-child { padding-block-start:var(--pf-v5-c-nav__section--first-child--PaddingTop) } .pf-v5-c-nav__section+.pf-v5-c-nav__section { margin-block-start:var(--pf-v5-c-nav__section--section--MarginTop) } .pf-v5-c-nav__section:last-child { padding-block-end:var(--pf-v5-c-nav__section--last-child--PaddingBottom) } .pf-v5-c-nav__section-title { font-size:var(--pf-v5-c-nav__section-title--FontSize); color:var(--pf-v5-c-nav__section-title--Color); border-block-end:var(--pf-v5-c-nav__section-title--BorderBottomWidth)solid var(--pf-v5-c-nav__section-title--BorderBottomColor); margin-block-end:var(--pf-v5-c-nav__section-title--MarginBottom); padding-block-start:var(--pf-v5-c-nav__section-title--PaddingTop); padding-block-end:var(--pf-v5-c-nav__section-title--PaddingBottom); padding-inline-start:var(--pf-v5-c-nav__section-title--PaddingLeft); padding-inline-end:var(--pf-v5-c-nav__section-title--PaddingRight) } .pf-v5-c-nav__scroll-button { width:var(--pf-v5-c-nav__scroll-button--Width); color:var(--pf-v5-c-nav__scroll-button--Color); background-color:var(--pf-v5-c-nav__scroll-button--BackgroundColor); outline-offset:var(--pf-v5-c-nav__scroll-button--OutlineOffset); opacity:0; transition:var(--pf-v5-c-nav__scroll-button--Transition); border:0; flex:none } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button>* { scale:-1 1 } .pf-v5-c-nav__scroll-button:before { content:""; border:0 solid var(--pf-v5-c-nav__scroll-button--before--BorderColor); border-inline-start-width:var(--pf-v5-c-nav__scroll-button--before--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-nav__scroll-button--before--BorderRightWidth); position:absolute; inset-block:0 } .pf-v5-c-nav__scroll-button:hover { color:var(--pf-v5-c-nav__scroll-button--hover--Color) } .pf-v5-c-nav__scroll-button:focus { color:var(--pf-v5-c-nav__scroll-button--focus--Color) } .pf-v5-c-nav__scroll-button:active { color:var(--pf-v5-c-nav__scroll-button--active--Color) } .pf-v5-c-nav__scroll-button:disabled { color:var(--pf-v5-c-nav__scroll-button--disabled--Color); border-color:var(--pf-v5-c-nav__scroll-button--disabled--before--BorderColor) } .pf-v5-c-nav__scroll-button:first-of-type { --pf-v5-c-nav__scroll-button--before--BorderRightWidth:var(--pf-v5-c-nav__scroll-button--before--BorderWidth); margin-inline-end:calc(var(--pf-v5-c-nav__scroll-button--Width)*-1); transform:translate(-100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:first-of-type { transform:translateX(calc(-100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-nav__scroll-button:first-of-type:before { inset-inline-end:0 } .pf-v5-c-nav__scroll-button:nth-of-type(2) { --pf-v5-c-nav__scroll-button--before--BorderLeftWidth:var(--pf-v5-c-nav__scroll-button--before--BorderWidth); margin-inline-start:calc(var(--pf-v5-c-nav__scroll-button--Width)*-1); transform:translate(100%) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) { transform:translateX(calc(100%*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-nav__scroll-button:nth-of-type(2):before { inset-inline-start:0 } :where(.pf-v5-theme-dark) .pf-v5-c-nav { --pf-v5-c-nav__item--item__link--after--Top:-1px; --pf-v5-c-nav__item--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav__link--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-nav__link--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-nav__link--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-nav__link--m-current--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-nav__link--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav--m-tertiary__scroll-button--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav__section-title--Color:var(--pf-v5-global--Color--200); --pf-v5-c-nav__section-title--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav__scroll-button--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav--c-divider--BackgroundColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-nav__link--hover--before--BorderBottomWidth:0; --pf-v5-c-nav__link--focus--before--BorderBottomWidth:0; --pf-v5-c-nav__link--active--before--BorderBottomWidth:0; --pf-v5-c-nav__link--m-current--before--BorderBottomWidth:0 } :where(.pf-v5-theme-dark) .pf-v5-c-nav__link:before { inset-block-end:0 } :where(.pf-v5-theme-dark) .pf-v5-c-nav__link:after { inset-block-start:var(--pf-v5-c-nav__item--item__link--after--Top) } :where(.pf-v5-theme-dark) .pf-v5-c-nav__item+.pf-v5-c-nav__item { --pf-v5-c-nav__link--after--Top:var(--pf-v5-c-nav__item--item__link--after--Top) } :where(.pf-v5-theme-dark) .pf-v5-c-nav__subnav, :where(.pf-v5-theme-dark) .pf-v5-c-nav__section { --pf-v5-c-nav__item--item__link--after--Top:0 } .pf-v5-c-page__sidebar.pf-m-light { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-c-page__main-section[class*=pf-m-dark-], .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-page__sidebar, .pf-v5-c-page__header { --pf-v5-global--Color--100:var(--pf-v5-global--Color--light-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--light-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--light-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--light-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--light); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--light); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--light); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--light) } .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-page__sidebar .pf-v5-c-button, .pf-v5-c-page__header .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--dark-100) } .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--hidden--Display:none; --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display); display:var(--pf-v5-hidden-visible--Display) } .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } @media screen and (width>=576px) { .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=768px) { .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=992px) { .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1200px) { .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1450px) { .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } :root { --pf-v5-c-page--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-page--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-page--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-c-page__header--ZIndex:var(--pf-v5-global--ZIndex--md); --pf-v5-c-page__header--MinHeight:4.75rem; --pf-v5-c-page__header-brand--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-brand--xl--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-brand--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight:var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft:calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft)*-1); --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-page__header-brand-link--c-brand--MaxHeight:3.75rem; --pf-v5-c-page__header-nav--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-page__header-nav--xl--BackgroundColor:transparent; --pf-v5-c-page__header-nav--xl--PaddingRight:var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-nav--xl--PaddingLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-tools--MarginRight:var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-tools--xl--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header-tools--c-avatar--MarginLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-tools-group--MarginLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-tools-group--Display:flex; --pf-v5-c-page__header-tools-item--Display:block; --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor:var(--pf-v5-global--danger-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor:var(--pf-v5-global--primary-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor:var(--pf-v5-global--danger-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--before--Width:auto; --pf-v5-c-page__header-tools--c-button--m-selected--before--Height:auto; --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__header-tools--c-button--m-selected--before--BorderRadius:var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor:transparent; --pf-v5-c-page__sidebar--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-page__sidebar--Width:18.125rem; --pf-v5-c-page__sidebar--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-page__sidebar--m-light--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__sidebar--m-light--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar--m-light--BorderRightColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-page__sidebar--BoxShadow:var(--pf-v5-global--BoxShadow--lg-right); --pf-v5-c-page__sidebar--Transition:var(--pf-v5-global--Transition); --pf-v5-c-page__sidebar--TranslateX:-100%; --pf-v5-c-page__sidebar--TranslateZ:0; --pf-v5-c-page__sidebar--m-expanded--TranslateX:0; --pf-v5-c-page__sidebar--xl--TranslateX:0; --pf-v5-c-page__sidebar-body--PaddingRight:0; --pf-v5-c-page__sidebar-body--PaddingLeft:0; --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight:var(--pf-v5-c-page--inset); --pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft:var(--pf-v5-c-page--inset); --pf-v5-c-page__sidebar-body--m-menu--BorderTopColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor:var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__main--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page__main-section--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--xl--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-page__main-section--m-light--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-section--m-light-100--BackgroundColor:var(--pf-v5-global--BackgroundColor--150); --pf-v5-c-page__main-section--m-dark-100--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-transparent-100); --pf-v5-c-page__main-section--m-dark-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-transparent-200); --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page--section--m-limit-width--MaxWidth:calc(125rem - var(--pf-v5-c-page__sidebar--Width)); --pf-v5-c-page--section--m-sticky-top--ZIndex:var(--pf-v5-global--ZIndex--md); --pf-v5-c-page--section--m-sticky-top--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-page--section--m-sticky-bottom--ZIndex:var(--pf-v5-global--ZIndex--md); --pf-v5-c-page--section--m-sticky-bottom--BoxShadow:var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-page--section--m-shadow-bottom--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-page--section--m-shadow-bottom--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page--section--m-shadow-top--BoxShadow:var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-page--section--m-shadow-top--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page__main-nav--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-nav--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--PaddingRight:0; --pf-v5-c-page__main-nav--PaddingLeft:0; --pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--xl--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__main-nav--xl--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-page__main-subnav--BackgroundColor:var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-page__main-subnav--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__main-subnav--BorderTopColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-page__main-subnav--BorderLeftWidth:0; --pf-v5-c-page__main-subnav--BorderLeftColor:var(--pf-v5-global--palette--black-800); --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth:0; --pf-v5-c-page__main-breadcrumb--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-breadcrumb--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--PaddingBottom:0; --pf-v5-c-page__main-breadcrumb--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-tabs--PaddingTop:0; --pf-v5-c-page__main-tabs--PaddingRight:0; --pf-v5-c-page__main-tabs--PaddingBottom:0; --pf-v5-c-page__main-tabs--PaddingLeft:0; --pf-v5-c-page__main-tabs--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-wizard--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-wizard--BorderTopColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-page__main-wizard--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__main-wizard--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200) } @media (width>=1200px) { :root { --pf-v5-c-page__header-brand--PaddingLeft:var(--pf-v5-c-page__header-brand--xl--PaddingLeft); --pf-v5-c-page--inset:var(--pf-v5-c-page--xl--inset) } } @media screen and (width>=1200px) { :root { --pf-v5-c-page__header-nav--BackgroundColor:var(--pf-v5-c-page__header-nav--xl--BackgroundColor); --pf-v5-c-page__header-nav--PaddingRight:var(--pf-v5-c-page__header-nav--xl--PaddingRight); --pf-v5-c-page__header-nav--PaddingLeft:var(--pf-v5-c-page__header-nav--xl--PaddingLeft); --pf-v5-c-page__header-tools--MarginRight:var(--pf-v5-c-page__header-tools--xl--MarginRight); --pf-v5-c-page__sidebar--TranslateX:var(--pf-v5-c-page__sidebar--xl--TranslateX); --pf-v5-c-page__main-section--PaddingTop:var(--pf-v5-c-page__main-section--xl--PaddingTop); --pf-v5-c-page__main-section--PaddingRight:var(--pf-v5-c-page__main-section--xl--PaddingRight); --pf-v5-c-page__main-section--PaddingBottom:var(--pf-v5-c-page__main-section--xl--PaddingBottom); --pf-v5-c-page__main-section--PaddingLeft:var(--pf-v5-c-page__main-section--xl--PaddingLeft); --pf-v5-c-page__main-nav--PaddingRight:var(--pf-v5-c-page__main-nav--xl--PaddingRight); --pf-v5-c-page__main-nav--PaddingLeft:var(--pf-v5-c-page__main-nav--xl--PaddingLeft); --pf-v5-c-page__main-breadcrumb--PaddingRight:var(--pf-v5-c-page__main-breadcrumb--xl--PaddingRight); --pf-v5-c-page__main-breadcrumb--PaddingLeft:var(--pf-v5-c-page__main-breadcrumb--xl--PaddingLeft) } } .pf-v5-c-page { background-color:var(--pf-v5-c-page--BackgroundColor); grid-template:"header"max-content"main"1fr/1fr; height:100dvh; max-height:100%; display:grid } @media (width>=1200px) { .pf-v5-c-page { grid-template-columns:max-content 1fr; grid-template-areas:"header header""nav main" } } .pf-v5-c-page__header, .pf-v5-c-page>.pf-v5-c-masthead { z-index:var(--pf-v5-c-page__header--ZIndex); grid-area:header } .pf-v5-c-page__header { color:var(--pf-v5-global--Color--100); min-width:0; min-height:var(--pf-v5-c-page__header--MinHeight); background-color:var(--pf-v5-c-page__header--BackgroundColor); grid-template-columns:auto auto; align-items:center; display:grid } .pf-v5-c-page__header>* { align-items:center; display:flex } @media screen and (width>=992px) { .pf-v5-c-page__header { grid-template-columns:auto 1fr auto } } .pf-v5-c-page__header .pf-v5-c-masthead { grid-column:span 2; align-self:stretch } .pf-v5-c-page__header-brand { grid-column:1/2; padding-inline-start:var(--pf-v5-c-page__header-brand--PaddingLeft) } @media (width>=1200px) { .pf-v5-c-page__header-brand { padding-inline-end:var(--pf-v5-c-page__header-brand--xl--PaddingRight) } } .pf-v5-c-page__header-brand-link { flex:1; align-items:center; display:flex } .pf-v5-c-page__header-brand-link .pf-v5-c-brand { max-height:var(--pf-v5-c-page__header-brand-link--c-brand--MaxHeight) } .pf-v5-c-page__header-brand-toggle .pf-v5-c-button { font-size:var(--pf-v5-c-page__header-sidebar-toggle__c-button--FontSize); margin-inline-start:var(--pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft); margin-inline-end:var(--pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight); padding-block-start:var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop); padding-block-end:var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight); line-height:1 } .pf-v5-c-page__header-nav { min-width:0; background-color:var(--pf-v5-c-page__header-nav--BackgroundColor); grid-area:2/1/3/-1; align-self:stretch; padding-inline-start:var(--pf-v5-c-page__header-nav--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__header-nav--PaddingRight) } @media screen and (width>=1200px) { .pf-v5-c-page__header-nav { grid-area:1/2/2/3 } } .pf-v5-c-page__header-nav .pf-v5-c-nav { align-self:stretch } .pf-v5-c-page__header-tools { grid-column:2/3; margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-page__header-tools--MarginRight) } .pf-v5-c-page__header-tools .pf-v5-c-avatar { margin-inline-start:var(--pf-v5-c-page__header-tools--c-avatar--MarginLeft) } @media screen and (width>=992px) { .pf-v5-c-page__header-tools { grid-column:3/4 } } .pf-v5-c-page__header-tools-group { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-page__header-tools-group--Display); align-items:center } .pf-v5-c-page__header-tools-group+.pf-v5-c-page__header-tools-group { margin-inline-start:var(--pf-v5-c-page__header-tools-group--MarginLeft) } .pf-v5-c-page__header-tools-item { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-page__header-tools-item--Display) } .pf-v5-c-page__header-tools-item .pf-v5-c-notification-badge.pf-m-read:hover { --pf-v5-c-notification-badge--after--BackgroundColor:var(--pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor) } .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button { background-color:var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor); border-radius:var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BorderRadius) } .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button:before { width:var(--pf-v5-c-page__header-tools--c-button--m-selected--before--Width); height:var(--pf-v5-c-page__header-tools--c-button--m-selected--before--Height); content:""; position:absolute; inset:0 } .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-unread { --pf-v5-c-notification-badge--after--BackgroundColor:var(--pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor) } .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-unread:after { border-color:var(--pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor) } .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge.pf-m-attention { --pf-v5-c-notification-badge--after--BackgroundColor:var(--pf-v5-global--danger-color--200) } .pf-v5-c-page__header-tools-item .pf-v5-c-button:focus .pf-v5-c-notification-badge.pf-m-unread { --pf-v5-c-notification-badge--after--BackgroundColor:var(--pf-v5-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor) } .pf-v5-c-page__header-tools-item .pf-v5-c-button:focus .pf-v5-c-notification-badge.pf-m-attention { --pf-v5-c-notification-badge--after--BackgroundColor:var(--pf-v5-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor) } .pf-v5-c-page__sidebar { color:var(--pf-v5-global--Color--100); z-index:var(--pf-v5-c-page__sidebar--ZIndex); width:var(--pf-v5-c-page__sidebar--Width); -webkit-overflow-scrolling:touch; background-color:var(--pf-v5-c-page__sidebar--BackgroundColor); transition:var(--pf-v5-c-page__sidebar--Transition); transform:translateX(var(--pf-v5-c-page__sidebar--TranslateX))translateZ(var(--pf-v5-c-page__sidebar--TranslateZ)); flex-direction:column; grid-area:2/1/nav/nav; display:flex; overflow:hidden auto } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar { transform:translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX)*var(--pf-v5-global--inverse--multiplier)))translateZ(var(--pf-v5-c-page__sidebar--TranslateZ)) } .pf-v5-c-page__sidebar.pf-m-expanded { --pf-v5-c-page__sidebar--TranslateX:var(--pf-v5-c-page__sidebar--m-expanded--TranslateX); box-shadow:var(--pf-v5-c-page__sidebar--BoxShadow) } @media screen and (width>=1200px) { .pf-v5-c-page__sidebar.pf-m-expanded { --pf-v5-c-page__sidebar--BoxShadow:none } } .pf-v5-c-page__sidebar.pf-m-collapsed { max-width:0; overflow:hidden } .pf-v5-c-page__sidebar.pf-m-light { color:var(--pf-v5-global--Color--100); --pf-v5-c-page__sidebar--BackgroundColor:var(--pf-v5-c-page__sidebar--m-light--BackgroundColor); border-inline-end:var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth)solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor) } .pf-v5-c-page__sidebar-body { padding-inline-start:var(--pf-v5-c-page__sidebar-body--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__sidebar-body--PaddingRight) } .pf-v5-c-page__sidebar-body:last-child { flex-grow:1 } .pf-v5-c-page__sidebar-body.pf-m-menu { background-color:var(--pf-v5-global--palette--black-900); border-block-start:var(--pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth)solid var(--pf-v5-c-page__sidebar-body--m-menu--BorderTopColor) } .pf-v5-c-page__sidebar-body.pf-m-menu+.pf-v5-c-page__sidebar-body.pf-m-menu { --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth:0 } .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector { --pf-v5-c-context-selector__toggle--BorderTopColor:transparent; --pf-v5-c-context-selector__toggle--BorderRightColor:transparent; --pf-v5-c-context-selector__toggle--BorderBottomColor:var(--pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor); --pf-v5-c-context-selector__toggle--BorderLeftColor:transparent; --pf-v5-c-context-selector__menu--Top:100%; color:var(--pf-v5-global--Color--100); width:100% } .pf-v5-c-page__sidebar-body.pf-m-page-insets { --pf-v5-c-page__sidebar-body--PaddingRight:var(--pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight); --pf-v5-c-page__sidebar-body--PaddingLeft:var(--pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft) } .pf-v5-c-page__sidebar-body.pf-m-inset-none { --pf-v5-c-page__sidebar-body--PaddingRight:0; --pf-v5-c-page__sidebar-body--PaddingLeft:0 } .pf-v5-c-page__sidebar-body.pf-m-fill { flex-grow:1 } .pf-v5-c-page__sidebar-body.pf-m-no-fill { flex-grow:0 } .pf-v5-c-page__main-nav.pf-m-limit-width, .pf-v5-c-page__main-breadcrumb.pf-m-limit-width, .pf-v5-c-page__main-tabs.pf-m-limit-width, .pf-v5-c-page__main-section.pf-m-limit-width, .pf-v5-c-page__main-wizard.pf-m-limit-width { flex-direction:column; padding:0; display:flex } .pf-v5-c-page__main-nav.pf-m-limit-width>.pf-v5-c-page__main-body, .pf-v5-c-page__main-breadcrumb.pf-m-limit-width>.pf-v5-c-page__main-body, .pf-v5-c-page__main-tabs.pf-m-limit-width>.pf-v5-c-page__main-body, .pf-v5-c-page__main-section.pf-m-limit-width>.pf-v5-c-page__main-body, .pf-v5-c-page__main-wizard.pf-m-limit-width>.pf-v5-c-page__main-body { max-width:var(--pf-v5-c-page--section--m-limit-width--MaxWidth); flex:1 } .pf-v5-c-page__main-nav.pf-m-limit-width.pf-m-align-center, .pf-v5-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center, .pf-v5-c-page__main-tabs.pf-m-limit-width.pf-m-align-center, .pf-v5-c-page__main-section.pf-m-limit-width.pf-m-align-center, .pf-v5-c-page__main-wizard.pf-m-limit-width.pf-m-align-center { align-items:center } .pf-v5-c-page__main-nav.pf-m-limit-width.pf-m-align-center>.pf-v5-c-page__main-body, .pf-v5-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center>.pf-v5-c-page__main-body, .pf-v5-c-page__main-tabs.pf-m-limit-width.pf-m-align-center>.pf-v5-c-page__main-body, .pf-v5-c-page__main-section.pf-m-limit-width.pf-m-align-center>.pf-v5-c-page__main-body, .pf-v5-c-page__main-wizard.pf-m-limit-width.pf-m-align-center>.pf-v5-c-page__main-body { width:100% } .pf-v5-c-page__main-nav, .pf-v5-c-page__main-breadcrumb, .pf-v5-c-page__main-tabs, .pf-v5-c-page__main-section, .pf-v5-c-page__main-wizard, .pf-v5-c-page__main-group, .pf-v5-c-page__main-subnav { flex-shrink:0 } .pf-v5-c-page__main-nav.pf-m-overflow-scroll, .pf-v5-c-page__main-breadcrumb.pf-m-overflow-scroll, .pf-v5-c-page__main-tabs.pf-m-overflow-scroll, .pf-v5-c-page__main-section.pf-m-overflow-scroll, .pf-v5-c-page__main-wizard.pf-m-overflow-scroll, .pf-v5-c-page__main-group.pf-m-overflow-scroll, .pf-v5-c-page__main-subnav.pf-m-overflow-scroll { flex-shrink:1; position:relative; overflow:auto } .pf-v5-c-page__main-nav.pf-m-shadow-bottom, .pf-v5-c-page__main-breadcrumb.pf-m-shadow-bottom, .pf-v5-c-page__main-tabs.pf-m-shadow-bottom, .pf-v5-c-page__main-section.pf-m-shadow-bottom, .pf-v5-c-page__main-wizard.pf-m-shadow-bottom, .pf-v5-c-page__main-group.pf-m-shadow-bottom, .pf-v5-c-page__main-subnav.pf-m-shadow-bottom { z-index:var(--pf-v5-c-page--section--m-shadow-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-shadow-bottom--BoxShadow) } .pf-v5-c-page__main-nav.pf-m-shadow-top, .pf-v5-c-page__main-breadcrumb.pf-m-shadow-top, .pf-v5-c-page__main-tabs.pf-m-shadow-top, .pf-v5-c-page__main-section.pf-m-shadow-top, .pf-v5-c-page__main-wizard.pf-m-shadow-top, .pf-v5-c-page__main-group.pf-m-shadow-top, .pf-v5-c-page__main-subnav.pf-m-shadow-top { z-index:var(--pf-v5-c-page--section--m-shadow-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-shadow-top--BoxShadow) } .pf-v5-c-page__main-nav.pf-m-sticky-top, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, .pf-v5-c-page__main-tabs.pf-m-sticky-top, .pf-v5-c-page__main-section.pf-m-sticky-top, .pf-v5-c-page__main-wizard.pf-m-sticky-top, .pf-v5-c-page__main-group.pf-m-sticky-top, .pf-v5-c-page__main-subnav.pf-m-sticky-top { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom, .pf-v5-c-page__main-section.pf-m-sticky-bottom, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom, .pf-v5-c-page__main-group.pf-m-sticky-bottom, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } @media (height>=0) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-section.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-sm-height { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-sm-height, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } } @media (height>=40rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-section.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-md-height { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-md-height, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-md-height { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } } @media (height>=48rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-section.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-lg-height { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-lg-height, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } } @media (height>=60rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-section.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-xl-height { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-xl-height, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } } @media (height>=80rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-tabs.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-section.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-wizard.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-subnav.pf-m-sticky-top-on-2xl-height { z-index:var(--pf-v5-c-page--section--m-sticky-top--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-top--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-section.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-bottom-on-2xl-height, .pf-v5-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height { z-index:var(--pf-v5-c-page--section--m-sticky-bottom--ZIndex); box-shadow:var(--pf-v5-c-page--section--m-sticky-bottom--BoxShadow); position:sticky; inset-block-end:0 } } .pf-v5-c-page__main, .pf-v5-c-page__drawer { z-index:var(--pf-v5-c-page__main--ZIndex); -webkit-overflow-scrolling:touch; grid-area:main; overflow:hidden auto } .pf-v5-c-page__main:focus, .pf-v5-c-page__drawer:focus { outline:0 } .pf-v5-c-page__main, .pf-v5-c-page__main-drawer, .pf-v5-c-page__main-group { flex-direction:column; display:flex } .pf-v5-c-page__main-nav { background-color:var(--pf-v5-c-page__main-nav--BackgroundColor); padding-block-start:var(--pf-v5-c-page__main-nav--PaddingTop); padding-inline-start:var(--pf-v5-c-page__main-nav--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-nav--PaddingRight) } .pf-v5-c-page__main-nav.pf-m-sticky-top, .pf-v5-c-page__main-group.pf-m-sticky-top .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } @media (height>=0) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } } @media (height>=40rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } } @media (height>=48rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } } @media (height>=60rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } } @media (height>=80rem) { .pf-v5-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v5-c-page__main-nav:last-child { padding-block-end:var(--pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom) } } .pf-v5-c-page__main-subnav { background-color:var(--pf-v5-c-page__main-subnav--BackgroundColor); border-block-start:var(--pf-v5-c-page__main-subnav--BorderTopWidth)solid var(--pf-v5-c-page__main-subnav--BorderTopColor); border-inline-start:var(--pf-v5-c-page__main-subnav--BorderLeftWidth)solid var(--pf-v5-c-page__main-subnav--BorderLeftColor) } @media screen and (width>=1200px) { .pf-v5-c-page__sidebar~.pf-v5-c-page__main { --pf-v5-c-page__main-subnav--BorderLeftWidth:var(--pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth) } } .pf-v5-c-page__sidebar.pf-m-collapsed~.pf-v5-c-page__main { --pf-v5-c-page__main-subnav--BorderLeftWidth:var(--pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth) } .pf-v5-c-page__main-breadcrumb { background-color:var(--pf-v5-c-page__main-breadcrumb--BackgroundColor); padding-block-start:var(--pf-v5-c-page__main-breadcrumb--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-breadcrumb--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-breadcrumb--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-breadcrumb--PaddingRight) } .pf-v5-c-page__main-breadcrumb+.pf-v5-c-page__main-section { --pf-v5-c-page__main-section--PaddingTop:var(--pf-v5-c-page__main-breadcrumb--main-section--PaddingTop) } .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, .pf-v5-c-page__main-group.pf-m-sticky-top .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } @media (height>=0) { .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } } @media (height>=40rem) { .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } } @media (height>=48rem) { .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } } @media (height>=60rem) { .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } } @media (height>=80rem) { .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-v5-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v5-c-page__main-breadcrumb:last-child { --pf-v5-c-page__main-breadcrumb--PaddingBottom:var(--pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom) } } .pf-v5-c-page__main-tabs { background-color:var(--pf-v5-c-page__main-tabs--BackgroundColor); padding-block-start:var(--pf-v5-c-page__main-tabs--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-tabs--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-tabs--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-tabs--PaddingRight) } .pf-v5-c-page__main-nav+.pf-v5-c-page__main-tabs { --pf-v5-c-page__main-tabs--PaddingTop:var(--pf-v5-c-page__main-nav--page__main-tabs--PaddingTop) } .pf-v5-c-page__main-breadcrumb+.pf-v5-c-page__main-tabs { --pf-v5-c-page__main-tabs--PaddingTop:var(--pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop) } .pf-v5-c-page__main-section:last-child, .pf-v5-c-page__main-section:only-child, .pf-v5-c-page__main-section.pf-m-fill, .pf-v5-c-page__main-group:last-child, .pf-v5-c-page__main-group:only-child, .pf-v5-c-page__main-group.pf-m-fill, .pf-v5-c-page__main-wizard:last-child, .pf-v5-c-page__main-wizard:only-child, .pf-v5-c-page__main-wizard.pf-m-fill { flex-grow:1 } .pf-v5-c-page__main-section.pf-m-no-fill, .pf-v5-c-page__main-group.pf-m-no-fill, .pf-v5-c-page__main-wizard.pf-m-no-fill { flex-grow:0 } .pf-v5-c-page__main-section { background-color:var(--pf-v5-c-page__main-section--BackgroundColor); padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-light { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-c-page__main-section--m-light--BackgroundColor) } .pf-v5-c-page__main-section.pf-m-light-100 { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-c-page__main-section--m-light-100--BackgroundColor) } .pf-v5-c-page__main-section[class*=pf-m-dark-] { color:var(--pf-v5-global--Color--100) } .pf-v5-c-page__main-section.pf-m-dark-100 { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-c-page__main-section--m-dark-100--BackgroundColor) } .pf-v5-c-page__main-section.pf-m-dark-200 { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-c-page__main-section--m-dark-200--BackgroundColor) } .pf-v5-c-page__main-section.pf-m-padding { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding, .pf-v5-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } @media (width>=576px) { .pf-v5-c-page__main-section.pf-m-padding-on-sm { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding-on-sm, .pf-v5-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } } @media (width>=768px) { .pf-v5-c-page__main-section.pf-m-padding-on-md { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding-on-md, .pf-v5-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } } @media (width>=992px) { .pf-v5-c-page__main-section.pf-m-padding-on-lg { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding-on-lg, .pf-v5-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } } @media (width>=1200px) { .pf-v5-c-page__main-section.pf-m-padding-on-xl { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding-on-xl, .pf-v5-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } } @media (width>=1450px) { .pf-v5-c-page__main-section.pf-m-padding-on-2xl { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width { padding:0 } .pf-v5-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v5-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v5-c-page__main-body { padding:0 } } .pf-v5-c-page__main-wizard { background-color:var(--pf-v5-c-page__main-wizard--BackgroundColor); border-block-start:var(--pf-v5-c-page__main-wizard--BorderTopWidth)solid var(--pf-v5-c-page__main-wizard--BorderTopColor); flex:1; min-height:0 } .pf-v5-c-page__main-wizard:first-child { --pf-v5-c-page__main-wizard--BorderTopWidth:0 } .pf-v5-c-page__main-wizard.pf-m-light-200 { --pf-v5-c-page__main-wizard--BackgroundColor:var(--pf-v5-c-page__main-wizard--m-light-200--BackgroundColor) } .pf-v5-c-page__main-wizard .pf-v5-c-page__main-body { min-height:0 } .pf-v5-c-page__main-group { flex-shrink:0 } .pf-v5-c-page__main-nav .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-nav--PaddingTop); padding-inline-start:var(--pf-v5-c-page__main-nav--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-nav--PaddingRight) } .pf-v5-c-page__main-breadcrumb .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-breadcrumb--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-breadcrumb--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-breadcrumb--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-breadcrumb--PaddingRight) } .pf-v5-c-page__main-section .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-section--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-section--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-section--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-section--PaddingRight) } .pf-v5-c-page__main-tabs .pf-v5-c-page__main-body { padding-block-start:var(--pf-v5-c-page__main-tabs--PaddingTop); padding-block-end:var(--pf-v5-c-page__main-tabs--PaddingBottom); padding-inline-start:var(--pf-v5-c-page__main-tabs--PaddingLeft); padding-inline-end:var(--pf-v5-c-page__main-tabs--PaddingRight) } .pf-v5-c-page__drawer { grid-area:main } .pf-v5-c-page__drawer>.pf-v5-c-drawer { flex:1 0 auto } :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button { --pf-v5-c-button--m-primary--BackgroundColor:var(--pf-v5-global--primary-color--300) } :where(.pf-v5-theme-dark):root { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-page__sidebar--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-page__header--BackgroundColor:var(--pf-v5-global--palette--black-1000) } :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button { color:var(--pf-v5-global--Color--100) } :where(.pf-v5-theme-dark) .pf-v5-c-page__header-tools-item.pf-m-selected .pf-v5-c-button .pf-v5-c-notification-badge:hover:before { background-color:var(--pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor) } :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar { border-inline-end:var(--pf-v5-global--BorderWidth--sm)solid var(--pf-v5-global--BorderColor--100) } :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-nav.pf-m-sticky-bottom { --pf-v5-c-page__main-nav--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-breadcrumb.pf-m-sticky-bottom { --pf-v5-c-page__main-breadcrumb--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-group.pf-m-sticky-bottom { --pf-v5-c-page__main-section--m-light--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-page__main-breadcrumb--BackgroundColor:var(--pf-v5-global--BackgroundColor--300); --pf-v5-c-page__main-nav--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-top, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-sticky-bottom { --pf-v5-c-page__main-section--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-], :where(.pf-v5-theme-dark) .pf-v5-c-page__header { color:var(--pf-v5-global--Color--100) } .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control>:is(input) { appearance:textfield } .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control>:is(input)::-webkit-inner-spin-button { appearance:none; margin:0 } .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control>:is(input)::-webkit-outer-spin-button { appearance:none; margin:0 } .pf-v5-c-pagination { --pf-v5-c-pagination--inset:0; --pf-v5-c-pagination--PaddingRight:var(--pf-v5-c-pagination--inset); --pf-v5-c-pagination--PaddingLeft:var(--pf-v5-c-pagination--inset); --pf-v5-c-pagination--m-page-insets--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-page-insets--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-pagination--child--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-pagination--m-bottom--child--MarginRight:0; --pf-v5-c-pagination--m-bottom--child--md--MarginRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-pagination--m-compact--child--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-pagination__nav--Display:none; --pf-v5-c-pagination--m-display-summary__nav--Display:none; --pf-v5-c-pagination--m-display-full__nav--Display:inline-flex; --pf-v5-c-pagination__nav-control--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-pagination__nav-control--c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-pagination__nav-control--c-button--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination__nav-page-select--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-pagination__nav-page-select--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination__nav-page-select--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination__nav-page-select--child--MarginRight:var(--pf-v5-global--spacer--xs); --pf-v5-c-pagination__nav-page-select--c-form-control--width-base:calc(var(--pf-v5-global--spacer--sm)*2 + var(--pf-v5-global--BorderWidth--sm)*2); --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars:2; --pf-v5-c-pagination__nav-page-select--c-form-control--Width:calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars)*1ch)); --pf-v5-c-pagination__total-items--Display:block; --pf-v5-c-pagination--m-display-summary__total-items--Display:block; --pf-v5-c-pagination--m-display-full__total-items--Display:none; --pf-v5-c-pagination--m-sticky--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-pagination--m-sticky--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-pagination--m-sticky--md--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-sticky--md--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-sticky--md--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-sticky--md--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-sticky--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-pagination--m-sticky--Top:0; --pf-v5-c-pagination--m-bottom--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-pagination--m-bottom--BoxShadow:var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-pagination--m-bottom--Bottom:0; --pf-v5-c-pagination--m-bottom--md--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom--md--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom--md--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom--md--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-pagination--m-bottom--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-pagination--m-bottom--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow:var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-pagination--c-menu-toggle--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-pagination--c-menu-toggle--Display--base:inline-flex; --pf-v5-c-pagination--c-menu-toggle--Display:none; --pf-v5-c-pagination--c-menu-toggle--md--Display:var(--pf-v5-c-pagination--c-menu-toggle--Display--base); --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display:none; --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display:var(--pf-v5-c-pagination--c-menu-toggle--Display--base); --pf-v5-c-pagination--m-bottom--c-menu-toggle--Display:var(--pf-v5-c-pagination--c-menu-toggle--Display--base); flex-wrap:wrap; justify-content:flex-end; align-items:center; padding-inline-start:var(--pf-v5-c-pagination--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination--PaddingRight); display:flex } @media screen and (width>=768px) { .pf-v5-c-pagination { --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom); --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingLeft:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft); --pf-v5-c-pagination--m-bottom--child--MarginRight:var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight); --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset:0; --pf-v5-c-pagination--m-bottom--BoxShadow:none; --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--c-menu-toggle--md--Display); --pf-v5-c-pagination__nav--Display:inline-flex; --pf-v5-c-pagination__total-items--Display:none } } @media screen and (width>=1200px) { .pf-v5-c-pagination { --pf-v5-c-pagination--m-bottom--md--PaddingRight:var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight); --pf-v5-c-pagination--m-bottom--md--PaddingLeft:var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft); --pf-v5-c-pagination__scroll-button--Width:var(--pf-v5-c-pagination__scroll-button--xl--Width); --pf-v5-c-pagination--m-page-insets--inset:var(--pf-v5-c-pagination--m-page-insets--xl--inset) } } .pf-v5-c-pagination>:not(:last-child):not(.pf-v5-c-pagination__total-items) { margin-inline-end:var(--pf-v5-c-pagination--child--MarginRight) } .pf-v5-c-pagination .pf-v5-c-menu-toggle { display:var(--pf-v5-c-pagination--c-menu-toggle--Display); font-size:var(--pf-v5-c-pagination--c-menu-toggle--FontSize) } .pf-v5-c-pagination.pf-m-bottom { --pf-v5-c-pagination--child--MarginRight:var(--pf-v5-c-pagination--m-bottom--child--MarginRight); --pf-v5-c-pagination__nav-control--c-button--PaddingRight:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight); --pf-v5-c-pagination__nav-control--c-button--PaddingLeft:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight); --pf-v5-c-pagination--m-sticky--BoxShadow:var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow); --pf-v5-c-pagination--m-sticky--Top:auto; background-color:var(--pf-v5-c-pagination--m-bottom--BackgroundColor); box-shadow:var(--pf-v5-c-pagination--m-bottom--BoxShadow); justify-content:center; position:sticky; inset-block-end:var(--pf-v5-c-pagination--m-bottom--Bottom) } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control .pf-v5-c-button { --pf-v5-c-button--PaddingTop:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop); --pf-v5-c-button--PaddingBottom:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom); outline-offset:var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset) } .pf-v5-c-pagination.pf-m-bottom.pf-m-static { --pf-v5-c-pagination--m-bottom--MarginTop:0; --pf-v5-c-pagination--m-bottom--BorderTopWidth:0; box-shadow:none; position:relative } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first, .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last, .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select { display:none } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle { display:var(--pf-v5-c-pagination--m-bottom--c-menu-toggle--Display); position:absolute } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav { flex-basis:100%; justify-content:space-between; display:flex } @media screen and (width>=768px) { .pf-v5-c-pagination.pf-m-bottom { --pf-v5-c-pagination--m-bottom--BorderTopWidth:0; --pf-v5-c-pagination--m-bottom--MarginTop:0; --pf-v5-c-pagination--m-bottom--Bottom:auto; justify-content:flex-end; padding-block-start:var(--pf-v5-c-pagination--m-bottom--md--PaddingTop); padding-block-end:var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom); padding-inline-start:var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination--m-bottom--md--PaddingRight); position:relative } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first, .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last, .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select { display:block } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select { display:inline-flex } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle { position:relative } .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav { flex-basis:auto; display:inline-flex } } .pf-v5-c-pagination.pf-m-sticky { --pf-v5-c-pagination--m-bottom--Bottom:0; z-index:var(--pf-v5-c-pagination--m-sticky--ZIndex); background-color:var(--pf-v5-c-pagination--m-sticky--BackgroundColor); box-shadow:var(--pf-v5-c-pagination--m-sticky--BoxShadow); padding-block-start:var(--pf-v5-c-pagination--m-sticky--PaddingTop); padding-block-end:var(--pf-v5-c-pagination--m-sticky--PaddingBottom); padding-inline-start:var(--pf-v5-c-pagination--m-sticky--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination--m-sticky--PaddingRight); position:sticky; inset-block-start:var(--pf-v5-c-pagination--m-sticky--Top) } @media screen and (width>=768px) { .pf-v5-c-pagination.pf-m-sticky { padding-block-start:var(--pf-v5-c-pagination--m-sticky--md--PaddingTop); padding-block-end:var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom); padding-inline-start:var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination--m-sticky--md--PaddingRight) } } .pf-v5-c-pagination.pf-m-compact { --pf-v5-c-pagination--child--MarginRight:var(--pf-v5-c-pagination--m-compact--child--MarginRight) } .pf-v5-c-pagination.pf-m-page-insets { --pf-v5-c-pagination--inset:var(--pf-v5-c-pagination--m-page-insets--inset) } .pf-v5-c-pagination__nav { display:var(--pf-v5-c-pagination__nav--Display); justify-content:flex-end } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control { scale:-1 1 } .pf-v5-c-pagination__nav-control .pf-v5-c-button { font-size:var(--pf-v5-c-pagination__nav-control--c-button--FontSize); padding-inline-start:var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight) } .pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control+.pf-v5-c-pagination__nav-control { margin-inline-start:var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft) } .pf-v5-c-pagination__nav-page-select { align-items:center; padding-inline-start:var(--pf-v5-c-pagination__nav-page-select--PaddingLeft); padding-inline-end:var(--pf-v5-c-pagination__nav-page-select--PaddingRight); display:flex } .pf-v5-c-pagination__nav-page-select>* { font-size:var(--pf-v5-c-pagination__nav-page-select--FontSize); white-space:nowrap } .pf-v5-c-pagination__nav-page-select>:not(:last-child) { margin-inline-end:var(--pf-v5-c-pagination__nav-page-select--child--MarginRight) } .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control { width:var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width) } .pf-v5-c-pagination__total-items { display:var(--pf-v5-c-pagination__total-items--Display) } .pf-v5-c-pagination.pf-m-display-summary { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } @media (width>=576px) { .pf-v5-c-pagination.pf-m-display-summary-on-sm { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full-on-sm { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none-on-sm { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm-on-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md-on-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg-on-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl-on-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl-on-sm { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=768px) { .pf-v5-c-pagination.pf-m-display-summary-on-md { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full-on-md { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none-on-md { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm-on-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md-on-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg-on-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl-on-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl-on-md { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=992px) { .pf-v5-c-pagination.pf-m-display-summary-on-lg { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full-on-lg { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none-on-lg { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm-on-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md-on-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg-on-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl-on-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl-on-lg { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=1200px) { .pf-v5-c-pagination.pf-m-display-summary-on-xl { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full-on-xl { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none-on-xl { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm-on-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md-on-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg-on-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl-on-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl-on-xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } } @media (width>=1450px) { .pf-v5-c-pagination.pf-m-display-summary-on-2xl { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-summary__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-summary__total-items--Display) } .pf-v5-c-pagination.pf-m-display-full-on-2xl { --pf-v5-c-pagination__nav--Display:var(--pf-v5-c-pagination--m-display-full__nav--Display); --pf-v5-c-pagination--c-menu-toggle--Display:var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display); --pf-v5-c-pagination__total-items--Display:var(--pf-v5-c-pagination--m-display-full__total-items--Display) } .pf-v5-c-pagination.pf-m-inset-none-on-2xl { --pf-v5-c-pagination--inset:0 } .pf-v5-c-pagination.pf-m-inset-sm-on-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--sm) } .pf-v5-c-pagination.pf-m-inset-md-on-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--md) } .pf-v5-c-pagination.pf-m-inset-lg-on-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--lg) } .pf-v5-c-pagination.pf-m-inset-xl-on-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--xl) } .pf-v5-c-pagination.pf-m-inset-2xl-on-2xl { --pf-v5-c-pagination--inset:var(--pf-v5-global--spacer--2xl) } } :where(.pf-v5-theme-dark) .pf-v5-c-pagination { --pf-v5-c-pagination--m-sticky--BackgroundColor:var(--pf-v5-global--BackgroundColor--300) } .pf-v5-c-switch { --pf-v5-c-switch--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-switch__label--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-switch--ColumnGap:var(--pf-v5-c-switch__label--PaddingLeft); --pf-v5-c-switch__toggle-icon--FontSize:calc(var(--pf-v5-c-switch--FontSize)*.625); --pf-v5-c-switch__toggle-icon--Color:var(--pf-v5-global--Color--light-100); --pf-v5-c-switch__toggle-icon--Left:calc(var(--pf-v5-c-switch--FontSize)*.4); --pf-v5-c-switch__toggle-icon--Offset:.125rem; --pf-v5-c-switch__input--disabled__toggle-icon--Color:var(--pf-v5-global--palette--black-150); --pf-v5-c-switch--LineHeight:var(--pf-v5-global--LineHeight--md); --pf-v5-c-switch--Height:auto; --pf-v5-c-switch__input--checked__toggle--BackgroundColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-switch__input--checked__toggle--before--TranslateX:calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset)); --pf-v5-c-switch__input--checked__label--Color:var(--pf-v5-global--Color--dark-100); --pf-v5-c-switch__input--not-checked__label--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-switch__input--disabled__label--Color:var(--pf-v5-global--disabled-color--100); --pf-v5-c-switch__input--disabled__toggle--BackgroundColor:var(--pf-v5-global--disabled-color--200); --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor:var(--pf-v5-global--palette--black-150); --pf-v5-c-switch__input--focus__toggle--OutlineWidth:var(--pf-v5-global--BorderWidth--md); --pf-v5-c-switch__input--focus__toggle--OutlineOffset:var(--pf-v5-global--spacer--sm); --pf-v5-c-switch__input--focus__toggle--OutlineColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-switch__toggle--Height:calc(var(--pf-v5-c-switch--FontSize)*var(--pf-v5-c-switch--LineHeight)); --pf-v5-c-switch__toggle--BackgroundColor:var(--pf-v5-global--palette--black-500); --pf-v5-c-switch__toggle--BorderRadius:var(--pf-v5-c-switch__toggle--Height); --pf-v5-c-switch__toggle--before--Width:calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset)); --pf-v5-c-switch__toggle--before--Height:var(--pf-v5-c-switch__toggle--before--Width); --pf-v5-c-switch__toggle--before--Top:calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height))/2); --pf-v5-c-switch__toggle--before--Left:var(--pf-v5-c-switch__toggle--before--Top); --pf-v5-c-switch__toggle--before--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-switch__toggle--before--BorderRadius:var(--pf-v5-global--BorderRadius--lg); --pf-v5-c-switch__toggle--before--BoxShadow:var(--pf-v5-global--BoxShadow--md); --pf-v5-c-switch__toggle--before--Transition:transform .25s ease 0s; --pf-v5-c-switch__toggle--Width:calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width)); --pf-v5-c-switch__label--Color:var(--pf-v5-global--Color--dark-100); column-gap:var(--pf-v5-c-switch--ColumnGap); height:var(--pf-v5-c-switch--Height); font-size:var(--pf-v5-c-switch--FontSize); line-height:var(--pf-v5-c-switch--LineHeight); vertical-align:middle; cursor:pointer; grid-template-columns:auto; grid-auto-columns:1fr; display:inline-grid; position:relative } .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label, .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__toggle { grid-row:1 } .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label { grid-column:1 } .pf-v5-c-switch__input { cursor:pointer; opacity:0; position:absolute } .pf-v5-c-switch__input:focus-visible~.pf-v5-c-switch__toggle { outline:var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth)solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor); outline-offset:var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset) } .pf-v5-c-switch__input:checked~.pf-v5-c-switch__label { color:var(--pf-v5-c-switch__input--checked__label--Color) } .pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle { background-color:var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor) } .pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle:before { transform:translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX)) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle:before { transform:translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX)*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-switch__input:checked~.pf-m-off { display:none } .pf-v5-c-switch__input:not(:checked)~.pf-v5-c-switch__label { color:var(--pf-v5-c-switch__input--not-checked__label--Color) } .pf-v5-c-switch__input:not(:checked)~.pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon, .pf-v5-c-switch__input:not(:checked)~.pf-m-on { display:none } .pf-v5-c-switch__input:disabled { cursor:not-allowed } .pf-v5-c-switch__input:disabled~.pf-v5-c-switch__label { color:var(--pf-v5-c-switch__input--disabled__label--Color); cursor:not-allowed } .pf-v5-c-switch__input:disabled~.pf-v5-c-switch__toggle { --pf-v5-c-switch__toggle-icon--Color:var(--pf-v5-c-switch__input--disabled__toggle-icon--Color); cursor:not-allowed; background-color:var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor) } .pf-v5-c-switch__input:disabled~.pf-v5-c-switch__toggle:before { background-color:var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor) } .pf-v5-c-switch__toggle { width:var(--pf-v5-c-switch__toggle--Width); height:var(--pf-v5-c-switch__toggle--Height); background-color:var(--pf-v5-c-switch__toggle--BackgroundColor); border-radius:var(--pf-v5-c-switch__toggle--BorderRadius); display:inline-block; position:relative } .pf-v5-c-switch__toggle:before { width:var(--pf-v5-c-switch__toggle--before--Width); height:var(--pf-v5-c-switch__toggle--before--Height); content:""; background-color:var(--pf-v5-c-switch__toggle--before--BackgroundColor); border-radius:var(--pf-v5-c-switch__toggle--before--BorderRadius); box-shadow:var(--pf-v5-c-switch__toggle--before--BoxShadow); transition:var(--pf-v5-c-switch__toggle--before--Transition); display:block; position:absolute; inset-block-start:var(--pf-v5-c-switch__toggle--before--Top); inset-inline-start:var(--pf-v5-c-switch__toggle--before--Left) } .pf-v5-c-switch__toggle-icon { font-size:var(--pf-v5-c-switch__toggle-icon--FontSize); color:var(--pf-v5-c-switch__toggle-icon--Color); align-items:center; display:flex; position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-switch__toggle-icon--Left) } .pf-v5-c-switch__label { color:var(--pf-v5-c-switch__label--Color); vertical-align:top; grid-column:2; display:inline-block } :where(.pf-v5-theme-dark) .pf-v5-c-switch { --pf-v5-c-switch__toggle-icon--Color:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-switch__input--not-checked__label--Color:var(--pf-v5-global--Color--100); --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor:var(--pf-v5-global--disabled-color--100); --pf-v5-c-switch__toggle--before--BoxShadow:none; --pf-v5-c-switch__input--disabled__toggle-icon--Color:var(--pf-v5-global--disabled-color--100) } .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group { --pf-v5-hidden-visible--hidden--Display:none; --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display); display:var(--pf-v5-hidden-visible--Display) } .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } @media screen and (width>=576px) { .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=768px) { .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=992px) { .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1200px) { .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1450px) { .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } .pf-v5-c-toolbar { --pf-v5-c-toolbar--AlignItems--base:flex-start; --pf-v5-c-toolbar--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-toolbar--RowGap--base:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar--RowGap:var(--pf-v5-c-toolbar--RowGap--base); --pf-v5-c-toolbar--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--item--RowGap--base:var(--pf-v5-global--spacer--xs); --pf-v5-c-toolbar__item--Display:flex; --pf-v5-c-toolbar__item--MinWidth--base:auto; --pf-v5-c-toolbar__item--AlignItems:var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__item--AlignSelf:var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__group--Display:flex; --pf-v5-c-toolbar__group--RowGap:var(--pf-v5-c-toolbar--item--RowGap--base); --pf-v5-c-toolbar__group--AlignItems:var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__group--AlignSelf:auto; --pf-v5-c-toolbar--m-sticky--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-toolbar--m-sticky--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-toolbar--m-align-items-center--AlignItems:center; --pf-v5-c-toolbar--m-align-items-baseline--AlignItems:baseline; --pf-v5-c-toolbar--m-align-self-center--AlignSelf:center; --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf:baseline; --pf-v5-c-toolbar__content--Display:flex; --pf-v5-c-toolbar__content--AlignItems:var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__content--RowGap:var(--pf-v5-c-toolbar--RowGap--base); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content-section--Display:flex; --pf-v5-c-toolbar__content-section--AlignItems:var(--pf-v5-c-toolbar--AlignItems--base); --pf-v5-c-toolbar__content-section--RowGap:var(--pf-v5-c-toolbar--item--RowGap--base); --pf-v5-c-toolbar--m-page-insets--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--m-page-insets--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__expandable-content--Display:grid; --pf-v5-c-toolbar__expandable-content--PaddingTop:0; --pf-v5-c-toolbar__expandable-content--PaddingRight:var(--pf-v5-c-toolbar__content--PaddingRight); --pf-v5-c-toolbar__expandable-content--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__expandable-content--PaddingLeft:var(--pf-v5-c-toolbar__content--PaddingLeft); --pf-v5-c-toolbar__expandable-content--lg--PaddingRight:0; --pf-v5-c-toolbar__expandable-content--lg--PaddingBottom:0; --pf-v5-c-toolbar__expandable-content--lg--PaddingLeft:0; --pf-v5-c-toolbar__expandable-content--ZIndex:var(--pf-v5-global--ZIndex--sm); --pf-v5-c-toolbar__expandable-content--BoxShadow:var(--pf-v5-global--BoxShadow--md-bottom); --pf-v5-c-toolbar__expandable-content--BackgroundColor:var(--pf-v5-c-toolbar--BackgroundColor); --pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap:var(--pf-v5-global--gutter--md); --pf-v5-c-toolbar__group--m-chip-container--MarginTop:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-toolbar__group--m-chip-container__item--MarginTop:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar--spacer--base:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__item--spacer:var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar__item--Width:auto; --pf-v5-c-toolbar__group--spacer:var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar__group--m-toggle-group--spacer:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer:var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-icon-button-group--spacer:var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-icon-button-group--space-items:0; --pf-v5-c-toolbar__group--m-button-group--spacer:var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-button-group--space-items:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__group--m-filter-group--spacer:var(--pf-v5-c-toolbar__group--spacer); --pf-v5-c-toolbar__group--m-filter-group--space-items:0; --pf-v5-c-toolbar__item--m-overflow-menu--spacer:var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-bulk-select--spacer:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__expand-all-icon--Rotate:0; --pf-v5-c-toolbar__expand-all-icon--Transition:var(--pf-v5-global--Transition); --pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate:90deg; --pf-v5-c-toolbar__item--m-search-filter--spacer:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__item--m-chip-group--spacer:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__item--m-label--spacer:var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-label--TranslateY:var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__item--m-label--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-toolbar__item--m-form-element--spacer:var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--m-form-element--TranslateY:var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__item--m-form-element--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-toolbar__item--m-form-control--TranslateY:var(--pf-v5-global--spacer--form-element); --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom:calc(-1*var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm)); --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color:var(--pf-v5-global--Color--100); --pf-v5-c-toolbar--c-divider--m-vertical--spacer:var(--pf-v5-c-toolbar--spacer--base); --pf-v5-c-toolbar--m-full-height--PaddingTop:0; --pf-v5-c-toolbar--m-full-height--PaddingBottom:0; --pf-v5-c-toolbar--m-full-height__item--Display:flex; --pf-v5-c-toolbar--m-full-height__item--AlignItems:center; row-gap:var(--pf-v5-c-toolbar--RowGap); background-color:var(--pf-v5-c-toolbar--BackgroundColor); padding-block-start:var(--pf-v5-c-toolbar--PaddingTop); padding-block-end:var(--pf-v5-c-toolbar--PaddingBottom); display:grid; position:relative } @media screen and (width>=992px) { .pf-v5-c-toolbar { --pf-v5-c-toolbar__expandable-content--PaddingRight:var(--pf-v5-c-toolbar__expandable-content--lg--PaddingRight); --pf-v5-c-toolbar__expandable-content--PaddingBottom:var(--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom); --pf-v5-c-toolbar__expandable-content--PaddingLeft:var(--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft) } } @media screen and (width>=1200px) { .pf-v5-c-toolbar { --pf-v5-c-toolbar--m-page-insets--inset:var(--pf-v5-c-toolbar--m-page-insets--xl--inset) } } .pf-v5-c-toolbar.pf-m-page-insets { --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--m-page-insets--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--m-page-insets--inset) } .pf-v5-c-toolbar.pf-m-sticky { z-index:var(--pf-v5-c-toolbar--m-sticky--ZIndex); box-shadow:var(--pf-v5-c-toolbar--m-sticky--BoxShadow); position:sticky; inset-block-start:0 } .pf-v5-c-toolbar.pf-m-full-height { --pf-v5-c-toolbar--PaddingTop:var(--pf-v5-c-toolbar--m-full-height--PaddingTop); --pf-v5-c-toolbar--PaddingBottom:var(--pf-v5-c-toolbar--m-full-height--PaddingTop); --pf-v5-c-toolbar__item--Display:var(--pf-v5-c-toolbar--m-full-height__item--Display); height:100% } .pf-v5-c-toolbar.pf-m-full-height, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__expandable-content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group { min-width:0 } .pf-v5-c-toolbar.pf-m-full-height, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__group, .pf-v5-c-toolbar.pf-m-full-height .pf-v5-c-toolbar__item { align-self:stretch } .pf-v5-c-toolbar.pf-m-full-height :where(.pf-v5-c-toolbar__item) { --pf-v5-c-toolbar__item--AlignItems:var(--pf-v5-c-toolbar--m-full-height__item--AlignItems) } .pf-v5-c-toolbar.pf-m-static, .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__content { position:static } .pf-v5-c-toolbar.pf-m-static .pf-v5-c-toolbar__expandable-content { position:absolute } .pf-v5-c-toolbar__content-section>.pf-v5-c-divider, .pf-v5-c-toolbar__group>.pf-v5-c-divider { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar--c-divider--m-vertical--spacer) } .pf-v5-c-toolbar__content-section>.pf-v5-c-divider.pf-m-vertical, .pf-v5-c-toolbar__group>.pf-v5-c-divider.pf-m-vertical { margin-inline-end:var(--pf-v5-c-toolbar--spacer) } .pf-v5-c-toolbar__content-section>.pf-v5-c-divider.pf-m-vertical:last-child, .pf-v5-c-toolbar__group>.pf-v5-c-divider.pf-m-vertical:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar__content-section.pf-m-align-items-start, .pf-v5-c-toolbar__group.pf-m-align-items-start { align-items:flex-start } .pf-v5-c-toolbar__content-section.pf-m-align-items-center, .pf-v5-c-toolbar__group.pf-m-align-items-center { --pf-v5-c-toolbar__group--AlignItems:var(--pf-v5-c-toolbar--m-align-items-center--AlignItems) } .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline, .pf-v5-c-toolbar__group.pf-m-align-items-baseline { --pf-v5-c-toolbar__group--AlignItems:var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems) } .pf-v5-c-toolbar__content-section.pf-m-align-self-start, .pf-v5-c-toolbar__group.pf-m-align-self-start { align-self:flex-start } .pf-v5-c-toolbar__content-section.pf-m-align-self-center, .pf-v5-c-toolbar__group.pf-m-align-self-center { --pf-v5-c-toolbar__group--AlignSelf:var(--pf-v5-c-toolbar--m-align-self-center--AlignItems) } .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline, .pf-v5-c-toolbar__group.pf-m-align-self-baseline { --pf-v5-c-toolbar__group--AlignSelf:var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems) } .pf-v5-c-toolbar__group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--spacer); --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-toolbar__group--Display); row-gap:var(--pf-v5-c-toolbar__group--RowGap); align-items:var(--pf-v5-c-toolbar__group--AlignItems); align-self:var(--pf-v5-c-toolbar__group--AlignSelf); margin-inline-end:var(--pf-v5-c-toolbar--spacer) } .pf-v5-c-toolbar__group.pf-m-button-group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-button-group--spacer) } .pf-v5-c-toolbar__group.pf-m-button-group>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-button-group--space-items) } .pf-v5-c-toolbar__group.pf-m-icon-button-group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-icon-button-group--spacer) } .pf-v5-c-toolbar__group.pf-m-icon-button-group>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-icon-button-group--space-items) } .pf-v5-c-toolbar__group.pf-m-filter-group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-filter-group--spacer) } .pf-v5-c-toolbar__group.pf-m-filter-group>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-filter-group--space-items) } .pf-v5-c-toolbar__group.pf-m-filter-group>*+* { margin-inline-start:-1px } .pf-v5-c-toolbar__group.pf-m-toggle-group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--spacer) } .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__item { display:none } .pf-v5-c-toolbar__group.pf-m-toggle-group .pf-v5-c-toolbar__toggle { display:inline-block } .pf-v5-c-toolbar__group:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width); --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth); --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-toolbar__item--Display); align-items:var(--pf-v5-c-toolbar__item--AlignItems); align-self:var(--pf-v5-c-toolbar__item--AlignSelf); width:var(--pf-v5-c-toolbar__item--Width--base); min-width:var(--pf-v5-c-toolbar__item--MinWidth--base); margin-inline-end:var(--pf-v5-c-toolbar--spacer) } @media (width>=576px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width-on-sm,var(--pf-v5-c-toolbar__item--Width)) } } @media (width>=768px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width-on-md,var(--pf-v5-c-toolbar__item--Width-on-sm,var(--pf-v5-c-toolbar__item--Width))) } } @media (width>=992px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width-on-lg,var(--pf-v5-c-toolbar__item--Width-on-md,var(--pf-v5-c-toolbar__item--Width-on-sm,var(--pf-v5-c-toolbar__item--Width)))) } } @media (width>=1200px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width-on-xl,var(--pf-v5-c-toolbar__item--Width-on-lg,var(--pf-v5-c-toolbar__item--Width-on-md,var(--pf-v5-c-toolbar__item--Width-on-sm,var(--pf-v5-c-toolbar__item--Width))))) } } @media (width>=1450px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--Width--base:var(--pf-v5-c-toolbar__item--Width-on-2xl,var(--pf-v5-c-toolbar__item--Width-on-xl,var(--pf-v5-c-toolbar__item--Width-on-lg,var(--pf-v5-c-toolbar__item--Width-on-md,var(--pf-v5-c-toolbar__item--Width-on-sm,var(--pf-v5-c-toolbar__item--Width)))))) } } @media (width>=576px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth-on-sm,var(--pf-v5-c-toolbar__item--MinWidth)) } } @media (width>=768px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth-on-md,var(--pf-v5-c-toolbar__item--MinWidth-on-sm,var(--pf-v5-c-toolbar__item--MinWidth))) } } @media (width>=992px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth-on-lg,var(--pf-v5-c-toolbar__item--MinWidth-on-md,var(--pf-v5-c-toolbar__item--MinWidth-on-sm,var(--pf-v5-c-toolbar__item--MinWidth)))) } } @media (width>=1200px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth-on-xl,var(--pf-v5-c-toolbar__item--MinWidth-on-lg,var(--pf-v5-c-toolbar__item--MinWidth-on-md,var(--pf-v5-c-toolbar__item--MinWidth-on-sm,var(--pf-v5-c-toolbar__item--MinWidth))))) } } @media (width>=1450px) { .pf-v5-c-toolbar__item { --pf-v5-c-toolbar__item--MinWidth--base:var(--pf-v5-c-toolbar__item--MinWidth-on-2xl,var(--pf-v5-c-toolbar__item--MinWidth-on-xl,var(--pf-v5-c-toolbar__item--MinWidth-on-lg,var(--pf-v5-c-toolbar__item--MinWidth-on-md,var(--pf-v5-c-toolbar__item--MinWidth-on-sm,var(--pf-v5-c-toolbar__item--MinWidth)))))) } } .pf-v5-c-toolbar__item.pf-m-align-items-start { align-items:flex-start } .pf-v5-c-toolbar__item.pf-m-align-items-center { align-items:center } .pf-v5-c-toolbar__item.pf-m-align-items-baseline { align-items:baseline } .pf-v5-c-toolbar__item.pf-m-align-self-start { align-self:flex-start } .pf-v5-c-toolbar__item.pf-m-align-self-center { align-self:center } .pf-v5-c-toolbar__item.pf-m-align-self-baseline { align-self:baseline } .pf-v5-c-toolbar__item.pf-m-overflow-menu { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-overflow-menu--spacer) } .pf-v5-c-toolbar__item.pf-m-bulk-select { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-bulk-select--spacer) } .pf-v5-c-toolbar__item.pf-m-expand-all.pf-m-expanded { --pf-v5-c-toolbar__expand-all-icon--Rotate:var(--pf-v5-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate) } .pf-v5-c-toolbar__item.pf-m-search-filter { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-search-filter--spacer) } .pf-v5-c-toolbar__item.pf-m-chip-group { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-chip-group--spacer) } .pf-v5-c-toolbar__item.pf-m-label { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-label--spacer); font-weight:var(--pf-v5-c-toolbar__item--m-label--FontWeight); transform:translateY(var(--pf-v5-c-toolbar__item--m-label--TranslateY)) } .pf-v5-c-toolbar__item.pf-m-form-element { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--m-form-element--spacer); font-weight:var(--pf-v5-c-toolbar__item--m-form-element--FontWeight); transform:translateY(var(--pf-v5-c-toolbar__item--m-form-element--TranslateY)) } .pf-v5-c-toolbar__item.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination { flex-wrap:nowrap } .pf-v5-c-toolbar__item:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar__group.pf-m-overflow-container, .pf-v5-c-toolbar__item.pf-m-overflow-container { flex:1; overflow:hidden } .pf-v5-c-toolbar__expand-all-icon { transition:var(--pf-v5-c-toolbar__expand-all-icon--Transition); transform:rotate(var(--pf-v5-c-toolbar__expand-all-icon--Rotate)); display:inline-block } .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__content-section { flex-wrap:wrap } .pf-v5-c-toolbar__content { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-toolbar__content--Display); row-gap:var(--pf-v5-c-toolbar__content--RowGap); align-items:var(--pf-v5-c-toolbar__content--AlignItems); padding-inline-start:var(--pf-v5-c-toolbar__content--PaddingLeft); padding-inline-end:var(--pf-v5-c-toolbar__content--PaddingRight); position:relative } .pf-v5-c-toolbar__content-section { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-toolbar__content-section--Display); row-gap:var(--pf-v5-c-toolbar__content-section--RowGap); align-items:var(--pf-v5-c-toolbar__content-section--AlignItems); width:100% } .pf-v5-c-toolbar__content-section.pf-m-align-items-start { align-items:flex-start } .pf-v5-c-toolbar__content-section.pf-m-align-items-center { --pf-v5-c-toolbar__content-section--AlignItems:var(--pf-v5-c-toolbar--m-align-items-center--AlignItems) } .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline { align-items:baseline } .pf-v5-c-toolbar__expandable-content { z-index:var(--pf-v5-c-toolbar__expandable-content--ZIndex); width:100%; background-color:var(--pf-v5-c-toolbar__expandable-content--BackgroundColor); box-shadow:var(--pf-v5-c-toolbar__expandable-content--BoxShadow); padding-block-start:var(--pf-v5-c-toolbar__expandable-content--PaddingTop); padding-block-end:var(--pf-v5-c-toolbar__expandable-content--PaddingBottom); padding-inline-start:var(--pf-v5-c-toolbar__expandable-content--PaddingLeft); padding-inline-end:var(--pf-v5-c-toolbar__expandable-content--PaddingRight); display:none; position:absolute; inset-block-start:calc(100% + var(--pf-v5-c-toolbar__content--RowGap)); inset-inline:0 } @media screen and (width>=992px) { .pf-v5-c-toolbar__expandable-content { box-shadow:none; position:static } } .pf-v5-c-toolbar__expandable-content.pf-m-expanded { grid-row-gap:var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap); display:grid } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__group { grid-row-gap:var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap); display:grid } .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label { font-size:var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize); margin-block-end:var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom) } .pf-v5-c-toolbar__content.pf-m-chip-container, .pf-v5-c-toolbar__group.pf-m-chip-container { grid-row-gap:0; flex-wrap:wrap; align-items:baseline; margin-block-start:var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop); display:flex } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__item--spacer); --pf-v5-c-toolbar__item--AlignSelf:auto; margin-block-start:var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop) } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group { --pf-v5-c-toolbar__group--AlignItems:center; --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--spacer); grid-row-gap:0; flex-wrap:wrap; display:flex } .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group:last-child, .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item:last-child, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group:last-child, .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-v5-c-chip-group:last-child { --pf-v5-c-chip-group--MarginRight:0 } .pf-v5-c-toolbar .pf-v5-c-chip-group li:last-child { --pf-v5-c-chip-group__li--m-toolbar--MarginRight:0 } .pf-v5-c-toolbar__toggle.pf-m-expanded .pf-v5-c-button.pf-m-plain { color:var(--pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color) } .pf-m-toggle-group.pf-m-show { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show .pf-v5-c-toolbar__toggle { display:none } @media (width>=576px) { .pf-m-toggle-group.pf-m-show-on-sm { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show-on-sm .pf-v5-c-toolbar__toggle { display:none } } @media (width>=768px) { .pf-m-toggle-group.pf-m-show-on-md { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show-on-md .pf-v5-c-toolbar__toggle { display:none } } @media (width>=992px) { .pf-m-toggle-group.pf-m-show-on-lg { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show-on-lg .pf-v5-c-toolbar__toggle { display:none } } @media (width>=1200px) { .pf-m-toggle-group.pf-m-show-on-xl { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show-on-xl .pf-v5-c-toolbar__toggle { display:none } } @media (width>=1450px) { .pf-m-toggle-group.pf-m-show-on-2xl { --pf-v5-c-toolbar--spacer:var(--pf-v5-c-toolbar__group--m-toggle-group--m-show--spacer) } .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__group, .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__item { flex:0 auto; display:flex } .pf-m-toggle-group.pf-m-show-on-2xl .pf-v5-c-toolbar__toggle { display:none } } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap { flex-wrap:wrap } @media (width>=576px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-sm, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-sm { flex-wrap:wrap } } @media (width>=768px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-md, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-md { flex-wrap:wrap } } @media (width>=992px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-lg, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-lg { flex-wrap:wrap } } @media (width>=1200px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-xl { flex-wrap:wrap } } @media (width>=1450px) { .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl { margin-inline-start:0 } .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl~.pf-m-pagination, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl~.pf-m-pagination { margin-inline-start:auto } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl { flex-wrap:nowrap } .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-wrap-on-2xl, .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-wrap-on-2xl { flex-wrap:wrap } } .pf-v5-c-toolbar .pf-m-space-items-none>*, .pf-v5-c-toolbar .pf-m-space-items-none>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg>:last-child { --pf-v5-c-toolbar--spacer:0 } @media (width>=576px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-sm>*, .pf-v5-c-toolbar .pf-m-space-items-none-on-sm>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md-on-sm>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md-on-sm>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg-on-sm>:last-child { --pf-v5-c-toolbar--spacer:0 } } @media (width>=768px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-md>*, .pf-v5-c-toolbar .pf-m-space-items-none-on-md>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm-on-md>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm-on-md>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md-on-md>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md-on-md>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg-on-md>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg-on-md>:last-child { --pf-v5-c-toolbar--spacer:0 } } @media (width>=992px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-lg>*, .pf-v5-c-toolbar .pf-m-space-items-none-on-lg>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md-on-lg>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md-on-lg>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg-on-lg>:last-child { --pf-v5-c-toolbar--spacer:0 } } @media (width>=1200px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-xl>*, .pf-v5-c-toolbar .pf-m-space-items-none-on-xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md-on-xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md-on-xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg-on-xl>:last-child { --pf-v5-c-toolbar--spacer:0 } } @media (width>=1450px) { .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl>*, .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-space-items-md-on-2xl>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl>* { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } .pf-v5-c-toolbar .pf-m-space-items-lg-on-2xl>:last-child { --pf-v5-c-toolbar--spacer:0 } } .pf-v5-c-toolbar .pf-m-spacer-none, .pf-v5-c-toolbar .pf-m-spacer-none:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm, .pf-v5-c-toolbar .pf-m-spacer-sm:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md, .pf-v5-c-toolbar .pf-m-spacer-md:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg, .pf-v5-c-toolbar .pf-m-spacer-lg:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } @media (width>=576px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-sm, .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm, .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md-on-sm, .pf-v5-c-toolbar .pf-m-spacer-md-on-sm:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm, .pf-v5-c-toolbar .pf-m-spacer-lg-on-sm:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } } @media (width>=768px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-md, .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm-on-md, .pf-v5-c-toolbar .pf-m-spacer-sm-on-md:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md-on-md, .pf-v5-c-toolbar .pf-m-spacer-md-on-md:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg-on-md, .pf-v5-c-toolbar .pf-m-spacer-lg-on-md:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } } @media (width>=992px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-lg, .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg, .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md-on-lg, .pf-v5-c-toolbar .pf-m-spacer-md-on-lg:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg, .pf-v5-c-toolbar .pf-m-spacer-lg-on-lg:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } } @media (width>=1200px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-xl, .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl, .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md-on-xl, .pf-v5-c-toolbar .pf-m-spacer-md-on-xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl, .pf-v5-c-toolbar .pf-m-spacer-lg-on-xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } } @media (width>=1450px) { .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl, .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl, .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--sm) } .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl, .pf-v5-c-toolbar .pf-m-spacer-md-on-2xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--md) } .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl, .pf-v5-c-toolbar .pf-m-spacer-lg-on-2xl:last-child { --pf-v5-c-toolbar--spacer:var(--pf-v5-global--spacer--lg) } } .pf-v5-c-toolbar.pf-m-inset-none { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } @media (width>=576px) { .pf-v5-c-toolbar.pf-m-inset-none-on-sm { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm-on-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md-on-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg-on-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl-on-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl-on-sm { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } } @media (width>=768px) { .pf-v5-c-toolbar.pf-m-inset-none-on-md { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm-on-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md-on-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg-on-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl-on-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl-on-md { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } } @media (width>=992px) { .pf-v5-c-toolbar.pf-m-inset-none-on-lg { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm-on-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md-on-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg-on-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl-on-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl-on-lg { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } } @media (width>=1200px) { .pf-v5-c-toolbar.pf-m-inset-none-on-xl { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm-on-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md-on-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg-on-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl-on-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl-on-xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } } @media (width>=1450px) { .pf-v5-c-toolbar.pf-m-inset-none-on-2xl { --pf-v5-c-toolbar--inset:0; --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-sm-on-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--sm); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-md-on-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-lg-on-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-xl-on-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } .pf-v5-c-toolbar.pf-m-inset-2xl-on-2xl { --pf-v5-c-toolbar--inset:var(--pf-v5-global--spacer--2xl); --pf-v5-c-toolbar__content--PaddingRight:var(--pf-v5-c-toolbar--inset); --pf-v5-c-toolbar__content--PaddingLeft:var(--pf-v5-c-toolbar--inset) } } .pf-v5-c-toolbar__content-section>:last-child { --pf-v5-c-toolbar--spacer:0 } .pf-v5-c-number-input .pf-v5-c-form-control>:is(input) { appearance:textfield } .pf-v5-c-number-input .pf-v5-c-form-control>:is(input)::-webkit-inner-spin-button { appearance:none; margin:0 } .pf-v5-c-number-input .pf-v5-c-form-control>:is(input)::-webkit-outer-spin-button { appearance:none; margin:0 } .pf-v5-c-number-input { --pf-v5-c-number-input__unit--c-input-group--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-number-input__icon--FontSize:var(--pf-v5-global--FontSize--xs); --pf-v5-c-number-input--c-form-control--width-base:calc(var(--pf-v5-global--spacer--sm)*2 + var(--pf-v5-global--BorderWidth--sm)*2); --pf-v5-c-number-input--c-form-control--width-icon:0px; --pf-v5-c-number-input--m-status--c-form-control--width-icon:var(--pf-v5-global--spacer--xl); --pf-v5-c-number-input--c-form-control--width-chars:4; --pf-v5-c-number-input--c-form-control--Width:calc(calc(var(--pf-v5-c-number-input--c-form-control--width-base) + var(--pf-v5-c-number-input--c-form-control--width-chars)*1ch) + var(--pf-v5-c-number-input--c-form-control--width-icon)); align-items:center; display:inline-flex } .pf-v5-c-number-input.pf-m-status { --pf-v5-c-number-input--c-form-control--width-icon:var(--pf-v5-c-number-input--m-status--c-form-control--width-icon) } .pf-v5-c-number-input .pf-v5-c-form-control { width:var(--pf-v5-c-number-input--c-form-control--Width) } .pf-v5-c-number-input .pf-v5-c-form-control>:is(input) { text-align:end } .pf-v5-c-input-group+.pf-v5-c-number-input__unit, .pf-v5-c-number-input__unit+.pf-v5-c-input-group { margin-inline-start:var(--pf-v5-c-number-input__unit--c-input-group--MarginLeft) } .pf-v5-c-number-input__icon { font-size:var(--pf-v5-c-number-input__icon--FontSize); display:flex } .pf-v5-l-flex { --pf-v5-l-flex--Display:flex; --pf-v5-l-flex--FlexWrap:wrap; --pf-v5-l-flex--AlignItems:baseline; --pf-v5-l-flex--m-row--AlignItems:baseline; --pf-v5-l-flex--m-row-reverse--AlignItems:baseline; --pf-v5-l-flex--item--Order:0; --pf-v5-l-flex--spacer--column--base:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--spacer--row--base:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--spacer--row--base); --pf-v5-l-flex--ColumnGap:0; --pf-v5-l-flex--m-gap--RowGap:var(--pf-v5-l-flex--spacer--row--base); --pf-v5-l-flex--m-gap--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); --pf-v5-l-flex--m-row-gap--RowGap:var(--pf-v5-l-flex--spacer--row--base); --pf-v5-l-flex--m-column-gap--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); --pf-v5-l-flex--spacer--none:0; --pf-v5-l-flex--spacer--xs:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--spacer--sm:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--spacer--md:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--spacer--lg:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--spacer--xl:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--spacer--2xl:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--spacer--3xl:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--spacer--4xl:var(--pf-v5-global--spacer--4xl); display:var(--pf-v5-l-flex--Display); flex-wrap:var(--pf-v5-l-flex--FlexWrap); gap:var(--pf-v5-l-flex--RowGap)var(--pf-v5-l-flex--ColumnGap); align-items:var(--pf-v5-l-flex--AlignItems) } .pf-v5-l-flex>* { --pf-v5-l-flex--spacer:initial; --pf-v5-l-flex--spacer--column:var(--pf-v5-l-flex--spacer,var(--pf-v5-l-flex--spacer--column--base)); --pf-v5-l-flex--spacer--row:var(--pf-v5-l-flex--spacer,var(--pf-v5-l-flex--spacer--row--base)); order:var(--pf-v5-l-flex--item--Order); max-width:100%; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } @media screen and (width>=576px) { .pf-v5-l-flex>* { order:var(--pf-v5-l-flex--item--Order-on-sm,var(--pf-v5-l-flex--item--Order)) } } @media screen and (width>=768px) { .pf-v5-l-flex>* { order:var(--pf-v5-l-flex--item--Order-on-md,var(--pf-v5-l-flex--item--Order-on-sm,var(--pf-v5-l-flex--item--Order))) } } @media screen and (width>=992px) { .pf-v5-l-flex>* { order:var(--pf-v5-l-flex--item--Order-on-lg,var(--pf-v5-l-flex--item--Order-on-md,var(--pf-v5-l-flex--item--Order-on-sm,var(--pf-v5-l-flex--item--Order)))) } } @media screen and (width>=1200px) { .pf-v5-l-flex>* { order:var(--pf-v5-l-flex--item--Order-on-xl,var(--pf-v5-l-flex--item--Order-on-lg,var(--pf-v5-l-flex--item--Order-on-md,var(--pf-v5-l-flex--item--Order-on-sm,var(--pf-v5-l-flex--item--Order))))) } } @media screen and (width>=1450px) { .pf-v5-l-flex>* { order:var(--pf-v5-l-flex--item--Order-on-2xl,var(--pf-v5-l-flex--item--Order-on-xl,var(--pf-v5-l-flex--item--Order-on-lg,var(--pf-v5-l-flex--item--Order-on-md,var(--pf-v5-l-flex--item--Order-on-sm,var(--pf-v5-l-flex--item--Order)))))) } } .pf-v5-l-flex>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-flex { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1 { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2 { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3 { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4 { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch { align-self:stretch } @media (width>=576px) { .pf-v5-l-flex.pf-m-flex-on-sm { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex-on-sm { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column-on-sm { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column-on-sm>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse-on-sm { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse-on-sm>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row-on-sm { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row-on-sm>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse-on-sm { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse-on-sm>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap-on-sm { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse-on-sm { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap-on-sm { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start-on-sm { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end-on-sm { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center-on-sm { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between-on-sm { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around-on-sm { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-sm { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start-on-sm { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end-on-sm { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center-on-sm { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch-on-sm { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline-on-sm { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start-on-sm { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end-on-sm { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center-on-sm { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch-on-sm { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between-on-sm { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around-on-sm { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right-on-sm { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left-on-sm { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow-on-sm { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink-on-sm { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width-on-sm { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1-on-sm { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2-on-sm { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3-on-sm { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4-on-sm { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default-on-sm { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none-on-sm { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start-on-sm { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end-on-sm { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center-on-sm { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline-on-sm { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch-on-sm { align-self:stretch } } @media (width>=768px) { .pf-v5-l-flex.pf-m-flex-on-md { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex-on-md { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column-on-md { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column-on-md>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse-on-md { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse-on-md>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row-on-md { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row-on-md>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse-on-md { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse-on-md>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap-on-md { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse-on-md { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap-on-md { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start-on-md { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end-on-md { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center-on-md { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between-on-md { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around-on-md { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-md { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start-on-md { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end-on-md { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center-on-md { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch-on-md { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline-on-md { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start-on-md { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end-on-md { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center-on-md { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch-on-md { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between-on-md { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around-on-md { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right-on-md { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left-on-md { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow-on-md { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink-on-md { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width-on-md { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1-on-md { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2-on-md { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3-on-md { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4-on-md { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default-on-md { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none-on-md { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start-on-md { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end-on-md { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center-on-md { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline-on-md { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch-on-md { align-self:stretch } } @media (width>=992px) { .pf-v5-l-flex.pf-m-flex-on-lg { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex-on-lg { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column-on-lg { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column-on-lg>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse-on-lg { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse-on-lg>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row-on-lg { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row-on-lg>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse-on-lg { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse-on-lg>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap-on-lg { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse-on-lg { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap-on-lg { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start-on-lg { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end-on-lg { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center-on-lg { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between-on-lg { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around-on-lg { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-lg { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start-on-lg { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end-on-lg { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center-on-lg { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch-on-lg { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline-on-lg { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start-on-lg { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end-on-lg { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center-on-lg { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch-on-lg { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between-on-lg { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around-on-lg { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right-on-lg { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left-on-lg { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow-on-lg { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink-on-lg { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width-on-lg { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1-on-lg { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2-on-lg { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3-on-lg { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4-on-lg { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default-on-lg { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none-on-lg { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start-on-lg { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end-on-lg { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center-on-lg { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline-on-lg { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch-on-lg { align-self:stretch } } @media (width>=1200px) { .pf-v5-l-flex.pf-m-flex-on-xl { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex-on-xl { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column-on-xl { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column-on-xl>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse-on-xl { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse-on-xl>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row-on-xl { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row-on-xl>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse-on-xl { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse-on-xl>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap-on-xl { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse-on-xl { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap-on-xl { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start-on-xl { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end-on-xl { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center-on-xl { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between-on-xl { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around-on-xl { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-xl { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start-on-xl { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end-on-xl { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center-on-xl { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch-on-xl { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline-on-xl { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start-on-xl { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end-on-xl { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center-on-xl { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch-on-xl { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between-on-xl { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around-on-xl { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right-on-xl { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left-on-xl { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow-on-xl { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink-on-xl { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width-on-xl { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1-on-xl { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2-on-xl { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3-on-xl { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4-on-xl { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default-on-xl { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none-on-xl { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start-on-xl { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end-on-xl { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center-on-xl { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline-on-xl { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch-on-xl { align-self:stretch } } @media (width>=1450px) { .pf-v5-l-flex.pf-m-flex-on-2xl { display:var(--pf-v5-l-flex--Display) } .pf-v5-l-flex.pf-m-inline-flex-on-2xl { --pf-v5-l-flex--Display:inline-flex } .pf-v5-l-flex.pf-m-column-on-2xl { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--spacer--column--base); flex-direction:column; align-items:normal } .pf-v5-l-flex.pf-m-column-on-2xl>* { margin-block-start:0; margin-block-end:var(--pf-v5-l-flex--spacer--row); margin-inline:0 } .pf-v5-l-flex.pf-m-column-reverse-on-2xl { flex-direction:column-reverse; align-items:normal } .pf-v5-l-flex.pf-m-column-reverse-on-2xl>* { margin-block-start:var(--pf-v5-l-flex--spacer--row); margin-block-end:0; margin-inline:0 } .pf-v5-l-flex.pf-m-row-on-2xl { align-items:var(--pf-v5-l-flex--m-row--AlignItems); flex-direction:row } .pf-v5-l-flex.pf-m-row-on-2xl>* { margin-block:0; margin-inline-start:0; margin-inline-end:var(--pf-v5-l-flex--spacer--column) } .pf-v5-l-flex.pf-m-row-reverse-on-2xl { align-items:var(--pf-v5-l-flex--m-row-reverse--AlignItems); flex-direction:row-reverse } .pf-v5-l-flex.pf-m-row-reverse-on-2xl>* { margin-block:0; margin-inline-start:var(--pf-v5-l-flex--spacer--column); margin-inline-end:0 } .pf-v5-l-flex.pf-m-wrap-on-2xl { flex-wrap:wrap } .pf-v5-l-flex.pf-m-wrap-reverse-on-2xl { flex-wrap:wrap-reverse } .pf-v5-l-flex.pf-m-nowrap-on-2xl { flex-wrap:nowrap } .pf-v5-l-flex.pf-m-justify-content-flex-start-on-2xl { justify-content:flex-start } .pf-v5-l-flex.pf-m-justify-content-flex-end-on-2xl { justify-content:flex-end } .pf-v5-l-flex.pf-m-justify-content-center-on-2xl { justify-content:center } .pf-v5-l-flex.pf-m-justify-content-space-between-on-2xl { justify-content:space-between } .pf-v5-l-flex.pf-m-justify-content-space-around-on-2xl { justify-content:space-around } .pf-v5-l-flex.pf-m-justify-content-space-evenly-on-2xl { justify-content:space-evenly } .pf-v5-l-flex.pf-m-align-items-flex-start-on-2xl { align-items:flex-start } .pf-v5-l-flex.pf-m-align-items-flex-end-on-2xl { align-items:flex-end } .pf-v5-l-flex.pf-m-align-items-center-on-2xl { align-items:center } .pf-v5-l-flex.pf-m-align-items-stretch-on-2xl { align-items:stretch } .pf-v5-l-flex.pf-m-align-items-baseline-on-2xl { align-items:baseline } .pf-v5-l-flex.pf-m-align-content-flex-start-on-2xl { align-content:flex-start } .pf-v5-l-flex.pf-m-align-content-flex-end-on-2xl { align-content:flex-end } .pf-v5-l-flex.pf-m-align-content-center-on-2xl { align-content:center } .pf-v5-l-flex.pf-m-align-content-stretch-on-2xl { align-content:stretch } .pf-v5-l-flex.pf-m-align-content-space-between-on-2xl { align-content:space-between } .pf-v5-l-flex.pf-m-align-content-space-around-on-2xl { align-content:space-around } .pf-v5-l-flex>.pf-m-align-right-on-2xl { margin-inline-start:auto } .pf-v5-l-flex>.pf-m-align-left-on-2xl { margin-inline-start:0 } .pf-v5-l-flex>.pf-m-grow-on-2xl { flex-grow:1 } .pf-v5-l-flex>.pf-m-shrink-on-2xl { flex-shrink:1 } .pf-v5-l-flex>.pf-m-full-width-on-2xl { width:100%; margin-inline-end:0 } .pf-v5-l-flex>.pf-m-flex-1-on-2xl { flex:1 0 0 } .pf-v5-l-flex>.pf-m-flex-2-on-2xl { flex:2 0 0 } .pf-v5-l-flex>.pf-m-flex-3-on-2xl { flex:3 0 0 } .pf-v5-l-flex>.pf-m-flex-4-on-2xl { flex:4 0 0 } .pf-v5-l-flex>.pf-m-flex-default-on-2xl { flex:0 auto } .pf-v5-l-flex>.pf-m-flex-none-on-2xl { flex:none } .pf-v5-l-flex>.pf-m-align-self-flex-start-on-2xl { align-self:flex-start } .pf-v5-l-flex>.pf-m-align-self-flex-end-on-2xl { align-self:flex-end } .pf-v5-l-flex>.pf-m-align-self-center-on-2xl { align-self:center } .pf-v5-l-flex>.pf-m-align-self-baseline-on-2xl { align-self:baseline } .pf-v5-l-flex>.pf-m-align-self-stretch-on-2xl { align-self:stretch } } .pf-v5-l-flex.pf-m-space-items-none>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl>:last-child { --pf-v5-l-flex--spacer:0 } @media (width>=576px) { .pf-v5-l-flex.pf-m-space-items-none-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl-on-sm>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl-on-sm>:last-child { --pf-v5-l-flex--spacer:0 } } @media (width>=768px) { .pf-v5-l-flex.pf-m-space-items-none-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl-on-md>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl-on-md>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl-on-md>:last-child { --pf-v5-l-flex--spacer:0 } } @media (width>=992px) { .pf-v5-l-flex.pf-m-space-items-none-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl-on-lg>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl-on-lg>:last-child { --pf-v5-l-flex--spacer:0 } } @media (width>=1200px) { .pf-v5-l-flex.pf-m-space-items-none-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl-on-xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl-on-xl>:last-child { --pf-v5-l-flex--spacer:0 } } @media (width>=1450px) { .pf-v5-l-flex.pf-m-space-items-none-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex.pf-m-space-items-none-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xs-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex.pf-m-space-items-xs-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-sm-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex.pf-m-space-items-sm-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-md-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex.pf-m-space-items-md-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-lg-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex.pf-m-space-items-lg-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-xl-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex.pf-m-space-items-xl-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex.pf-m-space-items-2xl-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex.pf-m-space-items-3xl-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl>* { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } .pf-v5-l-flex.pf-m-space-items-4xl-on-2xl>:last-child { --pf-v5-l-flex--spacer:0 } } .pf-v5-l-flex .pf-m-spacer-none, .pf-v5-l-flex .pf-m-spacer-none:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs, .pf-v5-l-flex .pf-m-spacer-xs:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm, .pf-v5-l-flex .pf-m-spacer-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md, .pf-v5-l-flex .pf-m-spacer-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg, .pf-v5-l-flex .pf-m-spacer-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl, .pf-v5-l-flex .pf-m-spacer-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl, .pf-v5-l-flex .pf-m-spacer-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl, .pf-v5-l-flex .pf-m-spacer-3xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl, .pf-v5-l-flex .pf-m-spacer-4xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } @media (width>=576px) { .pf-v5-l-flex .pf-m-spacer-none-on-sm, .pf-v5-l-flex .pf-m-spacer-none-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs-on-sm, .pf-v5-l-flex .pf-m-spacer-xs-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm-on-sm, .pf-v5-l-flex .pf-m-spacer-sm-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md-on-sm, .pf-v5-l-flex .pf-m-spacer-md-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg-on-sm, .pf-v5-l-flex .pf-m-spacer-lg-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl-on-sm, .pf-v5-l-flex .pf-m-spacer-xl-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl-on-sm, .pf-v5-l-flex .pf-m-spacer-2xl-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl-on-sm, .pf-v5-l-flex .pf-m-spacer-3xl-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl-on-sm, .pf-v5-l-flex .pf-m-spacer-4xl-on-sm:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } } @media (width>=768px) { .pf-v5-l-flex .pf-m-spacer-none-on-md, .pf-v5-l-flex .pf-m-spacer-none-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs-on-md, .pf-v5-l-flex .pf-m-spacer-xs-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm-on-md, .pf-v5-l-flex .pf-m-spacer-sm-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md-on-md, .pf-v5-l-flex .pf-m-spacer-md-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg-on-md, .pf-v5-l-flex .pf-m-spacer-lg-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl-on-md, .pf-v5-l-flex .pf-m-spacer-xl-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl-on-md, .pf-v5-l-flex .pf-m-spacer-2xl-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl-on-md, .pf-v5-l-flex .pf-m-spacer-3xl-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl-on-md, .pf-v5-l-flex .pf-m-spacer-4xl-on-md:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } } @media (width>=992px) { .pf-v5-l-flex .pf-m-spacer-none-on-lg, .pf-v5-l-flex .pf-m-spacer-none-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs-on-lg, .pf-v5-l-flex .pf-m-spacer-xs-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm-on-lg, .pf-v5-l-flex .pf-m-spacer-sm-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md-on-lg, .pf-v5-l-flex .pf-m-spacer-md-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg-on-lg, .pf-v5-l-flex .pf-m-spacer-lg-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl-on-lg, .pf-v5-l-flex .pf-m-spacer-xl-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl-on-lg, .pf-v5-l-flex .pf-m-spacer-2xl-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl-on-lg, .pf-v5-l-flex .pf-m-spacer-3xl-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl-on-lg, .pf-v5-l-flex .pf-m-spacer-4xl-on-lg:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } } @media (width>=1200px) { .pf-v5-l-flex .pf-m-spacer-none-on-xl, .pf-v5-l-flex .pf-m-spacer-none-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs-on-xl, .pf-v5-l-flex .pf-m-spacer-xs-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm-on-xl, .pf-v5-l-flex .pf-m-spacer-sm-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md-on-xl, .pf-v5-l-flex .pf-m-spacer-md-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg-on-xl, .pf-v5-l-flex .pf-m-spacer-lg-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl-on-xl, .pf-v5-l-flex .pf-m-spacer-xl-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl-on-xl, .pf-v5-l-flex .pf-m-spacer-2xl-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl-on-xl, .pf-v5-l-flex .pf-m-spacer-3xl-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl-on-xl, .pf-v5-l-flex .pf-m-spacer-4xl-on-xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } } @media (width>=1450px) { .pf-v5-l-flex .pf-m-spacer-none-on-2xl, .pf-v5-l-flex .pf-m-spacer-none-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--none) } .pf-v5-l-flex .pf-m-spacer-xs-on-2xl, .pf-v5-l-flex .pf-m-spacer-xs-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xs) } .pf-v5-l-flex .pf-m-spacer-sm-on-2xl, .pf-v5-l-flex .pf-m-spacer-sm-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--sm) } .pf-v5-l-flex .pf-m-spacer-md-on-2xl, .pf-v5-l-flex .pf-m-spacer-md-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--md) } .pf-v5-l-flex .pf-m-spacer-lg-on-2xl, .pf-v5-l-flex .pf-m-spacer-lg-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--lg) } .pf-v5-l-flex .pf-m-spacer-xl-on-2xl, .pf-v5-l-flex .pf-m-spacer-xl-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--xl) } .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl, .pf-v5-l-flex .pf-m-spacer-2xl-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--2xl) } .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl, .pf-v5-l-flex .pf-m-spacer-3xl-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--3xl) } .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl, .pf-v5-l-flex .pf-m-spacer-4xl-on-2xl:last-child { --pf-v5-l-flex--spacer:var(--pf-v5-l-flex--spacer--4xl) } } .pf-v5-l-flex.pf-m-gap { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } @media (width>=576px) { .pf-v5-l-flex.pf-m-gap-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none-on-sm { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } } @media (width>=768px) { .pf-v5-l-flex.pf-m-gap-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none-on-md { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } } @media (width>=992px) { .pf-v5-l-flex.pf-m-gap-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none-on-lg { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } } @media (width>=1200px) { .pf-v5-l-flex.pf-m-gap-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none-on-xl { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } } @media (width>=1450px) { .pf-v5-l-flex.pf-m-gap-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-gap--RowGap); --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-gap--ColumnGap) } .pf-v5-l-flex.pf-m-gap-none-on-2xl { --pf-v5-l-flex--RowGap:0; --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-gap-xs-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-gap-sm-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-gap-md-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-gap-lg-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-gap-xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-gap-2xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-gap-3xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-gap-4xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl); --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl)>* { --pf-v5-l-flex--spacer--row:0; --pf-v5-l-flex--spacer--column:0 } } .pf-v5-l-flex.pf-m-row-gap { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl)>* { --pf-v5-l-flex--spacer--row:0 } @media (width>=576px) { .pf-v5-l-flex.pf-m-row-gap-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none-on-sm { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm)>* { --pf-v5-l-flex--spacer--row:0 } } @media (width>=768px) { .pf-v5-l-flex.pf-m-row-gap-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none-on-md { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl-on-md { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md)>* { --pf-v5-l-flex--spacer--row:0 } } @media (width>=992px) { .pf-v5-l-flex.pf-m-row-gap-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none-on-lg { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg)>* { --pf-v5-l-flex--spacer--row:0 } } @media (width>=1200px) { .pf-v5-l-flex.pf-m-row-gap-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none-on-xl { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl)>* { --pf-v5-l-flex--spacer--row:0 } } @media (width>=1450px) { .pf-v5-l-flex.pf-m-row-gap-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-l-flex--m-row-gap--RowGap) } .pf-v5-l-flex.pf-m-row-gap-none-on-2xl { --pf-v5-l-flex--RowGap:0 } .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-row-gap-md-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-row-gap-lg-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-row-gap-xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-row-gap-2xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-row-gap-3xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl { --pf-v5-l-flex--RowGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl)>* { --pf-v5-l-flex--spacer--row:0 } } .pf-v5-l-flex.pf-m-column-gap { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl)>* { --pf-v5-l-flex--spacer--column:0 } @media (width>=576px) { .pf-v5-l-flex.pf-m-column-gap-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none-on-sm { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm)>* { --pf-v5-l-flex--spacer--column:0 } } @media (width>=768px) { .pf-v5-l-flex.pf-m-column-gap-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none-on-md { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl-on-md { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md)>* { --pf-v5-l-flex--spacer--column:0 } } @media (width>=992px) { .pf-v5-l-flex.pf-m-column-gap-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none-on-lg { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg)>* { --pf-v5-l-flex--spacer--column:0 } } @media (width>=1200px) { .pf-v5-l-flex.pf-m-column-gap-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none-on-xl { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl)>* { --pf-v5-l-flex--spacer--column:0 } } @media (width>=1450px) { .pf-v5-l-flex.pf-m-column-gap-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-l-flex--m-column-gap--ColumnGap) } .pf-v5-l-flex.pf-m-column-gap-none-on-2xl { --pf-v5-l-flex--ColumnGap:0 } .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xs) } .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--sm) } .pf-v5-l-flex.pf-m-column-gap-md-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--md) } .pf-v5-l-flex.pf-m-column-gap-lg-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--lg) } .pf-v5-l-flex.pf-m-column-gap-xl-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--xl) } .pf-v5-l-flex.pf-m-column-gap-2xl-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--2xl) } .pf-v5-l-flex.pf-m-column-gap-3xl-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--3xl) } .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl { --pf-v5-l-flex--ColumnGap:var(--pf-v5-global--spacer--4xl) } .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl)>* { --pf-v5-l-flex--spacer--column:0 } } .pf-v5-l-grid { --pf-v5-l-grid--m-gutter--GridGap:var(--pf-v5-global--gutter); --pf-v5-l-grid__item--GridColumnStart:auto; --pf-v5-l-grid__item--GridColumnEnd:span 12; --pf-v5-l-grid--item--Order:0; grid-template-columns:repeat(12,[col-start]1fr); display:grid } .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { grid-column-start:var(--pf-v5-l-grid__item--GridColumnStart); grid-column-end:var(--pf-v5-l-grid__item--GridColumnEnd); order:var(--pf-v5-l-grid--item--Order); min-width:0; min-height:0 } @media (width>=576px) { .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { order:var(--pf-v5-l-grid--item--Order-on-sm,var(--pf-v5-l-grid--item--Order)) } } @media (width>=768px) { .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { order:var(--pf-v5-l-grid--item--Order-on-md,var(--pf-v5-l-grid--item--Order-on-sm,var(--pf-v5-l-grid--item--Order))) } } @media (width>=992px) { .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { order:var(--pf-v5-l-grid--item--Order-on-lg,var(--pf-v5-l-grid--item--Order-on-md,var(--pf-v5-l-grid--item--Order-on-sm,var(--pf-v5-l-grid--item--Order)))) } } @media (width>=1200px) { .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { order:var(--pf-v5-l-grid--item--Order-on-xl,var(--pf-v5-l-grid--item--Order-on-lg,var(--pf-v5-l-grid--item--Order-on-md,var(--pf-v5-l-grid--item--Order-on-sm,var(--pf-v5-l-grid--item--Order))))) } } @media (width>=1450px) { .pf-v5-l-grid>*, .pf-v5-l-grid .pf-v5-l-grid__item { order:var(--pf-v5-l-grid--item--Order-on-2xl,var(--pf-v5-l-grid--item--Order-on-xl,var(--pf-v5-l-grid--item--Order-on-lg,var(--pf-v5-l-grid--item--Order-on-md,var(--pf-v5-l-grid--item--Order-on-sm,var(--pf-v5-l-grid--item--Order)))))) } } .pf-v5-l-grid.pf-m-all-1-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } @media screen and (width>=576px) { .pf-v5-l-grid.pf-m-all-1-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col-on-sm>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } } @media screen and (width>=768px) { .pf-v5-l-grid.pf-m-all-1-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col-on-md>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } } @media screen and (width>=992px) { .pf-v5-l-grid.pf-m-all-1-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col-on-lg>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } } @media screen and (width>=1200px) { .pf-v5-l-grid.pf-m-all-1-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col-on-xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } } @media screen and (width>=1450px) { .pf-v5-l-grid.pf-m-all-1-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid.pf-m-all-2-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid.pf-m-all-3-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid.pf-m-all-4-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid.pf-m-all-5-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid.pf-m-all-6-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid.pf-m-all-7-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid.pf-m-all-8-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid.pf-m-all-9-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid.pf-m-all-10-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid.pf-m-all-11-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid.pf-m-all-12-col-on-2xl>* { --pf-v5-l-grid__item--GridColumnEnd:span 12 } } .pf-v5-l-grid>.pf-m-1-col { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row { grid-row:span 12 } @media screen and (width>=576px) { .pf-v5-l-grid>.pf-m-1-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col-on-sm { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col-on-sm { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row-on-sm { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row-on-sm { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row-on-sm { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row-on-sm { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row-on-sm { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row-on-sm { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row-on-sm { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row-on-sm { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row-on-sm { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row-on-sm { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row-on-sm { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row-on-sm { grid-row:span 12 } } @media screen and (width>=768px) { .pf-v5-l-grid>.pf-m-1-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col-on-md { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col-on-md { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row-on-md { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row-on-md { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row-on-md { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row-on-md { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row-on-md { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row-on-md { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row-on-md { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row-on-md { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row-on-md { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row-on-md { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row-on-md { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row-on-md { grid-row:span 12 } } @media screen and (width>=992px) { .pf-v5-l-grid>.pf-m-1-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col-on-lg { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col-on-lg { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row-on-lg { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row-on-lg { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row-on-lg { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row-on-lg { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row-on-lg { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row-on-lg { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row-on-lg { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row-on-lg { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row-on-lg { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row-on-lg { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row-on-lg { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row-on-lg { grid-row:span 12 } } @media screen and (width>=1200px) { .pf-v5-l-grid>.pf-m-1-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col-on-xl { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col-on-xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row-on-xl { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row-on-xl { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row-on-xl { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row-on-xl { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row-on-xl { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row-on-xl { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row-on-xl { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row-on-xl { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row-on-xl { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row-on-xl { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row-on-xl { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row-on-xl { grid-row:span 12 } } @media screen and (width>=1450px) { .pf-v5-l-grid>.pf-m-1-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 1 } .pf-v5-l-grid>.pf-m-2-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 2 } .pf-v5-l-grid>.pf-m-3-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 3 } .pf-v5-l-grid>.pf-m-4-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 4 } .pf-v5-l-grid>.pf-m-5-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 5 } .pf-v5-l-grid>.pf-m-6-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 6 } .pf-v5-l-grid>.pf-m-7-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 7 } .pf-v5-l-grid>.pf-m-8-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 8 } .pf-v5-l-grid>.pf-m-9-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 9 } .pf-v5-l-grid>.pf-m-10-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 10 } .pf-v5-l-grid>.pf-m-11-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 11 } .pf-v5-l-grid>.pf-m-12-col-on-2xl { --pf-v5-l-grid__item--GridColumnEnd:span 12 } .pf-v5-l-grid>.pf-m-offset-1-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(1 + 1) } .pf-v5-l-grid>.pf-m-offset-2-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(2 + 1) } .pf-v5-l-grid>.pf-m-offset-3-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(3 + 1) } .pf-v5-l-grid>.pf-m-offset-4-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(4 + 1) } .pf-v5-l-grid>.pf-m-offset-5-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(5 + 1) } .pf-v5-l-grid>.pf-m-offset-6-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(6 + 1) } .pf-v5-l-grid>.pf-m-offset-7-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(7 + 1) } .pf-v5-l-grid>.pf-m-offset-8-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(8 + 1) } .pf-v5-l-grid>.pf-m-offset-9-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(9 + 1) } .pf-v5-l-grid>.pf-m-offset-10-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(10 + 1) } .pf-v5-l-grid>.pf-m-offset-11-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(11 + 1) } .pf-v5-l-grid>.pf-m-offset-12-col-on-2xl { --pf-v5-l-grid__item--GridColumnStart:col-start calc(12 + 1) } .pf-v5-l-grid>.pf-m-1-row-on-2xl { grid-row:span 1 } .pf-v5-l-grid>.pf-m-2-row-on-2xl { grid-row:span 2 } .pf-v5-l-grid>.pf-m-3-row-on-2xl { grid-row:span 3 } .pf-v5-l-grid>.pf-m-4-row-on-2xl { grid-row:span 4 } .pf-v5-l-grid>.pf-m-5-row-on-2xl { grid-row:span 5 } .pf-v5-l-grid>.pf-m-6-row-on-2xl { grid-row:span 6 } .pf-v5-l-grid>.pf-m-7-row-on-2xl { grid-row:span 7 } .pf-v5-l-grid>.pf-m-8-row-on-2xl { grid-row:span 8 } .pf-v5-l-grid>.pf-m-9-row-on-2xl { grid-row:span 9 } .pf-v5-l-grid>.pf-m-10-row-on-2xl { grid-row:span 10 } .pf-v5-l-grid>.pf-m-11-row-on-2xl { grid-row:span 11 } .pf-v5-l-grid>.pf-m-12-row-on-2xl { grid-row:span 12 } } .pf-v5-l-grid.pf-m-gutter { grid-gap:var(--pf-v5-l-grid--m-gutter--GridGap) } .pf-v5-l-split { --pf-v5-l-stack--m-gutter--Gap:var(--pf-v5-global--gutter); margin:0; padding:0; display:flex } .pf-v5-l-split.pf-m-wrap { flex-wrap:wrap } .pf-v5-l-split__item.pf-m-fill { flex-grow:1 } .pf-v5-l-split.pf-m-gutter { gap:var(--pf-v5-l-stack--m-gutter--Gap) } .pf-v5-c-table { --pf-v5-global--Color--100:var(--pf-v5-global--Color--dark-100); --pf-v5-global--Color--200:var(--pf-v5-global--Color--dark-200); --pf-v5-global--BorderColor--100:var(--pf-v5-global--BorderColor--dark-100); --pf-v5-global--primary-color--100:var(--pf-v5-global--primary-color--dark-100); --pf-v5-global--link--Color:var(--pf-v5-global--link--Color--dark); --pf-v5-global--link--Color--hover:var(--pf-v5-global--link--Color--dark--hover); --pf-v5-global--BackgroundColor--100:var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-global--icon--Color--light:var(--pf-v5-global--icon--Color--light--dark); --pf-v5-global--icon--Color--dark:var(--pf-v5-global--icon--Color--dark--dark) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { --pf-v5-hidden-visible--hidden--Display:none; --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display); display:var(--pf-v5-hidden-visible--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } @media screen and (width>=576px) { .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden-on-sm { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-visible-on-sm { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=768px) { .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden-on-md { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-visible-on-md { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=992px) { .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden-on-lg { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-visible-on-lg { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1200px) { .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden-on-xl { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-visible-on-xl { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } @media screen and (width>=1450px) { .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-hidden-on-2xl { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--hidden--Display) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-visible-on-2xl { --pf-v5-hidden-visible--Display:var(--pf-v5-hidden-visible--visible--Display) } } .pf-v5-c-table { --pf-v5-c-table--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table--border-width--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table__caption--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-table__caption--Color:var(--pf-v5-global--Color--200); --pf-v5-c-table__caption--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table__caption--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__caption--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table__caption--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__caption--xl--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-table__caption--xl--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table__thead--cell--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-table__thead--cell--FontWeight:var(--pf-v5-global--FontWeight--bold); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tr--BoxShadow--top--base:0 -.1875rem .25rem -.125rem #03030314; --pf-v5-c-table--cell--Padding--base:var(--pf-v5-global--spacer--md); --pf-v5-c-table--cell--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-table--cell--FontWeight:var(--pf-v5-global--FontWeight--normal); --pf-v5-c-table--cell--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--cell--Padding--base); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--cell--Padding--base); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--cell--Padding--base); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--cell--Padding--base); --pf-v5-c-table--cell--first-last-child--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table--cell--first-last-child--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-table--cell--first-last-child--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--cell--first-last-child--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft:var(--pf-v5-c-table--cell--Padding--base); --pf-v5-c-table--cell--MinWidth:0; --pf-v5-c-table--cell--MaxWidth:none; --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--cell--Overflow:visible; --pf-v5-c-table--cell--TextOverflow:clip; --pf-v5-c-table--cell--WhiteSpace:normal; --pf-v5-c-table--cell--WordBreak:normal; --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table--cell--m-border-right--before--BorderRightColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table--cell--m-help--MinWidth:11ch; --pf-v5-c-table--m-truncate--cell--MaxWidth:1px; --pf-v5-c-table--m-truncate--cell--MinWidth:calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft)); --pf-v5-c-table--cell--hidden-visible--Display:table-cell; --pf-v5-c-table__toggle--c-button--MarginTop:calc(.375rem*-1); --pf-v5-c-table__toggle--c-button--MarginBottom:calc(.375rem*-1); --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate:270deg; --pf-v5-c-table__toggle--c-button__toggle-icon--Transition:.2s ease-in 0s; --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate:360deg; --pf-v5-c-table__button--BackgroundColor:transparent; --pf-v5-c-table__button--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__button--hover--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__button--focus--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__button--active--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__button--OutlineOffset:calc(var(--pf-v5-global--BorderWidth--lg)*-1); --pf-v5-c-table--m-compact__toggle--PaddingTop:0; --pf-v5-c-table--m-compact__toggle--PaddingBottom:0; --pf-v5-c-table__check--input--MarginTop:.1875rem; --pf-v5-c-table__thead__check--input--TranslateY:var(--pf-v5-c-table__check--input--MarginTop); --pf-v5-c-table__check--input--FontSize:var(--pf-v5-global--FontSize--md); --pf-v5-c-table--cell--m-favorite--Color:var(--pf-v5-global--Color--light-300); --pf-v5-c-table__favorite--c-button--Color:var(--pf-v5-global--Color--light-300); --pf-v5-c-table__favorite--c-button--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-table__favorite--c-button--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__favorite--c-button--MarginRight:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-table__favorite--c-button--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__favorite--c-button--MarginLeft:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-table__favorite--m-favorited--c-button--Color:var(--pf-v5-global--palette--gold-400); --pf-v5-c-table__sort--m-favorite__button__text--Color:var(--pf-v5-global--Color--200); --pf-v5-c-table__sort--m-favorite__button--hover__text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__sort--m-favorite__button--focus__text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__sort--m-favorite__button--active__text--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__draggable--c-button--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__draggable--c-button--MarginRight:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-table__draggable--c-button--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__draggable--c-button--MarginLeft:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-table__tr--m-ghost-row--Opacity:.4; --pf-v5-c-table__tr--m-ghost-row--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__action--PaddingTop:0; --pf-v5-c-table__action--PaddingRight:0; --pf-v5-c-table__action--PaddingBottom:0; --pf-v5-c-table__action--PaddingLeft:0; --pf-v5-c-table__inline-edit-action--PaddingTop:0; --pf-v5-c-table__inline-edit-action--PaddingRight:0; --pf-v5-c-table__inline-edit-action--PaddingBottom:0; --pf-v5-c-table__inline-edit-action--PaddingLeft:0; --pf-v5-c-table__expandable-row--Transition:var(--pf-v5-global--Transition); --pf-v5-c-table__expandable-row--MaxHeight:28.125rem; --pf-v5-c-table__expandable-row-content--Transition:var(--pf-v5-global--Transition); --pf-v5-c-table__expandable-row-content--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__expandable-row-content--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__expandable-row--after--Top:calc(var(--pf-v5-c-table--border-width--base)*-1); --pf-v5-c-table__expandable-row--after--Bottom:calc(var(--pf-v5-c-table--border-width--base)*-1); --pf-v5-c-table__expandable-row--after--border-width--base:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-table__icon-inline--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__sort--MinWidth:calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft)); --pf-v5-c-table__sort__button--PaddingTop:var(--pf-v5-global--spacer--form-element); --pf-v5-c-table__sort__button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__sort__button--PaddingBottom:var(--pf-v5-global--spacer--form-element); --pf-v5-c-table__sort__button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__sort__button--MarginTop:calc(var(--pf-v5-c-table__sort__button--PaddingTop)*-1); --pf-v5-c-table__sort__button--MarginBottom:calc(var(--pf-v5-c-table__sort__button--PaddingBottom)*-1); --pf-v5-c-table__sort__button--MarginLeft:calc(var(--pf-v5-c-table__sort__button--PaddingLeft)*-1); --pf-v5-c-table__sort__button--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__sort--m-selected__button--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-table__sort--m-help--MinWidth:15ch; --pf-v5-c-table__sort__button__text--Color:currentcolor; --pf-v5-c-table__sort__button--hover__text--Color:currentcolor; --pf-v5-c-table__sort__button--focus__text--Color:currentcolor; --pf-v5-c-table__sort__button--active__text--Color:currentcolor; --pf-v5-c-table__sort-indicator--Color:var(--pf-v5-global--disabled-color--200); --pf-v5-c-table__sort-indicator--MarginLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table__sort--m-selected__sort-indicator--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-table__sort__button--hover__sort-indicator--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__sort__button--active__sort-indicator--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__sort__button--focus__sort-indicator--Color:var(--pf-v5-global--Color--100); --pf-v5-c-table__th--m-help--MinWidth:11ch; --pf-v5-c-table__column-help--MarginLeft:var(--pf-v5-global--spacer--xs); --pf-v5-c-table__column-help--TranslateY:.125rem; --pf-v5-c-table__column-help--c-button--MarginTop:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__column-help--c-button--MarginBottom:calc(var(--pf-v5-global--spacer--form-element)*-1); --pf-v5-c-table__column-help--c-button--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__column-help--c-button--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__compound-expansion-toggle__button--Color:var(--pf-v5-global--active-color--100); --pf-v5-c-table__compound-expansion-toggle__button--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-table__compound-expansion-toggle__button--focus--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-table__compound-expansion-toggle__button--active--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom:calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-v5-c-table__compound-expansion-toggle__button--before--Left:calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor:var(--pf-v5-global--primary-color--100); --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-v5-c-table__compound-expansion-toggle__button--after--Left:calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base)*-1); --pf-v5-c-table--m-compact__th--PaddingTop:calc(var(--pf-v5-global--spacer--sm) + var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-compact__th--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact--cell--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact--cell--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact--cell--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact--cell--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--m-compact--FontSize:var(--pf-v5-global--FontSize--sm); --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table--nested--first-last-child--PaddingRight:var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft); --pf-v5-c-table--nested--first-last-child--PaddingLeft:var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight); --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table__tr--m-clickable--BoxShadow--top:var(--pf-v5-c-table__tr--BoxShadow--top--base); --pf-v5-c-table__tr--m-clickable--BackgroundColor:transparent; --pf-v5-c-table__tr--m-clickable--BoxShadow:none; --pf-v5-c-table__tr--m-clickable--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table__tr--m-clickable--hover--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tr--m-clickable--focus--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tr--m-clickable--active--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-clickable--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom)inset,var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-selected--BoxShadow--top:var(--pf-v5-c-table__tr--BoxShadow--top--base); --pf-v5-c-table__tr--m-selected--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tr--m-selected--BoxShadow:var(--pf-v5-c-table__tr--m-selected--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-selected--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth:calc(2*var(--pf-v5-c-table__expandable-row--after--border-width--base)); --pf-v5-c-table__tr--m-selected--after--BorderLeftColor:var(--pf-v5-global--active-color--100); --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom)inset,var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow:var(--pf-v5-c-table__tr--m-selected--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-clickable--BoxShadow--top:var(--pf-v5-c-table__tr--BoxShadow--top--base); --pf-v5-c-table__tbody--m-clickable--BoxShadow:none; --pf-v5-c-table__tbody--m-clickable--BackgroundColor:transparent; --pf-v5-c-table__tbody--m-clickable--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tbody--m-clickable--active--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor:var(--pf-v5-global--active-color--400); --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom)inset,var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-selected--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__tbody--m-selected--BoxShadow--top:var(--pf-v5-c-table__tr--BoxShadow--top--base); --pf-v5-c-table__tbody--m-selected--BoxShadow:var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-selected--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth:calc(2*var(--pf-v5-c-table__expandable-row--after--border-width--base)); --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor:var(--pf-v5-global--active-color--100); --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow:var(--pf-v5-global--BoxShadow--sm-bottom)inset,var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow:var(--pf-v5-c-table__tr--m-selected--BoxShadow--top),var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset:-.1875rem; --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table__subhead--Color:var(--pf-v5-global--Color--200); --pf-v5-c-table--m-striped__tr--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-200); --pf-v5-c-table--m-sticky-header--cell--ZIndex:var(--pf-v5-global--ZIndex--xs); color:var(--pf-v5-global--Color--100); background-color:var(--pf-v5-c-table--BackgroundColor); width:100% } @media screen and (width<=1200px) { .pf-v5-c-table { --pf-v5-c-table__caption--PaddingRight:var(--pf-v5-c-table__caption--xl--PaddingRight); --pf-v5-c-table__caption--PaddingLeft:var(--pf-v5-c-table__caption--xl--PaddingLeft) } } @media screen and (width>=1200px) { .pf-v5-c-table { --pf-v5-c-table--cell--first-last-child--PaddingRight:var(--pf-v5-c-table--cell--first-last-child--xl--PaddingRight); --pf-v5-c-table--cell--first-last-child--PaddingLeft:var(--pf-v5-c-table--cell--first-last-child--xl--PaddingLeft); --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft:var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft); --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight:var(--pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight) } } .pf-v5-c-table.pf-m-fixed { table-layout:fixed } .pf-v5-c-table.pf-m-sticky-header { position:relative } .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) { border-block-end:0 } .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr)>* { z-index:var(--pf-v5-c-table--m-sticky-header--cell--ZIndex) } .pf-v5-c-table.pf-m-sticky-header>thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header)>tr:where(.pf-v5-c-table__tr)>* { background:var(--pf-v5-c-table--BackgroundColor); position:sticky; inset-block-start:0 } .pf-v5-c-table.pf-m-sticky-header>thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header)>tr:where(.pf-v5-c-table__tr)>:after { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block-end:0; inset-inline:0 } .pf-v5-c-table.pf-m-sticky-header>.pf-m-nested-column-header { z-index:var(--pf-v5-global--ZIndex--xs); background:var(--pf-v5-c-table--BackgroundColor); position:sticky; inset-block-start:0 } .pf-v5-c-table.pf-m-sticky-header>.pf-m-nested-column-header>.pf-m-border-row { height:var(--pf-v5-c-table--border-width--base); background-color:var(--pf-v5-c-table--BorderColor) } .pf-v5-c-table.pf-m-sticky-header>.pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) th:where(.pf-v5-c-table__th):not([rowspan]), .pf-v5-c-table.pf-m-sticky-header>.pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:nth-last-child(2)) td:where(.pf-v5-c-table__td):not([rowspan]) { --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom) } .pf-v5-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) { border-block-end:0 } .pf-v5-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) th:where(.pf-v5-c-table__th):not([rowspan]), .pf-v5-c-table:not(.pf-m-sticky-header)>.pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) td:where(.pf-v5-c-table__td):not([rowspan]) { --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom) } .pf-v5-c-table.pf-m-striped:not(.pf-m-expandable)>tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr):nth-child(odd), .pf-v5-c-table.pf-m-striped.pf-m-expandable>tbody:where(.pf-v5-c-table__tbody):nth-of-type(odd)>tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row), .pf-v5-c-table>.pf-m-striped>tr:nth-child(odd), .pf-v5-c-table>.pf-m-striped-even>tr:nth-child(2n), .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-striped { --pf-v5-c-table__sticky-column--BackgroundColor:var(--pf-v5-c-table--m-striped__tr--BackgroundColor); background:var(--pf-v5-c-table--m-striped__tr--BackgroundColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row { background-color:var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor); opacity:var(--pf-v5-c-table__tr--m-ghost-row--Opacity) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { --pf-v5-hidden-visible--visible--Display:var(--pf-v5-c-table--cell--hidden-visible--Display); width:var(--pf-v5-c-table--cell--Width); min-width:var(--pf-v5-c-table--cell--MinWidth); max-width:var(--pf-v5-c-table--cell--MaxWidth); overflow:var(--pf-v5-c-table--cell--Overflow); font-size:var(--pf-v5-c-table--cell--FontSize); font-weight:var(--pf-v5-c-table--cell--FontWeight); color:var(--pf-v5-c-table--cell--Color); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); word-break:var(--pf-v5-c-table--cell--WordBreak); white-space:var(--pf-v5-c-table--cell--WhiteSpace); padding-block-start:var(--pf-v5-c-table--cell--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--PaddingRight); position:relative } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--cell--first-last-child--PaddingLeft) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--cell--first-last-child--PaddingRight) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-center { text-align:center } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:empty { width:auto; min-width:0; padding:0 } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-help { --pf-v5-c-table--cell--MinWidth:var(--pf-v5-c-table--cell--m-help--MinWidth) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-favorite { --pf-v5-c-table__button--Color:var(--pf-v5-c-table--cell--m-favorite--Color); --pf-v5-c-table__sort--MinWidth:fit-content; --pf-v5-c-table--cell--MaxWidth:fit-content; --pf-v5-c-table--cell--Overflow:visible } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-border-right:before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-border-left:before { pointer-events:none; content:""; position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-border-right:before { border-inline-end:var(--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth)solid var(--pf-v5-c-table--cell--m-border-right--before--BorderRightColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>.pf-m-border-left:before { border-inline-start:var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth)solid var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor) } .pf-v5-c-table caption:where(.pf-v5-c-table__caption) { font-size:var(--pf-v5-c-table__caption--FontSize); color:var(--pf-v5-c-table__caption--Color); text-align:start; background-color:var(--pf-v5-c-table--BackgroundColor); padding-block-start:var(--pf-v5-c-table__caption--PaddingTop); padding-block-end:var(--pf-v5-c-table__caption--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__caption--PaddingLeft) } .pf-v5-c-table thead:where(.pf-v5-c-table__thead) { --pf-v5-c-table--cell--FontSize:var(--pf-v5-c-table__thead--cell--FontSize); --pf-v5-c-table--cell--FontWeight:var(--pf-v5-c-table__thead--cell--FontWeight); vertical-align:bottom } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) { outline-offset:var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset) } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th), .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td), .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) { vertical-align:middle } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label { align-items:center; display:flex } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]), .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop) } .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead { --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__subhead--Color); color:var(--pf-v5-c-table__subhead--Color) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table__tbody--cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table__tbody--cell--PaddingBottom) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>* { overflow-wrap:break-word; vertical-align:baseline } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:after { content:""; border-inline-start:var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth)solid var(--pf-v5-c-table__expandable-row--after--BorderColor); background-color:#0000; position:absolute; inset-block-start:var(--pf-v5-c-table__expandable-row--after--Top); inset-block-end:var(--pf-v5-c-table__expandable-row--after--Bottom); inset-inline-start:0 } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) { vertical-align:top; margin-block-start:var(--pf-v5-c-table__check--input--MarginTop) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded>:first-child:not(.pf-v5-c-table__control-row) { border-block-end-width:0 } .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child { padding:0 } .pf-v5-c-table .pf-v5-c-table__sort { min-width:var(--pf-v5-c-table__sort--MinWidth) } .pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td).pf-m-help { min-width:var(--pf-v5-c-table__th--m-help--MinWidth) } .pf-v5-c-table>thead, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-truncate, :where(.pf-v5-c-table)>:is(thead, tbody).pf-m-truncate { --pf-v5-c-table--cell--MinWidth:var(--pf-v5-c-table--m-truncate--cell--MinWidth); --pf-v5-c-table--cell--MaxWidth:var(--pf-v5-c-table--m-truncate--cell--MaxWidth); --pf-v5-c-table--cell--Overflow:hidden; --pf-v5-c-table--cell--TextOverflow:ellipsis; --pf-v5-c-table--cell--WhiteSpace:nowrap } .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-wrap, :where(.pf-v5-c-table)>:is(thead, tbody).pf-m-wrap { --pf-v5-c-table--cell--MinWidth:0; --pf-v5-c-table--cell--MaxWidth:none; --pf-v5-c-table--cell--Overflow:visible; --pf-v5-c-table--cell--TextOverflow:clip; --pf-v5-c-table--cell--WhiteSpace:normal } .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-nowrap, :where(.pf-v5-c-table)>:is(thead, tbody).pf-m-nowrap { --pf-v5-c-table--cell--MinWidth:0; --pf-v5-c-table--cell--MaxWidth:none; --pf-v5-c-table--cell--Overflow:visible; --pf-v5-c-table--cell--TextOverflow:clip; --pf-v5-c-table--cell--WhiteSpace:nowrap } .pf-v5-c-table :where([class*=pf-v5-c-table]) .pf-v5-c-table__icon, .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-fit-content, :where(.pf-v5-c-table)>:is(thead, tbody) .pf-v5-c-table__icon, :where(.pf-v5-c-table)>:is(thead, tbody).pf-m-fit-content { --pf-v5-c-table--cell--MinWidth:fit-content; --pf-v5-c-table--cell--MaxWidth:none; --pf-v5-c-table--cell--Width:1%; --pf-v5-c-table--cell--Overflow:visible; --pf-v5-c-table--cell--TextOverflow:clip; --pf-v5-c-table--cell--WhiteSpace:nowrap } .pf-v5-c-table :where([class*=pf-v5-c-table]).pf-m-break-word, :where(.pf-v5-c-table)>:is(thead, tbody).pf-m-break-word { --pf-v5-c-table--cell--WordBreak:break-word; --pf-v5-c-table--cell--WhiteSpace:normal } .pf-v5-c-table.pf-m-no-border-rows>tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr) { border-block-end:0 } .pf-v5-c-table.pf-m-no-border-rows>tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:after { border-inline-start:0 } .pf-v5-c-table.pf-m-no-border-rows>tbody:where(.pf-v5-c-table__tbody):not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:before { display:none } .pf-v5-c-table.pf-m-no-border-rows>tbody:where(.pf-v5-c-table__tbody).pf-m-expanded>.pf-v5-c-table__control-row { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-v5-c-table.pf-m-no-border-rows>tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row>.pf-v5-c-table__compound-expansion-toggle:first-child>:before { border-inline-start-width:0 } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable { cursor:pointer; background-color:var(--pf-v5-c-table__tr--m-clickable--BackgroundColor); outline-offset:var(--pf-v5-c-table__tr--m-clickable--OutlineOffset); box-shadow:var(--pf-v5-c-table__tr--m-clickable--BoxShadow) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected)+tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected)+tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected)+tr:where(.pf-v5-c-table__tr).pf-m-selected { box-shadow:var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover { --pf-v5-c-table__tr--m-clickable--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow); --pf-v5-c-table__tr--m-clickable--BackgroundColor:var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus { --pf-v5-c-table__tr--m-clickable--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow); --pf-v5-c-table__tr--m-clickable--BackgroundColor:var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active { --pf-v5-c-table__tr--m-clickable--BoxShadow:var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow); --pf-v5-c-table__tr--m-clickable--BackgroundColor:var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); --pf-v5-c-table__expandable-row--after--BorderColor:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); background-color:var(--pf-v5-c-table__tr--m-selected--BackgroundColor); outline-offset:var(--pf-v5-c-table__tr--m-selected--OutlineOffset); box-shadow:var(--pf-v5-c-table__tr--m-selected--BoxShadow); position:relative } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected+tr:where(.pf-v5-c-table__tr).pf-m-selected { box-shadow:var(--pf-v5-c-table__tr--m-selected--m-selected--BoxShadow) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected+tr:where(.pf-v5-c-table__tr).pf-m-selected:hover { box-shadow:var(--pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:hover+tr:where(.pf-v5-c-table__tr).pf-m-selected { box-shadow:var(--pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow) } .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-first-cell-offset-reset { --pf-v5-c-table--cell--first-last-child--PaddingLeft:var(--pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable { cursor:pointer; background-color:var(--pf-v5-c-table__tbody--m-clickable--BackgroundColor); outline-offset:var(--pf-v5-c-table__tbody--m-clickable--OutlineOffset); box-shadow:var(--pf-v5-c-table__tbody--m-clickable--BoxShadow) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable.pf-m-expanded:not(.pf-m-selected) { --pf-v5-c-table__expandable-row--after--BorderColor:var(--pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover:not(.pf-m-selected)+tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus:not(.pf-m-selected)+tbody:where(.pf-v5-c-table__tbody).pf-m-selected, .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active:not(.pf-m-selected)+tbody:where(.pf-v5-c-table__tbody).pf-m-selected { box-shadow:var(--pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:hover { --pf-v5-c-table__tbody--m-clickable--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--hover--BoxShadow); --pf-v5-c-table__tbody--m-clickable--BackgroundColor:var(--pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:focus { --pf-v5-c-table__tbody--m-clickable--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--focus--BoxShadow); --pf-v5-c-table__tbody--m-clickable--BackgroundColor:var(--pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-clickable:active { --pf-v5-c-table__tbody--m-clickable--BoxShadow:var(--pf-v5-c-table__tbody--m-clickable--active--BoxShadow); --pf-v5-c-table__tbody--m-clickable--BackgroundColor:var(--pf-v5-c-table__tbody--m-clickable--active--BackgroundColor) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth); --pf-v5-c-table__expandable-row--after--BorderColor:var(--pf-v5-c-table__tbody--m-selected--after--BorderLeftColor); background-color:var(--pf-v5-c-table__tbody--m-selected--BackgroundColor); outline-offset:var(--pf-v5-c-table__tbody--m-selected--OutlineOffset); box-shadow:var(--pf-v5-c-table__tbody--m-selected--BoxShadow) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected+tbody:where(.pf-v5-c-table__tbody).pf-m-selected { --pf-v5-c-table__tbody--m-selected--BoxShadow:var(--pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected+tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover { box-shadow:var(--pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow) } .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-selected:hover+tbody:where(.pf-v5-c-table__tbody).pf-m-selected { box-shadow:var(--pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow) } .pf-v5-c-table.pf-m-drag-over { overflow-anchor:none } .pf-v5-c-table__text { --pf-v5-c-table--cell--MaxWidth:100%; width:var(--pf-v5-c-table--cell--Width); min-width:var(--pf-v5-c-table--cell--MinWidth); max-width:var(--pf-v5-c-table--cell--MaxWidth); overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); word-break:var(--pf-v5-c-table--cell--WordBreak); white-space:var(--pf-v5-c-table--cell--WhiteSpace); display:block; position:relative } .pf-v5-c-table__text.pf-m-truncate { --pf-v5-c-table--cell--MinWidth:100% } .pf-v5-c-table__text.pf-m-truncate>* { overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace) } .pf-v5-c-table__button { width:100%; font-size:inherit; font-weight:inherit; color:var(--pf-v5-c-table__button--Color); text-align:start; white-space:inherit; user-select:text; background-color:var(--pf-v5-c-table__button--BackgroundColor); border:0; padding-block-start:var(--pf-v5-c-table--cell--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--PaddingRight); position:static } .pf-v5-c-table__button:before { cursor:pointer; content:""; position:absolute; inset-block:0; inset-inline:0 } .pf-v5-c-table__button:hover { color:var(--pf-v5-c-table__button--hover--Color) } .pf-v5-c-table__button:focus { color:var(--pf-v5-c-table__button--focus--Color) } .pf-v5-c-table__button:active { color:var(--pf-v5-c-table__button--active--Color) } .pf-v5-c-table__sort .pf-v5-c-table__text, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__text { width:auto; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); display:block } .pf-v5-c-table__sort .pf-v5-c-table__text { --pf-v5-c-table--cell--MinWidth:0 } .pf-v5-c-table__button-content, .pf-v5-c-table__column-help { grid-template-columns:auto max-content; justify-content:start; align-items:end; display:grid } .pf-v5-c-table__button-content .pf-v5-c-table__text, .pf-v5-c-table__column-help .pf-v5-c-table__text { min-width:auto } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nowrap .pf-v5-c-table__column-help, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-nowrap .pf-v5-c-table__column-help, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-nowrap .pf-v5-c-table__column-help { grid-template-columns:min-content max-content } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-fit-content .pf-v5-c-table__column-help, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-fit-content .pf-v5-c-table__column-help, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-fit-content .pf-v5-c-table__column-help { grid-template-columns:fit-content max-content } .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__button-content, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-wrap .pf-v5-c-table__column-help, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-wrap .pf-v5-c-table__column-help, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-wrap .pf-v5-c-table__column-help, .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-truncate .pf-v5-c-table__column-help, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-truncate .pf-v5-c-table__column-help, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-truncate .pf-v5-c-table__column-help { grid-template-columns:auto max-content } .pf-v5-c-table .pf-v5-c-table__toggle, .pf-v5-c-table .pf-v5-c-table__action, .pf-v5-c-table .pf-v5-c-table__inline-edit-action { --pf-v5-c-table--cell--PaddingBottom:0 } .pf-v5-c-table .pf-v5-c-table__check, .pf-v5-c-table .pf-v5-c-table__toggle, .pf-v5-c-table .pf-v5-c-table__action, .pf-v5-c-table .pf-v5-c-table__favorite, .pf-v5-c-table th:where(.pf-v5-c-table__th).pf-m-favorite, .pf-v5-c-table .pf-v5-c-table__inline-edit-action, .pf-v5-c-table .pf-v5-c-table__draggable { --pf-v5-c-table--cell--MinWidth:0; --pf-v5-c-table--cell--Width:1% } .pf-v5-c-table__toggle { --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; vertical-align:top } .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-start:var(--pf-v5-c-table__toggle--c-button--MarginTop); margin-block-end:var(--pf-v5-c-table__toggle--c-button--MarginBottom) } .pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate)) } .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition); transform:rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate)) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon { scale:-1 1 } .pf-v5-c-table__toggle svg { pointer-events:none } .pf-v5-c-table__check { --pf-v5-c-table--cell--FontSize:var(--pf-v5-c-table__check--input--FontSize) } .pf-v5-c-table__check label:not([disabled]), .pf-v5-c-table__check input:not([disabled]) { cursor:pointer } .pf-v5-c-table__check label { padding:inherit; margin-block-start:calc(var(--pf-v5-c-table--cell--PaddingTop)*-1); margin-block-end:calc(var(--pf-v5-c-table--cell--PaddingBottom)*-1); margin-inline-start:calc(var(--pf-v5-c-table--cell--PaddingLeft)*-1); margin-inline-end:calc(var(--pf-v5-c-table--cell--PaddingRight)*-1); display:inline-flex } .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone { --pf-v5-c-check__input--TranslateY:var(--pf-v5-c-table__thead__check--input--TranslateY) } .pf-v5-c-table__favorite .pf-v5-c-button { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-table__favorite--c-button--Color); --pf-v5-c-button--FontSize:var(--pf-v5-c-table__favorite--c-button--FontSize); margin-block-start:var(--pf-v5-c-table__favorite--c-button--MarginTop); margin-block-end:var(--pf-v5-c-table__favorite--c-button--MarginBottom); margin-inline-start:var(--pf-v5-c-table__favorite--c-button--MarginLeft); margin-inline-end:var(--pf-v5-c-table__favorite--c-button--MarginRight) } .pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-table__favorite--m-favorited--c-button--Color) } .pf-v5-c-table__draggable .pf-v5-c-button { cursor:grab; margin-block-start:var(--pf-v5-c-table__draggable--c-button--MarginTop); margin-block-end:var(--pf-v5-c-table__draggable--c-button--MarginBottom); margin-inline-start:var(--pf-v5-c-table__draggable--c-button--MarginLeft); margin-inline-end:var(--pf-v5-c-table__draggable--c-button--MarginRight) } .pf-v5-c-table__draggable .pf-v5-c-button:active { cursor:grabbing } .pf-v5-c-table__action, .pf-v5-c-table__inline-edit-action { --pf-v5-c-table--cell--PaddingTop:0; --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table__action--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:0; --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table__action--PaddingLeft); vertical-align:middle; padding-block:0 } .pf-v5-c-table__action { text-align:end } .pf-v5-c-table__inline-edit-action { --pf-v5-c-table--cell--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; text-align:end } .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__button--Color:var(--pf-v5-c-table__compound-expansion-toggle__button--Color); --pf-v5-c-table__button--hover--Color:var(--pf-v5-c-table__compound-expansion-toggle__button--hover--Color); --pf-v5-c-table__button--focus--Color:var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color); --pf-v5-c-table__button--active--Color:var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color); position:relative } .pf-v5-c-table__compound-expansion-toggle.pf-m-truncate { overflow:visible } .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button { min-width:100%; overflow:hidden } .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:hover, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:focus, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:active { outline:0 } .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:before, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:after { content:""; border-style:solid; border-width:0; position:absolute; inset-inline-end:0 } .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:before { border-color:var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor); border-inline-start-width:var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth); border-inline-end-width:var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth); inset-block-start:0; inset-block-end:var(--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom); inset-inline-start:var(--pf-v5-c-table__compound-expansion-toggle__button--before--Left) } .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:after { pointer-events:none; border-color:var(--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor); border-block-start-width:var(--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth); inset-block-start:var(--pf-v5-c-table__compound-expansion-toggle__button--after--Top); inset-inline-start:var(--pf-v5-c-table__compound-expansion-toggle__button--after--Left) } .pf-v5-c-table__compound-expansion-toggle:hover, .pf-v5-c-table__compound-expansion-toggle:focus-within, .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base); --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base); --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth:var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base) } .pf-v5-c-table__compound-expansion-toggle:first-child { --pf-v5-c-table__compound-expansion-toggle__button--before--Left:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Left:0 } .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button:before { border-block-end:var(--pf-v5-c-table--BackgroundColor)solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) } .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded:first-child { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0 } .pf-v5-c-table__compound-expansion-toggle:focus-within { outline-offset:var(--pf-v5-c-table__button--OutlineOffset) } @media (-webkit-device-pixel-ratio>=0) { .pf-v5-c-table__compound-expansion-toggle:focus-within { outline-style:auto; outline-color:-webkit-focus-ring-color } } .pf-v5-c-table__column-help-action { transform:translateY(var(--pf-v5-c-table__column-help--TranslateY)); margin-inline-start:var(--pf-v5-c-table__column-help--MarginLeft) } .pf-v5-c-table__column-help-action .pf-v5-c-button { --pf-v5-c-button--PaddingRight:var(--pf-v5-c-table__column-help--c-button--PaddingRight); --pf-v5-c-button--PaddingLeft:var(--pf-v5-c-table__column-help--c-button--PaddingLeft); font-size:inherit; margin-block-start:var(--pf-v5-c-table__column-help--c-button--MarginTop); margin-block-end:var(--pf-v5-c-table__column-help--c-button--MarginBottom); line-height:1 } .pf-v5-c-table__sort .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table__sort__button--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table__sort__button--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table__sort__button--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table__sort__button--PaddingLeft); width:auto; margin-block-start:var(--pf-v5-c-table__sort__button--MarginTop); margin-block-end:var(--pf-v5-c-table__sort__button--MarginBottom); margin-inline-start:var(--pf-v5-c-table__sort__button--MarginLeft); display:flex } .pf-v5-c-table__sort .pf-v5-c-table__button:hover { --pf-v5-c-table__sort-indicator--Color:var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color); --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__sort__button--hover__text--Color) } .pf-v5-c-table__sort .pf-v5-c-table__button:focus { --pf-v5-c-table__sort-indicator--Color:var(--pf-v5-c-table__sort__button--focus__sort-indicator--Color); --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__sort__button--focus__text--Color) } .pf-v5-c-table__sort .pf-v5-c-table__button:active { --pf-v5-c-table__sort-indicator--Color:var(--pf-v5-c-table__sort__button--active__sort-indicator--Color); --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__sort__button--active__text--Color) } .pf-v5-c-table__sort .pf-v5-c-table__button .pf-v5-c-table__text { color:var(--pf-v5-c-table__sort__button__text--Color) } .pf-v5-c-table__sort.pf-m-selected .pf-v5-c-table__button { --pf-v5-c-table__sort-indicator--Color:var(--pf-v5-c-table__sort--m-selected__sort-indicator--Color); --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__sort--m-selected__button__text--Color); color:var(--pf-v5-c-table__sort--m-selected__button--Color) } .pf-v5-c-table__sort.pf-m-help { --pf-v5-c-table__th--m-help--MinWidth:var(--pf-v5-c-table__sort--m-help--MinWidth) } .pf-v5-c-table__sort.pf-m-favorite { --pf-v5-c-table__sort__button__text--Color:var(--pf-v5-c-table__sort--m-favorite__button__text--Color); --pf-v5-c-table__sort__button--hover__text--Color:var(--pf-v5-c-table__sort--m-favorite__button--hover__text--Color); --pf-v5-c-table__sort__button--focus__text--Color:var(--pf-v5-c-table__sort--m-favorite__button--focus__text--Color); --pf-v5-c-table__sort__button--active__text--Color:var(--pf-v5-c-table__sort--m-favorite__button--active__text--Color); --pf-v5-c-table__sort--m-selected__button__text--Color:currentcolor } .pf-v5-c-table__sort-indicator { color:var(--pf-v5-c-table__sort-indicator--Color); pointer-events:none; grid-column:2; margin-inline-start:var(--pf-v5-c-table__sort-indicator--MarginLeft) } .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--PaddingTop:0; --pf-v5-c-table--cell--PaddingBottom:0; border-block-end:0 solid #0000; position:relative; box-shadow:0 0 #0000 } .pf-v5-c-table__expandable-row, .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child:after { transition:var(--pf-v5-c-table__expandable-row--Transition) } .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding, .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding { padding-block:0; padding-inline-start:var(--pf-v5-c-table__expandable-row--after--border-width--base); padding-inline-end:0 } .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-block-start:var(--pf-v5-c-table__expandable-row-content--PaddingTop); padding-block-end:var(--pf-v5-c-table__expandable-row-content--PaddingBottom) } .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-end-color:var(--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor); border-block-end-width:var(--pf-v5-c-table--border-width--base); box-shadow:var(--pf-v5-c-table__expandable-row--m-expanded--BoxShadow) } .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--nested--first-last-child--PaddingLeft) } .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--nested--first-last-child--PaddingRight) } .pf-v5-c-table.pf-m-compact { --pf-v5-c-table--cell--FontSize:var(--pf-v5-c-table--m-compact--FontSize); --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-compact--cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-compact--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-compact--cell--PaddingLeft) } .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) { --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-compact--cell--PaddingLeft); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-compact--cell--PaddingRight) } .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table--cell--FontSize:var(--pf-v5-c-table--m-compact--FontSize); --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-compact--cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-compact--cell--PaddingBottom) } .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft) } .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:last-child { --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight) } .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-compact__th--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-compact__th--PaddingBottom) } .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table__action--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table__action--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table__action--PaddingLeft) } .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-compact__toggle--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-compact__toggle--PaddingBottom) } .pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon { text-align:center; width:auto; min-width:0 } .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--nested--first-last-child--PaddingLeft) } .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--nested--first-last-child--PaddingRight) } .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content { --pf-v5-c-table__expandable-row-content--PaddingTop:var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop); --pf-v5-c-table__expandable-row-content--PaddingBottom:var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom) } .pf-v5-c-table__icon-inline { align-items:center; display:flex } .pf-v5-c-table__icon-inline>:not(:last-child) { margin-inline-end:var(--pf-v5-c-table__icon-inline--MarginRight) } .pf-v5-c-table .pf-m-width-10 { --pf-v5-c-table--cell--Width:10% } .pf-v5-c-table .pf-m-width-15 { --pf-v5-c-table--cell--Width:15% } .pf-v5-c-table .pf-m-width-20 { --pf-v5-c-table--cell--Width:20% } .pf-v5-c-table .pf-m-width-25 { --pf-v5-c-table--cell--Width:25% } .pf-v5-c-table .pf-m-width-30 { --pf-v5-c-table--cell--Width:30% } .pf-v5-c-table .pf-m-width-35 { --pf-v5-c-table--cell--Width:35% } .pf-v5-c-table .pf-m-width-40 { --pf-v5-c-table--cell--Width:40% } .pf-v5-c-table .pf-m-width-45 { --pf-v5-c-table--cell--Width:45% } .pf-v5-c-table .pf-m-width-50 { --pf-v5-c-table--cell--Width:50% } .pf-v5-c-table .pf-m-width-60 { --pf-v5-c-table--cell--Width:60% } .pf-v5-c-table .pf-m-width-70 { --pf-v5-c-table--cell--Width:70% } .pf-v5-c-table .pf-m-width-80 { --pf-v5-c-table--cell--Width:80% } .pf-v5-c-table .pf-m-width-90 { --pf-v5-c-table--cell--Width:90% } .pf-v5-c-table .pf-m-width-100 { --pf-v5-c-table--cell--Width:100% } :where(.pf-v5-theme-dark) .pf-v5-c-table { --pf-v5-c-table--m-striped__tr--BackgroundColor:var(--pf-v5-global--BackgroundColor--150) } :where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:hover, :where(.pf-v5-theme-dark) .pf-v5-c-table__favorite .pf-v5-c-button:focus { --pf-v5-c-button--m-plain--Color:var(--pf-v5-global--palette--gold-100) } .pf-v5-c-inline-edit { --pf-v5-c-inline-edit__group--item--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color:var(--pf-v5-global--link--Color); --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color:var(--pf-v5-global--link--Color--hover); --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight:0; --pf-v5-c-inline-edit__group--m-footer--MarginTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-inline-edit__label--m-bold--FontWeight:var(--pf-v5-global--FontWeight--bold) } .pf-v5-c-inline-edit__group { align-items:baseline; display:flex } .pf-v5-c-inline-edit__group>* { margin-inline-end:var(--pf-v5-c-inline-edit__group--item--MarginRight) } .pf-v5-c-inline-edit__group.pf-m-icon-group { --pf-v5-c-inline-edit__group--item--MarginRight:var(--pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight) } .pf-v5-c-inline-edit__group.pf-m-footer { margin-block-start:var(--pf-v5-c-inline-edit__group--m-footer--MarginTop) } .pf-v5-c-inline-edit__group.pf-m-column { --pf-v5-c-inline-edit__group--item--MarginRight:0; flex-direction:column } .pf-v5-c-inline-edit__group>:last-child { --pf-v5-c-inline-edit__group--item--MarginRight:0 } .pf-v5-c-inline-edit__input { flex:1 } .pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color) } .pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain:hover { --pf-v5-c-button--m-plain--Color:var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color) } .pf-v5-c-inline-edit__input, .pf-v5-c-inline-edit__action, .pf-v5-c-inline-edit__group.pf-m-action-group { display:none } .pf-v5-c-inline-edit__action.pf-m-enable-editable { display:inline-block } .pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__input, .pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__input { display:block } .pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action, .pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action { display:inline-block } .pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group, .pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group { display:inline-flex } .pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__value, .pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable, .pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__value, .pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable { display:none } .pf-v5-c-inline-edit__label+.pf-v5-c-inline-edit__action.pf-m-enable>.pf-v5-c-button { margin-block-start:calc(var(--pf-v5-c-button--PaddingTop)*-1); margin-block-end:calc(var(--pf-v5-c-button--PaddingBottom)*-1) } .pf-v5-c-inline-edit__label.pf-m-bold { font-weight:var(--pf-v5-c-inline-edit__label--m-bold--FontWeight) } .pf-v5-c-inline-edit__editable-text br { display:none } .pf-v5-c-table[class*=pf-m-grid] { --pf-v5-c-table--responsive--BorderColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-table__tbody--responsive--border-width--base:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--after--border-width--base:var(--pf-v5-global--BorderWidth--lg); --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderColor:var(--pf-v5-global--active-color--100); --pf-v5-c-table__tr--responsive--border-width--base:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table__tr--responsive--GridColumnGap:var(--pf-v5-global--spacer--md); --pf-v5-c-table__tr--responsive--MarginTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tr--responsive--xl--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tr--responsive--xl--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table__tr--responsive--nested-table--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table__tr--responsive--nested-table--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tr--responsive--nested-table--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table__tr--responsive--nested-table--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:0; --pf-v5-c-table__tbody--after__tr--BorderLeftColor:transparent; --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth:var(--pf-v5-c-table__expandable-row--after--border-width--base); --pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor:var(--pf-v5-global--active-color--400); --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth:var(--pf-v5-c-table__expandable-row--after--border-width--base); --pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor:var(--pf-v5-global--active-color--100); --pf-v5-c-table--m-grid--cell--hidden-visible--Display:grid; --pf-v5-c-table--m-grid--cell--PaddingTop:0; --pf-v5-c-table--m-grid--cell--PaddingRight:0; --pf-v5-c-table--m-grid--cell--PaddingBottom:0; --pf-v5-c-table--m-grid--cell--PaddingLeft:0; --pf-v5-c-table-td--responsive--GridColumnGap:var(--pf-v5-global--spacer--md); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--cell--first-child--responsive--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--m-compact__tr--responsive--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact__tr--responsive--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-compact__check--responsive--MarginTop:.4375rem; --pf-v5-c-table--m-compact__action--responsive--MarginTop:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-table--m-compact__action--responsive--MarginBottom:calc(var(--pf-v5-global--spacer--xs)*-1); --pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom:calc(.375rem*-1); --pf-v5-c-table__expandable-row-content--responsive--PaddingRight:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft:var(--pf-v5-global--spacer--lg); --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight:var(--pf-v5-global--spacer--md); --pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft:var(--pf-v5-global--spacer--md); --pf-v5-c-table__expandable-row-content--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__check--responsive--MarginLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__check--responsive--MarginTop:.875rem; --pf-v5-c-table--m-grid__favorite--MarginTop:.5rem; --pf-v5-c-table--m-grid__check--favorite--MarginLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-grid__action--MarginTop:.375rem; --pf-v5-c-table__action--responsive--MarginLeft:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-grid__favorite--action--MarginLeft:var(--pf-v5-global--spacer--2xl); --pf-v5-c-table--m-grid__check--favorite--action--MarginLeft:calc(var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft)); --pf-v5-c-table__toggle__icon--Transition:.2s ease-in 0s; --pf-v5-c-table__toggle--m-expanded__icon--Rotate:180deg } @media screen and (width<=1200px) { .pf-v5-c-table[class*=pf-m-grid] { --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--xl--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--xl--PaddingLeft); --pf-v5-c-table__expandable-row-content--responsive--PaddingRight:var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingRight); --pf-v5-c-table__expandable-row-content--responsive--PaddingLeft:var(--pf-v5-c-table__expandable-row-content--responsive--xl--PaddingLeft) } } .pf-m-grid.pf-v5-c-table { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft); --pf-v5-c-table__favorite--c-button--MarginTop:auto; --pf-v5-c-table__favorite--c-button--MarginRight:auto; --pf-v5-c-table__favorite--c-button--MarginBottom:auto; --pf-v5-c-table__favorite--c-button--MarginLeft:auto; border:none; display:grid } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { text-overflow:clip; white-space:normal; width:auto; min-width:0; max-width:none; overflow:visible } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__text { width:auto; min-width:0; max-width:none; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); position:relative } .pf-m-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) { display:none } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { display:block } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type { border-block-start:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table.pf-m-compact>tbody:where(.pf-v5-c-table__tbody) { border-block-start:0 } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table__tr--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child, .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type)>tr:where(.pf-v5-c-table__tr) { border-block-end-width:var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth) } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:0 } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) { border-block-end:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:transparent } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { grid-column-gap:var(--pf-v5-c-table__tr--responsive--GridColumnGap); height:auto; grid-template-columns:1fr; grid-auto-columns:max-content; padding-block-start:var(--pf-v5-c-table__tr--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table__tr--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__tr--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tr--responsive--PaddingRight); display:grid } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>* { padding-block-start:var(--pf-v5-c-table--cell--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--responsive--PaddingRight) } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop) } .pf-m-grid.pf-v5-c-table.pf-m-compact { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom); --pf-v5-c-table__check--responsive--MarginTop:var(--pf-v5-c-table--m-compact__check--responsive--MarginTop); --pf-v5-c-table__check--input--MarginTop:0 } .pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { margin-block-start:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop); margin-block-end:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop) } .pf-m-grid.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-end:var(--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__icon>* { text-align:start } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] { --pf-v5-c-table--cell--hidden-visible--Display:var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display); grid-column-gap:var(--pf-v5-c-table-td--responsive--GridColumnGap); grid-column:1; grid-template-columns:1fr minmax(0,1.5fr); align-items:start } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]:before { text-align:start; content:attr(data-label); font-weight:700 } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:0 } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft); border:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)+tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table__tr--responsive--PaddingTop:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:100% } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { position:relative } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):after { content:""; border:0; border-inline-start:var(--pf-v5-c-table__tbody--after--BorderLeftWidth)solid var(--pf-v5-c-table__tbody--after--BorderColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { --pf-v5-c-table__tbody--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--after--border-width--base) } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table__tbody--after--BorderLeftWidth:0 } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:not(.pf-v5-c-table__check):after { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; background-color:#0000; width:auto; position:static } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--responsive--PaddingTop:0; --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingBottom:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; max-height:var(--pf-v5-c-table__expandable-row--MaxHeight); box-shadow:none; border-block-end:none; display:block; overflow-y:auto } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row>* { display:block; position:static } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-start-color:var(--pf-v5-c-table--BorderColor) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row>:first-child:not(.pf-v5-c-table__check):after { content:none } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-inline-start:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight) } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable { --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderLeftColor:transparent } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable, .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr) { position:relative } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr):after { content:""; width:var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth); background-color:var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor) } .pf-m-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor) } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:after { content:""; width:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); background-color:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle, .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check, .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite, .pf-m-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action { width:auto; padding:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle { grid-column:-1; grid-row-start:20; justify-self:end; padding-inline-end:0 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle:after { content:none } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check, .pf-m-grid.pf-v5-c-table .pf-v5-c-table__favorite, .pf-m-grid.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check { margin-block-start:var(--pf-v5-c-table__check--responsive--MarginTop); margin-inline-start:var(--pf-v5-c-table__check--responsive--MarginLeft); line-height:1 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--action--MarginLeft) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table__action--responsive--MarginLeft) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__check label { margin:0; display:inline-block } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__favorite { margin-block-start:var(--pf-v5-c-table--m-grid__favorite--MarginTop) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft) } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__action { text-align:end; margin-block-start:var(--pf-v5-c-table--m-grid__action--MarginTop) } @media screen and (width<=576px) { .pf-m-grid.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2; margin-inline-start:0 } } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__inline-edit-action { grid-area:2/2 } .pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle__icon--Transition) } .pf-v5-c-button.pf-m-expanded>.pf-m-grid.pf-v5-c-table .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate)) } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap { --pf-v5-c-table--cell--Overflow:auto } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content { white-space:normal; width:auto } .pf-m-grid.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate { --pf-v5-c-table--cell--MaxWidth:100% } .pf-m-grid.pf-v5-c-table [class*=pf-m-width] { --pf-v5-c-table--cell--Width:auto } @media screen and (width<=768px) { .pf-m-grid-md.pf-v5-c-table { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft); --pf-v5-c-table__favorite--c-button--MarginTop:auto; --pf-v5-c-table__favorite--c-button--MarginRight:auto; --pf-v5-c-table__favorite--c-button--MarginBottom:auto; --pf-v5-c-table__favorite--c-button--MarginLeft:auto; border:none; display:grid } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { text-overflow:clip; white-space:normal; width:auto; min-width:0; max-width:none; overflow:visible } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__text { width:auto; min-width:0; max-width:none; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); position:relative } .pf-m-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) { display:none } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { display:block } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type { border-block-start:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table.pf-m-compact>tbody:where(.pf-v5-c-table__tbody) { border-block-start:0 } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table__tr--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child, .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type)>tr:where(.pf-v5-c-table__tr) { border-block-end-width:var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth) } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:0 } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) { border-block-end:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:transparent } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { grid-column-gap:var(--pf-v5-c-table__tr--responsive--GridColumnGap); height:auto; grid-template-columns:1fr; grid-auto-columns:max-content; padding-block-start:var(--pf-v5-c-table__tr--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table__tr--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__tr--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tr--responsive--PaddingRight); display:grid } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>* { padding-block-start:var(--pf-v5-c-table--cell--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--responsive--PaddingRight) } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop) } .pf-m-grid-md.pf-v5-c-table.pf-m-compact { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom); --pf-v5-c-table__check--responsive--MarginTop:var(--pf-v5-c-table--m-compact__check--responsive--MarginTop); --pf-v5-c-table__check--input--MarginTop:0 } .pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { margin-block-start:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop); margin-block-end:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop) } .pf-m-grid-md.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-end:var(--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__icon>* { text-align:start } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] { --pf-v5-c-table--cell--hidden-visible--Display:var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display); grid-column-gap:var(--pf-v5-c-table-td--responsive--GridColumnGap); grid-column:1; grid-template-columns:1fr minmax(0,1.5fr); align-items:start } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]:before { text-align:start; content:attr(data-label); font-weight:700 } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:0 } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft); border:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)+tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table__tr--responsive--PaddingTop:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:100% } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { position:relative } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):after { content:""; border:0; border-inline-start:var(--pf-v5-c-table__tbody--after--BorderLeftWidth)solid var(--pf-v5-c-table__tbody--after--BorderColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { --pf-v5-c-table__tbody--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--after--border-width--base) } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table__tbody--after--BorderLeftWidth:0 } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:not(.pf-v5-c-table__check):after { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; background-color:#0000; width:auto; position:static } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--responsive--PaddingTop:0; --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingBottom:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; max-height:var(--pf-v5-c-table__expandable-row--MaxHeight); box-shadow:none; border-block-end:none; display:block; overflow-y:auto } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row>* { display:block; position:static } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-start-color:var(--pf-v5-c-table--BorderColor) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row>:first-child:not(.pf-v5-c-table__check):after { content:none } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-inline-start:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight) } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable { --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderLeftColor:transparent } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable, .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr) { position:relative } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr):after { content:""; width:var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth); background-color:var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor) } .pf-m-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor) } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:after { content:""; width:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); background-color:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle, .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check, .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite, .pf-m-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action { width:auto; padding:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle { grid-column:-1; grid-row-start:20; justify-self:end; padding-inline-end:0 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle:after { content:none } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check, .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__favorite, .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check { margin-block-start:var(--pf-v5-c-table__check--responsive--MarginTop); margin-inline-start:var(--pf-v5-c-table__check--responsive--MarginLeft); line-height:1 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--action--MarginLeft) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table__action--responsive--MarginLeft) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__check label { margin:0; display:inline-block } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__favorite { margin-block-start:var(--pf-v5-c-table--m-grid__favorite--MarginTop) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft) } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__action { text-align:end; margin-block-start:var(--pf-v5-c-table--m-grid__action--MarginTop) } } @media screen and (width<=768px) and (width<=576px) { .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2; margin-inline-start:0 } } @media screen and (width<=768px) { .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__inline-edit-action { grid-area:2/2 } .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle__icon--Transition) } .pf-v5-c-button.pf-m-expanded>.pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate)) } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap { --pf-v5-c-table--cell--Overflow:auto } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content { white-space:normal; width:auto } .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate { --pf-v5-c-table--cell--MaxWidth:100% } .pf-m-grid-md.pf-v5-c-table [class*=pf-m-width] { --pf-v5-c-table--cell--Width:auto } } @media screen and (width<=992px) { .pf-m-grid-lg.pf-v5-c-table { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft); --pf-v5-c-table__favorite--c-button--MarginTop:auto; --pf-v5-c-table__favorite--c-button--MarginRight:auto; --pf-v5-c-table__favorite--c-button--MarginBottom:auto; --pf-v5-c-table__favorite--c-button--MarginLeft:auto; border:none; display:grid } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { text-overflow:clip; white-space:normal; width:auto; min-width:0; max-width:none; overflow:visible } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__text { width:auto; min-width:0; max-width:none; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); position:relative } .pf-m-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) { display:none } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { display:block } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type { border-block-start:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table.pf-m-compact>tbody:where(.pf-v5-c-table__tbody) { border-block-start:0 } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table__tr--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child, .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type)>tr:where(.pf-v5-c-table__tr) { border-block-end-width:var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth) } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:0 } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) { border-block-end:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:transparent } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { grid-column-gap:var(--pf-v5-c-table__tr--responsive--GridColumnGap); height:auto; grid-template-columns:1fr; grid-auto-columns:max-content; padding-block-start:var(--pf-v5-c-table__tr--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table__tr--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__tr--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tr--responsive--PaddingRight); display:grid } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>* { padding-block-start:var(--pf-v5-c-table--cell--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--responsive--PaddingRight) } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop) } .pf-m-grid-lg.pf-v5-c-table.pf-m-compact { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom); --pf-v5-c-table__check--responsive--MarginTop:var(--pf-v5-c-table--m-compact__check--responsive--MarginTop); --pf-v5-c-table__check--input--MarginTop:0 } .pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { margin-block-start:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop); margin-block-end:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop) } .pf-m-grid-lg.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-end:var(--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__icon>* { text-align:start } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] { --pf-v5-c-table--cell--hidden-visible--Display:var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display); grid-column-gap:var(--pf-v5-c-table-td--responsive--GridColumnGap); grid-column:1; grid-template-columns:1fr minmax(0,1.5fr); align-items:start } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]:before { text-align:start; content:attr(data-label); font-weight:700 } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:0 } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft); border:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)+tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table__tr--responsive--PaddingTop:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:100% } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { position:relative } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):after { content:""; border:0; border-inline-start:var(--pf-v5-c-table__tbody--after--BorderLeftWidth)solid var(--pf-v5-c-table__tbody--after--BorderColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { --pf-v5-c-table__tbody--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--after--border-width--base) } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table__tbody--after--BorderLeftWidth:0 } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:not(.pf-v5-c-table__check):after { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; background-color:#0000; width:auto; position:static } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--responsive--PaddingTop:0; --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingBottom:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; max-height:var(--pf-v5-c-table__expandable-row--MaxHeight); box-shadow:none; border-block-end:none; display:block; overflow-y:auto } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row>* { display:block; position:static } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-start-color:var(--pf-v5-c-table--BorderColor) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row>:first-child:not(.pf-v5-c-table__check):after { content:none } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-inline-start:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight) } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable { --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderLeftColor:transparent } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable, .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr) { position:relative } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr):after { content:""; width:var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth); background-color:var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor) } .pf-m-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor) } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:after { content:""; width:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); background-color:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle, .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check, .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite, .pf-m-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action { width:auto; padding:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle { grid-column:-1; grid-row-start:20; justify-self:end; padding-inline-end:0 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle:after { content:none } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check, .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__favorite, .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check { margin-block-start:var(--pf-v5-c-table__check--responsive--MarginTop); margin-inline-start:var(--pf-v5-c-table__check--responsive--MarginLeft); line-height:1 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--action--MarginLeft) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table__action--responsive--MarginLeft) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__check label { margin:0; display:inline-block } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__favorite { margin-block-start:var(--pf-v5-c-table--m-grid__favorite--MarginTop) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft) } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__action { text-align:end; margin-block-start:var(--pf-v5-c-table--m-grid__action--MarginTop) } } @media screen and (width<=992px) and (width<=576px) { .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2; margin-inline-start:0 } } @media screen and (width<=992px) { .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__inline-edit-action { grid-area:2/2 } .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle__icon--Transition) } .pf-v5-c-button.pf-m-expanded>.pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate)) } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap { --pf-v5-c-table--cell--Overflow:auto } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content { white-space:normal; width:auto } .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate { --pf-v5-c-table--cell--MaxWidth:100% } .pf-m-grid-lg.pf-v5-c-table [class*=pf-m-width] { --pf-v5-c-table--cell--Width:auto } } @media screen and (width<=1200px) { .pf-m-grid-xl.pf-v5-c-table { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft); --pf-v5-c-table__favorite--c-button--MarginTop:auto; --pf-v5-c-table__favorite--c-button--MarginRight:auto; --pf-v5-c-table__favorite--c-button--MarginBottom:auto; --pf-v5-c-table__favorite--c-button--MarginLeft:auto; border:none; display:grid } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { text-overflow:clip; white-space:normal; width:auto; min-width:0; max-width:none; overflow:visible } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__text { width:auto; min-width:0; max-width:none; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); position:relative } .pf-m-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) { display:none } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { display:block } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type { border-block-start:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact>tbody:where(.pf-v5-c-table__tbody) { border-block-start:0 } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table__tr--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child, .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type)>tr:where(.pf-v5-c-table__tr) { border-block-end-width:var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth) } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:0 } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) { border-block-end:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:transparent } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { grid-column-gap:var(--pf-v5-c-table__tr--responsive--GridColumnGap); height:auto; grid-template-columns:1fr; grid-auto-columns:max-content; padding-block-start:var(--pf-v5-c-table__tr--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table__tr--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__tr--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tr--responsive--PaddingRight); display:grid } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>* { padding-block-start:var(--pf-v5-c-table--cell--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--responsive--PaddingRight) } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop) } .pf-m-grid-xl.pf-v5-c-table.pf-m-compact { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom); --pf-v5-c-table__check--responsive--MarginTop:var(--pf-v5-c-table--m-compact__check--responsive--MarginTop); --pf-v5-c-table__check--input--MarginTop:0 } .pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { margin-block-start:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop); margin-block-end:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop) } .pf-m-grid-xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-end:var(--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__icon>* { text-align:start } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] { --pf-v5-c-table--cell--hidden-visible--Display:var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display); grid-column-gap:var(--pf-v5-c-table-td--responsive--GridColumnGap); grid-column:1; grid-template-columns:1fr minmax(0,1.5fr); align-items:start } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]:before { text-align:start; content:attr(data-label); font-weight:700 } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:0 } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft); border:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)+tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table__tr--responsive--PaddingTop:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:100% } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { position:relative } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):after { content:""; border:0; border-inline-start:var(--pf-v5-c-table__tbody--after--BorderLeftWidth)solid var(--pf-v5-c-table__tbody--after--BorderColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { --pf-v5-c-table__tbody--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--after--border-width--base) } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table__tbody--after--BorderLeftWidth:0 } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:not(.pf-v5-c-table__check):after { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; background-color:#0000; width:auto; position:static } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--responsive--PaddingTop:0; --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingBottom:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; max-height:var(--pf-v5-c-table__expandable-row--MaxHeight); box-shadow:none; border-block-end:none; display:block; overflow-y:auto } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row>* { display:block; position:static } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-start-color:var(--pf-v5-c-table--BorderColor) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row>:first-child:not(.pf-v5-c-table__check):after { content:none } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-inline-start:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight) } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable { --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderLeftColor:transparent } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable, .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr) { position:relative } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr):after { content:""; width:var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth); background-color:var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor) } .pf-m-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor) } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:after { content:""; width:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); background-color:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle, .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check, .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite, .pf-m-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action { width:auto; padding:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle { grid-column:-1; grid-row-start:20; justify-self:end; padding-inline-end:0 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle:after { content:none } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check, .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__favorite, .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check { margin-block-start:var(--pf-v5-c-table__check--responsive--MarginTop); margin-inline-start:var(--pf-v5-c-table__check--responsive--MarginLeft); line-height:1 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--action--MarginLeft) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table__action--responsive--MarginLeft) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__check label { margin:0; display:inline-block } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__favorite { margin-block-start:var(--pf-v5-c-table--m-grid__favorite--MarginTop) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft) } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__action { text-align:end; margin-block-start:var(--pf-v5-c-table--m-grid__action--MarginTop) } } @media screen and (width<=1200px) and (width<=576px) { .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2; margin-inline-start:0 } } @media screen and (width<=1200px) { .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__inline-edit-action { grid-area:2/2 } .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle__icon--Transition) } .pf-v5-c-button.pf-m-expanded>.pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate)) } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap { --pf-v5-c-table--cell--Overflow:auto } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content { white-space:normal; width:auto } .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate { --pf-v5-c-table--cell--MaxWidth:100% } .pf-m-grid-xl.pf-v5-c-table [class*=pf-m-width] { --pf-v5-c-table--cell--Width:auto } } @media screen and (width<=1450px) { .pf-m-grid-2xl.pf-v5-c-table { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft); --pf-v5-c-table__favorite--c-button--MarginTop:auto; --pf-v5-c-table__favorite--c-button--MarginRight:auto; --pf-v5-c-table__favorite--c-button--MarginBottom:auto; --pf-v5-c-table__favorite--c-button--MarginLeft:auto; border:none; display:grid } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>* { text-overflow:clip; white-space:normal; width:auto; min-width:0; max-width:none; overflow:visible } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__text { width:auto; min-width:0; max-width:none; overflow:var(--pf-v5-c-table--cell--Overflow); text-overflow:var(--pf-v5-c-table--cell--TextOverflow); white-space:var(--pf-v5-c-table--cell--WhiteSpace); position:relative } .pf-m-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) { display:none } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { display:block } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):first-of-type { border-block-start:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table.pf-m-compact>tbody:where(.pf-v5-c-table__tbody) { border-block-start:0 } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:var(--pf-v5-c-table__tr--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):last-child, .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):last-of-type:not(:only-of-type)>tr:where(.pf-v5-c-table__tr) { border-block-end-width:var(--pf-v5-c-table__tr--responsive--last-child--BorderBottomWidth) } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor) } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { border-block-end:0 } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded:not(:last-of-type) { border-block-end:var(--pf-v5-c-table__tbody--responsive--border-width--base)solid var(--pf-v5-c-table--responsive--BorderColor) } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; --pf-v5-c-table__expandable-row--after--BorderColor:transparent } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { grid-column-gap:var(--pf-v5-c-table__tr--responsive--GridColumnGap); height:auto; grid-template-columns:1fr; grid-auto-columns:max-content; padding-block-start:var(--pf-v5-c-table__tr--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table__tr--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table__tr--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tr--responsive--PaddingRight); display:grid } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>* { padding-block-start:var(--pf-v5-c-table--cell--responsive--PaddingTop); padding-block-end:var(--pf-v5-c-table--cell--responsive--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--cell--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table--cell--responsive--PaddingRight) } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)>:first-child { --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--cell--first-child--responsive--PaddingTop) } .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr--responsive--PaddingBottom); --pf-v5-c-table--cell--responsive--PaddingTop:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingTop); --pf-v5-c-table--cell--responsive--PaddingBottom:var(--pf-v5-c-table--m-compact__tr__td--responsive--PaddingBottom); --pf-v5-c-table__check--responsive--MarginTop:var(--pf-v5-c-table--m-compact__check--responsive--MarginTop); --pf-v5-c-table__check--input--MarginTop:0 } .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__action { margin-block-start:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop); margin-block-end:var(--pf-v5-c-table--m-compact__action--responsive--MarginTop) } .pf-m-grid-2xl.pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle .pf-v5-c-button { margin-block-end:var(--pf-v5-c-table--m-compact__toggle--c-button--responsive--MarginBottom) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__icon>* { text-align:start } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label] { --pf-v5-c-table--cell--hidden-visible--Display:var(--pf-v5-c-table--m-grid--cell--hidden-visible--Display); grid-column-gap:var(--pf-v5-c-table-td--responsive--GridColumnGap); grid-column:1; grid-template-columns:1fr minmax(0,1.5fr); align-items:start } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table__th, .pf-v5-c-table__td)[data-label]:before { text-align:start; content:attr(data-label); font-weight:700 } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:first-child { --pf-v5-c-table--cell--PaddingLeft:0 } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)>:last-child { --pf-v5-c-table--cell--PaddingRight:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table { --pf-v5-c-table__tr--responsive--PaddingTop:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingTop); --pf-v5-c-table__tr--responsive--PaddingRight:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingRight); --pf-v5-c-table__tr--responsive--PaddingBottom:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingBottom); --pf-v5-c-table__tr--responsive--PaddingLeft:var(--pf-v5-c-table__tr--responsive--nested-table--PaddingLeft); border:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)+tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) { --pf-v5-c-table__tr--responsive--PaddingTop:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle { --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth:0; --pf-v5-c-table__compound-expansion-toggle__button--after--Top:100% } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) { position:relative } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody):after { content:""; border:0; border-inline-start:var(--pf-v5-c-table__tbody--after--BorderLeftWidth)solid var(--pf-v5-c-table__tbody--after--BorderColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded { --pf-v5-c-table__tbody--after--BorderLeftWidth:var(--pf-v5-c-table__tbody--after--border-width--base) } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded tbody:where(.pf-v5-c-table__tbody) { --pf-v5-c-table__tbody--after--BorderLeftWidth:0 } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody)>tr:where(.pf-v5-c-table__tr)>:first-child:not(.pf-v5-c-table__check):after { --pf-v5-c-table__expandable-row--after--BorderLeftWidth:0; background-color:#0000; width:auto; position:static } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row { --pf-v5-c-table--cell--responsive--PaddingTop:0; --pf-v5-c-table--cell--responsive--PaddingRight:0; --pf-v5-c-table--cell--responsive--PaddingBottom:0; --pf-v5-c-table--cell--responsive--PaddingLeft:0; --pf-v5-c-table--cell--PaddingRight:0; --pf-v5-c-table--cell--PaddingLeft:0; max-height:var(--pf-v5-c-table__expandable-row--MaxHeight); box-shadow:none; border-block-end:none; display:block; overflow-y:auto } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row>* { display:block; position:static } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row.pf-m-expanded { border-block-start-color:var(--pf-v5-c-table--BorderColor) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row>:first-child:not(.pf-v5-c-table__check):after { content:none } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content, .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content { padding:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row:not(.pf-m-expanded) { display:none } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content { padding-inline-start:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__expandable-row-content--responsive--PaddingRight) } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable { --pf-v5-c-table__tbody--after--BorderLeftWidth:0; --pf-v5-c-table__tbody--after--BorderLeftColor:transparent } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable, .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr) { position:relative } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable>tr:where(.pf-v5-c-table__tr):after { content:""; width:var(--pf-v5-c-table__tbody--after__tr--BorderLeftWidth); background-color:var(--pf-v5-c-table__tbody--after__tr--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-expanded { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-expanded--after__tr--BorderLeftColor) } .pf-m-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-hoverable.pf-m-selected { --pf-v5-c-table__tbody--after__tr--BorderLeftWidth:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftWidth); --pf-v5-c-table__tbody--after__tr--BorderLeftColor:var(--pf-v5-c-table__tbody--m-selected--after__tr--BorderLeftColor) } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected:after { content:""; width:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth); background-color:var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor); position:absolute; inset-block:0; inset-inline-start:0 } .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__toggle, .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__check, .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__favorite, .pf-m-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) .pf-v5-c-table__action { width:auto; padding:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle { grid-column:-1; grid-row-start:20; justify-self:end; padding-inline-end:0 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle:after { content:none } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__button { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-grid--cell--PaddingTop); --pf-v5-c-table--cell--PaddingRight:var(--pf-v5-c-table--m-grid--cell--PaddingRight); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-grid--cell--PaddingBottom); --pf-v5-c-table--cell--PaddingLeft:var(--pf-v5-c-table--m-grid--cell--PaddingLeft) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check, .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__favorite, .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check { margin-block-start:var(--pf-v5-c-table__check--responsive--MarginTop); margin-inline-start:var(--pf-v5-c-table__check--responsive--MarginLeft); line-height:1 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--MarginLeft) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__check--favorite--action--MarginLeft) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table__action--responsive--MarginLeft) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__check label { margin:0; display:inline-block } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__favorite { margin-block-start:var(--pf-v5-c-table--m-grid__favorite--MarginTop) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__favorite~.pf-v5-c-table__action { margin-inline-start:var(--pf-v5-c-table--m-grid__favorite--action--MarginLeft) } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__action { text-align:end; margin-block-start:var(--pf-v5-c-table--m-grid__action--MarginTop) } } @media screen and (width<=1450px) and (width<=576px) { .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__action { grid-row-start:1; grid-column-start:2; margin-inline-start:0 } } @media screen and (width<=1450px) { .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__inline-edit-action { grid-area:2/2 } .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon { transition:var(--pf-v5-c-table__toggle__icon--Transition) } .pf-v5-c-button.pf-m-expanded>.pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon { transform:rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate)) } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap { --pf-v5-c-table--cell--Overflow:auto } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-fit-content { white-space:normal; width:auto } .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate { --pf-v5-c-table--cell--MaxWidth:100% } .pf-m-grid-2xl.pf-v5-c-table [class*=pf-m-width] { --pf-v5-c-table--cell--Width:auto } } .pf-v5-c-table { --pf-v5-c-table__tree-view-main--indent--base:calc(var(--pf-v5-global--spacer--md)*2 + var(--pf-v5-c-table__tree-view-icon--MinWidth)); --pf-v5-c-table__tree-view-main--nested-indent--base:calc(var(--pf-v5-c-table__tree-view-main--indent--base) - var(--pf-v5-global--spacer--md)); --pf-v5-c-table__tree-view-main--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table__tree-view-main--MarginLeft:calc(var(--pf-v5-c-table--cell--PaddingLeft)*-1); --pf-v5-c-table__tree-view-main--c-table__check--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tree-view-main--c-table__check--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tree-view-icon--MinWidth:var(--pf-v5-global--FontSize--md); --pf-v5-c-table__tree-view-icon--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view__toggle--Position:absolute; --pf-v5-c-table--m-tree-view__toggle--Left:var(--pf-v5-c-table__tree-view-main--PaddingLeft); --pf-v5-c-table--m-tree-view__toggle--TranslateX:-100%; --pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth:var(--pf-v5-global--FontSize--md); --pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft:0; --pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft:0 } .pf-v5-c-table.pf-m-tree-view>tbody>tr { --pf-v5-c-table--m-tree-view__toggle--Left:var(--pf-v5-c-table__tree-view-main--PaddingLeft) } .pf-v5-c-table.pf-m-tree-view>tbody>tr.pf-m-no-inset, .pf-v5-c-table.pf-m-tree-view.pf-m-no-inset { --pf-v5-c-table__tree-view-main--PaddingLeft:var(--pf-v5-c-table--m-no-inset__tree-view-main--PaddingLeft); --pf-v5-c-table__tree-view-main--MarginLeft:var(--pf-v5-c-table--m-no-inset__tree-view-main--MarginLeft) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table.pf-m-tree-view tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table__tree-view-main--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-v5-c-table__tree-view-main { min-width:0; text-align:start; cursor:pointer; align-items:baseline; margin-inline-start:var(--pf-v5-c-table__tree-view-main--MarginLeft); padding-inline-start:var(--pf-v5-c-table__tree-view-main--PaddingLeft); display:flex; position:relative } .pf-v5-c-table__tree-view-main>.pf-v5-c-table__toggle { transform:translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX)); position:var(--pf-v5-c-table--m-tree-view__toggle--Position); inset-inline-start:var(--pf-v5-c-table--m-tree-view__toggle--Left) } :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main>.pf-v5-c-table__toggle { transform:translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX)*var(--pf-v5-global--inverse--multiplier))) } .pf-v5-c-table__tree-view-main>.pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon { min-width:var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth) } .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { margin-inline-end:var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight) } .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check label { margin-block:0; margin-inline-start:0; margin-inline-end:calc(var(--pf-v5-c-table__tree-view-main--c-table__check--MarginRight)*-1); padding-inline-start:var(--pf-v5-c-table__tree-view-main--c-table__check--PaddingLeft); padding-inline-end:var(--pf-v5-c-table__tree-view-main--c-table__check--PaddingRight) } .pf-v5-c-table__tree-view-text { display:flex } .pf-v5-c-table__tree-view-icon { min-width:var(--pf-v5-c-table__tree-view-icon--MinWidth); margin-inline-end:var(--pf-v5-c-table__tree-view-icon--MarginRight) } .pf-v5-c-table__tree-view-details-toggle { display:none } .pf-m-tree-view-grid.pf-v5-c-table { --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-v5-c-table__tree-view-text--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom); --pf-v5-c-table__tree-view-details-toggle--MarginTop:calc(.375rem*-1); --pf-v5-c-table__tree-view-details-toggle--MarginBottom:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom:calc(.375rem*-1) } .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) { outline-offset:var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset); border:none; position:relative } .pf-m-tree-view-grid.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr):before { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft); inset-inline-end:0 } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) { grid-template-columns:1fr max-content; display:grid } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell~.pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop) } .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft) } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-text { padding-inline-end:var(--pf-v5-c-table__tree-view-text--PaddingRight) } .pf-m-tree-view-grid.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td) { display:none } .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] { grid-template-columns:var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns); grid-column-gap:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap); grid-column:1; align-items:start } .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-tree-view-grid.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]:before { font-weight:var(--pf-v5-global--FontWeight--bold); text-align:start; content:attr(data-label) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded { padding-block-end:var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] { display:grid } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell { display:block } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle, .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action { display:inline-block } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action { --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-area:1/2 } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__action>.pf-v5-c-dropdown { margin-block-start:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-block-end:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom) } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { order:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight) } .pf-m-tree-view-grid.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle { margin-block-start:var(--pf-v5-c-table__tree-view-details-toggle--MarginTop); margin-block-end:var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } @media screen and (width<=768px) { .pf-m-tree-view-grid-md.pf-v5-c-table { --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-v5-c-table__tree-view-text--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom); --pf-v5-c-table__tree-view-details-toggle--MarginTop:calc(.375rem*-1); --pf-v5-c-table__tree-view-details-toggle--MarginBottom:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom:calc(.375rem*-1) } .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) { outline-offset:var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset); border:none; position:relative } .pf-m-tree-view-grid-md.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr):before { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft); inset-inline-end:0 } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) { grid-template-columns:1fr max-content; display:grid } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell~.pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop) } .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft) } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-text { padding-inline-end:var(--pf-v5-c-table__tree-view-text--PaddingRight) } .pf-m-tree-view-grid-md.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td) { display:none } .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] { grid-template-columns:var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns); grid-column-gap:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap); grid-column:1; align-items:start } .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-tree-view-grid-md.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]:before { font-weight:var(--pf-v5-global--FontWeight--bold); text-align:start; content:attr(data-label) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded { padding-block-end:var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] { display:grid } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell { display:block } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle, .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action { display:inline-block } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action { --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-area:1/2 } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__action>.pf-v5-c-dropdown { margin-block-start:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-block-end:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom) } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { order:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight) } .pf-m-tree-view-grid-md.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle { margin-block-start:var(--pf-v5-c-table__tree-view-details-toggle--MarginTop); margin-block-end:var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-md.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } } @media screen and (width<=992px) { .pf-m-tree-view-grid-lg.pf-v5-c-table { --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-v5-c-table__tree-view-text--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom); --pf-v5-c-table__tree-view-details-toggle--MarginTop:calc(.375rem*-1); --pf-v5-c-table__tree-view-details-toggle--MarginBottom:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom:calc(.375rem*-1) } .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) { outline-offset:var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset); border:none; position:relative } .pf-m-tree-view-grid-lg.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr):before { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft); inset-inline-end:0 } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) { grid-template-columns:1fr max-content; display:grid } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell~.pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop) } .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft) } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-text { padding-inline-end:var(--pf-v5-c-table__tree-view-text--PaddingRight) } .pf-m-tree-view-grid-lg.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td) { display:none } .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] { grid-template-columns:var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns); grid-column-gap:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap); grid-column:1; align-items:start } .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-tree-view-grid-lg.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]:before { font-weight:var(--pf-v5-global--FontWeight--bold); text-align:start; content:attr(data-label) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded { padding-block-end:var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] { display:grid } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell { display:block } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle, .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action { display:inline-block } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action { --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-area:1/2 } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__action>.pf-v5-c-dropdown { margin-block-start:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-block-end:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom) } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { order:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight) } .pf-m-tree-view-grid-lg.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle { margin-block-start:var(--pf-v5-c-table__tree-view-details-toggle--MarginTop); margin-block-end:var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-lg.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } } @media screen and (width<=1200px) { .pf-m-tree-view-grid-xl.pf-v5-c-table { --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-v5-c-table__tree-view-text--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom); --pf-v5-c-table__tree-view-details-toggle--MarginTop:calc(.375rem*-1); --pf-v5-c-table__tree-view-details-toggle--MarginBottom:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom:calc(.375rem*-1) } .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) { outline-offset:var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset); border:none; position:relative } .pf-m-tree-view-grid-xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr):before { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft); inset-inline-end:0 } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) { grid-template-columns:1fr max-content; display:grid } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell~.pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop) } .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft) } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-text { padding-inline-end:var(--pf-v5-c-table__tree-view-text--PaddingRight) } .pf-m-tree-view-grid-xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td) { display:none } .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] { grid-template-columns:var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns); grid-column-gap:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap); grid-column:1; align-items:start } .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-tree-view-grid-xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]:before { font-weight:var(--pf-v5-global--FontWeight--bold); text-align:start; content:attr(data-label) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded { padding-block-end:var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] { display:grid } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell { display:block } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle, .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action { display:inline-block } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action { --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-area:1/2 } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__action>.pf-v5-c-dropdown { margin-block-start:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-block-end:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom) } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { order:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight) } .pf-m-tree-view-grid-xl.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle { margin-block-start:var(--pf-v5-c-table__tree-view-details-toggle--MarginTop); margin-block-end:var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } } @media screen and (width<=1450px) { .pf-m-tree-view-grid-2xl.pf-v5-c-table { --pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset:calc(-1*var(--pf-v5-global--spacer--xs)); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table__tree-view-main--indent--base); --pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap:var(--pf-v5-global--spacer--sm); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft:0; --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xl); --pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns:repeat(auto-fit,minmax(150px,1fr)); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-global--spacer--xs); --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight:0; --pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order:4; --pf-v5-c-table__tree-view-text--PaddingRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-table__tbody--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingTop); --pf-v5-c-table__tbody--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingBottom); --pf-v5-c-table__tree-view-details-toggle--MarginTop:calc(.375rem*-1); --pf-v5-c-table__tree-view-details-toggle--MarginBottom:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop:calc(.375rem*-1); --pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom:calc(.375rem*-1) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr) { outline-offset:var(--pf-v5-c-table--m-tree-view-grid--tr--OutlineOffset); border:none; position:relative } .pf-m-tree-view-grid-2xl.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) tr:where(.pf-v5-c-table__tr):before { content:""; border-block-end:var(--pf-v5-c-table--border-width--base)solid var(--pf-v5-c-table--BorderColor); position:absolute; inset-block:0; inset-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft); inset-inline-end:0 } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not([hidden]) { grid-template-columns:1fr max-content; display:grid } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-expanded] .pf-v5-c-table__tree-view-title-cell~.pf-v5-c-table__action { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop) } .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td):not(.pf-v5-c-table__tree-view-title-cell) { --pf-v5-c-table--cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop); --pf-v5-c-table--cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom); padding-inline-start:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft) } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-text { padding-inline-end:var(--pf-v5-c-table__tree-view-text--PaddingRight) } .pf-m-tree-view-grid-2xl.pf-v5-c-table thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th), .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td) { display:none } .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label] { grid-template-columns:var(--pf-v5-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns); grid-column-gap:var(--pf-v5-c-table--m-tree-view-grid__tbody--cell--GridColumnGap); grid-column:1; align-items:start } .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]>* { grid-column:2 } .pf-m-tree-view-grid-2xl.pf-v5-c-table td:where(.pf-v5-c-table__td)[data-label]:before { font-weight:var(--pf-v5-global--FontWeight--bold); text-align:start; content:attr(data-label) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded { padding-block-end:var(--pf-v5-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v5-c-table__td)[data-label] { display:grid } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-title-header-cell { display:block } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle, .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action { display:inline-block } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action { --pf-v5-c-table--cell--Width:auto; --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingLeft); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingTop); --pf-v5-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom:var(--pf-v5-c-table--m-tree-view-grid--c-table__action--PaddingBottom); grid-area:1/2 } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__action>.pf-v5-c-dropdown { margin-block-start:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginTop); margin-block-end:var(--pf-v5-c-table--m-tree-view-grid--c-dropdown--MarginBottom) } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-main>.pf-v5-c-table__check { order:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order); margin-inline-start:auto; margin-inline-end:var(--pf-v5-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight) } .pf-m-tree-view-grid-2xl.pf-v5-c-table .pf-v5-c-table__tree-view-details-toggle { margin-block-start:var(--pf-v5-c-table__tree-view-details-toggle--MarginTop); margin-block-end:var(--pf-v5-c-table__tree-view-details-toggle--MarginBottom) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="2"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*1 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="3"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*2 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="4"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*3 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="5"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*4 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="6"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*5 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="7"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*6 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="8"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*7 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="9"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*8 + var(--pf-v5-c-table__tree-view-main--indent--base)) } .pf-m-tree-view-grid-2xl.pf-v5-c-table tr:where(.pf-v5-c-table__tr)[aria-level="10"] { --pf-v5-c-table--m-tree-view-grid__tbody--cell--PaddingLeft:calc(var(--pf-v5-c-table__tree-view-main--nested-indent--base)*9 + var(--pf-v5-c-table__tree-view-main--indent--base)) } } .pf-v5-c-table { --pf-v5-c-table__sticky-cell--MinWidth--base:12.5rem; --pf-v5-c-table__sticky-cell--MinWidth:var(--pf-v5-c-table__sticky-cell--MinWidth--base); --pf-v5-c-table__sticky-cell--ZIndex:var(--pf-v5-global--ZIndex--xs); --pf-v5-c-table__sticky-cell--Right:auto; --pf-v5-c-table__sticky-cell--Left:auto; --pf-v5-c-table__sticky-cell--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-table__sticky-cell--m-right--Right:0; --pf-v5-c-table__sticky-cell--m-left--Left:0; --pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex:calc(var(--pf-v5-c-table__sticky-cell--ZIndex) + 1) } .pf-v5-c-table .pf-v5-c-table__sticky-cell { --pf-v5-c-table--cell--Overflow:visible; --pf-v5-c-table--m-sticky-header--cell--ZIndex:var(--pf-v5-c-table--m-sticky-header__sticky-cell--ZIndex); z-index:var(--pf-v5-c-table__sticky-cell--ZIndex); min-width:var(--pf-v5-c-table__sticky-cell--MinWidth); background-color:var(--pf-v5-c-table__sticky-cell--BackgroundColor); background-clip:padding-box; position:sticky; inset-inline-start:var(--pf-v5-c-table__sticky-cell--Left); inset-inline-end:var(--pf-v5-c-table__sticky-cell--Right) } .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-border-right:before { --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth:var(--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightWidth); --pf-v5-c-table--cell--m-border-right--before--BorderRightColor:var(--pf-v5-c-table__sticky-cell--m-border-right--before--BorderRightColor) } .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-border-left:before { --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth:var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth); --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor:var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor) } .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end { --pf-v5-c-table__sticky-cell--Right:var(--pf-v5-c-table__sticky-cell--m-right--Right) } .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start { --pf-v5-c-table__sticky-cell--Left:var(--pf-v5-c-table__sticky-cell--m-left--Left) } .pf-v5-c-scroll-outer-wrapper { --pf-v5-c-scroll-outer-wrapper--MinHeight:25rem; --pf-v5-c-scroll-outer-wrapper--MaxHeight:100%; max-width:100%; min-height:var(--pf-v5-c-scroll-outer-wrapper--MinHeight); max-height:var(--pf-v5-c-scroll-outer-wrapper--MaxHeight); flex-direction:column; display:flex; overflow:hidden } .pf-v5-c-scroll-inner-wrapper { flex-direction:column; max-width:100%; max-height:100%; display:flex; overflow:auto } ._title_180i0_2 { margin-bottom:var(--pf-v5-global--spacer--lg) } ._panel_1cdve_1 { margin-top:var(--pf-v5-global--spacer--lg) } ._sticky_1cdve_5 { position:sticky; top:0 } div.keycloak_help-header-description { padding-top:var(--pf-v5-global--spacer--lg); overflow-wrap:break-word; white-space:normal; color:var(--pf-v5-c-dropdown__menu-item--Color) } .keycloak_help-header-switch { margin-left:var(--pf-v5-global--spacer--xl) } .keycloak_help-header-switch .pf-v5-c-switch__toggle:before { background-color:var(--pf-v5-c-switch__toggle-icon--Color) } .keycloak__page_nav__nav { --pf-v5-c-page__sidebar--Transition:all 50ms cubic-bezier(.42,0,.58,1); overflow:inherit; overflow-y:auto } ._banner_1dgp9_2 { grid-area:banners } img.keycloak__pageheader_brand { height:35px; background-color: #fff } .keycloak__form { max-width:1024px; padding-bottom:var(--pf-v5-global--spacer--4xl) } input[type=checkbox] { vertical-align:baseline; width:20px; height:20px } .keycloak__form_actions { background-color:var(--pf-v5-c-page__main-section--m-light--BackgroundColor); padding-top:var(--pf-v5-global--spacer--md); padding-bottom:var(--pf-v5-global--spacer--sm); padding-left:var(--pf-v5-global--spacer--md); border-top:1px solid var(--pf-v5-global--BorderColor--100); width:100%; margin-left:calc(-1*var(--pf-v5-global--spacer--lg)); position:fixed; bottom:0 } .keycloak__section_intro__help { padding:var(--pf-v5-global--spacer--md)0 var(--pf-v5-global--spacer--lg); color:var(--pf-v5-global--primary-color--100); width:fit-content } div.w-tc-editor { font-family:"ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace" }