@crowdstrike/tailwind-toucan-base 4.0.0 → 4.1.0

package/index.css

@@ -628,6 +628,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 +643,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 +658,7 @@ video {
   --surface-lg: #343337;
   --surface-md: #2d2c31;
   --surface-xl: #38373c;
+  --surface-dash-widget: #000000;
   --text-and-icons: #fafafa;
   --titles-and-attributes: #e2e2e4;
 }
@@ -692,6 +697,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 +712,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 +727,7 @@ video {
   --surface-lg: #ffffff;
   --surface-md: #ffffff;
   --surface-xl: #ffffff;
+  --surface-dash-widget: #ffffff;
   --text-and-icons: #202020;
   --titles-and-attributes: #3d3d3d;
 }
@@ -20301,6 +20311,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 +20371,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 +20431,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);
 }
@@ -22672,6 +22702,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 +22762,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 +22822,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);
 }
@@ -22928,6 +22978,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 +23038,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 +23098,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);
 }
@@ -23184,6 +23254,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 +23314,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 +23374,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);
 }
@@ -23620,6 +23710,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 +23770,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 +23830,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);
 }
@@ -23876,6 +23986,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 +24046,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 +24106,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);
 }
@@ -24132,6 +24262,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 +24322,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 +24382,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);
 }
@@ -24388,6 +24538,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 +24598,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 +24658,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);
 }
@@ -24644,6 +24814,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 +24874,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 +24934,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);
 }
@@ -24900,6 +25090,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 +25150,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 +25210,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);
 }
@@ -25156,6 +25366,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 +25426,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 +25486,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);
 }
@@ -25412,6 +25642,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 +25702,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 +25762,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);
 }
@@ -25668,6 +25918,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 +25978,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 +26038,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);
 }
@@ -26176,6 +26446,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 +26521,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 +26596,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));
@@ -26496,6 +26791,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 +26866,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 +26941,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));
@@ -26816,6 +27136,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 +27211,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 +27286,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));
@@ -27100,6 +27445,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 +27505,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 +27565,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));
 }
@@ -27356,6 +27721,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 +27781,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 +27841,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));
 }
@@ -27612,6 +27997,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 +28057,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 +28117,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));
 }
@@ -27868,6 +28273,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 +28333,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 +28393,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);
 }
@@ -28124,6 +28549,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 +28609,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 +28669,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);
 }
@@ -28380,6 +28825,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 +28885,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 +28945,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);
 }
@@ -30347,6 +30812,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 +30872,10 @@ video {
   color: var(--overlay-2);
 }
 
+.text-overlay-reverse-0\.5 {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .text-positive {
   color: var(--positive);
 }
@@ -30451,6 +30932,10 @@ video {
   color: var(--surface-xl);
 }
 
+.text-surface-dash-widget {
+  color: var(--surface-dash-widget);
+}
+
 .text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -30603,6 +31088,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 +31148,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 +31208,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);
 }
@@ -30859,6 +31364,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 +31424,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 +31484,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);
 }
@@ -31115,6 +31640,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 +31700,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 +31760,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);
 }
@@ -31371,6 +31916,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 +31976,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 +32036,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);
 }
@@ -31627,6 +32192,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 +32252,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 +32312,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);
 }
@@ -31883,6 +32468,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 +32528,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 +32588,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);
 }
@@ -32509,6 +33114,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 +33234,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 +33354,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);
 }
@@ -33021,6 +33666,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 +33786,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 +33906,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);
 }
@@ -33629,6 +34314,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 +34374,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 +34434,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);
 }
@@ -35076,6 +35781,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 +35841,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 +35901,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);
 }
@@ -35332,6 +36057,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 +36117,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 +36177,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);
 }
@@ -35588,6 +36333,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 +36393,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 +36453,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);
 }
@@ -36084,6 +36849,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 +36909,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 +36969,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);
 }
@@ -36340,6 +37125,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 +37185,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 +37245,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);
 }
@@ -36596,6 +37401,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 +37461,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 +37521,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);
 }