@seed-design/css 1.2.3 → 1.2.5

package/all.css

@@ -193,8 +193,7 @@
   grid-row: var(--seed-box-grid-row);
 }
 
-.seed-box:is(:active, [data-active]) {
-  --seed-box-background--active: var(--seed-box-background);
+.seed-box[data-has-active-bg]:is(:active, [data-active]) {
   background: var(--seed-box-background--active);
 }
 
@@ -236,10 +235,12 @@
 
 [data-seed-color-mode="light-only"] {
   color-scheme: light;
+  color-scheme: light only;
 }
 
 [data-seed-color-mode="dark-only"] {
   color-scheme: dark;
+  color-scheme: dark only;
 }
 
 :root {
@@ -504,6 +505,7 @@
   --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
   --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
   --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
+  --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
   --seed-color-manner-temp-l1-bg: #f1f2f3;
   --seed-color-manner-temp-l1-text: #757b85;
   --seed-color-manner-temp-l10-bg: #ffebee;
@@ -714,6 +716,7 @@
   --seed-color-stroke-positive-weak: var(--seed-color-palette-green-300);
   --seed-color-stroke-warning-solid: var(--seed-color-palette-yellow-700);
   --seed-color-stroke-warning-weak: var(--seed-color-palette-yellow-300);
+  --seed-color-stroke-focus-ring: var(--seed-color-palette-blue-600);
   --seed-color-manner-temp-l1-bg: #292929;
   --seed-color-manner-temp-l1-text: #b8b8b9;
   --seed-color-manner-temp-l10-bg: #34040a;
@@ -786,6 +789,8 @@
   margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
   margin-left: calc(var(--seed-box-bleed-left) * -1);
   margin-right: calc(var(--seed-box-bleed-right) * -1);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   justify-content: center;
   align-items: center;
@@ -795,8 +800,9 @@
   position: relative;
 }
 
-.seed-action-button:is(:focus, [data-focus]) {
-  outline: none;
+.seed-action-button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-action-button:is(:disabled, [disabled], [data-disabled]) {
@@ -804,7 +810,7 @@
 }
 
 .seed-action-button {
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
 }
 
 .seed-action-button--variant_brandSolid {
@@ -818,8 +824,16 @@
   --range-color: var(--seed-color-palette-static-white);
 }
 
-.seed-action-button--variant_brandSolid:is(:active, [data-active]) {
-  background: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_brandSolid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_brandSolid:is(:active, [data-active]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-action-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -845,8 +859,16 @@
   --range-color: var(--seed-color-palette-static-white);
 }
 
-.seed-action-button--variant_neutralSolid:is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_neutralSolid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_neutralSolid:is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-action-button--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -872,8 +894,16 @@
   --range-color: var(--seed-color-fg-neutral);
 }
 
-.seed-action-button--variant_neutralWeak:is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_neutralWeak:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_neutralWeak:is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-action-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {
@@ -899,8 +929,16 @@
   --range-color: var(--seed-color-palette-static-white);
 }
 
-.seed-action-button--variant_criticalSolid:is(:active, [data-active]) {
-  background: var(--seed-color-bg-critical-solid-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_criticalSolid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-critical-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_criticalSolid:is(:active, [data-active]) {
+    background: var(--seed-color-bg-critical-solid-pressed);
+  }
 }
 
 .seed-action-button--variant_criticalSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -929,8 +967,16 @@
   --range-color: var(--seed-color-bg-brand-solid);
 }
 
-.seed-action-button--variant_brandOutline:is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_brandOutline:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_brandOutline:is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-action-button--variant_brandOutline:is(:disabled, [disabled], [data-disabled]) {
@@ -960,8 +1006,16 @@
   --range-color: var(--seed-color-fg-neutral);
 }
 
-.seed-action-button--variant_neutralOutline:is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_neutralOutline:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_neutralOutline:is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-action-button--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
@@ -990,8 +1044,16 @@
   background: #fff0;
 }
 
-.seed-action-button--variant_ghost:is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-action-button--variant_ghost:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-action-button--variant_ghost:is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-action-button--variant_ghost:is(:disabled, [disabled], [data-disabled]) {
@@ -1428,6 +1490,10 @@
 }
 
 .seed-app-bar__iconButton {
+  border-radius: var(--seed-radius-r1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   background: none;
   border: none;
   justify-content: center;
@@ -1437,6 +1503,11 @@
   display: flex;
 }
 
+.seed-app-bar__iconButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-app-bar__icon {
   flex-shrink: 0;
   display: inline-block;
@@ -2783,10 +2854,23 @@
 
 .seed-bottom-sheet__closeButton:after {
   content: "";
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   position: absolute;
   inset: -8px;
 }
 
+.seed-bottom-sheet__closeButton:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-bottom-sheet__closeButton:is(:focus-visible, [data-focus-visible]):after {
+  border-radius: var(--seed-radius-r1);
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-bottom-sheet__header--headerAlign_left {
   justify-content: flex-start;
 }
@@ -2870,8 +2954,16 @@
   transform: translateX(-50%);
 }
 
-.seed-bottom-sheet-handle__root:is(:active, [data-active]) {
-  background-color: var(--seed-color-palette-gray-500);
+@media (hover: hover) {
+  .seed-bottom-sheet-handle__root:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-palette-gray-500);
+  }
+}
+
+@media (hover: none) {
+  .seed-bottom-sheet-handle__root:is(:active, [data-active]) {
+    background-color: var(--seed-color-palette-gray-500);
+  }
 }
 
 .seed-bottom-sheet-handle__touchArea {
@@ -2909,6 +3001,14 @@
 
 .seed-callout__root:is(button, a) {
   cursor: pointer;
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-callout__root:is(button, a):is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-callout__content {
@@ -2945,6 +3045,10 @@
   line-height: var(--seed-line-height-t4);
   font-weight: var(--seed-font-weight-regular);
   text-underline-offset: 2px;
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  border-radius: var(--seed-radius-r1);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   background-color: #0000;
   border: none;
   padding: 0;
@@ -2952,11 +3056,20 @@
   display: inline-block;
 }
 
+.seed-callout__link:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-callout__closeButton {
   cursor: pointer;
   width: var(--seed-dimension-x10);
   height: var(--seed-dimension-x10);
   margin: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5);
+  border-radius: var(--seed-radius-r2_5);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   background-color: #0000;
   border: none;
   flex-grow: 0;
@@ -2967,14 +3080,27 @@
   display: flex;
 }
 
+.seed-callout__closeButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-callout__root--tone_neutral {
   background-color: var(--seed-color-bg-neutral-weak);
   --seed-prefix-icon-color: var(--seed-color-fg-neutral);
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-callout__root--tone_neutral:is(button, a):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-callout__root--tone_neutral:is(button, a):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_neutral:is(button, a):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-callout__title--tone_neutral, .seed-callout__description--tone_neutral, .seed-callout__link--tone_neutral {
@@ -2987,8 +3113,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
 }
 
-.seed-callout__root--tone_informative:is(button, a):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-informative-weak-pressed);
+@media (hover: hover) {
+  .seed-callout__root--tone_informative:is(button, a):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-informative-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_informative:is(button, a):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-informative-weak-pressed);
+  }
 }
 
 .seed-callout__title--tone_informative, .seed-callout__description--tone_informative, .seed-callout__link--tone_informative {
@@ -3001,8 +3135,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
 }
 
-.seed-callout__root--tone_positive:is(button, a):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-positive-weak-pressed);
+@media (hover: hover) {
+  .seed-callout__root--tone_positive:is(button, a):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-positive-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_positive:is(button, a):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-positive-weak-pressed);
+  }
 }
 
 .seed-callout__title--tone_positive, .seed-callout__description--tone_positive, .seed-callout__link--tone_positive {
@@ -3015,8 +3157,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
 }
 
