@crowdstrike/tailwind-toucan-base 4.0.0 → 4.2.0

package/toucan.css

@@ -603,6 +603,7 @@ video {
   --code-bg: #232326;
   --code-outline: #1c1c21;
   --code-text: #9dc1fd;
+  --neutral: #84869A;
   --critical: #fa4147;
   --destructive-hover: #fa9497;
   --destructive-idle: #1e1d20;
@@ -628,6 +629,9 @@ video {
   --informational: #9dc1fd;
   --lines-dark: #09090c;
   --lines-light: #14141a;
+  --border-reg: #4b4b58;
+  --border-faint: #383842;
+  --border-bold: #676c79;
   --low: #cef2ce;
   --medium: #ffcc00;
   --mezzanine: #212121;
@@ -640,6 +644,7 @@ video {
   --overlay-0\.5: #00000021;
   --overlay-1: #00000040;
   --overlay-2: #00000099;
+  --overlay-reverse-0\.5: #666666;
   --positive: #06e5b7;
   --primary-hover: #e1ecfe;
   --primary-idle: #c8dcfe;
@@ -654,6 +659,7 @@ video {
   --surface-lg: #343337;
   --surface-md: #2d2c31;
   --surface-xl: #38373c;
+  --surface-dash-widget: #000000;
   --text-and-icons: #fafafa;
   --titles-and-attributes: #e2e2e4;
 }
@@ -667,6 +673,7 @@ video {
   --code-bg: #ffffff;
   --code-outline: #e5e5e5;
   --code-text: #0b54c1;
+  --neutral: #868798;
   --critical: #e9181f;
   --destructive-hover: #f47479;
   --destructive-idle: #ffffff;
@@ -692,6 +699,9 @@ video {
   --informational: #5082d2;
   --lines-dark: #d9d9d9;
   --lines-light: #eeeeee;
+  --border-reg: #c8c8d0;
+  --border-faint: #dedee3;
+  --border-bold: #9c9caa;
   --low: #649f64;
   --medium: #edb000;
   --mezzanine: #242424;
@@ -704,6 +714,7 @@ video {
   --overlay-0\.5: #00000008;
   --overlay-1: #0000000d;
   --overlay-2: #00000026;
+  --overlay-reverse-0\.5: #999999;
   --positive: #1b8e67;
   --primary-hover: #168093;
   --primary-idle: #036678;
@@ -718,6 +729,7 @@ video {
   --surface-lg: #ffffff;
   --surface-md: #ffffff;
   --surface-xl: #ffffff;
+  --surface-dash-widget: #ffffff;
   --text-and-icons: #202020;
   --titles-and-attributes: #3d3d3d;
 }
@@ -20201,6 +20213,10 @@ video {
   border-color: var(--code-text);
 }
 
+.divide-neutral > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--neutral);
+}
+
 .divide-critical > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--critical);
 }
@@ -20301,6 +20317,18 @@ video {
   border-color: var(--lines-light);
 }
 
+.divide-border-reg > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--border-reg);
+}
+
+.divide-border-faint > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--border-faint);
+}
+
+.divide-border-bold > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--border-bold);
+}
+
 .divide-low > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--low);
 }
@@ -20349,6 +20377,10 @@ video {
   border-color: var(--overlay-2);
 }
 
+.divide-overlay-reverse-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--overlay-reverse-0\.5);
+}
+
 .divide-positive > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--positive);
 }
@@ -20405,6 +20437,10 @@ video {
   border-color: var(--surface-xl);
 }
 
+.divide-surface-dash-widget > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--surface-dash-widget);
+}
+
 .divide-text-and-icons > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--text-and-icons);
 }
@@ -22572,6 +22608,10 @@ video {
   border-color: var(--code-text);
 }
 
+.border-neutral {
+  border-color: var(--neutral);
+}
+
 .border-critical {
   border-color: var(--critical);
 }
@@ -22672,6 +22712,18 @@ video {
   border-color: var(--lines-light);
 }
 
+.border-border-reg {
+  border-color: var(--border-reg);
+}
+
+.border-border-faint {
+  border-color: var(--border-faint);
+}
+
+.border-border-bold {
+  border-color: var(--border-bold);
+}
+
 .border-low {
   border-color: var(--low);
 }
@@ -22720,6 +22772,10 @@ video {
   border-color: var(--overlay-2);
 }
 
+.border-overlay-reverse-0\.5 {
+  border-color: var(--overlay-reverse-0\.5);
+}
+
 .border-positive {
   border-color: var(--positive);
 }
@@ -22776,6 +22832,10 @@ video {
   border-color: var(--surface-xl);
 }
 
+.border-surface-dash-widget {
+  border-color: var(--surface-dash-widget);
+}
+
 .border-text-and-icons {
   border-color: var(--text-and-icons);
 }
@@ -22828,6 +22888,10 @@ video {
   border-color: var(--code-text);
 }
 
+.hover\:border-neutral:hover {
+  border-color: var(--neutral);
+}
+
 .hover\:border-critical:hover {
   border-color: var(--critical);
 }
@@ -22928,6 +22992,18 @@ video {
   border-color: var(--lines-light);
 }
 
+.hover\:border-border-reg:hover {
+  border-color: var(--border-reg);
+}
+
+.hover\:border-border-faint:hover {
+  border-color: var(--border-faint);
+}
+
+.hover\:border-border-bold:hover {
+  border-color: var(--border-bold);
+}
+
 .hover\:border-low:hover {
   border-color: var(--low);
 }
@@ -22976,6 +23052,10 @@ video {
   border-color: var(--overlay-2);
 }
 
+.hover\:border-overlay-reverse-0\.5:hover {
+  border-color: var(--overlay-reverse-0\.5);
+}
+
 .hover\:border-positive:hover {
   border-color: var(--positive);
 }
@@ -23032,6 +23112,10 @@ video {
   border-color: var(--surface-xl);
 }
 
