@carbon/styles 1.52.0 → 1.53.0-rc.0

package/css/styles.css

@@ -2769,13 +2769,16 @@ em {
   --cds-ai-border-start: #78a9ff;
   --cds-ai-border-strong: #4589ff;
   --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
-  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
-  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
   --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-skeleton-background: #b8d3ff;
-  --cds-ai-skeleton-element-background: #001141;
+  --cds-ai-popover-caret-bottom: #d0e2ff;
+  --cds-ai-popover-caret-bottom-background: #d5e5ff;
+  --cds-ai-popover-caret-bottom-background-actions: #dae5f8;
+  --cds-ai-popover-caret-center: #a7c7ff;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
+  --cds-ai-skeleton-background: #d0e2ff;
+  --cds-ai-skeleton-element-background: #4589ff;
   --cds-background: #ffffff;
   --cds-background-active: rgba(141, 141, 141, 0.5);
   --cds-background-brand: #0f62fe;
@@ -2806,9 +2809,11 @@ em {
   --cds-chat-bubble-agent: #ffffff;
   --cds-chat-bubble-agent-border: #e0e0e0;
   --cds-chat-bubble-user: #e0e0e0;
+  --cds-chat-header-background: #ffffff;
   --cds-chat-prompt-background: #ffffff;
   --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
   --cds-chat-prompt-border-start: #f4f4f4;
+  --cds-chat-shell-background: #ffffff;
   --cds-field-01: #f4f4f4;
   --cds-field-02: #ffffff;
   --cds-field-03: #f4f4f4;
@@ -2866,26 +2871,6 @@ em {
   --cds-skeleton-element: #c6c6c6;
   --cds-slug-background: #525252;
   --cds-slug-background-hover: #6f6f6f;
-  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
-  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
-  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
-  --cds-slug-callout-caret-bottom: #d0e2ff;
-  --cds-slug-callout-caret-bottom-background: #d5e5ff;
-  --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
-  --cds-slug-callout-caret-center: #a7c7ff;
-  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
-  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
-  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
-  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
-  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
-  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
-  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
-  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
   --cds-slug-hollow-hover: #474747;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
@@ -2969,13 +2954,23 @@ em {
   --cds-tag-color-green: #044317;
   --cds-tag-hover-green: #74e792;
   --cds-tag-background-gray: #e0e0e0;
-  --cds-tag-color-gray: #393939;
+  --cds-tag-color-gray: #161616;
   --cds-tag-hover-gray: #d1d1d1;
+  --cds-tag-border-red: #ff8389;
+  --cds-tag-border-blue: #78a9ff;
+  --cds-tag-border-cyan: #33b1ff;
+  --cds-tag-border-teal: #08bdba;
+  --cds-tag-border-green: #42be65;
+  --cds-tag-border-magenta: #ff7eb6;
+  --cds-tag-border-purple: #be95ff;
+  --cds-tag-border-gray: #a8a8a8;
+  --cds-tag-border-cool-gray: #a2a9b0;
+  --cds-tag-border-warm-gray: #ada8a8;
   --cds-tag-background-cool-gray: #dde1e6;
-  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-color-cool-gray: #121619;
   --cds-tag-hover-cool-gray: #cdd3da;
   --cds-tag-background-warm-gray: #e5e0df;
-  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-color-warm-gray: #171414;
   --cds-tag-hover-warm-gray: #d8d0cf;
 }
 
@@ -2992,13 +2987,16 @@ em {
   --cds-ai-border-start: #78a9ff;
   --cds-ai-border-strong: #4589ff;
   --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
-  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
-  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
   --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-skeleton-background: #b8d3ff;
-  --cds-ai-skeleton-element-background: #001141;
+  --cds-ai-popover-caret-bottom: #d0e2ff;
+  --cds-ai-popover-caret-bottom-background: #ccdbf8;
+  --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
+  --cds-ai-popover-caret-center: #a7c7ff;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
+  --cds-ai-skeleton-background: #d0e2ff;
+  --cds-ai-skeleton-element-background: #4589ff;
   --cds-background: #f4f4f4;
   --cds-background-active: rgba(141, 141, 141, 0.5);
   --cds-background-brand: #0f62fe;
@@ -3029,9 +3027,11 @@ em {
   --cds-chat-bubble-agent: #ffffff;
   --cds-chat-bubble-agent-border: #e0e0e0;
   --cds-chat-bubble-user: #e0e0e0;
+  --cds-chat-header-background: #ffffff;
   --cds-chat-prompt-background: #ffffff;
   --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
   --cds-chat-prompt-border-start: #f4f4f4;
+  --cds-chat-shell-background: #ffffff;
   --cds-field-01: #ffffff;
   --cds-field-02: #f4f4f4;
   --cds-field-03: #ffffff;
@@ -3089,26 +3089,6 @@ em {
   --cds-skeleton-element: #c6c6c6;
   --cds-slug-background: #525252;
   --cds-slug-background-hover: #6f6f6f;
-  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
-  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
-  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
-  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
-  --cds-slug-callout-caret-bottom: #d0e2ff;
-  --cds-slug-callout-caret-bottom-background: #ccdbf8;
-  --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
-  --cds-slug-callout-caret-center: #a7c7ff;
-  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
-  --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
-  --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
-  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
-  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
-  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
-  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
-  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
   --cds-slug-hollow-hover: #474747;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
@@ -3192,13 +3172,23 @@ em {
   --cds-tag-color-green: #044317;
   --cds-tag-hover-green: #74e792;
   --cds-tag-background-gray: #e0e0e0;
-  --cds-tag-color-gray: #393939;
+  --cds-tag-color-gray: #161616;
   --cds-tag-hover-gray: #d1d1d1;
+  --cds-tag-border-red: #ff8389;
+  --cds-tag-border-blue: #78a9ff;
+  --cds-tag-border-cyan: #33b1ff;
+  --cds-tag-border-teal: #08bdba;
+  --cds-tag-border-green: #42be65;
+  --cds-tag-border-magenta: #ff7eb6;
+  --cds-tag-border-purple: #be95ff;
+  --cds-tag-border-gray: #a8a8a8;
+  --cds-tag-border-cool-gray: #a2a9b0;
+  --cds-tag-border-warm-gray: #ada8a8;
   --cds-tag-background-cool-gray: #dde1e6;
-  --cds-tag-color-cool-gray: #343a3f;
+  --cds-tag-color-cool-gray: #121619;
   --cds-tag-hover-cool-gray: #cdd3da;
   --cds-tag-background-warm-gray: #e5e0df;
-  --cds-tag-color-warm-gray: #3c3838;
+  --cds-tag-color-warm-gray: #171414;
   --cds-tag-hover-warm-gray: #d8d0cf;
 }
 
@@ -3215,12 +3205,16 @@ em {
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
   --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
-  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
   --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-skeleton-background: #0053ff;
-  --cds-ai-skeleton-element-background: #001141;
+  --cds-ai-popover-caret-bottom: #465060;
+  --cds-ai-popover-caret-bottom-background: #2d3f5c;
+  --cds-ai-popover-caret-bottom-background-actions: #253042;
+  --cds-ai-popover-caret-center: #456fb5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
+  --cds-ai-skeleton-background: #a6c8ff;
+  --cds-ai-skeleton-element-background: #002d9c;
   --cds-background: #262626;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -3251,9 +3245,11 @@ em {
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
+  --cds-chat-header-background: #262626;
   --cds-chat-prompt-background: #161616;
   --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
   --cds-chat-prompt-border-start: #262626;
+  --cds-chat-shell-background: #262626;
   --cds-field-01: #393939;
   --cds-field-02: #525252;
   --cds-field-03: #6f6f6f;
@@ -3311,24 +3307,6 @@ em {
   --cds-skeleton-element: #525252;
   --cds-slug-background: #c6c6c6;
   --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
-  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
-  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
-  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
-  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
-  --cds-slug-callout-caret-bottom: #465060;
-  --cds-slug-callout-caret-bottom-background: #2d3f5c;
-  --cds-slug-callout-caret-bottom-background-actions: #253042;
-  --cds-slug-callout-caret-center: #456fb5;
-  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
-  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
-  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
-  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
-  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
-  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
-  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
   --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
@@ -3411,13 +3389,23 @@ em {
   --cds-tag-color-green: #a7f0ba;
   --cds-tag-hover-green: #11742f;
   --cds-tag-background-gray: #525252;
-  --cds-tag-color-gray: #e0e0e0;
+  --cds-tag-color-gray: #f4f4f4;
   --cds-tag-hover-gray: #636363;
+  --cds-tag-border-red: #fa4d56;
+  --cds-tag-border-blue: #4589ff;
+  --cds-tag-border-cyan: #1192e8;
+  --cds-tag-border-teal: #009d9a;
+  --cds-tag-border-green: #24a148;
+  --cds-tag-border-magenta: #ee5396;
+  --cds-tag-border-purple: #a56eff;
+  --cds-tag-border-gray: #8d8d8d;
+  --cds-tag-border-cool-gray: #878d96;
+  --cds-tag-border-warm-gray: #8f8b8b;
   --cds-tag-background-cool-gray: #4d5358;
-  --cds-tag-color-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #f2f4f8;
   --cds-tag-hover-cool-gray: #5d646a;
   --cds-tag-background-warm-gray: #565151;
-  --cds-tag-color-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
 }
 
@@ -3434,12 +3422,16 @@ em {
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
   --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
-  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
   --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-skeleton-background: #0053ff;
-  --cds-ai-skeleton-element-background: #001141;
+  --cds-ai-popover-caret-bottom: #3d4655;
+  --cds-ai-popover-caret-bottom-background: #213250;
+  --cds-ai-popover-caret-bottom-background-actions: #192436;
+  --cds-ai-popover-caret-center: #3f68af;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
+  --cds-ai-skeleton-background: #a6c8ff;
+  --cds-ai-skeleton-element-background: #002d9c;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -3470,9 +3462,11 @@ em {
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
+  --cds-chat-header-background: #262626;
   --cds-chat-prompt-background: #161616;
   --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
   --cds-chat-prompt-border-start: #262626;
+  --cds-chat-shell-background: #262626;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -3530,24 +3524,6 @@ em {
   --cds-skeleton-element: #393939;
   --cds-slug-background: #c6c6c6;
   --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
-  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
-  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
-  --cds-slug-callout-aura-start: rgba(69, 137, 255, 0.1);
-  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
-  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
-  --cds-slug-callout-caret-bottom: #3d4655;
-  --cds-slug-callout-caret-bottom-background: #213250;
-  --cds-slug-callout-caret-bottom-background-actions: #192436;
-  --cds-slug-callout-caret-center: #3f68af;
-  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
-  --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
-  --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
-  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
-  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
-  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
-  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
   --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
@@ -3630,13 +3606,23 @@ em {
   --cds-tag-color-green: #a7f0ba;
   --cds-tag-hover-green: #11742f;
   --cds-tag-background-gray: #525252;
-  --cds-tag-color-gray: #e0e0e0;
+  --cds-tag-color-gray: #f4f4f4;
   --cds-tag-hover-gray: #636363;
+  --cds-tag-border-red: #fa4d56;
+  --cds-tag-border-blue: #4589ff;
+  --cds-tag-border-cyan: #1192e8;
+  --cds-tag-border-teal: #009d9a;
+  --cds-tag-border-green: #24a148;
+  --cds-tag-border-magenta: #ee5396;
+  --cds-tag-border-purple: #a56eff;
+  --cds-tag-border-gray: #8d8d8d;
+  --cds-tag-border-cool-gray: #878d96;
+  --cds-tag-border-warm-gray: #8f8b8b;
   --cds-tag-background-cool-gray: #4d5358;
-  --cds-tag-color-cool-gray: #dde1e6;
+  --cds-tag-color-cool-gray: #f2f4f8;
   --cds-tag-hover-cool-gray: #5d646a;
   --cds-tag-background-warm-gray: #565151;
-  --cds-tag-color-warm-gray: #e5e0df;
+  --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
 }
 
@@ -4052,6 +4038,9 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--popover-content {
+  --cds-layout-size-height-sm: 2rem;
+  --cds-layout-size-height-md: 2.5rem;
+  --cds-layout-size-height-lg: 3rem;
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -4070,6 +4059,15 @@ li.cds--accordion__item--disabled:last-of-type {
   max-inline-size: 23rem;
   pointer-events: auto;
 }
+.cds--layout--size-sm .cds--popover-content {
+  --cds-layout-size-height: var(--cds-layout-size-height-sm);
+}
+.cds--layout--size-md .cds--popover-content {
+  --cds-layout-size-height: var(--cds-layout-size-height-md);
+}
+.cds--layout--size-lg .cds--popover-content {
+  --cds-layout-size-height: var(--cds-layout-size-height-lg);
+}
 .cds--popover-content *,
 .cds--popover-content *::before,
 .cds--popover-content *::after {
@@ -5562,12 +5560,20 @@ a.cds--overflow-menu-options__btn::before {
   text-decoration: underline;
 }
 .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
+  outline: 1px solid var(--cds-focus, #0f62fe);
   color: var(--cds-text-primary, #161616);
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
   text-decoration: underline;
 }
+@media screen and (prefers-contrast) {
+  .cds--link:active, .cds--link:active:visited, .cds--link:active:visited:hover {
+    outline-style: dotted;
+  }
+}
 .cds--link:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
   outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+  text-decoration: underline;
 }
 @media screen and (prefers-contrast) {
   .cds--link:focus {
@@ -5620,9 +5626,6 @@ a.cds--overflow-menu-options__btn::before {
   display: inline;
   text-decoration: underline;
 }
-.cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
-  text-decoration: none;
-}
 
 .cds--link--disabled.cds--link--inline {
   text-decoration: underline;
@@ -6091,6 +6094,13 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-label::after {
   box-sizing: border-box;
 }
+@media print {
+  .cds--checkbox-label::before,
+  .cds--checkbox-label::after {
+    -webkit-print-color-adjust: exact;
+            print-color-adjust: exact;
+  }
+}
 
 .cds--checkbox-label::before {
   position: absolute;
@@ -6708,7 +6718,6 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--snippet--multi .cds--snippet-container pre {
-  padding-block-end: 1.5rem;
   padding-inline-end: 2.5rem;
 }
 
@@ -7690,17 +7699,18 @@ fieldset[disabled] .cds--form__helper-text {
   --cds-layout-size-height-xs: 1.125rem;
   --cds-layout-size-height-sm: 1.125rem;
   --cds-layout-size-height-md: 1.5rem;
-  --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-md)));
+  --cds-layout-size-height-lg: 2rem;
+  --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)));
   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);
   background-color: var(--cds-tag-background-gray, #e0e0e0);
-  color: var(--cds-tag-color-gray, #393939);
+  color: var(--cds-tag-color-gray, #161616);
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-radius: 0.9375rem;
+  border-radius: 1rem;
   margin: 0.25rem;
   cursor: default;
   max-inline-size: 100%;
@@ -7719,19 +7729,113 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--layout--size-md .cds--tag {
   --cds-layout-size-height: var(--cds-layout-size-height-md);
 }
-.cds--tag.cds--tag--interactive:hover,
+.cds--layout--size-lg .cds--tag {
+  --cds-layout-size-height: var(--cds-layout-size-height-lg);
+}
+.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);
+}
 .cds--tag .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-gray, #d1d1d1);
 }
+.cds--tag.cds--tag--lg {
+  padding-inline-start: 0.75rem;
+}
+.cds--tag:has(.cds--tag__custom-icon) {
+  padding-inline-start: 0.25rem;
+}
+.cds--tag.cds--tag--lg:not(.cds--tag--filter) {
+  padding-inline: 0.75rem;
+}
+.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
+  padding-inline-start: 0.5rem;
+}
 .cds--tag:not(:first-child) {
   margin-inline-start: 0;
 }
 
+.cds--tag__label {
+  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;
+}
+
+.cds--tag--filter {
+  cursor: pointer;
+  padding-block-end: 0;
+  padding-block-start: 0;
+  padding-inline-end: 0;
+}
+.cds--tag--filter:hover {
+  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);
+  color: var(--cds-text-primary, #161616);
+  cursor: pointer;
+}
+.cds--tag--selectable:hover {
+  background-color: var(--cds-layer-hover);
+  outline: none;
+}
+.cds--tag--selectable:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
+}
+
+.cds--tag--selectable-selected {
+  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);
+}
+
+.cds--tag--operational {
+  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
+  background-color: var(--cds-tag-background-gray, #e0e0e0);
+  color: var(--cds-tag-color-gray, #161616);
+  cursor: pointer;
+}
+.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);
+  outline-offset: 1px;
+}
+
 .cds--tag--red {
   background-color: var(--cds-tag-background-red, #ffd7d9);
   color: var(--cds-tag-color-red, #750e13);
 }
-.cds--tag--red.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--red .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-red, #ffc2c5);
 }
@@ -7740,7 +7844,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-magenta, #ffd6e8);
   color: var(--cds-tag-color-magenta, #740937);
 }
-.cds--tag--magenta.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--magenta .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-magenta, #ffbdda);
 }
@@ -7749,7 +7858,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-purple, #e8daff);
   color: var(--cds-tag-color-purple, #491d8b);
 }
-.cds--tag--purple.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--purple .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-purple, #dcc7ff);
 }
@@ -7758,7 +7872,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-blue, #d0e2ff);
   color: var(--cds-tag-color-blue, #002d9c);
 }
-.cds--tag--blue.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--blue .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-blue, #b8d3ff);
 }
@@ -7767,7 +7886,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-cyan, #bae6ff);
   color: var(--cds-tag-color-cyan, #003a6d);
 }
-.cds--tag--cyan.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--cyan .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-cyan, #99daff);
 }
@@ -7776,7 +7900,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-teal, #9ef0f0);
   color: var(--cds-tag-color-teal, #004144);
 }
-.cds--tag--teal.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--teal .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-teal, #57e5e5);
 }
@@ -7785,54 +7914,85 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-tag-background-green, #a7f0ba);
   color: var(--cds-tag-color-green, #044317);
 }
-.cds--tag--green.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag--green .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-green, #74e792);
 }
 
 .cds--tag--gray {
   background-color: var(--cds-tag-background-gray, #e0e0e0);
-  color: var(--cds-tag-color-gray, #393939);
+  color: var(--cds-tag-color-gray, #161616);
+}
+.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);
 }
-.cds--tag--gray.cds--tag--interactive:hover,
 .cds--tag--gray .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-gray, #d1d1d1);
 }
 
 .cds--tag--cool-gray {
   background-color: var(--cds-tag-background-cool-gray, #dde1e6);
-  color: var(--cds-tag-color-cool-gray, #343a3f);
+  color: var(--cds-tag-color-cool-gray, #121619);
+}
+.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);
 }
-.cds--tag--cool-gray.cds--tag--interactive:hover,
 .cds--tag--cool-gray .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
 }
 
 .cds--tag--warm-gray {
   background-color: var(--cds-tag-background-warm-gray, #e5e0df);
-  color: var(--cds-tag-color-warm-gray, #3c3838);
+  color: var(--cds-tag-color-warm-gray, #171414);
+}
+.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);
 }
-.cds--tag--warm-gray.cds--tag--interactive:hover,
 .cds--tag--warm-gray .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
 }
 