-.seed-callout__root--tone_warning:is(button, a):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-warning-weak-pressed);
+@media (hover: hover) {
+  .seed-callout__root--tone_warning:is(button, a):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-warning-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_warning:is(button, a):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-warning-weak-pressed);
+  }
 }
 
 .seed-callout__title--tone_warning, .seed-callout__description--tone_warning, .seed-callout__link--tone_warning {
@@ -3029,8 +3179,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
 }
 
-.seed-callout__root--tone_critical:is(button, a):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-critical-weak-pressed);
+@media (hover: hover) {
+  .seed-callout__root--tone_critical:is(button, a):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-critical-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_critical:is(button, a):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-critical-weak-pressed);
+  }
 }
 
 .seed-callout__title--tone_critical, .seed-callout__description--tone_critical, .seed-callout__link--tone_critical {
@@ -3043,8 +3201,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-callout__root--tone_magic:is(button, a):is(:active, [data-active]) {
-  background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+@media (hover: hover) {
+  .seed-callout__root--tone_magic:is(button, a):is(:hover, [data-hover]) {
+    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+  }
+}
+
+@media (hover: none) {
+  .seed-callout__root--tone_magic:is(button, a):is(:active, [data-active]) {
+    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+  }
 }
 
 .seed-callout__title--tone_magic, .seed-callout__description--tone_magic, .seed-callout__link--tone_magic {
@@ -3113,11 +3279,18 @@
 .seed-checkmark__root {
   box-sizing: border-box;
   margin-top: var(--checkmark-margin-top, 0);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid transparent);
+  outline-offset: var(--seed-dimension-x0_5);
   flex: none;
   position: relative;
 }
 
+.seed-checkmark__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring));
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-checkmark__icon {
   content: "";
   text-align: center;
@@ -3138,8 +3311,16 @@
   border-width: 0;
 }
 
-.seed-checkmark__root--variant_square:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_square:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_square:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-checkmark__root--variant_square:is(:disabled, [disabled], [data-disabled]) {
@@ -3155,8 +3336,16 @@
   color: var(--seed-color-fg-disabled);
 }
 
-.seed-checkmark__root--variant_ghost:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_ghost:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_ghost:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-checkmark__icon--variant_ghost {
@@ -3185,8 +3374,16 @@
   background: var(--seed-color-bg-neutral-inverted);
 }
 
-.seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-checkmark__icon--variant_square-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
@@ -3197,24 +3394,48 @@
   background: var(--seed-color-bg-brand-solid);
 }
 
-.seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-checkmark__icon--variant_square-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   color: var(--seed-color-palette-static-white);
 }
 
-.seed-checkmark__root--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
-  background: var(--seed-color-palette-gray-200);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:hover, [data-hover]) {
+    background: var(--seed-color-palette-gray-200);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+    background: var(--seed-color-palette-gray-200);
+  }
 }
 
 .seed-checkmark__icon--variant_ghost-tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
   color: var(--seed-color-fg-neutral);
 }
 
-.seed-checkmark__root--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
-  background: var(--seed-color-palette-carrot-200);
+@media (hover: hover) {
+  .seed-checkmark__root--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:hover, [data-hover]) {
+    background: var(--seed-color-palette-carrot-200);
+  }
+}
+
+@media (hover: none) {
+  .seed-checkmark__root--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]):is(:active, [data-active]) {
+    background: var(--seed-color-palette-carrot-200);
+  }
 }
 
 .seed-checkmark__icon--variant_ghost-tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
