@guardian/interactive-component-library 0.1.0-alpha.18 → 0.1.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/interactive-component-library.js +288 -211
  2. package/dist/interactive-component-library.js.map +1 -1
  3. package/dist/interactive-component-library.umd.cjs +287 -210
  4. package/dist/interactive-component-library.umd.cjs.map +1 -1
  5. package/dist/style.css +375 -396
  6. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,76 +1,4 @@
1
-
2
- html, body, div, span, applet, object, iframe,
3
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
4
- a, abbr, acronym, address, big, cite, code,
5
- del, dfn, em, img, ins, kbd, q, s, samp,
6
- small, strike, strong, sub, sup, tt, var,
7
- b, u, i, center,
8
- dl, dt, dd, menu, ol, ul, li,
9
- fieldset, form, label, legend,
10
- table, caption, tbody, tfoot, thead, tr, th, td,
11
- article, aside, canvas, details, embed,
12
- figure, figcaption, footer, header, hgroup,
13
- main, menu, nav, output, ruby, section, summary,
14
- time, mark, audio, video {
15
- margin: 0;
16
- padding: 0;
17
- border: 0;
18
- font-size: 100%;
19
- font: inherit;
20
- vertical-align: baseline;
21
- }
22
- /* HTML5 display-role reset for older browsers */
23
- article, aside, details, figcaption, figure,
24
- footer, header, hgroup, main, menu, nav, section {
25
- display: block;
26
- }
27
- /* HTML5 hidden-attribute fix for newer browsers */
28
- *[hidden] {
29
- display: none;
30
- }
31
- body {
32
- line-height: 1;
33
- }
34
- menu, ol, ul {
35
- list-style: none;
36
- }
37
- blockquote, q {
38
- quotes: none;
39
- }
40
- blockquote:before, blockquote:after,
41
- q:before, q:after {
42
- content: '';
43
- content: none;
44
- }
45
- table {
46
- border-collapse: collapse;
47
- border-spacing: 0;
48
- }
49
- *, *:before, *:after {
50
- box-sizing: border-box;
51
- }
52
- html {
53
- -moz-osx-font-smoothing: grayscale;
54
- -webkit-font-smoothing: antialiased;
55
- /* always show the vertical scroll bar to stop the page
56
- * jumping about when navigating between pages where
57
- * one has content shorter than the viewport */
58
- overflow-y: scroll;
59
- }
60
- html, body {
61
- text-rendering: optimizeLegibility;
62
- font-feature-settings: 'kern';
63
- font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21 */
64
- font-variant-ligatures: common-ligatures;
65
- }
66
- body {
67
- background-color: #FFFFFF;
68
- color: #121212;
69
- }
70
- em {
71
- font-style: italic;
72
- }
73
- button {
1
+ button {
74
2
  /* Remove default button styles */
75
3
  background-color: transparent;
76
4
  border: none;
@@ -80,13 +8,13 @@
80
8
  font: inherit;
81
9
  border-radius: 0;
82
10
  }
83
- :root {
11
+ :root {
84
12
  --text-sans: "GuardianTextSans", "Guardian Text Sans Web", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "sans-serif";
85
13
  --text-serif: "GuardianTextEgyptian", "Guardian Text Egyptian Web", "Georgia", "serif";
86
14
  --text-headline: "GH Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
87
15
  --text-titlepiece: "Guardian Titlepiece", "Guardian Headline Full", "Guardian Headline", "Guardian Egyptian Web", "Georgia", "serif";
88
16
  }
89
- :root {
17
+ :root {
90
18
  --headline-xxxsmall: 17px;
91
19
  --headline-xxsmall: 20px;
92
20
  --headline-xsmall: 24px;
@@ -104,6 +32,7 @@
104
32
  --sans-xxlarge: 28px;
105
33
  --sans-xxxlarge: 34px;
106
34
 
35
+ --titlepiece-xxxsmall: 16px;
107
36
  --titlepiece-xxsmall: 24px;
108
37
  --titlepiece-xsmall: 36px;
109
38
  --titlepiece-small: 42px;
@@ -123,7 +52,7 @@
123
52
  --titlepiece-line-height: 1.15;
124
53
  --body-line-height: 1.4;
125
54
  }
126
- :root {
55
+ :root {
127
56
  --space-0: 2px;
128
57
  --space-1: 4px;
129
58
  --space-2: 8px;
@@ -140,765 +69,765 @@
140
69
  --space-18: 72px;
141
70
  --space-24: 96px;
142
71
  }
143
- :global(body) {
72
+ :global(body) {
144
73
  --top-inset: 0;
145
74
  }
146
- :global(body.android) {
75
+ :global(body.android) {
147
76
  --top-inset: 58px;
148
77
  }
149
- @font-face {
78
+ @font-face {
150
79
  font-family: "GH Guardian Headline";
151
80
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
152
81
  font-weight: 300;
153
82
  font-style: normal;
154
83
  font-display: swap;
155
84
  }
156
- @font-face {
85
+ @font-face {
157
86
  font-family: "Guardian Egyptian Web";
158
87
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
159
88
  font-weight: 300;
160
89
  font-style: normal;
161
90
  font-display: swap;
162
91
  }
163
- @font-face {
92
+ @font-face {
164
93
  font-family: "GH Guardian Headline";
165
94
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
166
95
  font-weight: 300;
167
96
  font-style: italic;
168
97
  font-display: swap;
169
98
  }
170
- @font-face {
99
+ @font-face {
171
100
  font-family: "Guardian Egyptian Web";
172
101
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
173
102
  font-weight: 300;
174
103
  font-style: italic;
175
104
  font-display: swap;
176
105
  }
177
- @font-face {
106
+ @font-face {
178
107
  font-family: "GH Guardian Headline";
179
108
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
180
109
  font-weight: 500;
181
110
  font-style: normal;
182
111
  font-display: swap;
183
112
  }
184
- @font-face {
113
+ @font-face {
185
114
  font-family: "Guardian Egyptian Web";
186
115
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
187
116
  font-weight: 500;
188
117
  font-style: normal;
189
118
  font-display: swap;
190
119
  }
191
- @font-face {
120
+ @font-face {
192
121
  font-family: "GH Guardian Headline";
193
122
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
194
123
  font-weight: 500;
195
124
  font-style: italic;
196
125
  font-display: swap;
197
126
  }
198
- @font-face {
127
+ @font-face {
199
128
  font-family: "Guardian Egyptian Web";
200
129
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
201
130
  font-weight: 500;
202
131
  font-style: italic;
203
132
  font-display: swap;
204
133
  }
205
- @font-face {
134
+ @font-face {
206
135
  font-family: "GH Guardian Headline";
207
136
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");
208
137
  font-weight: 700;
209
138
  font-style: normal;
210
139
  font-display: swap;
211
140
  }
212
- @font-face {
141
+ @font-face {
213
142
  font-family: "Guardian Egyptian Web";
214
143
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");
215
144
  font-weight: 700;
216
145
  font-style: normal;
217
146
  font-display: swap;
218
147
  }
219
- @font-face {
148
+ @font-face {
220
149
  font-family: "GH Guardian Headline";
221
150
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");
222
151
  font-weight: 700;
223
152
  font-style: italic;
224
153
  font-display: swap;
225
154
  }
226
- @font-face {
155
+ @font-face {
227
156
  font-family: "Guardian Egyptian Web";
228
157
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/latin1-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");
229
158
  font-weight: 700;
230
159
  font-style: italic;
231
160
  font-display: swap;
232
161
  }
233
- @font-face {
162
+ @font-face {
234
163
  font-family: GuardianTextEgyptian;
235
164
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Regular.ttf) format("truetype");
236
165
  font-weight: 400;
237
166
  font-style: normal;
238
167
  font-display: swap;
239
168
  }
240
- @font-face {
169
+ @font-face {
241
170
  font-family: "Guardian Text Egyptian Web";
242
171
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Regular.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Regular.ttf) format("truetype");
243
172
  font-weight: 400;
244
173
  font-style: normal;
245
174
  font-display: swap;
246
175
  }
247
- @font-face {
176
+ @font-face {
248
177
  font-family: GuardianTextEgyptian;
249
178
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-RegularItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.ttf) format("truetype");
250
179
  font-weight: 400;
251
180
  font-style: italic;
252
181
  font-display: swap;
253
182
  }
254
- @font-face {
183
+ @font-face {
255
184
  font-family: "Guardian Text Egyptian Web";
256
185
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-RegularItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-RegularItalic.ttf) format("truetype");
257
186
  font-weight: 400;
258
187
  font-style: italic;
259
188
  font-display: swap;
260
189
  }
261
- @font-face {
190
+ @font-face {
262
191
  font-family: GuardianTextEgyptian;
263
192
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.ttf) format("truetype");
264
193
  font-weight: 700;
265
194
  font-style: normal;
266
195
  font-display: swap;
267
196
  }
268
- @font-face {
197
+ @font-face {
269
198
  font-family: "Guardian Text Egyptian Web";
270
199
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-Bold.ttf) format("truetype");
271
200
  font-weight: 700;
272
201
  font-style: normal;
273
202
  font-display: swap;
274
203
  }
275
- @font-face {
204
+ @font-face {
276
205
  font-family: GuardianTextEgyptian;
277
206
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.ttf) format("truetype");
278
207
  font-weight: 700;
279
208
  font-style: italic;
280
209
  font-display: swap;
281
210
  }
282
- @font-face {
211
+ @font-face {
283
212
  font-family: "Guardian Text Egyptian Web";
284
213
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/noalts-not-hinted/GuardianTextEgyptian-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textegyptian/latin1-not-hinted/GuardianTextEgyptian-BoldItalic.ttf) format("truetype");
285
214
  font-weight: 700;
286
215
  font-style: italic;
287
216
  font-display: swap;
288
217
  }
289
- @font-face {
218
+ @font-face {
290
219
  font-family: GuardianTextSans;
291
220
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Regular.ttf) format("truetype");
292
221
  font-weight: 400;
293
222
  font-style: normal;
294
223
  font-display: swap;
295
224
  }
296
- @font-face {
225
+ @font-face {
297
226
  font-family: "Guardian Text Sans Web";
298
227
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Regular.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Regular.ttf) format("truetype");
299
228
  font-weight: 400;
300
229
  font-style: normal;
301
230
  font-display: swap;
302
231
  }
303
- @font-face {
232
+ @font-face {
304
233
  font-family: GuardianTextSans;
305
234
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-RegularItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.ttf) format("truetype");
306
235
  font-weight: 400;
307
236
  font-style: italic;
308
237
  font-display: swap;
309
238
  }
310
- @font-face {
239
+ @font-face {
311
240
  font-family: "Guardian Text Sans Web";
312
241
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-RegularItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-RegularItalic.ttf) format("truetype");
313
242
  font-weight: 400;
314
243
  font-style: italic;
315
244
  font-display: swap;
316
245
  }
317
- @font-face {
246
+ @font-face {
318
247
  font-family: GuardianTextSans;
319
248
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.ttf) format("truetype");
320
249
  font-weight: 700;
321
250
  font-style: normal;
322
251
  font-display: swap;
323
252
  }
324
- @font-face {
253
+ @font-face {
325
254
  font-family: "Guardian Text Sans Web";
326
255
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-Bold.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-Bold.ttf) format("truetype");
327
256
  font-weight: 700;
328
257
  font-style: normal;
329
258
  font-display: swap;
330
259
  }
331
- @font-face {
260
+ @font-face {
332
261
  font-family: GuardianTextSans;
333
262
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.ttf) format("truetype");
334
263
  font-weight: 700;
335
264
  font-style: italic;
336
265
  font-display: swap;
337
266
  }
338
- @font-face {
267
+ @font-face {
339
268
  font-family: "Guardian Text Sans Web";
340
269
  src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/noalts-not-hinted/GuardianTextSans-BoldItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-textsans/latin1-not-hinted/GuardianTextSans-BoldItalic.ttf) format("truetype");
341
270
  font-weight: 700;
342
271
  font-style: italic;
343
272
  font-display: swap;
344
273
  }
345
- @font-face {
274
+ @font-face {
346
275
  font-family: "Guardian Titlepiece";
347
276
  src: url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
348
277
  font-weight: 700;
349
278
  font-style: normal;
350
279
  }
351
- /* BACKGROUND-COLOR -------------------------------------------- */
352
- .bg-color--con {
280
+ /* BACKGROUND-COLOR -------------------------------------------- */
281
+ .bg-color--con {
353
282
  background-color: var(--con) !important;
354
283
  }
355
- .bg-color--lab {
284
+ .bg-color--lab {
356
285
  background-color: var(--lab) !important;
357
286
  }
358
- .bg-color--libdem {
287
+ .bg-color--libdem {
359
288
  background-color: var(--libdem) !important;
360
289
  }
361
- .bg-color--green {
290
+ .bg-color--green {
362
291
  background-color: var(--green) !important;
363
292
  }
364
- .bg-color--ukip {
293
+ .bg-color--ukip {
365
294
  background-color: var(--ukip) !important;
366
295
  }
367
- .bg-color--snp {
296
+ .bg-color--snp {
368
297
  background-color: var(--snp) !important;
369
298
  }
370
- .bg-color--dup {
299
+ .bg-color--dup {
371
300
  background-color: var(--dup) !important;
372
301
  }
373
- .bg-color--alliance {
302
+ .bg-color--alliance {
374
303
  background-color: var(--alliance) !important;
375
304
  }
376
- .bg-color--uup {
305
+ .bg-color--uup {
377
306
  background-color: var(--uup) !important;
378
307
  }
379
- .bg-color--sdlp {
308
+ .bg-color--sdlp {
380
309
  background-color: var(--sdlp) !important;
381
310
  }
382
- .bg-color--plaid {
311
+ .bg-color--plaid {
383
312
  background-color: var(--plaid) !important;
384
313
  }
385
- .bg-color--sinnfein {
314
+ .bg-color--sinnfein {
386
315
  background-color: var(--sinnfein) !important;
387
316
  }
388
- .bg-color--reform {
317
+ .bg-color--reform {
389
318
  background-color: var(--reform) !important;
390
319
  }
391
- .bg-color--ind {
320
+ .bg-color--ind {
392
321
  background-color: var(--ind) !important;
393
322
  }
394
- .bg-color--other {
323
+ .bg-color--other {
395
324
  background-color: var(--other) !important;
396
325
  }
397
- .bg-color--speaker {
326
+ .bg-color--speaker {
398
327
  background-color: var(--speaker) !important;
399
328
  }
400
- .bg-color--change {
329
+ .bg-color--change {
401
330
  background-color: var(--change) !important;
402
331
  }
403
- .bg-color--undeclared {
332
+ .bg-color--undeclared {
404
333
  background-color: var(--undeclared) !important;
405
334
  }
406
- .bg-color--noc {
335
+ .bg-color--noc {
407
336
  background-color: var(--noc) !important;
408
337
  }
409
- /* FILL ----------------------------------------------------------- */
410
- .fill-color--con {
338
+ /* FILL ----------------------------------------------------------- */
339
+ .fill-color--con {
411
340
  fill: var(--con) !important;
412
341
  }
413
- .fill-color--lab {
342
+ .fill-color--lab {
414
343
  fill: var(--lab) !important;
415
344
  }
416
- .fill-color--libdem {
345
+ .fill-color--libdem {
417
346
  fill: var(--libdem) !important;
418
347
  }
419
- .fill-color--green {
348
+ .fill-color--green {
420
349
  fill: var(--green) !important;
421
350
  }
422
- .fill-color--ukip {
351
+ .fill-color--ukip {
423
352
  fill: var(--ukip) !important;
424
353
  }
425
- .fill-color--snp {
354
+ .fill-color--snp {
426
355
  fill: var(--snp) !important;
427
356
  }
428
- .fill-color--dup {
357
+ .fill-color--dup {
429
358
  fill: var(--dup) !important;
430
359
  }
431
- .fill-color--alliance {
360
+ .fill-color--alliance {
432
361
  fill: var(--alliance) !important;
433
362
  }
434
- .fill-color--uup {
363
+ .fill-color--uup {
435
364
  fill: var(--uup) !important;
436
365
  }
437
- .fill-color--sdlp {
366
+ .fill-color--sdlp {
438
367
  fill: var(--sdlp) !important;
439
368
  }
440
- .fill-color--plaid {
369
+ .fill-color--plaid {
441
370
  fill: var(--plaid) !important;
442
371
  }
443
- .fill-color--sinnfein {
372
+ .fill-color--sinnfein {
444
373
  fill: var(--sinnfein) !important;
445
374
  }
446
- .fill-color--reform {
375
+ .fill-color--reform {
447
376
  fill: var(--reform) !important;
448
377
  }
449
- .fill-color--ind {
378
+ .fill-color--ind {
450
379
  fill: var(--ind) !important;
451
380
  }
452
- .fill-color--other {
381
+ .fill-color--other {
453
382
  fill: var(--other) !important;
454
383
  }
455
- .fill-color--speaker {
384
+ .fill-color--speaker {
456
385
  fill: var(--speaker) !important;
457
386
  }
458
- .fill-color--change {
387
+ .fill-color--change {
459
388
  fill: var(--change) !important;
460
389
  }
461
- .fill-color--undeclared {
390
+ .fill-color--undeclared {
462
391
  fill: var(--undeclared) !important;
463
392
  }
464
- .fill-color--noc {
393
+ .fill-color--noc {
465
394
  fill: var(--noc) !important;
466
395
  }
467
- /* STOP ----------------------------------------------------------- */
468
- .stop-color--con {
396
+ /* STOP ----------------------------------------------------------- */
397
+ .stop-color--con {
469
398
  stop-color: var(--con) !important;
470
399
  }
471
- .stop-color--lab {
400
+ .stop-color--lab {
472
401
  stop-color: var(--lab) !important;
473
402
  }
474
- .stop-color--libdem {
403
+ .stop-color--libdem {
475
404
  stop-color: var(--libdem) !important;
476
405
  }
477
- .stop-color--green {
406
+ .stop-color--green {
478
407
  stop-color: var(--green) !important;
479
408
  }
480
- .stop-color--ukip {
409
+ .stop-color--ukip {
481
410
  stop-color: var(--ukip) !important;
482
411
  }
483
- .stop-color--snp {
412
+ .stop-color--snp {
484
413
  stop-color: var(--snp) !important;
485
414
  }
486
- .stop-color--dup {
415
+ .stop-color--dup {
487
416
  stop-color: var(--dup) !important;
488
417
  }
489
- .stop-color--alliance {
418
+ .stop-color--alliance {
490
419
  stop-color: var(--alliance) !important;
491
420
  }
492
- .stop-color--uup {
421
+ .stop-color--uup {
493
422
  stop-color: var(--uup) !important;
494
423
  }
495
- .stop-color--sdlp {
424
+ .stop-color--sdlp {
496
425
  stop-color: var(--sdlp) !important;
497
426
  }
498
- .stop-color--plaid {
427
+ .stop-color--plaid {
499
428
  stop-color: var(--plaid) !important;
500
429
  }
501
- .stop-color--sinnfein {
430
+ .stop-color--sinnfein {
502
431
  stop-color: var(--sinnfein) !important;
503
432
  }
504
- .stop-color--reform {
433
+ .stop-color--reform {
505
434
  stop-color: var(--reform) !important;
506
435
  }
507
- .stop-color--ind {
436
+ .stop-color--ind {
508
437
  stop-color: var(--ind) !important;
509
438
  }
510
- .stop-color--other {
439
+ .stop-color--other {
511
440
  stop-color: var(--other) !important;
512
441
  }
513
- .stop-color--speaker {
442
+ .stop-color--speaker {
514
443
  stop-color: var(--speaker) !important;
515
444
  }
516
- .stop-color--change {
445
+ .stop-color--change {
517
446
  stop-color: var(--change) !important;
518
447
  }
519
- .stop-color--undeclared {
448
+ .stop-color--undeclared {
520
449
  stop-color: var(--undeclared) !important;
521
450
  }
522
- .stop-color--noc {
451
+ .stop-color--noc {
523
452
  stop-color: var(--noc) !important;
524
453
  }
525
- /* STROKE-COLOR --------------------------------------------------- */
526
- .stroke-color--con {
454
+ /* STROKE-COLOR --------------------------------------------------- */
455
+ .stroke-color--con {
527
456
  stroke: var(--con) !important;
528
457
  }
529
- .stroke-color--lab {
458
+ .stroke-color--lab {
530
459
  stroke: var(--lab) !important;
531
460
  }
532
- .stroke-color--libdem {
461
+ .stroke-color--libdem {
533
462
  stroke: var(--libdem) !important;
534
463
  }
535
- .stroke-color--green {
464
+ .stroke-color--green {
536
465
  stroke: var(--green) !important;
537
466
  }
538
- .stroke-color--ukip {
467
+ .stroke-color--ukip {
539
468
  stroke: var(--ukip) !important;
540
469
  }
541
- .stroke-color--snp {
470
+ .stroke-color--snp {
542
471
  stroke: var(--snp) !important;
543
472
  }
544
- .stroke-color--dup {
473
+ .stroke-color--dup {
545
474
  stroke: var(--dup) !important;
546
475
  }
547
- .stroke-color--alliance {
476
+ .stroke-color--alliance {
548
477
  stroke: var(--alliance) !important;
549
478
  }
550
- .stroke-color--uup {
479
+ .stroke-color--uup {
551
480
  stroke: var(--uup) !important;
552
481
  }
553
- .stroke-color--sdlp {
482
+ .stroke-color--sdlp {
554
483
  stroke: var(--sdlp) !important;
555
484
  }
556
- .stroke-color--plaid {
485
+ .stroke-color--plaid {
557
486
  stroke: var(--plaid) !important;
558
487
  }
559
- .stroke-color--sinnfein {
488
+ .stroke-color--sinnfein {
560
489
  stroke: var(--sinnfein) !important;
561
490
  }
562
- .stroke-color--reform {
491
+ .stroke-color--reform {
563
492
  stroke: var(--reform) !important;
564
493
  }
565
- .stroke-color--ind {
494
+ .stroke-color--ind {
566
495
  stroke: var(--ind) !important;
567
496
  }
568
- .stroke-color--other {
497
+ .stroke-color--other {
569
498
  stroke: var(--other) !important;
570
499
  }
571
- .stroke-color--speaker {
500
+ .stroke-color--speaker {
572
501
  stroke: var(--speaker) !important;
573
502
  }
574
- .stroke-color--change {
503
+ .stroke-color--change {
575
504
  stroke: var(--change) !important;
576
505
  }
577
- .stroke-color--undeclared {
506
+ .stroke-color--undeclared {
578
507
  stroke: var(--undeclared) !important;
579
508
  }
580
- .stroke-color--noc {
509
+ .stroke-color--noc {
581
510
  stroke: var(--noc) !important;
582
511
  }
583
- /* COLOR ----------------------------------------------------------- */
584
- .color--con {
512
+ /* COLOR ----------------------------------------------------------- */
513
+ .color--con {
585
514
  color: var(--con) !important;
586
515
  }
587
- .color--lab {
516
+ .color--lab {
588
517
  color: var(--lab) !important;
589
518
  }
590
- .color--libdem {
519
+ .color--libdem {
591
520
  color: var(--libdem) !important;
592
521
  }
593
- .color--green {
522
+ .color--green {
594
523
  color: var(--green) !important;
595
524
  }
596
- .color--ukip {
525
+ .color--ukip {
597
526
  color: var(--ukip) !important;
598
527
  }
599
- .color--snp {
528
+ .color--snp {
600
529
  color: var(--snp) !important;
601
530
  }
602
- .color--dup {
531
+ .color--dup {
603
532
  color: var(--dup) !important;
604
533
  }
605
- .color--alliance {
534
+ .color--alliance {
606
535
  color: var(--alliance) !important;
607
536
  }
608
- .color--uup {
537
+ .color--uup {
609
538
  color: var(--uup) !important;
610
539
  }
611
- .color--sdlp {
540
+ .color--sdlp {
612
541
  color: var(--sdlp) !important;
613
542
  }
614
- .color--plaid {
543
+ .color--plaid {
615
544
  color: var(--plaid) !important;
616
545
  }
617
- .color--sinnfein {
546
+ .color--sinnfein {
618
547
  color: var(--sinnfein) !important;
619
548
  }
620
- .color--reform {
549
+ .color--reform {
621
550
  color: var(--reform) !important;
622
551
  }
623
- .color--ind {
552
+ .color--ind {
624
553
  color: var(--ind) !important;
625
554
  }
626
- .color--other {
555
+ .color--other {
627
556
  color: var(--other) !important;
628
557
  }
629
- .color--speaker {
558
+ .color--speaker {
630
559
  color: var(--speaker) !important;
631
560
  }
632
- .color--change {
561
+ .color--change {
633
562
  color: var(--change) !important;
634
563
  }
635
- .color--undeclared {
564
+ .color--undeclared {
636
565
  color: var(--undeclared) !important;
637
566
  }
638
- /* BORDER-COLOR ----------------------------------------------------- */
639
- .border-color--con {
567
+ /* BORDER-COLOR ----------------------------------------------------- */
568
+ .border-color--con {
640
569
  border-color: var(--con) !important;
641
570
  }
642
- .border-color--lab {
571
+ .border-color--lab {
643
572
  border-color: var(--lab) !important;
644
573
  }
645
- .border-color--libdem {
574
+ .border-color--libdem {
646
575
  border-color: var(--libdem) !important;
647
576
  }
648
- .border-color--green {
577
+ .border-color--green {
649
578
  border-color: var(--green) !important;
650
579
  }
651
- .border-color--ukip {
580
+ .border-color--ukip {
652
581
  border-color: var(--ukip) !important;
653
582
  }
654
- .border-color--snp {
583
+ .border-color--snp {
655
584
  border-color: var(--snp) !important;
656
585
  }
657
- .border-color--dup {
586
+ .border-color--dup {
658
587
  border-color: var(--dup) !important;
659
588
  }
660
- .border-color--alliance {
589
+ .border-color--alliance {
661
590
  border-color: var(--alliance) !important;
662
591
  }
663
- .border-color--uup {
592
+ .border-color--uup {
664
593
  border-color: var(--uup) !important;
665
594
  }
666
- .border-color--sdlp {
595
+ .border-color--sdlp {
667
596
  border-color: var(--sdlp) !important;
668
597
  }
669
- .border-color--plaid {
598
+ .border-color--plaid {
670
599
  border-color: var(--plaid) !important;
671
600
  }
672
- .border-color--sinnfein {
601
+ .border-color--sinnfein {
673
602
  border-color: var(--sinnfein) !important;
674
603
  }
675
- .border-color--reform {
604
+ .border-color--reform {
676
605
  border-color: var(--reform) !important;
677
606
  }
678
- .border-color--ind {
607
+ .border-color--ind {
679
608
  border-color: var(--ind) !important;
680
609
  }
681
- .border-color--other {
610
+ .border-color--other {
682
611
  border-color: var(--other) !important;
683
612
  }
684
- .border-color--speaker {
613
+ .border-color--speaker {
685
614
  border-color: var(--speaker) !important;
686
615
  }
687
- .border-color--change {
616
+ .border-color--change {
688
617
  border-color: var(--change) !important;
689
618
  }
690
- .border-color--undeclared {
619
+ .border-color--undeclared {
691
620
  border-color: var(--undeclared) !important;
692
621
  }
693
- /* BEFORE-ELEMENT-COLOR ----------------------------------------------------- */
694
- .before-color--con:before {
622
+ /* BEFORE-ELEMENT-COLOR ----------------------------------------------------- */
623
+ .before-color--con:before {
695
624
  background-color: var(--con) !important;
696
625
  }
697
- .before-color--lab:before {
626
+ .before-color--lab:before {
698
627
  background-color: var(--lab) !important;
699
628
  }
700
- .before-color--libdem:before {
629
+ .before-color--libdem:before {
701
630
  background-color: var(--libdem) !important;
702
631
  }
703
- .before-color--lib-dem:before {
632
+ .before-color--lib-dem:before {
704
633
  background-color: var(--libdem) !important;
705
634
  }
706
- .before-color--green:before {
635
+ .before-color--green:before {
707
636
  background-color: var(--green) !important;
708
637
  }
709
- .before-color--ukip:before {
638
+ .before-color--ukip:before {
710
639
  background-color: var(--ukip) !important;
711
640
  }
712
- .before-color--snp:before {
641
+ .before-color--snp:before {
713
642
  background-color: var(--snp) !important;
714
643
  }
715
- .before-color--dup:before {
644
+ .before-color--dup:before {
716
645
  background-color: var(--dup) !important;
717
646
  }
718
- .before-color--alliance:before {
647
+ .before-color--alliance:before {
719
648
  background-color: var(--alliance) !important;
720
649
  }
721
- .before-color--uup:before {
650
+ .before-color--uup:before {
722
651
  background-color: var(--uup) !important;
723
652
  }
724
- .before-color--sdlp:before {
653
+ .before-color--sdlp:before {
725
654
  background-color: var(--sdlp) !important;
726
655
  }
727
- .before-color--plaid:before {
656
+ .before-color--plaid:before {
728
657
  background-color: var(--plaid) !important;
729
658
  }
730
- .before-color--sinnfein:before {
659
+ .before-color--sinnfein:before {
731
660
  background-color: var(--sinnfein) !important;
732
661
  }
733
- .before-color--reform:before {
662
+ .before-color--reform:before {
734
663
  background-color: var(--reform) !important;
735
664
  }
736
- .before-color--ind:before {
665
+ .before-color--ind:before {
737
666
  background-color: var(--ind) !important;
738
667
  }
739
- .before-color--other:before {
668
+ .before-color--other:before {
740
669
  background-color: var(--other) !important;
741
670
  }
742
- .before-color--speaker:before {
671
+ .before-color--speaker:before {
743
672
  background-color: var(--speaker) !important;
744
673
  }
745
- .before-color--change:before {
674
+ .before-color--change:before {
746
675
  background-color: var(--change) !important;
747
676
  }
748
- .before-color--undeclared:before {
677
+ .before-color--undeclared:before {
749
678
  background-color: var(--undeclared) !important;
750
679
  }
751
- /* BACKGROUND-COLOR -------------------------------------------- */
752
- .bg-color--left {
680
+ /* BACKGROUND-COLOR -------------------------------------------- */
681
+ .bg-color--left {
753
682
  background-color: var(--left) !important;
754
683
  }
755
- .bg-color--sd {
684
+ .bg-color--sd {
756
685
  background-color: var(--sd) !important;
757
686
  }
758
- .bg-color--greenefa {
687
+ .bg-color--greenefa {
759
688
  background-color: var(--greenefa) !important;
760
689
  }
761
- .bg-color--renew {
690
+ .bg-color--renew {
762
691
  background-color: var(--renew) !important;
763
692
  }
764
- .bg-color--epp {
693
+ .bg-color--epp {
765
694
  background-color: var(--epp) !important;
766
695
  }
767
- .bg-color--ecr {
696
+ .bg-color--ecr {
768
697
  background-color: var(--ecr) !important;
769
698
  }
770
- .bg-color--id {
699
+ .bg-color--id {
771
700
  background-color: var(--id) !important;
772
701
  }
773
- .bg-color--ni {
702
+ .bg-color--ni {
774
703
  background-color: var(--ni) !important;
775
704
  }
776
- /* FILL ----------------------------------------------------------- */
777
- .fill-color--left {
705
+ /* FILL ----------------------------------------------------------- */
706
+ .fill-color--left {
778
707
  fill: var(--left) !important;
779
708
  }
780
- .fill-color--sd {
709
+ .fill-color--sd {
781
710
  fill: var(--sd) !important;
782
711
  }
783
- .fill-color--greenefa {
712
+ .fill-color--greenefa {
784
713
  fill: var(--greenefa) !important;
785
714
  }
786
- .fill-color--renew {
715
+ .fill-color--renew {
787
716
  fill: var(--renew) !important;
788
717
  }
789
- .fill-color--epp {
718
+ .fill-color--epp {
790
719
  fill: var(--epp) !important;
791
720
  }
792
- .fill-color--ecr {
721
+ .fill-color--ecr {
793
722
  fill: var(--ecr) !important;
794
723
  }
795
- .fill-color--id {
724
+ .fill-color--id {
796
725
  fill: var(--id) !important;
797
726
  }
798
- .fill-color--ni {
727
+ .fill-color--ni {
799
728
  fill: var(--ni) !important;
800
729
  }
801
- /* STROKE-COLOR --------------------------------------------------- */
802
- .stroke-color--left {
730
+ /* STROKE-COLOR --------------------------------------------------- */
731
+ .stroke-color--left {
803
732
  stroke: var(--left) !important;
804
733
  }
805
- .stroke-color--sd {
734
+ .stroke-color--sd {
806
735
  stroke: var(--sd) !important;
807
736
  }
808
- .stroke-color--greenefa {
737
+ .stroke-color--greenefa {
809
738
  stroke: var(--greenefa) !important;
810
739
  }
811
- .stroke-color--renew {
740
+ .stroke-color--renew {
812
741
  stroke: var(--renew) !important;
813
742
  }
814
- .stroke-color--epp {
743
+ .stroke-color--epp {
815
744
  stroke: var(--epp) !important;
816
745
  }
817
- .stroke-color--ecr {
746
+ .stroke-color--ecr {
818
747
  stroke: var(--ecr) !important;
819
748
  }
820
- .stroke-color--id {
749
+ .stroke-color--id {
821
750
  stroke: var(--id) !important;
822
751
  }
823
- .stroke-color--ni {
752
+ .stroke-color--ni {
824
753
  stroke: var(--ni) !important;
825
754
  }
826
- /* COLOR ----------------------------------------------------------- */
827
- .color--left {
755
+ /* COLOR ----------------------------------------------------------- */
756
+ .color--left {
828
757
  color: var(--left) !important;
829
758
  }
830
- .color--sd {
759
+ .color--sd {
831
760
  color: var(--sd) !important;
832
761
  }
833
- .color--greenefa {
762
+ .color--greenefa {
834
763
  color: var(--greenefa) !important;
835
764
  }
836
- .color--renew {
765
+ .color--renew {
837
766
  color: var(--renew) !important;
838
767
  }
839
- .color--epp {
768
+ .color--epp {
840
769
  color: var(--epp) !important;
841
770
  }
842
- .color--ecr {
771
+ .color--ecr {
843
772
  color: var(--ecr) !important;
844
773
  }
845
- .color--id {
774
+ .color--id {
846
775
  color: var(--id) !important;
847
776
  }
848
- .color--ni {
777
+ .color--ni {
849
778
  color: var(--ni) !important;
850
779
  }
851
- /* BORDER-COLOR ----------------------------------------------------- */
852
- .border-color--left {
780
+ /* BORDER-COLOR ----------------------------------------------------- */
781
+ .border-color--left {
853
782
  border-color: var(--left) !important;
854
783
  }
855
- .border-color--sd {
784
+ .border-color--sd {
856
785
  border-color: var(--sd) !important;
857
786
  }
858
- .border-color--greenefa {
787
+ .border-color--greenefa {
859
788
  border-color: var(--greenefa) !important;
860
789
  }
861
- .border-color--renew {
790
+ .border-color--renew {
862
791
  border-color: var(--renew) !important;
863
792
  }
864
- .border-color--epp {
793
+ .border-color--epp {
865
794
  border-color: var(--epp) !important;
866
795
  }
867
- .border-color--ecr {
796
+ .border-color--ecr {
868
797
  border-color: var(--ecr) !important;
869
798
  }
870
- .border-color--id {
799
+ .border-color--id {
871
800
  border-color: var(--id) !important;
872
801
  }
873
- .border-color--ni {
802
+ .border-color--ni {
874
803
  border-color: var(--ni) !important;
875
804
  }
876
- /* BEFORE-ELEMENT-COLOR ----------------------------------------------------- */
877
- .before-color--left:before {
805
+ /* BEFORE-ELEMENT-COLOR ----------------------------------------------------- */
806
+ .before-color--left:before {
878
807
  background-color: var(--left) !important;
879
808
  }
880
- .before-color--sd:before {
809
+ .before-color--sd:before {
881
810
  background-color: var(--sd) !important;
882
811
  }
883
- .before-color--greenefa:before {
812
+ .before-color--greenefa:before {
884
813
  background-color: var(--greenefa) !important;
885
814
  }
886
- .before-color--renew:before {
815
+ .before-color--renew:before {
887
816
  background-color: var(--renew) !important;
888
817
  }
889
- .before-color--epp:before {
818
+ .before-color--epp:before {
890
819
  background-color: var(--epp) !important;
891
820
  }
892
- .before-color--ecr:before {
821
+ .before-color--ecr:before {
893
822
  background-color: var(--ecr) !important;
894
823
  }
895
- .before-color--id:before {
824
+ .before-color--id:before {
896
825
  background-color: var(--id) !important;
897
826
  }
898
- .before-color--ni:before {
827
+ .before-color--ni:before {
899
828
  background-color: var(--ni) !important;
900
829
  }
901
- body {
830
+ body {
902
831
  --border-divider-color: #DCDCDC;
903
832
  --primary-text-color: #121212;
904
833
  --secondary-text-color: #707070;
@@ -956,7 +885,7 @@
956
885
  --ni: #333333;
957
886
  --undeclared: #848484;
958
887
  }
959
- @media (prefers-color-scheme: dark) {
888
+ @media (prefers-color-scheme: dark) {
960
889
  body.ios,
961
890
  body.android {
962
891
  --border-divider-color: #606060;
@@ -1014,20 +943,24 @@
1014
943
  --ni: #A1A1A1;
1015
944
  --undeclared: #848484;
1016
945
  }
1017
- }._group_nq9z3_1 {
946
+ }._svg_b5io0_1 {
947
+ display: block;
948
+ }
949
+
950
+ ._group_b5io0_5 {
1018
951
  transform-box: fill-box;
1019
952
  transform-origin: center;
1020
953
  }
1021
954
 
1022
- ._rotated_nq9z3_6 {
955
+ ._rotated_b5io0_10 {
1023
956
  transform: rotate(180deg);
1024
957
  }
1025
958
 
1026
- ._path_nq9z3_10 {
959
+ ._path_b5io0_14 {
1027
960
  fill: var(--secondary-line-color);
1028
961
  }
1029
962
 
1030
- ._active_nq9z3_14 {
963
+ ._active_b5io0_18 {
1031
964
  fill: var(--news-grey-01);
1032
965
  }
1033
966
  ._container_jzalm_1 {
@@ -1053,18 +986,18 @@
1053
986
  line-height: var(--sans-line-height);
1054
987
  color: var(--primary-text-color);
1055
988
  }
1056
- ._bar_wmb0k_1 {
1057
- fill: #ccc;
989
+ ._bar_bf839_1 {
990
+ fill: var(--undeclared);
1058
991
  }
1059
992
 
1060
- ._label_wmb0k_5 {
993
+ ._label_bf839_5 {
1061
994
  font-family: var(--text-sans);
1062
995
  font-size: var(--sans-xsmall);
1063
996
  line-height: var(--sans-line-height);
1064
997
  }
1065
998
 
1066
- ._backgroundRect_wmb0k_11 {
1067
- fill: var(--news-grey-05);
999
+ ._backgroundRect_bf839_11 {
1000
+ fill: var(--undeclared);
1068
1001
  }
1069
1002
  #gv-gradient-defs {
1070
1003
  visibility: hidden;
@@ -1084,7 +1017,8 @@
1084
1017
  ._next_1cajk_16 {
1085
1018
  stop-color: var(--lab);
1086
1019
  }
1087
- ._button_kpmyt_1 {
1020
+ ._button_oqopj_1 {
1021
+ display: block;
1088
1022
  border: 1px solid var(--news-grey-05);
1089
1023
  border-radius: 999px;
1090
1024
  width: 15px;
@@ -1093,18 +1027,20 @@
1093
1027
  background-color: var(--primary-bg-color);
1094
1028
  }
1095
1029
 
1096
- ._button_kpmyt_1:hover:enabled {
1030
+ ._button_oqopj_1:hover:enabled {
1097
1031
  background-color: var(--news-grey-05);
1098
1032
  }
1099
1033
 
1100
- ._svg_kpmyt_14 {
1034
+ ._svg_oqopj_15 {
1035
+ display: block;
1101
1036
  width: 100%;
1102
1037
  height: 100%;
1103
1038
  padding: 2px;
1104
1039
  pointer-events: none;
1040
+ box-sizing: border-box;
1105
1041
  }
1106
1042
 
1107
- ._svg_kpmyt_14 > path {
1043
+ ._svg_oqopj_15 > path {
1108
1044
  fill: var(--primary-text-color);
1109
1045
  }
1110
1046
  ._svg_1v49v_1 {
@@ -1196,9 +1132,23 @@ body.android {
1196
1132
  --top-inset: 58px;
1197
1133
  }
1198
1134
 
1199
- ._bar_17pyf_9 {
1135
+ ._wrapper_5oj1x_9 {
1136
+ overflow: visible;
1137
+ position: relative;
1138
+ }
1139
+
1140
+ ._bar_5oj1x_14 {
1200
1141
  position: relative;
1201
1142
  height: 1em;
1143
+ }
1144
+
1145
+ ._zero_5oj1x_19 {
1146
+ background-color: var(--primary-text-color);
1147
+ position: absolute;
1148
+ top: 0px;
1149
+ transform: scaleY(2);
1150
+ width: 1px;
1151
+ left: 50%;
1202
1152
  }body {
1203
1153
  --top-inset: 0;
1204
1154
  }
@@ -1224,42 +1174,39 @@ body.android {
1224
1174
 
1225
1175
  ._corner_886i1_24 {
1226
1176
  fill: "blue";
1227
- }._stackedGridContainer_1e05o_1 {
1177
+ }._stackedGridContainer_6whof_1 {
1178
+ width: 100%;
1228
1179
  height: min-content;
1229
- > svg {
1230
- margin-right: 2px;
1231
- margin-bottom: 1px;
1232
- }
1233
- > div {
1234
- margin-right: 2px;
1235
- }
1236
- }
1237
1180
 
1181
+ display: flex;
1182
+ flex-direction: row;
1183
+ flex-wrap: wrap;
1184
+ gap: 2px;
1185
+ }
1238
1186
 
1239
- ._stackedGridRotateItems0_1e05o_13 {
1187
+ ._stackedGridRotateItems0_6whof_11 {
1240
1188
  > * {
1241
1189
  transform: none;
1242
1190
  }
1243
1191
  }
1244
1192
 
1245
- ._stackedGridRotateItems90_1e05o_19 {
1193
+ ._stackedGridRotateItems90_6whof_17 {
1246
1194
  > * {
1247
1195
  transform: rotate(90deg);
1248
1196
  }
1249
1197
  }
1250
1198
 
1251
- ._stackedGridRotateItems180_1e05o_25 {
1199
+ ._stackedGridRotateItems180_6whof_23 {
1252
1200
  > * {
1253
1201
  transform: rotate(180deg);
1254
1202
  }
1255
1203
  }
1256
1204
 
1257
- ._stackedGridRotateItems270_1e05o_31 {
1205
+ ._stackedGridRotateItems270_6whof_29 {
1258
1206
  > * {
1259
1207
  transform: rotate(270deg);
1260
1208
  }
1261
1209
  }
1262
-
1263
1210
  body {
1264
1211
  --top-inset: 0;
1265
1212
  }
@@ -1312,34 +1259,34 @@ body.android {
1312
1259
  ._button_1fees_1:disabled ._icon_1fees_6 path {
1313
1260
  fill: var(--news-grey-05);
1314
1261
  }
1315
- ._button_19t7j_1 {
1262
+ ._button_3521c_1 {
1316
1263
  min-width: 44px;
1317
1264
  min-height: 44px;
1318
1265
  }
1319
1266
 
1320
- ._buttonInner_19t7j_6 {
1267
+ ._buttonInner_3521c_6 {
1321
1268
  color: var(--primary-text-color);
1322
1269
  font-family: var(--text-sans);
1323
- font-size: var(--sans-xxsmall);
1270
+ font-size: var(--sans-xsmall);
1324
1271
  line-height: var(--sans-line-height);
1325
1272
 
1326
- background-color: var(--primary-bg-color);
1327
1273
  border: 1px solid var(--secondary-line-color);
1328
1274
  border-radius: 999px;
1329
1275
  }
1330
1276
 
1331
- ._button_19t7j_1[data-type='regular'] > ._buttonInner_19t7j_6 {
1277
+ ._button_3521c_1[data-type='regular'] > ._buttonInner_3521c_6 {
1332
1278
  padding: 8px 12px;
1333
1279
  }
1334
1280
 
1335
- ._button_19t7j_1[data-type='small'] > ._buttonInner_19t7j_6 {
1281
+ ._button_3521c_1[data-type='small'] > ._buttonInner_3521c_6 {
1336
1282
  padding: 4px 12px;
1337
1283
  }
1338
1284
 
1339
- ._button_19t7j_1:hover:enabled > ._buttonInner_19t7j_6 {
1285
+ ._button_3521c_1:hover:enabled > ._buttonInner_3521c_6 {
1340
1286
  background-color: var(--news-grey-05);
1341
1287
  }
1342
- ._button_6w12u_1 {
1288
+ ._button_125im_1 {
1289
+ display: block;
1343
1290
  padding: 9px;
1344
1291
  border: none;
1345
1292
  width: 33px;
@@ -1348,24 +1295,31 @@ body.android {
1348
1295
  border-radius: 999px;
1349
1296
  }
1350
1297
 
1351
- ._buttonBorder_6w12u_10 {
1298
+ ._buttonBorder_125im_11 {
1352
1299
  border: 1px solid var(--border-divider-color);
1353
1300
  }
1354
1301
 
1355
- ._button_6w12u_1:hover:enabled {
1302
+ ._button_125im_1:hover:enabled {
1356
1303
  background-color: var(--news-grey-05);
1357
1304
  }
1358
1305
 
1359
- ._svg_6w12u_18 {
1306
+ ._svg_125im_19 {
1360
1307
  width: 100%;
1361
1308
  height: 100%;
1362
1309
  pointer-events: none;
1363
1310
  }
1364
1311
 
1365
- ._path_6w12u_24 {
1312
+ ._path_125im_25 {
1366
1313
  fill: var(--primary-text-color);
1367
1314
  pointer-events: none;
1368
1315
  }
1316
+ ._container_tq3ke_1 {
1317
+ max-width: fit-content;
1318
+ }
1319
+
1320
+ ._slot_tq3ke_5 {
1321
+ display: block;
1322
+ }
1369
1323
  body {
1370
1324
  --top-inset: 0;
1371
1325
  }
@@ -1374,29 +1328,30 @@ body.android {
1374
1328
  --top-inset: 58px;
1375
1329
  }
1376
1330
 
1377
- ._table_1b75c_9 {
1331
+ ._table_1dg64_9 {
1378
1332
  table-layout: fixed;
1379
1333
  width: 100%;
1380
1334
  font-family: var(--text-sans);
1381
1335
  font-size: var(--sans-small);
1382
1336
  line-height: var(--sans-line-height);
1383
1337
  text-align: left;
1338
+ border: none;
1384
1339
  }
1385
1340
 
1386
- ._hideHeader_1b75c_18 {
1341
+ ._hideHeader_1dg64_19 {
1387
1342
  visibility: hidden;
1388
1343
  }
1389
- ._hideHeader_1b75c_18 th {
1344
+ ._hideHeader_1dg64_19 th {
1390
1345
  padding-top: 0;
1391
1346
  padding-bottom: 0;
1392
1347
  line-height: 0;
1393
1348
  }
1394
1349
 
1395
- ._hideHeaderNoBorder_1b75c_27 tr:first-of-type {
1350
+ ._hideHeaderNoBorder_1dg64_28 tr:first-of-type {
1396
1351
  border-top: none;
1397
1352
  }
1398
1353
 
1399
- ._headerCell_1b75c_31 {
1354
+ ._headerCell_1dg64_32 {
1400
1355
  font-weight: 700;
1401
1356
  white-space: nowrap;
1402
1357
  padding-top: var(--space-2);
@@ -1404,7 +1359,7 @@ body.android {
1404
1359
  color: var(--primary-text-color);
1405
1360
  }
1406
1361
 
1407
- ._headerCellButton_1b75c_39 {
1362
+ ._headerCellButton_1dg64_40 {
1408
1363
  width: 100%;
1409
1364
  display: flex;
1410
1365
  justify-content: flex-start;
@@ -1413,12 +1368,12 @@ body.android {
1413
1368
  cursor: pointer;
1414
1369
  }
1415
1370
 
1416
- ._bodyRow_1b75c_48 {
1371
+ ._bodyRow_1dg64_49 {
1417
1372
  border-top: 1px solid var(--border-divider-color);
1418
1373
  color: var(--primary-text-color);
1419
1374
  }
1420
1375
 
1421
- ._bodyCell_1b75c_53 {
1376
+ ._bodyCell_1dg64_54 {
1422
1377
  font-weight: normal;
1423
1378
  padding-top: var(--space-2);
1424
1379
  padding-bottom: var(--space-2);
@@ -1523,73 +1478,84 @@ body.android {
1523
1478
  --top-inset: 58px;
1524
1479
  }
1525
1480
 
1526
- ._toplineResult_w8o28_9 {
1481
+ ._toplineResult_49z3u_9 {
1527
1482
  width: fit-content;
1483
+ display: flex;
1484
+ flex-direction: column;
1528
1485
  }
1529
- ._toplineResult_w8o28_9 ._primaryname_w8o28_12 {
1486
+ ._toplineResult_49z3u_9 ._primaryname_49z3u_14 {
1530
1487
  color: var(--primary-text-color);
1531
1488
  font-family: var(--text-headline);
1532
1489
  font-size: var(--headline-xxxsmall);
1490
+ line-height: var(--headline-line-height);
1533
1491
  font-weight: 500;
1534
1492
  font-style: italic;
1535
1493
  }
1536
- ._toplineResult_w8o28_9 ._primaryname_w8o28_12:before {
1494
+ ._toplineResult_49z3u_9 ._primaryname_49z3u_14:before {
1537
1495
  content: "";
1538
1496
  height: 4px;
1539
1497
  width: 2.2em;
1540
1498
  border-radius: 50px;
1541
1499
  display: block;
1542
1500
  }
1543
- ._toplineResult_w8o28_9 ._secondaryname_w8o28_26 {
1501
+ ._toplineResult_49z3u_9 ._secondaryname_49z3u_29 {
1544
1502
  color: var(--primary-text-color);
1545
1503
  font-family: var(--text-headline);
1546
1504
  font-size: var(--headline-xxxsmall);
1547
1505
  font-weight: 500;
1506
+ line-height: var(--headline-line-height);
1548
1507
  }
1549
- ._toplineResult_w8o28_9 ._name_w8o28_32 {
1508
+ ._toplineResult_49z3u_9 ._name_49z3u_36 {
1550
1509
  color: var(--primary-text-color);
1551
1510
  font-family: var(--text-headline);
1552
1511
  font-size: var(--headline-xxxsmall);
1512
+ line-height: var(--headline-line-height);
1553
1513
  font-weight: 500;
1554
1514
  }
1555
- ._toplineResult_w8o28_9 ._name_w8o28_32:before {
1515
+ ._toplineResult_49z3u_9 ._name_49z3u_36:before {
1556
1516
  content: "";
1557
1517
  height: 4px;
1558
1518
  width: 2.2em;
1559
1519
  border-radius: 50px;
1560
1520
  display: block;
1561
1521
  }
1562
- ._toplineResult_w8o28_9 ._displayNumbers_w8o28_45 {
1522
+ ._toplineResult_49z3u_9 ._displayNumbers_49z3u_50 {
1563
1523
  display: flex;
1564
1524
  align-items: baseline;
1525
+ margin-top: auto;
1565
1526
  font-family: var(--text-titlepiece);
1566
1527
  font-variant-numeric: lining-nums;
1567
1528
  -moz-font-feature-settings: "lnum";
1568
1529
  -webkit-font-feature-settings: "lnum";
1569
1530
  font-feature-settings: "lnum";
1531
+ line-height: var(--titlepiece-line-height);
1570
1532
  }
1571
- ._toplineResult_w8o28_9 ._displayNumbers_w8o28_45 ._mainNumber_w8o28_54 {
1533
+ ._toplineResult_49z3u_9 ._displayNumbers_49z3u_50 ._mainNumber_49z3u_61 {
1572
1534
  color: var(--primary-text-color);
1573
1535
  font-size: var(--titlepiece-xsmall);
1536
+ white-space: nowrap;
1537
+ }
1538
+ ._toplineResult_49z3u_9 ._displayNumbers_49z3u_50 ._mainNumberSuffix_49z3u_66 {
1539
+ font-size: var(--titlepiece-xxxsmall);
1574
1540
  }
1575
- ._toplineResult_w8o28_9 ._displayNumbers_w8o28_45 ._secondaryNumber_w8o28_58 {
1541
+ ._toplineResult_49z3u_9 ._displayNumbers_49z3u_50 ._secondaryNumber_49z3u_69 {
1576
1542
  color: var(--secondary-text-color-alt);
1577
1543
  font-size: var(--titlepiece-xxsmall);
1578
1544
  }
1579
- ._toplineResult_w8o28_9 ._displayNumbers_w8o28_45 > div {
1545
+ ._toplineResult_49z3u_9 ._displayNumbers_49z3u_50 > div {
1580
1546
  flex-shrink: 0;
1581
1547
  }
1582
- ._toplineResult_w8o28_9 ._displayRow_w8o28_65 {
1548
+ ._toplineResult_49z3u_9 ._displayRow_49z3u_76 {
1583
1549
  flex-direction: row;
1584
1550
  }
1585
- ._toplineResult_w8o28_9 ._displayRow_w8o28_65 ._mainNumber_w8o28_54 {
1551
+ ._toplineResult_49z3u_9 ._displayRow_49z3u_76 ._mainNumber_49z3u_61 {
1586
1552
  margin-right: var(--space-0);
1587
1553
  }
1588
- ._toplineResult_w8o28_9 ._displayColumn_w8o28_71 {
1554
+ ._toplineResult_49z3u_9 ._displayColumn_49z3u_82 {
1589
1555
  flex-direction: column;
1590
1556
  }
1591
1557
 
1592
- ._topRow_w8o28_75 {
1558
+ ._topRow_49z3u_86 {
1593
1559
  width: fit-content;
1594
1560
  padding-bottom: 1px;
1595
1561
  display: flex;
@@ -1598,9 +1564,12 @@ body.android {
1598
1564
  align-items: flex-end;
1599
1565
  }
1600
1566
  @media (min-width: 61.25em) {
1601
- ._topRow_w8o28_75 {
1567
+ ._topRow_49z3u_86 {
1602
1568
  border-bottom: none;
1603
1569
  }
1570
+ }
1571
+ ._topRow_49z3u_86 > * {
1572
+ display: block;
1604
1573
  }body {
1605
1574
  --top-inset: 0;
1606
1575
  }
@@ -1834,15 +1803,16 @@ body.android {
1834
1803
  ._path_1dms8_8 {
1835
1804
  pointer-events: none;
1836
1805
  }
1837
- ._searchContainer_g5w44_1 {
1806
+ ._searchContainer_1883t_1 {
1838
1807
  position: relative;
1839
1808
  }
1840
1809
 
1841
- ._input_g5w44_5 {
1810
+ ._input_1883t_5 {
1842
1811
  width: 100%;
1843
1812
  color: var(--primary-text-color);
1844
1813
  font-family: var(--text-sans);
1845
1814
  font-size: var(--sans-medium);
1815
+ line-height: var(--sans-line-height);
1846
1816
 
1847
1817
  background-color: var(--primary-bg-color);
1848
1818
  padding: var(--space-2) var(--space-9);
@@ -1852,9 +1822,10 @@ body.android {
1852
1822
 
1853
1823
  overflow: hidden;
1854
1824
  text-overflow: ellipsis;
1825
+ box-sizing: border-box;
1855
1826
  }
1856
1827
 
1857
- ._searchIcon_g5w44_21 {
1828
+ ._searchIcon_1883t_23 {
1858
1829
  position: absolute;
1859
1830
  top: 11px;
1860
1831
  left: 12px;
@@ -1863,13 +1834,13 @@ body.android {
1863
1834
  pointer-events: none;
1864
1835
  }
1865
1836
 
1866
- ._clearButton_g5w44_30 {
1837
+ ._clearButton_1883t_32 {
1867
1838
  position: absolute;
1868
1839
  top: 3px;
1869
1840
  right: 4px;
1870
1841
  }
1871
1842
 
1872
- ._suggestions_g5w44_36 {
1843
+ ._suggestions_1883t_38 {
1873
1844
  position: absolute;
1874
1845
  width: 100%;
1875
1846
  z-index: 1;
@@ -1881,7 +1852,7 @@ body.android {
1881
1852
  pointer-events: all;
1882
1853
  }
1883
1854
 
1884
- ._suggestion_g5w44_36 {
1855
+ ._suggestion_1883t_38 {
1885
1856
  cursor: pointer;
1886
1857
  padding: 6px 8px;
1887
1858
  background-color: var(--primary-bg-color);
@@ -1892,11 +1863,11 @@ body.android {
1892
1863
  line-height: var(--sans-line-height);
1893
1864
  }
1894
1865
 
1895
- ._selected_g5w44_59 {
1866
+ ._selected_1883t_61 {
1896
1867
  background-color: var(--secondary-bg-color);
1897
1868
  }
1898
1869
 
1899
- ._highlighted_g5w44_63 {
1870
+ ._highlighted_1883t_65 {
1900
1871
  color: var(--highlighted-text-color);
1901
1872
  background-color: var(--highlight-color);
1902
1873
  }
@@ -2208,22 +2179,24 @@ body.android {
2208
2179
  --top-inset: 58px;
2209
2180
  }
2210
2181
 
2211
- ._ticker_2eemh_9 {
2182
+ ._ticker_1as05_9 {
2212
2183
  position: relative;
2184
+ padding-bottom: 44px;
2213
2185
  --ticker-item-width: 100%;
2214
2186
  }
2215
2187
  @media (min-width: 30em) {
2216
- ._ticker_2eemh_9 {
2188
+ ._ticker_1as05_9 {
2217
2189
  --ticker-item-width: 200px;
2190
+ padding: 0;
2218
2191
  }
2219
2192
  }
2220
2193
 
2221
- ._tickerItems_2eemh_19 {
2194
+ ._tickerItems_1as05_21 {
2222
2195
  width: 100%;
2223
2196
  overflow: clip;
2224
2197
  }
2225
2198
 
2226
- ._tickerScroll_2eemh_24 {
2199
+ ._tickerScroll_1as05_26 {
2227
2200
  display: flex;
2228
2201
  flex-direction: column;
2229
2202
  row-gap: var(--space-2);
@@ -2232,7 +2205,7 @@ body.android {
2232
2205
  overflow: visible;
2233
2206
  }
2234
2207
  @media (min-width: 30em) {
2235
- ._tickerScroll_2eemh_24 {
2208
+ ._tickerScroll_1as05_26 {
2236
2209
  flex-direction: row;
2237
2210
  column-gap: var(--space-2);
2238
2211
  transform: translateX(var(--ticker-offset));
@@ -2240,19 +2213,19 @@ body.android {
2240
2213
  }
2241
2214
  }
2242
2215
 
2243
- ._tickerItem_2eemh_19 {
2216
+ ._tickerItem_1as05_21 {
2244
2217
  width: var(--ticker-item-width);
2245
2218
  flex-shrink: 0;
2246
2219
  }
2247
2220
 
2248
- ._controls_2eemh_46 {
2221
+ ._controls_1as05_48 {
2249
2222
  position: absolute;
2250
2223
  bottom: 0;
2251
2224
  width: 100%;
2252
- height: 86px;
2225
+ height: 130px;
2253
2226
  }
2254
2227
  @media (min-width: 30em) {
2255
- ._controls_2eemh_46 {
2228
+ ._controls_1as05_48 {
2256
2229
  top: 0;
2257
2230
  right: 0;
2258
2231
  width: 86px;
@@ -2260,25 +2233,23 @@ body.android {
2260
2233
  }
2261
2234
  }
2262
2235
 
2263
- ._gradient_2eemh_61 {
2264
- position: absolute;
2236
+ ._gradient_1as05_63 {
2265
2237
  width: 100%;
2266
- bottom: 0;
2267
2238
  height: 86px;
2268
2239
  }
2269
2240
  @media (min-width: 30em) {
2270
- ._gradient_2eemh_61 {
2241
+ ._gradient_1as05_63 {
2271
2242
  width: auto;
2272
2243
  height: 100%;
2273
2244
  right: 0;
2274
2245
  }
2275
2246
  }
2276
2247
 
2277
- ._buttons_2eemh_75 {
2248
+ ._buttons_1as05_75 {
2278
2249
  display: none;
2279
2250
  }
2280
2251
  @media (min-width: 30em) {
2281
- ._buttons_2eemh_75 {
2252
+ ._buttons_1as05_75 {
2282
2253
  position: absolute;
2283
2254
  top: 0;
2284
2255
  right: var(--space-5);
@@ -2289,29 +2260,37 @@ body.android {
2289
2260
  }
2290
2261
  }
2291
2262
 
2292
- ._button_2eemh_75 {
2293
- position: absolute;
2294
- bottom: -20px;
2295
- left: 0;
2263
+ ._button_1as05_75 {
2264
+ min-height: 40px;
2265
+ background-color: var(--tertiary-bg-color);
2296
2266
  }
2297
2267
  @media (min-width: 30em) {
2298
- ._button_2eemh_75 {
2268
+ ._button_1as05_75 {
2299
2269
  display: none;
2300
2270
  }
2301
2271
  }
2302
2272
 
2303
- ._buttonInner_2eemh_101 {
2273
+ ._buttonInner_1as05_100 {
2304
2274
  background-color: var(--tertiary-bg-color);
2305
2275
  }
2306
2276
 
2307
- ._ticker_2eemh_9[data-expanded=true] ._tickerScroll_2eemh_24 {
2277
+ ._ticker_1as05_9[data-expanded=true] {
2278
+ padding-bottom: 0;
2279
+ }
2280
+
2281
+ ._ticker_1as05_9[data-expanded=true] ._tickerScroll_1as05_26 {
2308
2282
  max-height: fit-content;
2283
+ margin-bottom: -40px;
2309
2284
  }
2310
2285
 
2311
- ._ticker_2eemh_9[data-expanded=true] ._controls_2eemh_46 {
2286
+ ._ticker_1as05_9[data-expanded=true] ._controls_1as05_48 {
2312
2287
  position: sticky;
2313
2288
  margin-top: -40px;
2314
2289
  }
2315
- ._ticker_2eemh_9[data-expanded=true] ._controls_2eemh_46 ._button_2eemh_75 {
2290
+ ._ticker_1as05_9[data-expanded=true] ._controls_1as05_48 ._button_1as05_75 {
2291
+ position: absolute;
2292
+ width: 100%;
2293
+ left: 0;
2316
2294
  bottom: 0;
2295
+ padding-bottom: 8px;
2317
2296
  }