-.cds--tag--high-contrast {
+.cds--tag--high-contrast:not(.cds--tag--operational) {
   background-color: var(--cds-background-inverse, #393939);
   color: var(--cds-text-inverse, #ffffff);
 }
-.cds--tag--high-contrast.cds--tag--interactive:hover,
-.cds--tag--high-contrast .cds--tag__close-icon:hover {
+.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);
+}
+.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
   background-color: var(--cds-background-inverse-hover, #474747);
 }
 
-.cds--tag--outline {
+.cds--tag--outline:not(.cds--tag--operational) {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
-  box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
+  outline: 1px solid var(--cds-background-inverse, #393939);
+  outline-offset: -1px;
+}
+.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
+  border: 1px solid var(--cds-background, #ffffff);
 }
-.cds--tag--outline.cds--tag--interactive:hover,
-.cds--tag--outline .cds--tag__close-icon:hover {
+.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
+  background-color: var(--cds-layer-hover);
+}
+.cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
   background-color: var(--cds-layer-hover);
 }
 
@@ -7843,11 +8003,18 @@ fieldset[disabled] .cds--form__helper-text {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   box-shadow: none;
 }
-.cds--tag--disabled.cds--tag--interactive:hover,
+.cds--tag--disabled.cds--tag--operational,
+.cds--tag--filter.cds--tag--disabled.cds--tag--operational,
+.cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
+  border: 1px solid var(--cds-layer);
+}
+.cds--tag--disabled.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 .cds--tag__close-icon:hover,
-.cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,
 .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
-.cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,
 .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
   background-color: var(--cds-layer);
 }
@@ -7857,30 +8024,16 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: not-allowed;
 }
 