@@ -3252,19 +3473,22 @@
   border-radius: var(--seed-radius-full);
   transition-duration: var(--seed-duration-color-transition);
   transition-timing-function: var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   font-family: inherit;
   line-height: 1;
-  transition-property: background-color, color, border-color, box-shadow;
+  transition-property: background-color, color, border-color, box-shadow, outline-color;
   display: inline-flex;
   position: relative;
 }
 
-.seed-chip__root:is(:focus, [data-focus]) {
-  outline: none;
+.seed-chip__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-chip__root:is(:disabled, [disabled], [data-disabled]) {
@@ -3311,12 +3535,28 @@
   --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-neutral-weak-alpha-pressed);
+@media (hover: hover) {
+  .seed-chip__root--variant_solid:is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-weak-alpha-pressed);
+  }
 }
 
-.seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: none) {
+  .seed-chip__root--variant_solid:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-weak-alpha-pressed);
+  }
+}
+
+@media (hover: hover) {
+  .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip__root--variant_solid:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-chip__root--variant_solid:is(:disabled, [disabled], [data-disabled]) {
@@ -3341,8 +3581,16 @@
   --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-chip__root--variant_outlineStrong:is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip__root--variant_outlineStrong:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]) {
@@ -3350,8 +3598,16 @@
   --seed-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip__root--variant_outlineStrong:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-chip__root--variant_outlineStrong:is(:disabled, [disabled], [data-disabled]) {
@@ -3376,8 +3632,16 @@
   --seed-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-chip__root--variant_outlineWeak:is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip__root--variant_outlineWeak:is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]) {
@@ -3385,8 +3649,16 @@
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-contrast);
 }
 
-.seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
-  background: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:hover, [data-hover]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip__root--variant_outlineWeak:is(:checked, [data-checked]):is(:active, [data-active]):not(:is(:disabled, [disabled], [data-disabled])) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-chip__root--variant_outlineWeak:is(:disabled, [disabled], [data-disabled]) {
@@ -3515,13 +3787,20 @@
   padding-bottom: var(--seed-dimension-x2);
   font-family: inherit;
   font-weight: var(--seed-font-weight-medium);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
+.seed-chip-tabs__trigger:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-chip-tabs__list--size_medium {
   gap: 8px;
 }
@@ -3554,12 +3833,28 @@
   color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-chip-tabs__trigger--variant_neutralSolid:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-alpha-pressed);
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_neutralSolid:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-alpha-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_neutralSolid:is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-alpha-pressed);
+  }
+}
+
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
-.seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_neutralSolid:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-chip-tabs__trigger--variant_neutralSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -3584,12 +3879,28 @@
   border-color: #0000;
 }
 
-.seed-chip-tabs__trigger--variant_neutralOutline:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_neutralOutline:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_neutralOutline:is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
-.seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_neutralOutline:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-chip-tabs__trigger--variant_neutralOutline:is(:disabled, [disabled], [data-disabled]) {
@@ -3612,12 +3923,28 @@
   color: var(--seed-color-palette-static-white);
 }
 
-.seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_brandSolid:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_brandSolid:is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
-.seed-chip-tabs__trigger--variant_brandSolid:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-chip-tabs__trigger--variant_brandSolid:is([aria-selected="true"], [data-selected]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-chip-tabs__trigger--variant_brandSolid:is([aria-selected="true"], [data-selected]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-chip-tabs__trigger--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -3665,6 +3992,8 @@
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   justify-content: center;
   align-items: center;
@@ -3673,8 +4002,9 @@
   display: inline-flex;
 }
 
-.seed-contextual-floating-button:is(:focus, [data-focus]) {
-  outline: none;
+.seed-contextual-floating-button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-contextual-floating-button:is(:disabled, [disabled], [data-disabled]) {
@@ -3702,7 +4032,7 @@
   --seed-icon-size: 22px;
   --size: 16px;
   --thickness: 2px;
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
 }
 
 .seed-contextual-floating-button--variant_solid {
@@ -3714,8 +4044,16 @@
   --range-color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-contextual-floating-button--variant_solid:is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-contextual-floating-button--variant_solid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-contextual-floating-button--variant_solid:is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-contextual-floating-button--variant_solid:is(:disabled, [disabled], [data-disabled]) {
@@ -3738,8 +4076,16 @@
   --range-color: var(--seed-color-fg-neutral);
 }
 
-.seed-contextual-floating-button--variant_layer:is(:active, [data-active]) {
-  background: var(--seed-color-bg-layer-floating-pressed);
+@media (hover: hover) {
+  .seed-contextual-floating-button--variant_layer:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-layer-floating-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-contextual-floating-button--variant_layer:is(:active, [data-active]) {
+    background: var(--seed-color-bg-layer-floating-pressed);
+  }
 }
 
 .seed-contextual-floating-button--variant_layer:is(:disabled, [disabled], [data-disabled]) {
@@ -4379,6 +4725,8 @@
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   justify-content: center;
   align-items: center;
@@ -4387,8 +4735,9 @@
   display: inline-flex;
 }
 
-.seed-floating-action-button__root:is(:focus, [data-focus]) {
-  outline: none;
+.seed-floating-action-button__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-floating-action-button__root:is(:disabled, [disabled], [data-disabled]) {
@@ -4403,13 +4752,21 @@
   font-size: var(--seed-font-size-t5);
   line-height: var(--seed-line-height-t5);
   font-weight: var(--seed-font-weight-bold);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), max-width var(--seed-duration-d4) var(--seed-timing-function-easing), height var(--seed-duration-d4) var(--seed-timing-function-easing), padding var(--seed-duration-d4) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   position: relative;
   overflow: hidden;
 }
 
-.seed-floating-action-button__root:is(:active, [data-active]) {
-  background: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-floating-action-button__root:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-floating-action-button__root:is(:active, [data-active]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-floating-action-button__icon {
@@ -4549,6 +4906,10 @@
   color: var(--seed-color-fg-neutral-inverted);
   --seed-icon-size: var(--seed-dimension-x3_5);
   --seed-icon-color: var(--seed-color-fg-neutral-inverted);
+  border-radius: var(--seed-radius-r3);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   background: none;
   border: none;
   justify-content: center;
@@ -4556,10 +4917,15 @@
   display: flex;
 }
 
+.seed-help-bubble__closeButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-identity-placeholder__root {
   box-sizing: border-box;
   vertical-align: top;
-  background-color: var(--seed-color-palette-gray-400);
+  background-color: var(--seed-color-palette-gray-500);
   justify-content: center;
   align-items: center;
   width: 100%;
@@ -4570,9 +4936,9 @@
 
 .seed-identity-placeholder__image {
   object-fit: cover;
-  fill: #f7f8fa;
   width: 100%;
   height: 100%;
+  fill: var(--seed-color-palette-static-white-alpha-800);
   display: block;
   overflow: hidden;
 }
@@ -4650,13 +5016,22 @@
   right: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x6)) / 2 * -1);
   bottom: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x6)) / 2 * -1);
   left: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x6)) / 2 * -1);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   position: absolute;
 }
 
