@skyux/theme 12.12.1 → 12.13.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 (2) hide show
  1. package/css/themes/modern/styles.css +1095 -1059
  2. package/package.json +2 -2
package/css/themes/modern/styles.css CHANGED
@@ -1,1283 +1,1319 @@
1
1
  .sky-theme-modern.sky-theme-brand-base {
2
- --bb-opacity-600: .6;
3
- --bb-size-reading_container-max_width: 50ch, 40vw;
4
- --bb-size-fixed-6000: 960px;
5
- --bb-size-fixed-4000: 640px;
6
- --bb-size-fixed-2000: 320px;
7
- --bb-size-fixed-600: 96px;
8
- --bb-size-fixed-250: 36px;
9
- --bb-size-fixed-150: 24px;
10
- --bb-size-fixed-125: 20px;
11
- --bb-size-fixed-100: 16px;
12
- --bb-size-fixed-75: 12px;
13
- --bb-size-fixed-50: 8px;
14
- --bb-size-fixed-37: 6px;
15
- --bb-size-fixed-25: 4px;
16
- --bb-size-fixed-12: 2px;
17
- --bb-size-fixed-6: 1px;
18
- --bb-size-fluid-600: 6rem;
19
- --bb-size-fluid-550: 5.5rem;
20
- --bb-size-fluid-500: 5rem;
21
- --bb-size-fluid-400: 4rem;
22
- --bb-size-fluid-350: 3.5rem;
23
- --bb-size-fluid-300: 3rem;
24
- --bb-size-fluid-250: 2.5rem;
25
- --bb-size-fluid-225: 2.25rem;
26
- --bb-size-fluid-200: 2rem;
27
- --bb-size-fluid-150: 1.5rem;
28
- --bb-size-fluid-125: 1.25rem;
29
- --bb-size-fluid-100: 1rem;
30
- --bb-size-fluid-75: 0.75rem;
31
- --bb-size-fluid-62: 0.625rem;
32
- --bb-size-fluid-50: 0.5rem;
33
- --bb-size-fluid-37: 0.375rem;
34
- --bb-size-fluid-25: 0.25rem;
35
- --bb-size-fluid-18: 0.1875rem;
36
- --bb-size-fluid-12: 0.125rem;
37
- --bb-size-fluid-6: 0.0625rem;
38
- --bb-size-0: 0rem;
39
- --bb-shadow-gray-24: 0 11px 15px -7px rgba(0,0,0,0.2), 0 9px 46px 8px rgba(0,0,0,0.12), 0 24px 38px 3px rgba(0,0,0,0.14);
40
- --bb-shadow-gray-16: 0 8px 10px -5px rgba(0,0,0,0.2), 0 6px 30px 5px rgba(0,0,0,0.12), 0 16px 24px 2px rgba(0,0,0,0.14);
41
- --bb-shadow-gray-8: 0 5px 5px -3px rgba(0,0,0,0.2), 0 3px 14px 2px rgba(0,0,0,0.12), 0 8px 10px 1px rgba(0,0,0,0.14);
42
- --bb-shadow-gray-4: 0 2px 4px -1px rgba(0,0,0,0.2), 0 1px 10px 0 rgba(0,0,0,0.12), 0 4px 5px 0 rgba(0,0,0,0.14);
43
- --bb-shadow-gray-2: 0 1px 8px 0 rgba(0,0,0,0.2), 0 3px 3px -2px rgba(0,0,0,0.12), 0 3px 4px 0 rgba(0,0,0,0.14);
44
- --bb-shadow-gray-1: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.14);
45
- --bb-shadow-gray-0: 0 0 0 0 #000000;
46
- --bb-color-yellow-1000: #32230a;
47
- --bb-color-yellow-900: #644615;
48
- --bb-color-yellow-800: #976a1f;
49
- --bb-color-yellow-700: #c98d2a;
50
- --bb-color-yellow-600: #fbb034;
51
- --bb-color-yellow-500: #fcc05d;
52
- --bb-color-yellow-400: #fdd085;
53
- --bb-color-yellow-300: #fddfae;
54
- --bb-color-yellow-200: #feefd6;
55
- --bb-color-yellow-100: #fff7eb;
56
- --bb-color-red-1000: #2b0c0c;
57
- --bb-color-red-900: #571718;
58
- --bb-color-red-800: #822325;
59
- --bb-color-red-700: #ae2e31;
60
- --bb-color-red-600: #d93a3d;
61
- --bb-color-red-500: #e16164;
62
- --bb-color-red-400: #e8898b;
63
- --bb-color-red-300: #f0b0b1;
64
- --bb-color-red-200: #f7d8d8;
65
- --bb-color-red-100: #fbebec;
66
- --bb-color-green-1000: #022b17;
67
- --bb-color-green-900: #05572e;
68
- --bb-color-green-800: #078245;
69
- --bb-color-green-700: #0aa959;
70
- --bb-color-green-600: #0cd973;
71
- --bb-color-green-500: #3de18f;
72
- --bb-color-green-400: #6de8ab;
73
- --bb-color-green-300: #9ef0c7;
74
- --bb-color-green-200: #cef7e3;
75
- --bb-color-green-100: #e7fbf1;
2
+ --bb-border-radius-0: 0rem;
3
+ --bb-border-radius-012: .125rem;
4
+ --bb-border-radius-025: .25rem;
5
+ --bb-border-radius-050: .5rem;
6
+ --bb-border-radius-pill: 999rem;
7
+ --bb-border-radius-round: 50%;
8
+ --bb-border-style-dotted: dotted;
9
+ --bb-border-style-solid: solid;
10
+ --bb-color-black: #000000;
11
+ --bb-color-blocking: rgba(255, 255, 255, 0.7);
12
+ --bb-color-blue-100: #e8f0fb;
76
13
  --bb-color-blue-1000: #04152b;
77
- --bb-color-blue-900: #092957;
78
- --bb-color-blue-800: #0d3e82;
79
- --bb-color-blue-700: #1252ae;
80
- --bb-color-blue-600: #1667d9;
81
- --bb-color-blue-500: #4585e1;
82
- --bb-color-blue-400: #73a4e8;
83
- --bb-color-blue-300: #a2c2f0;
84
14
  --bb-color-blue-200: #d0e1f7;
85
- --bb-color-blue-100: #e8f0fb;
86
- --bb-color-gray-1200: #0f1114;
87
- --bb-color-gray-1100: #161a1f;
15
+ --bb-color-blue-25: #fbfcfe;
16
+ --bb-color-blue-300: #a2c2f0;
17
+ --bb-color-blue-400: #73a4e8;
18
+ --bb-color-blue-500: #4585e1;
19
+ --bb-color-blue-600: #1667d9;
20
+ --bb-color-blue-700: #1252ae;
21
+ --bb-color-blue-800: #0d3e82;
22
+ --bb-color-blue-900: #092957;
23
+ --bb-color-gray-100: #d3d5d6;
88
24
  --bb-color-gray-1000: #1e2229;
89
- --bb-color-gray-900: #252b33;
90
- --bb-color-gray-800: #3b4047;
91
- --bb-color-gray-700: #51555c;
92
- --bb-color-gray-600: #666b70;
93
- --bb-color-gray-500: #7c8085;
94
- --bb-color-gray-400: #929599;
95
- --bb-color-gray-300: #a8aaad;
25
+ --bb-color-gray-1100: #161a1f;
26
+ --bb-color-gray-1200: #0f1114;
96
27
  --bb-color-gray-200: #bebfc2;
97
- --bb-color-gray-100: #d3d5d6;
98
- --bb-color-gray-50: #e9eaeb;
99
28
  --bb-color-gray-25: #f9f9f9;
100
- --bb-color-blocking: rgba(255, 255, 255, 0.7);
29
+ --bb-color-gray-300: #a8aaad;
30
+ --bb-color-gray-400: #929599;
31
+ --bb-color-gray-50: #e9eaeb;
32
+ --bb-color-gray-500: #7c8085;
33
+ --bb-color-gray-600: #666b70;
34
+ --bb-color-gray-700: #51555c;
35
+ --bb-color-gray-800: #3b4047;
36
+ --bb-color-gray-900: #252b33;
37
+ --bb-color-green-100: #e7fbf1;
38
+ --bb-color-green-1000: #022b17;
39
+ --bb-color-green-200: #cef7e3;
40
+ --bb-color-green-300: #9ef0c7;
41
+ --bb-color-green-400: #6de8ab;
42
+ --bb-color-green-500: #3de18f;
43
+ --bb-color-green-600: #0cd973;
44
+ --bb-color-green-700: #0aa959;
45
+ --bb-color-green-800: #078245;
46
+ --bb-color-green-900: #05572e;
47
+ --bb-color-red-100: #fbebec;
48
+ --bb-color-red-1000: #2b0c0c;
49
+ --bb-color-red-200: #f7d8d8;
50
+ --bb-color-red-300: #f0b0b1;
51
+ --bb-color-red-400: #e8898b;
52
+ --bb-color-red-500: #e16164;
53
+ --bb-color-red-600: #d93a3d;
54
+ --bb-color-red-700: #ae2e31;
55
+ --bb-color-red-800: #822325;
56
+ --bb-color-red-900: #571718;
101
57
  --bb-color-scrim: rgba(37, 43, 51, 0.5);
102
58
  --bb-color-transparent: rgba(0, 0, 0, 0);
103
- --bb-color-black: #000000;
104
59
  --bb-color-white: #ffffff;
105
- --bb-space-11: 64px;
106
- --bb-space-10: 48px;
107
- --bb-space-9: 36px;
108
- --bb-space-8: 24px;
109
- --bb-space-7: 16px;
110
- --bb-space-6: 12px;
111
- --bb-space-5: 8px;
112
- --bb-space-4: 6px;
113
- --bb-space-3: 4px;
114
- --bb-space-2: 2px;
115
- --bb-space-1: 1px;
116
- --bb-space-0: 0rem;
117
- --bb-border-style-dotted: dotted;
118
- --bb-border-style-solid: solid;
119
- --bb-border-radius-round: 50%;
120
- --bb-border-radius-pill: 999rem;
121
- --bb-border-radius-050: .5rem;
122
- --bb-border-radius-012: .125rem;
123
- --bb-border-radius-025: .25rem;
124
- --bb-border-radius-0: 0rem;
125
- --bb-line_height-1000: calc(64/52);
126
- --bb-line_height-900: calc(48/42);
127
- --bb-line_height-800: calc(40/36);
128
- --bb-line_height-700: calc(40/32);
129
- --bb-line_height-600: calc(36/28);
130
- --bb-line_height-500: calc(32/24);
131
- --bb-line_height-400: calc(28/20);
132
- --bb-line_height-300: calc(24/16);
133
- --bb-line_height-200: calc(20/14);
134
- --bb-line_height-100: calc(16/12);
135
- --bb-letter_spacing-normal: normal;
136
- --bb-letter_spacing-wider: 0.32px;
137
- --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
138
- --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
60
+ --bb-color-yellow-100: #fff7eb;
61
+ --bb-color-yellow-1000: #32230a;
62
+ --bb-color-yellow-200: #feefd6;
63
+ --bb-color-yellow-300: #fddfae;
64
+ --bb-color-yellow-400: #fdd085;
65
+ --bb-color-yellow-500: #fcc05d;
66
+ --bb-color-yellow-600: #fbb034;
67
+ --bb-color-yellow-700: #c98d2a;
68
+ --bb-color-yellow-800: #976a1f;
69
+ --bb-color-yellow-900: #644615;
139
70
  --bb-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
140
71
  --bb-font-blkb_sans-name: BLKB Sans;
141
- --bb-font-style-semibold-italic-style: italic;
142
- --bb-font-style-semibold-italic-weight: 600;
143
- --bb-font-style-semibold: 600;
72
+ --bb-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
73
+ --bb-font-size-100: 0.75rem;
74
+ --bb-font-size-1000: 3.25rem;
75
+ --bb-font-size-200: 0.875rem;
76
+ --bb-font-size-300: 1rem;
77
+ --bb-font-size-400: 1.25rem;
78
+ --bb-font-size-500: 1.5rem;
79
+ --bb-font-size-600: 1.75rem;
80
+ --bb-font-size-700: 2rem;
81
+ --bb-font-size-800: 2.25rem;
82
+ --bb-font-size-900: 2.625rem;
144
83
  --bb-font-style-italic-style: italic;
145
84
  --bb-font-style-italic-weight: 400;
85
+ --bb-font-style-light: 300;
86
+ --bb-font-style-light-italic-style: italic;
87
+ --bb-font-style-light-italic-weight: 300;
146
88
  --bb-font-style-normal-style: normal;
147
89
  --bb-font-style-normal-weight: 400;
148
90
  --bb-font-style-regular: 400;
149
- --bb-font-style-light-italic-style: italic;
150
- --bb-font-style-light-italic-weight: 300;
151
- --bb-font-style-light: 300;
91
+ --bb-font-style-semibold: 600;
92
+ --bb-font-style-semibold-italic-style: italic;
93
+ --bb-font-style-semibold-italic-weight: 600;
152
94
  --bb-font-weight-bold: 700;
153
- --bb-font-weight-semibold: 600;
154
- --bb-font-weight-regular: 400;
155
95
  --bb-font-weight-light: 300;
156
- --bb-font-size-1000: 3.25rem;
157
- --bb-font-size-900: 2.625rem;
158
- --bb-font-size-800: 2.25rem;
159
- --bb-font-size-700: 2rem;
160
- --bb-font-size-600: 1.75rem;
161
- --bb-font-size-500: 1.5rem;
162
- --bb-font-size-400: 1.25rem;
163
- --bb-font-size-300: 1rem;
164
- --bb-font-size-200: 0.875rem;
165
- --bb-font-size-100: 0.75rem;
96
+ --bb-font-weight-regular: 400;
97
+ --bb-font-weight-semibold: 600;
98
+ --bb-letter_spacing-normal: normal;
99
+ --bb-letter_spacing-wider: 0.32px;
100
+ --bb-line_height-100: calc(16/12);
101
+ --bb-line_height-1000: calc(64/52);
102
+ --bb-line_height-200: calc(20/14);
103
+ --bb-line_height-300: calc(24/16);
104
+ --bb-line_height-400: calc(28/20);
105
+ --bb-line_height-500: calc(32/24);
106
+ --bb-line_height-600: calc(36/28);
107
+ --bb-line_height-700: calc(40/32);
108
+ --bb-line_height-800: calc(40/36);
109
+ --bb-line_height-900: calc(48/42);
110
+ --bb-opacity-600: .6;
111
+ --bb-shadow-gray-0: 0 0 0 0 #000000;
112
+ --bb-shadow-gray-1: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.14);
113
+ --bb-shadow-gray-16: 0 8px 10px -5px rgba(0,0,0,0.2), 0 6px 30px 5px rgba(0,0,0,0.12), 0 16px 24px 2px rgba(0,0,0,0.14);
114
+ --bb-shadow-gray-2: 0 1px 8px 0 rgba(0,0,0,0.2), 0 3px 3px -2px rgba(0,0,0,0.12), 0 3px 4px 0 rgba(0,0,0,0.14);
115
+ --bb-shadow-gray-24: 0 11px 15px -7px rgba(0,0,0,0.2), 0 9px 46px 8px rgba(0,0,0,0.12), 0 24px 38px 3px rgba(0,0,0,0.14);
116
+ --bb-shadow-gray-4: 0 2px 4px -1px rgba(0,0,0,0.2), 0 1px 10px 0 rgba(0,0,0,0.12), 0 4px 5px 0 rgba(0,0,0,0.14);
117
+ --bb-shadow-gray-8: 0 5px 5px -3px rgba(0,0,0,0.2), 0 3px 14px 2px rgba(0,0,0,0.12), 0 8px 10px 1px rgba(0,0,0,0.14);
118
+ --bb-size-0: 0rem;
119
+ --bb-size-fixed-100: 16px;
120
+ --bb-size-fixed-12: 2px;
121
+ --bb-size-fixed-125: 20px;
122
+ --bb-size-fixed-150: 24px;
123
+ --bb-size-fixed-2000: 320px;
124
+ --bb-size-fixed-25: 4px;
125
+ --bb-size-fixed-250: 36px;
126
+ --bb-size-fixed-37: 6px;
127
+ --bb-size-fixed-4000: 640px;
128
+ --bb-size-fixed-50: 8px;
129
+ --bb-size-fixed-6: 1px;
130
+ --bb-size-fixed-600: 96px;
131
+ --bb-size-fixed-6000: 960px;
132
+ --bb-size-fixed-75: 12px;
133
+ --bb-size-fluid-100: 1rem;
134
+ --bb-size-fluid-12: 0.125rem;
135
+ --bb-size-fluid-125: 1.25rem;
136
+ --bb-size-fluid-150: 1.5rem;
137
+ --bb-size-fluid-18: 0.1875rem;
138
+ --bb-size-fluid-200: 2rem;
139
+ --bb-size-fluid-225: 2.25rem;
140
+ --bb-size-fluid-25: 0.25rem;
141
+ --bb-size-fluid-250: 2.5rem;
142
+ --bb-size-fluid-300: 3rem;
143
+ --bb-size-fluid-350: 3.5rem;
144
+ --bb-size-fluid-37: 0.375rem;
145
+ --bb-size-fluid-400: 4rem;
146
+ --bb-size-fluid-50: 0.5rem;
147
+ --bb-size-fluid-500: 5rem;
148
+ --bb-size-fluid-550: 5.5rem;
149
+ --bb-size-fluid-6: 0.0625rem;
150
+ --bb-size-fluid-600: 6rem;
151
+ --bb-size-fluid-62: 0.625rem;
152
+ --bb-size-fluid-75: 0.75rem;
153
+ --bb-size-reading_container-max_width: 50ch, 40vw;
154
+ --bb-space-0: 0rem;
155
+ --bb-space-1: 1px;
156
+ --bb-space-10: 48px;
157
+ --bb-space-11: 64px;
158
+ --bb-space-2: 2px;
159
+ --bb-space-3: 4px;
160
+ --bb-space-4: 6px;
161
+ --bb-space-5: 8px;
162
+ --bb-space-6: 12px;
163
+ --bb-space-7: 16px;
164
+ --bb-space-8: 24px;
165
+ --bb-space-9: 36px;
166
+ --bb-color-gradient-blue: linear-gradient( var(--bb-color-blue-500), var(--bb-color-blue-700));
167
+ --bb-font-blkb_sans-family: var(--bb-font-blkb_sans-name), var(--bb-font-blkb_sans-fallback);
166
168
  }
167
169
 
168
170
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
169
- --sky-color-border-input-error: var(--bb-color-red-600);
171
+ --sky-color-background-action: var(--bb-color-blue-800);
172
+ --sky-color-background-container: var(--bb-color-gray-900);
173
+ --sky-color-background-page: var(--bb-color-gray-1100);
174
+ --sky-color-border-input-active: var(--bb-color-blue-300);
175
+ --sky-color-border-input-base: var(--bb-color-gray-600);
170
176
  --sky-color-border-input-disabled: var(--bb-color-gray-600);
177
+ --sky-color-border-input-error: var(--bb-color-red-600);
171
178
  --sky-color-border-input-focus: var(--bb-color-blue-300);
172
- --sky-color-border-input-active: var(--bb-color-blue-300);
173
179
  --sky-color-border-input-hover: var(--bb-color-blue-300);
174
- --sky-color-border-input-base: var(--bb-color-gray-600);
175
180
  --sky-color-border-neutral_soft: var(--bb-color-gray-600);
176
- --sky-color-icon-inverse: var(--bb-color-black);
177
181
  --sky-color-icon-action: var(--bb-color-blue-300);
178
- --sky-color-text-heading: var(--bb-color-green-600);
179
- --sky-color-text-inverse: var(--bb-color-black);
182
+ --sky-color-icon-inverse: var(--bb-color-black);
183
+ --sky-color-text-action: var(--bb-color-blue-300);
180
184
  --sky-color-text-danger: var(--bb-color-red-600);
181
185
  --sky-color-text-deemphasized: var(--bb-color-gray-200);
182
- --sky-color-text-action: var(--bb-color-blue-300);
183
186
  --sky-color-text-default: var(--bb-color-gray-25);
184
- --sky-color-background-page: var(--bb-color-gray-1100);
185
- --sky-color-background-container: var(--bb-color-gray-900);
186
- --sky-color-background-action: var(--bb-color-blue-800);
187
+ --sky-color-text-heading: var(--bb-color-green-600);
188
+ --sky-color-text-inverse: var(--bb-color-black);
187
189
  }
188
190
 
