@redhat-cloud-services/frontend-components-config-utilities 1.5.28 → 2.0.0-beta.0

package/repos/insights-chrome-build/js/src_js_bootstrap_js-src_js_unfetch_index_js-node_modules_redhat-cloud-services_frontend-compo-d86d1e.c1dc7ccd468c8c55255f.css

@@ -0,0 +1,921 @@
+/*!*********************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/GlobalFilter/global-filter-menu.scss ***!
+  \*********************************************************************************************************************************************************************************************************************************************/
+.chr-c-global-filter {
+  padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg);
+  background: var(--pf-global--BackgroundColor--100);
+}
+.chr-c-global-filter .pf-c-chip-group {
+  margin-right: var(--pf-global--spacer--xs);
+}
+.chr-c-global-filter .chr-c-chip {
+  background: var(--pf-global--palette--blue-50);
+}
+
+.chr-c-menu-global-filter {
+  max-height: 400px;
+  overflow-y: auto;
+  width: 450px;
+  padding-top: 0;
+  padding-bottom: 0;
+  box-shadow: none !important;
+}
+
+.chr-c-menu-global-filter__select {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.chr-c-menu-global-filter__select input {
+  border: 0;
+}
+.chr-c-menu-global-filter__select.expanded, .chr-c-menu-global-filter__select.pf-m-expanded {
+  width: 450px;
+}
+.chr-c-menu-global-filter__select.expanded .pf-c-menu-toggle__text, .chr-c-menu-global-filter__select.pf-m-expanded .pf-c-menu-toggle__text {
+  width: 390px;
+}
+.chr-c-menu-global-filter__select .pf-c-select__toggle-text {
+  flex-grow: 1;
+}
+.chr-c-menu-global-filter__select .pf-c-select__toggle-text > input.pf-c-form-control {
+  border: none;
+}
+.chr-c-menu-global-filter__select .pf-c-check__label {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.chr-c-menu-global-filter__select .pf-c-check__label .ins-c-tagfilter__option-value {
+  text-overflow: ellipsis;
+  max-width: 340px;
+  overflow: hidden;
+}
+.chr-c-menu-global-filter__select .pf-c-check__label .pf-c-badge {
+  margin-left: 8px;
+  padding-top: 3px;
+}
+/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/TagModal/tagModal.css ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-tag-modal {
+  height: calc(var(--pf-global--spacer--4xl) + var(--pf-global--breakpoint--md));
+}
+/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/PrimaryToolbar/primary-toolbar.css ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+  display: initial;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
+  display: none;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__pagination {
+  margin-left: auto;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__sort-by {
+  display: initial;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions-separator {
+  display: none;
+}
+
+.ins-c-primary-toolbar .ins-m-actions--empty {
+  display: none;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter {
+  flex-grow: initial;
+}
+
+.ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter .ins-c-primary-toolbar__filter {
+  flex: initial;
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+    display: none;
+  }
+
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
+    display: block;
+  }
+
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__sort-by {
+    display: none;
+  }
+
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions-separator {
+    display: block;
+  }
+
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter {
+    margin-right: 0;
+    flex-grow: 1;
+  }
+
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter .ins-c-primary-toolbar__filter {
+    flex: 1;
+  }
+
+  .ins-c-primary-toolbar .ins-m-actions--empty {
+    display: block;
+  }
+}
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/BulkSelect/bulk-select.css ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+  display: initial;
+}
+
+.ins-c-bulk-select .ins-c-bulk-select__selected {
+  display: none;
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+    display: none;
+  }
+
+  .ins-c-bulk-select .ins-c-bulk-select__selected {
+    display: initial;
+  }
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/ConditionalFilter/conditional-filter.css ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************************/
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-c-conditional-filter.mobile {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+.ins-c-conditional-filter .pf-c-select__toggle-wrapper .pf-c-select__toggle-text {
+  max-width: 150px;
+  max-width: 9.375rem;
+}
+
+.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
+  width: auto;
+  text-align: left;
+}
+
+.ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text > svg {
+  margin-right: var(--pf-global--spacer--xs);
+}
+
+.ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__no-label .pf-c-dropdown__toggle-text {
+  width: auto;
+}
+
+.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group {
+  padding: 0;
+}
+
+.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-group .pf-c-select__menu-group-title:empty {
+  display: none;
+}
+
+.ins-c-conditional-filter .pf-l-split__item .pf-c-select__option-button {
+  padding: 0;
+}
+
+.ins-c-conditional-filter .pf-l-split__item .pf-c-select__menu-item-icon {
+  display: none;
+}
+
+.ins-c-conditional-filter input.ins-c-conditional-filter[type=text] {
+  padding-right: 35px;
+  padding-right: 2.1875rem;
+  margin-right: -23px;
+  margin-right: -1.4375rem;
+}
+
+.ins-c-conditional-filter input.ins-c-conditional-filter[type=text] + svg {
+  position: relative;
+  left: -5px;
+  left: -0.3125rem;
+  top: 2px;
+  top: 0.125rem;
+}
+
+.ins-c-conditional-filter .pf-c-select__toggle-text {
+  margin-right: 0;
+}
+
+.ins-c-conditional-filter .pf-c-select__toggle-badge {
+  display: none;
+}
+
+.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text {
+  flex: 1;
+}
+
+.ins-c-conditional-filter .pf-c-menu-toggle .pf-c-menu-toggle__text input {
+  border: none;
+}
+
+.pf-c-menu.ins-c-menu__scrollable {
+  max-height: 416px;
+  overflow-y: auto;
+  min-width: initial;
+}
+
+.pf-c-menu .ins-c-menu__show--more {
+  background: none;
+}
+
+.pf-c-menu .ins-c-menu__show--more .pf-c-menu__item-text {
+  color: var(--pf-global--active-color--100);
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-conditional-filter.mobile {
+    visibility: visible !important;
+    display: grid !important;
+  }
+
+  .ins-c-conditional-filter.desktop {
+    visibility: hidden;
+    display: none;
+  }
+}
+@media only screen and (max-width: 884px) {
+  .ins-c-conditional-filter .ins-c-conditional-filter__group .pf-c-dropdown__toggle-text {
+    width: auto;
+  }
+
+  .ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__value-selector {
+    display: none;
+  }
+
+  .ins-c-conditional-filter .ins-c-conditional-filter__group .ins-c-conditional-filter__group {
+    width: initial;
+  }
+}
+/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/ConditionalFilter/group-filter.css ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************/
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-c-tree-view .pf-c-tree-view {
+  padding: 0;
+}
+
+.ins-c-tree-view .pf-c-menu__list-item {
+  background: none;
+}
+
+.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item {
+  padding: 0;
+}
+
+.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item .pf-c-tree-view__content {
+  background: none;
+}
+
+.ins-c-tree-view .pf-c-menu__list-item .pf-c-menu__item .pf-c-tree-view__node {
+  background: none;
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/FilterChips/filter-chips.css ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
+  background: none;
+  padding: 0;
+  background-color: initial;
+}
+
+.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) h4 {
+  display: none;
+}
+
+.ins-c-chip-filters .pf-c-chip-group:not(:last-child) {
+  margin-right: var(--pf-global--spacer--sm);
+}
+/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/Skeleton/skeleton.css ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-skeleton__xs {
+  width: 16% !important;
+}
+
+.ins-c-skeleton__sm {
+  width: 33% !important;
+}
+
+.ins-c-skeleton__md {
+  width: 66% !important;
+}
+
+.ins-c-skeleton__lg {
+  width: 100% !important;
+}
+
+.ins-c-skeleton.ins-m-dark {
+  --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-skeleton--after--LinearGradientColorStop1: var(
+    --pf-global--palette--black-600
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop2: var(
+    --pf-global--palette--black-500
+  );
+  --pf-c-skeleton--after--LinearGradientColorStop3: var(
+    --pf-global--palette--black-600
+  );
+}
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/EmptyTable/EmptyTable.css ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-c-table__empty {
+  background: var(--pf-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+  padding: 20px;
+  padding: 1.25rem;
+}
+
+.ins-c-table__empty.is-centered {
+  display: flex;
+  justify-content: center;
+}
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/SkeletonTable/SkeletonTable.css ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-skeleton-table__dark {
+  background-color: #1b1d21 !important;
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/TableToolbar/TableToolbar.css ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************/
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+:root {
+  --ins-c-table-toolbar--PaddingVertical: 16px;
+  --ins-c-table-toolbar--PaddingHorizontal: 32px;
+}
+
+.ins-c-table__toolbar, .ins-c-table__toolbar-results {
+  background: var(--pf-global--Color--light-100);
+  border-bottom: 1px solid var(--pf-global--BorderColor--light-200);
+  padding: var(--ins-c-table-toolbar--PaddingVertical) var(--ins-c-table-toolbar--PaddingHorizontal);
+}
+
+.ins-c-table__toolbar.ins-m-footer {
+  border-top: 1px solid var(--pf-global--BorderColor--light-200);
+}
+
+.ins-c-table__toolbar-results {
+  color: var(--pf-global--Color--200);
+}
+
+.ins-c-table__toolbar-results-count + .ins-c-table__toolbar-results-selected {
+  margin-left: 15px;
+  margin-left: 0.9375rem;
+  padding-left: 15px;
+  padding-left: 0.9375rem;
+  border-left: 2px solid var(--pf-global--BorderColor--light);
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-table__toolbar, .ins-c-table__toolbar-results {
+    padding: 0 0;
+  }
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/FilterHooks/tagFilterHook.css ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-tagfilter .ins-c-tagfilter__option label {
+  display: flex;
+  width: 100%;
+}
+
+.ins-c-tagfilter .ins-c-tagfilter__option label .ins-c-tagfilter__option-value {
+  max-width: 12.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ins-c-tagfilter .ins-c-tagfilter__option label .pf-c-badge {
+  margin-left: auto;
+  padding-top: 0.2;
+}
+
+.ins-c-tagfilter .pf-c-select__menu-group-title:empty {
+  display: none;
+}
+
+.ins-c-tagfilter .pf-c-select__menu > div {
+  padding-top: 0;
+}
+
+.ins-c-tagfilter.pf-m-expanded {
+  width: 18.75rem !important;
+}
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Header/HeaderAlert.scss ***!
+  \********************************************************************************************************************************************************************************************************************************/
+.chr-c-alert {
+  margin-top: var(--pf-global--spacer--xs);
+}
+.chr-c-alert .pf-c-alert__title {
+  padding: unset;
+}
+.chr-c-alert .pf-c-alert__icon {
+  padding: unset;
+  background-color: unset;
+}
+/*!****************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Header/AppFilter/AppFilter.scss ***!
+  \****************************************************************************************************************************************************************************************************************************************/
+.chr-c-page__app-filter-dropdown-menu {
+  position: absolute;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu::before {
+  z-index: -1000;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu {
+  bottom: 0;
+  left: 0;
+  top: 70px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  position: fixed;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content .chr-l-flex-app-filter-search {
+  padding: var(--pf-global--spacer--xl) 0 var(--pf-global--spacer--xl) 0;
+  justify-content: center;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content .chr-l-flex-app-filter-search .pf-c-text-input-group {
+  width: 300px;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content .chr-l-flex-app-filter-search .pf-c-text-input-group .pf-c-search-input {
+  display: flex;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content .chr-l-flex-app-filter-search .pf-c-text-input-group .pf-c-search-input__icon {
+  color: var(--pf-global--BackgroundColor--dark-100);
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content .chr-l-flex-app-filter-search .pf-c-text-input-group .pf-c-search-input__text-input {
+  color: var(--pf-global--BackgroundColor--dark-100);
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.gallery {
+  column-gap: var(--pf-global--spacer--lg);
+  margin: 0 auto;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.galleryItem {
+  display: block;
+  padding-bottom: var(--pf-global--spacer--xl);
+  width: 350px;
+  overflow: hidden;
+  break-inside: avoid-column;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.galleryItem .pf-l-split {
+  margin-top: auto;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.galleryItem .pf-l-split .pf-l-split__item h4 {
+  color: var(--pf-global--BackgroundColor--dark-100);
+  font: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
+  font-weight: var(--pf-global--FontWeight--normal);
+  margin-bottom: var(--pf-global--spacer--md);
+  white-space: nowrap;
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.galleryItem .pf-l-split .pf-l-split__item p {
+  margin-bottom: var(--pf-global--spacer--sm);
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu .chr-app-filter-content div.galleryItem .pf-l-split .pf-l-split__item a {
+  white-space: nowrap;
+  color: var(--pf-global--active-color--100);
+}
+@media screen and (max-width: 768px) {
+  .chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu {
+    bottom: 0;
+    top: 140px;
+  }
+  .chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu div.gallery {
+    column-count: 1;
+  }
+}
+@media screen and (min-width: 769px) and (max-width: 1099px) {
+  .chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu {
+    bottom: 0;
+  }
+  .chr-c-page__app-filter-dropdown-menu .pf-c-dropdown__menu div.gallery {
+    column-count: 2;
+    width: calc( 350px * 2 );
+  }
+}
+@media screen and (min-width: 1100px) and (max-width: 1549px) {
+  .chr-c-page__app-filter-dropdown-menu div.gallery {
+    column-count: 3;
+    width: calc( 350px * 3 );
+  }
+}
+@media screen and (min-width: 1550px) {
+  .chr-c-page__app-filter-dropdown-menu div.gallery {
+    column-count: 4;
+    width: calc( 350px * 4 );
+  }
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-empty-state h4 {
+  color: var(--pf-global--BackgroundColor--dark-100);
+  font-size: var(--pf-c-title--m-xl--FontSize);
+}
+.chr-c-page__app-filter-dropdown-menu .pf-c-empty-state button {
+  color: var(--pf-global--active-color--100);
+}
+/*!************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Header/ContextSwitcher.scss ***!
+  \************************************************************************************************************************************************************************************************************************************/
+.chr-c-context-selector {
+  --pf-c-masthead--c-context-selector--Width: 224px;
+}
+.chr-c-context-selector .chr-c-content-personal-account .account-label {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.chr-c-context-selector .pf-c-context-selector__menu-list-item svg {
+  font-size: 9px;
+}
+/*!*******************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Feedback/Feedback.scss ***!
+  \*******************************************************************************************************************************************************************************************************************************/
+button.pf-c-button.chr-c-button-feedback {
+  position: fixed;
+  z-index: 100;
+  right: -45px;
+  bottom: 150px;
+  transform: rotate(270deg);
+  color: var(--pf-global--Color--dark-100);
+  background: var(--pf-global--palette--purple-100);
+}
+button.pf-c-button.chr-c-button-feedback svg {
+  margin-right: var(--pf-global--spacer--sm);
+}
+button.pf-c-button.chr-c-button-feedback:hover {
+  background: var(--pf-global--palette--purple-200);
+}
+
+.chr-c-feedback-modal {
+  margin: 0;
+  padding: 0;
+}
+.chr-c-feedback-modal .pf-c-content {
+  margin-bottom: var(--pf-c-content--MarginBottom);
+}
+.chr-c-feedback-modal .pf-c-modal-box__body {
+  padding: 0;
+  margin: 0;
+}
+.chr-c-feedback-modal .pf-c-modal-box > .pf-c-button + * {
+  margin-right: 0;
+}
+.chr-c-feedback-modal .pf-c-modal-box__body:last-child {
+  padding-bottom: 0;
+}
+
+.chr-c-feedback-cards {
+  margin: var(--pf-global--spacer--sm);
+}
+
+.chr-c-feedback-card-title {
+  color: var(--pf-global--link--Color);
+}
+
+.chr-c-feedback {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.chr-c-feedback-content {
+  display: flex;
+  flex-direction: column;
+  padding-right: var(--pf-global--spacer--lg);
+  padding-top: var(--pf-global--spacer--lg);
+  margin: var(--pf-global--spacer--md);
+}
+
+.chr-c-feedback-button {
+  margin: var(--pf-global--spacer--sm);
+  text-align: left;
+  position: absolute;
+  bottom: var(--pf-global--spacer--md);
+}
+
+.chr-c-feedback-buttons {
+  margin: var(--pf-global--spacer--sm);
+  position: absolute;
+  bottom: var(--pf-global--spacer--md);
+}
+
+.chr-c-feedback-success-content {
+  margin-top: 150px;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+}
+
+.chr-c-feedback-email {
+  margin-top: var(--pf-global--spacer--lg);
+}
+
+.chr-c-feedback-image {
+  background-color: var(--pf-global--palette--black-150);
+}
+
+.chr-c-feedback-panel {
+  margin-bottom: var(--pf-global--spacer--lg);
+}
+.chr-c-feedback-panel__body {
+  padding-bottom: 4px;
+  padding-top: 4px;
+  border-bottom: 1px solid var(--pf-global--palette--black-500);
+}
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Header/Header.scss ***!
+  \***************************************************************************************************************************************************************************************************************************/
+.chr-c-masthead {
+  overflow: visible;
+}
+.chr-c-masthead .chr-c-dropdown-item__stack {
+  white-space: nowrap;
+}
+.chr-c-masthead .chr-c-dropdown-item__stack * {
+  color: var(--pf-c-dropdown__menu-item--disabled--Color);
+}
+.chr-c-masthead .chr-c-dropdown-item__stack--header,
+.chr-c-masthead .chr-c-dropdown-item__stack--subValue {
+  font-size: var(--pf-global--FontSize--xs);
+}
+.chr-c-masthead .chr-c-dropdown-item__stack--subValue {
+  padding-top: var(--pf-global--spacer--xs);
+}
+.chr-c-masthead .chr-c-brand {
+  width: 193px;
+}
+.chr-c-masthead .chr-c-badge-beta {
+  background-color: var(--pf-global--palette--green-300);
+  color: var(--pf-global--Color--dark-100);
+}
+.chr-c-masthead .chr-c-dropdown-user-toggle button::before {
+  border-color: var(--pf-global--palette--black-900);
+}
+.chr-c-masthead .chr-c-dropdown-user-toggle.pf-m-expanded button::before, .chr-c-masthead .chr-c-dropdown-user-toggle button:hover::before {
+  border-bottom-color: var(--pf-global--primary-color--200);
+}
+
+.chr-pen-test {
+  border-top: 3px solid var(--pf-global--palette--purple-300);
+}
+
+.disabled-pointer {
+  pointer-events: none;
+}
+
+.visible-pointer {
+  pointer-events: auto;
+}
+/*!********************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/ErrorComponents/ErrorComponent.scss ***!
+  \********************************************************************************************************************************************************************************************************************************************/
+.chr-c-error-component {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+}
+.chr-c-error-component__text {
+  max-width: 660px;
+  margin: auto;
+}
+.chr-c-error-component .pf-c-empty-state {
+  width: 100%;
+}
+.chr-c-error-component .pf-c-empty-state__content {
+  width: 100%;
+}
+.chr-c-error-component .pf-c-empty-state__content .error-text {
+  display: block;
+  max-width: 100%;
+  overflow-y: auto;
+  text-align: left;
+}
+.chr-c-error-component .pf-c-empty-state__content .error-line {
+  white-space: nowrap;
+}
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/NotAuthorized/NotAuthorized.css ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************/
+.ins-c-not-authorized .pf-c-title {
+  max-width: 540px;
+  margin-left: auto;
+  margin-right: auto;
+}
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/InvalidObject/invalidObject.css ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************/
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-c-component_invalid-component {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.ins-c-component_invalid-component .ins-c-text__sorry {
+  max-width: 70%;
+}
+
+.ins-c-component_invalid-component h1, .ins-c-component_invalid-component svg {
+  margin-bottom: 30px;
+  margin-bottom: 1.875rem;
+}
+
+.ins-c-component_invalid-component button {
+  font-size: 20px;
+  font-size: 1.25rem;
+}
+/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/@redhat-cloud-services/frontend-components/esm/InvalidObject/icon-404.css ***!
+  \************************************************************************************************************************************************************************************************************************************************************************************/
+.Icon404 {
+  height: 150px;
+}
+
+.Icon404 .cls-1 {
+  fill: #fff;
+}
+
+.Icon404 .cls-1, .Icon404 .cls-3 {
+  fill-rule: evenodd;
+}
+
+.Icon404 .cls-2 {
+  opacity: 0.5;
+}
+
+.Icon404 .cls-4 {
+  mask: url(#mask);
+}
+/*!*******************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/Sidenav/Navigation/Navigation.scss ***!
+  \*******************************************************************************************************************************************************************************************************************************************/
+.chr-c-app-title {
+  color: white;
+  padding: var(--pf-global--spacer--md) var(--pf-global--spacer--sm) var(--pf-global--spacer--md) var(--pf-global--spacer--lg);
+  width: 100%;
+  border-bottom: var(--pf-global--spacer--xs) solid var(--pf-global--Color--300);
+  font-weight: var(--pf-global--FontWeight--semi-bold);
+  white-space: normal;
+  text-align: left;
+  font-size: 17px;
+}
+
+.pf-c-nav__list section.chr-c-section-nav {
+  margin-bottom: var(--pf-global--spacer--md);
+  margin-top: 0 !important;
+}
+.pf-c-nav__list section.chr-c-section-nav h2.pf-c-nav__section-title {
+  border: 0;
+  border-top: var(--pf-global--BorderWidth--sm) var(--pf-global--BackgroundColor--dark-200) solid;
+  color: var(--pf-global--palette--black-500);
+  font-size: var(--pf-global--FontSize--xs);
+  font-weight: var(--pf-global--FontWeight--medium);
+  padding: var(--pf-global--spacer--md) 0 var(--pf-global--spacer--lg) var(--pf-global--spacer--lg);
+}
+.pf-c-nav__list section.chr-c-section-nav h2.pf-c-nav__section-title svg {
+  margin-left: var(--pf-global--spacer--none);
+  margin-right: var(--pf-global--spacer--sm);
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item {
+  border-top: 0;
+  --pf-c-nav__item--MarginTop: 0;
+  --pf-c-nav__item--before--BorderWidth: 0;
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item:last-child {
+  margin-bottom: var(--pf-global--spacer--sm);
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item .pf-c-nav__subnav {
+  padding: 0 0 0 var(--pf-global--spacer--lg);
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item .pf-c-nav__subnav .pf-c-nav__list .pf-c-nav__item .pf-c-nav__link {
+  padding-left: var(--pf-global--spacer--lg);
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item .pf-c-nav__subnav .pf-c-nav__list .pf-c-nav__item:last-child {
+  margin-bottom: var(--pf-global--spacer--sm);
+}
+.pf-c-nav__list section.chr-c-section-nav ul > li.pf-c-nav__item section.pf-c-nav__subnav li.pf-c-nav__item {
+  border: none !important;
+}
+.pf-c-nav__list .pf-c-nav__item.chr-c-navigation__additional-links .pf-c-nav__link {
+  padding-left: var(--pf-global--spacer--lg);
+}
+.pf-c-nav__list > .pf-c-nav__item:not(:first-child) {
+  border-top: var(--pf-global--BorderWidth--sm) var(--pf-global--BackgroundColor--dark-200) solid;
+}
+.pf-c-nav__list svg {
+  margin-left: var(--pf-global--spacer--sm);
+  width: 12px;
+}
+
+.chr-c-navigation__additional-links {
+  align-items: center;
+}
+.chr-c-navigation__additional-links svg {
+  margin-left: var(--pf-global--spacer--sm);
+}
+
+.pf-c-nav__item a.chr-c-navigation__with-notifier {
+  align-items: center;
+}
+.pf-c-nav__item a.chr-c-navigation__with-notifier .notifier-icon {
+  margin-left: auto;
+  margin-right: 8px;
+}
+
+.pf-c-nav__item .pf-c-nav__link .chr-c-navigation__beta-badge {
+  float: right;
+  margin-right: 0px;
+  margin-left: auto;
+}
+
+.pf-c-nav .chr-c-navigation__beta-badge {
+  background-color: var(--pf-global--palette--green-300);
+  color: var(--pf-global--Color--dark-100);
+}
+
+.chr-c-navigation__beta-info-modal {
+  text-align: center;
+  width: 90%;
+}
+.chr-c-navigation__beta-info-modal div {
+  margin: var(--pf-global--spacer--md);
+}
+.chr-c-navigation__beta-info-modal .info-icon {
+  color: var(--pf-global--info-color--100);
+  margin: var(--pf-global--spacer--md);
+}
+
+.chr-c-navigation__isHidden {
+  display: none;
+}
+
+.chr-c-app-switcher--loading {
+  padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg);
+}
+/*!***********************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/App/RootApp/DefaultLayout.scss ***!
+  \***********************************************************************************************************************************************************************************************************************************/
+.chr-viewing-as {
+  left: 0;
+  top: 76px;
+  width: 100%;
+  padding: 2px 0 2px 20px;
+  font-size: 10px;
+  background-color: var(--pf-global--palette--blue-200);
+  color: var(--pf-global--Color--100);
+  opacity: 1;
+  grid-area: banner;
+}
+
+.pf-c-page.chr-c-page__account-banner {
+  grid-template-areas: "header header" "banner banner" "nav main";
+  grid-template-rows: max-content max-content 1fr;
+}
+
+@media screen and (max-width: 1200px) {
+  .pf-c-page.chr-c-page__account-banner {
+    grid-template-areas: "header header" "main main";
+  }
+}
+.chr-scope__default-layout {
+  flex-grow: 1;
+  display: inherit;
+  flex-direction: inherit;
+}