-.seed-image-frame-reaction-button:focus {
+.seed-image-frame-reaction-button:is(:focus, [data-focus]) {
   outline: none;
 }
 
+.seed-image-frame-reaction-button:is(:focus-visible, [data-focus-visible]):before {
+  border-radius: var(--seed-radius-r1);
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-image-frame-reaction-button:is([aria-pressed="true"], [data-pressed]) {
   --seed-icon-color: var(--seed-color-bg-transparent);
 }
@@ -4840,7 +5215,7 @@
   border-radius: var(--seed-radius-r3);
   background-color: var(--seed-color-bg-transparent);
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-weak);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   border: none;
   padding: 0;
   position: absolute;
@@ -4862,8 +5237,16 @@
   background-color: var(--seed-color-bg-disabled);
 }
 
-.seed-input-button__button:not([data-disabled]):not([data-readonly]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-input-button__button:not([data-disabled]):not([data-readonly]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-input-button__button:not([data-disabled]):not([data-readonly]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-input-button__button[data-readonly]:not([data-disabled]) {
@@ -4871,8 +5254,14 @@
   background-color: var(--seed-color-bg-disabled);
 }
 
-.seed-input-button__button:is(:focus, [data-focus]) {
-  outline: none;
+.seed-input-button__button {
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-input-button__button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-input-button__button:is(:invalid, [data-invalid]):after {
@@ -4954,13 +5343,25 @@
 
 .seed-input-button__clearButton {
   cursor: pointer;
-  --seed-icon-size: 22px;
-  --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+  border-radius: var(--seed-radius-full);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   background-color: #0000;
   border: none;
   padding: 0;
 }
 
+.seed-input-button__clearButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-input-button__clearButton {
+  --seed-icon-size: 22px;
+  --seed-icon-color: var(--seed-color-fg-neutral-subtle);
+}
+
 .seed-link-content {
   cursor: pointer;
   box-sizing: border-box;
@@ -5054,6 +5455,7 @@
 .seed-list-item__prefix {
   --seed-box-padding-right: var(--seed-dimension-x3);
   padding-right: var(--seed-box-padding-right);
+  --seed-focus-ring: none;
   --seed-icon-size: 22px;
   --seed-icon-color: var(--seed-color-fg-neutral);
   flex-shrink: 0;
@@ -5071,6 +5473,7 @@
   --seed-box-gap: var(--seed-dimension-x1);
   align-items: center;
   gap: var(--seed-box-gap);
+  --seed-focus-ring: none;
   font-size: var(--seed-font-size-t5);
   line-height: var(--seed-line-height-t5);
   font-weight: var(--seed-font-weight-regular);
@@ -5104,10 +5507,22 @@
 
 .seed-list-item__content:after {
   content: "";
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   position: absolute;
   inset: 0;
 }
 
+.seed-list-item__content:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-list-item__content:is(:focus-visible, [data-focus-visible]):after {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-list-item__content:before {
   content: "";
   z-index: -1;
@@ -5118,17 +5533,46 @@
   inset: 0;
 }
 
-.seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before, .seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
-  background-color: var(--seed-color-bg-transparent-pressed);
-  left: var(--seed-dimension-x1_5);
-  right: var(--seed-dimension-x1_5);
-  border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
+@media (hover: hover) {
+  .seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]):before {
+    background-color: var(--seed-color-bg-transparent-pressed);
+    left: var(--seed-dimension-x1_5);
+    right: var(--seed-dimension-x1_5);
+    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
+  }
+}
+
+@media (hover: none) {
+  .seed-list-item__content:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before {
+    background-color: var(--seed-color-bg-transparent-pressed);
+    left: var(--seed-dimension-x1_5);
+    right: var(--seed-dimension-x1_5);
+    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
+  }
+}
+
+@media (hover: hover) {
+  .seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-hover]:before {
+    background-color: var(--seed-color-bg-transparent-pressed);
+    left: var(--seed-dimension-x1_5);
+    right: var(--seed-dimension-x1_5);
+    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
+  }
+}
+
+@media (hover: none) {
+  .seed-list-item__content:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
+    background-color: var(--seed-color-bg-transparent-pressed);
+    left: var(--seed-dimension-x1_5);
+    right: var(--seed-dimension-x1_5);
+    border-radius: var(--list-item-border-radius, var(--seed-dimension-x2_5));
+  }
 }
 
 .seed-list-item__title {
   font-size: var(--seed-font-size-t5);
   line-height: var(--seed-line-height-t5);
-  font-weight: var(--seed-font-weight-medium);
+  font-weight: var(--seed-font-weight-regular);
   color: var(--seed-color-fg-neutral);
   flex-shrink: 0;
 }
@@ -5152,8 +5596,28 @@
   background-color: var(--seed-color-bg-brand-weak);
 }
 
-.seed-list-item__content--highlighted_true:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before, .seed-list-item__content--highlighted_true:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
-  background-color: var(--seed-color-bg-brand-weak-pressed);
+@media (hover: hover) {
+  .seed-list-item__content--highlighted_true:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]):before {
+    background-color: var(--seed-color-bg-brand-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-list-item__content--highlighted_true:is(button, a):not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]):before {
+    background-color: var(--seed-color-bg-brand-weak-pressed);
+  }
+}
+
+@media (hover: hover) {
+  .seed-list-item__content--highlighted_true:not(:is(:disabled, [disabled], [data-disabled]))[data-hover]:before {
+    background-color: var(--seed-color-bg-brand-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-list-item__content--highlighted_true:not(:is(:disabled, [disabled], [data-disabled]))[data-active]:before {
+    background-color: var(--seed-color-bg-brand-weak-pressed);
+  }
 }
 
 .seed-manner-temp {
@@ -5378,15 +5842,33 @@
   font-size: var(--seed-font-size-t5);
   line-height: var(--seed-line-height-t5);
   font-weight: var(--seed-font-weight-medium);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   border: none;
-  outline: none;
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
-.seed-menu-sheet__closeButton:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-menu-sheet__closeButton:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-menu-sheet__closeButton:is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+.seed-menu-sheet__closeButton {
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-menu-sheet__closeButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-menu-sheet__backdrop--skipAnimation_false:is([data-state="open"], [data-open]) {
@@ -5442,20 +5924,45 @@
   gap: var(--seed-dimension-x3_5);
   box-shadow: inset 0 calc(-1 * 1px) 0 var(--seed-color-stroke-neutral-muted);
   border: none;
-  outline: none;
   margin: 0;
   font-family: inherit;
   display: flex;
 }
 
-.seed-menu-sheet-item__root:is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-menu-sheet-item__root:is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-menu-sheet-item__root:is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+.seed-menu-sheet-item__root:first-child {
+  border-top-left-radius: var(--seed-radius-r4);
+  border-top-right-radius: var(--seed-radius-r4);
 }
 
 .seed-menu-sheet-item__root:last-child {
+  border-bottom-left-radius: var(--seed-radius-r4);
+  border-bottom-right-radius: var(--seed-radius-r4);
   box-shadow: none;
 }
 
+.seed-menu-sheet-item__root {
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
+.seed-menu-sheet-item__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-menu-sheet-item__root {
   --seed-prefix-icon-size: 22px;
 }
@@ -5599,6 +6106,14 @@
 
 .seed-page-banner__root:is(button) {
   cursor: pointer;
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
+.seed-page-banner__root:is(button):is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
 }
 
 .seed-page-banner__content {
@@ -5641,12 +6156,21 @@
   font-size: var(--seed-font-size-t3);
   line-height: var(--seed-line-height-t3);
   font-weight: var(--seed-font-weight-bold);
+  border-radius: var(--seed-radius-r1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   background-color: #0000;
   border: none;
   align-items: center;
   display: flex;
 }
 
+.seed-page-banner__button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-page-banner__closeButton {
   width: var(--seed-dimension-x10);
   height: var(--seed-dimension-x10);
@@ -5654,6 +6178,10 @@
   margin-left: calc((var(--seed-dimension-x10)  - var(--seed-dimension-x4)) * -.5 + var(--seed-dimension-x2));
   --seed-suffix-icon-margin-left: initial;
   cursor: pointer;
+  border-radius: var(--seed-radius-r1);
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   background-color: #0000;
   border: none;
   flex-grow: 0;
@@ -5665,14 +6193,27 @@
   display: flex;
 }
 
+.seed-page-banner__closeButton:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-page-banner__root--tone_neutral-variant_weak {
   background-color: var(--seed-color-bg-neutral-weak);
   --seed-prefix-icon-color: var(--seed-color-fg-neutral);
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-page-banner__root--tone_neutral-variant_weak:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_neutral-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_neutral-variant_weak:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_neutral-variant_weak, .seed-page-banner__description--tone_neutral-variant_weak, .seed-page-banner__button--tone_neutral-variant_weak {
@@ -5685,8 +6226,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-neutral-inverted);
 }
 
-.seed-page-banner__root--tone_neutral-variant_solid:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_neutral-variant_solid:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_neutral-variant_solid:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_neutral-variant_solid, .seed-page-banner__description--tone_neutral-variant_solid, .seed-page-banner__button--tone_neutral-variant_solid {
@@ -5699,8 +6248,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-informative-contrast);
 }
 
-.seed-page-banner__root--tone_informative-variant_weak:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-informative-weak-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_informative-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-informative-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_informative-variant_weak:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-informative-weak-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_informative-variant_weak, .seed-page-banner__description--tone_informative-variant_weak, .seed-page-banner__button--tone_informative-variant_weak {
@@ -5713,8 +6270,16 @@
   --seed-suffix-icon-color: var(--seed-color-palette-static-white);
 }
 
-.seed-page-banner__root--tone_informative-variant_solid:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-informative-solid-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_informative-variant_solid:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-informative-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_informative-variant_solid:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-informative-solid-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_informative-variant_solid, .seed-page-banner__description--tone_informative-variant_solid, .seed-page-banner__button--tone_informative-variant_solid {
@@ -5727,8 +6292,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-positive-contrast);
 }
 
-.seed-page-banner__root--tone_positive-variant_weak:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-positive-weak-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_positive-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-positive-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_positive-variant_weak:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-positive-weak-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_positive-variant_weak, .seed-page-banner__description--tone_positive-variant_weak, .seed-page-banner__button--tone_positive-variant_weak {
@@ -5741,8 +6314,16 @@
   --seed-suffix-icon-color: var(--seed-color-palette-static-white);
 }
 
-.seed-page-banner__root--tone_positive-variant_solid:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-positive-solid-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_positive-variant_solid:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-positive-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_positive-variant_solid:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-positive-solid-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_positive-variant_solid, .seed-page-banner__description--tone_positive-variant_solid, .seed-page-banner__button--tone_positive-variant_solid {
@@ -5755,8 +6336,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-warning-contrast);
 }
 
-.seed-page-banner__root--tone_warning-variant_weak:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-warning-weak-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_warning-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-warning-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_warning-variant_weak:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-warning-weak-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_warning-variant_weak, .seed-page-banner__description--tone_warning-variant_weak, .seed-page-banner__button--tone_warning-variant_weak {
@@ -5769,8 +6358,16 @@
   --seed-suffix-icon-color: var(--seed-color-palette-static-black-alpha-900);
 }
 
-.seed-page-banner__root--tone_warning-variant_solid:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-warning-solid-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_warning-variant_solid:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-warning-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_warning-variant_solid:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-warning-solid-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_warning-variant_solid, .seed-page-banner__description--tone_warning-variant_solid, .seed-page-banner__button--tone_warning-variant_solid {
@@ -5783,8 +6380,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-critical-contrast);
 }
 
-.seed-page-banner__root--tone_critical-variant_weak:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-critical-weak-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_critical-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-critical-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_critical-variant_weak:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-critical-weak-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_critical-variant_weak, .seed-page-banner__description--tone_critical-variant_weak, .seed-page-banner__button--tone_critical-variant_weak {
@@ -5797,8 +6402,16 @@
   --seed-suffix-icon-color: var(--seed-color-palette-static-white);
 }
 
-.seed-page-banner__root--tone_critical-variant_solid:is(button):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-critical-solid-pressed);
+@media (hover: hover) {
+  .seed-page-banner__root--tone_critical-variant_solid:is(button):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-critical-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_critical-variant_solid:is(button):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-critical-solid-pressed);
+  }
 }
 
 .seed-page-banner__title--tone_critical-variant_solid, .seed-page-banner__description--tone_critical-variant_solid, .seed-page-banner__button--tone_critical-variant_solid {
@@ -5811,8 +6424,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-page-banner__root--tone_magic-variant_weak:is(button):is(:active, [data-active]) {
-  background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+@media (hover: hover) {
+  .seed-page-banner__root--tone_magic-variant_weak:is(button):is(:hover, [data-hover]) {
+    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+  }
+}
+
+@media (hover: none) {
+  .seed-page-banner__root--tone_magic-variant_weak:is(button):is(:active, [data-active]) {
+    background-image: linear-gradient(88deg, var(--seed-gradient-glow-magic-pressed));
+  }
 }
 
 .seed-page-banner__title--tone_magic-variant_weak, .seed-page-banner__description--tone_magic-variant_weak, .seed-page-banner__button--tone_magic-variant_weak {
@@ -5954,7 +6575,9 @@
   border-color: var(--seed-color-stroke-neutral-weak);
   border-radius: var(--seed-radius-full);
   margin-top: var(--radiomark-margin-top, 0);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid transparent);
+  outline-offset: var(--seed-dimension-x0_5);
   flex: none;
   justify-content: center;
   align-items: center;
@@ -5962,8 +6585,16 @@
   position: relative;
 }
 
-.seed-radiomark__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-radiomark__root:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-radiomark__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-radiomark__root:is(:checked, [data-checked]) {
@@ -5980,6 +6611,11 @@
   border-color: var(--seed-color-palette-gray-300);
 }
 
+.seed-radiomark__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring));
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-radiomark__icon {
   border-radius: var(--seed-radius-full);
   display: none;
@@ -5997,8 +6633,16 @@
   background-color: var(--seed-color-bg-neutral-inverted);
 }
 
