@carbon/ibm-products 2.98.0 → 2.99.0

package/css/index.css

@@ -1,155 +1,4 @@
 @charset "UTF-8";
-.cds--layout--size-xs {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xs {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
-}
-
-.cds--layout-constraint--size__min-xs {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout-constraint--size__max-xs {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout--size-sm {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-sm {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
-}
-
-.cds--layout-constraint--size__min-sm {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout-constraint--size__max-sm {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout--size-md {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-md {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
-}
-
-.cds--layout-constraint--size__min-md {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout-constraint--size__max-md {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout--size-lg {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-lg {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
-}
-
-.cds--layout-constraint--size__min-lg {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout-constraint--size__max-lg {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout--size-xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
-}
-
-.cds--layout-constraint--size__min-xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout-constraint--size__max-xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout--size-2xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-2xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
-}
-
-.cds--layout-constraint--size__min-2xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout-constraint--size__max-2xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout--density-condensed {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-condensed {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
-}
-
-.cds--layout-constraint--density__min-condensed {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout-constraint--density__max-condensed {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout--density-normal {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-normal {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
-}
-
-.cds--layout-constraint--density__min-normal {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-.cds--layout-constraint--density__max-normal {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-:root {
-  --cds-layout-size-height-xs: 1.5rem;
-  --cds-layout-size-height-sm: 2rem;
-  --cds-layout-size-height-md: 2.5rem;
-  --cds-layout-size-height-lg: 3rem;
-  --cds-layout-size-height-xl: 4rem;
-  --cds-layout-size-height-2xl: 5rem;
-  --cds-layout-size-height-min: 0px;
-  --cds-layout-size-height-max: 999999999px;
-  --cds-layout-density-padding-inline-condensed: 0.5rem;
-  --cds-layout-density-padding-inline-normal: 1rem;
-  --cds-layout-density-padding-inline-min: 0px;
-  --cds-layout-density-padding-inline-max: 999999999px;
-}
-
 :root {
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
@@ -1457,7 +1306,6 @@
   position: static;
 }
 .cds--btn--icon-only.cds--btn--ghost:focus {
-  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
   box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
 }
 .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
@@ -1866,8 +1714,10 @@
   background-color: var(--cds-layer);
   cursor: pointer;
 }
-.cds--copy-btn:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--copy-btn:hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
 .cds--copy-btn:active {
   background-color: var(--cds-layer-active);
@@ -1983,14 +1833,20 @@
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--snippet--disabled .cds--snippet-btn--expand:hover,
-.cds--snippet--disabled .cds--copy-btn,
-.cds--snippet--disabled .cds--copy-btn:hover {
+.cds--snippet--disabled .cds--copy-btn {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
 }
 
+@media (any-hover: hover) {
+  .cds--snippet--disabled .cds--snippet-btn--expand:hover,
+  .cds--snippet--disabled .cds--copy-btn:hover {
+    background-color: var(--cds-layer);
+    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+    cursor: not-allowed;
+  }
+}
 .cds--snippet--disabled .cds--snippet__icon,
 .cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
@@ -2030,8 +1886,10 @@
   color: var(--cds-text-primary, #161616);
   cursor: pointer;
 }
-.cds--snippet--inline:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--snippet--inline:hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
 .cds--snippet--inline:active {
   background-color: var(--cds-layer-active);
@@ -2119,16 +1977,19 @@
 .cds--snippet--inline.cds--snippet--no-copy {
   display: inline-block;
 }
-.cds--snippet--inline.cds--snippet--no-copy:hover {
-  background-color: var(--cds-layer);
-  cursor: auto;
+@media (any-hover: hover) {
+  .cds--snippet--inline.cds--snippet--no-copy:hover {
+    background-color: var(--cds-layer);
+    cursor: auto;
+  }
 }
 
-.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {
-  background-color: var(--cds-layer-hover);
-  cursor: auto;
+@media (any-hover: hover) {
+  .cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {
+    background-color: var(--cds-layer-hover);
+    cursor: auto;
+  }
 }
-
 .cds--snippet--single {
   font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
   font-size: var(--cds-code-01-font-size, 0.75rem);
@@ -2316,10 +2177,11 @@
   padding-inline: 0;
 }
 
-.cds--snippet--inline.cds--btn.cds--btn--primary:hover {
-  color: var(--cds-text-primary, #161616);
+@media (any-hover: hover) {
+  .cds--snippet--inline.cds--btn.cds--btn--primary:hover {
+    color: var(--cds-text-primary, #161616);
+  }
 }
-
 .cds--snippet.cds--snippet--multi .cds--popover-container {
   inset-block-start: 0.5rem;
   inset-inline-end: 0.5rem;
@@ -2364,11 +2226,12 @@
   transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.cds--snippet-btn--expand:hover {
-  background: var(--cds-layer-hover);
-  color: var(--cds-text-primary, #161616);
+@media (any-hover: hover) {
+  .cds--snippet-btn--expand:hover {
+    background: var(--cds-layer-hover);
+    color: var(--cds-text-primary, #161616);
+  }
 }
-
 .cds--snippet-btn--expand:active {
   background-color: var(--cds-layer-active);
 }
@@ -2398,13 +2261,14 @@
   background-color: var(--cds-layer);
 }
 
-.cds--snippet--light.cds--snippet--inline:hover,
-.cds--snippet--light .cds--snippet-button:hover,
-.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,
-.cds--snippet--light .cds--copy-btn:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--snippet--light.cds--snippet--inline:hover,
+  .cds--snippet--light .cds--snippet-button:hover,
+  .cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,
+  .cds--snippet--light .cds--copy-btn:hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
-
 .cds--snippet--light.cds--snippet--inline:active,
 .cds--snippet--light .cds--snippet-button:active,
 .cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,
@@ -3695,8 +3559,10 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
-  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+@media (any-hover: hover) {
+  .cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
+    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+  }
 }
 
 .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
@@ -3706,13 +3572,14 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: default;
 }
 
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
-  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
-}
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
-  cursor: default;
+@media (any-hover: hover) {
+  .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
+    fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+  }
+  .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+    cursor: default;
+  }
 }
-
 .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -4117,6 +3984,7 @@ fieldset[disabled] .cds--form__helper-text {
   inset-block-start: 0;
   inset-inline-start: 0;
   transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);
+  user-select: none;
 }
 
 .cds--loading-overlay--stop {
@@ -4307,6 +4175,14 @@ fieldset[disabled] .cds--form__helper-text {
   white-space: normal;
 }
 
+.cds--tabs .cds--icon-tooltip .cds--popover-content {
+  --cds-popover-offset: 0.5rem;
+}
+
+.cds--tabs .cds--icon-tooltip .cds--popover-caret {
+  --cds-popover-offset: 0.5rem;
+}
+
 .cds--tabs.cds--tabs--vertical.cds--layout--size-sm .cds--tabs__nav-link .cds--tabs__nav-item-label {
   -webkit-line-clamp: 1;
 }
@@ -5556,6 +5432,7 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .cds--overflow-menu,
 .cds--overflow-menu__trigger {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
   display: inline-block;
   padding: 0;
   border: 0;
@@ -5610,10 +5487,10 @@ li.cds--accordion__item--disabled:last-of-type {
   display: flex;
   align-items: center;
   justify-content: center;
-  block-size: 2.5rem;
+  block-size: var(--cds-layout-size-height-local);
   cursor: pointer;
-  inline-size: 2.5rem;
-  min-block-size: 2.5rem;
+  inline-size: var(--cds-layout-size-height-local);
+  min-block-size: var(--cds-layout-size-height-local);
   transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu:focus,
@@ -5627,32 +5504,17 @@ li.cds--accordion__item--disabled:last-of-type {
     outline-style: dotted;
   }
 }
-.cds--overflow-menu:hover,
-.cds--overflow-menu__trigger:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+@media (any-hover: hover) {
+  .cds--overflow-menu:hover,
+  .cds--overflow-menu__trigger:hover {
+    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  }
 }
 
 .cds--overflow-menu > :first-child {
   margin-block-start: 0;
 }
 
-.cds--overflow-menu--xs {
-  block-size: 1.5rem;
-  inline-size: 1.5rem;
-  min-block-size: 1.5rem;
-}
-
-.cds--overflow-menu--sm {
-  block-size: 2rem;
-  inline-size: 2rem;
-  min-block-size: 2rem;
-}
-
-.cds--overflow-menu--lg {
-  block-size: 3rem;
-  inline-size: 3rem;
-}
-
 .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -5689,6 +5551,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--overflow-menu-options {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -5728,10 +5591,11 @@ li.cds--accordion__item--disabled:last-of-type {
   }
 }
 
-.cds--overflow-menu.cds--overflow-menu--open:hover {
-  background-color: var(--cds-layer);
+@media (any-hover: hover) {
+  .cds--overflow-menu.cds--overflow-menu--open:hover {
+    background-color: var(--cds-layer);
+  }
 }
-
 .cds--overflow-menu-options--light {
   background-color: var(--cds-layer-hover);
 }
@@ -5739,59 +5603,39 @@ li.cds--accordion__item--disabled:last-of-type {
   background-color: var(--cds-layer);
 }
 
-.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
-
 .cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
   block-size: 0.1875rem;
-  inline-size: 2.5rem;
+  inline-size: var(--cds-layout-size-height-local);
   inset-block-start: -0.1875rem;
   inset-inline-start: 0;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=top]::after {
   block-size: 0.5rem;
-  inline-size: 2.5rem;
+  inline-size: var(--cds-layout-size-height-local);
   inset-block-end: -0.5rem;
   inset-inline-start: 0;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=left]::after {
-  block-size: 2.5rem;
+  block-size: var(--cds-layout-size-height-local);
   inline-size: 0.375rem;
   inset-block-start: 0;
   inset-inline-end: -0.375rem;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  block-size: 2.5rem;
+  block-size: var(--cds-layout-size-height-local);
   inline-size: 0.375rem;
   inset-block-start: 0;
   inset-inline-start: -0.375rem;
 }
 
-.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  inline-size: 1.5rem;
-}
-.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  block-size: 1.5rem;
-}
-
-.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  inline-size: 2rem;
-}
-.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  block-size: 2rem;
-}
-
-.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  inline-size: 3rem;
-}
-.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  block-size: 3rem;
-}
-
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
   inset-inline: auto 0;
@@ -5829,23 +5673,11 @@ li.cds--accordion__item--disabled:last-of-type {
   align-items: center;
   padding: 0;
   background-color: transparent;
-  block-size: 2.5rem;
+  block-size: var(--cds-layout-size-height-local);
   inline-size: 100%;
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.cds--overflow-menu-options--xs .cds--overflow-menu-options__option {
-  block-size: 1.5rem;
-}
-
-.cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
-  block-size: 2rem;
-}
-
-.cds--overflow-menu-options--lg .cds--overflow-menu-options__option {
-  block-size: 3rem;
-}
-
 .cds--overflow-menu--divider {
   border-block-start: 1px solid var(--cds-border-subtle);
 }
@@ -5927,6 +5759,10 @@ a.cds--overflow-menu-options__btn::before {
   fill: currentColor;
 }
 
+.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {
+  box-shadow: inset 0 0 0 0.1875rem var(--cds-background, #ffffff);
+}
+
 .cds--overflow-menu-options__option--disabled:hover {
   background-color: var(--cds-layer);
   cursor: not-allowed;
@@ -6782,11 +6618,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag.cds--tag--operational {
   border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
 }
-.cds--tag.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-gray, #d1d1d1);
+@media (any-hover: hover) {
+  .cds--tag.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-gray, #d1d1d1);
+  }
 }
-.cds--tag .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-gray, #d1d1d1);
+@media (any-hover: hover) {
+  .cds--tag .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-gray, #d1d1d1);
+  }
 }
 .cds--tag .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-gray, #161616);
@@ -6841,8 +6681,10 @@ a.cds--overflow-menu-options__btn::before {
   padding-block: 0;
   padding-inline-end: 0;
 }
-.cds--tag--filter:hover {
-  outline: none;
+@media (any-hover: hover) {
+  .cds--tag--filter:hover {
+    outline: none;
+  }
 }
 
 .cds--tag--selectable {
@@ -6851,9 +6693,11 @@ a.cds--overflow-menu-options__btn::before {
   color: var(--cds-text-primary, #161616);
   cursor: pointer;
 }
-.cds--tag--selectable:hover {
-  background-color: var(--cds-layer-hover);
-  outline: none;
+@media (any-hover: hover) {
+  .cds--tag--selectable:hover {
+    background-color: var(--cds-layer-hover);
+    outline: none;
+  }
 }
 .cds--tag--selectable:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -6864,8 +6708,10 @@ a.cds--overflow-menu-options__btn::before {
   background-color: var(--cds-layer-selected-inverse, #161616);
   color: var(--cds-text-inverse, #ffffff);
 }
-.cds--tag--selectable-selected:hover {
-  background-color: var(--cds-layer-selected-inverse, #161616);
+@media (any-hover: hover) {
+  .cds--tag--selectable-selected:hover {
+    background-color: var(--cds-layer-selected-inverse, #161616);
+  }
 }
 
 .cds--tag--operational {
@@ -6874,9 +6720,11 @@ a.cds--overflow-menu-options__btn::before {
   color: var(--cds-tag-color-gray, #161616);
   cursor: pointer;
 }
-.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-gray, #d1d1d1);
-  outline: none;
+@media (any-hover: hover) {
+  .cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-gray, #d1d1d1);
+    outline: none;
+  }
 }
 .cds--tag--operational:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -6890,11 +6738,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--red.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-red, #ff8389);
 }
-.cds--tag--red.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-red, #ffc2c5);
+@media (any-hover: hover) {
+  .cds--tag--red.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-red, #ffc2c5);
+  }
 }
-.cds--tag--red .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-red, #ffc2c5);
+@media (any-hover: hover) {
+  .cds--tag--red .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-red, #ffc2c5);
+  }
 }
 .cds--tag--red .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-red, #a2191f);
@@ -6907,11 +6759,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--magenta.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
 }
-.cds--tag--magenta.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-magenta, #ffbdda);
+@media (any-hover: hover) {
+  .cds--tag--magenta.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-magenta, #ffbdda);
+  }
 }
-.cds--tag--magenta .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-magenta, #ffbdda);
+@media (any-hover: hover) {
+  .cds--tag--magenta .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-magenta, #ffbdda);
+  }
 }
 .cds--tag--magenta .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-magenta, #9f1853);
@@ -6924,11 +6780,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--purple.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-purple, #be95ff);
 }
-.cds--tag--purple.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-purple, #dcc7ff);
+@media (any-hover: hover) {
+  .cds--tag--purple.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-purple, #dcc7ff);
+  }
 }
-.cds--tag--purple .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-purple, #dcc7ff);
+@media (any-hover: hover) {
+  .cds--tag--purple .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-purple, #dcc7ff);
+  }
 }
 .cds--tag--purple .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-purple, #6929c4);
@@ -6941,11 +6801,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--blue.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-blue, #78a9ff);
 }
-.cds--tag--blue.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-blue, #b8d3ff);
+@media (any-hover: hover) {
+  .cds--tag--blue.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-blue, #b8d3ff);
+  }
 }
-.cds--tag--blue .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-blue, #b8d3ff);
+@media (any-hover: hover) {
+  .cds--tag--blue .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-blue, #b8d3ff);
+  }
 }
 .cds--tag--blue .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-blue, #0043ce);
@@ -6958,11 +6822,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--cyan.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
 }
-.cds--tag--cyan.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-cyan, #99daff);
+@media (any-hover: hover) {
+  .cds--tag--cyan.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-cyan, #99daff);
+  }
 }
-.cds--tag--cyan .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-cyan, #99daff);
+@media (any-hover: hover) {
+  .cds--tag--cyan .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-cyan, #99daff);
+  }
 }
 .cds--tag--cyan .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-cyan, #00539a);
@@ -6975,11 +6843,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--teal.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-teal, #08bdba);
 }
-.cds--tag--teal.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-teal, #57e5e5);
+@media (any-hover: hover) {
+  .cds--tag--teal.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-teal, #57e5e5);
+  }
 }
-.cds--tag--teal .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-teal, #57e5e5);
+@media (any-hover: hover) {
+  .cds--tag--teal .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-teal, #57e5e5);
+  }
 }
 .cds--tag--teal .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-teal, #005d5d);
@@ -6992,11 +6864,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--green.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-green, #42be65);
 }
-.cds--tag--green.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-green, #74e792);
+@media (any-hover: hover) {
+  .cds--tag--green.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-green, #74e792);
+  }
 }
-.cds--tag--green .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-green, #74e792);
+@media (any-hover: hover) {
+  .cds--tag--green .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-green, #74e792);
+  }
 }
 .cds--tag--green .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-green, #0e6027);
@@ -7009,11 +6885,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--gray.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
 }
-.cds--tag--gray.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-gray, #d1d1d1);
+@media (any-hover: hover) {
+  .cds--tag--gray.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-gray, #d1d1d1);
+  }
 }
-.cds--tag--gray .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-gray, #d1d1d1);
+@media (any-hover: hover) {
+  .cds--tag--gray .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-gray, #d1d1d1);
+  }
 }
 .cds--tag--gray .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-gray, #161616);
@@ -7026,11 +6906,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--cool-gray.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
 }
-.cds--tag--cool-gray.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
+@media (any-hover: hover) {
+  .cds--tag--cool-gray.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
+  }
 }