+.hover\:border-surface-dash-widget:hover {
+  border-color: var(--surface-dash-widget);
+}
+
 .hover\:border-text-and-icons:hover {
   border-color: var(--text-and-icons);
 }
@@ -23084,6 +23168,10 @@ video {
   border-color: var(--code-text);
 }
 
+.active\:border-neutral:active {
+  border-color: var(--neutral);
+}
+
 .active\:border-critical:active {
   border-color: var(--critical);
 }
@@ -23184,6 +23272,18 @@ video {
   border-color: var(--lines-light);
 }
 
+.active\:border-border-reg:active {
+  border-color: var(--border-reg);
+}
+
+.active\:border-border-faint:active {
+  border-color: var(--border-faint);
+}
+
+.active\:border-border-bold:active {
+  border-color: var(--border-bold);
+}
+
 .active\:border-low:active {
   border-color: var(--low);
 }
@@ -23232,6 +23332,10 @@ video {
   border-color: var(--overlay-2);
 }
 
+.active\:border-overlay-reverse-0\.5:active {
+  border-color: var(--overlay-reverse-0\.5);
+}
+
 .active\:border-positive:active {
   border-color: var(--positive);
 }
@@ -23288,6 +23392,10 @@ video {
   border-color: var(--surface-xl);
 }
 
+.active\:border-surface-dash-widget:active {
+  border-color: var(--surface-dash-widget);
+}
+
 .active\:border-text-and-icons:active {
   border-color: var(--text-and-icons);
 }
@@ -23520,6 +23628,10 @@ video {
   background-color: var(--code-text);
 }
 
+.bg-neutral {
+  background-color: var(--neutral);
+}
+
 .bg-critical {
   background-color: var(--critical);
 }
@@ -23620,6 +23732,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.bg-border-reg {
+  background-color: var(--border-reg);
+}
+
+.bg-border-faint {
+  background-color: var(--border-faint);
+}
+
+.bg-border-bold {
+  background-color: var(--border-bold);
+}
+
 .bg-low {
   background-color: var(--low);
 }
