@crowdstrike/tailwind-toucan-base 3.5.1 → 4.1.0

package/toucan.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;
 }
@@ -1029,130 +1039,213 @@ video {
 }
 
 .type-4xl {
+  font-family: Calibre, sans-serif;
   font-size: 3rem;
-  line-height: 3.25rem;
   font-weight: 500;
   letter-spacing: -0.025em;
+  line-height: 3.25rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-3xl {
+  font-family: Calibre, sans-serif;
   font-size: 2.5rem;
-  line-height: 3rem;
   font-weight: 500;
   letter-spacing: -0.025em;
+  line-height: 3rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-2xl {
+  font-family: Calibre, sans-serif;
   font-size: 2rem;
-  line-height: 2.5rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 2.5rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-xl {
+  font-family: Calibre, sans-serif;
   font-size: 1.5rem;
-  line-height: 2rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 2rem;
+  text-decoration: initial;
   text-rendering: geometricPrecision;
 }
 
 .type-lg {
+  font-family: Calibre, sans-serif;
   font-size: 1.25rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 2rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-lg-medium {
+  font-family: Calibre, sans-serif;
   font-size: 1.25rem;
-  line-height: 2rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 2rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-lg-tight-medium {
+  font-family: Calibre, sans-serif;
   font-size: 1.25rem;
-  line-height: 1.5rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 1.5rem;
+  text-decoration: initial;
   text-rendering: geometricPrecision;
 }
 
 .type-md {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.5rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-md-medium {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
-  line-height: 1.5rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 1.5rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-md-underline {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.5rem;
   text-decoration: underline;
+  text-rendering: initial;
 }
 
 .type-md-tight {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.25rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-md-tight-medium {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
-  line-height: 1.25rem;
   font-weight: 500;
+  letter-spacing: 0em;
+  line-height: 1.25rem;
+  text-decoration: initial;
   text-rendering: geometricPrecision;
 }
 
 .type-md-tight-underline {
+  font-family: Calibre, sans-serif;
   font-size: 1rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.25rem;
   text-decoration: underline;
+  text-rendering: initial;
 }
 
 .type-sm-mono {
+  font-family: Monaco, monospace;
   font-size: .875rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.5rem;
-  font-family: Monaco, monospace;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-sm-mono-tight {
-  font-size: .875rem;
   font-family: Monaco, monospace;
+  font-size: .875rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.25rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-sm-mono-underline {
+  font-family: Monaco, monospace;
   font-size: .875rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.5rem;
-  font-family: Monaco, monospace;
   text-decoration: underline;
+  text-rendering: initial;
 }
 
 .type-xs {
+  font-family: Calibre, sans-serif;
   font-size: .75rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.25rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-xs-tight {
+  font-family: Calibre, sans-serif;
   font-size: .75rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1rem;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-xs-tight-underline {
+  font-family: Calibre, sans-serif;
   font-size: .75rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1rem;
   text-decoration: underline;
+  text-rendering: initial;
 }
 
 .type-xs-mono {
+  font-family: Monaco, monospace;
   font-size: .75rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1.5rem;
-  font-family: Monaco, monospace;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .type-xxs-mono {
+  font-family: Monaco, monospace;
   font-size: .5625rem;
+  font-weight: 400;
+  letter-spacing: 0em;
   line-height: 1rem;
-  font-family: Monaco, monospace;
+  text-decoration: initial;
+  text-rendering: initial;
 }
 
 .geometric-precision-text {
@@ -20218,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);
 }
@@ -20266,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);
 }
@@ -20322,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);
 }
@@ -22589,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);
 }
@@ -22637,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);
 }
@@ -22693,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);
 }
@@ -22845,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);
 }
@@ -22893,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);
 }
@@ -22949,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);
 }
@@ -23101,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);
 }
@@ -23149,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);
 }
@@ -23205,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);
 }
@@ -23537,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);
 }
@@ -23585,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);
 }
@@ -23641,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);
 }
@@ -23793,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);
 }
@@ -23841,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);
 }
@@ -23897,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);
 }
@@ -24049,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);
 }
@@ -24097,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);
 }
@@ -24153,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);
 }
@@ -24305,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);
 }
@@ -24353,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);
 }
@@ -24409,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);
 }
@@ -24561,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);
 }
@@ -24609,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);
 }
@@ -24665,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);
 }
@@ -24817,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);
 }
@@ -24865,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);
 }
@@ -24921,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);
 }
@@ -25073,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);
 }
@@ -25121,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);
 }
@@ -25177,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);
 }
@@ -25329,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);
 }
@@ -25377,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);
 }
@@ -25433,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);
 }
@@ -25585,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);
 }
@@ -25633,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);
 }
@@ -25689,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);
 }
@@ -26093,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));
@@ -26153,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));
@@ -26223,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));
@@ -26413,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));
@@ -26473,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));
@@ -26543,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));
@@ -26733,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));
@@ -26793,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));
@@ -26863,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));
@@ -27017,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));
 }
@@ -27065,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));
 }
@@ -27121,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));
 }
@@ -27273,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));
 }
@@ -27321,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));
 }
@@ -27377,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));
 }
@@ -27529,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));
 }
@@ -27577,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));
 }
@@ -27633,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));
 }
@@ -27785,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);
 }
@@ -27833,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);
 }
@@ -27889,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);
 }
@@ -28041,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);
 }
@@ -28089,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);
 }
@@ -28145,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);
 }
@@ -28297,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);
 }
@@ -28345,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);
 }
@@ -28401,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);
 }
@@ -30264,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);
 }
@@ -30312,6 +30872,10 @@ video {
   color: var(--overlay-2);
 }
 
+.text-overlay-reverse-0\.5 {
+  color: var(--overlay-reverse-0\.5);
+}
+
 .text-positive {
   color: var(--positive);
 }
@@ -30368,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);
 }
@@ -30520,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);
 }
@@ -30568,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);
 }
@@ -30624,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);
 }
@@ -30776,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);
 }
@@ -30824,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);
 }
@@ -30880,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);
 }
@@ -31032,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);
 }
@@ -31080,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);
 }
@@ -31136,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);
 }
@@ -31288,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);
 }
@@ -31336,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);
 }
@@ -31392,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);
 }
@@ -31544,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);
 }
@@ -31592,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);
 }
@@ -31648,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);
 }
@@ -31800,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);
 }
@@ -31848,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);
 }
@@ -31904,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);
 }
@@ -32426,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);
 }
@@ -32522,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);
 }
@@ -32634,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);
 }
@@ -32938,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);
 }
@@ -33034,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);
 }
@@ -33146,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);
 }
@@ -33546,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);
 }
@@ -33594,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);
 }
@@ -33650,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);
 }
@@ -34993,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);
 }
@@ -35041,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);
 }
@@ -35097,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);
 }
@@ -35249,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);
 }
@@ -35297,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);
 }
@@ -35353,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);
 }
@@ -35505,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);
 }
@@ -35553,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);
 }
@@ -35609,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);
 }
@@ -36001,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);
 }
@@ -36049,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);
 }
@@ -36105,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);
 }
@@ -36257,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);
 }
@@ -36305,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);
 }
@@ -36361,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);
 }
@@ -36513,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);
 }
@@ -36561,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);
 }
@@ -36617,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);
 }