-.seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-inverted-pressed);
+@media (hover: hover) {
+  .seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-radiomark__root--tone_neutral:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-inverted-pressed);
+  }
 }
 
 .seed-radiomark__icon--tone_neutral:is(:checked, [data-checked]) {
@@ -6009,8 +6653,16 @@
   background-color: var(--seed-color-bg-brand-solid);
 }
 
-.seed-radiomark__root--tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-radiomark__root--tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-radiomark__root--tone_brand:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-radiomark__icon--tone_brand:is(:checked, [data-checked]) {
@@ -6055,6 +6707,8 @@
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   flex-shrink: 0;
   justify-content: center;
@@ -6065,12 +6719,13 @@
   position: relative;
 }
 
-.seed-reaction-button:is(:focus, [data-focus]) {
-  outline: none;
+.seed-reaction-button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-reaction-button {
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   background: var(--seed-color-bg-transparent);
   font-weight: var(--seed-font-weight-medium);
   color: var(--seed-color-fg-neutral);
@@ -6081,8 +6736,16 @@
   --seed-count-color: var(--seed-color-fg-neutral);
 }
 
-.seed-reaction-button:is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-reaction-button:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-reaction-button:is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-reaction-button:is([aria-pressed="true"], [data-pressed]) {
@@ -6093,8 +6756,16 @@
   --seed-count-color: var(--seed-color-fg-brand);
 }
 
-.seed-reaction-button:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-reaction-button:is([aria-pressed="true"], [data-pressed]):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-reaction-button:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+    background: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-reaction-button:is(:disabled, [disabled], [data-disabled]) {
@@ -6228,7 +6899,7 @@
   font-size: var(--seed-font-size-t5);
   line-height: var(--seed-line-height-t5);
   color: var(--seed-color-fg-neutral-subtle);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), color var(--seed-duration-color-transition) var(--seed-timing-function-easing), box-shadow var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   display: flex;
 }
 
