@carbon/ibm-products 2.43.2-canary.78 → 2.43.2-canary.80

package/css/index-full-carbon.css

@@ -5042,6 +5042,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -8717,6 +8718,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -9147,6 +9149,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -15518,6 +15521,7 @@ a.cds--side-nav__link--current::before {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -16322,6 +16326,7 @@ a.cds--side-nav__link--current::before {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -17236,6 +17241,7 @@ a.cds--side-nav__link--current::before {
   --cds-link-inverse: #78a9ff;
   --cds-link-inverse-active: #f4f4f4;
   --cds-link-inverse-hover: #a6c8ff;
+  --cds-link-inverse-visited: #be95ff;
   --cds-link-primary: #0f62fe;
   --cds-link-primary-hover: #0043ce;
   --cds-link-secondary: #0043ce;
@@ -17646,6 +17652,7 @@ a.cds--side-nav__link--current::before {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -19596,7 +19603,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   border-radius: 1rem;
   margin: 0.25rem;
   cursor: default;
-  max-inline-size: 100%;
+  max-inline-size: 13rem;
   min-block-size: var(--cds-layout-size-height-local);
   min-inline-size: 2rem;
   padding-inline: 0.5rem;
@@ -19636,28 +19643,28 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 .cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
   padding-inline-start: 0.5rem;
 }
+.cds--tag:not(.cds--tag--selectable) {
+  border: 0;
+}
 .cds--tag:not(:first-child) {
   margin-inline-start: 0;
 }
 
+.cds--tag--operational > span,
+.cds--tag--selectable > span,
 .cds--tag__label {
+  display: block;
   overflow: hidden;
-  max-inline-size: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .cds--tag--interactive:focus {
-  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
-  outline: none;
-}
-
-.cds--tag--interactive:hover {
-  cursor: pointer;
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
 }
 
 .cds--tag--filter {
-  cursor: pointer;
   padding-block-end: 0;
   padding-block-start: 0;
   padding-inline-end: 0;
@@ -19666,11 +19673,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   outline: none;
 }
 
-.cds--interactive--tag-children {
-  display: inline-flex;
-  place-items: center;
-}
-
 .cds--tag--selectable {
   border: 1px solid var(--cds-border-inverse, #161616);
   background-color: var(--cds-layer);
@@ -19863,19 +19865,19 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   background-color: var(--cds-background-inverse-hover, #474747);
 }
 
-.cds--tag--outline:not(.cds--tag--operational) {
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
   outline: 1px solid var(--cds-background-inverse, #393939);
   outline-offset: -1px;
 }
-.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
   border: 1px solid var(--cds-background, #ffffff);
 }
-.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
   background-color: var(--cds-layer-hover);
 }
-.cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
   background-color: var(--cds-layer-hover);
 }
 
@@ -20072,7 +20074,48 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   }
 }
 
+.cds--tag-label-tooltip {
+  max-inline-size: -webkit-fill-available;
+}
+
+.cds--tag__custom-icon + .cds--tag-label-tooltip {
+  max-inline-size: 11rem;
+}
+
+.cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
+  max-inline-size: 9.875rem;
+}
+
 /* stylelint-enable */
+.cds--interactive--tag-children {
+  display: inline-flex;
+  max-inline-size: 12.5rem;
+  place-items: center;
+}
+
+.cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
+  max-inline-size: 11.5rem;
+}
+
+.cds--tag .cds--definition-term {
+  -webkit-border-after: none;
+  border-block-end: none;
+  cursor: default;
+  max-inline-size: 12rem;
+}
+
+.cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
+  max-inline-size: 11rem;
+}
+
+.cds--tag > .cds--popover-container {
+  display: flex;
+}
+
+.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
+  pointer-events: none;
+}
+
 .c4p--condition-builder__condition-wrapper * {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
@@ -21908,6 +21951,7 @@ em {
   --cds-link-inverse: #78a9ff;
   --cds-link-inverse-active: #f4f4f4;
   --cds-link-inverse-hover: #a6c8ff;
+  --cds-link-inverse-visited: #be95ff;
   --cds-link-primary: #0f62fe;
   --cds-link-primary-hover: #0043ce;
   --cds-link-secondary: #0043ce;
@@ -22130,6 +22174,7 @@ em {
   --cds-link-inverse: #78a9ff;
   --cds-link-inverse-active: #f4f4f4;
   --cds-link-inverse-hover: #a6c8ff;
+  --cds-link-inverse-visited: #be95ff;
   --cds-link-primary: #0f62fe;
   --cds-link-primary-hover: #0043ce;
   --cds-link-secondary: #0043ce;
@@ -22352,6 +22397,7 @@ em {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -22573,6 +22619,7 @@ em {
   --cds-link-inverse: #0f62fe;
   --cds-link-inverse-active: #161616;
   --cds-link-inverse-hover: #0043ce;
+  --cds-link-inverse-visited: #8a3ffc;
   --cds-link-primary: #78a9ff;
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
@@ -22682,24 +22729,6 @@ em {
   --cds-tag-hover-warm-gray: #696363;
 }
 
-.cds--accordion--flush .cds--accordion__title {
-  margin-inline-start: 0;
-}
-
-.cds--accordion--flush .cds--accordion__arrow {
-  margin-inline-end: 0;
-}
-
-.cds--accordion--flush .cds--accordion__content {
-  padding-inline-start: 0;
-}
-
-.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
-.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
-  inline-size: calc(100% + 32px);
-  inset-inline-start: -1rem;
-}
-
 .cds--accordion {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
   --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
@@ -22723,11 +22752,19 @@ em {
   display: list-item;
   overflow: visible;
   border-block-start: 1px solid var(--cds-border-subtle);
+  transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
 }
 .cds--accordion__item:last-child {
   border-block-end: 1px solid var(--cds-border-subtle);
 }
 
+.cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
+  border-block-start-color: var(--cds-layer-hover);
+}
+.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
+  border-block-end-color: var(--cds-layer-hover);
+}
+
 .cds--accordion__heading {
   box-sizing: border-box;
   padding: 0;
@@ -22767,8 +22804,11 @@ em {
 }
 .cds--accordion__heading:hover {
   background-color: var(--cds-layer-hover);
+  outline: none;
 }
 .cds--accordion__heading:focus {
+  position: relative;
+  z-index: 2;
   box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
   outline: none;
 }
@@ -22882,6 +22922,65 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: rotate(-90deg) /*rtl:ignore*/;
 }
 
+.cds--accordion--flush .cds--accordion__item {
+  position: relative;
+  border-color: transparent;
+}
+.cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
+  border-color: transparent;
+}
+.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
+  position: absolute;
+  display: block;
+  block-size: 1px;
+  content: "";
+  inline-size: calc(100% - 1rem - 1rem);
+  margin-inline-start: 1rem;
+  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
+    transition: none;
+  }
+}
+.cds--accordion--flush .cds--accordion__item::before {
+  background: var(--cds-border-subtle);
+  inset-block-start: -1px;
+}
+.cds--accordion--flush .cds--accordion__item:last-child::after {
+  background: var(--cds-border-subtle);
+  inset-block-end: -1px;
+}
+
+.cds--accordion--flush .cds--accordion__heading:hover {
+  position: relative;
+  z-index: 1;
+}
+.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
+  position: absolute;
+  display: block;
+  background: var(--cds-layer-hover);
+  block-size: 1px;
+  content: "";
+  inline-size: 100%;
+  inset-inline-start: 0;
+  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
+    transition: none;
+  }
+}
+.cds--accordion--flush .cds--accordion__heading:hover::before {
+  inset-block-start: -1px;
+}
+.cds--accordion--flush .cds--accordion__heading:hover::after {
+  inset-block-end: -1px;
+}
+.cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
+  background: none;
+}
+
 .cds--accordion.cds--skeleton .cds--accordion__heading,
 .cds--accordion.cds--skeleton .cds--accordion__button {
   cursor: default;
@@ -22898,7 +22997,8 @@ li.cds--accordion__item--disabled:last-of-type {
   outline: none;
 }
 
-.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before {
+.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
+.cds--accordion.cds--skeleton .cds--accordion__heading:hover {
   background-color: transparent;
 }
 
@@ -22916,6 +23016,10 @@ li.cds--accordion__item--disabled:last-of-type {
   margin-block-end: 0;
 }
 
+.cds--accordion.cds--skeleton .cds--accordion__title {
+  margin-inline-start: 1rem;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--accordion__arrow,
   .cds--accordion__item--active .cds--accordion__arrow {
@@ -25389,6 +25493,26 @@ fieldset[disabled] .cds--form__helper-text {
   margin-block-start: -0.0625rem;
 }
 
+.cds--checkbox-group--horizontal {
+  position: relative;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+}
+.cds--checkbox-group--horizontal .cds--form-item {
+  flex: none;
+  margin-block-end: 0;
+}
+.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
+  margin-inline-end: 1rem;
+}
+.cds--checkbox-group--horizontal .cds--checkbox-label-text {
+  padding-inline-start: 0.5rem;
+}
+.cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
+  margin-block-start: 0;
+}
+
 .cds--copy-btn {
   position: relative;
   display: flex;
@@ -27826,17 +27950,11 @@ fieldset[disabled] .cds--form__helper-text {
     outline-style: dotted;
   }
 }
-.cds--menu-item svg {
-  color: var(--cds-icon-secondary, #525252);
-}
 
 .cds--menu-item:hover {
   background-color: var(--cds-layer-hover);
   color: var(--cds-text-primary, #161616);
 }
-.cds--menu-item:hover svg {
-  color: var(--cds-icon-primary, #161616);
-}
 
 .cds--menu--xs .cds--menu-item {
   block-size: 1.5rem;
@@ -33888,13 +34006,15 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--multi-select--filterable--input-focused,
-.cds--multi-select .cds--list-box__field--wrapper--input-focused {
+.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
+.cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
 }
 @media screen and (prefers-contrast) {
   .cds--multi-select--filterable--input-focused,
-  .cds--multi-select .cds--list-box__field--wrapper--input-focused {
+  .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
+  .cds--multi-select.cds--multi-select--selected .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
     outline-style: dotted;
   }
 }
@@ -35342,6 +35462,11 @@ optgroup.cds--select-optgroup:disabled,
   position: relative;
   display: flex;
   inline-size: 100%;
+  max-inline-size: 100%;
+}
+
+.cds--text-area__wrapper--cols {
+  inline-size: auto;
 }
 
 .cds--text-area__invalid-icon {
@@ -35760,6 +35885,22 @@ optgroup.cds--select-optgroup:disabled,
   inset-inline-end: 1rem;
 }
 
+.cds--text-input--fluid .cds--toggle-password-tooltip {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  position: absolute;
+  block-size: 4rem;
+  cursor: pointer;
+  inline-size: 3rem;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
+  inset-inline-start: 0;
+}
+
 .cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
   block-size: 2rem;
   inline-size: 2rem;
@@ -36495,7 +36636,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--modal-scroll-content > *:last-child {
-  padding-block-end: 1.5rem;
+  margin-block-end: 1.5rem;
 }
 
 .cds--modal-footer {
@@ -37872,6 +38013,10 @@ optgroup.cds--select-optgroup:disabled,
   margin-inline-start: 1rem;
 }
 
+.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
+  margin-inline-end: 1rem;
+}
+
 .cds--pagination__right .cds--pagination__text:empty {
   margin: 0;
 }
@@ -39118,7 +39263,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
-  inset-inline-end: 0;
   inset-inline-start: revert;
   transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
@@ -39140,7 +39284,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
-  inset-inline-start: 0;
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
 
@@ -39434,6 +39577,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-start: 100%;
 }
 
+.cds--popover-container.cds--slider__thumb-wrapper {
+  position: absolute;
+}
+
 /* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--slider__thumb {
@@ -39517,8 +39664,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--toggletip-content {
   --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
   --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
-  --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
-  --cds-link-visited-text-color: var(--cds-link-inverse, #78a9ff);
+  --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
+  --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
   --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
@@ -40328,6 +40475,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--structured-list-svg {
   display: inline-block;
+  margin-block-start: 0.125rem;
   transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
   vertical-align: top;
 }
@@ -40341,6 +40489,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   fill: transparent;
 }
 
+.cds--structured-list--selection .cds--structured-list-td:last-child {
+  inline-size: 2rem;
+  padding-inline-start: 0;
+}
+
 .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
   inline-size: 8%;
 }
@@ -40394,6 +40547,16 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--structured-list__icon {
+  margin-block-start: 0.125rem;
+  vertical-align: top;
+}
+
+.cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
+  inline-size: 2rem;
+  padding-inline-end: 0;
+}
+
 .cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -40526,6 +40689,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   inline-size: 3rem;
 }
 .cds--tabs .cds--tab--overflow-nav-button svg {
+  z-index: 2;
   fill: var(--cds-icon-primary, #161616);
 }
 .cds--tabs .cds--tab--overflow-nav-button--next {
@@ -40555,14 +40719,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tab--overflow-nav-button--previous::before {
   position: absolute;
   z-index: 1;
-  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
+  background: var(--cds-background, #ffffff);
   block-size: 100%;
   content: "";
-  inline-size: 0.5rem;
-  inset-inline-end: -0.5rem;
+  inline-size: 2.5rem;
+  inset-inline-end: 0;
 }
 .cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
-  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
+  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
 }
 .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -41247,6 +41411,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--expandable.cds--tile--expandable--interactive {
+  border: none;
   cursor: default;
   transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -41369,6 +41534,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-end: 2.5rem;
 }
 
+.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
+  inset-inline-end: 1rem;
+  transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
+  inset-inline-end: 2.5rem;
+}
+
 .cds--tile.cds--tile--clickable > .cds--slug {
   pointer-events: none;
 }
@@ -41409,7 +41583,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--slug.cds--tile--selectable:focus,
-.cds--tile--slug.cds--tile--clickable:focus {
+.cds--tile--slug.cds--tile--clickable:focus,
+.cds--tile-input:focus + .cds--tile--slug.cds--tile {
   outline-offset: -1px;
 }
 
@@ -41433,10 +41608,20 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--slug.cds--tile--selectable .cds--tile-content,
 .cds--tile--slug.cds--tile--clickable .cds--tile-content {
   position: relative;
-  z-index: 1;
   cursor: pointer;
 }
 
+.cds--tile--slug.cds--tile--selectable .cds--tile-content,
+.cds--tile--slug.cds--tile--clickable .cds--tile-content,
+.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
+.cds--tile--slug.cds--tile--is-selected .cds--slug {
+  z-index: 1;
+}
+
+.cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
+  z-index: 2;
+}
+
 .cds--tile--slug.cds--tile--selectable > .cds--slug,
 .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
   z-index: 1;