-.cds--tag__label {
-  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;
-}
-
-.cds--tag--filter {
-  cursor: pointer;
-  padding-block-end: 0;
-  padding-block-start: 0;
-  padding-inline-end: 0;
+.cds--tag--selectable.cds--tag--disabled,
+.cds--tag--operational.cds--tag--disabled {
+  border: 1px solid var(--cds-border-disabled, #c6c6c6);
+  background-color: var(--cds-layer);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--tag--filter:hover {
-  outline: none;
+.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 {
@@ -7927,6 +8080,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--tag__close-icon:focus {
+  z-index: 99999;
   border-radius: 50%;
   box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
   outline: none;
@@ -7983,7 +8137,12 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
-.cds--tag.cds--skeleton.cds--tag--interactive:hover,
+.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);
+}
 .cds--tag.cds--skeleton .cds--tag__close-icon:hover {
   background-color: var(--cds-skeleton-background, #e8e8e8);
 }
@@ -8519,7 +8678,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   color: var(--cds-layer);
 }
-.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--interactive:hover,
+.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));
+}
 .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));
 }
@@ -9873,6 +10037,12 @@ fieldset[disabled] .cds--form__helper-text {
     background-color: ButtonText;
   }
 }
+@media print {
+  .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
+    -webkit-print-color-adjust: exact;
+            print-color-adjust: exact;
+  }
+}
 
 .cds--radio-button:disabled + .cds--radio-button__label {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -10788,12 +10958,14 @@ tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
 tr.cds--expandable-row--hover.cds--data-table--slug-row,
 tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
   background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
+  background-attachment: fixed;
 }
 
 tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
 .cds--data-table--selected.cds--data-table--slug-row,
 tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
   background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