@@ -6236,6 +6907,16 @@
   color: var(--seed-color-fg-neutral);
 }
 
+.seed-segmented-control__item {
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-segmented-control__item:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-segmented-control__item:is(:disabled, [disabled], [data-disabled]) {
   cursor: not-allowed;
   color: var(--seed-color-fg-disabled);
@@ -6246,14 +6927,32 @@
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
 }
 
-.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
-  background-color: var(--seed-color-palette-gray-100);
-  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+@media (hover: hover) {
+  .seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-palette-gray-100);
+    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+  }
 }
 
-.seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):not(:is(:checked, [data-checked])):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-neutral-weak-pressed);
-  box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+@media (hover: none) {
+  .seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) {
+    background-color: var(--seed-color-palette-gray-100);
+    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+  }
+}
+
+@media (hover: hover) {
+  .seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):not(:is(:checked, [data-checked])):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+  }
+}
+
+@media (hover: none) {
+  .seed-segmented-control__item:not(:is(:disabled, [disabled], [data-disabled])):not(:is(:checked, [data-checked])):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-neutral-weak-pressed);
+    box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
+  }
 }
 
 .seed-select-box__root {
@@ -6261,7 +6960,7 @@
   border-radius: var(--seed-radius-r3);
   background-color: var(--seed-color-bg-transparent);
   box-shadow: inset 0 0 0 1px var(--seed-color-stroke-neutral-muted);
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   flex-direction: column;
   display: flex;
   position: relative;
@@ -6278,8 +6977,16 @@
   inset: 0;
 }
 