@@ -23668,6 +23792,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.bg-overlay-reverse-0\.5 {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .bg-positive {
   background-color: var(--positive);
 }
@@ -23724,6 +23852,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.bg-surface-dash-widget {
+  background-color: var(--surface-dash-widget);
+}
+
 .bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -23776,6 +23908,10 @@ video {
   background-color: var(--code-text);
 }
 
+.even\:bg-neutral:nth-child(even) {
+  background-color: var(--neutral);
+}
+
 .even\:bg-critical:nth-child(even) {
   background-color: var(--critical);
 }
@@ -23876,6 +24012,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.even\:bg-border-reg:nth-child(even) {
+  background-color: var(--border-reg);
+}
+
+.even\:bg-border-faint:nth-child(even) {
+  background-color: var(--border-faint);
+}
+
+.even\:bg-border-bold:nth-child(even) {
+  background-color: var(--border-bold);
+}
+
 .even\:bg-low:nth-child(even) {
   background-color: var(--low);
 }
@@ -23924,6 +24072,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.even\:bg-overlay-reverse-0\.5:nth-child(even) {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .even\:bg-positive:nth-child(even) {
   background-color: var(--positive);
 }
@@ -23980,6 +24132,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.even\:bg-surface-dash-widget:nth-child(even) {
+  background-color: var(--surface-dash-widget);
+}
+
 .even\:bg-text-and-icons:nth-child(even) {
   background-color: var(--text-and-icons);
 }
@@ -24032,6 +24188,10 @@ video {
   background-color: var(--code-text);
 }
 
+.group:hover .group-hover\:bg-neutral {
+  background-color: var(--neutral);
+}
+
 .group:hover .group-hover\:bg-critical {
   background-color: var(--critical);
 }
@@ -24132,6 +24292,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.group:hover .group-hover\:bg-border-reg {
+  background-color: var(--border-reg);
+}
+
+.group:hover .group-hover\:bg-border-faint {
+  background-color: var(--border-faint);
+}
+
+.group:hover .group-hover\:bg-border-bold {
+  background-color: var(--border-bold);
+}
+
 .group:hover .group-hover\:bg-low {
   background-color: var(--low);
 }
@@ -24180,6 +24352,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.group:hover .group-hover\:bg-overlay-reverse-0\.5 {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .group:hover .group-hover\:bg-positive {
   background-color: var(--positive);
 }
@@ -24236,6 +24412,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.group:hover .group-hover\:bg-surface-dash-widget {
+  background-color: var(--surface-dash-widget);
+}
+
 .group:hover .group-hover\:bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -24288,6 +24468,10 @@ video {
   background-color: var(--code-text);
 }
 
+.hover\:bg-neutral:hover {
+  background-color: var(--neutral);
+}
+
 .hover\:bg-critical:hover {
   background-color: var(--critical);
 }
@@ -24388,6 +24572,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.hover\:bg-border-reg:hover {
+  background-color: var(--border-reg);
+}
+
+.hover\:bg-border-faint:hover {
+  background-color: var(--border-faint);
+}
+
+.hover\:bg-border-bold:hover {
+  background-color: var(--border-bold);
+}
+
 .hover\:bg-low:hover {
   background-color: var(--low);
 }
@@ -24436,6 +24632,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.hover\:bg-overlay-reverse-0\.5:hover {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .hover\:bg-positive:hover {
   background-color: var(--positive);
 }
@@ -24492,6 +24692,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.hover\:bg-surface-dash-widget:hover {
+  background-color: var(--surface-dash-widget);
+}
+
 .hover\:bg-text-and-icons:hover {
   background-color: var(--text-and-icons);
 }
@@ -24544,6 +24748,10 @@ video {
   background-color: var(--code-text);
 }
 
+.focus\:bg-neutral:focus {
+  background-color: var(--neutral);
+}
+
 .focus\:bg-critical:focus {
   background-color: var(--critical);
 }
@@ -24644,6 +24852,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.focus\:bg-border-reg:focus {
+  background-color: var(--border-reg);
+}
+
+.focus\:bg-border-faint:focus {
+  background-color: var(--border-faint);
+}
+
+.focus\:bg-border-bold:focus {
+  background-color: var(--border-bold);
+}
+
 .focus\:bg-low:focus {
   background-color: var(--low);
 }
@@ -24692,6 +24912,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.focus\:bg-overlay-reverse-0\.5:focus {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .focus\:bg-positive:focus {
   background-color: var(--positive);
 }
@@ -24748,6 +24972,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.focus\:bg-surface-dash-widget:focus {
+  background-color: var(--surface-dash-widget);
+}
+
 .focus\:bg-text-and-icons:focus {
   background-color: var(--text-and-icons);
 }
@@ -24800,6 +25028,10 @@ video {
   background-color: var(--code-text);
 }
 
+.focus-within\:bg-neutral:focus-within {
+  background-color: var(--neutral);
+}
+
 .focus-within\:bg-critical:focus-within {
   background-color: var(--critical);
 }
@@ -24900,6 +25132,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.focus-within\:bg-border-reg:focus-within {
+  background-color: var(--border-reg);
+}
+
+.focus-within\:bg-border-faint:focus-within {
+  background-color: var(--border-faint);
+}
+
+.focus-within\:bg-border-bold:focus-within {
+  background-color: var(--border-bold);
+}
+
 .focus-within\:bg-low:focus-within {
   background-color: var(--low);
 }
@@ -24948,6 +25192,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.focus-within\:bg-overlay-reverse-0\.5:focus-within {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .focus-within\:bg-positive:focus-within {
   background-color: var(--positive);
 }
@@ -25004,6 +25252,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.focus-within\:bg-surface-dash-widget:focus-within {
+  background-color: var(--surface-dash-widget);
+}
+
 .focus-within\:bg-text-and-icons:focus-within {
   background-color: var(--text-and-icons);
 }
@@ -25056,6 +25308,10 @@ video {
   background-color: var(--code-text);
 }
 
+.focus-visible\:bg-neutral:focus-visible {
+  background-color: var(--neutral);
+}
+
 .focus-visible\:bg-critical:focus-visible {
   background-color: var(--critical);
 }
@@ -25156,6 +25412,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.focus-visible\:bg-border-reg:focus-visible {
+  background-color: var(--border-reg);
+}
+
+.focus-visible\:bg-border-faint:focus-visible {
+  background-color: var(--border-faint);
+}
+
+.focus-visible\:bg-border-bold:focus-visible {
+  background-color: var(--border-bold);
+}
+
 .focus-visible\:bg-low:focus-visible {
   background-color: var(--low);
 }
@@ -25204,6 +25472,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.focus-visible\:bg-overlay-reverse-0\.5:focus-visible {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .focus-visible\:bg-positive:focus-visible {
   background-color: var(--positive);
 }
@@ -25260,6 +25532,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.focus-visible\:bg-surface-dash-widget:focus-visible {
+  background-color: var(--surface-dash-widget);
+}
+
 .focus-visible\:bg-text-and-icons:focus-visible {
   background-color: var(--text-and-icons);
 }
@@ -25312,6 +25588,10 @@ video {
   background-color: var(--code-text);
 }
 
+.active\:bg-neutral:active {
+  background-color: var(--neutral);
+}
+
 .active\:bg-critical:active {
   background-color: var(--critical);
 }
@@ -25412,6 +25692,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.active\:bg-border-reg:active {
+  background-color: var(--border-reg);
+}
+
+.active\:bg-border-faint:active {
+  background-color: var(--border-faint);
+}
+
+.active\:bg-border-bold:active {
+  background-color: var(--border-bold);
+}
+
 .active\:bg-low:active {
   background-color: var(--low);
 }
@@ -25460,6 +25752,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.active\:bg-overlay-reverse-0\.5:active {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .active\:bg-positive:active {
   background-color: var(--positive);
 }
@@ -25516,6 +25812,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.active\:bg-surface-dash-widget:active {
+  background-color: var(--surface-dash-widget);
+}
+
 .active\:bg-text-and-icons:active {
   background-color: var(--text-and-icons);
 }
@@ -25568,6 +25868,10 @@ video {
   background-color: var(--code-text);
 }
 
+.disabled\:bg-neutral:disabled {
+  background-color: var(--neutral);
+}
+
 .disabled\:bg-critical:disabled {
   background-color: var(--critical);
 }
@@ -25668,6 +25972,18 @@ video {
   background-color: var(--lines-light);
 }
 
+.disabled\:bg-border-reg:disabled {
+  background-color: var(--border-reg);
+}
+
+.disabled\:bg-border-faint:disabled {
+  background-color: var(--border-faint);
+}
+
+.disabled\:bg-border-bold:disabled {
+  background-color: var(--border-bold);
+}
+
 .disabled\:bg-low:disabled {
   background-color: var(--low);
 }
@@ -25716,6 +26032,10 @@ video {
   background-color: var(--overlay-2);
 }
 
+.disabled\:bg-overlay-reverse-0\.5:disabled {
+  background-color: var(--overlay-reverse-0\.5);
+}
+
 .disabled\:bg-positive:disabled {
   background-color: var(--positive);
 }
@@ -25772,6 +26092,10 @@ video {
   background-color: var(--surface-xl);
 }
 
+.disabled\:bg-surface-dash-widget:disabled {
+  background-color: var(--surface-dash-widget);
+}
+
 .disabled\:bg-text-and-icons:disabled {
   background-color: var(--text-and-icons);
 }
@@ -26051,6 +26375,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-neutral {
+  --tw-gradient-from: var(--neutral);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .from-critical {
   --tw-gradient-from: var(--critical);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26176,6 +26505,21 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-border-reg {
+  --tw-gradient-from: var(--border-reg);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-border-faint {
+  --tw-gradient-from: var(--border-faint);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.from-border-bold {
+  --tw-gradient-from: var(--border-bold);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .from-low {
   --tw-gradient-from: var(--low);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26236,6 +26580,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-overlay-reverse-0\.5 {
+  --tw-gradient-from: var(--overlay-reverse-0\.5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .from-positive {
   --tw-gradient-from: var(--positive);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26306,6 +26655,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-surface-dash-widget {
+  --tw-gradient-from: var(--surface-dash-widget);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .from-text-and-icons {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26371,6 +26725,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-neutral:hover {
+  --tw-gradient-from: var(--neutral);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:from-critical:hover {
   --tw-gradient-from: var(--critical);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26496,6 +26855,21 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-border-reg:hover {
+  --tw-gradient-from: var(--border-reg);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-border-faint:hover {
+  --tw-gradient-from: var(--border-faint);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:from-border-bold:hover {
+  --tw-gradient-from: var(--border-bold);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:from-low:hover {
   --tw-gradient-from: var(--low);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26556,6 +26930,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-overlay-reverse-0\.5:hover {
+  --tw-gradient-from: var(--overlay-reverse-0\.5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:from-positive:hover {
   --tw-gradient-from: var(--positive);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26626,6 +27005,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-surface-dash-widget:hover {
+  --tw-gradient-from: var(--surface-dash-widget);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:from-text-and-icons:hover {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26691,6 +27075,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-neutral:focus {
+  --tw-gradient-from: var(--neutral);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:from-critical:focus {
   --tw-gradient-from: var(--critical);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26816,6 +27205,21 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-border-reg:focus {
+  --tw-gradient-from: var(--border-reg);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-border-faint:focus {
+  --tw-gradient-from: var(--border-faint);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:from-border-bold:focus {
+  --tw-gradient-from: var(--border-bold);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:from-low:focus {
   --tw-gradient-from: var(--low);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26876,6 +27280,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-overlay-reverse-0\.5:focus {
+  --tw-gradient-from: var(--overlay-reverse-0\.5);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:from-positive:focus {
   --tw-gradient-from: var(--positive);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -26946,6 +27355,11 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-surface-dash-widget:focus {
+  --tw-gradient-from: var(--surface-dash-widget);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:from-text-and-icons:focus {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27000,6 +27414,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--code-text), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-neutral {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--neutral), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .via-critical {
   --tw-gradient-stops: var(--tw-gradient-from), var(--critical), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27100,6 +27518,18 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--lines-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-border-reg {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-reg), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-border-faint {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-faint), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.via-border-bold {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-bold), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .via-low {
   --tw-gradient-stops: var(--tw-gradient-from), var(--low), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27148,6 +27578,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-overlay-reverse-0\.5 {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-reverse-0\.5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .via-positive {
   --tw-gradient-stops: var(--tw-gradient-from), var(--positive), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27204,6 +27638,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-surface-dash-widget {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .via-text-and-icons {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27256,6 +27694,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--code-text), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-neutral:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--neutral), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:via-critical:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--critical), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27356,6 +27798,18 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--lines-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-border-reg:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-reg), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-border-faint:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-faint), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.hover\:via-border-bold:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-bold), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:via-low:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--low), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27404,6 +27858,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-overlay-reverse-0\.5:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-reverse-0\.5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:via-positive:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--positive), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27460,6 +27918,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-surface-dash-widget:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .hover\:via-text-and-icons:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27512,6 +27974,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--code-text), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-neutral:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--neutral), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:via-critical:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--critical), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27612,6 +28078,18 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--lines-light), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-border-reg:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-reg), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-border-faint:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-faint), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
+.focus\:via-border-bold:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--border-bold), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:via-low:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--low), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27660,6 +28138,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-2), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-overlay-reverse-0\.5:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--overlay-reverse-0\.5), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:via-positive:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--positive), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27716,6 +28198,10 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-surface-dash-widget:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
+}
+
 .focus\:via-text-and-icons:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -27768,6 +28254,10 @@ video {
   --tw-gradient-to: var(--code-text);
 }
 
+.to-neutral {
+  --tw-gradient-to: var(--neutral);
+}
+
 .to-critical {
   --tw-gradient-to: var(--critical);
 }
@@ -27868,6 +28358,18 @@ video {
   --tw-gradient-to: var(--lines-light);
 }
 
+.to-border-reg {
+  --tw-gradient-to: var(--border-reg);
+}
+
+.to-border-faint {
+  --tw-gradient-to: var(--border-faint);
+}
+
+.to-border-bold {
+  --tw-gradient-to: var(--border-bold);
+}
+
 .to-low {
   --tw-gradient-to: var(--low);
 }
@@ -27916,6 +28418,10 @@ video {
   --tw-gradient-to: var(--overlay-2);
 }
 
+.to-overlay-reverse-0\.5 {
+  --tw-gradient-to: var(--overlay-reverse-0\.5);
+}
+
 .to-positive {
   --tw-gradient-to: var(--positive);
 }
@@ -27972,6 +28478,10 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
+.to-surface-dash-widget {
+  --tw-gradient-to: var(--surface-dash-widget);
+}
+
 .to-text-and-icons {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -28024,6 +28534,10 @@ video {
   --tw-gradient-to: var(--code-text);
 }
 
+.hover\:to-neutral:hover {
+  --tw-gradient-to: var(--neutral);
+}
+
 .hover\:to-critical:hover {
   --tw-gradient-to: var(--critical);
 }
@@ -28124,6 +28638,18 @@ video {
   --tw-gradient-to: var(--lines-light);
 }
 
+.hover\:to-border-reg:hover {
+  --tw-gradient-to: var(--border-reg);
+}
+
+.hover\:to-border-faint:hover {
+  --tw-gradient-to: var(--border-faint);
+}
+
+.hover\:to-border-bold:hover {
+  --tw-gradient-to: var(--border-bold);
+}
+
 .hover\:to-low:hover {
   --tw-gradient-to: var(--low);
 }
@@ -28172,6 +28698,10 @@ video {
   --tw-gradient-to: var(--overlay-2);
 }
 
+.hover\:to-overlay-reverse-0\.5:hover {
+  --tw-gradient-to: var(--overlay-reverse-0\.5);
+}
+
 .hover\:to-positive:hover {
   --tw-gradient-to: var(--positive);
 }
@@ -28228,6 +28758,10 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
+.hover\:to-surface-dash-widget:hover {
+  --tw-gradient-to: var(--surface-dash-widget);
+}
+
 .hover\:to-text-and-icons:hover {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -28280,6 +28814,10 @@ video {
   --tw-gradient-to: var(--code-text);
 }
 
+.focus\:to-neutral:focus {
+  --tw-gradient-to: var(--neutral);
+}
+
 .focus\:to-critical:focus {
   --tw-gradient-to: var(--critical);
 }
@@ -28380,6 +28918,18 @@ video {
   --tw-gradient-to: var(--lines-light);
 }
 
+.focus\:to-border-reg:focus {
+  --tw-gradient-to: var(--border-reg);
+}
+
+.focus\:to-border-faint:focus {
+  --tw-gradient-to: var(--border-faint);
+}
+
+.focus\:to-border-bold:focus {
+  --tw-gradient-to: var(--border-bold);
+}
+
 .focus\:to-low:focus {
   --tw-gradient-to: var(--low);
 }
@@ -28428,6 +28978,10 @@ video {
   --tw-gradient-to: var(--overlay-2);
 }
 
+.focus\:to-overlay-reverse-0\.5:focus {
+  --tw-gradient-to: var(--overlay-reverse-0\.5);
+}
+
 .focus\:to-positive:focus {
   --tw-gradient-to: var(--positive);
 }
@@ -28484,6 +29038,10 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
+.focus\:to-surface-dash-widget:focus {
+  --tw-gradient-to: var(--surface-dash-widget);
+}
+
 .focus\:to-text-and-icons:focus {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -30247,6 +30805,10 @@ video {
   color: var(--code-text);
 }
 
+.text-neutral {
+  color: var(--neutral);
+}
+
 .text-critical {
   color: var(--critical);
 }
@@ -30347,6 +30909,18 @@ video {
   color: var(--lines-light);
 }
 
+.text-border-reg {
+  color: var(--border-reg);
+}
+
+.text-border-faint {
+  color: var(--border-faint);
+}
+
+.text-border-bold {
+  color: var(--border-bold);
+}
+
 .text-low {
   color: var(--low);
 }
@@ -30395,6 +30969,10 @@ video {
   color: var(--overlay-2);
 }
 
+.text-overlay-reverse-0\.5 {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .text-positive {
   color: var(--positive);
 }
@@ -30451,6 +31029,10 @@ video {
   color: var(--surface-xl);
 }
 
+.text-surface-dash-widget {
+  color: var(--surface-dash-widget);
+}
+
 .text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -30503,6 +31085,10 @@ video {
   color: var(--code-text);
 }
 
+.hover\:text-neutral:hover {
+  color: var(--neutral);
+}
+
 .hover\:text-critical:hover {
   color: var(--critical);
 }
@@ -30603,6 +31189,18 @@ video {
   color: var(--lines-light);
 }
 
+.hover\:text-border-reg:hover {
+  color: var(--border-reg);
+}
+
+.hover\:text-border-faint:hover {
+  color: var(--border-faint);
+}
+
+.hover\:text-border-bold:hover {
+  color: var(--border-bold);
+}
+
 .hover\:text-low:hover {
   color: var(--low);
 }
@@ -30651,6 +31249,10 @@ video {
   color: var(--overlay-2);
 }
 
+.hover\:text-overlay-reverse-0\.5:hover {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .hover\:text-positive:hover {
   color: var(--positive);
 }
@@ -30707,6 +31309,10 @@ video {
   color: var(--surface-xl);
 }
 
+.hover\:text-surface-dash-widget:hover {
+  color: var(--surface-dash-widget);
+}
+
 .hover\:text-text-and-icons:hover {
   color: var(--text-and-icons);
 }
@@ -30759,6 +31365,10 @@ video {
   color: var(--code-text);
 }
 
+.focus\:text-neutral:focus {
+  color: var(--neutral);
+}
+
 .focus\:text-critical:focus {
   color: var(--critical);
 }
@@ -30859,6 +31469,18 @@ video {
   color: var(--lines-light);
 }
 
+.focus\:text-border-reg:focus {
+  color: var(--border-reg);
+}
+
+.focus\:text-border-faint:focus {
+  color: var(--border-faint);
+}
+
+.focus\:text-border-bold:focus {
+  color: var(--border-bold);
+}
+
 .focus\:text-low:focus {
   color: var(--low);
 }
@@ -30907,6 +31529,10 @@ video {
   color: var(--overlay-2);
 }
 
+.focus\:text-overlay-reverse-0\.5:focus {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .focus\:text-positive:focus {
   color: var(--positive);
 }
@@ -30963,6 +31589,10 @@ video {
   color: var(--surface-xl);
 }
 
+.focus\:text-surface-dash-widget:focus {
+  color: var(--surface-dash-widget);
+}
+
 .focus\:text-text-and-icons:focus {
   color: var(--text-and-icons);
 }
@@ -31015,6 +31645,10 @@ video {
   color: var(--code-text);
 }
 
+.focus-visible\:text-neutral:focus-visible {
+  color: var(--neutral);
+}
+
 .focus-visible\:text-critical:focus-visible {
   color: var(--critical);
 }
@@ -31115,6 +31749,18 @@ video {
   color: var(--lines-light);
 }
 
+.focus-visible\:text-border-reg:focus-visible {
+  color: var(--border-reg);
+}
+
+.focus-visible\:text-border-faint:focus-visible {
+  color: var(--border-faint);
+}
+
+.focus-visible\:text-border-bold:focus-visible {
+  color: var(--border-bold);
+}
+
 .focus-visible\:text-low:focus-visible {
   color: var(--low);
 }
@@ -31163,6 +31809,10 @@ video {
   color: var(--overlay-2);
 }
 
+.focus-visible\:text-overlay-reverse-0\.5:focus-visible {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .focus-visible\:text-positive:focus-visible {
   color: var(--positive);
 }
@@ -31219,6 +31869,10 @@ video {
   color: var(--surface-xl);
 }
 
+.focus-visible\:text-surface-dash-widget:focus-visible {
+  color: var(--surface-dash-widget);
+}
+
 .focus-visible\:text-text-and-icons:focus-visible {
   color: var(--text-and-icons);
 }
@@ -31271,6 +31925,10 @@ video {
   color: var(--code-text);
 }
 
+.group:hover .group-hover\:text-neutral {
+  color: var(--neutral);
+}
+
 .group:hover .group-hover\:text-critical {
   color: var(--critical);
 }
@@ -31371,6 +32029,18 @@ video {
   color: var(--lines-light);
 }
 
+.group:hover .group-hover\:text-border-reg {
+  color: var(--border-reg);
+}
+
+.group:hover .group-hover\:text-border-faint {
+  color: var(--border-faint);
+}
+
+.group:hover .group-hover\:text-border-bold {
+  color: var(--border-bold);
+}
+
 .group:hover .group-hover\:text-low {
   color: var(--low);
 }
@@ -31419,6 +32089,10 @@ video {
   color: var(--overlay-2);
 }
 
+.group:hover .group-hover\:text-overlay-reverse-0\.5 {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .group:hover .group-hover\:text-positive {
   color: var(--positive);
 }
@@ -31475,6 +32149,10 @@ video {
   color: var(--surface-xl);
 }
 
+.group:hover .group-hover\:text-surface-dash-widget {
+  color: var(--surface-dash-widget);
+}
+
 .group:hover .group-hover\:text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -31527,6 +32205,10 @@ video {
   color: var(--code-text);
 }
 
+.active\:text-neutral:active {
+  color: var(--neutral);
+}
+
 .active\:text-critical:active {
   color: var(--critical);
 }
@@ -31627,6 +32309,18 @@ video {
   color: var(--lines-light);
 }
 
+.active\:text-border-reg:active {
+  color: var(--border-reg);
+}
+
+.active\:text-border-faint:active {
+  color: var(--border-faint);
+}
+
+.active\:text-border-bold:active {
+  color: var(--border-bold);
+}
+
 .active\:text-low:active {
   color: var(--low);
 }
@@ -31675,6 +32369,10 @@ video {
   color: var(--overlay-2);
 }
 
+.active\:text-overlay-reverse-0\.5:active {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .active\:text-positive:active {
   color: var(--positive);
 }
@@ -31731,6 +32429,10 @@ video {
   color: var(--surface-xl);
 }
 
+.active\:text-surface-dash-widget:active {
+  color: var(--surface-dash-widget);
+}
+
 .active\:text-text-and-icons:active {
   color: var(--text-and-icons);
 }
@@ -31783,6 +32485,10 @@ video {
   color: var(--code-text);
 }
 
+.disabled\:text-neutral:disabled {
+  color: var(--neutral);
+}
+
 .disabled\:text-critical:disabled {
   color: var(--critical);
 }
@@ -31883,6 +32589,18 @@ video {
   color: var(--lines-light);
 }
 
+.disabled\:text-border-reg:disabled {
+  color: var(--border-reg);
+}
+
+.disabled\:text-border-faint:disabled {
+  color: var(--border-faint);
+}
+
+.disabled\:text-border-bold:disabled {
+  color: var(--border-bold);
+}
+
 .disabled\:text-low:disabled {
   color: var(--low);
 }
@@ -31931,6 +32649,10 @@ video {
   color: var(--overlay-2);
 }
 
+.disabled\:text-overlay-reverse-0\.5:disabled {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .disabled\:text-positive:disabled {
   color: var(--positive);
 }
@@ -31987,6 +32709,10 @@ video {
   color: var(--surface-xl);
 }
 
+.disabled\:text-surface-dash-widget:disabled {
+  color: var(--surface-dash-widget);
+}
+
 .disabled\:text-text-and-icons:disabled {
   color: var(--text-and-icons);
 }
@@ -32309,6 +33035,14 @@ video {
   color: var(--code-text);
 }
 
+.placeholder-neutral::-moz-placeholder {
+  color: var(--neutral);
+}
+
+.placeholder-neutral::placeholder {
+  color: var(--neutral);
+}
+
 .placeholder-critical::-moz-placeholder {
   color: var(--critical);
 }
@@ -32509,6 +33243,30 @@ video {
   color: var(--lines-light);
 }
 
+.placeholder-border-reg::-moz-placeholder {
+  color: var(--border-reg);
+}
+
+.placeholder-border-reg::placeholder {
+  color: var(--border-reg);
+}
+
+.placeholder-border-faint::-moz-placeholder {
+  color: var(--border-faint);
+}
+
+.placeholder-border-faint::placeholder {
+  color: var(--border-faint);
+}
+
+.placeholder-border-bold::-moz-placeholder {
+  color: var(--border-bold);
+}
+
+.placeholder-border-bold::placeholder {
+  color: var(--border-bold);
+}
+
 .placeholder-low::-moz-placeholder {
   color: var(--low);
 }
@@ -32605,6 +33363,14 @@ video {
   color: var(--overlay-2);
 }
 
+.placeholder-overlay-reverse-0\.5::-moz-placeholder {
+  color: var(--overlay-reverse-0\.5);
+}
+
+.placeholder-overlay-reverse-0\.5::placeholder {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .placeholder-positive::-moz-placeholder {
   color: var(--positive);
 }
@@ -32717,6 +33483,14 @@ video {
   color: var(--surface-xl);
 }
 
+.placeholder-surface-dash-widget::-moz-placeholder {
+  color: var(--surface-dash-widget);
+}
+
+.placeholder-surface-dash-widget::placeholder {
+  color: var(--surface-dash-widget);
+}
+
 .placeholder-text-and-icons::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -32821,6 +33595,14 @@ video {
   color: var(--code-text);
 }
 
+.focus\:placeholder-neutral:focus::-moz-placeholder {
+  color: var(--neutral);
+}
+
+.focus\:placeholder-neutral:focus::placeholder {
+  color: var(--neutral);
+}
+
 .focus\:placeholder-critical:focus::-moz-placeholder {
   color: var(--critical);
 }
@@ -33021,6 +33803,30 @@ video {
   color: var(--lines-light);
 }
 
+.focus\:placeholder-border-reg:focus::-moz-placeholder {
+  color: var(--border-reg);
+}
+
+.focus\:placeholder-border-reg:focus::placeholder {
+  color: var(--border-reg);
+}
+
+.focus\:placeholder-border-faint:focus::-moz-placeholder {
+  color: var(--border-faint);
+}
+
+.focus\:placeholder-border-faint:focus::placeholder {
+  color: var(--border-faint);
+}
+
+.focus\:placeholder-border-bold:focus::-moz-placeholder {
+  color: var(--border-bold);
+}
+
+.focus\:placeholder-border-bold:focus::placeholder {
+  color: var(--border-bold);
+}
+
 .focus\:placeholder-low:focus::-moz-placeholder {
   color: var(--low);
 }
@@ -33117,6 +33923,14 @@ video {
   color: var(--overlay-2);
 }
 
+.focus\:placeholder-overlay-reverse-0\.5:focus::-moz-placeholder {
+  color: var(--overlay-reverse-0\.5);
+}
+
+.focus\:placeholder-overlay-reverse-0\.5:focus::placeholder {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .focus\:placeholder-positive:focus::-moz-placeholder {
   color: var(--positive);
 }
@@ -33229,6 +34043,14 @@ video {
   color: var(--surface-xl);
 }
 
+.focus\:placeholder-surface-dash-widget:focus::-moz-placeholder {
+  color: var(--surface-dash-widget);
+}
+
+.focus\:placeholder-surface-dash-widget:focus::placeholder {
+  color: var(--surface-dash-widget);
+}
+
 .focus\:placeholder-text-and-icons:focus::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -33529,6 +34351,10 @@ video {
   caret-color: var(--code-text);
 }
 
+.caret-neutral {
+  caret-color: var(--neutral);
+}
+
 .caret-critical {
   caret-color: var(--critical);
 }
@@ -33629,6 +34455,18 @@ video {
   caret-color: var(--lines-light);
 }
 
+.caret-border-reg {
+  caret-color: var(--border-reg);
+}
+
+.caret-border-faint {
+  caret-color: var(--border-faint);
+}
+
+.caret-border-bold {
+  caret-color: var(--border-bold);
+}
+
 .caret-low {
   caret-color: var(--low);
 }
@@ -33677,6 +34515,10 @@ video {
   caret-color: var(--overlay-2);
 }
 
+.caret-overlay-reverse-0\.5 {
+  caret-color: var(--overlay-reverse-0\.5);
+}
+
 .caret-positive {
   caret-color: var(--positive);
 }
@@ -33733,6 +34575,10 @@ video {
   caret-color: var(--surface-xl);
 }
 
+.caret-surface-dash-widget {
+  caret-color: var(--surface-dash-widget);
+}
+
 .caret-text-and-icons {
   caret-color: var(--text-and-icons);
 }
@@ -34976,6 +35822,10 @@ video {
   --tw-ring-color: var(--code-text);
 }
 
+.ring-neutral {
+  --tw-ring-color: var(--neutral);
+}
+
 .ring-critical {
   --tw-ring-color: var(--critical);
 }
@@ -35076,6 +35926,18 @@ video {
   --tw-ring-color: var(--lines-light);
 }
 
+.ring-border-reg {
+  --tw-ring-color: var(--border-reg);
+}
+
+.ring-border-faint {
+  --tw-ring-color: var(--border-faint);
+}
+
+.ring-border-bold {
+  --tw-ring-color: var(--border-bold);
+}
+
 .ring-low {
   --tw-ring-color: var(--low);
 }
@@ -35124,6 +35986,10 @@ video {
   --tw-ring-color: var(--overlay-2);
 }
 
+.ring-overlay-reverse-0\.5 {
+  --tw-ring-color: var(--overlay-reverse-0\.5);
+}
+
 .ring-positive {
   --tw-ring-color: var(--positive);
 }
@@ -35180,6 +36046,10 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
+.ring-surface-dash-widget {
+  --tw-ring-color: var(--surface-dash-widget);
+}
+
 .ring-text-and-icons {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -35232,6 +36102,10 @@ video {
   --tw-ring-color: var(--code-text);
 }
 
+.focus-within\:ring-neutral:focus-within {
+  --tw-ring-color: var(--neutral);
+}
+
 .focus-within\:ring-critical:focus-within {
   --tw-ring-color: var(--critical);
 }
@@ -35332,6 +36206,18 @@ video {
   --tw-ring-color: var(--lines-light);
 }
 
+.focus-within\:ring-border-reg:focus-within {
+  --tw-ring-color: var(--border-reg);
+}
+
+.focus-within\:ring-border-faint:focus-within {
+  --tw-ring-color: var(--border-faint);
+}
+
+.focus-within\:ring-border-bold:focus-within {
+  --tw-ring-color: var(--border-bold);
+}
+
 .focus-within\:ring-low:focus-within {
   --tw-ring-color: var(--low);
 }
@@ -35380,6 +36266,10 @@ video {
   --tw-ring-color: var(--overlay-2);
 }
 
+.focus-within\:ring-overlay-reverse-0\.5:focus-within {
+  --tw-ring-color: var(--overlay-reverse-0\.5);
+}
+
 .focus-within\:ring-positive:focus-within {
   --tw-ring-color: var(--positive);
 }
@@ -35436,6 +36326,10 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
+.focus-within\:ring-surface-dash-widget:focus-within {
+  --tw-ring-color: var(--surface-dash-widget);
+}
+
 .focus-within\:ring-text-and-icons:focus-within {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -35488,6 +36382,10 @@ video {
   --tw-ring-color: var(--code-text);
 }
 
+.focus\:ring-neutral:focus {
+  --tw-ring-color: var(--neutral);
+}
+
 .focus\:ring-critical:focus {
   --tw-ring-color: var(--critical);
 }
@@ -35588,6 +36486,18 @@ video {
   --tw-ring-color: var(--lines-light);
 }
 
+.focus\:ring-border-reg:focus {
+  --tw-ring-color: var(--border-reg);
+}
+
+.focus\:ring-border-faint:focus {
+  --tw-ring-color: var(--border-faint);
+}
+
+.focus\:ring-border-bold:focus {
+  --tw-ring-color: var(--border-bold);
+}
+
 .focus\:ring-low:focus {
   --tw-ring-color: var(--low);
 }
@@ -35636,6 +36546,10 @@ video {
   --tw-ring-color: var(--overlay-2);
 }
 
+.focus\:ring-overlay-reverse-0\.5:focus {
+  --tw-ring-color: var(--overlay-reverse-0\.5);
+}
+
 .focus\:ring-positive:focus {
   --tw-ring-color: var(--positive);
 }
@@ -35692,6 +36606,10 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
+.focus\:ring-surface-dash-widget:focus {
+  --tw-ring-color: var(--surface-dash-widget);
+}
+
 .focus\:ring-text-and-icons:focus {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -35984,6 +36902,10 @@ video {
   --tw-ring-offset-color: var(--code-text);
 }
 
+.ring-offset-neutral {
+  --tw-ring-offset-color: var(--neutral);
+}
+
 .ring-offset-critical {
   --tw-ring-offset-color: var(--critical);
 }
@@ -36084,6 +37006,18 @@ video {
   --tw-ring-offset-color: var(--lines-light);
 }
 
+.ring-offset-border-reg {
+  --tw-ring-offset-color: var(--border-reg);
+}
+
+.ring-offset-border-faint {
+  --tw-ring-offset-color: var(--border-faint);
+}
+
+.ring-offset-border-bold {
+  --tw-ring-offset-color: var(--border-bold);
+}
+
 .ring-offset-low {
   --tw-ring-offset-color: var(--low);
 }
@@ -36132,6 +37066,10 @@ video {
   --tw-ring-offset-color: var(--overlay-2);
 }
 
+.ring-offset-overlay-reverse-0\.5 {
+  --tw-ring-offset-color: var(--overlay-reverse-0\.5);
+}
+
 .ring-offset-positive {
   --tw-ring-offset-color: var(--positive);
 }
@@ -36188,6 +37126,10 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
+.ring-offset-surface-dash-widget {
+  --tw-ring-offset-color: var(--surface-dash-widget);
+}
+
 .ring-offset-text-and-icons {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -36240,6 +37182,10 @@ video {
   --tw-ring-offset-color: var(--code-text);
 }
 
+.focus-within\:ring-offset-neutral:focus-within {
+  --tw-ring-offset-color: var(--neutral);
+}
+
 .focus-within\:ring-offset-critical:focus-within {
   --tw-ring-offset-color: var(--critical);
 }
@@ -36340,6 +37286,18 @@ video {
   --tw-ring-offset-color: var(--lines-light);
 }
 
+.focus-within\:ring-offset-border-reg:focus-within {
+  --tw-ring-offset-color: var(--border-reg);
+}
+
+.focus-within\:ring-offset-border-faint:focus-within {
+  --tw-ring-offset-color: var(--border-faint);
+}
+
+.focus-within\:ring-offset-border-bold:focus-within {
+  --tw-ring-offset-color: var(--border-bold);
+}
+
 .focus-within\:ring-offset-low:focus-within {
   --tw-ring-offset-color: var(--low);
 }
@@ -36388,6 +37346,10 @@ video {
   --tw-ring-offset-color: var(--overlay-2);
 }
 
+.focus-within\:ring-offset-overlay-reverse-0\.5:focus-within {
+  --tw-ring-offset-color: var(--overlay-reverse-0\.5);
+}
+
 .focus-within\:ring-offset-positive:focus-within {
   --tw-ring-offset-color: var(--positive);
 }
@@ -36444,6 +37406,10 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
+.focus-within\:ring-offset-surface-dash-widget:focus-within {
+  --tw-ring-offset-color: var(--surface-dash-widget);
+}
+
 .focus-within\:ring-offset-text-and-icons:focus-within {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -36496,6 +37462,10 @@ video {
   --tw-ring-offset-color: var(--code-text);
 }
 
+.focus\:ring-offset-neutral:focus {
+  --tw-ring-offset-color: var(--neutral);
+}
+
 .focus\:ring-offset-critical:focus {
   --tw-ring-offset-color: var(--critical);
 }
@@ -36596,6 +37566,18 @@ video {
   --tw-ring-offset-color: var(--lines-light);
 }
 
+.focus\:ring-offset-border-reg:focus {
+  --tw-ring-offset-color: var(--border-reg);
+}
+
+.focus\:ring-offset-border-faint:focus {
+  --tw-ring-offset-color: var(--border-faint);
+}
+
+.focus\:ring-offset-border-bold:focus {
+  --tw-ring-offset-color: var(--border-bold);
+}
+
 .focus\:ring-offset-low:focus {
   --tw-ring-offset-color: var(--low);
 }
@@ -36644,6 +37626,10 @@ video {
   --tw-ring-offset-color: var(--overlay-2);
 }
 
+.focus\:ring-offset-overlay-reverse-0\.5:focus {
+  --tw-ring-offset-color: var(--overlay-reverse-0\.5);
+}
+
 .focus\:ring-offset-positive:focus {
   --tw-ring-offset-color: var(--positive);
 }
@@ -36700,6 +37686,10 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
+.focus\:ring-offset-surface-dash-widget:focus {
+  --tw-ring-offset-color: var(--surface-dash-widget);
+}
+
 .focus\:ring-offset-text-and-icons:focus {
   --tw-ring-offset-color: var(--text-and-icons);
 }