189
191
  .sky-theme-modern.sky-theme-brand-base.sky-theme-mode-compact {
190
192
  --sky-size-icon-xl: var(--bb-size-fluid-125);
191
- --sky-type-body-m: var(--bb-font-size-100) sans-serif;
192
- --sky-space-inset-letterbox-left-l: var(--bb-size-fluid-75);
193
- --sky-space-inset-letterbox-left-m: var(--bb-size-fluid-25);
194
- --sky-space-inset-letterbox-left-s: var(--bb-size-fluid-12);
193
+ --sky-space-inset-balanced-l: var(--bb-size-fluid-50);
194
+ --sky-space-inset-balanced-m: var(--bb-size-fluid-25);
195
+ --sky-space-inset-balanced-s: var(--bb-size-fluid-12);
196
+ --sky-space-inset-balanced-xl: var(--bb-size-fluid-100);
195
197
  --sky-space-inset-letterbox-bottom-l: var(--bb-size-fluid-125);
196
198
  --sky-space-inset-letterbox-bottom-m: var(--bb-size-fluid-75);
197
199
  --sky-space-inset-letterbox-bottom-s: var(--bb-size-fluid-25);
200
+ --sky-space-inset-letterbox-left-l: var(--bb-size-fluid-75);
201
+ --sky-space-inset-letterbox-left-m: var(--bb-size-fluid-25);
202
+ --sky-space-inset-letterbox-left-s: var(--bb-size-fluid-12);
198
203
  --sky-space-inset-letterbox-right-l: var(--bb-size-fluid-75);
199
204
  --sky-space-inset-letterbox-right-m: var(--bb-size-fluid-25);
200
205
  --sky-space-inset-letterbox-right-s: var(--bb-size-fluid-12);
201
206
  --sky-space-inset-letterbox-top-l: var(--bb-size-fluid-125);
202
207
  --sky-space-inset-letterbox-top-m: var(--bb-size-fluid-75);
203
208
  --sky-space-inset-letterbox-top-s: var(--bb-size-fluid-25);
204
- --sky-space-inset-balanced-xl: var(--bb-size-fluid-100);
205
- --sky-space-inset-balanced-l: var(--bb-size-fluid-50);
206
- --sky-space-inset-balanced-m: var(--bb-size-fluid-25);
207
- --sky-space-inset-balanced-s: var(--bb-size-fluid-12);
209
+ --sky-type-body-m: var(--bb-font-size-100) sans-serif;
208
210
  }
209
211
 
210
212
  .sky-theme-modern.sky-theme-brand-base {
211
- --sky-opacity-wait: var(--bb-opacity-600);
212
- --sky-elevation-overlay-400: var(--bb-shadow-gray-24);
213
- --sky-elevation-overlay-300: var(--bb-shadow-gray-16);
214
- --sky-elevation-overlay-200: var(--bb-shadow-gray-8);
215
- --sky-elevation-overlay-100: var(--bb-shadow-gray-4);
216
- --sky-elevation-raised-100: var(--bb-shadow-gray-1);
217
- --sky-elevation-overflow: var(--bb-shadow-gray-2);
218
- --sky-elevation-focus: var(--bb-shadow-gray-2);
219
- --sky-elevation-none: var(--bb-shadow-gray-0);
220
- --sky-color-border-separator-row: var(--bb-color-gray-50);
221
- --sky-color-border-separator-light: var(--bb-color-gray-50);
222
- --sky-color-border-separator-dark: var(--bb-color-gray-100);
223
- --sky-color-border-input-error: var(--bb-color-red-600);
224
- --sky-color-border-input-disabled: var(--bb-color-gray-400);
225
- --sky-color-border-input-focus: var(--bb-color-blue-600);
226
- --sky-color-border-input-active: var(--bb-color-blue-600);
227
- --sky-color-border-input-hover: var(--bb-color-blue-600);
228
- --sky-color-border-input-base: var(--bb-color-gray-400);
229
- --sky-color-border-container-base: var(--bb-color-gray-100);
230
- --sky-color-border-action-input-disabled: var(--bb-color-gray-400);
231
- --sky-color-border-action-input-focus: var(--bb-color-blue-600);
232
- --sky-color-border-action-input-active: var(--bb-color-blue-600);
233
- --sky-color-border-action-input-hover: var(--bb-color-blue-600);
234
- --sky-color-border-action-input-base: var(--bb-color-gray-400);
213
+ --sky-color-background-action-danger-active: var(--bb-color-red-600);
214
+ --sky-color-background-action-danger-base: var(--bb-color-red-600);
215
+ --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
216
+ --sky-color-background-action-danger-focus: var(--bb-color-red-600);
217
+ --sky-color-background-action-danger-hover: var(--bb-color-red-600);
218
+ --sky-color-background-action-input-active: var(--bb-color-transparent);
219
+ --sky-color-background-action-input-base: var(--bb-color-transparent);
220
+ --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
221
+ --sky-color-background-action-input-focus: var(--bb-color-transparent);
222
+ --sky-color-background-action-input-hover: var(--bb-color-transparent);
223
+ --sky-color-background-action-primary-active: var(--bb-color-blue-600);
224
+ --sky-color-background-action-primary-base: var(--bb-color-blue-600);
225
+ --sky-color-background-action-primary-disabled: var(--bb-color-gray-50);
226
+ --sky-color-background-action-primary-focus: var(--bb-color-blue-600);
227
+ --sky-color-background-action-primary-hover: var(--bb-color-blue-600);
228
+ --sky-color-background-action-secondary-active: var(--bb-color-white);
229
+ --sky-color-background-action-secondary-base: var(--bb-color-white);
230
+ --sky-color-background-action-secondary-disabled: var(--bb-color-gray-50);
231
+ --sky-color-background-action-secondary-focus: var(--bb-color-white);
232
+ --sky-color-background-action-secondary-hover: var(--bb-color-white);
233
+ --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
234
+ --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
235
+ --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
236
+ --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
237
+ --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
238
+ --sky-color-background-blocking: var(--bb-color-blocking);
239
+ --sky-color-background-container-base: var(--bb-color-white);
240
+ --sky-color-background-container-danger: var(--bb-color-red-300);
241
+ --sky-color-background-container-info: var(--bb-color-blue-100);
242
+ --sky-color-background-container-menu: var(--bb-color-white);
243
+ --sky-color-background-container-success: var(--bb-color-green-300);
244
+ --sky-color-background-container-warning: var(--bb-color-yellow-300);
245
+ --sky-color-background-file_drop: var(--bb-color-gray-25);
246
+ --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
247
+ --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
248
+ --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
249
+ --sky-color-background-icon_matte-success: var(--bb-color-green-700);
250
+ --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
251
+ --sky-color-background-input-base: var(--bb-color-blue-25);
252
+ --sky-color-background-input-disabled: var(--bb-color-gray-50);
253
+ --sky-color-background-list-active: var(--bb-color-transparent);
254
+ --sky-color-background-list-base: var(--bb-color-transparent);
255
+ --sky-color-background-list-disabled: var(--bb-color-gray-50);
256
+ --sky-color-background-list-focus: var(--bb-color-transparent);
257
+ --sky-color-background-list-hover: var(--bb-color-transparent);
258
+ --sky-color-background-nav-active: var(--bb-color-transparent);
259
+ --sky-color-background-nav-base: var(--bb-color-transparent);
260
+ --sky-color-background-nav-disabled: var(--bb-color-gray-50);
261
+ --sky-color-background-nav-focus: var(--bb-color-transparent);
262
+ --sky-color-background-nav-hover: var(--bb-color-transparent);
263
+ --sky-color-background-page: var(--bb-color-gray-25);
264
+ --sky-color-background-scrim: var(--bb-color-scrim);
265
+ --sky-color-background-selected-danger: var(--bb-color-red-300);
266
+ --sky-color-background-selected-heavy: var(--bb-color-blue-600);
267
+ --sky-color-background-selected-soft: var(--bb-color-blue-100);
268
+ --sky-color-background-selected-success: var(--bb-color-green-300);
269
+ --sky-color-background-selected-warning: var(--bb-color-yellow-300);
270
+ --sky-color-background-text_highlight: var(--bb-color-yellow-400);
271
+ --sky-color-background-thumb-base: var(--bb-color-white);
272
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
273
+ --sky-color-background-thumbnail_matte: var(--bb-color-white);
274
+ --sky-color-border-action-danger-active: var(--bb-color-red-200);
275
+ --sky-color-border-action-danger-base: var(--bb-color-red-600);
235
276
  --sky-color-border-action-danger-disabled: var(--bb-color-gray-100);
236
277
  --sky-color-border-action-danger-focus: var(--bb-color-red-200);
237
- --sky-color-border-action-danger-active: var(--bb-color-red-200);
238
278
  --sky-color-border-action-danger-hover: var(--bb-color-red-200);
239
- --sky-color-border-action-danger-base: var(--bb-color-red-600);
240
- --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-100);
241
- --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
242
- --sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
243
- --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
244
- --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
245
- --sky-color-border-action-secondary-disabled: var(--bb-color-gray-100);
246
- --sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
247
- --sky-color-border-action-secondary-active: var(--bb-color-blue-600);
248
- --sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
249
- --sky-color-border-action-secondary-base: var(--bb-color-gray-100);
279
+ --sky-color-border-action-input-active: var(--bb-color-blue-600);
280
+ --sky-color-border-action-input-base: var(--bb-color-blue-200);
281
+ --sky-color-border-action-input-disabled: var(--bb-color-gray-400);
282
+ --sky-color-border-action-input-focus: var(--bb-color-blue-600);
283
+ --sky-color-border-action-input-hover: var(--bb-color-blue-600);
284
+ --sky-color-border-action-primary-active: var(--bb-color-blue-200);
285
+ --sky-color-border-action-primary-base: var(--bb-color-blue-600);
250
286
  --sky-color-border-action-primary-disabled: var(--bb-color-gray-100);
251
287
  --sky-color-border-action-primary-focus: var(--bb-color-blue-200);
252
- --sky-color-border-action-primary-active: var(--bb-color-blue-200);
253
288
  --sky-color-border-action-primary-hover: var(--bb-color-blue-200);
254
- --sky-color-border-action-primary-base: var(--bb-color-blue-600);
255
- --sky-color-border-text_highlight: var(--bb-color-yellow-800);
256
- --sky-color-border-elevation: var(--bb-color-gray-100);
289
+ --sky-color-border-action-secondary-active: var(--bb-color-blue-600);
290
+ --sky-color-border-action-secondary-base: var(--bb-color-gray-100);
291
+ --sky-color-border-action-secondary-disabled: var(--bb-color-gray-100);
292
+ --sky-color-border-action-secondary-focus: var(--bb-color-blue-600);
293
+ --sky-color-border-action-secondary-hover: var(--bb-color-blue-600);
294
+ --sky-color-border-action-tertiary-active: var(--bb-color-blue-600);
295
+ --sky-color-border-action-tertiary-base: var(--bb-color-transparent);
296
+ --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-100);
297
+ --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
298
+ --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
299
+ --sky-color-border-container-base: var(--bb-color-gray-100);
300
+ --sky-color-border-danger: var(--bb-color-red-600);
257
301
  --sky-color-border-divider: var(--bb-color-gray-100);
302
+ --sky-color-border-elevation: var(--bb-color-gray-100);
258
303
  --sky-color-border-info: var(--bb-color-blue-600);
304
+ --sky-color-border-input-active: var(--bb-color-blue-600);
305
+ --sky-color-border-input-base: var(--bb-color-blue-200);
306
+ --sky-color-border-input-disabled: var(--bb-color-gray-400);
307
+ --sky-color-border-input-error: var(--bb-color-red-600);
308
+ --sky-color-border-input-focus: var(--bb-color-blue-600);
309
+ --sky-color-border-input-hover: var(--bb-color-blue-600);
310
+ --sky-color-border-progress_step: var(--bb-color-gray-400);
311
+ --sky-color-border-selected: var(--bb-color-blue-600);
312
+ --sky-color-border-selected_soft: var(--bb-color-blue-300);
313
+ --sky-color-border-separator-dark: var(--bb-color-gray-100);
314
+ --sky-color-border-separator-light: var(--bb-color-gray-50);
315
+ --sky-color-border-separator-row: var(--bb-color-gray-50);
259
316
  --sky-color-border-success: var(--bb-color-green-700);
317
+ --sky-color-border-switch-active: var(--bb-color-blue-600);
318
+ --sky-color-border-switch-base: var(--bb-color-blue-500);
319
+ --sky-color-border-switch-disabled: var(--bb-color-gray-400);
320
+ --sky-color-border-switch-error: var(--bb-color-red-600);
321
+ --sky-color-border-switch-focus: var(--bb-color-blue-600);
322
+ --sky-color-border-switch-hover: var(--bb-color-blue-600);
323
+ --sky-color-border-switch-selected-active: var(--bb-color-blue-1000);
324
+ --sky-color-border-switch-selected-base: var(--bb-color-transparent);
325
+ --sky-color-border-switch-selected-disabled: var(--bb-color-gray-400);
326
+ --sky-color-border-switch-selected-focus: var(--bb-color-blue-1000);
327
+ --sky-color-border-switch-selected-hover: var(--bb-color-blue-1000);
328
+ --sky-color-border-text_highlight: var(--bb-color-yellow-800);
260
329
  --sky-color-border-warning: var(--bb-color-yellow-600);
261
- --sky-color-border-danger: var(--bb-color-red-600);
262
- --sky-color-border-selected_soft: var(--bb-color-blue-300);
263
- --sky-color-border-selected: var(--bb-color-blue-600);
264
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
265
- --sky-color-background-thumb-base: var(--bb-color-white);
266
- --sky-color-background-selected-success: var(--bb-color-green-300);
267
- --sky-color-background-selected-warning: var(--bb-color-yellow-300);
268
- --sky-color-background-selected-danger: var(--bb-color-red-300);
269
- --sky-color-background-selected-soft: var(--bb-color-blue-100);
270
- --sky-color-background-selected-heavy: var(--bb-color-blue-600);
271
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
272
- --sky-color-background-nav-focus: var(--bb-color-transparent);
273
- --sky-color-background-nav-active: var(--bb-color-transparent);
274
- --sky-color-background-nav-hover: var(--bb-color-transparent);
275
- --sky-color-background-nav-base: var(--bb-color-transparent);
276
- --sky-color-background-list-disabled: var(--bb-color-gray-50);
277
- --sky-color-background-list-focus: var(--bb-color-transparent);
278
- --sky-color-background-list-active: var(--bb-color-transparent);
279
- --sky-color-background-list-hover: var(--bb-color-transparent);
280
- --sky-color-background-list-base: var(--bb-color-transparent);
281
- --sky-color-background-input-disabled: var(--bb-color-gray-50);
282
- --sky-color-background-input-base: var(--bb-color-transparent);
283
- --sky-color-background-icon_matte-action-soft: var(--bb-color-blue-100);
284
- --sky-color-background-icon_matte-action-heavy: var(--bb-color-blue-600);
285
- --sky-color-background-icon_matte-success: var(--bb-color-green-700);
286
- --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
287
- --sky-color-background-icon_matte-danger: var(--bb-color-red-600);
288
- --sky-color-background-container-info: var(--bb-color-blue-100);
289
- --sky-color-background-container-success: var(--bb-color-green-300);
290
- --sky-color-background-container-warning: var(--bb-color-yellow-300);
291
- --sky-color-background-container-danger: var(--bb-color-red-300);
292
- --sky-color-background-container-menu: var(--bb-color-white);
293
- --sky-color-background-container-base: var(--bb-color-white);
294
- --sky-color-background-action-input-disabled: var(--bb-color-gray-50);
295
- --sky-color-background-action-input-focus: var(--bb-color-transparent);
296
- --sky-color-background-action-input-active: var(--bb-color-transparent);
297
- --sky-color-background-action-input-hover: var(--bb-color-transparent);
298
- --sky-color-background-action-input-base: var(--bb-color-transparent);
299
- --sky-color-background-action-danger-disabled: var(--bb-color-gray-50);
300
- --sky-color-background-action-danger-focus: var(--bb-color-red-600);
301
- --sky-color-background-action-danger-active: var(--bb-color-red-600);
302
- --sky-color-background-action-danger-hover: var(--bb-color-red-600);
303
- --sky-color-background-action-danger-base: var(--bb-color-red-600);
304
- --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
305
- --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
306
- --sky-color-background-action-tertiary-active: var(--bb-color-transparent);
307
- --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
308
- --sky-color-background-action-tertiary-base: var(--bb-color-transparent);
309
- --sky-color-background-action-secondary-disabled: var(--bb-color-gray-50);
310
- --sky-color-background-action-secondary-focus: var(--bb-color-white);
311
- --sky-color-background-action-secondary-active: var(--bb-color-white);
312
- --sky-color-background-action-secondary-hover: var(--bb-color-white);
313
- --sky-color-background-action-secondary-base: var(--bb-color-white);
314
- --sky-color-background-action-primary-disabled: var(--bb-color-gray-50);
315
- --sky-color-background-action-primary-focus: var(--bb-color-blue-600);
316
- --sky-color-background-action-primary-active: var(--bb-color-blue-600);
317
- --sky-color-background-action-primary-hover: var(--bb-color-blue-600);
318
- --sky-color-background-action-primary-base: var(--bb-color-blue-600);
319
- --sky-color-background-thumbnail_matte: var(--bb-color-white);
320
- --sky-color-background-file_drop: var(--bb-color-gray-25);
321
- --sky-color-background-text_highlight: var(--bb-color-yellow-400);
322
- --sky-color-background-blocking: var(--bb-color-blocking);
323
- --sky-color-background-scrim: var(--bb-color-scrim);
324
- --sky-color-background-page: var(--bb-color-gray-25);
325
330
  --sky-color-icon-action: var(--bb-color-blue-600);
326
- --sky-color-icon-inverse: var(--bb-color-white);
327
- --sky-color-icon-info: var(--bb-color-blue-600);
328
- --sky-color-icon-success: var(--bb-color-green-700);
329
- --sky-color-icon-warning: var(--bb-color-yellow-600);
330
331
  --sky-color-icon-danger: var(--bb-color-red-600);
331
332
  --sky-color-icon-deemphasized: var(--bb-color-gray-600);
332
333
  --sky-color-icon-default: var(--bb-color-gray-900);
333
- --sky-color-text-link_highlighted: var(--bb-color-blue-800);
334
- --sky-color-text-heading: var(--bb-color-blue-800);
335
- --sky-color-text-inverse: var(--bb-color-white);
336
- --sky-color-text-danger: var(--bb-color-red-600);
334
+ --sky-color-icon-info: var(--bb-color-blue-600);
335
+ --sky-color-icon-inverse: var(--bb-color-white);
336
+ --sky-color-icon-selected: var(--bb-color-blue-600);
337
+ --sky-color-icon-success: var(--bb-color-green-700);
338
+ --sky-color-icon-warning: var(--bb-color-yellow-600);
337
339
  --sky-color-text-action: var(--bb-color-blue-600);
340
+ --sky-color-text-danger: var(--bb-color-red-600);
338
341
  --sky-color-text-deemphasized: var(--bb-color-gray-600);
339
342
  --sky-color-text-default: var(--bb-color-gray-900);
343
+ --sky-color-text-heading: var(--bb-color-blue-800);
344
+ --sky-color-text-inverse: var(--bb-color-white);
345
+ --sky-color-text-link_highlighted: var(--bb-color-blue-800);
346
+ --sky-color-text-selected: var(--bb-color-blue-600);
347
+ --sky-elevation-focus: var(--bb-shadow-gray-2);
348
+ --sky-elevation-none: var(--bb-shadow-gray-0);
349
+ --sky-elevation-overflow: var(--bb-shadow-gray-2);
350
+ --sky-elevation-overlay-100: var(--bb-shadow-gray-4);
351
+ --sky-elevation-overlay-200: var(--bb-shadow-gray-8);
352
+ --sky-elevation-overlay-300: var(--bb-shadow-gray-16);
353
+ --sky-elevation-overlay-400: var(--bb-shadow-gray-24);
354
+ --sky-elevation-raised-100: var(--bb-shadow-gray-1);
355
+ --sky-opacity-wait: var(--bb-opacity-600);
340
356
  }
341
357
 