-.seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  background-color: var(--seed-color-bg-transparent-pressed);
+@media (hover: hover) {
+  .seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    background-color: var(--seed-color-bg-transparent-pressed);
+  }
 }
 
 .seed-select-box__root:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):after {
@@ -6296,9 +7003,20 @@
   box-shadow: inset 0 0 0 2px var(--seed-color-stroke-neutral-muted);
 }
 
+.seed-select-box__root {
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-select-box__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-select-box__trigger {
   justify-content: space-between;
   gap: var(--seed-dimension-x1_5);
+  --seed-focus-ring: none;
   flex-grow: 1;
   display: flex;
 }
@@ -6405,8 +7123,16 @@
   inset: 0;
 }
 
-.seed-selectBoxCheckmark__icon:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
-  color: var(--seed-color-fg-neutral-subtle);
+@media (hover: hover) {
+  .seed-selectBoxCheckmark__icon:not(:is(:disabled, [disabled], [data-disabled])):is(:hover, [data-hover]) {
+    color: var(--seed-color-fg-neutral-subtle);
+  }
+}
+
+@media (hover: none) {
+  .seed-selectBoxCheckmark__icon:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) {
+    color: var(--seed-color-fg-neutral-subtle);
+  }
 }
 
 .seed-selectBoxCheckmark__icon:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]) {
@@ -6494,6 +7220,14 @@
   display: flex;
 }
 
+.seed-slider__root[data-dragging] {
+  cursor: grabbing;
+}
+
+.seed-slider__root:is(:disabled, [disabled], [data-disabled]) {
+  cursor: not-allowed;
+}
+
 .seed-slider__control {
   align-items: center;
   height: 26px;
@@ -6562,14 +7296,18 @@
   content: "";
   background-color: var(--seed-color-bg-neutral-inverted);
   border-radius: var(--seed-radius-full);
-  transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+  transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   will-change: transform;
+  cursor: grab;
   position: absolute;
   inset: 0;
 }
 
 .seed-slider__thumb:is(:disabled, [disabled], [data-disabled]):after {
   background-color: var(--seed-color-fg-disabled);
+  cursor: not-allowed;
 }
 
 .seed-slider__thumb[data-dragging] {
@@ -6584,6 +7322,11 @@
   outline: none;
 }
 
