@carbon/ibm-products 1.3.0 → 1.4.0

package/css/index.css

@@ -3042,296 +3042,6 @@ em {
   font-size: 0;
 }
 
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.bx--structured-list--selection .bx--structured-list-td,
-.bx--structured-list--selection .bx--structured-list-th {
-  padding-right: 1rem;
-  padding-left: 1rem;
-}
-.bx--structured-list--selection .bx--structured-list-td:first-child,
-.bx--structured-list--selection .bx--structured-list-th:first-child {
-  padding-right: 1rem;
-  padding-left: 1rem;
-}
-
-.bx--structured-list-input {
-  display: none;
-}
-
-.bx--structured-list {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  display: table;
-  width: 100%;
-  margin-bottom: 5rem;
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-.bx--structured-list *,
-.bx--structured-list *::before,
-.bx--structured-list *::after {
-  box-sizing: inherit;
-}
-.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
-  padding: 0.5rem;
-}
-.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
-.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
-  padding-left: 1rem;
-}
-.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
-  padding-right: 1rem;
-  padding-left: 0;
-}
-
-.bx--structured-list-row {
-  display: table-row;
-  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
-  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-
-.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
-  border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
-  background-color: var(--cds-hover-row, #e5e5e5);
-  cursor: pointer;
-}
-
-.bx--structured-list-row.bx--structured-list-row--selected {
-  background-color: var(--cds-selected-ui, #e0e0e0);
-}
-
-.bx--structured-list-row.bx--structured-list-row--header-row {
-  border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
-  cursor: inherit;
-}
-
-.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-@media screen and (prefers-contrast) {
-  .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
-    outline-style: dotted;
-  }
-}
-
-.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
-.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
-  color: var(--cds-text-01, #161616);
-}
-
-.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
-  border-top: 1px solid var(--cds-ui-01, #f4f4f4);
-}
-
-.bx--structured-list-thead {
-  display: table-header-group;
-  vertical-align: middle;
-}
-
-.bx--structured-list-th {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  padding: 1rem 0.5rem 0.5rem 0.5rem;
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
-  display: table-cell;
-  height: 2.5rem;
-  color: var(--cds-text-01, #161616);
-  font-weight: 600;
-  text-align: left;
-  text-transform: none;
-  vertical-align: top;
-}
-.bx--structured-list-th *,
-.bx--structured-list-th *::before,
-.bx--structured-list-th *::after {
-  box-sizing: inherit;
-}
-
-.bx--structured-list-tbody {
-  display: table-row-group;
-  vertical-align: middle;
-}
-
-.bx--structured-list-td {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-  padding: 1rem 0.5rem 1.5rem 0.5rem;
-  position: relative;
-  display: table-cell;
-  max-width: 36rem;
-  color: var(--cds-text-02, #525252);
-  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.bx--structured-list-td *,
-.bx--structured-list-td *::before,
-.bx--structured-list-td *::after {
-  box-sizing: inherit;
-}
-
-.bx--structured-list-content--nowrap {
-  white-space: nowrap;
-}
-
-.bx--structured-list-svg {
-  display: inline-block;
-  fill: transparent;
-  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  vertical-align: middle;
-}
-
-.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
-.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
-  fill: var(--cds-icon-01, #161616);
-}
-
-.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
-  width: 8%;
-}
-.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
-  width: 30%;
-}
-.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
-  width: 15%;
-}
-.bx--structured-list.bx--skeleton span {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--cds-skeleton-01, #e5e5e5);
-  box-shadow: none;
-  pointer-events: none;
-  display: block;
-  width: 75%;
-  height: 1rem;
-}
-.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
-  border: none;
-  cursor: default;
-  outline: none;
-}
-.bx--structured-list.bx--skeleton span::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  animation: 3000ms ease-in-out skeleton infinite;
-  background: var(--cds-skeleton-02, #c6c6c6);
-  content: "";
-  will-change: transform-origin, transform, opacity;
-}
-@media (prefers-reduced-motion: reduce) {
-  .bx--structured-list.bx--skeleton span::before {
-    animation: none;
-  }
-}
-
-.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
-  width: 5%;
-}
-.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
-  display: none;
-}
-
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
-  .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
-    fill: ButtonText;
-  }
-}
-
-.c4p--add-select__header {
-  padding: var(--cds-spacing-05, 1rem);
-  padding-bottom: 0;
-  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
-}
-.c4p--add-select__header .c4p--add-select__items-label {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
-}
-
-.c4p--add-select__items-label {
-  margin-right: var(--cds-spacing-03, 0.5rem);
-}
-.c4p--add-select__items-label-container {
-  display: flex;
-  align-items: center;
-  margin-top: var(--cds-spacing-05, 1rem);
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
-}
-
-.c4p--add-select__selections {
-  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
-}
-
-.c4p--add-select__influencer-header {
-  display: flex;
-  padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
-  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
-}
-.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
-}
-
-.c4p--add-select__influencer-title {
-  margin-right: var(--cds-spacing-03, 0.5rem);
-}
-
-.c4p--add-select__influencer-body {
-  padding: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
-  max-width: 29rem;
-  flex: 0 0 50%;
-}
-
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -12044,20 +11754,14 @@ a.bx--overflow-menu-options__btn::before {
   margin-left: 0;
 }
 
-.c4p--create-full-page .c4p--create-full-page__step--hidden-step,
-.c4p--create-full-page .c4p--create-full-page__step--hidden-section {
+.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
   display: none;
 }
 
-.c4p--create-full-page .c4p--create-full-page__step--visible-section {
+.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
   display: block;
 }
 