342
358
  .sky-theme-modern.sky-theme-brand-base {
343
- --sky-border-style-separator-row: var(--bb-border-style-dotted);
344
- --sky-border-style-separator-light: var(--bb-border-style-solid);
345
- --sky-border-style-separator-dark: var(--bb-border-style-solid);
346
- --sky-border-style-elevation: var(--bb-border-style-solid);
347
- --sky-border-style-divider: var(--bb-border-style-solid);
359
+ --sky-font-style-deemphasized-style: italic;
360
+ --sky-font-style-deemphasized-weight: 400;
361
+ --sky-font-style-hint-m-style: italic;
362
+ --sky-font-style-hint-m-weight: 400;
363
+ --sky-font-style-hint-s-style: italic;
364
+ --sky-font-style-hint-s-weight: 400;
365
+ --sky-font-text_decoration-inline_link-active: underline;
366
+ --sky-font-text_decoration-inline_link-base: none;
367
+ --sky-font-text_decoration-inline_link-disabled: none;
368
+ --sky-font-text_decoration-inline_link-focus: none;
369
+ --sky-font-text_decoration-inline_link-hover: underline;
370
+ --sky-font-text_decoration-visible_link: underline;
371
+ --sky-space-gap-action_group-0: 0rem;
372
+ --sky-space-gap-form-0: 0rem;
373
+ --sky-space-gap-icon-0: 0rem;
374
+ --sky-space-gap-label-0: 0rem;
375
+ --sky-space-gap-stacked_supplemental-0: 0rem;
376
+ --sky-space-gap-text_action-0: 0rem;
377
+ --sky-space-inset-balanced-none: 0rem;
378
+ --sky-space-inset-floated-top-0: 0rem;
379
+ --sky-border-radius-0: var(--bb-border-radius-0);
380
+ --sky-border-radius-m: var(--bb-border-radius-050);
381
+ --sky-border-radius-pill: var(--bb-border-radius-pill);
382
+ --sky-border-radius-round: var(--bb-border-radius-round);
383
+ --sky-border-radius-s: var(--bb-border-radius-025);
384
+ --sky-border-radius-thumb: var(--bb-border-radius-round);
385
+ --sky-border-radius-xs: var(--bb-border-radius-012);
348
386
  --sky-border-style-accent: var(--bb-border-style-solid);
349
- --sky-border-width-separator-row: var(--bb-size-fixed-6);
350
- --sky-border-width-separator-light: var(--bb-size-fixed-6);
351
- --sky-border-width-separator-dark: var(--bb-size-fixed-6);
352
- --sky-border-width-selected-xl: var(--bb-size-fixed-37);
353
- --sky-border-width-selected-l: var(--bb-size-fixed-25);
354
- --sky-border-width-selected-m: var(--bb-size-fixed-12);
355
- --sky-border-width-selected-s: var(--bb-size-fixed-6);
356
- --sky-border-width-input-disabled: var(--bb-size-fixed-6);
357
- --sky-border-width-input-error: var(--bb-size-fixed-12);
358
- --sky-border-width-input-focus: var(--bb-size-fixed-12);
359
- --sky-border-width-input-active: var(--bb-size-fixed-12);
360
- --sky-border-width-input-hover: var(--bb-size-fixed-6);
361
- --sky-border-width-input-base: var(--bb-size-fixed-6);
362
- --sky-border-width-container-base: var(--bb-size-fixed-6);
387
+ --sky-border-style-divider: var(--bb-border-style-solid);
388
+ --sky-border-style-elevation: var(--bb-border-style-solid);
389
+ --sky-border-style-separator-dark: var(--bb-border-style-solid);
390
+ --sky-border-style-separator-light: var(--bb-border-style-solid);
391
+ --sky-border-style-separator-row: var(--bb-border-style-dotted);
392
+ --sky-border-width-accent: var(--bb-size-fixed-37);
393
+ --sky-border-width-action-active: var(--bb-size-fixed-12);
394
+ --sky-border-width-action-base: var(--bb-size-fixed-6);
363
395
  --sky-border-width-action-disabled: var(--bb-size-fixed-6);
364
396
  --sky-border-width-action-error: var(--bb-size-fixed-12);
365
397
  --sky-border-width-action-focus: var(--bb-size-fixed-12);
366
- --sky-border-width-action-active: var(--bb-size-fixed-12);
367
398
  --sky-border-width-action-hover: var(--bb-size-fixed-6);
368
- --sky-border-width-action-base: var(--bb-size-fixed-6);
399
+ --sky-border-width-container-base: var(--bb-size-fixed-6);
400
+ --sky-border-width-divider: var(--bb-size-fixed-6);
369
401
  --sky-border-width-elevation: var(--bb-size-fixed-6);
402
+ --sky-border-width-input-active: var(--bb-size-fixed-12);
403
+ --sky-border-width-input-base: var(--bb-size-fixed-6);
404
+ --sky-border-width-input-disabled: var(--bb-size-fixed-6);
405
+ --sky-border-width-input-error: var(--bb-size-fixed-12);
406
+ --sky-border-width-input-focus: var(--bb-size-fixed-12);
407
+ --sky-border-width-input-hover: var(--bb-size-fixed-6);
408
+ --sky-border-width-progress_connector: var(--bb-size-fixed-6);
409
+ --sky-border-width-progress_step: var(--bb-size-fixed-12);
410
+ --sky-border-width-selected-l: var(--bb-size-fixed-25);
411
+ --sky-border-width-selected-m: var(--bb-size-fixed-12);
412
+ --sky-border-width-selected-s: var(--bb-size-fixed-6);
413
+ --sky-border-width-selected-xl: var(--bb-size-fixed-37);
414
+ --sky-border-width-separator-dark: var(--bb-size-fixed-6);
415
+ --sky-border-width-separator-light: var(--bb-size-fixed-6);
416
+ --sky-border-width-separator-row: var(--bb-size-fixed-6);
370
417
  --sky-border-width-text_highlight: var(--bb-size-fixed-6);
371
- --sky-border-width-divider: var(--bb-size-fixed-6);
372
- --sky-border-width-accent: var(--bb-size-fixed-37);
373
- --sky-border-radius-round: var(--bb-border-radius-round);
374
- --sky-border-radius-thumb: var(--bb-border-radius-round);
375
- --sky-border-radius-pill: var(--bb-border-radius-pill);
376
- --sky-border-radius-m: var(--bb-border-radius-050);
377
- --sky-border-radius-s: var(--bb-border-radius-025);
378
- --sky-border-radius-xs: var(--bb-border-radius-012);
379
- --sky-border-radius-0: var(--bb-border-radius-0);
380
- --sky-font-text_decoration-inline_link-disabled: none;
381
- --sky-font-text_decoration-inline_link-focus: none;
382
- --sky-font-text_decoration-inline_link-active: underline;
383
- --sky-font-text_decoration-inline_link-hover: underline;
384
- --sky-font-text_decoration-inline_link-base: none;
385
- --sky-font-text_decoration-visible_link: underline;
386
- --sky-font-weight-input-label: var(--bb-font-weight-regular);
387
- --sky-font-weight-hint-m: var(--bb-font-weight-regular);
388
- --sky-font-weight-hint-s: var(--bb-font-weight-regular);
389
- --sky-font-weight-heading-5: var(--bb-font-weight-semibold);
390
- --sky-font-weight-heading-4: var(--bb-font-weight-semibold);
391
- --sky-font-weight-heading-3: var(--bb-font-weight-regular);
392
- --sky-font-weight-heading-2: var(--bb-font-weight-regular);
393
- --sky-font-weight-heading-1: var(--bb-font-weight-regular);
394
- --sky-font-weight-display-4: var(--bb-font-weight-light);
395
- --sky-font-weight-display-3: var(--bb-font-weight-light);
396
- --sky-font-weight-display-2: var(--bb-font-weight-light);
397
- --sky-font-weight-display-1: var(--bb-font-weight-light);
398
- --sky-font-weight-body-l: var(--bb-font-weight-regular);
399
- --sky-font-weight-body-m: var(--bb-font-weight-regular);
400
- --sky-font-weight-body-s: var(--bb-font-weight-regular);
401
- --sky-font-weight-data_label: var(--bb-font-weight-regular);
402
- --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
418
+ --sky-font-family-monospaced: var(--bb-font-monospaced-family);
403
419
  --sky-font-letter_spacing-hint-s: var(--bb-letter_spacing-normal);
404
420
  --sky-font-letter_spacing-input-label: var(--bb-letter_spacing-wider);
405
- --sky-font-line_height-input-val: var(--bb-line_height-200);
406
- --sky-font-line_height-input-label: var(--bb-line_height-100);
407
- --sky-font-line_height-hint-m: var(--bb-line_height-200);
408
- --sky-font-line_height-hint-s: var(--bb-line_height-100);
409
- --sky-font-line_height-heading-5: var(--bb-line_height-200);
410
- --sky-font-line_height-heading-4: var(--bb-line_height-200);
411
- --sky-font-line_height-heading-3: var(--bb-line_height-300);
412
- --sky-font-line_height-heading-2: var(--bb-line_height-400);
413
- --sky-font-line_height-heading-1: var(--bb-line_height-500);
414
- --sky-font-line_height-display-4: var(--bb-line_height-200);
415
- --sky-font-line_height-display-3: var(--bb-line_height-300);
416
- --sky-font-line_height-display-2: var(--bb-line_height-500);
417
- --sky-font-line_height-display-1: var(--bb-line_height-800);
418
421
  --sky-font-line_height-body-l: var(--bb-line_height-300);
419
422
  --sky-font-line_height-body-m: var(--bb-line_height-200);
420
423
  --sky-font-line_height-body-s: var(--bb-line_height-100);
421
424
  --sky-font-line_height-data_label: var(--bb-line_height-200);
422
- --sky-font-style-input-label: var(--bb-font-style-regular);
423
- --sky-font-style-hint-m-style: italic;
424
- --sky-font-style-hint-m-weight: 400;
425
- --sky-font-style-hint-s-style: italic;
426
- --sky-font-style-hint-s-weight: 400;
427
- --sky-font-style-heading-5: var(--bb-font-style-semibold);
428
- --sky-font-style-heading-4: var(--bb-font-style-semibold);
429
- --sky-font-style-heading-3: var(--bb-font-style-regular);
430
- --sky-font-style-heading-2: var(--bb-font-style-regular);
431
- --sky-font-style-heading-1: var(--bb-font-style-regular);
432
- --sky-font-style-display-4: var(--bb-font-style-light);
433
- --sky-font-style-display-3: var(--bb-font-style-light);
434
- --sky-font-style-display-2: var(--bb-font-style-light);
435
- --sky-font-style-display-1: var(--bb-font-style-light);
425
+ --sky-font-line_height-display-1: var(--bb-line_height-800);
426
+ --sky-font-line_height-display-2: var(--bb-line_height-500);
427
+ --sky-font-line_height-display-3: var(--bb-line_height-300);
428
+ --sky-font-line_height-display-4: var(--bb-line_height-200);
429
+ --sky-font-line_height-heading-1: var(--bb-line_height-500);
430
+ --sky-font-line_height-heading-2: var(--bb-line_height-400);
431
+ --sky-font-line_height-heading-3: var(--bb-line_height-300);
432
+ --sky-font-line_height-heading-4: var(--bb-line_height-200);
433
+ --sky-font-line_height-heading-5: var(--bb-line_height-200);
434
+ --sky-font-line_height-hint-m: var(--bb-line_height-200);
435
+ --sky-font-line_height-hint-s: var(--bb-line_height-100);
436
+ --sky-font-line_height-input-label: var(--bb-line_height-100);
437
+ --sky-font-line_height-input-val: var(--bb-line_height-200);
438
+ --sky-font-size-body-l: var(--bb-font-size-300);
439
+ --sky-font-size-body-m: var(--bb-font-size-200);
440
+ --sky-font-size-body-s: var(--bb-font-size-100);
441
+ --sky-font-size-data_label: var(--bb-font-size-200);
442
+ --sky-font-size-display-1: var(--bb-font-size-800);
443
+ --sky-font-size-display-2: var(--bb-font-size-500);
444
+ --sky-font-size-display-3: var(--bb-font-size-300);
445
+ --sky-font-size-display-4: var(--bb-font-size-200);
446
+ --sky-font-size-heading-1: var(--bb-font-size-500);
447
+ --sky-font-size-heading-2: var(--bb-font-size-400);
448
+ --sky-font-size-heading-3: var(--bb-font-size-300);
449
+ --sky-font-size-heading-4: var(--bb-font-size-200);
450
+ --sky-font-size-heading-5: var(--bb-font-size-200);
451
+ --sky-font-size-hint-m: var(--bb-font-size-200);
452
+ --sky-font-size-hint-s: var(--bb-font-size-100);
453
+ --sky-font-size-input-label: var(--bb-font-size-100);
454
+ --sky-font-size-input-val: var(--bb-font-size-200);
436
455
  --sky-font-style-body-l: var(--bb-font-style-regular);
437
456
  --sky-font-style-body-m: var(--bb-font-style-regular);
438
457
  --sky-font-style-body-s: var(--bb-font-style-regular);
439
458
  --sky-font-style-data_label: var(--bb-font-style-regular);
459
+ --sky-font-style-display-1: var(--bb-font-style-light);
460
+ --sky-font-style-display-2: var(--bb-font-style-light);
461
+ --sky-font-style-display-3: var(--bb-font-style-light);
462
+ --sky-font-style-display-4: var(--bb-font-style-light);
440
463
  --sky-font-style-emphasized: var(--bb-font-style-semibold);
441
- --sky-font-style-deemphasized-style: italic;
442
- --sky-font-style-deemphasized-weight: 400;
443
- --sky-font-size-input-val: var(--bb-font-size-200);
444
- --sky-font-size-input-label: var(--bb-font-size-100);
445
- --sky-font-size-hint-m: var(--bb-font-size-200);
446
- --sky-font-size-hint-s: var(--bb-font-size-100);
447
- --sky-font-size-heading-5: var(--bb-font-size-200);
448
- --sky-font-size-heading-4: var(--bb-font-size-200);
449
- --sky-font-size-heading-3: var(--bb-font-size-300);
450
- --sky-font-size-heading-2: var(--bb-font-size-400);
451
- --sky-font-size-heading-1: var(--bb-font-size-500);
452
- --sky-font-size-display-4: var(--bb-font-size-200);
453
- --sky-font-size-display-3: var(--bb-font-size-300);
454
- --sky-font-size-display-2: var(--bb-font-size-500);
455
- --sky-font-size-display-1: var(--bb-font-size-800);
456
- --sky-font-size-body-l: var(--bb-font-size-300);
457
- --sky-font-size-body-m: var(--bb-font-size-200);
458
- --sky-font-size-body-s: var(--bb-font-size-100);
459
- --sky-font-size-data_label: var(--bb-font-size-200);
460
- --sky-font-family-monospaced: var(--bb-font-monospaced-family);
461
- --sky-font-family-primary: var(--bb-font-blkb_sans-family);
462
- --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
463
- --sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/var(--sky-font-line_height-input-label) var(--sky-font-family-primary);
464
- --sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/var(--sky-font-line_height-hint-m) var(--sky-font-family-primary);
465
- --sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/var(--sky-font-line_height-hint-s) var(--sky-font-family-primary);
466
- --sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/var(--sky-font-line_height-display-4) var(--sky-font-family-primary);
467
- --sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
468
- --sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
469
- --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
470
- --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
471
- --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
472
- --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
473
- --sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/var(--sky-font-line_height-heading-5) var(--sky-font-family-primary);
474
- --sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/var(--sky-font-line_height-heading-4) var(--sky-font-family-primary);
475
- --sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/var(--sky-font-line_height-heading-3) var(--sky-font-family-primary);
476
- --sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/var(--sky-font-line_height-heading-2) var(--sky-font-family-primary);
477
- --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
478
- --sky-type-data_label: var(--sky-font-style-data_label) var(--sky-font-size-data_label)/var(--sky-font-line_height-data_label) var(--sky-font-family-primary);
464
+ --sky-font-style-heading-1: var(--bb-font-style-regular);
465
+ --sky-font-style-heading-2: var(--bb-font-style-regular);
466
+ --sky-font-style-heading-3: var(--bb-font-style-regular);
467
+ --sky-font-style-heading-4: var(--bb-font-style-semibold);
468
+ --sky-font-style-heading-5: var(--bb-font-style-semibold);
469
+ --sky-font-style-input-label: var(--bb-font-style-regular);
470
+ --sky-font-weight-body-l: var(--bb-font-weight-regular);
471
+ --sky-font-weight-body-m: var(--bb-font-weight-regular);
472
+ --sky-font-weight-body-s: var(--bb-font-weight-regular);
473
+ --sky-font-weight-data_label: var(--bb-font-weight-regular);
474
+ --sky-font-weight-display-1: var(--bb-font-weight-light);
475
+ --sky-font-weight-display-2: var(--bb-font-weight-light);
476
+ --sky-font-weight-display-3: var(--bb-font-weight-light);
477
+ --sky-font-weight-display-4: var(--bb-font-weight-light);
478
+ --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
479
+ --sky-font-weight-heading-1: var(--bb-font-weight-regular);
480
+ --sky-font-weight-heading-2: var(--bb-font-weight-regular);
481
+ --sky-font-weight-heading-3: var(--bb-font-weight-regular);
482
+ --sky-font-weight-heading-4: var(--bb-font-weight-semibold);
483
+ --sky-font-weight-heading-5: var(--bb-font-weight-semibold);
484
+ --sky-font-weight-hint-m: var(--bb-font-weight-regular);
485
+ --sky-font-weight-hint-s: var(--bb-font-weight-regular);
486
+ --sky-font-weight-input-label: var(--bb-font-weight-regular);
479
487
  --sky-size-avatar-l: var(--bb-size-fluid-550);
480
488
  --sky-size-avatar-m: var(--bb-size-fluid-350);
481
489
  --sky-size-avatar-s: var(--bb-size-fluid-200);
482
- --sky-size-thumbnail-l: var(--bb-size-fixed-600);
483
- --sky-size-max_width-overlay_message: var(--bb-size-reading_container-max_width);
484
- --sky-size-width-modal-l: var(--bb-size-fixed-6000);
485
- --sky-size-width-modal-m: var(--bb-size-fixed-4000);
486
- --sky-size-width-modal-s: var(--bb-size-fixed-2000);
487
- --sky-size-width-viewport-smallest: var(--bb-size-fixed-2000);
488
- --sky-size-width-resize_handle: var(--bb-size-fixed-150);
489
- --sky-size-illustration-xl: var(--bb-size-fluid-600);
490
- --sky-size-illustration-l: var(--bb-size-fluid-500);
491
- --sky-size-illustration-m: var(--bb-size-fluid-400);
492
- --sky-size-illustration-s: var(--bb-size-fluid-300);
493
- --sky-size-icon-xxxl: var(--bb-size-fluid-300);
494
- --sky-size-icon-xxl: var(--bb-size-fluid-250);
495
- --sky-size-icon-xl: var(--bb-size-fluid-200);
496
490
  --sky-size-icon-l: var(--bb-size-fluid-150);
497
491
  --sky-size-icon-m: var(--bb-size-fluid-125);
498
492
  --sky-size-icon-s: var(--bb-size-fluid-100);
493
+ --sky-size-icon-xl: var(--bb-size-fluid-200);
499
494
  --sky-size-icon-xs: var(--bb-size-fluid-75);
495
+ --sky-size-icon-xxl: var(--bb-size-fluid-250);
500
496
  --sky-size-icon-xxs: var(--bb-size-fluid-50);
497
+ --sky-size-icon-xxxl: var(--bb-size-fluid-300);
501
498
  --sky-size-icon-xxxs: var(--bb-size-fluid-25);
499
+ --sky-size-illustration-l: var(--bb-size-fluid-500);
500
+ --sky-size-illustration-m: var(--bb-size-fluid-400);
501
+ --sky-size-illustration-s: var(--bb-size-fluid-300);
502
+ --sky-size-illustration-xl: var(--bb-size-fluid-600);
503
+ --sky-size-max_width-overlay_message: var(--bb-size-reading_container-max_width);
502
504
  --sky-size-picker_btn: var(--bb-size-fluid-200);
505
+ --sky-size-progress_step: var(--bb-size-fluid-75);
503
506
  --sky-size-switch: var(--bb-size-fluid-125);
504
- --sky-space-stacked-xxl: var(--bb-size-fluid-300);
505
- --sky-space-stacked-xl: var(--bb-size-fluid-150);
506
- --sky-space-stacked-l: var(--bb-size-fluid-100);
507
- --sky-space-stacked-m: var(--bb-size-fluid-75);
508
- --sky-space-stacked-s: var(--bb-size-fluid-50);
509
- --sky-space-stacked-xs: var(--bb-size-fluid-25);
510
- --sky-space-stacked-0: var(--bb-size-0);
511
- --sky-space-inline-xxl: var(--bb-size-fluid-300);
512
- --sky-space-inline-xl: var(--bb-size-fluid-150);
513
- --sky-space-inline-l: var(--bb-size-fluid-100);
514
- --sky-space-inline-m: var(--bb-size-fluid-75);
515
- --sky-space-inline-s: var(--bb-size-fluid-50);
516
- --sky-space-inline-xs: var(--bb-size-fluid-25);
517
- --sky-space-inline-xxs: var(--bb-size-fluid-12);
518
- --sky-space-inline-0: var(--bb-size-0);
519
- --sky-space-gap-text_action-l: var(--bb-size-fluid-100);
520
- --sky-space-gap-text_action-m: var(--bb-size-fluid-75);
521
- --sky-space-gap-text_action-s: var(--bb-size-fluid-50);
522
- --sky-space-gap-text_action-xs: var(--bb-size-fluid-25);
523
- --sky-space-gap-text_action-0: 0rem;
524
- --sky-space-gap-stacked_supplemental-xl: var(--bb-size-fluid-100);
525
- --sky-space-gap-stacked_supplemental-l: var(--bb-size-fluid-75);
526
- --sky-space-gap-stacked_supplemental-m: var(--bb-size-fluid-50);
527
- --sky-space-gap-stacked_supplemental-s: var(--bb-size-fluid-25);
528
- --sky-space-gap-stacked_supplemental-0: 0rem;
529
- --sky-space-gap-label-xl: var(--bb-size-fluid-100);
507
+ --sky-size-thumbnail-l: var(--bb-size-fixed-600);
508
+ --sky-size-width-modal-l: var(--bb-size-fixed-6000);
509
+ --sky-size-width-modal-m: var(--bb-size-fixed-4000);
510
+ --sky-size-width-modal-s: var(--bb-size-fixed-2000);
511
+ --sky-size-width-resize_handle: var(--bb-size-fixed-150);
512
+ --sky-size-width-viewport-smallest: var(--bb-size-fixed-2000);
513
+ --sky-space-gap-action_group-l: var(--bb-size-fluid-75);
514
+ --sky-space-gap-action_group-m: var(--bb-size-fluid-50);
515
+ --sky-space-gap-action_group-s: var(--bb-size-fluid-25);
516
+ --sky-space-gap-action_group-xl: var(--bb-size-fluid-100);
517
+ --sky-space-gap-form-l: var(--bb-size-fluid-100);
518
+ --sky-space-gap-form-m: var(--bb-size-fluid-75);
519
+ --sky-space-gap-form-s: var(--bb-size-fluid-50);
520
+ --sky-space-gap-form-xl: var(--bb-size-fluid-150);
521
+ --sky-space-gap-form-xs: var(--bb-size-fluid-25);
522
+ --sky-space-gap-icon-l: var(--bb-size-fluid-75);
523
+ --sky-space-gap-icon-m: var(--bb-size-fluid-50);
524
+ --sky-space-gap-icon-s: var(--bb-size-fluid-25);
525
+ --sky-space-gap-icon-xl: var(--bb-size-fluid-100);
530
526
  --sky-space-gap-label-l: var(--bb-size-fluid-75);
531
527
  --sky-space-gap-label-m: var(--bb-size-fluid-50);
532
528
  --sky-space-gap-label-s: var(--bb-size-fluid-25);
529
+ --sky-space-gap-label-xl: var(--bb-size-fluid-100);
533
530
  --sky-space-gap-label-xs: var(--bb-size-fluid-12);
534
531
  --sky-space-gap-label-xxs: var(--bb-size-fluid-6);
535
- --sky-space-gap-label-0: 0rem;
536
- --sky-space-gap-icon-xl: var(--bb-size-fluid-100);
537
- --sky-space-gap-icon-l: var(--bb-size-fluid-75);
538
- --sky-space-gap-icon-m: var(--bb-size-fluid-50);
539
- --sky-space-gap-icon-s: var(--bb-size-fluid-25);
540
- --sky-space-gap-icon-0: 0rem;
541
- --sky-space-gap-form-xl: var(--bb-size-fluid-150);
542
- --sky-space-gap-form-l: var(--bb-size-fluid-100);
543
- --sky-space-gap-form-m: var(--bb-size-fluid-75);
544
- --sky-space-gap-form-s: var(--bb-size-fluid-50);
545
- --sky-space-gap-form-xs: var(--bb-size-fluid-25);
546
- --sky-space-gap-form-0: 0rem;
547
- --sky-space-gap-action_group-xl: var(--bb-size-fluid-100);
548
- --sky-space-gap-action_group-l: var(--bb-size-fluid-75);
549
- --sky-space-gap-action_group-m: var(--bb-size-fluid-50);
550
- --sky-space-gap-action_group-s: var(--bb-size-fluid-25);
551
- --sky-space-gap-action_group-0: 0rem;
552
- --sky-space-inset-thumb: var(--bb-size-fixed-6);
553
- --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
554
- --sky-space-inset-horizontal-left-xl: var(--bb-size-fluid-150);
555
- --sky-space-inset-horizontal-left-l: var(--bb-size-fluid-100);
556
- --sky-space-inset-horizontal-left-m: var(--bb-size-fluid-75);
557
- --sky-space-inset-horizontal-left-s: var(--bb-size-fluid-50);
558
- --sky-space-inset-horizontal-left-0: var(--bb-size-0);
559
- --sky-space-inset-horizontal-bottom-xl: var(--bb-size-0);
532
+ --sky-space-gap-stacked_supplemental-l: var(--bb-size-fluid-75);
533
+ --sky-space-gap-stacked_supplemental-m: var(--bb-size-fluid-50);
534
+ --sky-space-gap-stacked_supplemental-s: var(--bb-size-fluid-25);
535
+ --sky-space-gap-stacked_supplemental-xl: var(--bb-size-fluid-100);
536
+ --sky-space-gap-text_action-l: var(--bb-size-fluid-100);
537
+ --sky-space-gap-text_action-m: var(--bb-size-fluid-75);
538
+ --sky-space-gap-text_action-s: var(--bb-size-fluid-50);
539
+ --sky-space-gap-text_action-xs: var(--bb-size-fluid-25);
540
+ --sky-space-inline-0: var(--bb-size-0);
541
+ --sky-space-inline-l: var(--bb-size-fluid-100);
542
+ --sky-space-inline-m: var(--bb-size-fluid-75);
543
+ --sky-space-inline-s: var(--bb-size-fluid-50);
544
+ --sky-space-inline-xl: var(--bb-size-fluid-150);
545
+ --sky-space-inline-xs: var(--bb-size-fluid-25);
546
+ --sky-space-inline-xxl: var(--bb-size-fluid-300);
547
+ --sky-space-inline-xxs: var(--bb-size-fluid-12);
548
+ --sky-space-inset-balanced-fixed-l: var(--bb-size-fixed-100);
549
+ --sky-space-inset-balanced-fixed-m: var(--bb-size-fixed-75);
550
+ --sky-space-inset-balanced-fixed-s: var(--bb-size-fixed-50);
551
+ --sky-space-inset-balanced-fixed-xl: var(--bb-size-fixed-150);
552
+ --sky-space-inset-balanced-l: var(--bb-size-fluid-100);
553
+ --sky-space-inset-balanced-m: var(--bb-size-fluid-75);
554
+ --sky-space-inset-balanced-s: var(--bb-size-fluid-50);
555
+ --sky-space-inset-balanced-xl: var(--bb-size-fluid-150);
556
+ --sky-space-inset-balanced-xs: var(--bb-size-fluid-25);
557
+ --sky-space-inset-balanced-xxs: var(--bb-size-fluid-12);
558
+ --sky-space-inset-bottomless-bottom-l: var(--bb-size-0);
559
+ --sky-space-inset-bottomless-bottom-m: var(--bb-size-0);
560
+ --sky-space-inset-bottomless-bottom-xl: var(--bb-size-0);
561
+ --sky-space-inset-bottomless-left-l: var(--bb-size-fluid-100);
562
+ --sky-space-inset-bottomless-left-m: var(--bb-size-fluid-75);
563
+ --sky-space-inset-bottomless-left-xl: var(--bb-size-fluid-150);
564
+ --sky-space-inset-bottomless-right-l: var(--bb-size-fluid-100);
565
+ --sky-space-inset-bottomless-right-m: var(--bb-size-fluid-75);
566
+ --sky-space-inset-bottomless-right-xl: var(--bb-size-fluid-150);
567
+ --sky-space-inset-bottomless-top-l: var(--bb-size-fluid-100);
568
+ --sky-space-inset-bottomless-top-m: var(--bb-size-fluid-75);
569
+ --sky-space-inset-bottomless-top-xl: var(--bb-size-fluid-150);
570
+ --sky-space-inset-floated-bottom-m: var(--bb-size-fluid-150);
571
+ --sky-space-inset-floated-bottom-s: var(--bb-size-fluid-100);
572
+ --sky-space-inset-floated-left-m: var(--bb-size-fluid-150);
573
+ --sky-space-inset-floated-left-s: var(--bb-size-fluid-100);
574
+ --sky-space-inset-floated-right-m: var(--bb-size-fluid-150);
575
+ --sky-space-inset-floated-right-s: var(--bb-size-fluid-100);
576
+ --sky-space-inset-floated-top-m: var(--bb-size-fluid-50);
577
+ --sky-space-inset-floated-top-s: var(--bb-size-fluid-25);
578
+ --sky-space-inset-horizontal-bottom-0: var(--bb-size-0);
560
579
  --sky-space-inset-horizontal-bottom-l: var(--bb-size-0);
561
580
  --sky-space-inset-horizontal-bottom-m: var(--bb-size-0);
562
581
  --sky-space-inset-horizontal-bottom-s: var(--bb-size-0);
563
- --sky-space-inset-horizontal-bottom-0: var(--bb-size-0);
564
- --sky-space-inset-horizontal-right-xl: var(--bb-size-fluid-150);
582
+ --sky-space-inset-horizontal-bottom-xl: var(--bb-size-0);
583
+ --sky-space-inset-horizontal-left-0: var(--bb-size-0);
584
+ --sky-space-inset-horizontal-left-l: var(--bb-size-fluid-100);
585
+ --sky-space-inset-horizontal-left-m: var(--bb-size-fluid-75);
586
+ --sky-space-inset-horizontal-left-s: var(--bb-size-fluid-50);
587
+ --sky-space-inset-horizontal-left-xl: var(--bb-size-fluid-150);
588
+ --sky-space-inset-horizontal-right-0: var(--bb-size-0);
565
589
  --sky-space-inset-horizontal-right-l: var(--bb-size-fluid-100);
566
590
  --sky-space-inset-horizontal-right-m: var(--bb-size-fluid-75);
567
591
  --sky-space-inset-horizontal-right-s: var(--bb-size-fluid-50);
568
- --sky-space-inset-horizontal-right-0: var(--bb-size-0);
569
- --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
592
+ --sky-space-inset-horizontal-right-xl: var(--bb-size-fluid-150);
593
+ --sky-space-inset-horizontal-top-0: var(--bb-size-0);
570
594
  --sky-space-inset-horizontal-top-l: var(--bb-size-0);
571
595
  --sky-space-inset-horizontal-top-m: var(--bb-size-0);
572
596
  --sky-space-inset-horizontal-top-s: var(--bb-size-0);
573
- --sky-space-inset-horizontal-top-0: var(--bb-size-0);
574
- --sky-space-inset-vertical-fixed-bottom-l: var(--bb-size-fixed-100);
575
- --sky-space-inset-vertical-fixed-top-l: var(--bb-size-fixed-100);
576
- --sky-space-inset-vertical-left-xl: var(--bb-size-0);
577
- --sky-space-inset-vertical-left-l: var(--bb-size-0);
578
- --sky-space-inset-vertical-left-m: var(--bb-size-0);
579
- --sky-space-inset-vertical-left-s: var(--bb-size-0);
580
- --sky-space-inset-vertical-left-0: var(--bb-size-0);
581
- --sky-space-inset-vertical-bottom-xl: var(--bb-size-fluid-150);
582
- --sky-space-inset-vertical-bottom-l: var(--bb-size-fluid-100);
583
- --sky-space-inset-vertical-bottom-m: var(--bb-size-fluid-75);
584
- --sky-space-inset-vertical-bottom-s: var(--bb-size-fluid-50);
585
- --sky-space-inset-vertical-bottom-0: var(--bb-size-0);
586
- --sky-space-inset-vertical-right-xl: var(--bb-size-0);
587
- --sky-space-inset-vertical-right-l: var(--bb-size-0);
588
- --sky-space-inset-vertical-right-m: var(--bb-size-0);
589
- --sky-space-inset-vertical-right-s: var(--bb-size-0);
590
- --sky-space-inset-vertical-right-0: var(--bb-size-0);
591
- --sky-space-inset-vertical-top-xl: var(--bb-size-fluid-150);
592
- --sky-space-inset-vertical-top-l: var(--bb-size-fluid-100);
593
- --sky-space-inset-vertical-top-m: var(--bb-size-fluid-75);
594
- --sky-space-inset-vertical-top-s: var(--bb-size-fluid-50);
595
- --sky-space-inset-vertical-top-0: var(--bb-size-0);
596
- --sky-space-inset-thumbnail_matte-xl: var(--bb-size-fluid-50);
597
- --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
598
- --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
599
- --sky-space-inset-thumbnail_matte-s: var(--bb-size-fluid-12);
600
- --sky-space-inset-tabs-xl: var(--bb-size-fluid-150);
601
- --sky-space-inset-tabs-l: var(--bb-size-fluid-100);
602
- --sky-space-inset-tabs-m: var(--bb-size-fluid-75);
603
- --sky-space-inset-tabs-s: var(--bb-size-fluid-50);
604
- --sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
605
- --sky-space-inset-sunk-bottom-l: var(--bb-size-fluid-100);
606
- --sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
607
- --sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
608
- --sky-space-inset-pillarbox-2_3-left-l: var(--bb-size-fluid-150);
609
- --sky-space-inset-pillarbox-2_3-left-m: var(--bb-size-fluid-75);
610
- --sky-space-inset-pillarbox-2_3-bottom-l: var(--bb-size-fluid-100);
611
- --sky-space-inset-pillarbox-2_3-bottom-m: var(--bb-size-fluid-50);
612
- --sky-space-inset-pillarbox-2_3-right-l: var(--bb-size-fluid-150);
613
- --sky-space-inset-pillarbox-2_3-right-m: var(--bb-size-fluid-75);
614
- --sky-space-inset-pillarbox-2_3-top-l: var(--bb-size-fluid-100);
615
- --sky-space-inset-pillarbox-2_3-top-m: var(--bb-size-fluid-50);
616
- --sky-space-inset-pillarbox-1_2-left-l: var(--bb-size-fluid-150);
617
- --sky-space-inset-pillarbox-1_2-left-m: var(--bb-size-fluid-100);
618
- --sky-space-inset-pillarbox-1_2-left-s: var(--bb-size-fluid-50);
597
+ --sky-space-inset-horizontal-top-xl: var(--bb-size-0);
598
+ --sky-space-inset-input-bottom-m: var(--bb-size-fluid-50);
599
+ --sky-space-inset-input-left-m: var(--bb-size-fluid-100);
600
+ --sky-space-inset-input-right-m: var(--bb-size-fluid-100);
601
+ --sky-space-inset-input-top-m: var(--bb-size-fluid-50);
602
+ --sky-space-inset-input_label-bottom-m: var(--bb-size-fluid-12);
603
+ --sky-space-inset-input_label-top-m: var(--bb-size-fluid-37);
604
+ --sky-space-inset-letterbox-1_2-bottom-m: var(--bb-size-fluid-100);
605
+ --sky-space-inset-letterbox-1_2-left-m: var(--bb-size-fluid-50);
606
+ --sky-space-inset-letterbox-1_2-right-m: var(--bb-size-fluid-50);
607
+ --sky-space-inset-letterbox-1_2-top-m: var(--bb-size-fluid-100);
608
+ --sky-space-inset-letterbox-1_3-bottom-m: var(--bb-size-fluid-150);
609
+ --sky-space-inset-letterbox-1_3-left-m: var(--bb-size-fluid-50);
610
+ --sky-space-inset-letterbox-1_3-right-m: var(--bb-size-fluid-50);
611
+ --sky-space-inset-letterbox-1_3-top-m: var(--bb-size-fluid-150);
612
+ --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
613
+ --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
614
+ --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
615
+ --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
619
616
  --sky-space-inset-pillarbox-1_2-bottom-l: var(--bb-size-fluid-75);
620
617
  --sky-space-inset-pillarbox-1_2-bottom-m: var(--bb-size-fluid-50);
621
618
  --sky-space-inset-pillarbox-1_2-bottom-s: var(--bb-size-fluid-25);
619
+ --sky-space-inset-pillarbox-1_2-left-l: var(--bb-size-fluid-150);
620
+ --sky-space-inset-pillarbox-1_2-left-m: var(--bb-size-fluid-100);
621
+ --sky-space-inset-pillarbox-1_2-left-s: var(--bb-size-fluid-50);
622
622
  --sky-space-inset-pillarbox-1_2-right-l: var(--bb-size-fluid-150);
623
623
  --sky-space-inset-pillarbox-1_2-right-m: var(--bb-size-fluid-100);
624
624
  --sky-space-inset-pillarbox-1_2-right-s: var(--bb-size-fluid-50);
625
625
  --sky-space-inset-pillarbox-1_2-top-l: var(--bb-size-fluid-75);
626
626
  --sky-space-inset-pillarbox-1_2-top-m: var(--bb-size-fluid-50);
627
627
  --sky-space-inset-pillarbox-1_2-top-s: var(--bb-size-fluid-25);
628
- --sky-space-inset-pillarbox-1_3-left-m: var(--bb-size-fluid-150);
629
628
  --sky-space-inset-pillarbox-1_3-bottom-m: var(--bb-size-fluid-50);
629
+ --sky-space-inset-pillarbox-1_3-left-m: var(--bb-size-fluid-150);
630
630
  --sky-space-inset-pillarbox-1_3-right-m: var(--bb-size-fluid-150);
631
631
  --sky-space-inset-pillarbox-1_3-top-m: var(--bb-size-fluid-50);
632
- --sky-space-inset-pillarbox-1_4-left-s: var(--bb-size-fluid-50);
633
- --sky-space-inset-pillarbox-1_4-left-xs: var(--bb-size-fluid-25);
634
632
  --sky-space-inset-pillarbox-1_4-bottom-s: var(--bb-size-fluid-12);
635
633
  --sky-space-inset-pillarbox-1_4-bottom-xs: var(--bb-size-fluid-6);
634
+ --sky-space-inset-pillarbox-1_4-left-s: var(--bb-size-fluid-50);
635
+ --sky-space-inset-pillarbox-1_4-left-xs: var(--bb-size-fluid-25);
636
636
  --sky-space-inset-pillarbox-1_4-right-s: var(--bb-size-fluid-50);
637
637
  --sky-space-inset-pillarbox-1_4-right-xs: var(--bb-size-fluid-25);
638
638
  --sky-space-inset-pillarbox-1_4-top-s: var(--bb-size-fluid-12);
639
639
  --sky-space-inset-pillarbox-1_4-top-xs: var(--bb-size-fluid-6);
640
- --sky-space-inset-letterbox-2_3-left-m: var(--bb-size-fluid-50);
641
- --sky-space-inset-letterbox-2_3-bottom-m: var(--bb-size-fluid-75);
642
- --sky-space-inset-letterbox-2_3-right-m: var(--bb-size-fluid-50);
643
- --sky-space-inset-letterbox-2_3-top-m: var(--bb-size-fluid-75);
644
- --sky-space-inset-letterbox-1_2-left-m: var(--bb-size-fluid-50);
645
- --sky-space-inset-letterbox-1_2-bottom-m: var(--bb-size-fluid-100);
646
- --sky-space-inset-letterbox-1_2-right-m: var(--bb-size-fluid-50);
647
- --sky-space-inset-letterbox-1_2-top-m: var(--bb-size-fluid-100);
648
- --sky-space-inset-letterbox-1_3-left-m: var(--bb-size-fluid-50);
649
- --sky-space-inset-letterbox-1_3-bottom-m: var(--bb-size-fluid-150);
650
- --sky-space-inset-letterbox-1_3-right-m: var(--bb-size-fluid-50);
651
- --sky-space-inset-letterbox-1_3-top-m: var(--bb-size-fluid-150);
652
- --sky-space-inset-input_label-bottom-m: var(--bb-size-fluid-12);
653
- --sky-space-inset-input_label-top-m: var(--bb-size-fluid-37);
654
- --sky-space-inset-input-left-m: var(--bb-size-fluid-100);
655
- --sky-space-inset-input-bottom-m: var(--bb-size-fluid-50);
656
- --sky-space-inset-input-right-m: var(--bb-size-fluid-100);
657
- --sky-space-inset-input-top-m: var(--bb-size-fluid-50);
658
- --sky-space-inset-floated-left-m: var(--bb-size-fluid-150);
659
- --sky-space-inset-floated-left-s: var(--bb-size-fluid-100);
660
- --sky-space-inset-floated-bottom-m: var(--bb-size-fluid-150);
661
- --sky-space-inset-floated-bottom-s: var(--bb-size-fluid-100);
662
- --sky-space-inset-floated-right-m: var(--bb-size-fluid-150);
663
- --sky-space-inset-floated-right-s: var(--bb-size-fluid-100);
664
- --sky-space-inset-floated-top-m: var(--bb-size-fluid-50);
665
- --sky-space-inset-floated-top-s: var(--bb-size-fluid-25);
666
- --sky-space-inset-floated-top-0: 0rem;
667
- --sky-space-inset-bottomless-left-xl: var(--bb-size-fluid-150);
668
- --sky-space-inset-bottomless-left-l: var(--bb-size-fluid-100);
669
- --sky-space-inset-bottomless-left-m: var(--bb-size-fluid-75);
670
- --sky-space-inset-bottomless-bottom-xl: var(--bb-size-0);
671
- --sky-space-inset-bottomless-bottom-l: var(--bb-size-0);
672
- --sky-space-inset-bottomless-bottom-m: var(--bb-size-0);
673
- --sky-space-inset-bottomless-right-xl: var(--bb-size-fluid-150);
674
- --sky-space-inset-bottomless-right-l: var(--bb-size-fluid-100);
675
- --sky-space-inset-bottomless-right-m: var(--bb-size-fluid-75);
676
- --sky-space-inset-bottomless-top-xl: var(--bb-size-fluid-150);
677
- --sky-space-inset-bottomless-top-l: var(--bb-size-fluid-100);
678
- --sky-space-inset-bottomless-top-m: var(--bb-size-fluid-75);
679
- --sky-space-inset-balanced-fixed-xl: var(--bb-size-fixed-150);
680
- --sky-space-inset-balanced-fixed-l: var(--bb-size-fixed-100);
681
- --sky-space-inset-balanced-fixed-m: var(--bb-size-fixed-75);
682
- --sky-space-inset-balanced-fixed-s: var(--bb-size-fixed-50);
683
- --sky-space-inset-balanced-xl: var(--bb-size-fluid-150);
684
- --sky-space-inset-balanced-l: var(--bb-size-fluid-100);
685
- --sky-space-inset-balanced-m: var(--bb-size-fluid-75);
686
- --sky-space-inset-balanced-s: var(--bb-size-fluid-50);
687
- --sky-space-inset-balanced-xs: var(--bb-size-fluid-25);
688
- --sky-space-inset-balanced-xxs: var(--bb-size-fluid-12);
689
- --sky-space-inset-balanced-none: 0rem;
640
+ --sky-space-inset-pillarbox-2_3-bottom-l: var(--bb-size-fluid-100);
641
+ --sky-space-inset-pillarbox-2_3-bottom-m: var(--bb-size-fluid-50);
642
+ --sky-space-inset-pillarbox-2_3-left-l: var(--bb-size-fluid-150);
643
+ --sky-space-inset-pillarbox-2_3-left-m: var(--bb-size-fluid-75);
644
+ --sky-space-inset-pillarbox-2_3-right-l: var(--bb-size-fluid-150);
645
+ --sky-space-inset-pillarbox-2_3-right-m: var(--bb-size-fluid-75);
646
+ --sky-space-inset-pillarbox-2_3-top-l: var(--bb-size-fluid-100);
647
+ --sky-space-inset-pillarbox-2_3-top-m: var(--bb-size-fluid-50);
648
+ --sky-space-inset-sunk-bottom-l: var(--bb-size-fluid-100);
649
+ --sky-space-inset-sunk-left-l: var(--bb-size-fluid-150);
650
+ --sky-space-inset-sunk-right-l: var(--bb-size-fluid-150);
651
+ --sky-space-inset-sunk-top-l: var(--bb-size-fluid-150);
652
+ --sky-space-inset-tabs-l: var(--bb-size-fluid-100);
653
+ --sky-space-inset-tabs-m: var(--bb-size-fluid-75);
654
+ --sky-space-inset-tabs-s: var(--bb-size-fluid-50);
655
+ --sky-space-inset-tabs-xl: var(--bb-size-fluid-150);
656
+ --sky-space-inset-thumb: var(--bb-size-fixed-6);
657
+ --sky-space-inset-thumbnail_matte-l: var(--bb-size-fluid-25);
658
+ --sky-space-inset-thumbnail_matte-m: var(--bb-size-fluid-18);
659
+ --sky-space-inset-thumbnail_matte-s: var(--bb-size-fluid-12);
660
+ --sky-space-inset-thumbnail_matte-xl: var(--bb-size-fluid-50);
661
+ --sky-space-inset-vertical-bottom-0: var(--bb-size-0);
662
+ --sky-space-inset-vertical-bottom-l: var(--bb-size-fluid-100);
663
+ --sky-space-inset-vertical-bottom-m: var(--bb-size-fluid-75);
664
+ --sky-space-inset-vertical-bottom-s: var(--bb-size-fluid-50);
665
+ --sky-space-inset-vertical-bottom-xl: var(--bb-size-fluid-150);
666
+ --sky-space-inset-vertical-fixed-bottom-l: var(--bb-size-fixed-100);
667
+ --sky-space-inset-vertical-fixed-top-l: var(--bb-size-fixed-100);
668
+ --sky-space-inset-vertical-left-0: var(--bb-size-0);
669
+ --sky-space-inset-vertical-left-l: var(--bb-size-0);
670
+ --sky-space-inset-vertical-left-m: var(--bb-size-0);
671
+ --sky-space-inset-vertical-left-s: var(--bb-size-0);
672
+ --sky-space-inset-vertical-left-xl: var(--bb-size-0);
673
+ --sky-space-inset-vertical-right-0: var(--bb-size-0);
674
+ --sky-space-inset-vertical-right-l: var(--bb-size-0);
675
+ --sky-space-inset-vertical-right-m: var(--bb-size-0);
676
+ --sky-space-inset-vertical-right-s: var(--bb-size-0);
677
+ --sky-space-inset-vertical-right-xl: var(--bb-size-0);
678
+ --sky-space-inset-vertical-top-0: var(--bb-size-0);
679
+ --sky-space-inset-vertical-top-l: var(--bb-size-fluid-100);
680
+ --sky-space-inset-vertical-top-m: var(--bb-size-fluid-75);
681
+ --sky-space-inset-vertical-top-s: var(--bb-size-fluid-50);
682
+ --sky-space-inset-vertical-top-xl: var(--bb-size-fluid-150);
683
+ --sky-space-stacked-0: var(--bb-size-0);
684
+ --sky-space-stacked-l: var(--bb-size-fluid-100);
685
+ --sky-space-stacked-m: var(--bb-size-fluid-75);
686
+ --sky-space-stacked-s: var(--bb-size-fluid-50);
687
+ --sky-space-stacked-xl: var(--bb-size-fluid-150);
688
+ --sky-space-stacked-xs: var(--bb-size-fluid-25);
689
+ --sky-space-stacked-xxl: var(--bb-size-fluid-300);
690
+ --sky-font-family-primary: var(--bb-font-blkb_sans-family);
691
+ --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
692
+ --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
693
+ --sky-type-body-m: var(--sky-font-style-body-m) var(--sky-font-size-body-m)/var(--sky-font-line_height-body-m) var(--sky-font-family-primary);
694
+ --sky-type-body-s: var(--sky-font-style-body-s) var(--sky-font-size-body-s)/var(--sky-font-line_height-body-s) var(--sky-font-family-primary);
695
+ --sky-type-heading-1: var(--sky-font-style-heading-1) var(--sky-font-size-heading-1)/var(--sky-font-line_height-heading-1) var(--sky-font-family-primary);
696
+ --sky-type-input-val: var(--sky-font-style-body-s) var(--sky-font-size-input-val)/var(--sky-font-line_height-input-val) var(--sky-font-family-primary);
697
+ --sky-type-data_label: var(--sky-font-style-data_label) var(--sky-font-size-data_label)/var(--sky-font-line_height-data_label) var(--sky-font-family-primary);
698
+ --sky-type-display-1: var(--sky-font-style-display-1) var(--sky-font-size-display-1)/var(--sky-font-line_height-display-1) var(--sky-font-family-primary);
699
+ --sky-type-display-2: var(--sky-font-style-display-2) var(--sky-font-size-display-2)/var(--sky-font-line_height-display-2) var(--sky-font-family-primary);
700
+ --sky-type-display-3: var(--sky-font-style-display-3) var(--sky-font-size-display-3)/var(--sky-font-line_height-display-3) var(--sky-font-family-primary);
701
+ --sky-type-display-4: var(--sky-font-style-display-4) var(--sky-font-size-display-4)/var(--sky-font-line_height-display-4) var(--sky-font-family-primary);
702
+ --sky-type-heading-2: var(--sky-font-style-heading-2) var(--sky-font-size-heading-2)/var(--sky-font-line_height-heading-2) var(--sky-font-family-primary);
703
+ --sky-type-heading-3: var(--sky-font-style-heading-3) var(--sky-font-size-heading-3)/var(--sky-font-line_height-heading-3) var(--sky-font-family-primary);
704
+ --sky-type-heading-4: var(--sky-font-style-heading-4) var(--sky-font-size-heading-4)/var(--sky-font-line_height-heading-4) var(--sky-font-family-primary);
705
+ --sky-type-heading-5: var(--sky-font-style-heading-5) var(--sky-font-size-heading-5)/var(--sky-font-line_height-heading-5) var(--sky-font-family-primary);
706
+ --sky-type-hint-m: italic 400 var(--sky-font-size-hint-m)/var(--sky-font-line_height-hint-m) var(--sky-font-family-primary);
707
+ --sky-type-hint-s: italic 400 var(--sky-font-size-hint-s)/var(--sky-font-line_height-hint-s) var(--sky-font-family-primary);
708
+ --sky-type-input-label: var(--sky-font-style-input-label) var(--sky-font-size-input-label)/var(--sky-font-line_height-input-label) var(--sky-font-family-primary);
690
709
  }