-.cds--tag--cool-gray .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
+@media (any-hover: hover) {
+  .cds--tag--cool-gray .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
+  }
 }
 .cds--tag--cool-gray .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-cool-gray, #121619);
@@ -7043,11 +6927,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--warm-gray.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
 }
-.cds--tag--warm-gray.cds--tag--operational:hover {
-  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
+@media (any-hover: hover) {
+  .cds--tag--warm-gray.cds--tag--operational:hover {
+    background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
+  }
 }
-.cds--tag--warm-gray .cds--tag__close-icon:hover {
-  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
+@media (any-hover: hover) {
+  .cds--tag--warm-gray .cds--tag__close-icon:hover {
+    background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
+  }
 }
 .cds--tag--warm-gray .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-warm-gray, #171414);
@@ -7060,18 +6948,24 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
   border: 1px solid var(--cds-background-inverse, #393939);
 }
-.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
-  background-color: var(--cds-background-inverse-hover, #474747);
+@media (any-hover: hover) {
+  .cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
+    background-color: var(--cds-background-inverse-hover, #474747);
+  }
 }
-.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
-  background-color: var(--cds-background-inverse-hover, #474747);
+@media (any-hover: hover) {
+  .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
+    background-color: var(--cds-background-inverse-hover, #474747);
+  }
 }
 .cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label {
   color: var(--cds-text-inverse, #ffffff);
 }
 
-.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
-  background-color: transparent;
+@media (any-hover: hover) {
+  .cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
+    background-color: transparent;
+  }
 }
 
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
@@ -7081,11 +6975,15 @@ a.cds--overflow-menu-options__btn::before {
 .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):not(span):not([disabled]).cds--tag--operational:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: 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):not(span):not([disabled]) .cds--tag__close-icon:hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
@@ -7106,15 +7004,19 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
   border: 1px solid var(--cds-layer);
 }
-.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
-.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
-.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
-  background-color: var(--cds-layer);
+@media (any-hover: hover) {
+  .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
+  .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
+  .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
+    background-color: var(--cds-layer);
+  }
 }
-.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
-.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
-.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
-  background-color: var(--cds-layer);
+@media (any-hover: hover) {
+  .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
+  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
+  .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
+    background-color: var(--cds-layer);
+  }
 }
 .cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,
 .cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,