-.c4p--create-full-page .c4p--create-full-page__step--visible-step {
-  opacity: 1;
-}
-
-.c4p--create-full-page .c4p--create-full-page__section-subtitle,
 .c4p--create-full-page .c4p--create-full-page__step-subtitle {
   font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
@@ -12067,7 +11771,6 @@ a.bx--overflow-menu-options__btn::before {
   margin-bottom: var(--cds-spacing-03, 0.5rem);
 }
 
-.c4p--create-full-page .c4p--create-full-page__section-description,
 .c4p--create-full-page .c4p--create-full-page__step-description {
   font-size: var(--cds-body-long-01-font-size, 0.875rem);
   font-weight: var(--cds-body-long-01-font-weight, 400);
@@ -12155,8 +11858,7 @@ a.bx--overflow-menu-options__btn::before {
   content: "";
 }
 
-.c4p--create-full-page .c4p--create-full-page__step-title,
-.c4p--create-full-page .c4p--create-full-page__section-title {
+.c4p--create-full-page .c4p--create-full-page__step-title {
   font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
   font-weight: var(--cds-productive-heading-04-font-weight, 400);
   line-height: var(--cds-productive-heading-04-line-height, 1.28572);
@@ -14461,16 +14163,11 @@ a.bx--side-nav__link--current::before {
   --c4p--tearsheet-create--total-width: 0;
 }
 
-.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-step,
-.c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
+.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
   display: none;
 }
 
-.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-section {
-  display: block;
-}
-
-.c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
+.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
   animation: 400ms stepContentEntrance;
   animation-fill-mode: forwards;
   animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -14478,7 +14175,7 @@ a.bx--side-nav__link--current::before {
 }
 
 @media (prefers-reduced-motion) {
-  .c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
+  .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
     animation: none;
     opacity: 1;
   }
@@ -14682,91 +14379,401 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p1 {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p2 {
-  100% {
-    transform: rotate(-360deg);
-  }
-}
-/* Stroke animations */
-@keyframes init-stroke {
-  0% {
-    stroke-dashoffset: 276.4608;
-  }
-  100% {
-    stroke-dashoffset: 52.527552;
-  }
-}
-@keyframes stroke-end {
-  0% {
-    stroke-dashoffset: 52.527552;
-  }
-  100% {
-    stroke-dashoffset: 276.4608;
-  }
-}
-@keyframes stroke {
-  100% {
-    stroke-dashoffset: 0;
-  }
-}
-.c4p--create-tearsheet-narrow .bx--modal-header__heading,
-.c4p--create-tearsheet-narrow .bx--modal-header__label,
-.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
-  max-width: 100%;
-  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
-}
-
-.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
-  margin-top: var(--cds-spacing-02, 0.25rem);
-}
-
-.c4p--create-tearsheet-narrow .c4p--tearsheet__header {
-  border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
-}
-
-.c4p--create-tearsheet-narrow .c4p--tearsheet__content {
-  padding: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form {
-  padding-top: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > * {
-  margin-bottom: var(--cds-spacing-05, 1rem);
-}
-.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > *:last-child {
-  margin-bottom: 0;
-}
-
-.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
-  padding-bottom: var(--cds-spacing-03, 0.5rem);
-}
-
-.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-}
-
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p2 {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+/* Stroke animations */
+@keyframes init-stroke {
+  0% {
+    stroke-dashoffset: 276.4608;
+  }
+  100% {
+    stroke-dashoffset: 52.527552;
+  }
+}
+@keyframes stroke-end {
+  0% {
+    stroke-dashoffset: 52.527552;
+  }
+  100% {
+    stroke-dashoffset: 276.4608;
+  }
+}
+@keyframes stroke {
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+.c4p--create-tearsheet-narrow .bx--modal-header__heading,
+.c4p--create-tearsheet-narrow .bx--modal-header__label,
+.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
+  max-width: 100%;
+  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
+}
+
+.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
+  margin-top: var(--cds-spacing-02, 0.25rem);
+}
+
+.c4p--create-tearsheet-narrow .c4p--tearsheet__header {
+  border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
+}
+
+.c4p--create-tearsheet-narrow .c4p--tearsheet__content {
+  padding: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form {
+  padding-top: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > * {
+  margin-bottom: var(--cds-spacing-05, 1rem);
+}
+.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > *:last-child {
+  margin-bottom: 0;
+}
+
+.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
+  font-size: var(--cds-productive-heading-02-font-size, 1rem);
+  font-weight: var(--cds-productive-heading-02-font-weight, 600);
+  line-height: var(--cds-productive-heading-02-line-height, 1.375);
+  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  padding-bottom: var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
+  font-size: var(--cds-body-long-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-long-01-font-weight, 400);
+  line-height: var(--cds-body-long-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+}
+
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.bx--link {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  display: inline-flex;
+  color: var(--cds-link-01, #0f62fe);
+  outline: none;
+  text-decoration: none;
+  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--link *,
+.bx--link *::before,
+.bx--link *::after {
+  box-sizing: inherit;
+}
+.bx--link:hover {
+  color: var(--cds-hover-primary-text, #0043ce);
+  text-decoration: underline;
+}
+.bx--link:active, .bx--link:active:visited, .bx--link:active:visited:hover {
+  color: var(--cds-text-01, #161616);
+  text-decoration: underline;
+}
+.bx--link:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+@media screen and (prefers-contrast) {
+  .bx--link:focus {
+    outline-style: dotted;
+  }
+}
+.bx--link:visited {
+  color: var(--cds-link-01, #0f62fe);
+}
+.bx--link:visited:hover {
+  color: var(--cds-hover-primary-text, #0043ce);
+}
+
+.bx--link--disabled,
+.bx--link--disabled:hover {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  color: var(--cds-disabled-02, #c6c6c6);
+  cursor: not-allowed;
+  font-weight: 400;
+  text-decoration: none;
+}
+.bx--link--disabled *,
+.bx--link--disabled *::before,
+.bx--link--disabled *::after,
+.bx--link--disabled:hover *,
+.bx--link--disabled:hover *::before,
+.bx--link--disabled:hover *::after {
+  box-sizing: inherit;
+}
+
+.bx--link.bx--link--visited:visited {
+  color: var(--cds-visited-link, #8a3ffc);
+}
+
+.bx--link.bx--link--visited:visited:hover {
+  color: var(--cds-hover-primary-text, #0043ce);
+}
+
+.bx--link.bx--link--inline {
+  text-decoration: underline;
+}
+.bx--link.bx--link--inline:focus, .bx--link.bx--link--inline:visited {
+  text-decoration: none;
+}
+
+.bx--link--disabled.bx--link--inline {
+  text-decoration: underline;
+}
+
+.bx--link--sm {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+}
+
+.bx--link--lg {
+  font-size: var(--cds-body-short-02-font-size, 1rem);
+  font-weight: var(--cds-body-short-02-font-weight, 400);
+  line-height: var(--cds-body-short-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+}
+
+.bx--link__icon {
+  display: inline-flex;
+  align-self: center;
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--empty-state {
+  color: var(--cds-text-01, #161616);
+}
+.c4p--empty-state .c4p--empty-state__header,
+.c4p--empty-state .c4p--empty-state__subtitle {
+  padding-bottom: var(--cds-spacing-02, 0.25rem);
+  margin: 0;
+}
+.c4p--empty-state .c4p--empty-state__header--small {
+  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-productive-heading-03-font-weight, 400);
+  line-height: var(--cds-productive-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+}
+.c4p--empty-state .c4p--empty-state__subtitle--small {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+}
+
+.c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
+  min-width: var(--cds-spacing-11, 5rem);
+  max-width: var(--cds-spacing-11, 5rem);
+}
+.c4p--empty-state__illustration.c4p--empty-state__illustration--sm {
+  min-width: var(--cds-spacing-10, 4rem);
+  max-width: var(--cds-spacing-10, 4rem);
+}
+
+.c4p--empty-state__action-button,
+.c4p--empty-state__link {
+  margin-top: var(--cds-spacing-06, 1.5rem);
+}
+
+.c4p--empty-state .c4p--empty-state__action-button {
+  display: block;
+}
+
+.c4p--empty-state .c4p--empty-state__link {
+  display: block;
+}
+
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -14836,7 +14843,32 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-.bx--link {
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.bx--radio-button-group {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -14844,46 +14876,61 @@ a.bx--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  display: inline-flex;
-  color: var(--cds-link-01, #0f62fe);
-  outline: none;
-  text-decoration: none;
-  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  position: relative;
+  display: flex;
+  align-items: center;
 }
-.bx--link *,
-.bx--link *::before,
-.bx--link *::after {
+.bx--radio-button-group *,
+.bx--radio-button-group *::before,
+.bx--radio-button-group *::after {
   box-sizing: inherit;
 }
-.bx--link:hover {
-  color: var(--cds-hover-primary-text, #0043ce);
-  text-decoration: underline;
+
+.bx--label + .bx--form-item .bx--radio-button-group {
+  margin-top: 0;
 }
-.bx--link:active, .bx--link:active:visited, .bx--link:active:visited:hover {
-  color: var(--cds-text-01, #161616);
-  text-decoration: underline;
+
+.bx--radio-button-group--vertical {
+  flex-direction: column;
+  align-items: flex-start;
 }
-.bx--link:focus {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+.bx--radio-button-group--vertical.bx--radio-button-group--label-left {
+  align-items: flex-end;
 }
-@media screen and (prefers-contrast) {
-  .bx--link:focus {
-    outline-style: dotted;
-  }
+.bx--radio-button-group--vertical .bx--radio-button__label {
+  margin-right: 0;
+  line-height: 1.25rem;
 }
-.bx--link:visited {
-  color: var(--cds-link-01, #0f62fe);
+.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
+  margin-bottom: 0.5rem;
 }
-.bx--link:visited:hover {
-  color: var(--cds-hover-primary-text, #0043ce);
+
+.bx--radio-button {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  visibility: inherit;
+  white-space: nowrap;
+  visibility: inherit;
 }
 
-.bx--link--disabled,
-.bx--link--disabled:hover {
+.bx--radio-button__label {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  display: flex;
+  align-items: center;
+  margin-right: 1rem;
+  cursor: pointer;
+}
+
+.bx--radio-button__appearance {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -14891,103 +14938,132 @@ a.bx--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  color: var(--cds-disabled-02, #c6c6c6);
-  cursor: not-allowed;
-  font-weight: 400;
-  text-decoration: none;
+  width: 1.125rem;
+  height: 1.125rem;
+  flex-shrink: 0;
+  border: 1px solid var(--cds-icon-01, #161616);
+  margin: 0.0625rem 0.5rem 0.125rem 0.125rem;
+  background-color: transparent;
+  border-radius: 50%;
 }
-.bx--link--disabled *,
-.bx--link--disabled *::before,
-.bx--link--disabled *::after,
-.bx--link--disabled:hover *,
-.bx--link--disabled:hover *::before,
-.bx--link--disabled:hover *::after {
+.bx--radio-button__appearance *,
+.bx--radio-button__appearance *::before,
+.bx--radio-button__appearance *::after {
   box-sizing: inherit;
 }
 
-.bx--link.bx--link--visited:visited {
-  color: var(--cds-visited-link, #8a3ffc);
+.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-color: var(--cds-icon-01, #161616);
 }
-
-.bx--link.bx--link--visited:visited:hover {
-  color: var(--cds-hover-primary-text, #0043ce);
+.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  background-color: var(--cds-icon-01, #161616);
+  border-radius: 50%;
+  content: "";
+  transform: scale(0.5);
 }
-
-.bx--link.bx--link--inline {
-  text-decoration: underline;
+@media screen and (-ms-high-contrast: active) {
+  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
+    background-color: WindowText;
+  }
 }
-.bx--link.bx--link--inline:focus, .bx--link.bx--link--inline:visited {
-  text-decoration: none;
+@media screen and (prefers-contrast) {
+  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
+    border: 2px solid WindowText;
+  }
 }
 
-.bx--link--disabled.bx--link--inline {
-  text-decoration: underline;
+.bx--radio-button:disabled + .bx--radio-button__label {
+  color: var(--cds-disabled-02, #c6c6c6);
+  cursor: not-allowed;
 }
 
-.bx--link--sm {
-  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
-  line-height: var(--cds-helper-text-01-line-height, 1.33333);
-  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance,
+.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance {
+  border-color: var(--cds-disabled-02, #c6c6c6);
 }
-
-.bx--link--lg {
-  font-size: var(--cds-body-short-02-font-size, 1rem);
-  font-weight: var(--cds-body-short-02-font-weight, 400);
-  line-height: var(--cds-body-short-02-line-height, 1.375);
-  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before,
+.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
+  background-color: var(--cds-disabled-02, #c6c6c6);
 }
 
-.bx--link__icon {
-  display: inline-flex;
-  align-self: center;
-  margin-left: var(--cds-spacing-03, 0.5rem);
+.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: 1.5px;
 }
 
-.c4p--empty-state {
-  color: var(--cds-text-01, #161616);
+.bx--radio-button__label.bx--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-01, #e5e5e5);
+  box-shadow: none;
+  pointer-events: none;
+  width: 6.25rem;
+  height: 1.125rem;
 }
-.c4p--empty-state .c4p--empty-state__header,
-.c4p--empty-state .c4p--empty-state__subtitle {
-  padding-bottom: var(--cds-spacing-02, 0.25rem);
-  margin: 0;
+.bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {
+  border: none;
+  cursor: default;
+  outline: none;
 }
-.c4p--empty-state .c4p--empty-state__header--small {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+.bx--radio-button__label.bx--skeleton::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: var(--cds-skeleton-02, #c6c6c6);
+  content: "";
+  will-change: transform-origin, transform, opacity;
 }
-.c4p--empty-state .c4p--empty-state__subtitle--small {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+@media (prefers-reduced-motion: reduce) {
+  .bx--radio-button__label.bx--skeleton::before {
+    animation: none;
+  }
 }
 
-.c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
-  min-width: var(--cds-spacing-11, 5rem);
-  max-width: var(--cds-spacing-11, 5rem);
+.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
+  display: none;
 }
-.c4p--empty-state__illustration.c4p--empty-state__illustration--sm {
-  min-width: var(--cds-spacing-10, 4rem);
-  max-width: var(--cds-spacing-10, 4rem);
+
+.bx--radio-button-wrapper .bx--radio-button__label {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  margin: 0;
 }
 
-.c4p--empty-state__action-button,
-.c4p--empty-state__link {
-  margin-top: var(--cds-spacing-06, 1.5rem);
+.bx--radio-button-wrapper:not(:last-of-type) {
+  margin-right: 1rem;
+}
+
+.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
+  margin-right: 0;
+  margin-bottom: 0.5rem;
+}
+
+.bx--radio-button-group--label-right .bx--radio-button__label,
+.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
+  flex-direction: row;
 }
 
-.c4p--empty-state .c4p--empty-state__action-button {
-  display: block;
+.bx--radio-button-group--label-left .bx--radio-button__label,
+.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
+  flex-direction: row-reverse;
 }
 
-.c4p--empty-state .c4p--empty-state__link {
-  display: block;
+.bx--radio-button-group--label-left .bx--radio-button__appearance,
+.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
+  margin-right: 0;
+  margin-left: 0.5rem;
 }
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15007,6 +15083,75 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p2 {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+/* Stroke animations */
+@keyframes init-stroke {
+  0% {
+    stroke-dashoffset: 276.4608;
+  }
+  100% {
+    stroke-dashoffset: 52.527552;
+  }
+}
+@keyframes stroke-end {
+  0% {
+    stroke-dashoffset: 52.527552;
+  }
+  100% {
+    stroke-dashoffset: 276.4608;
+  }
+}
+.c4p--export-modal .bx--modal-footer .bx--btn {
+  max-width: none;
+}
+
+.c4p--export-modal.bx--modal .bx--modal-content {
+  padding-right: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--export-modal .bx--modal-close {
+  display: none;
+}
+
+.c4p--export-modal__body {
+  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
+  margin-bottom: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--export-modal__messaging {
+  display: flex;
+  align-items: center;
+}
+
+.c4p--export-modal__messaging p {
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--export-modal__checkmark-icon {
+  fill: var(--cds-interactive-01, #0f62fe);
+}
+
+.c4p--export-modal__error-icon {
+  fill: var(--cds-danger, #da1e28);
+}
+
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15081,292 +15226,117 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.bx--radio-button-group {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.bx--radio-button-group *,
-.bx--radio-button-group *::before,
-.bx--radio-button-group *::after {
-  box-sizing: inherit;
-}
-
-.bx--label + .bx--form-item .bx--radio-button-group {
-  margin-top: 0;
-}
-
-.bx--radio-button-group--vertical {
-  flex-direction: column;
-  align-items: flex-start;
-}
-.bx--radio-button-group--vertical.bx--radio-button-group--label-left {
-  align-items: flex-end;
-}
-.bx--radio-button-group--vertical .bx--radio-button__label {
-  margin-right: 0;
-  line-height: 1.25rem;
-}
-.bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {
-  margin-bottom: 0.5rem;
-}
-
-.bx--radio-button {
-  position: absolute;
-  overflow: hidden;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  clip: rect(0, 0, 0, 0);
-  visibility: inherit;
-  white-space: nowrap;
-  visibility: inherit;
+.c4p--card {
+  background: var(--cds-ui-01, #f4f4f4);
+  color: var(--cds-text-01, #161616);
 }
 
-.bx--radio-button__label {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  display: flex;
-  align-items: center;
-  margin-right: 1rem;
+.c4p--card__clickable {
   cursor: pointer;
+  transition: background 110ms;
 }
 
-.bx--radio-button__appearance {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  width: 1.125rem;
-  height: 1.125rem;
-  flex-shrink: 0;
-  border: 1px solid var(--cds-icon-01, #161616);
-  margin: 0.0625rem 0.5rem 0.125rem 0.125rem;
-  background-color: transparent;
-  border-radius: 50%;
-}
-.bx--radio-button__appearance *,
-.bx--radio-button__appearance *::before,
-.bx--radio-button__appearance *::after {
-  box-sizing: inherit;
-}
-
-.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-color: var(--cds-icon-01, #161616);
-}
-.bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  background-color: var(--cds-icon-01, #161616);
-  border-radius: 50%;
-  content: "";
-  transform: scale(0.5);
+.c4p--card__clickable:hover {
+  background: var(--cds-hover-ui, #e5e5e5);
 }
-@media screen and (-ms-high-contrast: active) {
-  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-    background-color: WindowText;
-  }
+
+.c4p--card__media-left {
+  display: flex;
+  flex-direction: row;
 }
-@media screen and (prefers-contrast) {
-  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-    border: 2px solid WindowText;
-  }
+
+.c4p--card__media-left .c4p--card__content-container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
 }
 
-.bx--radio-button:disabled + .bx--radio-button__label {
-  color: var(--cds-disabled-02, #c6c6c6);
-  cursor: not-allowed;
+.c4p--card__media-left .c4p--card__footer {
+  align-self: flex-end;
+  margin-top: auto;
 }
 
-.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance,
-.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance {
-  border-color: var(--cds-disabled-02, #c6c6c6);
+.c4p--card__media > * {
+  display: block;
+  max-width: 100%;
 }
-.bx--radio-button:disabled + .bx--radio-button__label .bx--radio-button__appearance::before,
-.bx--radio-button:disabled:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-  background-color: var(--cds-disabled-02, #c6c6c6);
+
+.c4p--card__header {
+  padding: var(--cds-spacing-05, 1rem);
 }
 
-.bx--radio-button:focus + .bx--radio-button__label .bx--radio-button__appearance {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: 1.5px;
+.c4p--card__header-label-only {
+  padding-bottom: var(--cds-spacing-03, 0.5rem);
 }
 
-.bx--radio-button__label.bx--skeleton {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--cds-skeleton-01, #e5e5e5);
-  box-shadow: none;
-  pointer-events: none;
-  width: 6.25rem;
-  height: 1.125rem;
+.c4p--card__header-label-only .c4p--card__label {
+  margin-bottom: 0;
 }
-.bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {
-  border: none;
-  cursor: default;
-  outline: none;
+
+.c4p--card__header-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
 }
-.bx--radio-button__label.bx--skeleton::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  animation: 3000ms ease-in-out skeleton infinite;
-  background: var(--cds-skeleton-02, #c6c6c6);
-  content: "";
-  will-change: transform-origin, transform, opacity;
+
+.c4p--card__label {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  margin-bottom: var(--cds-spacing-01, 0.125rem);
 }
-@media (prefers-reduced-motion: reduce) {
-  .bx--radio-button__label.bx--skeleton::before {
-    animation: none;
-  }
+
+.c4p--card__description {
+  font-size: var(--cds-caption-01-font-size, 0.75rem);
+  font-weight: var(--cds-caption-01-font-weight, 400);
+  line-height: var(--cds-caption-01-line-height, 1.33333);
+  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
+  margin-top: var(--cds-spacing-01, 0.125rem);
 }
 
-.bx--radio-button__label.bx--skeleton .bx--radio-button__appearance {
-  display: none;
+.c4p--card__body {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  padding: var(--cds-spacing-05, 1rem);
+  padding-top: 0;
 }
 
-.bx--radio-button-wrapper .bx--radio-button__label {
+.c4p--card__footer {
   display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  margin: 0;
+  justify-content: flex-end;
 }
 
-.bx--radio-button-wrapper:not(:last-of-type) {
-  margin-right: 1rem;
+.c4p--card__actions {
+  display: flex;
+  flex-direction: row;
+  margin: var(--cds-spacing-05, 1rem);
+  margin-top: 0;
 }
 
-.bx--radio-button-group--vertical .bx--radio-button-wrapper:not(:last-of-type) {
-  margin-right: 0;
-  margin-bottom: 0.5rem;
+.c4p--card__icon {
+  color: inherit;
+  cursor: pointer;
 }
 
-.bx--radio-button-group--label-right .bx--radio-button__label,
-.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right .bx--radio-button__label {
-  flex-direction: row;
+.c4p--card__link {
+  color: inherit;
+  text-decoration: inherit;
 }
 
-.bx--radio-button-group--label-left .bx--radio-button__label,
-.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__label {
-  flex-direction: row-reverse;
+.c4p--card__pictogram {
+  padding-top: var(--cds-spacing-05, 1rem);
+  padding-left: var(--cds-spacing-05, 1rem);
 }
 
-.bx--radio-button-group--label-left .bx--radio-button__appearance,
-.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left .bx--radio-button__appearance {
-  margin-right: 0;
-  margin-left: 0.5rem;
+.c4p--card__title {
+  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-productive-heading-03-font-weight, 400);
+  line-height: var(--cds-productive-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
 }
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15386,73 +15356,72 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p1 {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p2 {
-  100% {
-    transform: rotate(-360deg);
-  }
-}
-/* Stroke animations */
-@keyframes init-stroke {
-  0% {
-    stroke-dashoffset: 276.4608;
-  }
-  100% {
-    stroke-dashoffset: 52.527552;
-  }
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.c4p--http-errors .c4p--http-errors__content {
+  position: fixed;
+  z-index: 2;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -150%);
 }
-@keyframes stroke-end {
-  0% {
-    stroke-dashoffset: 52.527552;
-  }
-  100% {
-    stroke-dashoffset: 276.4608;
+@media (min-width: 42rem) {
+  .c4p--http-errors .c4p--http-errors__content {
+    transform: translate(-50%, -50%);
   }
 }
-.c4p--export-modal .bx--modal-footer .bx--btn {
-  max-width: none;
-}
 
-.c4p--export-modal.bx--modal .bx--modal-content {
-  padding-right: var(--cds-spacing-05, 1rem);
+.c4p--http-errors .c4p--http-errors__error-code-label {
+  font-size: var(--cds-productive-heading-02-font-size, 1rem);
+  font-weight: var(--cds-productive-heading-02-font-weight, 600);
+  line-height: var(--cds-productive-heading-02-line-height, 1.375);
+  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
-.c4p--export-modal .bx--modal-close {
-  display: none;
+.c4p--http-errors .c4p--http-errors__title {
+  font-size: var(--cds-productive-heading-05-font-size, 2rem);
+  font-weight: var(--cds-productive-heading-05-font-weight, 400);
+  line-height: var(--cds-productive-heading-05-line-height, 1.25);
+  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
+  margin-bottom: var(--cds-spacing-04, 0.75rem);
 }
 
-.c4p--export-modal__body {
-  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
-  margin-bottom: var(--cds-spacing-05, 1rem);
+.c4p--http-errors .c4p--http-errors__description {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  margin-bottom: var(--cds-spacing-06, 1.5rem);
 }
 
-.c4p--export-modal__messaging {
-  display: flex;
-  align-items: center;
+.c4p--http-errors .c4p--http-errors__error-code-label,
+.c4p--http-errors .c4p--http-errors__title,
+.c4p--http-errors .c4p--http-errors__description {
+  color: var(--cds-text-01, #161616);
 }
 
-.c4p--export-modal__messaging p {
-  margin-left: var(--cds-spacing-03, 0.5rem);
+.c4p--http-errors .c4p--http-errors__link {
+  display: block;
+  margin-bottom: var(--cds-spacing-02, 0.25rem);
 }
 
-.c4p--export-modal__checkmark-icon {
-  fill: var(--cds-interactive-01, #0f62fe);
+.c4p--http-errors .c4p--http-errors__image {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  transform: translate(-50%, -40%);
 }
-
-.c4p--export-modal__error-icon {
-  fill: var(--cds-danger, #da1e28);
+@media (min-width: 42rem) {
+  .c4p--http-errors .c4p--http-errors__image {
+    transform: translate(-50%, -50%);
+  }
 }
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15529,204 +15498,452 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--card {
-  background: var(--cds-ui-01, #f4f4f4);
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p2 {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+/* Stroke animations */
+@keyframes init-stroke {
+  0% {
+    stroke-dashoffset: 276.4608;
+  }
+  100% {
+    stroke-dashoffset: 52.527552;
+  }
+}
+@keyframes stroke-end {
+  0% {
+    stroke-dashoffset: 52.527552;
+  }
+  100% {
+    stroke-dashoffset: 276.4608;
+  }
+}
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.bx--file {
+  width: 100%;
+}
+
+.bx--file--invalid {
+  margin-right: 0.5rem;
+  fill: var(--cds-support-01, #da1e28);
+}
+
+.bx--file--label {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-productive-heading-01-font-weight, 600);
+  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  margin-bottom: 0.5rem;
   color: var(--cds-text-01, #161616);
 }
+.bx--file--label *,
+.bx--file--label *::before,
+.bx--file--label *::after {
+  box-sizing: inherit;
+}
 
-.c4p--card__clickable {
+.bx--file--label--disabled {
+  color: var(--cds-disabled-02, #c6c6c6);
+}
+
+.bx--file-input {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  visibility: inherit;
+  white-space: nowrap;
+}
+
+.bx--file-btn {
+  display: inline-flex;
+  padding-right: 4rem;
+  margin: 0;
+}
+
+.bx--file-browse-btn {
+  display: inline-block;
+  width: 100%;
+  max-width: 20rem;
+  margin-bottom: 0.5rem;
+  color: var(--cds-link-01, #0f62fe);
   cursor: pointer;
-  transition: background 110ms;
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--file-browse-btn:focus, .bx--file-browse-btn:hover {
+  outline: 2px solid var(--cds-interactive-03, #0f62fe);
+}
+.bx--file-browse-btn:hover, .bx--file-browse-btn:focus, .bx--file-browse-btn:active, .bx--file-browse-btn:active:visited {
+  text-decoration: underline;
+}
+.bx--file-browse-btn:active {
+  color: var(--cds-text-01, #161616);
+}
+
+.bx--file-browse-btn--disabled {
+  color: var(--cds-disabled-02, #c6c6c6);
+  cursor: no-drop;
+  text-decoration: none;
+}
+.bx--file-browse-btn--disabled:hover, .bx--file-browse-btn--disabled:focus {
+  color: var(--cds-disabled-02, #c6c6c6);
+  outline: none;
+  text-decoration: none;
+}
+
+.bx--file-browse-btn--disabled .bx--file__drop-container {
+  border: 1px dashed var(--cds-disabled-02, #c6c6c6);
+}
+
+.bx--label-description {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  margin-bottom: 1rem;
+  color: var(--cds-text-02, #525252);
+}
+.bx--label-description *,
+.bx--label-description *::before,
+.bx--label-description *::after {
+  box-sizing: inherit;
+}
+
+.bx--label-description--disabled {
+  color: var(--cds-disabled-02, #c6c6c6);
+}
+
+.bx--file-btn ~ .bx--file-container {
+  margin-top: 1.5rem;
+}
+
+.bx--btn ~ .bx--file-container {
+  margin-top: 1rem;
+}
+
+.bx--file .bx--file-container,
+.bx--file ~ .bx--file-container {
+  margin-top: 0.5rem;
+}
+
+.bx--file__selected-file {
+  display: grid;
+  max-width: 20rem;
+  min-height: 3rem;
+  align-items: center;
+  margin-bottom: 0.5rem;
+  background-color: var(--cds-field-01, #f4f4f4);
+  gap: 0.75rem 1rem;
+  grid-auto-rows: auto;
+  grid-template-columns: 1fr auto;
+  word-break: break-word;
+}
+.bx--file__selected-file:last-child {
+  margin-bottom: 0;
+}
+.bx--file__selected-file .bx--form-requirement {
+  display: block;
+  max-height: none;
+  margin: 0;
+  grid-column: 1/-1;
+}
+.bx--file__selected-file .bx--inline-loading__animation .bx--loading {
+  margin-right: 0;
+}
+.bx--file__selected-file .bx--file-filename {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  overflow: hidden;
+  margin-left: 1rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.c4p--card__clickable:hover {
-  background: var(--cds-hover-ui, #e5e5e5);
+.bx--file__selected-file--field,
+.bx--file__selected-file--md {
+  min-height: 2.5rem;
+  gap: 0.5rem 1rem;
 }
 
-.c4p--card__media-left {
-  display: flex;
-  flex-direction: row;
+.bx--file__selected-file--sm {
+  min-height: 2rem;
+  gap: 0.25rem 1rem;
 }
 
-.c4p--card__media-left .c4p--card__content-container {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
+.bx--file__selected-file--invalid__wrapper {
+  outline: 2px solid var(--cds-support-01, #da1e28);
+  outline-offset: -2px;
+  max-width: 20rem;
+  margin-bottom: 0.5rem;
+  background-color: var(--cds-field-01, #f4f4f4);
+  outline-width: 1px;
+}
+@media screen and (prefers-contrast) {
+  .bx--file__selected-file--invalid__wrapper {
+    outline-style: dotted;
+  }
 }
 
-.c4p--card__media-left .c4p--card__footer {
-  align-self: flex-end;
-  margin-top: auto;
+.bx--file__selected-file--invalid {
+  outline: 2px solid var(--cds-support-01, #da1e28);
+  outline-offset: -2px;
+  padding: 0.75rem 0;
+}
+@media screen and (prefers-contrast) {
+  .bx--file__selected-file--invalid {
+    outline-style: dotted;
+  }
 }
 
-.c4p--card__media > * {
-  display: block;
-  max-width: 100%;
+.bx--file__selected-file--invalid.bx--file__selected-file--sm {
+  padding: 0.25rem 0;
 }
 
-.c4p--card__header {
-  padding: var(--cds-spacing-05, 1rem);
+.bx--file__selected-file--invalid.bx--file__selected-file--field,
+.bx--file__selected-file--invalid.bx--file__selected-file--md {
+  padding: 0.5rem 0;
 }
 
-.c4p--card__header-label-only {
-  padding-bottom: var(--cds-spacing-03, 0.5rem);
+.bx--file__selected-file--invalid .bx--form-requirement {
+  padding-top: 1rem;
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
-.c4p--card__header-label-only .c4p--card__label {
-  margin-bottom: 0;
+.bx--file__selected-file--invalid.bx--file__selected-file--sm .bx--form-requirement {
+  padding-top: 0.4375rem;
 }
 
-.c4p--card__header-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
+.bx--file__selected-file--invalid.bx--file__selected-file--field .bx--form-requirement,
+.bx--file__selected-file--invalid.bx--file__selected-file--md .bx--form-requirement {
+  padding-top: 0.6875rem;
 }
 
-.c4p--card__label {
+.bx--file__selected-file--invalid .bx--form-requirement__title,
+.bx--file__selected-file--invalid .bx--form-requirement__supplement {
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  margin-bottom: var(--cds-spacing-01, 0.125rem);
+  padding: 0 1rem;
 }
 
-.c4p--card__description {
+.bx--file__selected-file--invalid .bx--form-requirement__title {
+  color: var(--cds-text-error, #da1e28);
+}
+
+.bx--file__selected-file--invalid .bx--form-requirement__supplement {
+  color: var(--cds-text-01, #161616);
+}
+
+.bx--file__selected-file--invalid + .bx--form-requirement {
   font-size: var(--cds-caption-01-font-size, 0.75rem);
   font-weight: var(--cds-caption-01-font-weight, 400);
   line-height: var(--cds-caption-01-line-height, 1.33333);
   letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
-  margin-top: var(--cds-spacing-01, 0.125rem);
+  display: block;
+  overflow: visible;
+  max-height: 12.5rem;
+  padding: 0.5rem 1rem;
+  color: var(--cds-text-error, #da1e28);
+  font-weight: 400;
 }
 
-.c4p--card__body {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  padding: var(--cds-spacing-05, 1rem);
-  padding-top: 0;
+.bx--file__selected-file--invalid + .bx--form-requirement .bx--form-requirement__supplement {
+  padding-bottom: 0.5rem;
+  color: var(--cds-text-01, #161616);
 }
 
-.c4p--card__footer {
+.bx--file__state-container {
   display: flex;
-  justify-content: flex-end;
+  min-width: 1.5rem;
+  align-items: center;
+  justify-content: center;
+  padding-right: 1rem;
 }
-
-.c4p--card__actions {
-  display: flex;
-  flex-direction: row;
-  margin: var(--cds-spacing-05, 1rem);
-  margin-top: 0;
+.bx--file__state-container .bx--loading__svg {
+  stroke: var(--cds-ui-05, #161616);
 }
 
-.c4p--card__icon {
-  color: inherit;
+.bx--file__state-container .bx--file-complete {
   cursor: pointer;
+  fill: var(--cds-interactive-04, #0f62fe);
 }
-
-.c4p--card__link {
-  color: inherit;
-  text-decoration: inherit;
+.bx--file__state-container .bx--file-complete:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
 }
-
-.c4p--card__pictogram {
-  padding-top: var(--cds-spacing-05, 1rem);
-  padding-left: var(--cds-spacing-05, 1rem);
+@media screen and (prefers-contrast) {
+  .bx--file__state-container .bx--file-complete:focus {
+    outline-style: dotted;
+  }
+}
+.bx--file__state-container .bx--file-complete [data-icon-path=inner-path] {
+  fill: var(--cds-icon-03, #ffffff);
+  opacity: 1;
 }
 
-.c4p--card__title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+.bx--file__state-container .bx--file-invalid {
+  width: 1rem;
+  height: 1rem;
+  fill: var(--cds-support-01, #da1e28);
 }
 
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--http-errors .c4p--http-errors__content {
-  position: fixed;
-  z-index: 2;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -150%);
+.bx--file__state-container .bx--file-close {
+  display: flex;
+  width: 1.5rem;
+  height: 1.5rem;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  fill: var(--cds-icon-01, #161616);
 }
-@media (min-width: 42rem) {
-  .c4p--http-errors .c4p--http-errors__content {
-    transform: translate(-50%, -50%);
+.bx--file__state-container .bx--file-close:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--file__state-container .bx--file-close:focus {
+    outline-style: dotted;
   }
 }
 
-.c4p--http-errors .c4p--http-errors__error-code-label {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
-  margin-bottom: var(--cds-spacing-02, 0.25rem);
+.bx--file__state-container .bx--file-close svg path {
+  fill: var(--cds-icon-01, #161616);
 }
 
-.c4p--http-errors .c4p--http-errors__title {
-  font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 400);
-  line-height: var(--cds-productive-heading-05-line-height, 1.25);
-  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
-  margin-bottom: var(--cds-spacing-04, 0.75rem);
+.bx--file__state-container .bx--inline-loading__animation {
+  margin-right: -0.5rem;
 }
 
-.c4p--http-errors .c4p--http-errors__description {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  margin-bottom: var(--cds-spacing-06, 1.5rem);
+.bx--file__drop-container {
+  display: flex;
+  overflow: hidden;
+  height: 6rem;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 1rem;
+  border: 1px dashed var(--cds-ui-04, #8d8d8d);
 }
 
-.c4p--http-errors .c4p--http-errors__error-code-label,
-.c4p--http-errors .c4p--http-errors__title,
-.c4p--http-errors .c4p--http-errors__description {
-  color: var(--cds-text-01, #161616);
+.bx--file__drop-container--drag-over {
+  background: none;
+  outline: 2px solid var(--cds-interactive-03, #0f62fe);
+  outline-offset: -2px;
 }
 
-.c4p--http-errors .c4p--http-errors__link {
-  display: block;
-  margin-bottom: var(--cds-spacing-02, 0.25rem);
+/* stylelint-disable */
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  .bx--file__selected-file {
+    outline: 1px solid transparent;
+  }
 }
 
-.c4p--http-errors .c4p--http-errors__image {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  transform: translate(-50%, -40%);
-}
-@media (min-width: 42rem) {
-  .c4p--http-errors .c4p--http-errors__image {
-    transform: translate(-50%, -50%);
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  .bx--file__state-container .bx--file-close svg path {
+    fill: ButtonText;
   }
 }
 
+/* stylelint-enable */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15809,508 +16026,270 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p1 {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes rotate-end-p2 {
-  100% {
-    transform: rotate(-360deg);
-  }
-}
-/* Stroke animations */
-@keyframes init-stroke {
-  0% {
-    stroke-dashoffset: 276.4608;
-  }
-  100% {
-    stroke-dashoffset: 52.527552;
-  }
-}
-@keyframes stroke-end {
-  0% {
-    stroke-dashoffset: 52.527552;
-  }
-  100% {
-    stroke-dashoffset: 276.4608;
-  }
-}
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.bx--file {
-  width: 100%;
-}
-
-.bx--file--invalid {
-  margin-right: 0.5rem;
-  fill: var(--cds-support-01, #da1e28);
-}
-
-.bx--file--label {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
-  margin-bottom: 0.5rem;
-  color: var(--cds-text-01, #161616);
-}
-.bx--file--label *,
-.bx--file--label *::before,
-.bx--file--label *::after {
-  box-sizing: inherit;
-}
-
-.bx--file--label--disabled {
-  color: var(--cds-disabled-02, #c6c6c6);
-}
-
-.bx--file-input {
-  position: absolute;
-  overflow: hidden;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  clip: rect(0, 0, 0, 0);
-  visibility: inherit;
-  white-space: nowrap;
-}
-
-.bx--file-btn {
-  display: inline-flex;
-  padding-right: 4rem;
-  margin: 0;
-}
-
-.bx--file-browse-btn {
-  display: inline-block;
-  width: 100%;
-  max-width: 20rem;
-  margin-bottom: 0.5rem;
-  color: var(--cds-link-01, #0f62fe);
-  cursor: pointer;
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.bx--file-browse-btn:focus, .bx--file-browse-btn:hover {
-  outline: 2px solid var(--cds-interactive-03, #0f62fe);
-}
-.bx--file-browse-btn:hover, .bx--file-browse-btn:focus, .bx--file-browse-btn:active, .bx--file-browse-btn:active:visited {
-  text-decoration: underline;
-}
-.bx--file-browse-btn:active {
-  color: var(--cds-text-01, #161616);
-}
-
-.bx--file-browse-btn--disabled {
-  color: var(--cds-disabled-02, #c6c6c6);
-  cursor: no-drop;
-  text-decoration: none;
-}
-.bx--file-browse-btn--disabled:hover, .bx--file-browse-btn--disabled:focus {
-  color: var(--cds-disabled-02, #c6c6c6);
-  outline: none;
-  text-decoration: none;
-}
-
-.bx--file-browse-btn--disabled .bx--file__drop-container {
-  border: 1px dashed var(--cds-disabled-02, #c6c6c6);
-}
-
-.bx--label-description {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  margin-bottom: 1rem;
-  color: var(--cds-text-02, #525252);
-}
-.bx--label-description *,
-.bx--label-description *::before,
-.bx--label-description *::after {
-  box-sizing: inherit;
-}
-
-.bx--label-description--disabled {
-  color: var(--cds-disabled-02, #c6c6c6);
-}
-
-.bx--file-btn ~ .bx--file-container {
-  margin-top: 1.5rem;
-}
-
-.bx--btn ~ .bx--file-container {
-  margin-top: 1rem;
-}
-
-.bx--file .bx--file-container,
-.bx--file ~ .bx--file-container {
-  margin-top: 0.5rem;
-}
-
-.bx--file__selected-file {
-  display: grid;
-  max-width: 20rem;
-  min-height: 3rem;
-  align-items: center;
-  margin-bottom: 0.5rem;
-  background-color: var(--cds-field-01, #f4f4f4);
-  gap: 0.75rem 1rem;
-  grid-auto-rows: auto;
-  grid-template-columns: 1fr auto;
-  word-break: break-word;
-}
-.bx--file__selected-file:last-child {
-  margin-bottom: 0;
-}
-.bx--file__selected-file .bx--form-requirement {
-  display: block;
-  max-height: none;
-  margin: 0;
-  grid-column: 1/-1;
-}
-.bx--file__selected-file .bx--inline-loading__animation .bx--loading {
-  margin-right: 0;
-}
-.bx--file__selected-file .bx--file-filename {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  overflow: hidden;
-  margin-left: 1rem;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bx--file__selected-file--field,
-.bx--file__selected-file--md {
-  min-height: 2.5rem;
-  gap: 0.5rem 1rem;
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.c4p--import-modal .bx--modal-close {
+  display: none;
 }
 
-.bx--file__selected-file--sm {
-  min-height: 2rem;
-  gap: 0.25rem 1rem;
+.c4p--import-modal .bx--modal-footer .bx--btn {
+  max-width: none;
 }
 
-.bx--file__selected-file--invalid__wrapper {
-  outline: 2px solid var(--cds-support-01, #da1e28);
-  outline-offset: -2px;
-  max-width: 20rem;
-  margin-bottom: 0.5rem;
-  background-color: var(--cds-field-01, #f4f4f4);
-  outline-width: 1px;
-}
-@media screen and (prefers-contrast) {
-  .bx--file__selected-file--invalid__wrapper {
-    outline-style: dotted;
-  }
+.c4p--import-modal.bx--modal .bx--modal-content {
+  padding-right: var(--cds-spacing-05, 1rem);
 }
 
-.bx--file__selected-file--invalid {
-  outline: 2px solid var(--cds-support-01, #da1e28);
-  outline-offset: -2px;
-  padding: 0.75rem 0;
-}
-@media screen and (prefers-contrast) {
-  .bx--file__selected-file--invalid {
-    outline-style: dotted;
-  }
+.bx--file .bx--file-container,
+.bx--file ~ .bx--file-container {
+  margin-top: 0;
 }
 
-.bx--file__selected-file--invalid.bx--file__selected-file--sm {
-  padding: 0.25rem 0;
+.bx--modal-container--sm .bx--modal-header {
+  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
 }
 
-.bx--file__selected-file--invalid.bx--file__selected-file--field,
-.bx--file__selected-file--invalid.bx--file__selected-file--md {
-  padding: 0.5rem 0;
+.c4p--import-modal__input-group {
+  display: flex;
 }
 
-.bx--file__selected-file--invalid .bx--form-requirement {
-  padding-top: 1rem;
-  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
+.c4p--import-modal__import-button.bx--btn {
+  margin-left: var(--cds-spacing-03, 0.5rem);
 }
 
-.bx--file__selected-file--invalid.bx--file__selected-file--sm .bx--form-requirement {
-  padding-top: 0.4375rem;
+.c4p--import-modal__file-container {
+  width: 100%;
 }
 
-.bx--file__selected-file--invalid.bx--file__selected-file--field .bx--form-requirement,
-.bx--file__selected-file--invalid.bx--file__selected-file--md .bx--form-requirement {
-  padding-top: 0.6875rem;
+.c4p--import-modal .c4p--import-modal__file-drop-header,
+.c4p--import-modal .c4p--import-modal__label {
+  margin-bottom: var(--cds-spacing-03, 0.5rem);
+  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-productive-heading-01-font-weight, 600);
+  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
 }
 
-.bx--file__selected-file--invalid .bx--form-requirement__title,
-.bx--file__selected-file--invalid .bx--form-requirement__supplement {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  padding: 0 1rem;
+.c4p--import-modal__helper-text {
+  margin-top: var(--cds-spacing-06, 1.5rem);
+  margin-bottom: var(--cds-spacing-03, 0.5rem);
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
 }
 
-.bx--file__selected-file--invalid .bx--form-requirement__title {
-  color: var(--cds-text-error, #da1e28);
+.c4p--import-modal__body {
+  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
+  margin-bottom: var(--cds-spacing-06, 1.5rem);
 }
 
-.bx--file__selected-file--invalid .bx--form-requirement__supplement {
-  color: var(--cds-text-01, #161616);
+.c4p--import-modal .bx--file__selected-file {
+  max-width: none;
+  background: var(--cds-ui-02, #ffffff);
 }
 
-.bx--file__selected-file--invalid + .bx--form-requirement {
-  font-size: var(--cds-caption-01-font-size, 0.75rem);
-  font-weight: var(--cds-caption-01-font-weight, 400);
-  line-height: var(--cds-caption-01-line-height, 1.33333);
-  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
-  display: block;
-  overflow: visible;
-  max-height: 12.5rem;
-  padding: 0.5rem 1rem;
-  color: var(--cds-text-error, #da1e28);
-  font-weight: 400;
+.c4p--import-modal .bx--file {
+  margin-bottom: var(--cds-spacing-05, 1rem);
 }
 
-.bx--file__selected-file--invalid + .bx--form-requirement .bx--form-requirement__supplement {
-  padding-bottom: 0.5rem;
-  color: var(--cds-text-01, #161616);
+.c4p--import-modal .bx--text-input:disabled {
+  background: var(--cds-ui-02, #ffffff);
 }
 
-.bx--file__state-container {
-  display: flex;
-  min-width: 1.5rem;
-  align-items: center;
-  justify-content: center;
-  padding-right: 1rem;
-}
-.bx--file__state-container .bx--loading__svg {
-  stroke: var(--cds-ui-05, #161616);
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+@keyframes progress-indeterminate {
+  0% {
+    right: auto;
+    left: 0;
+    width: 0%;
+  }
+  20% {
+    right: auto;
+    left: 0;
+    width: 100%;
+  }
+  28% {
+    right: 0;
+    left: auto;
+    width: 100%;
+  }
+  51% {
+    right: 0;
+    left: auto;
+    width: 0%;
+  }
+  58% {
+    right: 0;
+    left: auto;
+    width: 0%;
+  }
+  82% {
+    right: 0;
+    left: auto;
+    width: 100%;
+  }
+  83% {
+    right: auto;
+    left: 0;
+    width: 100%;
+  }
+  96% {
+    right: auto;
+    left: 0;
+    width: 0%;
+  }
+  100% {
+    right: auto;
+    left: 0;
+    width: 0%;
+  }
 }
-
-.bx--file__state-container .bx--file-complete {
-  cursor: pointer;
-  fill: var(--cds-interactive-04, #0f62fe);
+@keyframes progress-linear {
+  0% {
+    right: auto;
+    left: 0;
+    width: 0%;
+  }
+  100% {
+    right: auto;
+    left: 0;
+    width: 100%;
+  }
 }
-.bx--file__state-container .bx--file-complete:focus {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+@keyframes progress-stop {
+  0% {
+    right: auto;
+    left: 0;
+    width: 0%;
+  }
+  92% {
+    right: auto;
+    left: 0;
+    width: 100%;
+  }
+  100% {
+    right: auto;
+    left: 0;
+    width: 100%;
+  }
 }
-@media screen and (prefers-contrast) {
-  .bx--file__state-container .bx--file-complete:focus {
-    outline-style: dotted;
+@keyframes loading-bar-stop {
+  0% {
+    opacity: 1;
+  }
+  92% {
+    opacity: 1;
+  }
+  100% {
+    display: none;
+    opacity: 0;
   }
 }
-.bx--file__state-container .bx--file-complete [data-icon-path=inner-path] {
-  fill: var(--cds-icon-03, #ffffff);
-  opacity: 1;
+.c4p--loading-bar .c4p--loading-bar__inner {
+  position: relative;
+  width: 100%;
+  height: 8px;
+  padding: 0;
+  border: none;
+  background-color: var(--cds-hover-ui, #e5e5e5);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  pointer-events: none;
 }
 
-.bx--file__state-container .bx--file-invalid {
-  width: 1rem;
-  height: 1rem;
-  fill: var(--cds-support-01, #da1e28);
+.c4p--loading-bar .c4p--loading-bar__inner:hover,
+.c4p--loading-bar .c4p--loading-bar__inner:focus,
+.c4p--loading-bar .c4p--loading-bar__inner:active {
+  border: none;
+  cursor: default;
+  outline: none;
 }
 
-.bx--file__state-container .bx--file-close {
-  display: flex;
-  width: 1.5rem;
-  height: 1.5rem;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  fill: var(--cds-icon-01, #161616);
+.c4p--loading-bar__preload {
+  opacity: 0;
+}
+
+.c4p--loading-bar__progress {
+  position: relative;
+  height: 8px;
+  transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
 }
-.bx--file__state-container .bx--file-close:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
+
+.c4p--loading-bar__indicator-wrapper {
+  display: flex;
+  justify-content: flex-end;
 }
-@media screen and (prefers-contrast) {
-  .bx--file__state-container .bx--file-close:focus {
-    outline-style: dotted;
-  }
+
+.c4p--loading-bar__indicator {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  padding-top: var(--cds-spacing-05, 1rem);
+  padding-bottom: var(--cds-spacing-03, 0.5rem);
+  color: var(--cds-text-01, #161616);
 }
 
-.bx--file__state-container .bx--file-close svg path {
-  fill: var(--cds-icon-01, #161616);
+.c4p--loading-bar__small {
+  height: 4px;
 }
 
-.bx--file__state-container .bx--inline-loading__animation {
-  margin-right: -0.5rem;
+.c4p--loading-bar__small .c4p--loading-bar__progress {
+  height: 4px;
 }
 
-.bx--file__drop-container {
-  display: flex;
-  overflow: hidden;
-  height: 6rem;
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: 1rem;
-  border: 1px dashed var(--cds-ui-04, #8d8d8d);
+.c4p--loading-bar__linear-stop {
+  display: none;
 }
 
-.bx--file__drop-container--drag-over {
-  background: none;
-  outline: 2px solid var(--cds-interactive-03, #0f62fe);
-  outline-offset: -2px;
+.c4p--loading-bar__indefinite-stop {
+  animation: 1800ms ease-in-out loading-bar-stop forwards;
 }
 
-/* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
-  .bx--file__selected-file {
-    outline: 1px solid transparent;
-  }
+.c4p--loading-bar__stop-progress:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  animation: 1800ms ease-in-out progress-stop forwards;
+  background-color: var(--cds-interactive-01, #0f62fe);
+  content: "";
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
-  .bx--file__state-container .bx--file-close svg path {
-    fill: ButtonText;
-  }
+.c4p--loading-bar__indefinite-progress:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  animation: 3000ms ease-in-out progress-indeterminate infinite;
+  background-color: var(--cds-interactive-01, #0f62fe);
+  content: "";
+}
+
+.c4p--loading-bar__linear-progress:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  animation: 1000ms ease-in-out progress-linear forwards;
+  background-color: var(--cds-interactive-01, #0f62fe);
+  content: "";
 }
 
-/* stylelint-enable */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -16323,6 +16302,65 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
+.modified-tabs .modified-tabs__tab-label {
+  display: flex;
+  width: 100%;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.modified-tabs .bx--tabs__nav {
+  /* overflow cannot be tweaked to fix tooltip */
+}
+
+.modified-tabs__tab-new,
+.modified-tabs__tab {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+
+.modified-tabs__tab-new-img,
+.modified-tabs__tab-close {
+  position: absolute;
+  top: -var(--cds-spacing-04, 0.75rem);
+  right: -var(--cds-spacing-05, 1rem);
+  overflow: hidden;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: var(--cds-spacing-04, 0.75rem);
+  border: var(--cds-spacing-01, 0.125rem) solid transparent;
+  background-color: transparent;
+  border-radius: 0;
+  cursor: pointer;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.modified-tabs__tab-new-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin-top: var(--cds-spacing-01, 0.125rem);
+}
+
+.modified-tabs__tab-close:focus {
+  border-color: var(--cds-interactive-01, #0f62fe);
+  outline: none;
+}
+
+.modified-tabs__tab-close:hover {
+  background-color: var(--cds-hover-ui, #e5e5e5);
+}
+
+.modified-tabs__tab-new-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -16340,328 +16378,286 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--import-modal .bx--modal-close {
+.bx--structured-list--selection .bx--structured-list-td,
+.bx--structured-list--selection .bx--structured-list-th {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+.bx--structured-list--selection .bx--structured-list-td:first-child,
+.bx--structured-list--selection .bx--structured-list-th:first-child {
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+
+.bx--structured-list-input {
   display: none;
 }
 
-.c4p--import-modal .bx--modal-footer .bx--btn {
-  max-width: none;
+.bx--structured-list {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: table;
+  width: 100%;
+  margin-bottom: 5rem;
+  background-color: transparent;
+  border-collapse: collapse;
+  border-spacing: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.bx--structured-list *,
+.bx--structured-list *::before,
+.bx--structured-list *::after {
+  box-sizing: inherit;
+}
+.bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
+  padding: 0.5rem;
+}
+.bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
+.bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
+  padding-left: 1rem;
+}
+.bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
+  padding-right: 1rem;
+  padding-left: 0;
+}
+
+.bx--structured-list-row {
+  display: table-row;
+  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.c4p--import-modal.bx--modal .bx--modal-content {
-  padding-right: var(--cds-spacing-05, 1rem);
+.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
+  border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
+  background-color: var(--cds-hover-row, #e5e5e5);
+  cursor: pointer;
 }
 
-.bx--file .bx--file-container,
-.bx--file ~ .bx--file-container {
-  margin-top: 0;
+.bx--structured-list-row.bx--structured-list-row--selected {
+  background-color: var(--cds-selected-ui, #e0e0e0);
 }
 
-.bx--modal-container--sm .bx--modal-header {
-  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
+.bx--structured-list-row.bx--structured-list-row--header-row {
+  border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
+  cursor: inherit;
 }
 
-.c4p--import-modal__input-group {
-  display: flex;
+.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
+    outline-style: dotted;
+  }
 }
 
-.c4p--import-modal__import-button.bx--btn {
-  margin-left: var(--cds-spacing-03, 0.5rem);
+.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
+.bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
+  color: var(--cds-text-01, #161616);
 }
 
-.c4p--import-modal__file-container {
-  width: 100%;
+.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
+  border-top: 1px solid var(--cds-ui-01, #f4f4f4);
 }
 
-.c4p--import-modal .c4p--import-modal__file-drop-header,
-.c4p--import-modal .c4p--import-modal__label {
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
+.bx--structured-list-thead {
+  display: table-header-group;
+  vertical-align: middle;
+}
+
+.bx--structured-list-th {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  padding: 1rem 0.5rem 0.5rem 0.5rem;
   font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
   line-height: var(--cds-productive-heading-01-line-height, 1.28572);
   letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  display: table-cell;
+  height: 2.5rem;
+  color: var(--cds-text-01, #161616);
+  font-weight: 600;
+  text-align: left;
+  text-transform: none;
+  vertical-align: top;
 }
-
-.c4p--import-modal__helper-text {
-  margin-top: var(--cds-spacing-06, 1.5rem);
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
-  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
-  line-height: var(--cds-helper-text-01-line-height, 1.33333);
-  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+.bx--structured-list-th *,
+.bx--structured-list-th *::before,
+.bx--structured-list-th *::after {
+  box-sizing: inherit;
 }
 
-.c4p--import-modal__body {
-  padding-right: calc(20% - var(--cds-spacing-05, 1rem));
-  margin-bottom: var(--cds-spacing-06, 1.5rem);
+.bx--structured-list-tbody {
+  display: table-row-group;
+  vertical-align: middle;
 }
 
-.c4p--import-modal .bx--file__selected-file {
-  max-width: none;
-  background: var(--cds-ui-02, #ffffff);
+.bx--structured-list-td {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  font-size: var(--cds-body-long-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-long-01-font-weight, 400);
+  line-height: var(--cds-body-long-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  padding: 1rem 0.5rem 1.5rem 0.5rem;
+  position: relative;
+  display: table-cell;
+  max-width: 36rem;
+  color: var(--cds-text-02, #525252);
+  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--structured-list-td *,
+.bx--structured-list-td *::before,
+.bx--structured-list-td *::after {
+  box-sizing: inherit;
 }
 
-.c4p--import-modal .bx--file {
-  margin-bottom: var(--cds-spacing-05, 1rem);
+.bx--structured-list-content--nowrap {
+  white-space: nowrap;
 }
 
-.c4p--import-modal .bx--text-input:disabled {
-  background: var(--cds-ui-02, #ffffff);
+.bx--structured-list-svg {
+  display: inline-block;
+  fill: transparent;
+  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  vertical-align: middle;
 }
 
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-@keyframes progress-indeterminate {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  20% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  28% {
-    right: 0;
-    left: auto;
-    width: 100%;
-  }
-  51% {
-    right: 0;
-    left: auto;
-    width: 0%;
-  }
-  58% {
-    right: 0;
-    left: auto;
-    width: 0%;
-  }
-  82% {
-    right: 0;
-    left: auto;
-    width: 100%;
-  }
-  83% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  96% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
+.bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
+.bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
+  fill: var(--cds-icon-01, #161616);
 }
-@keyframes progress-linear {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
+
+.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
+  width: 8%;
 }
-@keyframes progress-stop {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  92% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
+.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
+  width: 30%;
 }
-@keyframes loading-bar-stop {
-  0% {
-    opacity: 1;
-  }
-  92% {
-    opacity: 1;
-  }
-  100% {
-    display: none;
-    opacity: 0;
-  }
+.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
+  width: 15%;
 }
-.c4p--loading-bar .c4p--loading-bar__inner {
+.bx--structured-list.bx--skeleton span {
   position: relative;
-  width: 100%;
-  height: 8px;
   padding: 0;
   border: none;
-  background-color: var(--cds-hover-ui, #e5e5e5);
-  -webkit-box-shadow: none;
+  background: var(--cds-skeleton-01, #e5e5e5);
   box-shadow: none;
   pointer-events: none;
+  display: block;
+  width: 75%;
+  height: 1rem;
 }
-
-.c4p--loading-bar .c4p--loading-bar__inner:hover,
-.c4p--loading-bar .c4p--loading-bar__inner:focus,
-.c4p--loading-bar .c4p--loading-bar__inner:active {
+.bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
   border: none;
   cursor: default;
   outline: none;
 }
-
-.c4p--loading-bar__preload {
-  opacity: 0;
-}
-
-.c4p--loading-bar__progress {
-  position: relative;
-  height: 8px;
-  transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
-}
-
-.c4p--loading-bar__indicator-wrapper {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.c4p--loading-bar__indicator {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  padding-top: var(--cds-spacing-05, 1rem);
-  padding-bottom: var(--cds-spacing-03, 0.5rem);
-  color: var(--cds-text-01, #161616);
+.bx--structured-list.bx--skeleton span::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: var(--cds-skeleton-02, #c6c6c6);
+  content: "";
+  will-change: transform-origin, transform, opacity;
 }
-
-.c4p--loading-bar__small {
-  height: 4px;
+@media (prefers-reduced-motion: reduce) {
+  .bx--structured-list.bx--skeleton span::before {
+    animation: none;
+  }
 }
 
-.c4p--loading-bar__small .c4p--loading-bar__progress {
-  height: 4px;
+.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
+  width: 5%;
 }
-
-.c4p--loading-bar__linear-stop {
+.bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
   display: none;
 }
 
-.c4p--loading-bar__indefinite-stop {
-  animation: 1800ms ease-in-out loading-bar-stop forwards;
+@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+  .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
+    fill: ButtonText;
+  }
 }
 
-.c4p--loading-bar__stop-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 1800ms ease-in-out progress-stop forwards;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
+.c4p--add-select__header {
+  padding: var(--cds-spacing-05, 1rem);
+  padding-bottom: 0;
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
-.c4p--loading-bar__indefinite-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 3000ms ease-in-out progress-indeterminate infinite;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
+.c4p--add-select__body {
+  padding: var(--cds-spacing-05, 1rem);
 }
 
-.c4p--loading-bar__linear-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 1000ms ease-in-out progress-linear forwards;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
+.c4p--add-select__items-label {
+  margin-right: var(--cds-spacing-03, 0.5rem);
 }
-
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.modified-tabs .modified-tabs__tab-label {
+.c4p--add-select__items-label-container {
   display: flex;
-  width: 100%;
-  align-items: flex-end;
-  justify-content: space-between;
+  align-items: center;
+  margin-top: var(--cds-spacing-05, 1rem);
+  margin-bottom: var(--cds-spacing-03, 0.5rem);
 }
 
-.modified-tabs .bx--tabs__nav {
-  /* overflow cannot be tweaked to fix tooltip */
+.c4p--add-select__selections {
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
-.modified-tabs__tab-new,
-.modified-tabs__tab {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
+.c4p--add-select__influencer-header {
+  display: flex;
+  padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
+  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
+}
+.c4p--add-select__influencer-header .c4p--add-select__influencer-title {
+  font-size: var(--cds-productive-heading-02-font-size, 1rem);
+  font-weight: var(--cds-productive-heading-02-font-weight, 600);
+  line-height: var(--cds-productive-heading-02-line-height, 1.375);
+  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
 }
 
-.modified-tabs__tab-new-img,
-.modified-tabs__tab-close {
-  position: absolute;
-  top: -var(--cds-spacing-04, 0.75rem);
-  right: -var(--cds-spacing-05, 1rem);
-  overflow: hidden;
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: var(--cds-spacing-04, 0.75rem);
-  border: var(--cds-spacing-01, 0.125rem) solid transparent;
-  background-color: transparent;
-  border-radius: 0;
-  cursor: pointer;
-  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+.c4p--add-select__influencer-title {
+  margin-right: var(--cds-spacing-03, 0.5rem);
 }
 
-.modified-tabs__tab-new-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin-top: var(--cds-spacing-01, 0.125rem);
+.c4p--add-select__influencer-body {
+  padding: var(--cds-spacing-05, 1rem);
 }
 
-.modified-tabs__tab-close:focus {
-  border-color: var(--cds-interactive-01, #0f62fe);
-  outline: none;
+.c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
+  max-width: 29rem;
+  flex: 0 0 50%;
 }
 
-.modified-tabs__tab-close:hover {
-  background-color: var(--cds-hover-ui, #e5e5e5);
+.c4p--add-select .c4p--add-select__items-label {
+  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-productive-heading-01-font-weight, 600);
+  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
 }
 
-.modified-tabs__tab-new-img {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
+.c4p--add-select .bx--modal-container--sm .bx--modal-content p {
+  padding-right: 0;
 }
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -18342,14 +18338,9 @@ a.bx--side-nav__link--current::before {
   white-space: nowrap;
 }
 .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
-  display: none;
+  display: inline-flex;
   width: 100%;
 }
-@media (min-width: 42rem) {
-  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
-    display: inline-flex;
-  }
-}
 .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
   width: 100%;
   flex-wrap: nowrap;
@@ -18364,11 +18355,24 @@ a.bx--side-nav__link--current::before {
   pointer-events: none;
   visibility: hidden;
 }
+.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
+  display: none;
+}
+@media (max-width: 41.98rem) {
+  .c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
+    display: none;
+  }
+  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
 .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
-  display: inline;
+    display: inline-flex;
+    vertical-align: middle;
+  }
+}
+.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
+  display: inline-flex;
 }
 .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
-  display: inline;
+  display: inline-flex;
   overflow: hidden;
 }
 .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
@@ -18380,15 +18384,6 @@ a.bx--side-nav__link--current::before {
 .c4p--breadcrumb-with-overflow .bx--link {
   max-height: 18px;
 }
-.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
-  display: inline-flex;
-  margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
-}
-@media (min-width: 42rem) {
-  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
-    display: none;
-  }
-}
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -19196,7 +19191,7 @@ a.bx--side-nav__link--current::before {
   height: var(--cds-spacing-02, 0.25rem);
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
-  margin-bottom: calc(-1 * var(--cds-spacing-03, 0.5rem));
+  min-height: var(--cds-spacing-07, 2rem);
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row--container {
   display: flex;
@@ -19227,7 +19222,7 @@ a.bx--side-nav__link--current::before {
   transform: translateX(-50%) scaleX(1);
   transition: all 150ms ease-out;
 }
-.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
+.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
 .c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
   /* creates a full width box shadow without causing scroll */
   box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
@@ -19415,8 +19410,6 @@ a.bx--side-nav__link--current::before {
   top: var(--c4p--page-header--breadcrumb-top);
 }
 .c4p--page-header .c4p--page-header__title-column {
-  overflow: hidden;
-  /* required for ellipsis in title */
   min-height: 40px;
   flex: 0 0 100%;
 }
@@ -19431,10 +19424,17 @@ a.bx--side-nav__link--current::before {
   font-weight: var(--cds-productive-heading-04-font-weight, 400);
   line-height: var(--cds-productive-heading-04-line-height, 1.28572);
   letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
-  overflow: hidden;
+  overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
+  transform: translateY(-2px);
+}
+.c4p--page-header .c4p--page-header__title--editable {
+  display: flex;
+  overflow: visible;
+}
 .c4p--page-header .c4p--page-header__title-skeleton {
   height: var(--cds-spacing-07, 2rem);
 }
@@ -20198,6 +20198,23 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
 @keyframes rotating {
   0% {
     transform: scaleY(-1) rotate(360deg);
@@ -22553,97 +22570,145 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit {
+.c4p--cancelable-text-edit {
   --size: var(--cds-spacing-08, 2.5rem);
-  position: relative;
-  width: 100%;
-  min-height: var(--size);
+  --icon-size: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--cancelable-text-edit--sm {
+  --size: var(--cds-spacing-07, 2rem);
+  --icon-size: var(--cds-spacing-05, 1rem);
 }
 
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--xl {
-  --size: $spacing-09;
+.c4p--cancelable-text-edit--lg {
+  --size: var(--cds-spacing-09, 3rem);
+  --icon-size: var(--cds-spacing-05, 1rem);
 }
 
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
+  position: relative;
+  display: inline-flex;
+  min-height: var(--size);
+  vertical-align: top;
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
   height: var(--size);
   padding-right: calc(2 * var(--size));
 }
-
-.c4p--cancelable-text-edit__buttons {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
   position: absolute;
   top: 0;
   right: 0;
+  display: flex;
+  flex-direction: column;
 }
-
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
-  width: var(--size);
-  height: var(--size);
-  min-height: var(--size);
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
+  display: flex;
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
+  border: 1px solid transparent;
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
   border-color: var(--cds-hover-field, #e5e5e5);
-  border-bottom: 1px solid transparent;
+  border-bottom-color: transparent;
   background-clip: content-box;
   box-shadow: initial;
+  outline: initial;
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
-  border-width: 2px;
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
   border-color: var(--cds-focus, #0f62fe);
-  box-shadow: initial;
+  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
+  outline: initial;
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
-  padding: 1px;
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
+  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
   background-color: transparent;
 }
-
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
-  border: 2px solid transparent;
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
+  border-color: transparent;
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
+  border: 1px solid transparent;
+  box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
+  box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
+  border: 1px solid transparent;
+  box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
   background-clip: content-box;
 }
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--text-input-wrapper ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
-  border-right: 2px solid transparent;
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
+  box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
 }
-
-.c4p--cancelable-text-edit--invalid > .bx--form-requirement,
-.c4p--cancelable-text-edit--warn > .bx--form-requirement {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
+  display: flex;
+  width: var(--size);
+  height: var(--size);
+  min-height: var(--size);
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
   display: block;
   max-height: initial;
+}
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
   margin-left: calc(20% + 1.25rem);
 }
-
-.c4p--cancelable-text-edit--invalid > .bx--form-requirement {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
+  display: block;
+  overflow: visible;
   color: var(--cds-text-error, #da1e28);
 }
-
-.c4p--cancelable-text-edit .bx--text-input {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
   padding-right: calc(2 * var(--size));
 }
-
-.c4p--cancelable-text-edit .bx--text-input--invalid {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
   padding-right: calc(3 * var(--size));
 }
-
-.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
+.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
   margin-right: var(--cds-spacing-11, 5rem);
 }
 
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+/* stylelint-disable-line no-invalid-position-at-import-rule */
+.c4p--inline-edit {
+  display: inline-flex;
+  align-content: center;
+}
+
+.c4p--inline-edit .c4p--inline-edit__value {
+  display: flex;
+  align-items: center;
+}
+
+.c4p--inline-edit .c4p--inline-edit__button {
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
+
 /*# sourceMappingURL=index.css.map */