691
710
 
692
711
  .sky-theme-modern {
693
- --modern-opacity-600: .6;
712
+ --modern-border-radius-0: 0rem;
713
+ --modern-border-radius-md: 6px;
714
+ --modern-border-radius-pill: 10rem;
715
+ --modern-border-radius-round: 50%;
694
716
  --modern-border-style-dotted: dotted;
695
717
  --modern-border-style-solid: solid;
696
- --modern-border-radius-round: 50%;
697
- --modern-border-radius-pill: 10rem;
698
- --modern-border-radius-md: 6px;
699
- --modern-border-radius-0: 0rem;
700
- --modern-shadow-thumb: 0 1px 2px 0 rgba(0,0,0,0.5);
701
- --modern-shadow-size-24: 0 7px 27px 3px var(--modern-color-shadow_color);
702
- --modern-shadow-size-16: 0 3px 25px 2px var(--modern-color-shadow_color);
703
- --modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
704
- --modern-shadow-size-4: 0 1px 12px 0 var(--modern-color-shadow_color);
705
- --modern-shadow-size-3: 0 1px 8px 0 var(--modern-color-shadow_color);
706
- --modern-shadow-size-1: 0 1px 3px 0 var(--modern-color-shadow_color);
707
- --modern-shadow-size-0: 0 0 0 0 #000000;
708
- --modern-letter_spacing-normal: normal;
709
- --modern-line_height-normal: normal;
710
- --modern-line_height-150: 1.5;
711
- --modern-line_height-115: 1.15;
712
- --modern-line_height-110: 1.1;
713
- --modern-line_height-20: 20px;
714
- --modern-font-blkb_sans-family: var(--modern-font-blkb_sans-name), var(--modern-font-blkb_sans-fallback);
718
+ --modern-color-black: #000000;
719
+ --modern-color-blocking: rgba(255, 255, 255, 0.7);
720
+ --modern-color-blue-05: #ebfbff;
721
+ --modern-color-blue-10: #c1e8fb;
722
+ --modern-color-blue-30: #81d4f7;
723
+ --modern-color-blue-50: #00b4f1;
724
+ --modern-color-blue-74: #1870b8;
725
+ --modern-color-blue-80: #0d5ead;
726
+ --modern-color-gray-005: #fcfcfc;
727
+ --modern-color-gray-05: #eeeeef;
728
+ --modern-color-gray-07: #ededee;
729
+ --modern-color-gray-10: #e2e3e4;
730
+ --modern-color-gray-105: #212327;
731
+ --modern-color-gray-15: #d2d2d2;
732
+ --modern-color-gray-20: #cdcfd2;
733
+ --modern-color-gray-50: #8c929c;
734
+ --modern-color-gray-70: #686c73;
735
+ --modern-color-green-30: #b7da9b;
736
+ --modern-color-green-50: #72bf44;
737
+ --modern-color-red-30: #f7a08f;
738
+ --modern-color-red-50: #ef4044;
739
+ --modern-color-red-70: #d93a3d;
740
+ --modern-color-scrim: rgba(0, 0, 0, 0.5);
741
+ --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
742
+ --modern-color-sky_blue-20: #bfecfb;
743
+ --modern-color-sky_blue-40: #40c7f4;
744
+ --modern-color-transparent: rgba(0, 0, 0, 0);
745
+ --modern-color-white: #ffffff;
746
+ --modern-color-yellow-30: #ffd597;
747
+ --modern-color-yellow-40: #fcd085;
748
+ --modern-color-yellow-50: #fbb034;
749
+ --modern-color-yellow-80: #c57c00;
715
750
  --modern-font-blkb_sans-fallback: Helvetica Neue, Arial, sans-serif;
716
751
  --modern-font-blkb_sans-name: BLKB Sans;
717
752
  --modern-font-monospaced-family: Menlo, Monaco, Consolas, Courier New, monospace;
753
+ --modern-font-size-100: 12px;
754
+ --modern-font-size-125: 13px;
755
+ --modern-font-size-150: 14px;
756
+ --modern-font-size-200: 16px;
757
+ --modern-font-size-250: 18px;
758
+ --modern-font-size-300: 20px;
759
+ --modern-font-size-400: 24px;
760
+ --modern-font-size-500: 28px;
761
+ --modern-font-size-600: 32px;
762
+ --modern-font-size-800: 48px;
718
763
  --modern-font-style-bold: 700;
719
- --modern-font-style-semibold: 600;
720
764
  --modern-font-style-italic-style: italic;
721
765
  --modern-font-style-italic-weight: 400;
766
+ --modern-font-style-light: 300;
722
767
  --modern-font-style-normal-style: normal;
723
768
  --modern-font-style-normal-weight: 400;
724
769
  --modern-font-style-regular: 400;
725
- --modern-font-style-light: 300;
770
+ --modern-font-style-semibold: 600;
726
771
  --modern-font-weight-bold: 700;
727
- --modern-font-weight-semibold: 600;
728
- --modern-font-weight-regular: 400;
729
772
  --modern-font-weight-light: 300;
730
- --modern-font-size-800: 48px;
731
- --modern-font-size-600: 32px;
732
- --modern-font-size-500: 28px;
733
- --modern-font-size-400: 24px;
734
- --modern-font-size-300: 20px;
735
- --modern-font-size-250: 18px;
736
- --modern-font-size-200: 16px;
737
- --modern-font-size-150: 14px;
738
- --modern-font-size-125: 13px;
739
- --modern-font-size-100: 12px;
740
- --modern-size-900: 900px;
741
- --modern-size-600: 600px;
742
- --modern-size-400: 400px;
743
- --modern-size-300: 300px;
744
- --modern-size-296: 296px;
745
- --modern-size-276: 276px;
746
- --modern-size-236: 236px;
773
+ --modern-font-weight-regular: 400;
774
+ --modern-font-weight-semibold: 600;
775
+ --modern-letter_spacing-normal: normal;
776
+ --modern-line_height-110: 1.1;
777
+ --modern-line_height-115: 1.15;
778
+ --modern-line_height-150: 1.5;
779
+ --modern-line_height-20: 20px;
780
+ --modern-line_height-normal: normal;
781
+ --modern-opacity-600: .6;
782
+ --modern-shadow-size-0: 0 0 0 0 #000000;
783
+ --modern-shadow-thumb: 0 1px 2px 0 rgba(0,0,0,0.5);
784
+ --modern-size-0: 0rem;
785
+ --modern-size-1: 1px;
786
+ --modern-size-10: 10px;
747
787
  --modern-size-100: 100px;
748
- --modern-size-96: 96px;
749
- --modern-size-80: 80px;
750
- --modern-size-65: 65px;
751
- --modern-size-64: 64px;
752
- --modern-size-48: 48px;
753
- --modern-size-44: 44px;
754
- --modern-size-40: 40px;
755
- --modern-size-32: 32px;
756
- --modern-size-30: 30px;
757
- --modern-size-26: 26px;
758
- --modern-size-24: 24px;
759
- --modern-size-20: 20px;
760
- --modern-size-19: 19px;
761
- --modern-size-16: 16px;
762
- --modern-size-15: 15px;
763
- --modern-size-14: 14px;
764
- --modern-size-13: 13px;
765
788
  --modern-size-12: 12px;
766
- --modern-size-10: 10px;
767
- --modern-size-9: 9px;
768
- --modern-size-8: 8px;
769
- --modern-size-7: 7px;
770
- --modern-size-6: 6px;
771
- --modern-size-5: 5px;
772
- --modern-size-4: 4px;
773
- --modern-size-3: 3px;
789
+ --modern-size-13: 13px;
790
+ --modern-size-14: 14px;
791
+ --modern-size-15: 15px;
792
+ --modern-size-16: 16px;
793
+ --modern-size-19: 19px;
774
794
  --modern-size-2: 2px;
775
- --modern-size-1: 1px;
776
- --modern-size-0: 0rem;
777
- --modern-space-xxl: 60px;
778
- --modern-space-xl: 30px;
795
+ --modern-size-20: 20px;
796
+ --modern-size-236: 236px;
797
+ --modern-size-24: 24px;
798
+ --modern-size-26: 26px;
799
+ --modern-size-276: 276px;
800
+ --modern-size-296: 296px;
801
+ --modern-size-3: 3px;
802
+ --modern-size-30: 30px;
803
+ --modern-size-300: 300px;
804
+ --modern-size-32: 32px;
805
+ --modern-size-4: 4px;
806
+ --modern-size-40: 40px;
807
+ --modern-size-400: 400px;
808
+ --modern-size-44: 44px;
809
+ --modern-size-48: 48px;
810
+ --modern-size-5: 5px;
811
+ --modern-size-6: 6px;
812
+ --modern-size-600: 600px;
813
+ --modern-size-64: 64px;
814
+ --modern-size-65: 65px;
815
+ --modern-size-7: 7px;
816
+ --modern-size-8: 8px;
817
+ --modern-size-80: 80px;
818
+ --modern-size-9: 9px;
819
+ --modern-size-900: 900px;
820
+ --modern-size-96: 96px;
779
821
  --modern-space-lg: 20px;
780
822
  --modern-space-md: 15px;
823
+ --modern-space-none: 0rem;
781
824
  --modern-space-s: 10px;
825
+ --modern-space-xl: 30px;
782
826
  --modern-space-xs: 5px;
783
- --modern-space-none: 0rem;
784
- --modern-color-sky_blue-40: #40c7f4;
785
- --modern-color-sky_blue-20: #bfecfb;
786
- --modern-color-yellow-80: #c57c00;
787
- --modern-color-yellow-50: #fbb034;
788
- --modern-color-yellow-40: #fcd085;
789
- --modern-color-yellow-30: #ffd597;
790
- --modern-color-green-50: #72bf44;
791
- --modern-color-green-30: #b7da9b;
792
- --modern-color-blue-05: #ebfbff;
793
- --modern-color-blue-80: #0d5ead;
794
- --modern-color-blue-74: #1870b8;
795
- --modern-color-blue-50: #00b4f1;
796
- --modern-color-blue-30: #81d4f7;
797
- --modern-color-blue-10: #c1e8fb;
798
- --modern-color-red-70: #d93a3d;
799
- --modern-color-red-50: #ef4044;
800
- --modern-color-red-30: #f7a08f;
801
- --modern-color-gray-005: #fcfcfc;
802
- --modern-color-gray-07: #ededee;
803
- --modern-color-gray-05: #eeeeef;
804
- --modern-color-gray-105: #212327;
805
- --modern-color-gray-70: #686c73;
806
- --modern-color-gray-50: #8c929c;
807
- --modern-color-gray-20: #cdcfd2;
808
- --modern-color-gray-15: #d2d2d2;
809
- --modern-color-gray-10: #e2e3e4;
810
- --modern-color-blocking: rgba(255, 255, 255, 0.7);
811
- --modern-color-scrim: rgba(0, 0, 0, 0.5);
812
- --modern-color-shadow_color: rgba(0, 0, 0, 0.3);
813
- --modern-color-transparent: rgba(0, 0, 0, 0);
814
- --modern-color-black: #000000;
815
- --modern-color-white: #ffffff;
816
- }
817
-
818
- .sky-theme-modern {
819
- --sky-opacity-wait: var(--modern-opacity-600);
820
- --sky-elevation-overlay-400: var(--modern-shadow-size-24);
821
- --sky-elevation-overlay-300: var(--modern-shadow-size-16);
822
- --sky-elevation-overlay-200: var(--modern-shadow-size-8);
823
- --sky-elevation-overlay-100: var(--modern-shadow-size-4);
824
- --sky-elevation-raised-100: var(--modern-shadow-size-1);
825
- --sky-elevation-overflow: var(--modern-shadow-size-3);
826
- --sky-elevation-focus: var(--modern-shadow-size-3);
827
- --sky-elevation-none: var(--modern-shadow-size-0);
828
- --sky-color-border-separator-row: var(--modern-color-gray-20);
829
- --sky-color-border-separator-light: var(--modern-color-gray-10);
830
- --sky-color-border-separator-dark: var(--modern-color-gray-20);
831
- --sky-color-border-input-error: var(--modern-color-red-50);
832
- --sky-color-border-input-disabled: var(--modern-color-gray-50);
833
- --sky-color-border-input-focus: var(--modern-color-blue-74);
834
- --sky-color-border-input-active: var(--modern-color-blue-74);
835
- --sky-color-border-input-hover: var(--modern-color-blue-74);
836
- --sky-color-border-input-base: var(--modern-color-gray-50);
837
- --sky-color-border-action-input-disabled: var(--modern-color-gray-50);
838
- --sky-color-border-action-input-focus: var(--modern-color-blue-74);
839
- --sky-color-border-action-input-active: var(--modern-color-blue-74);
840
- --sky-color-border-action-input-hover: var(--modern-color-blue-74);
841
- --sky-color-border-action-input-base: var(--modern-color-gray-50);
827
+ --modern-space-xxl: 60px;
828
+ --modern-font-blkb_sans-family: var(--modern-font-blkb_sans-name), var(--modern-font-blkb_sans-fallback);
829
+ --modern-shadow-size-1: 0 1px 3px 0 var(--modern-color-shadow_color);
830
+ --modern-shadow-size-16: 0 3px 25px 2px var(--modern-color-shadow_color);
831
+ --modern-shadow-size-24: 0 7px 27px 3px var(--modern-color-shadow_color);
832
+ --modern-shadow-size-3: 0 1px 8px 0 var(--modern-color-shadow_color);
833
+ --modern-shadow-size-4: 0 1px 12px 0 var(--modern-color-shadow_color);
834
+ --modern-shadow-size-8: 0 2px 15px 2px var(--modern-color-shadow_color);
835
+ }
836
+
837
+ .sky-theme-modern {
838
+ --sky-color-background-action-danger-active: var(--modern-color-red-70);
839
+ --sky-color-background-action-danger-base: var(--modern-color-red-70);
840
+ --sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
841
+ --sky-color-background-action-danger-focus: var(--modern-color-red-70);
842
+ --sky-color-background-action-danger-hover: var(--modern-color-red-70);
843
+ --sky-color-background-action-input-active: var(--modern-color-transparent);
844
+ --sky-color-background-action-input-base: var(--modern-color-transparent);
845
+ --sky-color-background-action-input-disabled: var(--modern-color-gray-07);
846
+ --sky-color-background-action-input-focus: var(--modern-color-transparent);
847
+ --sky-color-background-action-input-hover: var(--modern-color-transparent);
848
+ --sky-color-background-action-primary-active: var(--modern-color-blue-74);
849
+ --sky-color-background-action-primary-base: var(--modern-color-blue-74);
850
+ --sky-color-background-action-primary-disabled: var(--modern-color-gray-07);
851
+ --sky-color-background-action-primary-focus: var(--modern-color-blue-74);
852
+ --sky-color-background-action-primary-hover: var(--modern-color-blue-74);
853
+ --sky-color-background-action-secondary-active: var(--modern-color-white);
854
+ --sky-color-background-action-secondary-base: var(--modern-color-white);
855
+ --sky-color-background-action-secondary-disabled: var(--modern-color-gray-07);
856
+ --sky-color-background-action-secondary-focus: var(--modern-color-white);
857
+ --sky-color-background-action-secondary-hover: var(--modern-color-white);
858
+ --sky-color-background-action-tertiary-active: var(--modern-color-transparent);
859
+ --sky-color-background-action-tertiary-base: var(--modern-color-transparent);
860
+ --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
861
+ --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
862
+ --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
863
+ --sky-color-background-blocking: var(--modern-color-blocking);
864
+ --sky-color-background-container-base: var(--modern-color-white);
865
+ --sky-color-background-container-danger: var(--modern-color-red-30);
866
+ --sky-color-background-container-info: var(--modern-color-blue-10);
867
+ --sky-color-background-container-menu: var(--modern-color-white);
868
+ --sky-color-background-container-success: var(--modern-color-green-30);
869
+ --sky-color-background-container-warning: var(--modern-color-yellow-30);
870
+ --sky-color-background-file_drop: var(--modern-color-gray-05);
871
+ --sky-color-background-icon_matte-action-heavy: var(--modern-color-blue-74);
872
+ --sky-color-background-icon_matte-action-soft: var(--modern-color-blue-05);
873
+ --sky-color-background-icon_matte-danger: var(--modern-color-red-50);
874
+ --sky-color-background-icon_matte-success: var(--modern-color-green-50);
875
+ --sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
876
+ --sky-color-background-input-base: var(--modern-color-transparent);
877
+ --sky-color-background-input-disabled: var(--modern-color-gray-07);
878
+ --sky-color-background-list-active: var(--modern-color-transparent);
879
+ --sky-color-background-list-base: var(--modern-color-transparent);
880
+ --sky-color-background-list-disabled: var(--modern-color-gray-07);
881
+ --sky-color-background-list-focus: var(--modern-color-transparent);
882
+ --sky-color-background-list-hover: var(--modern-color-transparent);
883
+ --sky-color-background-nav-active: var(--modern-color-transparent);
884
+ --sky-color-background-nav-base: var(--modern-color-transparent);
885
+ --sky-color-background-nav-disabled: var(--modern-color-gray-07);
886
+ --sky-color-background-nav-focus: var(--modern-color-transparent);
887
+ --sky-color-background-nav-hover: var(--modern-color-transparent);
888
+ --sky-color-background-page: var(--modern-color-gray-005);
889
+ --sky-color-background-scrim: var(--modern-color-scrim);
890
+ --sky-color-background-selected-danger: var(--modern-color-red-30);
891
+ --sky-color-background-selected-heavy: var(--modern-color-blue-05);
892
+ --sky-color-background-selected-soft: var(--modern-color-blue-05);
893
+ --sky-color-background-selected-success: var(--modern-color-green-30);
894
+ --sky-color-background-selected-warning: var(--modern-color-yellow-30);
895
+ --sky-color-background-text_highlight: var(--modern-color-yellow-40);
896
+ --sky-color-background-thumb-base: var(--modern-color-white);
897
+ --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
898
+ --sky-color-background-thumbnail_matte: var(--modern-color-white);
899
+ --sky-color-border-action-danger-active: var(--modern-color-red-30);
900
+ --sky-color-border-action-danger-base: var(--modern-color-red-70);
842
901
  --sky-color-border-action-danger-disabled: var(--modern-color-gray-15);
843
902
  --sky-color-border-action-danger-focus: var(--modern-color-red-30);
844
- --sky-color-border-action-danger-active: var(--modern-color-red-30);
845
903
  --sky-color-border-action-danger-hover: var(--modern-color-red-30);
846
- --sky-color-border-action-danger-base: var(--modern-color-red-70);
847
- --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
848
- --sky-color-border-action-tertiary-active: var(--modern-color-blue-74);
849
- --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
850
- --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
851
- --sky-color-border-action-tertiary-base: var(--modern-color-transparent);
852
- --sky-color-border-action-secondary-disabled: var(--modern-color-gray-15);
853
- --sky-color-border-action-secondary-focus: var(--modern-color-blue-74);
854
- --sky-color-border-action-secondary-active: var(--modern-color-blue-74);
855
- --sky-color-border-action-secondary-hover: var(--modern-color-blue-74);
856
- --sky-color-border-action-secondary-base: var(--modern-color-gray-15);
904
+ --sky-color-border-action-input-active: var(--modern-color-blue-74);
905
+ --sky-color-border-action-input-base: var(--modern-color-gray-50);
906
+ --sky-color-border-action-input-disabled: var(--modern-color-gray-50);
907
+ --sky-color-border-action-input-focus: var(--modern-color-blue-74);
908
+ --sky-color-border-action-input-hover: var(--modern-color-blue-74);
909
+ --sky-color-border-action-primary-active: var(--modern-color-blue-10);
910
+ --sky-color-border-action-primary-base: var(--modern-color-blue-74);
857
911
  --sky-color-border-action-primary-disabled: var(--modern-color-gray-15);
858
912
  --sky-color-border-action-primary-focus: var(--modern-color-blue-10);
859
- --sky-color-border-action-primary-active: var(--modern-color-blue-10);
860
913
  --sky-color-border-action-primary-hover: var(--modern-color-blue-10);
861
- --sky-color-border-action-primary-base: var(--modern-color-blue-74);
914
+ --sky-color-border-action-secondary-active: var(--modern-color-blue-74);
915
+ --sky-color-border-action-secondary-base: var(--modern-color-gray-15);
916
+ --sky-color-border-action-secondary-disabled: var(--modern-color-gray-15);
917
+ --sky-color-border-action-secondary-focus: var(--modern-color-blue-74);
918
+ --sky-color-border-action-secondary-hover: var(--modern-color-blue-74);
919
+ --sky-color-border-action-tertiary-active: var(--modern-color-blue-74);
920
+ --sky-color-border-action-tertiary-base: var(--modern-color-transparent);
921
+ --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
922
+ --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
923
+ --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
862
924
  --sky-color-border-container-base: var(--modern-color-gray-15);
863
- --sky-color-border-text_highlight: var(--modern-color-yellow-80);
864
- --sky-color-border-elevation: var(--modern-color-gray-15);
925
+ --sky-color-border-danger: var(--modern-color-red-50);
865
926
  --sky-color-border-divider: var(--modern-color-gray-15);
927
+ --sky-color-border-elevation: var(--modern-color-gray-15);
866
928
  --sky-color-border-info: var(--modern-color-blue-50);
929
+ --sky-color-border-input-active: var(--modern-color-blue-74);
930
+ --sky-color-border-input-base: var(--modern-color-gray-50);
931
+ --sky-color-border-input-disabled: var(--modern-color-gray-50);
932
+ --sky-color-border-input-error: var(--modern-color-red-50);
933
+ --sky-color-border-input-focus: var(--modern-color-blue-74);
934
+ --sky-color-border-input-hover: var(--modern-color-blue-74);
935
+ --sky-color-border-progress_step: var(--modern-color-gray-50);
936
+ --sky-color-border-selected: var(--modern-color-blue-74);
937
+ --sky-color-border-selected_soft: var(--modern-color-blue-30);
938
+ --sky-color-border-separator-dark: var(--modern-color-gray-20);
939
+ --sky-color-border-separator-light: var(--modern-color-gray-10);
940
+ --sky-color-border-separator-row: var(--modern-color-gray-20);
867
941
  --sky-color-border-success: var(--modern-color-green-50);
942
+ --sky-color-border-switch-active: var(--modern-color-blue-74);
943
+ --sky-color-border-switch-base: var(--modern-color-gray-50);
944
+ --sky-color-border-switch-disabled: var(--modern-color-gray-50);
945
+ --sky-color-border-switch-error: var(--modern-color-red-50);
946
+ --sky-color-border-switch-focus: var(--modern-color-blue-74);
947
+ --sky-color-border-switch-hover: var(--modern-color-blue-74);
948
+ --sky-color-border-switch-selected-active: var(--modern-color-blue-74);
949
+ --sky-color-border-switch-selected-base: var(--modern-color-gray-50);
950
+ --sky-color-border-switch-selected-disabled: var(--modern-color-gray-50);
951
+ --sky-color-border-switch-selected-focus: var(--modern-color-blue-74);
952
+ --sky-color-border-switch-selected-hover: var(--modern-color-blue-74);
953
+ --sky-color-border-text_highlight: var(--modern-color-yellow-80);
868
954
  --sky-color-border-warning: var(--modern-color-yellow-50);
869
- --sky-color-border-danger: var(--modern-color-red-50);
870
- --sky-color-border-selected_soft: var(--modern-color-blue-30);
871
- --sky-color-border-selected: var(--modern-color-blue-74);
872
- --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
873
- --sky-color-background-thumb-base: var(--modern-color-white);
874
- --sky-color-background-input-disabled: var(--modern-color-gray-07);
875
- --sky-color-background-input-base: var(--modern-color-transparent);
876
- --sky-color-background-selected-success: var(--modern-color-green-30);
877
- --sky-color-background-selected-warning: var(--modern-color-yellow-30);
878
- --sky-color-background-selected-danger: var(--modern-color-red-30);
879
- --sky-color-background-selected-soft: var(--modern-color-blue-05);
880
- --sky-color-background-selected-heavy: var(--modern-color-blue-05);
881
- --sky-color-background-nav-disabled: var(--modern-color-gray-07);
882
- --sky-color-background-nav-focus: var(--modern-color-transparent);
883
- --sky-color-background-nav-active: var(--modern-color-transparent);
884
- --sky-color-background-nav-hover: var(--modern-color-transparent);
885
- --sky-color-background-nav-base: var(--modern-color-transparent);
886
- --sky-color-background-list-disabled: var(--modern-color-gray-07);
887
- --sky-color-background-list-focus: var(--modern-color-transparent);
888
- --sky-color-background-list-active: var(--modern-color-transparent);
889
- --sky-color-background-list-hover: var(--modern-color-transparent);
890
- --sky-color-background-list-base: var(--modern-color-transparent);
891
- --sky-color-background-icon_matte-action-soft: var(--modern-color-blue-05);
892
- --sky-color-background-icon_matte-action-heavy: var(--modern-color-blue-74);
893
- --sky-color-background-icon_matte-success: var(--modern-color-green-50);
894
- --sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
895
- --sky-color-background-icon_matte-danger: var(--modern-color-red-50);
896
- --sky-color-background-container-info: var(--modern-color-blue-10);
897
- --sky-color-background-container-success: var(--modern-color-green-30);
898
- --sky-color-background-container-warning: var(--modern-color-yellow-30);
899
- --sky-color-background-container-danger: var(--modern-color-red-30);
900
- --sky-color-background-container-menu: var(--modern-color-white);
901
- --sky-color-background-container-base: var(--modern-color-white);
902
- --sky-color-background-action-input-disabled: var(--modern-color-gray-07);
903
- --sky-color-background-action-input-focus: var(--modern-color-transparent);
904
- --sky-color-background-action-input-active: var(--modern-color-transparent);
905
- --sky-color-background-action-input-hover: var(--modern-color-transparent);
906
- --sky-color-background-action-input-base: var(--modern-color-transparent);
907
- --sky-color-background-action-danger-disabled: var(--modern-color-gray-07);
908
- --sky-color-background-action-danger-focus: var(--modern-color-red-70);
909
- --sky-color-background-action-danger-active: var(--modern-color-red-70);
910
- --sky-color-background-action-danger-hover: var(--modern-color-red-70);
911
- --sky-color-background-action-danger-base: var(--modern-color-red-70);
912
- --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
913
- --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
914
- --sky-color-background-action-tertiary-active: var(--modern-color-transparent);
915
- --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
916
- --sky-color-background-action-tertiary-base: var(--modern-color-transparent);
917
- --sky-color-background-action-secondary-disabled: var(--modern-color-gray-07);
918
- --sky-color-background-action-secondary-focus: var(--modern-color-white);
919
- --sky-color-background-action-secondary-active: var(--modern-color-white);
920
- --sky-color-background-action-secondary-hover: var(--modern-color-white);
921
- --sky-color-background-action-secondary-base: var(--modern-color-white);
922
- --sky-color-background-action-primary-disabled: var(--modern-color-gray-07);
923
- --sky-color-background-action-primary-focus: var(--modern-color-blue-74);
924
- --sky-color-background-action-primary-active: var(--modern-color-blue-74);
925
- --sky-color-background-action-primary-hover: var(--modern-color-blue-74);
926
- --sky-color-background-action-primary-base: var(--modern-color-blue-74);
927
- --sky-color-background-thumbnail_matte: var(--modern-color-white);
928
- --sky-color-background-file_drop: var(--modern-color-gray-05);
929
- --sky-color-background-text_highlight: var(--modern-color-yellow-40);
930
- --sky-color-background-blocking: var(--modern-color-blocking);
931
- --sky-color-background-scrim: var(--modern-color-scrim);
932
- --sky-color-background-page: var(--modern-color-gray-005);
933
955
  --sky-color-icon-action: var(--modern-color-blue-74);
934
- --sky-color-icon-inverse: var(--modern-color-white);
935
- --sky-color-icon-info: var(--modern-color-blue-50);
936
- --sky-color-icon-success: var(--modern-color-green-50);
937
- --sky-color-icon-warning: var(--modern-color-yellow-50);
938
956
  --sky-color-icon-danger: var(--modern-color-red-50);
939
957
  --sky-color-icon-deemphasized: var(--modern-color-gray-70);
940
958
  --sky-color-icon-default: var(--modern-color-gray-105);
941
- --sky-color-text-link_highlight: var(--modern-color-blue-80);
942
- --sky-color-text-heading: var(--modern-color-gray-105);
943
- --sky-color-text-inverse: var(--modern-color-white);
944
- --sky-color-text-danger: var(--modern-color-red-70);
959
+ --sky-color-icon-info: var(--modern-color-blue-50);
960
+ --sky-color-icon-inverse: var(--modern-color-white);
961
+ --sky-color-icon-selected: var(--modern-color-blue-74);
962
+ --sky-color-icon-success: var(--modern-color-green-50);
963
+ --sky-color-icon-warning: var(--modern-color-yellow-50);
945
964
  --sky-color-text-action: var(--modern-color-blue-74);
965
+ --sky-color-text-danger: var(--modern-color-red-70);
946
966
  --sky-color-text-deemphasized: var(--modern-color-gray-70);
947
967
  --sky-color-text-default: var(--modern-color-gray-105);
968
+ --sky-color-text-heading: var(--modern-color-gray-105);
969
+ --sky-color-text-inverse: var(--modern-color-white);
970
+ --sky-color-text-link_highlight: var(--modern-color-blue-80);
971
+ --sky-color-text-selected: var(--modern-color-blue-74);
972
+ --sky-elevation-none: var(--modern-shadow-size-0);
973
+ --sky-opacity-wait: var(--modern-opacity-600);
974
+ --sky-elevation-focus: var(--modern-shadow-size-3);
975
+ --sky-elevation-overflow: var(--modern-shadow-size-3);
976
+ --sky-elevation-overlay-100: var(--modern-shadow-size-4);
977
+ --sky-elevation-overlay-200: var(--modern-shadow-size-8);
978
+ --sky-elevation-overlay-300: var(--modern-shadow-size-16);
979
+ --sky-elevation-overlay-400: var(--modern-shadow-size-24);
980
+ --sky-elevation-raised-100: var(--modern-shadow-size-1);
948
981
  }