@@ -7127,10 +7029,12 @@ a.cds--overflow-menu-options__btn::before {
   box-shadow: none;
   outline: none;
 }
-.cds--tag--disabled:not(.cds--tag--operational):hover,
-.cds--tag--filter.cds--tag--disabled:hover,
-.cds--tag--interactive.cds--tag--disabled:hover {
-  cursor: not-allowed;
+@media (any-hover: hover) {
+  .cds--tag--disabled:not(.cds--tag--operational):hover,
+  .cds--tag--filter.cds--tag--disabled:hover,
+  .cds--tag--interactive.cds--tag--disabled:hover {
+    cursor: not-allowed;
+  }
 }
 .cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,
 .cds--tag--filter.cds--tag--disabled .cds--tag__label,
@@ -7145,10 +7049,12 @@ a.cds--overflow-menu-options__btn::before {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--tag--selectable.cds--tag--disabled:hover,
-.cds--tag--operational.cds--tag--disabled:hover {
-  background-color: var(--cds-layer);
-  cursor: not-allowed;
+@media (any-hover: hover) {
+  .cds--tag--selectable.cds--tag--disabled:hover,
+  .cds--tag--operational.cds--tag--disabled:hover {
+    background-color: var(--cds-layer);
+    cursor: not-allowed;
+  }
 }
 
 .cds--tag--interactive {
@@ -7205,10 +7111,11 @@ a.cds--overflow-menu-options__btn::before {
   box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
 }
 
-.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
-  background-color: transparent;
+@media (any-hover: hover) {
+  .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
+    background-color: transparent;
+  }
 }
-
 .cds--tag--filter.cds--tag--disabled svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
@@ -7265,11 +7172,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--tag.cds--skeleton.cds--tag--operational {
   border: 1px solid var(--cds-skeleton-background, #e8e8e8);
 }
-.cds--tag.cds--skeleton.cds--tag--operational:hover {
-  background-color: var(--cds-skeleton-background, #e8e8e8);
+@media (any-hover: hover) {
+  .cds--tag.cds--skeleton.cds--tag--operational:hover {
+    background-color: var(--cds-skeleton-background, #e8e8e8);
+  }
 }
-.cds--tag.cds--skeleton .cds--tag__close-icon:hover {
-  background-color: var(--cds-skeleton-background, #e8e8e8);
+@media (any-hover: hover) {
+  .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
+    background-color: var(--cds-skeleton-background, #e8e8e8);
+  }
 }
 .cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
@@ -7295,11 +7206,12 @@ a.cds--overflow-menu-options__btn::before {
   background-color: currentColor;
 }
 
-.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
-.cds--tag .cds--slug .cds--slug__button--inline:hover {
-  border-color: currentColor;
+@media (any-hover: hover) {
+  .cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
+  .cds--tag .cds--slug .cds--slug__button--inline:hover {
+    border-color: currentColor;
+  }
 }
-
 .cds--tag--filter .cds--tag__decorator > *,
 .cds--tag--filter .cds--ai-label,
 .cds--tag--filter .cds--slug {
@@ -7851,11 +7763,15 @@ a.cds--overflow-menu-options__btn::before {
 .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
   border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
-  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+@media (any-hover: hover) {
+  .cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
+    background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  }
 }
-.cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
-  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+@media (any-hover: hover) {
+  .cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
+    background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  }
 }
 .cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label {
   color: var(--cds-layer);
@@ -9244,16 +9160,16 @@ button.cds--dropdown-text:focus {
   border: none;
 }
 
-.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
-  border-color: var(--cds-layer-hover);
-  background-color: var(--cds-layer-hover);
-  cursor: pointer;
-}
-
-.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) + .cds--structured-list-row {
-  border-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
+    border-color: var(--cds-layer-hover);
+    background-color: var(--cds-layer-hover);
+    cursor: pointer;
+  }
+  .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) + .cds--structured-list-row {
+    border-color: var(--cds-layer-hover);
+  }
 }
-
 .cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected {
   border-color: var(--cds-layer-selected);
   background-color: var(--cds-layer-selected);
@@ -9271,7 +9187,11 @@ button.cds--dropdown-text:focus {
   cursor: inherit;
 }
 
-.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td,
+@media (any-hover: hover) {
+  .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td {
+    color: var(--cds-text-primary, #161616);
+  }
+}
 .cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected > .cds--structured-list-td {
   color: var(--cds-text-primary, #161616);
 }
@@ -12497,12 +12417,13 @@ button.c4p--add-select__global-filter-toggle--open {
   content: "";
 }
 
-.cds--progress-label:hover {
-  box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);
-  color: var(--cds-link-primary-hover, #0043ce);
-  cursor: pointer;
+@media (any-hover: hover) {
+  .cds--progress-label:hover {
+    box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);
+    color: var(--cds-link-primary-hover, #0043ce);
+    cursor: pointer;
+  }
 }
-
 .cds--progress--space-equal .cds--progress-label {
   margin-inline-end: 0.75rem;
   max-inline-size: 100%;
@@ -12626,18 +12547,18 @@ button.c4p--add-select__global-filter-toggle--open {
   outline: none;
 }
 
-.cds--progress-step-button--unclickable .cds--progress-label:hover {
-  box-shadow: none;
-  color: var(--cds-text-primary, #161616);
-  cursor: default;
-}
-
-.cds--progress-step-button--unclickable .cds--tooltip__label:hover {
-  box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
-  color: var(--cds-link-primary, #0f62fe);
-  cursor: pointer;
+@media (any-hover: hover) {
+  .cds--progress-step-button--unclickable .cds--progress-label:hover {
+    box-shadow: none;
+    color: var(--cds-text-primary, #161616);
+    cursor: default;
+  }
+  .cds--progress-step-button--unclickable .cds--tooltip__label:hover {
+    box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
+    color: var(--cds-link-primary, #0f62fe);
+    cursor: pointer;
+  }
 }
-
 .cds--progress-step--disabled {
   cursor: not-allowed;
   pointer-events: none;
@@ -12646,12 +12567,18 @@ button.c4p--add-select__global-filter-toggle--open {
   cursor: not-allowed;
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--progress-step--disabled .cds--progress-label,
-.cds--progress-step--disabled .cds--progress-label:hover {
+.cds--progress-step--disabled .cds--progress-label {
   box-shadow: none;
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
 }
+@media (any-hover: hover) {
+  .cds--progress-step--disabled .cds--progress-label:hover {
+    box-shadow: none;
+    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+    cursor: not-allowed;
+  }
+}
 .cds--progress-step--disabled .cds--progress-line {
   cursor: not-allowed;
 }
@@ -15128,10 +15055,17 @@ button.c4p--add-select__global-filter-toggle--open {
   outline-offset: -2px;
   transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--file-browse-btn:focus, .cds--file-browse-btn:hover {
+@media (any-hover: hover) {
+  .cds--file-browse-btn:hover {
+    outline: 2px solid var(--cds-focus, #0f62fe);
+    text-decoration: underline;
+  }
+}
+.cds--file-browse-btn:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
+  text-decoration: underline;
 }
-.cds--file-browse-btn:hover, .cds--file-browse-btn:focus, .cds--file-browse-btn:active, .cds--file-browse-btn:active:visited {
+.cds--file-browse-btn:active, .cds--file-browse-btn:active:visited {
   text-decoration: underline;
 }
 .cds--file-browse-btn:active {
@@ -15144,16 +15078,19 @@ button.c4p--add-select__global-filter-toggle--open {
   text-decoration: none;
   transition: none;
 }
-.cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
+@media (any-hover: hover) {
+  .cds--file-browse-btn--disabled:hover {
+    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+    outline: none;
+    text-decoration: none;
+  }
+}
+.cds--file-browse-btn--disabled:focus {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
   text-decoration: none;
 }
 
-.cds--file-browse-btn--disabled .cds--file__drop-container {
-  border: 1px dashed var(--cds-button-disabled, #c6c6c6);
-}
-
 .cds--label-description html {
   font-size: 100%;
 }
@@ -15515,6 +15452,12 @@ button.c4p--add-select__global-filter-toggle--open {
   block-size: 6rem;
 }
 
+.cds--file-browse-btn--disabled.cds--file__drop-container,
+.cds--file-browse-btn--disabled .cds--file__drop-container {
+  border: 1px dashed var(--cds-button-disabled, #c6c6c6);
+  cursor: no-drop;
+}
+
 .cds--file__drop-container--drag-over {
   background: none;
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -18386,6 +18329,9 @@ button.c4p--add-select__global-filter-toggle--open {
   inset-block-start: var(--c4p-page-header-header-top);
   overflow-x: clip;
 }
+.c4p--page-header__next.c4p--page-header.c4p--page-header--width--xl {
+  padding-inline: 2rem;
+}
 .c4p--page-header__next.c4p--page-header.c4p--page-header--disable-sticky-tab-bar {
   position: static;
   padding-block-start: 2.5rem;
@@ -18456,6 +18402,15 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
   margin-inline-end: 0.75rem;
 }
+.c4p--page-header__next .c4p--page-header__breadcrumb-page-actions {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  inline-size: 50%;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-page-actions__overflow-item {
+  position: relative;
+}
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
   display: inline-flex;
   flex: 1 1 auto;
@@ -18512,7 +18467,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header__next .c4p--page-header__content__title-wrapper {
   display: grid;
   gap: 1rem;
-  grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
+  grid-template-columns: auto minmax(var(--c4p-page-header-title-grid-width, 0), 1fr);
   margin-block-end: 1rem;
   min-block-size: 2.5rem;
 }
@@ -18638,7 +18593,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header__next .c4p--page-header__tab-bar {
   position: sticky;
   z-index: 1;
+  display: flex;
   align-content: center;
+  align-items: center;
   background-color: var(--cds-layer);
   /* stylelint-disable-next-line carbon/layout-use */
   inset-block-start: var(--c4p-page-header-breadcrumb-top);
@@ -18648,7 +18605,10 @@ button.c4p--add-select__global-filter-toggle--open {
   position: static;
   display: flex;
   align-items: center;
-  display: block;
+}
+.c4p--page-header__next .c4p--page-header__tab-bar > .cds--css-grid {
+  flex: 1;
+  min-inline-size: 0;
 }
 .c4p--page-header__next .c4p--page-header__tab-bar--tablist {
   display: flex;
@@ -18669,18 +18629,6 @@ button.c4p--add-select__global-filter-toggle--open {
   display: flex;
   align-items: center;
   justify-content: right;
-  transform: translateX(-1.5rem);
-}
-@media (min-width: 42rem) {
-  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
-    padding-inline-end: 0.5rem;
-    transform: translateX(0);
-  }
-}
-@media (min-width: 99rem) {
-  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
-    padding-inline-end: 1rem;
-  }
 }
 .c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button {
   background-color: var(--cds-layer-01, #f4f4f4);
@@ -18709,18 +18657,12 @@ button.c4p--add-select__global-filter-toggle--open {
   align-content: center;
   justify-content: flex-end;
   inline-size: 40%;
-  padding-inline-end: 1.5rem;
   text-align: end;
 }
 .c4p--page-header__next .c4p--page-header--tag-overflow-container .cds--tag {
   flex-shrink: 0;
   margin-inline-end: 0.5rem;
 }
-@media (max-width: 65.98rem) {
-  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
-    padding-inline-end: 1.5rem;
-  }
-}
 .c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
   display: none;
 }
@@ -18740,14 +18682,9 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: rotate(-180deg);
 }
 .c4p--page-header__next .c4p--page-header--scroller-button-container {
-  position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
-  margin-inline-start: 0.5rem;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-  margin-inline-start: 0;
 }
 @keyframes page-header-title-breadcrumb-animation {
   0% {
@@ -20113,6 +20050,11 @@ button.c4p--add-select__global-filter-toggle--open {
   align-self: center;
   margin-block-end: 0;
 }
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content {
+    align-self: stretch;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .cds--modal-close {
   block-size: 2.5rem;
   inline-size: 2.5rem;
@@ -20210,6 +20152,9 @@ button.c4p--add-select__global-filter-toggle--open {
   gap: 1rem;
   margin-block-end: 0.5rem;
 }
+.c4p--tearsheet__next__header-title--no-content-below {
+  margin-block-end: 0;
+}
 .c4p--tearsheet__next__header-title svg {
   flex-shrink: 0;
 }
@@ -20346,15 +20291,9 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--tearsheet__next__footer {
   overflow: hidden;
-  block-size: 5rem;
   border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   grid-area: footer;
 }
-@media (max-width: 41.98rem) {
-  .c4p--tearsheet__next__footer {
-    block-size: 4rem;
-  }
-}
 @media (max-width: 19.98rem) {
   .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--three-actions {
     overflow-x: auto;
@@ -20411,6 +20350,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--tearsheet__next__main-content {
   position: relative;
+  background-color: var(--cds-background, #ffffff);
 }
 
 .c4p--tearsheet__next__side-panel {
@@ -20466,9 +20406,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
   padding-inline: 1rem;
 }
-.c4p--tearsheet__next--narrow .c4p--tearsheet__next__footer {
-  block-size: 4rem;
-}
 
 @media (min-width: 66rem) {
   .c4p--toolbar {
@@ -22531,20 +22468,21 @@ button.c4p--add-select__global-filter-toggle--open {
   inline-size: auto;
 }
 
-.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
-.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
-.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
-.cds--side-nav a.cds--header__menu-item:hover,
-.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
-.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
-  color: var(--cds-text-primary, #161616);
+@media (any-hover: hover) {
+  .cds--side-nav__item:not(.cds--side-nav__item--active):hover,
+  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
+  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
+  .cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
+  .cds--side-nav a.cds--header__menu-item:hover,
+  .cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
+    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+    color: var(--cds-text-primary, #161616);
+  }
+  .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
+  .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
+    color: var(--cds-text-primary, #161616);
+  }
 }
-
 .cds--side-nav__item--large {
   block-size: auto;
 }
@@ -22601,11 +22539,12 @@ button.c4p--add-select__global-filter-toggle--open {
   user-select: none;
 }
 
-.cds--side-nav__submenu:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
+@media (any-hover: hover) {
+  .cds--side-nav__submenu:hover {
+    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+    color: var(--cds-text-primary, #161616);
+  }
 }
-
 .cds--side-nav__submenu:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -22643,11 +22582,16 @@ button.c4p--add-select__global-filter-toggle--open {
   block-size: 3rem;
 }
 
-.cds--side-nav__item--active .cds--side-nav__submenu:hover {
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
-  color: var(--cds-text-primary, #161616);
+@media (any-hover: hover) {
+  .cds--side-nav__submenu:hover {
+    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+    color: var(--cds-text-primary, #161616);
+  }
+  .cds--side-nav__item--active .cds--side-nav__submenu:hover {
+    background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+    color: var(--cds-text-primary, #161616);
+  }
 }
-
 .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
   position: relative;
   background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
@@ -22889,12 +22833,14 @@ a.cds--side-nav__link--current::before {
   font-weight: 400;
   padding-inline-start: 4.25rem;
 }
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-  color: var(--cds-text-primary, #161616);
-}
-.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
-  background-color: var(--cds-layer-selected-hover);
+@media (any-hover: hover) {
+  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
+    background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+    color: var(--cds-text-primary, #161616);
+  }
+  .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+    background-color: var(--cds-layer-selected-hover);
+  }
 }
 
 .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
@@ -22907,12 +22853,16 @@ a.cds--side-nav__link--current::before {
   block-size: inherit;
 }
 
-.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
 .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
 .cds--side-nav .cds--header__menu-arrow {
   fill: var(--cds-icon-secondary, #525252);
 }
 
+@media (any-hover: hover) {
+  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow {
+    fill: var(--cds-icon-secondary, #525252);
+  }
+}
 @keyframes form-content-entrance {
   0% {
     opacity: 0;