@patternfly/patternfly
Version:
Assets, source, tooling, and content for PatternFly 4
1,569 lines (1,551 loc) • 1.75 MB
CSS
@charset "UTF-8";
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-page__sidebar.pf-m-light, .pf-v5-c-menu, .pf-v5-c-masthead.pf-m-light-200, .pf-v5-c-masthead.pf-m-light, .pf-v5-c-form-control, .pf-v5-c-data-list, .pf-v5-c-context-selector__menu, .pf-v5-c-chip-group, .pf-v5-c-chip, .pf-v5-c-calendar-month, .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue, .pf-v5-c-alert, .pf-v5-c-accordion, .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-c-wizard__header, .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-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead, .pf-v5-c-login__footer, .pf-v5-c-login__header, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-c-banner, .pf-v5-c-about-modal-box, .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-c-wizard__header .pf-v5-c-button, .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-masthead .pf-v5-c-button.pf-m-plain .pf-v5-c-button, .pf-v5-c-masthead .pf-v5-c-button, .pf-v5-c-login__footer .pf-v5-c-button, .pf-v5-c-login__header .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-c-banner .pf-v5-c-button, .pf-v5-c-about-modal-box .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
}
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-divider, .pf-v5-c-toolbar__content-section, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__group, .pf-v5-c-data-list__item-action {
--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-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .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-m-hidden.pf-v5-c-divider, .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-m-hidden.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
}
@media screen and (min-width: 576px) {
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .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-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-m-hidden-on-sm.pf-v5-c-divider, .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-m-hidden-on-sm.pf-v5-c-data-list__item-action {
--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-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .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-m-visible-on-sm.pf-v5-c-divider, .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-m-visible-on-sm.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 768px) {
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .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-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-m-hidden-on-md.pf-v5-c-divider, .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-m-hidden-on-md.pf-v5-c-data-list__item-action {
--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-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .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-m-visible-on-md.pf-v5-c-divider, .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-m-visible-on-md.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 992px) {
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .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-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-m-hidden-on-lg.pf-v5-c-divider, .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-m-hidden-on-lg.pf-v5-c-data-list__item-action {
--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-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .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-m-visible-on-lg.pf-v5-c-divider, .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-m-visible-on-lg.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 1200px) {
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .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-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-m-hidden-on-xl.pf-v5-c-divider, .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-m-hidden-on-xl.pf-v5-c-data-list__item-action {
--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-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .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-m-visible-on-xl.pf-v5-c-divider, .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-m-visible-on-xl.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
}
}
@media screen and (min-width: 1450px) {
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .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-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-m-hidden-on-2xl.pf-v5-c-divider, .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-m-hidden-on-2xl.pf-v5-c-data-list__item-action {
--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-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .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-m-visible-on-2xl.pf-v5-c-divider, .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-m-visible-on-2xl.pf-v5-c-data-list__item-action {
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
}
}
.pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .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, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
: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--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: rgba(3, 3, 3, 0.62);
--pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
--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 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.12), 0 0 0.125rem 0 rgba(3, 3, 3, 0.06);
--pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.16);
--pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06);
--pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08);
--pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.18);
--pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.16), 0 0 0.5rem 0 rgba(3, 3, 3, 0.1);
--pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.2);
--pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
--pf-v5-global--font-path: "./assets/fonts";
--pf-v5-global--fonticon-path: "./assets/pficon";
--pf-v5-global--spacer--xs: 0.25rem;
--pf-v5-global--spacer--sm: 0.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: 0.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--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: 0.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: 0.875rem;
--pf-v5-global--FontSize--xs: 0.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 250ms cubic-bezier(0.42, 0, 0.58, 1);
--pf-v5-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
--pf-v5-global--TransitionDuration: 250ms;
--pf-v5-global--arrow--width: 0.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-c-wizard__header .pf-v5-c-button, :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, :where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
:where(.pf-v5-theme-dark) .pf-v5-c-login__footer .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .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-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 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
--pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
--pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
--pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
--pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
--pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
--pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
--pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
}
@font-face {
font-family: RedHatDisplay;
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatDisplay;
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatDisplay;
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatDisplay;
font-style: italic;
font-weight: 700;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatText;
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatText;
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatText;
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatText;
font-style: italic;
font-weight: 700;
src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatMono;
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatMono;
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
font-display: fallback;
}
@font-face {
font-family: RedHatDisplayVF;
font-style: normal;
font-weight: 400 700;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
font-display: fallback;
}
@font-face {
font-family: RedHatDisplayVF;
font-style: italic;
font-weight: 400 700;
src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
font-display: fallback;
}
@font-face {
font-family: RedHatTextVF;
font-style: normal;
font-weight: 400 500;
src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
font-display: fallback;
}
@font-face {
font-family: RedHatTextVF;
font-style: italic;
font-weight: 400 500;
src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
font-display: fallback;
}
@font-face {
font-family: RedHatMonoVF;
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
font-display: fallback;
}
@font-face {
font-family: RedHatMonoVF;
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
font-display: fallback;
}
.pf-v5-screen-reader {
position: fixed;
inset-block-start: 0;
inset-inline-start: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.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(.pf-v5-theme-dark) {
color-scheme: dark;
}
.pf-v5-t-dark.pf-m-transparent {
background-color: transparent;
}
.pf-v5-t-dark.pf-m-transparent-100 {
background-color: rgba(3, 3, 3, 0.42);
}
.pf-v5-t-dark.pf-m-transparent-200 {
background-color: rgba(3, 3, 3, 0.6);
}
.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: transparent;
}
.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;
}
* .fa,
* .fas,
* .far,
* .fal,
* .fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
* .fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
* .fa-xs {
font-size: 0.75em;
}
* .fa-sm {
font-size: 0.875em;
}
* .fa-1x {
font-size: 1em;
}
* .fa-2x {
font-size: 2em;
}
* .fa-3x {
font-size: 3em;
}
* .fa-4x {
font-size: 4em;
}
* .fa-5x {
font-size: 5em;
}
* .fa-6x {
font-size: 6em;
}
* .fa-7x {
font-size: 7em;
}
* .fa-8x {
font-size: 8em;
}
* .fa-9x {
font-size: 9em;
}
* .fa-10x {
font-size: 10em;
}
* .fa-fw {
text-align: center;
width: 1.25em;
}
* .fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
* .fa-ul > li {
position: relative;
}
* .fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
* .fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
* .fa-pull-left {
float: left;
}
* .fa-pull-right {
float: right;
}
* .fa.fa-pull-left,
* .fas.fa-pull-left,
* .far.fa-pull-left,
* .fal.fa-pull-left,
* .fab.fa-pull-left {
margin-right: 0.3em;
}
* .fa.fa-pull-right,
* .fas.fa-pull-right,
* .far.fa-pull-right,
* .fal.fa-pull-right,
* .fab.fa-pull-right {
margin-left: 0.3em;
}
* .fa-spin {
animation: fa-spin 2s infinite linear;
}
* .fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
* .fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
* .fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
* .fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
* .fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
* .fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
* .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(-1, -1);
}
* :root .fa-rotate-90,
* :root .fa-rotate-180,
* :root .fa-rotate-270,
* :root .fa-flip-horizontal,
* :root .fa-flip-vertical {
filter: none;
}
* .fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
* .fa-stack-1x,
* .fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
* .fa-stack-1x {
line-height: inherit;
}
* .fa-stack-2x {
font-size: 2em;
}
* .fa-inverse {
color: #fff;
}
* .fa-500px:before {
content: "\f26e";
}
* .fa-accessible-icon:before {
content: "\f368";
}
* .fa-accusoft:before {
content: "\f369";
}
* .fa-acquisitions-incorporated:before {
content: "\f6af";
}
* .fa-ad:before {
content: "\f641";
}
* .fa-address-book:before {
content: "\f2b9";
}
* .fa-address-card:before {
content: "\f2bb";
}
* .fa-adjust:before {
content: "\f042";
}
* .fa-adn:before {
content: "\f170";
}
* .fa-adobe:before {
content: "\f778";
}
* .fa-adversal:before {
content: "\f36a";
}
* .fa-affiliatetheme:before {
content: "\f36b";
}
* .fa-air-freshener:before {
content: "\f5d0";
}
* .fa-algolia:before {
content: "\f36c";
}
* .fa-align-center:before {
content: "\f037";
}
* .fa-align-justify:before {
content: "\f039";
}
* .fa-align-left:before {
content: "\f036";
}
* .fa-align-right:before {
content: "\f038";
}
* .fa-alipay:before {
content: "\f642";
}
* .fa-allergies:before {
content: "\f461";
}
* .fa-amazon:before {
content: "\f270";
}
* .fa-amazon-pay:before {
content: "\f42c";
}
* .fa-ambulance:before {
content: "\f0f9";
}
* .fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
* .fa-amilia:before {
content: "\f36d";
}
* .fa-anchor:before {
content: "\f13d";
}
* .fa-android:before {
content: "\f17b";
}
* .fa-angellist:before {
content: "\f209";
}
* .fa-angle-double-down:before {
content: "\f103";
}
* .fa-angle-double-left:before {
content: "\f100";
}
* .fa-angle-double-right:before {
content: "\f101";
}
* .fa-angle-double-up:before {
content: "\f102";
}
* .fa-angle-down:before {
content: "\f107";
}
* .fa-angle-left:before {
content: "\f104";
}
* .fa-angle-right:before {
content: "\f105";
}
* .fa-angle-up:before {
content: "\f106";
}
* .fa-angry:before {
content: "\f556";
}
* .fa-angrycreative:before {
content: "\f36e";
}
* .fa-angular:before {
content: "\f420";
}
* .fa-ankh:before {
content: "\f644";
}
* .fa-app-store:before {
content: "\f36f";
}
* .fa-app-store-ios:before {
content: "\f370";
}
* .fa-apper:before {
content: "\f371";
}
* .fa-apple:before {
content: "\f179";
}
* .fa-apple-alt:before {
content: "\f5d1";
}
* .fa-apple-pay:before {
content: "\f415";
}
* .fa-archive:before {
content: "\f187";
}
* .fa-archway:before {
content: "\f557";
}
* .fa-arrow-alt-circle-down:before {
content: "\f358";
}
* .fa-arrow-alt-circle-left:before {
content: "\f359";
}
* .fa-arrow-alt-circle-right:before {
content: "\f35a";
}
* .fa-arrow-alt-circle-up:before {
content: "\f35b";
}
* .fa-arrow-circle-down:before {
content: "\f0ab";
}
* .fa-arrow-circle-left:before {
content: "\f0a8";
}
* .fa-arrow-circle-right:before {
content: "\f0a9";
}
* .fa-arrow-circle-up:before {
content: "\f0aa";
}
* .fa-arrow-down:before {
content: "\f063";
}
* .fa-arrow-left:before {
content: "\f060";
}
* .fa-arrow-right:before {
content: "\f061";
}
* .fa-arrow-up:before {
content: "\f062";
}
* .fa-arrows-alt:before {
content: "\f0b2";
}
* .fa-arrows-alt-h:before {
content: "\f337";
}
* .fa-arrows-alt-v:before {
content: "\f338";
}
* .fa-artstation:before {
content: "\f77a";
}
* .fa-assistive-listening-systems:before {
content: "\f2a2";
}
* .fa-asterisk:before {
content: "\f069";
}
* .fa-asymmetrik:before {
content: "\f372";
}
* .fa-at:before {
content: "\f1fa";
}
* .fa-atlas:before {
content: "\f558";
}
* .fa-atlassian:before {
content: "\f77b";
}
* .fa-atom:before {
content: "\f5d2";
}
* .fa-audible:before {
content: "\f373";
}
* .fa-audio-description:before {
content: "\f29e";
}
* .fa-autoprefixer:before {
content: "\f41c";
}
* .fa-avianex:before {
content: "\f374";
}
* .fa-aviato:before {
content: "\f421";
}
* .fa-award:before {
content: "\f559";
}
* .fa-aws:before {
content: "\f375";
}
* .fa-baby:before {
content: "\f77c";
}
* .fa-baby-carriage:before {
content: "\f77d";
}
* .fa-backspace:before {
content: "\f55a";
}
* .fa-backward:before {
content: "\f04a";
}
* .fa-balance-scale:before {
content: "\f24e";
}
* .fa-ban:before {
content: "\f05e";
}
* .fa-band-aid:before {
content: "\f462";
}
* .fa-bandcamp:before {
content: "\f2d5";
}
* .fa-barcode:before {
content: "\f02a";
}
* .fa-bars:before {
content: "\f0c9";
}
* .fa-baseball-ball:before {
content: "\f433";
}
* .fa-basketball-ball:before {
content: "\f434";
}
* .fa-bath:before {
content: "\f2cd";
}
* .fa-battery-empty:before {
content: "\f244";
}
* .fa-battery-full:before {
content: "\f240";
}
* .fa-battery-half:before {
content: "\f242";
}
* .fa-battery-quarter:before {
content: "\f243";
}
* .fa-battery-three-quarters:before {
content: "\f241";
}
* .fa-bed:before {
content: "\f236";
}
* .fa-beer:before {
content: "\f0fc";
}
* .fa-behance:before {
content: "\f1b4";
}
* .fa-behance-square:before {
content: "\f1b5";
}
* .fa-bell:before {
content: "\f0f3";
}
* .fa-bell-slash:before {
content: "\f1f6";
}
* .fa-bezier-curve:before {
content: "\f55b";
}
* .fa-bible:before {
content: "\f647";
}
* .fa-bicycle:before {
content: "\f206";
}
* .fa-bimobject:before {
content: "\f378";
}
* .fa-binoculars:before {
content: "\f1e5";
}
* .fa-biohazard:before {
content: "\f780";
}
* .fa-birthday-cake:before {
content: "\f1fd";
}
* .fa-bitbucket:before {
content: "\f171";
}
* .fa-bitcoin:before {
content: "\f379";
}
* .fa-bity:before {
content: "\f37a";
}
* .fa-black-tie:before {
content: "\f27e";
}
* .fa-blackberry:before {
content: "\f37b";
}
* .fa-blender:before {
content: "\f517";
}
* .fa-blender-phone:before {
content: "\f6b6";
}
* .fa-blind:before {
content: "\f29d";
}
* .fa-blog:before {
content: "\f781";
}
* .fa-blogger:before {
content: "\f37c";
}
* .fa-blogger-b:before {
content: "\f37d";
}
* .fa-bluetooth:before {
content: "\f293";
}
* .fa-bluetooth-b:before {
content: "\f294";
}
* .fa-bold:before {
content: "\f032";
}
* .fa-bolt:before {
content: "\f0e7";
}
* .fa-bomb:before {
content: "\f1e2";
}
* .fa-bone:before {
content: "\f5d7";
}
* .fa-bong:before {
content: "\f55c";
}
* .fa-book:before {
content: "\f02d";
}
* .fa-book-dead:before {
content: "\f6b7";
}
* .fa-book-open:before {
content: "\f518";
}
* .fa-book-reader:before {
content: "\f5da";
}
* .fa-bookmark:before {
content: "\f02e";
}
* .fa-bowling-ball:before {
content: "\f436";
}
* .fa-box:before {
content: "\f466";
}
* .fa-box-open:before {
content: "\f49e";
}
* .fa-boxes:before {
content: "\f468";
}
* .fa-braille:before {
content: "\f2a1";
}
* .fa-brain:before {
content: "\f5dc";
}
* .fa-briefcase:before {
content: "\f0b1";
}
* .fa-briefcase-medical:before {
content: "\f469";
}
* .fa-broadcast-tower:before {
content: "\f519";
}
* .fa-broom:before {
content: "\f51a";
}
* .fa-brush:before {
content: "\f55d";
}
* .fa-btc:before {
content: "\f15a";
}
* .fa-bug:before {
content: "\f188";
}
* .fa-building:before {
content: "\f1ad";
}
* .fa-bullhorn:before {
content: "\f0a1";
}
* .fa-bullseye:before {
content: "\f140";
}
* .fa-burn:before {
content: "\f46a";
}
* .fa-buromobelexperte:before {
content: "\f37f";
}
* .fa-bus:before {
content: "\f207";
}
* .fa-bus-alt:before {
content: "\f55e";
}
* .fa-business-time:before {
content: "\f64a";
}
* .fa-buysellads:before {
content: "\f20d";
}
* .fa-calculator:before {
content: "\f1ec";
}
* .fa-calendar:before {
content: "\f133";
}
* .fa-calendar-alt:before {
content: "\f073";
}
* .fa-calendar-check:before {
content: "\f274";
}
* .fa-calendar-day:before {
content: "\f783";
}
* .fa-calendar-minus:before {
content: "\f272";
}
* .fa-calendar-plus:before {
content: "\f271";
}
* .fa-calendar-times:before {
content: "\f273";
}
* .fa-calendar-week:before {
content: "\f784";
}
* .fa-camera:before {
content: "\f030";
}
* .fa-camera-retro:before {
content: "\f083";
}
* .fa-campground:before {
content: "\f6bb";
}
* .fa-canadian-maple-leaf:before {
content: "\f785";
}
* .fa-candy-cane:before {
content: "\f786";
}
* .fa-cannabis:before {
content: "\f55f";
}
* .fa-capsules:before {
content: "\f46b";
}
* .fa-car:before {
content: "\f1b9";
}
* .fa-car-alt:before {
content: "\f5de";
}
* .fa-car-battery:before {
content: "\f5df";
}
* .fa-car-crash:before {
content: "\f5e1";
}
* .fa-car-side:before {
content: "\f5e4";
}
* .fa-caret-down:before {
content: "\f0d7";
}
* .fa-caret-left:before {
content: "\f0d9";
}
* .fa-caret-right:before {
content: "\f0da";
}
* .fa-caret-square-down:before {
content: "\f150";
}
* .fa-caret-square-left:before {
content: "\f191";
}
* .fa-caret-square-right:before {
content: "\f152";
}
* .fa-caret-square-up:before {
content: "\f151";
}
* .fa-caret-up:before {
content: "\f0d8";
}
* .fa-carrot:before {
content: "\f787";
}
* .fa-cart-arrow-down:before {
content: "\f218";
}
* .fa-cart-plus:before {
content: "\f217";
}
* .fa-cash-register:before {
content: "\f788";
}
* .fa-cat:before {
content: "\f6be";
}
* .fa-cc-amazon-pay:before {
content: "\f42d";
}
* .fa-cc-amex:before {
content: "\f1f3";
}
* .fa-cc-apple-pay:before {
content: "\f416";
}
* .fa-cc-diners-club:before {
content: "\f24c";
}
* .fa-cc-discover:before {
content: "\f1f2";
}
* .fa-cc-jcb:before {
content: "\f24b";
}
* .fa-cc-mastercard:before {
content: "\f1f1";
}
* .fa-cc-paypal:before {
content: "\f1f4";
}
* .fa-cc-stripe:before {
content: "\f1f5";
}
* .fa-cc-visa:before {
content: "\f1f0";
}
* .fa-centercode:before {
content: "\f380";
}
* .fa-centos:before {
content: "\f789";
}
* .fa-certificate:before {
content: "\f0a3";
}
* .fa-chair:before {
content: "\f6c0";
}
* .fa-chalkboard:before {
content: "\f51b";
}
* .fa-chalkboard-teacher:before {
content: "\f51c";
}
* .fa-charging-station:before {
content: "\f5e7";
}
* .fa-chart-area:before {
content: "\f1fe";
}
* .fa-chart-bar:before {
content: "\f080";
}
* .fa-chart-line:before {
content: "\f201";
}
* .fa-chart-pie:before {
content: "\f200";
}
* .fa-check:before {
content: "\f00c";
}
* .fa-check-circle:before {
content: "\f058";
}
* .fa-check-double:before {
content: "\f560";
}
* .fa-check-square:before {
content: "\f14a";
}
* .fa-chess:before {
content: "\f439";
}
* .fa-chess-bishop:before {
content: "\f43a";
}
* .fa-chess-board:before {
content: "\f43c";
}
* .fa-chess-king:before {
content: "\f43f";
}
* .fa-chess-knight:before {
content: "\f441";
}
* .fa-chess-pawn:before {
content: "\f443";
}
* .fa-chess-queen:before {
content: "\f445";
}
* .fa-chess-rook:before {
content: "\f447";
}
* .fa-chevron-circle-down:before {
content: "\f13a";
}
* .fa-chevron-circle-left:before {
content: "\f137";
}
* .fa-chevron-circle-right:before {
content: "\f138";
}
* .fa-chevron-circle-up:before {
content: "\f139";
}
* .fa-chevron-down:before {
content: "\f078";
}
* .fa-chevron-left:before {
content: "\f053";
}
* .fa-chevron-right:before {
content: "\f054";
}
* .fa-chevron-up:before {
content: "\f077";
}
* .fa-child:before {
content: "\f1ae";
}
* .fa-chrome:before {
content: "\f268";
}
* .fa-church:before {
content: "\f51d";
}
* .fa-circle:before {
content: "\f111";
}
* .fa-circle-notch:before {
content: "\f1ce";
}
* .fa-city:before {
content: "\f64f";
}
* .fa-clipboard:before {
content: "\f328";
}
* .fa-clipboard-check:before {
content: "\f46c";
}
* .fa-clipboard-list:before {
content: "\f46d";
}
* .fa-clock:before {
content: "\f017";
}
* .fa-clone:before {
content: "\f24d";
}
* .fa-closed-captioning:before {
content: "\f20a";
}
* .fa-cloud:before {
content: "\f0c2";
}
* .fa-cloud-download-alt:before {
content: "\f381";
}
* .fa-cloud-meatball:before {
content: "\f73b";
}
* .fa-cloud-moon:before {
content: "\f6c3";
}
* .fa-cloud-moon-rain:before {
content: "\f73c";
}
* .fa-cloud-rain:before {
content: "\f73d";
}
* .fa-cloud-showers-heavy:before {
content: "\f740";
}
* .fa-cloud-sun:before {
content: "\f6c4";
}
* .fa-cloud-sun-rain:before {
content: "\f743";
}
* .fa-cloud-upload-alt:before {
content: "\f382";
}
* .fa-cloudscale:before {
content: "\f383";
}
* .fa-cloudsmith:before {
content: "\f384";
}
* .fa-cloudversify:before {
content: "\f385";
}
* .fa-cocktail:before {
content: "\f561";
}
* .fa-code:before {
content: "\f121";
}
* .fa-code-branch:before {
content: "\f126";
}
* .fa-codepen:before {
content: "\f1cb";
}
* .fa-codiepie:before {
content: "\f284";
}
* .fa-coffee:before {
content: "\f0f4";
}
* .fa-cog:before {
content: "\f013";
}
* .fa-cogs:before {
content: "\f085";
}
* .fa-coins:before {
content: "\f51e";
}
* .fa-columns:before {
content: "\f0db";
}