949
982
 
950
983
  .sky-theme-modern {
951
- --sky-border-style-separator-row: var(--modern-border-style-dotted);
952
- --sky-border-style-separator-light: var(--modern-border-style-solid);
953
- --sky-border-style-separator-dark: var(--modern-border-style-solid);
954
- --sky-border-style-elevation: var(--modern-border-style-solid);
955
- --sky-border-style-divider: var(--modern-border-style-solid);
956
- --sky-border-style-accent: var(--modern-border-style-solid);
957
- --sky-border-radius-round: var(--modern-border-radius-round);
958
- --sky-border-radius-thumb: var(--modern-border-radius-round);
959
- --sky-border-radius-pill: var(--modern-border-radius-pill);
960
- --sky-border-radius-m: var(--modern-border-radius-md);
961
- --sky-border-radius-s: var(--modern-border-radius-md);
962
- --sky-border-radius-xs: var(--modern-border-radius-0);
984
+ --sky-font-style-deemphasized-style: italic;
985
+ --sky-font-style-deemphasized-weight: 400;
986
+ --sky-font-style-hint-m-style: italic;
987
+ --sky-font-style-hint-m-weight: 400;
988
+ --sky-font-style-hint-s-style: italic;
989
+ --sky-font-style-hint-s-weight: 400;
990
+ --sky-font-text_decoration-inline_link-active: underline;
991
+ --sky-font-text_decoration-inline_link-base: none;
992
+ --sky-font-text_decoration-inline_link-disabled: none;
993
+ --sky-font-text_decoration-inline_link-focus: none;
994
+ --sky-font-text_decoration-inline_link-hover: underline;
995
+ --sky-font-text_decoration-visible_link: underline;
996
+ --sky-space-gap-action_group-0: 0rem;
997
+ --sky-space-gap-form-0: 0rem;
998
+ --sky-space-gap-icon-0: 0rem;
999
+ --sky-space-gap-label-0: 0rem;
1000
+ --sky-space-gap-stacked_supplemental-0: 0rem;
1001
+ --sky-space-gap-text_action-0: 0rem;
1002
+ --sky-space-inset-balanced-none: 0rem;
963
1003
  --sky-border-radius-0: var(--modern-border-radius-0);
964
- --sky-border-width-separator-row: var(--modern-size-1);
965
- --sky-border-width-separator-light: var(--modern-size-1);
966
- --sky-border-width-separator-dark: var(--modern-size-1);
967
- --sky-border-width-selected-xl: var(--modern-size-6);
968
- --sky-border-width-selected-l: var(--modern-size-4);
969
- --sky-border-width-selected-m: var(--modern-size-2);
970
- --sky-border-width-selected-s: var(--modern-size-1);
971
- --sky-border-width-input-disabled: var(--modern-size-1);
972
- --sky-border-width-input-error: var(--modern-size-2);
973
- --sky-border-width-input-focus: var(--modern-size-2);
974
- --sky-border-width-input-active: var(--modern-size-2);
975
- --sky-border-width-input-hover: var(--modern-size-1);
976
- --sky-border-width-input-base: var(--modern-size-1);
977
- --sky-border-width-container-base: var(--modern-size-1);
1004
+ --sky-border-radius-m: var(--modern-border-radius-md);
1005
+ --sky-border-radius-pill: var(--modern-border-radius-pill);
1006
+ --sky-border-radius-round: var(--modern-border-radius-round);
1007
+ --sky-border-radius-s: var(--modern-border-radius-md);
1008
+ --sky-border-radius-thumb: var(--modern-border-radius-round);
1009
+ --sky-border-radius-xs: var(--modern-border-radius-0);
1010
+ --sky-border-style-accent: var(--modern-border-style-solid);
1011
+ --sky-border-style-divider: var(--modern-border-style-solid);
1012
+ --sky-border-style-elevation: var(--modern-border-style-solid);
1013
+ --sky-border-style-separator-dark: var(--modern-border-style-solid);
1014
+ --sky-border-style-separator-light: var(--modern-border-style-solid);
1015
+ --sky-border-style-separator-row: var(--modern-border-style-dotted);
1016
+ --sky-border-width-accent: var(--modern-size-7);
1017
+ --sky-border-width-action-active: var(--modern-size-2);
1018
+ --sky-border-width-action-base: var(--modern-size-1);
978
1019
  --sky-border-width-action-disabled: var(--modern-size-1);
979
1020
  --sky-border-width-action-error: var(--modern-size-2);
980
1021
  --sky-border-width-action-focus: var(--modern-size-2);
981
- --sky-border-width-action-active: var(--modern-size-2);
982
1022
  --sky-border-width-action-hover: var(--modern-size-1);
983
- --sky-border-width-action-base: var(--modern-size-1);
1023
+ --sky-border-width-container-base: var(--modern-size-1);
1024
+ --sky-border-width-divider: var(--modern-size-1);
984
1025
  --sky-border-width-elevation: var(--modern-size-1);
1026
+ --sky-border-width-input-active: var(--modern-size-2);
1027
+ --sky-border-width-input-base: var(--modern-size-1);
1028
+ --sky-border-width-input-disabled: var(--modern-size-1);
1029
+ --sky-border-width-input-error: var(--modern-size-2);
1030
+ --sky-border-width-input-focus: var(--modern-size-2);
1031
+ --sky-border-width-input-hover: var(--modern-size-1);
1032
+ --sky-border-width-progress_connector: var(--modern-size-1);
1033
+ --sky-border-width-progress_step: var(--modern-size-2);
1034
+ --sky-border-width-selected-l: var(--modern-size-4);
1035
+ --sky-border-width-selected-m: var(--modern-size-2);
1036
+ --sky-border-width-selected-s: var(--modern-size-1);
1037
+ --sky-border-width-selected-xl: var(--modern-size-6);
1038
+ --sky-border-width-separator-dark: var(--modern-size-1);
1039
+ --sky-border-width-separator-light: var(--modern-size-1);
1040
+ --sky-border-width-separator-row: var(--modern-size-1);
985
1041
  --sky-border-width-text_highlight: var(--modern-size-1);
986
- --sky-border-width-divider: var(--modern-size-1);
987
- --sky-border-width-accent: var(--modern-size-7);
1042
+ --sky-font-family-monospaced: var(--modern-font-monospaced-family);
1043
+ --sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
1044
+ --sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
1045
+ --sky-font-line_height-body-l: var(--modern-line_height-normal);
1046
+ --sky-font-line_height-body-m: var(--modern-line_height-150);
1047
+ --sky-font-line_height-body-s: var(--modern-line_height-normal);
1048
+ --sky-font-line_height-data_label: var(--modern-line_height-normal);
1049
+ --sky-font-line_height-display-1: var(--modern-line_height-110);
1050
+ --sky-font-line_height-display-2: var(--modern-line_height-110);
1051
+ --sky-font-line_height-display-3: var(--modern-line_height-110);
1052
+ --sky-font-line_height-display-4: var(--modern-line_height-110);
1053
+ --sky-font-line_height-heading-1: var(--modern-line_height-110);
1054
+ --sky-font-line_height-heading-2: var(--modern-line_height-110);
1055
+ --sky-font-line_height-heading-3: var(--modern-line_height-110);
1056
+ --sky-font-line_height-heading-4: var(--modern-line_height-110);
1057
+ --sky-font-line_height-heading-5: var(--modern-line_height-110);
1058
+ --sky-font-line_height-hint-m: var(--modern-line_height-normal);
1059
+ --sky-font-line_height-hint-s: var(--modern-line_height-normal);
1060
+ --sky-font-line_height-input-label: var(--modern-line_height-normal);
1061
+ --sky-font-line_height-input-val: var(--modern-line_height-20);
1062
+ --sky-font-size-body-l: var(--modern-font-size-250);
1063
+ --sky-font-size-body-m: var(--modern-font-size-200);
1064
+ --sky-font-size-body-s: var(--modern-font-size-125);
1065
+ --sky-font-size-data_label: var(--modern-font-size-200);
1066
+ --sky-font-size-display-1: var(--modern-font-size-800);
1067
+ --sky-font-size-display-2: var(--modern-font-size-500);
1068
+ --sky-font-size-display-3: var(--modern-font-size-300);
1069
+ --sky-font-size-display-4: var(--modern-font-size-200);
1070
+ --sky-font-size-heading-1: var(--modern-font-size-600);
1071
+ --sky-font-size-heading-2: var(--modern-font-size-400);
1072
+ --sky-font-size-heading-3: var(--modern-font-size-300);
1073
+ --sky-font-size-heading-4: var(--modern-font-size-200);
1074
+ --sky-font-size-heading-5: var(--modern-font-size-150);
1075
+ --sky-font-size-hint-m: var(--modern-font-size-200);
1076
+ --sky-font-size-hint-s: var(--modern-font-size-200);
1077
+ --sky-font-size-input-label: var(--modern-font-size-125);
1078
+ --sky-font-size-input-val: var(--modern-font-size-200);
1079
+ --sky-font-style-body-l: var(--modern-font-style-light);
1080
+ --sky-font-style-body-m: var(--modern-font-style-regular);
1081
+ --sky-font-style-body-s: var(--modern-font-style-regular);
1082
+ --sky-font-style-data_label: var(--modern-font-style-regular);
1083
+ --sky-font-style-display-1: var(--modern-font-style-regular);
1084
+ --sky-font-style-display-2: var(--modern-font-style-regular);
1085
+ --sky-font-style-display-3: var(--modern-font-style-regular);
1086
+ --sky-font-style-display-4: var(--modern-font-style-bold);
1087
+ --sky-font-style-emphasized: var(--modern-font-style-semibold);
1088
+ --sky-font-style-heading-1: var(--modern-font-style-light);
1089
+ --sky-font-style-heading-2: var(--modern-font-style-regular);
1090
+ --sky-font-style-heading-3: var(--modern-font-style-regular);
1091
+ --sky-font-style-heading-4: var(--modern-font-style-semibold);
1092
+ --sky-font-style-heading-5: var(--modern-font-style-semibold);
1093
+ --sky-font-style-input-label: var(--modern-font-style-regular);
1094
+ --sky-font-weight-body-l: var(--modern-font-weight-light);
1095
+ --sky-font-weight-body-m: var(--modern-font-weight-regular);
1096
+ --sky-font-weight-body-s: var(--modern-font-weight-regular);
1097
+ --sky-font-weight-data_label: var(--modern-font-weight-regular);
1098
+ --sky-font-weight-display-1: var(--modern-font-weight-regular);
1099
+ --sky-font-weight-display-2: var(--modern-font-weight-regular);
1100
+ --sky-font-weight-display-3: var(--modern-font-weight-regular);
1101
+ --sky-font-weight-display-4: var(--modern-font-weight-bold);
1102
+ --sky-font-weight-emphasized: var(--modern-font-weight-bold);
1103
+ --sky-font-weight-heading-1: var(--modern-font-weight-light);
1104
+ --sky-font-weight-heading-2: var(--modern-font-weight-regular);
1105
+ --sky-font-weight-heading-3: var(--modern-font-weight-regular);
1106
+ --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
1107
+ --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
1108
+ --sky-font-weight-hint-m: var(--modern-font-weight-regular);
1109
+ --sky-font-weight-hint-s: var(--modern-font-weight-regular);
1110
+ --sky-font-weight-input-label: var(--modern-font-weight-regular);
988
1111
  --sky-size-avatar-l: var(--modern-size-100);
989
1112
  --sky-size-avatar-m: var(--modern-size-65);
990
1113
  --sky-size-avatar-s: var(--modern-size-32);
991
- --sky-size-thumbnail-l: var(--modern-size-100);
992
- --sky-size-max_width-overlay_message: var(--modern-size-236);
993
- --sky-size-width-modal-l: var(--modern-size-900);
994
- --sky-size-width-modal-m: var(--modern-size-600);
995
- --sky-size-width-modal-s: var(--modern-size-300);
996
- --sky-size-width-viewport-smallest: var(--modern-size-296);
997
- --sky-size-width-resize_handle: var(--modern-size-14);
998
- --sky-size-illustration-xl: var(--modern-size-96);
999
- --sky-size-illustration-l: var(--modern-size-80);
1000
- --sky-size-illustration-m: var(--modern-size-64);
1001
- --sky-size-illustration-s: var(--modern-size-48);
1002
- --sky-size-icon-xxxl: var(--modern-size-48);
1003
- --sky-size-icon-xxl: var(--modern-size-40);
1004
- --sky-size-icon-xl: var(--modern-size-32);
1005
1114
  --sky-size-icon-l: var(--modern-size-24);
1006
1115
  --sky-size-icon-m: var(--modern-size-20);
1007
1116
  --sky-size-icon-s: var(--modern-size-16);
1117
+ --sky-size-icon-xl: var(--modern-size-32);
1008
1118
  --sky-size-icon-xs: var(--modern-size-12);
1119
+ --sky-size-icon-xxl: var(--modern-size-40);
1009
1120
  --sky-size-icon-xxs: var(--modern-size-10);
1121
+ --sky-size-icon-xxxl: var(--modern-size-48);
1010
1122
  --sky-size-icon-xxxs: var(--modern-size-5);
1123
+ --sky-size-illustration-l: var(--modern-size-80);
1124
+ --sky-size-illustration-m: var(--modern-size-64);
1125
+ --sky-size-illustration-s: var(--modern-size-48);
1126
+ --sky-size-illustration-xl: var(--modern-size-96);
1127
+ --sky-size-max_width-overlay_message: var(--modern-size-236);
1011
1128
  --sky-size-picker_btn: var(--modern-size-30);
1129
+ --sky-size-progress_step: var(--modern-size-13);
1012
1130
  --sky-size-switch: var(--modern-size-26);
1013
- --sky-space-stacked-xxl: var(--modern-space-xxl);
1014
- --sky-space-stacked-xl: var(--modern-space-xl);
1015
- --sky-space-stacked-l: var(--modern-space-lg);
1016
- --sky-space-stacked-m: var(--modern-space-md);
1017
- --sky-space-stacked-s: var(--modern-space-s);
1018
- --sky-space-stacked-xs: var(--modern-space-xs);
1019
- --sky-space-stacked-0: var(--modern-space-none);
1020
- --sky-space-inline-xxl: var(--modern-space-xxl);
1021
- --sky-space-inline-xl: var(--modern-space-xl);
1022
- --sky-space-inline-l: var(--modern-space-lg);
1023
- --sky-space-inline-m: var(--modern-space-md);
1024
- --sky-space-inline-s: var(--modern-space-s);
1025
- --sky-space-inline-xs: var(--modern-space-xs);
1026
- --sky-space-inline-xxs: var(--modern-size-2);
1027
- --sky-space-inline-0: var(--modern-space-none);
1028
- --sky-space-gap-text_action-l: var(--modern-space-lg);
1029
- --sky-space-gap-text_action-m: var(--modern-space-md);
1030
- --sky-space-gap-text_action-s: var(--modern-space-s);
1031
- --sky-space-gap-text_action-xs: var(--modern-space-xs);
1032
- --sky-space-gap-text_action-0: 0rem;
1033
- --sky-space-gap-stacked_supplemental-xl: var(--modern-size-20);
1034
- --sky-space-gap-stacked_supplemental-l: var(--modern-size-15);
1035
- --sky-space-gap-stacked_supplemental-m: var(--modern-size-10);
1036
- --sky-space-gap-stacked_supplemental-s: var(--modern-size-5);
1037
- --sky-space-gap-stacked_supplemental-0: 0rem;
1038
- --sky-space-gap-label-xl: var(--modern-size-20);
1131
+ --sky-size-thumbnail-l: var(--modern-size-100);
1132
+ --sky-size-width-modal-l: var(--modern-size-900);
1133
+ --sky-size-width-modal-m: var(--modern-size-600);
1134
+ --sky-size-width-modal-s: var(--modern-size-300);
1135
+ --sky-size-width-resize_handle: var(--modern-size-14);
1136
+ --sky-size-width-viewport-smallest: var(--modern-size-296);
1137
+ --sky-space-gap-action_group-l: var(--modern-size-15);
1138
+ --sky-space-gap-action_group-m: var(--modern-size-10);
1139
+ --sky-space-gap-action_group-s: var(--modern-size-5);
1140
+ --sky-space-gap-action_group-xl: var(--modern-size-20);
1141
+ --sky-space-gap-form-l: var(--modern-space-lg);
1142
+ --sky-space-gap-form-m: var(--modern-space-md);
1143
+ --sky-space-gap-form-s: var(--modern-space-s);
1144
+ --sky-space-gap-form-xl: var(--modern-space-xl);
1145
+ --sky-space-gap-form-xs: var(--modern-space-xs);
1146
+ --sky-space-gap-icon-l: var(--modern-size-15);
1147
+ --sky-space-gap-icon-m: var(--modern-size-10);
1148
+ --sky-space-gap-icon-s: var(--modern-size-5);
1149
+ --sky-space-gap-icon-xl: var(--modern-size-20);
1039
1150
  --sky-space-gap-label-l: var(--modern-size-15);
1040
1151
  --sky-space-gap-label-m: var(--modern-size-10);
1041
1152
  --sky-space-gap-label-s: var(--modern-size-5);
1153
+ --sky-space-gap-label-xl: var(--modern-size-20);
1042
1154
  --sky-space-gap-label-xs: var(--modern-size-2);
1043
1155
  --sky-space-gap-label-xxs: var(--modern-size-1);
1044
- --sky-space-gap-label-0: 0rem;
1045
- --sky-space-gap-icon-xl: var(--modern-size-20);
1046
- --sky-space-gap-icon-l: var(--modern-size-15);
1047
- --sky-space-gap-icon-m: var(--modern-size-10);
1048
- --sky-space-gap-icon-s: var(--modern-size-5);
1049
- --sky-space-gap-icon-0: 0rem;
1050
- --sky-space-gap-form-xl: var(--modern-space-xl);
1051
- --sky-space-gap-form-l: var(--modern-space-lg);
1052
- --sky-space-gap-form-m: var(--modern-space-md);
1053
- --sky-space-gap-form-s: var(--modern-space-s);
1054
- --sky-space-gap-form-xs: var(--modern-space-xs);
1055
- --sky-space-gap-form-0: 0rem;
1056
- --sky-space-gap-action_group-xl: var(--modern-size-20);
1057
- --sky-space-gap-action_group-l: var(--modern-size-15);
1058
- --sky-space-gap-action_group-m: var(--modern-size-10);
1059
- --sky-space-gap-action_group-s: var(--modern-size-5);
1060
- --sky-space-gap-action_group-0: 0rem;
1061
- --sky-space-inset-thumb: var(--modern-size-1);
1062
- --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1063
- --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
1064
- --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
1065
- --sky-space-inset-horizontal-left-m: var(--modern-space-md);
1066
- --sky-space-inset-horizontal-left-s: var(--modern-space-s);
1067
- --sky-space-inset-horizontal-left-0: var(--modern-space-none);
1068
- --sky-space-inset-horizontal-bottom-xl: var(--modern-size-0);
1156
+ --sky-space-gap-stacked_supplemental-l: var(--modern-size-15);
1157
+ --sky-space-gap-stacked_supplemental-m: var(--modern-size-10);
1158
+ --sky-space-gap-stacked_supplemental-s: var(--modern-size-5);
1159
+ --sky-space-gap-stacked_supplemental-xl: var(--modern-size-20);
1160
+ --sky-space-gap-text_action-l: var(--modern-space-lg);
1161
+ --sky-space-gap-text_action-m: var(--modern-space-md);
1162
+ --sky-space-gap-text_action-s: var(--modern-space-s);
1163
+ --sky-space-gap-text_action-xs: var(--modern-space-xs);
1164
+ --sky-space-inline-0: var(--modern-space-none);
1165
+ --sky-space-inline-l: var(--modern-space-lg);
1166
+ --sky-space-inline-m: var(--modern-space-md);
1167
+ --sky-space-inline-s: var(--modern-space-s);
1168
+ --sky-space-inline-xl: var(--modern-space-xl);
1169
+ --sky-space-inline-xs: var(--modern-space-xs);
1170
+ --sky-space-inline-xxl: var(--modern-space-xxl);
1171
+ --sky-space-inline-xxs: var(--modern-size-2);
1172
+ --sky-space-inset-balanced-fixed-l: var(--modern-size-20);
1173
+ --sky-space-inset-balanced-fixed-m: var(--modern-size-15);
1174
+ --sky-space-inset-balanced-fixed-s: var(--modern-size-10);
1175
+ --sky-space-inset-balanced-fixed-xl: var(--modern-size-30);
1176
+ --sky-space-inset-balanced-l: var(--modern-space-lg);
1177
+ --sky-space-inset-balanced-m: var(--modern-space-md);
1178
+ --sky-space-inset-balanced-s: var(--modern-space-s);
1179
+ --sky-space-inset-balanced-xl: var(--modern-space-xl);
1180
+ --sky-space-inset-balanced-xs: var(--modern-space-xs);
1181
+ --sky-space-inset-balanced-xxs: var(--modern-size-2);
1182
+ --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
1183
+ --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
1184
+ --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
1185
+ --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
1186
+ --sky-space-inset-bottomless-left-m: var(--modern-size-15);
1187
+ --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
1188
+ --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
1189
+ --sky-space-inset-bottomless-right-m: var(--modern-size-15);
1190
+ --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
1191
+ --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
1192
+ --sky-space-inset-bottomless-top-m: var(--modern-size-15);
1193
+ --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
1194
+ --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
1195
+ --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
1196
+ --sky-space-inset-floated-left-m: var(--modern-space-xl);
1197
+ --sky-space-inset-floated-left-s: var(--modern-space-lg);
1198
+ --sky-space-inset-floated-right-m: var(--modern-space-xl);
1199
+ --sky-space-inset-floated-right-s: var(--modern-space-lg);
1200
+ --sky-space-inset-floated-top-0: var(--modern-space-none);
1201
+ --sky-space-inset-floated-top-m: var(--modern-space-s);
1202
+ --sky-space-inset-floated-top-s: var(--modern-space-xs);
1203
+ --sky-space-inset-horizontal-bottom-0: var(--modern-space-none);
1069
1204
  --sky-space-inset-horizontal-bottom-l: var(--modern-size-0);
1070
1205
  --sky-space-inset-horizontal-bottom-m: var(--modern-size-0);
1071
1206
  --sky-space-inset-horizontal-bottom-s: var(--modern-size-0);
1072
- --sky-space-inset-horizontal-bottom-0: var(--modern-space-none);
1073
- --sky-space-inset-horizontal-right-xl: var(--modern-space-xl);
1207
+ --sky-space-inset-horizontal-bottom-xl: var(--modern-size-0);
1208
+ --sky-space-inset-horizontal-left-0: var(--modern-space-none);
1209
+ --sky-space-inset-horizontal-left-l: var(--modern-space-lg);
1210
+ --sky-space-inset-horizontal-left-m: var(--modern-space-md);
1211
+ --sky-space-inset-horizontal-left-s: var(--modern-space-s);
1212
+ --sky-space-inset-horizontal-left-xl: var(--modern-space-xl);
1213
+ --sky-space-inset-horizontal-right-0: var(--modern-space-none);
1074
1214
  --sky-space-inset-horizontal-right-l: var(--modern-space-lg);
1075
1215
  --sky-space-inset-horizontal-right-m: var(--modern-space-md);
1076
1216
  --sky-space-inset-horizontal-right-s: var(--modern-space-s);
1077
- --sky-space-inset-horizontal-right-0: var(--modern-space-none);
1078
- --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
1217
+ --sky-space-inset-horizontal-right-xl: var(--modern-space-xl);
1218
+ --sky-space-inset-horizontal-top-0: var(--modern-space-none);
1079
1219
  --sky-space-inset-horizontal-top-l: var(--modern-size-0);
1080
1220
  --sky-space-inset-horizontal-top-m: var(--modern-size-0);
1081
1221
  --sky-space-inset-horizontal-top-s: var(--modern-size-0);
1082
- --sky-space-inset-horizontal-top-0: var(--modern-space-none);
1083
- --sky-space-inset-vertical-fixed-bottom-l: var(--modern-size-20);
1084
- --sky-space-inset-vertical-fixed-top-l: var(--modern-size-20);
1085
- --sky-space-inset-vertical-left-xl: var(--modern-size-0);
1086
- --sky-space-inset-vertical-left-l: var(--modern-size-0);
1087
- --sky-space-inset-vertical-left-m: var(--modern-size-0);
1088
- --sky-space-inset-vertical-left-s: var(--modern-size-0);
1089
- --sky-space-inset-vertical-left-0: var(--modern-space-none);
1090
- --sky-space-inset-vertical-bottom-xl: var(--modern-space-xl);
1091
- --sky-space-inset-vertical-bottom-l: var(--modern-space-lg);
1092
- --sky-space-inset-vertical-bottom-m: var(--modern-space-md);
1093
- --sky-space-inset-vertical-bottom-s: var(--modern-space-s);
1094
- --sky-space-inset-vertical-bottom-0: var(--modern-space-none);
1095
- --sky-space-inset-vertical-right-xl: var(--modern-size-0);
1096
- --sky-space-inset-vertical-right-l: var(--modern-size-0);
1097
- --sky-space-inset-vertical-right-m: var(--modern-size-0);
1098
- --sky-space-inset-vertical-right-s: var(--modern-size-0);
1099
- --sky-space-inset-vertical-right-0: var(--modern-space-none);
1100
- --sky-space-inset-vertical-top-xl: var(--modern-space-xl);
1101
- --sky-space-inset-vertical-top-l: var(--modern-space-lg);
1102
- --sky-space-inset-vertical-top-m: var(--modern-space-md);
1103
- --sky-space-inset-vertical-top-s: var(--modern-space-s);
1104
- --sky-space-inset-vertical-top-0: var(--modern-space-none);
1105
- --sky-space-inset-thumbnail_matte-xl: var(--modern-size-9);
1106
- --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
1107
- --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
1108
- --sky-space-inset-thumbnail_matte-s: var(--modern-size-2);
1109
- --sky-space-inset-tabs-xl: var(--modern-space-xl);
1110
- --sky-space-inset-tabs-l: var(--modern-space-lg);
1111
- --sky-space-inset-tabs-m: var(--modern-space-md);
1112
- --sky-space-inset-tabs-s: var(--modern-space-s);
1113
- --sky-space-inset-sunk-left-l: var(--modern-space-xl);
1114
- --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
1115
- --sky-space-inset-sunk-right-l: var(--modern-space-xl);
1116
- --sky-space-inset-sunk-top-l: var(--modern-space-xl);
1117
- --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
1118
- --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
1119
- --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
1120
- --sky-space-inset-pillarbox-2_3-bottom-m: var(--modern-size-10);
1121
- --sky-space-inset-pillarbox-2_3-right-l: var(--modern-size-30);
1122
- --sky-space-inset-pillarbox-2_3-right-m: var(--modern-size-15);
1123
- --sky-space-inset-pillarbox-2_3-top-l: var(--modern-size-20);
1124
- --sky-space-inset-pillarbox-2_3-top-m: var(--modern-size-10);
1125
- --sky-space-inset-pillarbox-1_2-left-l: var(--modern-size-30);
1126
- --sky-space-inset-pillarbox-1_2-left-m: var(--modern-size-20);
1127
- --sky-space-inset-pillarbox-1_2-left-s: var(--modern-size-10);
1222
+ --sky-space-inset-horizontal-top-xl: var(--modern-size-0);
1223
+ --sky-space-inset-input-bottom-m: var(--modern-size-9);
1224
+ --sky-space-inset-input-left-m: var(--modern-size-15);
1225
+ --sky-space-inset-input-right-m: var(--modern-size-15);
1226
+ --sky-space-inset-input-top-m: var(--modern-size-10);
1227
+ --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
1228
+ --sky-space-inset-input_label-top-m: var(--modern-size-6);
1229
+ --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
1230
+ --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
1231
+ --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
1232
+ --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
1233
+ --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
1234
+ --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
1235
+ --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
1236
+ --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
1237
+ --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
1238
+ --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
1239
+ --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
1240
+ --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
1128
1241
  --sky-space-inset-pillarbox-1_2-bottom-l: var(--modern-size-15);
1129
1242
  --sky-space-inset-pillarbox-1_2-bottom-m: var(--modern-size-10);
1130
1243
  --sky-space-inset-pillarbox-1_2-bottom-s: var(--modern-size-5);
1244
+ --sky-space-inset-pillarbox-1_2-left-l: var(--modern-size-30);
1245
+ --sky-space-inset-pillarbox-1_2-left-m: var(--modern-size-20);
1246
+ --sky-space-inset-pillarbox-1_2-left-s: var(--modern-size-10);
1131
1247
  --sky-space-inset-pillarbox-1_2-right-l: var(--modern-size-30);
1132
1248
  --sky-space-inset-pillarbox-1_2-right-m: var(--modern-size-20);
1133
1249
  --sky-space-inset-pillarbox-1_2-right-s: var(--modern-size-10);
1134
1250
  --sky-space-inset-pillarbox-1_2-top-l: var(--modern-size-15);
1135
1251
  --sky-space-inset-pillarbox-1_2-top-m: var(--modern-size-10);
1136
1252
  --sky-space-inset-pillarbox-1_2-top-s: var(--modern-size-5);
1137
- --sky-space-inset-pillarbox-1_3-left-m: var(--modern-size-30);
1138
1253
  --sky-space-inset-pillarbox-1_3-bottom-m: var(--modern-size-10);
1254
+ --sky-space-inset-pillarbox-1_3-left-m: var(--modern-size-30);
1139
1255
  --sky-space-inset-pillarbox-1_3-right-m: var(--modern-size-30);
1140
1256
  --sky-space-inset-pillarbox-1_3-top-m: var(--modern-size-10);
1141
- --sky-space-inset-pillarbox-1_4-left-s: var(--modern-size-15);
1142
- --sky-space-inset-pillarbox-1_4-left-xs: var(--modern-size-5);
1143
1257
  --sky-space-inset-pillarbox-1_4-bottom-s: var(--modern-size-4);
1144
1258
  --sky-space-inset-pillarbox-1_4-bottom-xs: var(--modern-size-1);
1259
+ --sky-space-inset-pillarbox-1_4-left-s: var(--modern-size-15);
1260
+ --sky-space-inset-pillarbox-1_4-left-xs: var(--modern-size-5);
1145
1261
  --sky-space-inset-pillarbox-1_4-right-s: var(--modern-size-15);
1146
1262
  --sky-space-inset-pillarbox-1_4-right-xs: var(--modern-size-5);
1147
1263
  --sky-space-inset-pillarbox-1_4-top-s: var(--modern-size-4);
1148
1264
  --sky-space-inset-pillarbox-1_4-top-xs: var(--modern-size-1);
1149
- --sky-space-inset-letterbox-2_3-left-m: var(--modern-space-s);
1150
- --sky-space-inset-letterbox-2_3-bottom-m: var(--modern-space-md);
1151
- --sky-space-inset-letterbox-2_3-right-m: var(--modern-space-s);
1152
- --sky-space-inset-letterbox-2_3-top-m: var(--modern-space-md);
1153
- --sky-space-inset-letterbox-1_2-left-m: var(--modern-space-s);
1154
- --sky-space-inset-letterbox-1_2-bottom-m: var(--modern-space-lg);
1155
- --sky-space-inset-letterbox-1_2-right-m: var(--modern-space-s);
1156
- --sky-space-inset-letterbox-1_2-top-m: var(--modern-space-lg);
1157
- --sky-space-inset-letterbox-1_3-left-m: var(--modern-space-s);
1158
- --sky-space-inset-letterbox-1_3-bottom-m: var(--modern-space-xl);
1159
- --sky-space-inset-letterbox-1_3-right-m: var(--modern-space-s);
1160
- --sky-space-inset-letterbox-1_3-top-m: var(--modern-space-xl);
1161
- --sky-space-inset-input_label-bottom-m: var(--modern-size-2);
1162
- --sky-space-inset-input_label-top-m: var(--modern-size-6);
1163
- --sky-space-inset-input-left-m: var(--modern-size-15);
1164
- --sky-space-inset-input-bottom-m: var(--modern-size-9);
1165
- --sky-space-inset-input-right-m: var(--modern-size-15);
1166
- --sky-space-inset-input-top-m: var(--modern-size-10);
1167
- --sky-space-inset-floated-left-m: var(--modern-space-xl);
1168
- --sky-space-inset-floated-left-s: var(--modern-space-lg);
1169
- --sky-space-inset-floated-bottom-m: var(--modern-space-xl);
1170
- --sky-space-inset-floated-bottom-s: var(--modern-space-lg);
1171
- --sky-space-inset-floated-right-m: var(--modern-space-xl);
1172
- --sky-space-inset-floated-right-s: var(--modern-space-lg);
1173
- --sky-space-inset-floated-top-m: var(--modern-space-s);
1174
- --sky-space-inset-floated-top-s: var(--modern-space-xs);
1175
- --sky-space-inset-floated-top-0: var(--modern-space-none);
1176
- --sky-space-inset-bottomless-bottom-xl: var(--modern-space-none);
1177
- --sky-space-inset-bottomless-bottom-l: var(--modern-space-none);
1178
- --sky-space-inset-bottomless-bottom-m: var(--modern-space-none);
1179
- --sky-space-inset-bottomless-left-xl: var(--modern-space-xl);
1180
- --sky-space-inset-bottomless-left-l: var(--modern-space-lg);
1181
- --sky-space-inset-bottomless-left-m: var(--modern-size-15);
1182
- --sky-space-inset-bottomless-right-xl: var(--modern-space-xl);
1183
- --sky-space-inset-bottomless-right-l: var(--modern-space-lg);
1184
- --sky-space-inset-bottomless-right-m: var(--modern-size-15);
1185
- --sky-space-inset-bottomless-top-xl: var(--modern-space-xl);
1186
- --sky-space-inset-bottomless-top-l: var(--modern-space-lg);
1187
- --sky-space-inset-bottomless-top-m: var(--modern-size-15);
1188
- --sky-space-inset-balanced-fixed-xl: var(--modern-size-30);
1189
- --sky-space-inset-balanced-fixed-l: var(--modern-size-20);
1190
- --sky-space-inset-balanced-fixed-m: var(--modern-size-15);
1191
- --sky-space-inset-balanced-fixed-s: var(--modern-size-10);
1192
- --sky-space-inset-balanced-xl: var(--modern-space-xl);
1193
- --sky-space-inset-balanced-l: var(--modern-space-lg);
1194
- --sky-space-inset-balanced-m: var(--modern-space-md);
1195
- --sky-space-inset-balanced-s: var(--modern-space-s);
1196
- --sky-space-inset-balanced-xs: var(--modern-space-xs);
1197
- --sky-space-inset-balanced-xxs: var(--modern-size-2);
1198
- --sky-space-inset-balanced-none: 0rem;
1199
- --sky-font-text_decoration-inline_link-disabled: none;
1200
- --sky-font-text_decoration-inline_link-focus: none;
1201
- --sky-font-text_decoration-inline_link-active: underline;
1202
- --sky-font-text_decoration-inline_link-hover: underline;
1203
- --sky-font-text_decoration-inline_link-base: none;
1204
- --sky-font-text_decoration-visible_link: underline;
1205
- --sky-font-weight-input-label: var(--modern-font-weight-regular);
1206
- --sky-font-weight-hint-m: var(--modern-font-weight-regular);
1207
- --sky-font-weight-hint-s: var(--modern-font-weight-regular);
1208
- --sky-font-weight-heading-5: var(--modern-font-weight-semibold);
1209
- --sky-font-weight-heading-4: var(--modern-font-weight-semibold);
1210
- --sky-font-weight-heading-3: var(--modern-font-weight-regular);
1211
- --sky-font-weight-heading-2: var(--modern-font-weight-regular);
1212
- --sky-font-weight-heading-1: var(--modern-font-weight-light);
1213
- --sky-font-weight-display-4: var(--modern-font-weight-bold);
1214
- --sky-font-weight-display-3: var(--modern-font-weight-regular);
1215
- --sky-font-weight-display-2: var(--modern-font-weight-regular);
1216
- --sky-font-weight-display-1: var(--modern-font-weight-regular);
1217
- --sky-font-weight-body-l: var(--modern-font-weight-light);
1218
- --sky-font-weight-body-m: var(--modern-font-weight-regular);
1219
- --sky-font-weight-body-s: var(--modern-font-weight-regular);
1220
- --sky-font-weight-data_label: var(--modern-font-weight-regular);
1221
- --sky-font-weight-emphasized: var(--modern-font-weight-bold);
1222
- --sky-font-letter_spacing-hint-s: var(--modern-letter_spacing-normal);
1223
- --sky-font-letter_spacing-input-label: var(--modern-letter_spacing-normal);
1224
- --sky-font-family-monospaced: var(--modern-font-monospaced-family);
1265
+ --sky-space-inset-pillarbox-2_3-bottom-l: var(--modern-size-20);
1266
+ --sky-space-inset-pillarbox-2_3-bottom-m: var(--modern-size-10);
1267
+ --sky-space-inset-pillarbox-2_3-left-l: var(--modern-size-30);
1268
+ --sky-space-inset-pillarbox-2_3-left-m: var(--modern-size-15);
1269
+ --sky-space-inset-pillarbox-2_3-right-l: var(--modern-size-30);
1270
+ --sky-space-inset-pillarbox-2_3-right-m: var(--modern-size-15);
1271
+ --sky-space-inset-pillarbox-2_3-top-l: var(--modern-size-20);
1272
+ --sky-space-inset-pillarbox-2_3-top-m: var(--modern-size-10);
1273
+ --sky-space-inset-sunk-bottom-l: var(--modern-space-lg);
1274
+ --sky-space-inset-sunk-left-l: var(--modern-space-xl);
1275
+ --sky-space-inset-sunk-right-l: var(--modern-space-xl);
1276
+ --sky-space-inset-sunk-top-l: var(--modern-space-xl);
1277
+ --sky-space-inset-tabs-l: var(--modern-space-lg);
1278
+ --sky-space-inset-tabs-m: var(--modern-space-md);
1279
+ --sky-space-inset-tabs-s: var(--modern-space-s);
1280
+ --sky-space-inset-tabs-xl: var(--modern-space-xl);
1281
+ --sky-space-inset-thumb: var(--modern-size-1);
1282
+ --sky-space-inset-thumbnail_matte-l: var(--modern-size-5);
1283
+ --sky-space-inset-thumbnail_matte-m: var(--modern-size-3);
1284
+ --sky-space-inset-thumbnail_matte-s: var(--modern-size-2);
1285
+ --sky-space-inset-thumbnail_matte-xl: var(--modern-size-9);
1286
+ --sky-space-inset-vertical-bottom-0: var(--modern-space-none);
1287
+ --sky-space-inset-vertical-bottom-l: var(--modern-space-lg);
1288
+ --sky-space-inset-vertical-bottom-m: var(--modern-space-md);
1289
+ --sky-space-inset-vertical-bottom-s: var(--modern-space-s);
1290
+ --sky-space-inset-vertical-bottom-xl: var(--modern-space-xl);
1291
+ --sky-space-inset-vertical-fixed-bottom-l: var(--modern-size-20);
1292
+ --sky-space-inset-vertical-fixed-top-l: var(--modern-size-20);
1293
+ --sky-space-inset-vertical-left-0: var(--modern-space-none);
1294
+ --sky-space-inset-vertical-left-l: var(--modern-size-0);
1295
+ --sky-space-inset-vertical-left-m: var(--modern-size-0);
1296
+ --sky-space-inset-vertical-left-s: var(--modern-size-0);
1297
+ --sky-space-inset-vertical-left-xl: var(--modern-size-0);
1298
+ --sky-space-inset-vertical-right-0: var(--modern-space-none);
1299
+ --sky-space-inset-vertical-right-l: var(--modern-size-0);
1300
+ --sky-space-inset-vertical-right-m: var(--modern-size-0);
1301
+ --sky-space-inset-vertical-right-s: var(--modern-size-0);
1302
+ --sky-space-inset-vertical-right-xl: var(--modern-size-0);
1303
+ --sky-space-inset-vertical-top-0: var(--modern-space-none);
1304
+ --sky-space-inset-vertical-top-l: var(--modern-space-lg);
1305
+ --sky-space-inset-vertical-top-m: var(--modern-space-md);
1306
+ --sky-space-inset-vertical-top-s: var(--modern-space-s);
1307
+ --sky-space-inset-vertical-top-xl: var(--modern-space-xl);
1308
+ --sky-space-stacked-0: var(--modern-space-none);
1309
+ --sky-space-stacked-l: var(--modern-space-lg);
1310
+ --sky-space-stacked-m: var(--modern-space-md);
1311
+ --sky-space-stacked-s: var(--modern-space-s);
1312
+ --sky-space-stacked-xl: var(--modern-space-xl);
1313
+ --sky-space-stacked-xs: var(--modern-space-xs);
1314
+ --sky-space-stacked-xxl: var(--modern-space-xxl);
1225
1315
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
1226
- --sky-font-style-input-label: var(--modern-font-style-regular);
1227
- --sky-font-style-hint-m-style: italic;
1228
- --sky-font-style-hint-m-weight: 400;
1229
- --sky-font-style-hint-s-style: italic;
1230
- --sky-font-style-hint-s-weight: 400;
1231
- --sky-font-style-heading-5: var(--modern-font-style-semibold);
1232
- --sky-font-style-heading-4: var(--modern-font-style-semibold);
1233
- --sky-font-style-heading-3: var(--modern-font-style-regular);
1234
- --sky-font-style-heading-2: var(--modern-font-style-regular);
1235
- --sky-font-style-heading-1: var(--modern-font-style-light);
1236
- --sky-font-style-display-4: var(--modern-font-style-bold);
1237
- --sky-font-style-display-3: var(--modern-font-style-regular);
1238
- --sky-font-style-display-2: var(--modern-font-style-regular);
1239
- --sky-font-style-display-1: var(--modern-font-style-regular);
1240
- --sky-font-style-body-l: var(--modern-font-style-light);
1241
- --sky-font-style-body-m: var(--modern-font-style-regular);
1242
- --sky-font-style-body-s: var(--modern-font-style-regular);
1243
- --sky-font-style-data_label: var(--modern-font-style-regular);
1244
- --sky-font-style-emphasized: var(--modern-font-style-semibold);
1245
- --sky-font-style-deemphasized-style: italic;
1246
- --sky-font-style-deemphasized-weight: 400;
1247
- --sky-font-line_height-input-val: var(--modern-line_height-20);
1248
- --sky-font-line_height-input-label: var(--modern-line_height-normal);
1249
- --sky-font-line_height-hint-m: var(--modern-line_height-normal);
1250
- --sky-font-line_height-hint-s: var(--modern-line_height-normal);
1251
- --sky-font-line_height-heading-5: var(--modern-line_height-110);
1252
- --sky-font-line_height-heading-4: var(--modern-line_height-110);
1253
- --sky-font-line_height-heading-3: var(--modern-line_height-110);
1254
- --sky-font-line_height-heading-2: var(--modern-line_height-110);
1255
- --sky-font-line_height-heading-1: var(--modern-line_height-110);
1256
- --sky-font-line_height-display-4: var(--modern-line_height-110);
1257
- --sky-font-line_height-display-3: var(--modern-line_height-110);
1258
- --sky-font-line_height-display-2: var(--modern-line_height-110);
1259
- --sky-font-line_height-display-1: var(--modern-line_height-110);
1260
- --sky-font-line_height-body-l: var(--modern-line_height-normal);
1261
- --sky-font-line_height-body-m: var(--modern-line_height-150);
1262
- --sky-font-line_height-body-s: var(--modern-line_height-normal);
1263
- --sky-font-line_height-data_label: var(--modern-line_height-normal);
1264
- --sky-font-size-input-val: var(--modern-font-size-200);
1265
- --sky-font-size-input-label: var(--modern-font-size-125);
1266
- --sky-font-size-hint-m: var(--modern-font-size-200);
1267
- --sky-font-size-hint-s: var(--modern-font-size-200);
1268
- --sky-font-size-heading-5: var(--modern-font-size-150);
1269
- --sky-font-size-heading-4: var(--modern-font-size-200);
1270
- --sky-font-size-heading-3: var(--modern-font-size-300);
1271
- --sky-font-size-heading-2: var(--modern-font-size-400);
1272
- --sky-font-size-heading-1: var(--modern-font-size-600);
1273
- --sky-font-size-display-4: var(--modern-font-size-200);
1274
- --sky-font-size-display-3: var(--modern-font-size-300);
1275
- --sky-font-size-display-2: var(--modern-font-size-500);
1276
- --sky-font-size-display-1: var(--modern-font-size-800);
1277
- --sky-font-size-body-l: var(--modern-font-size-250);
1278
- --sky-font-size-body-m: var(--modern-font-size-200);
1279
- --sky-font-size-body-s: var(--modern-font-size-125);
1280
- --sky-font-size-data_label: var(--modern-font-size-200);
1316
+ --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1281
1317
  }
1282
1318
 
1283
1319
  .sky-theme-modern {