@redhat-cloud-services/frontend-components-config-utilities 2.0.0-beta.1 → 2.0.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

@@ -1,921 +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]!./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;
-}