+  background-attachment: fixed;
 }
 
 tr.cds--data-table--slug-row.cds--data-table--selected td,
@@ -17758,7 +17930,8 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--body--with-modal-open .cds--modal .cds--tooltip,
-.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
+.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
+.cds--body--with-modal-open .cds--overflow-menu-options {
   z-index: 9000;
 }
 
@@ -20210,14 +20383,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--skeleton__placeholder--ai,
 .cds--skeleton__icon--ai {
   overflow: hidden;
-  background: var(--cds-ai-skeleton-background, #b8d3ff);
+  background: var(--cds-ai-skeleton-background, #d0e2ff);
 }
 
 .cds--skeleton__text--ai::before,
 .cds--skeleton__placeholder--ai::before,
 .cds--skeleton__icon--ai::before {
   animation: 1250ms ease-in-out ai-skeleton-animation infinite;
-  background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
+  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
 }
 
 .cds--skeleton__placeholder--ai::before,
@@ -21031,7 +21204,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
   border: 1px solid transparent;
   border-radius: 0.5rem;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.1));
   color: var(--cds-text-primary, #161616);
   min-inline-size: 17.5rem;
 }
@@ -21095,7 +21268,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
-  background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
+  background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
   block-size: 0.125rem;
   border-end-end-radius: 50%;
   border-end-start-radius: 50%;
@@ -21167,8 +21340,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
-  border-color: var(--cds-slug-callout-caret-bottom, #d0e2ff);
-  background: var(--cds-slug-callout-caret-bottom-background, #d5e5ff);
+  border-color: var(--cds-ai-popover-caret-bottom, #d0e2ff);
+  background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
 }
 
 .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
@@ -21176,12 +21349,12 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
-  background: var(--cds-slug-callout-caret-bottom-background-actions, #dae5f8);
+  background: var(--cds-ai-popover-caret-bottom-background-actions, #dae5f8);
 }
 
 .cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
 .cds--popover--right) > .cds--popover > .cds--popover-caret::before {
-  border-color: var(--cds-slug-callout-caret-center, #a7c7ff);
+  border-color: var(--cds-ai-popover-caret-center, #a7c7ff);
 }
 
 .cds--slug.cds--slug--enabled .cds--toggletip-content {
@@ -22195,8 +22368,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 1rem;
   inset-block-start: var(--cds-layout-density-padding-inline-local);
   inset-inline-end: var(--cds-layout-density-padding-inline-local);
-  opacity: 0;
   transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  opacity: 0;
 }
 .cds--tile__checkmark svg {
   border-radius: 50%;