+.seed-slider__thumb:is(:focus-visible, [data-focus-visible]):after {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-slider__markers {
   height: var(--seed-line-height-t3);
   position: relative;
@@ -6591,6 +7334,8 @@
 
 .seed-slider__valueIndicatorRoot {
   box-sizing: border-box;
+  transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
+  will-change: left, right;
   background: var(--seed-color-bg-neutral-inverted);
   padding-left: var(--seed-dimension-x2);
   padding-right: var(--seed-dimension-x2);
@@ -6664,6 +7409,10 @@
   animation-fill-mode: forwards;
 }
 
+.seed-slider__valueIndicatorRoot[data-dragging] {
+  transition: none;
+}
+
 .seed-slider__valueIndicatorRoot:not([data-value-indicator-shown]):not([data-indicator-ever-shown]) {
   animation-duration: 0s;
 }
@@ -6671,6 +7420,8 @@
 .seed-slider__valueIndicatorArrow {
   width: var(--seed-dimension-x2);
   height: var(--seed-dimension-x2);
+  transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
+  will-change: left, right;
   position: absolute;
   top: 100%;
 }
@@ -6685,6 +7436,10 @@
   transform: translateX(50%);
 }
 
+.seed-slider__valueIndicatorArrow[data-dragging] {
+  transition: none;
+}
+
 .seed-slider__valueIndicatorArrowTip {
   fill: var(--seed-color-bg-neutral-inverted);
   width: var(--seed-dimension-x2);
@@ -6802,6 +7557,17 @@
   animation-fill-mode: forwards;
 }
 
+.seed-snackbar__root {
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-snackbar__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-snackbar__content {
   padding-left: var(--seed-dimension-x1_5);
   padding-right: var(--seed-dimension-x1_5);
@@ -6839,7 +7605,6 @@
   line-height: var(--seed-line-height-t4);
   font-weight: var(--seed-font-weight-bold);
   border: none;
-  outline: none;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
@@ -6853,12 +7618,25 @@
   top: 50%;
   left: calc(-1 * var(--seed-dimension-x2));
   right: calc(-1 * var(--seed-dimension-x2));
-  background: none;
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
   min-height: 44px;
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  background: none;
   position: absolute;
   transform: translateY(-50%);
 }
 
+.seed-snackbar__actionButton:is(:focus, [data-focus]) {
+  outline: none;
+}
+
+.seed-snackbar__actionButton:is(:focus-visible, [data-focus-visible]):after {
+  border-radius: var(--seed-radius-r1);
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-snackbar__prefixIcon--variant_default {
   display: none;
 }
@@ -6954,7 +7732,7 @@
   border-radius: var(--seed-radius-full);
   background: var(--seed-color-palette-gray-600);
   margin: var(--switchmark-margin-top, 0) 0;
-  transition: background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms, opacity var(--seed-duration-d1) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms, opacity var(--seed-duration-d1) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   display: block;
   position: relative;
 }
@@ -6963,6 +7741,16 @@
   opacity: .38;
 }
 
+.seed-switchmark__root {
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid transparent);
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
+.seed-switchmark__root:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-focus-ring, var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring));
+  outline-offset: var(--seed-dimension-x0_5);
+}
+
 .seed-switchmark__thumb {
   border-radius: var(--seed-radius-full);
   transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing), background-color var(--seed-duration-d1) var(--seed-timing-function-easing) 20ms;
@@ -7134,6 +7922,17 @@
   bottom: 0;
 }
 
+.seed-tabs__trigger {
+  transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
+.seed-tabs__trigger:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: calc(var(--seed-dimension-x0_5) * -1);
+}
+
 .seed-tabs__list--triggerLayout_fill {
   justify-content: space-around;
   padding-left: 0;
@@ -7808,7 +8607,12 @@
   }
 }
 
-.seed-text-input__value:is(:disabled, [disabled], [data-disabled]), .seed-text-input__value:is(:disabled, [disabled], [data-disabled])::placeholder {
+.seed-text-input__value:is(:disabled, [disabled], [data-disabled]) {
+  color: var(--seed-color-fg-disabled);
+  cursor: not-allowed;
+}
+
+.seed-text-input__value:is(:disabled, [disabled], [data-disabled])::placeholder {
   color: var(--seed-color-fg-disabled);
 }
 
@@ -7992,6 +8796,8 @@
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  outline: var(--seed-dimension-x0_5) solid transparent;
+  outline-offset: var(--seed-dimension-x0_5);
   border: none;
   flex-shrink: 0;
   justify-content: center;
@@ -8002,8 +8808,9 @@
   position: relative;
 }
 
-.seed-toggle-button:is(:focus, [data-focus]) {
-  outline: none;
+.seed-toggle-button:is(:focus-visible, [data-focus-visible]) {
+  outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
+  outline-offset: var(--seed-dimension-x0_5);
 }
 
 .seed-toggle-button:is(:disabled, [disabled], [data-disabled]) {
@@ -8011,7 +8818,7 @@
 }
 
 .seed-toggle-button {
-  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
+  transition: background-color var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
   font-weight: var(--seed-font-weight-bold);
 }
 
@@ -8022,8 +8829,16 @@
   --range-color: var(--seed-color-palette-static-white);
 }
 
-.seed-toggle-button--variant_brandSolid:is(:active, [data-active]) {
-  background: var(--seed-color-bg-brand-solid-pressed);
+@media (hover: hover) {
+  .seed-toggle-button--variant_brandSolid:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-toggle-button--variant_brandSolid:is(:active, [data-active]) {
+    background: var(--seed-color-bg-brand-solid-pressed);
+  }
 }
 
 .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]) {
@@ -8035,8 +8850,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-toggle-button--variant_brandSolid:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-toggle-button--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
@@ -8066,8 +8889,16 @@
   --range-color: var(--seed-color-fg-neutral);
 }
 
-.seed-toggle-button--variant_neutralWeak:is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-toggle-button--variant_neutralWeak:is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-toggle-button--variant_neutralWeak:is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]) {
@@ -8079,8 +8910,16 @@
   --seed-suffix-icon-color: var(--seed-color-fg-neutral);
 }
 
-.seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
-  background: var(--seed-color-bg-neutral-weak-pressed);
+@media (hover: hover) {
+  .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:hover, [data-hover]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
+}
+
+@media (hover: none) {
+  .seed-toggle-button--variant_neutralWeak:is([aria-pressed="true"], [data-pressed]):is(:active, [data-active]) {
+    background: var(--seed-color-bg-neutral-weak-pressed);
+  }
 }
 
 .seed-toggle-button--variant_neutralWeak:is(:disabled, [disabled], [data-disabled]) {