@dialpad/dialtone-css 8.28.1 → 8.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/lib/build/less/components/icon.less +8 -9
  3. package/lib/build/less/utilities/typography.less +1 -0
  4. package/lib/dist/css/dialtone.css +74 -73
  5. package/lib/dist/css/dialtone.min.css +1 -1
  6. package/package.json +2 -2
package/lib/build/less/components/icon.less CHANGED
@@ -13,15 +13,14 @@
13
13
  // $ SIZE
14
14
  // ----------------------------------------------------------------------------
15
15
  .d-icon {
16
- --icon-base-scale: var(--dt-size-400); // replace with global variable eventually
17
- --icon-size-100: calc(var(--icon-base-scale) * 1.5);
18
- --icon-size-200: calc(var(--icon-base-scale) * 1.75);
19
- --icon-size-300: calc(var(--icon-base-scale) * 2.25);
20
- --icon-size-400: calc(var(--icon-base-scale) * 2.5);
21
- --icon-size-500: calc(var(--icon-base-scale) * 3);
22
- --icon-size-600: calc(var(--icon-base-scale) * 4);
23
- --icon-size-700: calc(var(--icon-base-scale) * 4.75);
24
- --icon-size-800: calc(var(--icon-base-scale) * 6);
16
+ --icon-size-100: var(--dt-icon-size-100);
17
+ --icon-size-200: var(--dt-icon-size-200);
18
+ --icon-size-300: var(--dt-icon-size-300);
19
+ --icon-size-400: var(--dt-icon-size-400);
20
+ --icon-size-500: var(--dt-icon-size-500);
21
+ --icon-size-600: var(--dt-icon-size-600);
22
+ --icon-size-700: var(--dt-icon-size-700);
23
+ --icon-size-800: var(--dt-icon-size-800);
25
24
  --icon-size: var(--icon-size-500);
26
25
 
27
26
  flex: none;
package/lib/build/less/utilities/typography.less CHANGED
@@ -58,6 +58,7 @@ ul {
58
58
  .d-headline--eyebrow,
59
59
  .d-headline-eyebrow {
60
60
  font: var(--dt-typography-headline-eyebrow);
61
+ text-transform: var(--dt-typography-headline-eyebrow-text-case);
61
62
  }
62
63
 
63
64
  .d-headline--sm,
package/lib/dist/css/dialtone.css CHANGED
@@ -4155,15 +4155,14 @@ legend .d-label {
4155
4155
  border-width: var(--dt-size-200);
4156
4156
  }
4157
4157
  .d-icon {
4158
- --icon-base-scale: var(--dt-size-400);
4159
- --icon-size-100: calc(var(--icon-base-scale) * 1.5);
4160
- --icon-size-200: calc(var(--icon-base-scale) * 1.75);
4161
- --icon-size-300: calc(var(--icon-base-scale) * 2.25);
4162
- --icon-size-400: calc(var(--icon-base-scale) * 2.5);
4163
- --icon-size-500: calc(var(--icon-base-scale) * 3);
4164
- --icon-size-600: calc(var(--icon-base-scale) * 4);
4165
- --icon-size-700: calc(var(--icon-base-scale) * 4.75);
4166
- --icon-size-800: calc(var(--icon-base-scale) * 6);
4158
+ --icon-size-100: var(--dt-icon-size-100);
4159
+ --icon-size-200: var(--dt-icon-size-200);
4160
+ --icon-size-300: var(--dt-icon-size-300);
4161
+ --icon-size-400: var(--dt-icon-size-400);
4162
+ --icon-size-500: var(--dt-icon-size-500);
4163
+ --icon-size-600: var(--dt-icon-size-600);
4164
+ --icon-size-700: var(--dt-icon-size-700);
4165
+ --icon-size-800: var(--dt-icon-size-800);
4167
4166
  --icon-size: var(--icon-size-500);
4168
4167
  flex: none;
4169
4168
  width: var(--icon-size);
@@ -6904,6 +6903,7 @@ ul {
6904
6903
  .d-headline--eyebrow,
6905
6904
  .d-headline-eyebrow {
6906
6905
  font: var(--dt-typography-headline-eyebrow);
6906
+ text-transform: var(--dt-typography-headline-eyebrow-text-case);
6907
6907
  }
6908
6908
  .d-headline--sm,
6909
6909
  .d-headline-small {
@@ -7083,6 +7083,7 @@ ul {
7083
7083
  }
7084
7084
  .d-headline10 {
7085
7085
  font: var(--dt-typography-headline-eyebrow);
7086
+ text-transform: var(--dt-typography-headline-eyebrow-text-case);
7086
7087
  }
7087
7088
  .d-headline24 {
7088
7089
  font: var(--dt-typography-headline-lg);
@@ -7460,7 +7461,7 @@ body {
7460
7461
  }
7461
7462
  /**
7462
7463
  * Do not edit directly
7463
- * Generated on Fri, 15 Mar 2024 00:00:45 GMT
7464
+ * Generated on Mon, 18 Mar 2024 23:36:05 GMT
7464
7465
  */
7465
7466
 
7466
7467
  .dialtone-theme-light {
@@ -7470,8 +7471,8 @@ body {
7470
7471
  --dt-font-size-400: 2.7rem; /* extra large / xl */
7471
7472
  --dt-font-size-500: 3.8rem; /* extra large / xxl */
7472
7473
  --dt-font-size-root: 1rem;
7473
- --dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
7474
- --dt-font-family-expressive: Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
7474
+ --dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7475
+ --dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7475
7476
  --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
7476
7477
  --dt-font-line-height-100: 1;
7477
7478
  --dt-font-line-height-200: 1.2;
@@ -7944,147 +7945,147 @@ body {
7944
7945
  --dt-shadow-focus-inset-1-spread: 0.3rem;
7945
7946
  --dt-shadow-focus-inset-1-color: #51A0FE;
7946
7947
  --dt-shadow-focus-inset-1-type: innerShadow;
7947
- --dt-typography-body-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium text style for main content. */
7948
+ --dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
7948
7949
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
7949
7950
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
7950
7951
  --dt-typography-body-md-font-size: 1.5rem; /* Base default medium text style for main content. */
7951
7952
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
7952
- --dt-typography-body-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
7953
+ --dt-typography-body-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
7953
7954
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
7954
7955
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
7955
7956
  --dt-typography-body-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium body style. */
7956
7957
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
7957
- --dt-typography-body-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
7958
+ --dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
7958
7959
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
7959
7960
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
7960
7961
  --dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
7961
7962
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
7962
- --dt-typography-body-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small body style. */
7963
+ --dt-typography-body-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
7963
7964
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
7964
7965
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
7965
7966
  --dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
7966
7967
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
7967
- --dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7968
+ --dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7968
7969
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7969
7970
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7970
7971
  --dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7971
7972
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
7972
- --dt-typography-headline-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
7973
+ --dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
7973
7974
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
7974
7975
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
7975
7976
  --dt-typography-headline-sm-font-size: 1.2rem; /* Smaller text size for secondary information or subheadings. */
7976
7977
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
7977
- --dt-typography-headline-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
7978
+ --dt-typography-headline-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
7978
7979
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
7979
7980
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
7980
7981
  --dt-typography-headline-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small headline style. */
7981
7982
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
7982
- --dt-typography-headline-sm-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of small headline style. */
7983
+ --dt-typography-headline-sm-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
7983
7984
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
7984
7985
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
7985
7986
  --dt-typography-headline-sm-soft-font-size: 1.2rem; /* A softer font weight version of small headline style. */
7986
7987
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
7987
- --dt-typography-headline-sm-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
7988
+ --dt-typography-headline-sm-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
7988
7989
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
7989
7990
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
7990
7991
  --dt-typography-headline-sm-soft-compact-font-size: 1.2rem; /* A softer font weight, tighter-spaced version of small headline style. */
7991
7992
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
7992
- --dt-typography-headline-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Medium-sized base text style for headlines. */
7993
+ --dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
7993
7994
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
7994
7995
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
7995
7996
  --dt-typography-headline-md-font-size: 1.5rem; /* Medium-sized base text style for headlines. */
7996
7997
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
7997
- --dt-typography-headline-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
7998
+ --dt-typography-headline-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
7998
7999
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
7999
8000
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
8000
8001
  --dt-typography-headline-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium headline style. */
8001
8002
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
8002
- --dt-typography-headline-lg-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Large text style for headlines to attract attention. */
8003
+ --dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
8003
8004
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
8004
8005
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
8005
8006
  --dt-typography-headline-lg-font-size: 1.9rem; /* Large text style for headlines to attract attention. */
8006
8007
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
8007
- --dt-typography-headline-lg-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of large headline style. */
8008
+ --dt-typography-headline-lg-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
8008
8009
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
8009
8010
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
8010
8011
  --dt-typography-headline-lg-soft-font-size: 1.9rem; /* A softer font weight version of large headline style. */
8011
8012
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
8012
- --dt-typography-headline-lg-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of large body style. */
8013
+ --dt-typography-headline-lg-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
8013
8014
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
8014
8015
  --dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
8015
8016
  --dt-typography-headline-lg-compact-font-size: 1.9rem; /* A tighter-spaced version of large body style. */
8016
8017
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
8017
- --dt-typography-headline-lg-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
8018
+ --dt-typography-headline-lg-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
8018
8019
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
8019
8020
  --dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
8020
8021
  --dt-typography-headline-lg-soft-compact-font-size: 1.9rem; /* A softer font weight, tighter spaced version of large headline style. */
8021
8022
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
8022
- --dt-typography-headline-xl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Extra large text style for high importance headlines. */
8023
+ --dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
8023
8024
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
8024
8025
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
8025
8026
  --dt-typography-headline-xl-font-size: 2.7rem; /* Extra large text style for high importance headlines. */
8026
8027
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
8027
- --dt-typography-headline-xl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
8028
+ --dt-typography-headline-xl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
8028
8029
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
8029
8030
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
8030
8031
  --dt-typography-headline-xl-compact-font-size: 2.7rem; /* A tighter-spaced version of extra large headline style. */
8031
8032
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
8032
- --dt-typography-headline-xxl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Largest text style for extra extra large content. */
8033
+ --dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
8033
8034
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
8034
8035
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
8035
8036
  --dt-typography-headline-xxl-font-size: 3.8rem; /* Largest text style for extra extra large content. */
8036
8037
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
8037
- --dt-typography-headline-xxl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
8038
+ --dt-typography-headline-xxl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
8038
8039
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
8039
8040
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
8040
8041
  --dt-typography-headline-xxl-compact-font-size: 3.8rem; /* A tighter-spaced version of extra extra large headline style. */
8041
8042
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
8042
- --dt-typography-label-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8043
+ --dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8043
8044
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8044
8045
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8045
8046
  --dt-typography-label-md-font-size: 1.5rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8046
8047
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8047
- --dt-typography-label-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
8048
+ --dt-typography-label-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
8048
8049
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
8049
8050
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
8050
8051
  --dt-typography-label-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium label style. */
8051
8052
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
8052
- --dt-typography-label-md-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of medium label style. */
8053
+ --dt-typography-label-md-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
8053
8054
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
8054
8055
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
8055
8056
  --dt-typography-label-md-plain-font-size: 1.5rem; /* A non-bold version of medium label style. */
8056
8057
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
8057
- --dt-typography-label-md-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
8058
+ --dt-typography-label-md-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
8058
8059
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
8059
8060
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
8060
8061
  --dt-typography-label-md-plain-compact-font-size: 1.5rem; /* A non-bolded, tighter-spaced version of medium label style. */
8061
8062
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
8062
- --dt-typography-label-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8063
+ --dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8063
8064
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8064
8065
  --dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8065
8066
  --dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8066
8067
  --dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
8067
- --dt-typography-label-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small label style. */
8068
+ --dt-typography-label-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
8068
8069
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
8069
8070
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
8070
8071
  --dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
8071
8072
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
8072
- --dt-typography-label-sm-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of small label style. */
8073
+ --dt-typography-label-sm-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
8073
8074
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
8074
8075
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
8075
8076
  --dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
8076
8077
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
8077
- --dt-typography-label-sm-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
8078
+ --dt-typography-label-sm-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
8078
8079
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
8079
8080
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
8080
8081
  --dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
8081
8082
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
8082
- --dt-typography-helper-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
8083
+ --dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
8083
8084
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
8084
8085
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
8085
8086
  --dt-typography-helper-md-font-size: 1.5rem; /* Base default medium-sized text style for supplementary contextual information. */
8086
8087
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
8087
- --dt-typography-helper-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
8088
+ --dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
8088
8089
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
8089
8090
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
8090
8091
  --dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
@@ -8277,7 +8278,7 @@ body {
8277
8278
 
8278
8279
  /**
8279
8280
  * Do not edit directly
8280
- * Generated on Fri, 15 Mar 2024 00:00:46 GMT
8281
+ * Generated on Mon, 18 Mar 2024 23:36:05 GMT
8281
8282
  */
8282
8283
 
8283
8284
  .dialtone-theme-dark {
@@ -8287,8 +8288,8 @@ body {
8287
8288
  --dt-font-size-400: 2.7rem; /* extra large / xl */
8288
8289
  --dt-font-size-500: 3.8rem; /* extra large / xxl */
8289
8290
  --dt-font-size-root: 1rem;
8290
- --dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
8291
- --dt-font-family-expressive: Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
8291
+ --dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8292
+ --dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8292
8293
  --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
8293
8294
  --dt-font-line-height-100: 1;
8294
8295
  --dt-font-line-height-200: 1.2;
@@ -8881,147 +8882,147 @@ body {
8881
8882
  --dt-shadow-focus-inset-1-spread: 0.3rem;
8882
8883
  --dt-shadow-focus-inset-1-color: #51A0FE;
8883
8884
  --dt-shadow-focus-inset-1-type: innerShadow;
8884
- --dt-typography-body-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium text style for main content. */
8885
+ --dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
8885
8886
  --dt-typography-body-md-font-weight: 400; /* Base default medium text style for main content. */
8886
8887
  --dt-typography-body-md-line-height: 1.6; /* Base default medium text style for main content. */
8887
8888
  --dt-typography-body-md-font-size: 1.5rem; /* Base default medium text style for main content. */
8888
8889
  --dt-typography-body-md-text-case: none; /* Base default medium text style for main content. */
8889
- --dt-typography-body-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
8890
+ --dt-typography-body-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium body style. */
8890
8891
  --dt-typography-body-md-compact-font-weight: 400; /* A tighter-spaced version of medium body style. */
8891
8892
  --dt-typography-body-md-compact-line-height: 1.4; /* A tighter-spaced version of medium body style. */
8892
8893
  --dt-typography-body-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium body style. */
8893
8894
  --dt-typography-body-md-compact-text-case: none; /* A tighter-spaced version of medium body style. */
8894
- --dt-typography-body-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
8895
+ --dt-typography-body-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Reduced small text style for less prominent or adjacent content. */
8895
8896
  --dt-typography-body-sm-font-weight: 400; /* Reduced small text style for less prominent or adjacent content. */
8896
8897
  --dt-typography-body-sm-line-height: 1.4; /* Reduced small text style for less prominent or adjacent content. */
8897
8898
  --dt-typography-body-sm-font-size: 1.2rem; /* Reduced small text style for less prominent or adjacent content. */
8898
8899
  --dt-typography-body-sm-text-case: none; /* Reduced small text style for less prominent or adjacent content. */
8899
- --dt-typography-body-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small body style. */
8900
+ --dt-typography-body-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small body style. */
8900
8901
  --dt-typography-body-sm-compact-font-weight: 400; /* A tighter-spaced version of small body style. */
8901
8902
  --dt-typography-body-sm-compact-line-height: 1.2; /* A tighter-spaced version of small body style. */
8902
8903
  --dt-typography-body-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small body style. */
8903
8904
  --dt-typography-body-sm-compact-text-case: none; /* A tighter-spaced version of small body style. */
8904
- --dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8905
+ --dt-typography-headline-eyebrow-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8905
8906
  --dt-typography-headline-eyebrow-font-weight: 400; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8906
8907
  --dt-typography-headline-eyebrow-line-height: 1.4; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8907
8908
  --dt-typography-headline-eyebrow-font-size: 1.2rem; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8908
8909
  --dt-typography-headline-eyebrow-text-case: uppercase; /* Visually concise and uppercase title text used above a paired headline. Also known as a kicker or overline. */
8909
- --dt-typography-headline-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
8910
+ --dt-typography-headline-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for secondary information or subheadings. */
8910
8911
  --dt-typography-headline-sm-font-weight: 700; /* Smaller text size for secondary information or subheadings. */
8911
8912
  --dt-typography-headline-sm-line-height: 1.4; /* Smaller text size for secondary information or subheadings. */
8912
8913
  --dt-typography-headline-sm-font-size: 1.2rem; /* Smaller text size for secondary information or subheadings. */
8913
8914
  --dt-typography-headline-sm-text-case: none; /* Smaller text size for secondary information or subheadings. */
8914
- --dt-typography-headline-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
8915
+ --dt-typography-headline-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small headline style. */
8915
8916
  --dt-typography-headline-sm-compact-font-weight: 700; /* A tighter-spaced version of small headline style. */
8916
8917
  --dt-typography-headline-sm-compact-line-height: 1.2; /* A tighter-spaced version of small headline style. */
8917
8918
  --dt-typography-headline-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small headline style. */
8918
8919
  --dt-typography-headline-sm-compact-text-case: none; /* A tighter-spaced version of small headline style. */
8919
- --dt-typography-headline-sm-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of small headline style. */
8920
+ --dt-typography-headline-sm-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of small headline style. */
8920
8921
  --dt-typography-headline-sm-soft-font-weight: 500; /* A softer font weight version of small headline style. */
8921
8922
  --dt-typography-headline-sm-soft-line-height: 1.4; /* A softer font weight version of small headline style. */
8922
8923
  --dt-typography-headline-sm-soft-font-size: 1.2rem; /* A softer font weight version of small headline style. */
8923
8924
  --dt-typography-headline-sm-soft-text-case: none; /* A softer font weight version of small headline style. */
8924
- --dt-typography-headline-sm-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
8925
+ --dt-typography-headline-sm-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter-spaced version of small headline style. */
8925
8926
  --dt-typography-headline-sm-soft-compact-font-weight: 500; /* A softer font weight, tighter-spaced version of small headline style. */
8926
8927
  --dt-typography-headline-sm-soft-compact-line-height: 1.2; /* A softer font weight, tighter-spaced version of small headline style. */
8927
8928
  --dt-typography-headline-sm-soft-compact-font-size: 1.2rem; /* A softer font weight, tighter-spaced version of small headline style. */
8928
8929
  --dt-typography-headline-sm-soft-compact-text-case: none; /* A softer font weight, tighter-spaced version of small headline style. */
8929
- --dt-typography-headline-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Medium-sized base text style for headlines. */
8930
+ --dt-typography-headline-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Medium-sized base text style for headlines. */
8930
8931
  --dt-typography-headline-md-font-weight: 700; /* Medium-sized base text style for headlines. */
8931
8932
  --dt-typography-headline-md-line-height: 1.6; /* Medium-sized base text style for headlines. */
8932
8933
  --dt-typography-headline-md-font-size: 1.5rem; /* Medium-sized base text style for headlines. */
8933
8934
  --dt-typography-headline-md-text-case: none; /* Medium-sized base text style for headlines. */
8934
- --dt-typography-headline-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
8935
+ --dt-typography-headline-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium headline style. */
8935
8936
  --dt-typography-headline-md-compact-font-weight: 700; /* A tighter-spaced version of medium headline style. */
8936
8937
  --dt-typography-headline-md-compact-line-height: 1.4; /* A tighter-spaced version of medium headline style. */
8937
8938
  --dt-typography-headline-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium headline style. */
8938
8939
  --dt-typography-headline-md-compact-text-case: none; /* A tighter-spaced version of medium headline style. */
8939
- --dt-typography-headline-lg-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Large text style for headlines to attract attention. */
8940
+ --dt-typography-headline-lg-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Large text style for headlines to attract attention. */
8940
8941
  --dt-typography-headline-lg-font-weight: 700; /* Large text style for headlines to attract attention. */
8941
8942
  --dt-typography-headline-lg-line-height: 1.6; /* Large text style for headlines to attract attention. */
8942
8943
  --dt-typography-headline-lg-font-size: 1.9rem; /* Large text style for headlines to attract attention. */
8943
8944
  --dt-typography-headline-lg-text-case: none; /* Large text style for headlines to attract attention. */
8944
- --dt-typography-headline-lg-soft-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight version of large headline style. */
8945
+ --dt-typography-headline-lg-soft-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight version of large headline style. */
8945
8946
  --dt-typography-headline-lg-soft-font-weight: 500; /* A softer font weight version of large headline style. */
8946
8947
  --dt-typography-headline-lg-soft-line-height: 1.6; /* A softer font weight version of large headline style. */
8947
8948
  --dt-typography-headline-lg-soft-font-size: 1.9rem; /* A softer font weight version of large headline style. */
8948
8949
  --dt-typography-headline-lg-soft-text-case: none; /* A softer font weight version of large headline style. */
8949
- --dt-typography-headline-lg-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of large body style. */
8950
+ --dt-typography-headline-lg-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of large body style. */
8950
8951
  --dt-typography-headline-lg-compact-font-weight: 700; /* A tighter-spaced version of large body style. */
8951
8952
  --dt-typography-headline-lg-compact-line-height: 1.2; /* A tighter-spaced version of large body style. */
8952
8953
  --dt-typography-headline-lg-compact-font-size: 1.9rem; /* A tighter-spaced version of large body style. */
8953
8954
  --dt-typography-headline-lg-compact-text-case: none; /* A tighter-spaced version of large body style. */
8954
- --dt-typography-headline-lg-soft-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
8955
+ --dt-typography-headline-lg-soft-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A softer font weight, tighter spaced version of large headline style. */
8955
8956
  --dt-typography-headline-lg-soft-compact-font-weight: 500; /* A softer font weight, tighter spaced version of large headline style. */
8956
8957
  --dt-typography-headline-lg-soft-compact-line-height: 1.2; /* A softer font weight, tighter spaced version of large headline style. */
8957
8958
  --dt-typography-headline-lg-soft-compact-font-size: 1.9rem; /* A softer font weight, tighter spaced version of large headline style. */
8958
8959
  --dt-typography-headline-lg-soft-compact-text-case: none; /* A softer font weight, tighter spaced version of large headline style. */
8959
- --dt-typography-headline-xl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Extra large text style for high importance headlines. */
8960
+ --dt-typography-headline-xl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Extra large text style for high importance headlines. */
8960
8961
  --dt-typography-headline-xl-font-weight: 500; /* Extra large text style for high importance headlines. */
8961
8962
  --dt-typography-headline-xl-line-height: 1.2; /* Extra large text style for high importance headlines. */
8962
8963
  --dt-typography-headline-xl-font-size: 2.7rem; /* Extra large text style for high importance headlines. */
8963
8964
  --dt-typography-headline-xl-text-case: none; /* Extra large text style for high importance headlines. */
8964
- --dt-typography-headline-xl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
8965
+ --dt-typography-headline-xl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra large headline style. */
8965
8966
  --dt-typography-headline-xl-compact-font-weight: 500; /* A tighter-spaced version of extra large headline style. */
8966
8967
  --dt-typography-headline-xl-compact-line-height: 1; /* A tighter-spaced version of extra large headline style. */
8967
8968
  --dt-typography-headline-xl-compact-font-size: 2.7rem; /* A tighter-spaced version of extra large headline style. */
8968
8969
  --dt-typography-headline-xl-compact-text-case: none; /* A tighter-spaced version of extra large headline style. */
8969
- --dt-typography-headline-xxl-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Largest text style for extra extra large content. */
8970
+ --dt-typography-headline-xxl-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Largest text style for extra extra large content. */
8970
8971
  --dt-typography-headline-xxl-font-weight: 500; /* Largest text style for extra extra large content. */
8971
8972
  --dt-typography-headline-xxl-line-height: 1.2; /* Largest text style for extra extra large content. */
8972
8973
  --dt-typography-headline-xxl-font-size: 3.8rem; /* Largest text style for extra extra large content. */
8973
8974
  --dt-typography-headline-xxl-text-case: none; /* Largest text style for extra extra large content. */
8974
- --dt-typography-headline-xxl-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
8975
+ --dt-typography-headline-xxl-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of extra extra large headline style. */
8975
8976
  --dt-typography-headline-xxl-compact-font-weight: 500; /* A tighter-spaced version of extra extra large headline style. */
8976
8977
  --dt-typography-headline-xxl-compact-line-height: 1; /* A tighter-spaced version of extra extra large headline style. */
8977
8978
  --dt-typography-headline-xxl-compact-font-size: 3.8rem; /* A tighter-spaced version of extra extra large headline style. */
8978
8979
  --dt-typography-headline-xxl-compact-text-case: none; /* A tighter-spaced version of extra extra large headline style. */
8979
- --dt-typography-label-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8980
+ --dt-typography-label-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8980
8981
  --dt-typography-label-md-font-weight: 600; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8981
8982
  --dt-typography-label-md-line-height: 1.6; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8982
8983
  --dt-typography-label-md-font-size: 1.5rem; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8983
8984
  --dt-typography-label-md-text-case: none; /* Base default medium-sized text style for labels, providing clear identification and categorization. */
8984
- --dt-typography-label-md-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
8985
+ --dt-typography-label-md-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of medium label style. */
8985
8986
  --dt-typography-label-md-compact-font-weight: 600; /* A tighter-spaced version of medium label style. */
8986
8987
  --dt-typography-label-md-compact-line-height: 1.4; /* A tighter-spaced version of medium label style. */
8987
8988
  --dt-typography-label-md-compact-font-size: 1.5rem; /* A tighter-spaced version of medium label style. */
8988
8989
  --dt-typography-label-md-compact-text-case: none; /* A tighter-spaced version of medium label style. */
8989
- --dt-typography-label-md-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of medium label style. */
8990
+ --dt-typography-label-md-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of medium label style. */
8990
8991
  --dt-typography-label-md-plain-font-weight: 400; /* A non-bold version of medium label style. */
8991
8992
  --dt-typography-label-md-plain-line-height: 1.6; /* A non-bold version of medium label style. */
8992
8993
  --dt-typography-label-md-plain-font-size: 1.5rem; /* A non-bold version of medium label style. */
8993
8994
  --dt-typography-label-md-plain-text-case: none; /* A non-bold version of medium label style. */
8994
- --dt-typography-label-md-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
8995
+ --dt-typography-label-md-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of medium label style. */
8995
8996
  --dt-typography-label-md-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of medium label style. */
8996
8997
  --dt-typography-label-md-plain-compact-line-height: 1.4; /* A non-bolded, tighter-spaced version of medium label style. */
8997
8998
  --dt-typography-label-md-plain-compact-font-size: 1.5rem; /* A non-bolded, tighter-spaced version of medium label style. */
8998
8999
  --dt-typography-label-md-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of medium label style. */
8999
- --dt-typography-label-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9000
+ --dt-typography-label-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9000
9001
  --dt-typography-label-sm-font-weight: 600; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9001
9002
  --dt-typography-label-sm-line-height: 1.4; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9002
9003
  --dt-typography-label-sm-font-size: 1.2rem; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9003
9004
  --dt-typography-label-sm-text-case: none; /* Smaller text style for labels when space is limited or for secondary information or to convey a slightly lower hierachy. */
9004
- --dt-typography-label-sm-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A tighter-spaced version of small label style. */
9005
+ --dt-typography-label-sm-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A tighter-spaced version of small label style. */
9005
9006
  --dt-typography-label-sm-compact-font-weight: 600; /* A tighter-spaced version of small label style. */
9006
9007
  --dt-typography-label-sm-compact-line-height: 1.2; /* A tighter-spaced version of small label style. */
9007
9008
  --dt-typography-label-sm-compact-font-size: 1.2rem; /* A tighter-spaced version of small label style. */
9008
9009
  --dt-typography-label-sm-compact-text-case: none; /* A tighter-spaced version of small label style. */
9009
- --dt-typography-label-sm-plain-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bold version of small label style. */
9010
+ --dt-typography-label-sm-plain-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bold version of small label style. */
9010
9011
  --dt-typography-label-sm-plain-font-weight: 400; /* A non-bold version of small label style. */
9011
9012
  --dt-typography-label-sm-plain-line-height: 1.4; /* A non-bold version of small label style. */
9012
9013
  --dt-typography-label-sm-plain-font-size: 1.2rem; /* A non-bold version of small label style. */
9013
9014
  --dt-typography-label-sm-plain-text-case: none; /* A non-bold version of small label style. */
9014
- --dt-typography-label-sm-plain-compact-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
9015
+ --dt-typography-label-sm-plain-compact-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* A non-bolded, tighter-spaced version of small label style. */
9015
9016
  --dt-typography-label-sm-plain-compact-font-weight: 400; /* A non-bolded, tighter-spaced version of small label style. */
9016
9017
  --dt-typography-label-sm-plain-compact-line-height: 1.2; /* A non-bolded, tighter-spaced version of small label style. */
9017
9018
  --dt-typography-label-sm-plain-compact-font-size: 1.2rem; /* A non-bolded, tighter-spaced version of small label style. */
9018
9019
  --dt-typography-label-sm-plain-compact-text-case: none; /* A non-bolded, tighter-spaced version of small label style. */
9019
- --dt-typography-helper-md-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
9020
+ --dt-typography-helper-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium-sized text style for supplementary contextual information. */
9020
9021
  --dt-typography-helper-md-font-weight: 400; /* Base default medium-sized text style for supplementary contextual information. */
9021
9022
  --dt-typography-helper-md-line-height: 1.4; /* Base default medium-sized text style for supplementary contextual information. */
9022
9023
  --dt-typography-helper-md-font-size: 1.5rem; /* Base default medium-sized text style for supplementary contextual information. */
9023
9024
  --dt-typography-helper-md-text-case: none; /* Base default medium-sized text style for supplementary contextual information. */
9024
- --dt-typography-helper-sm-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
9025
+ --dt-typography-helper-sm-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
9025
9026
  --dt-typography-helper-sm-font-weight: 400; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
9026
9027
  --dt-typography-helper-sm-line-height: 1.2; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */
9027
9028
  --dt-typography-helper-sm-font-size: 1.2rem; /* Smaller text size for subtle guidance or additional context, minimizing visual disruption. */