@rikstv/shared-components 3.0.14 → 3.0.17
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.
- package/CHANGELOG.md +651 -0
- package/dist/components/alert/Alert-cf8930d7.mjs +68 -0
- package/dist/components/alert/Alert.d.ts +4 -0
- package/dist/components/toggleButton/{ToggleButton-636615a2.mjs → ToggleButton-640707ba.mjs} +7 -7
- package/dist/components/toggleButton/toggleButton.scss +7 -0
- package/dist/components/typography/typography.scss +1 -1
- package/dist/shared-components.mjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +3 -2
- package/dist/components/alert/Alert-0d6a7d07.mjs +0 -68
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,651 @@
|
|
|
1
|
+
# 📖 Changelog
|
|
2
|
+
|
|
3
|
+
## 3.0.17
|
|
4
|
+
|
|
5
|
+
- Small adjustments to `<Alert>`
|
|
6
|
+
- make sure icon does not shrink on mobiles
|
|
7
|
+
- alert content set to Body-text
|
|
8
|
+
- update H4 to span 16-20px (was 16-18px)
|
|
9
|
+
|
|
10
|
+
## 3.0.16
|
|
11
|
+
|
|
12
|
+
- Adds focus outline to togglebutton
|
|
13
|
+
|
|
14
|
+
## 3.0.14
|
|
15
|
+
|
|
16
|
+
- `<Checkbox>`: use `:where` to decrease specificity needed for overrides.
|
|
17
|
+
- Add example on how to override CSS variables to portal
|
|
18
|
+
|
|
19
|
+
## 3.0.12
|
|
20
|
+
|
|
21
|
+
- Expose Icons via `import { Icons } from @rikstv/shared-components`, use like `<Icons.HeartFilled />`
|
|
22
|
+
- Make `Chevron`, `HeartFilled` and `HeartUnfilled` default to 100% width and fill using `currentColor`
|
|
23
|
+
|
|
24
|
+
## 3.0.11
|
|
25
|
+
|
|
26
|
+
- Rename `<Alert>` callback property `onFadeOutEnd` to `onDismissed`
|
|
27
|
+
|
|
28
|
+
## 3.0.10
|
|
29
|
+
|
|
30
|
+
- Fix postcss-preset-env config to only transpile css-nesting (otherwise removed custom media quieries from output)
|
|
31
|
+
|
|
32
|
+
## 3.0.9
|
|
33
|
+
|
|
34
|
+
- Fix CSS specificity for `<Alert>`-title colors
|
|
35
|
+
|
|
36
|
+
## 3.0.8
|
|
37
|
+
|
|
38
|
+
- Add [postcss-preset-env](https://www.npmjs.com/package/postcss-preset-env) to CSS-modules for nesting etc
|
|
39
|
+
|
|
40
|
+
## 3.0.7
|
|
41
|
+
|
|
42
|
+
- ⚠️ Deprecations:
|
|
43
|
+
- Remove colors:
|
|
44
|
+
- `--rds-feedback-confirm`, replaced by `--rds-feedback-success` and `--rds-feedback-success-dark`
|
|
45
|
+
- `--rds-feedback-error-text`, replaced by `--rds-feedback-error`
|
|
46
|
+
- `--rds-feedback-error-object`, replaced by `--rds-feedback-error-dark`
|
|
47
|
+
- Add new colors to align with [Figma design system colors](https://www.figma.com/file/eZpToN8EpnZiD9AU2Xc8bN/Global-%2F-Farger?node-id=399%3A0&mode=dev):
|
|
48
|
+
- `--rds-feedback-success`
|
|
49
|
+
- `--rds-feedback-success-dark`
|
|
50
|
+
- `--rds-feedback-info-dark`
|
|
51
|
+
- `--rds-feedback-warning-dark`
|
|
52
|
+
- `--rds-feedback-error-dark`
|
|
53
|
+
- Add new component `<Alert>` - a dismissable panel styleable with prop `intent` (color scheme and icon) and `variant` (background and padding)
|
|
54
|
+
- <https://designsystem.strim.no/alert>
|
|
55
|
+
|
|
56
|
+
## 3.0.4
|
|
57
|
+
|
|
58
|
+
- Adding sub-title-3. A light green HAL Matex title
|
|
59
|
+
|
|
60
|
+
## 3.0.3
|
|
61
|
+
|
|
62
|
+
- Added `<GhostButton>`, `<GhostArrowButton>` and `<GhostIconButton>` as a toned down `<PrimaryButton>`
|
|
63
|
+
|
|
64
|
+
## 3.0.2
|
|
65
|
+
|
|
66
|
+
- Fix list first child size styling to be first DIRECT child
|
|
67
|
+
- Allow override `<List>` gap via `--rds-list-gap`, defaults to `1em`
|
|
68
|
+
|
|
69
|
+
## 3.0.1
|
|
70
|
+
|
|
71
|
+
- Update svg's for checkmark and crossmark list items
|
|
72
|
+
- Simplify styling for all listitems 👆
|
|
73
|
+
- Allow pass icon to `<ListItem>`
|
|
74
|
+
- Style `<List>` with flex and gaps instead of `margin-bottom`
|
|
75
|
+
- Set `min-width` for icons in `<Panel>`
|
|
76
|
+
|
|
77
|
+
## 3.0.0
|
|
78
|
+
|
|
79
|
+
- Delete LinkButton and refactor BaseLinkButton. Forces users to create a wrapper component for BaseLinkButton in their client app, and add their own correct typing. Done to avoid the use of LinkButton, which only rendered a normal a-tag and caused a full refresh of the page when clicked.
|
|
80
|
+
|
|
81
|
+
## 2.0.19
|
|
82
|
+
|
|
83
|
+
- Removed unused tracking from accordions
|
|
84
|
+
|
|
85
|
+
## 2.0.18
|
|
86
|
+
|
|
87
|
+
- Updated Accordion for better analytics possibilities. KS wanted this
|
|
88
|
+
|
|
89
|
+
## 2.0.17
|
|
90
|
+
|
|
91
|
+
- Wrap Textfield component in a container div, to make custom styling easier
|
|
92
|
+
|
|
93
|
+
## 2.0.16
|
|
94
|
+
|
|
95
|
+
- Make dropdown props generic
|
|
96
|
+
|
|
97
|
+
## 2.0.15
|
|
98
|
+
|
|
99
|
+
- Add new `Dropdown` component. Moved from play-common
|
|
100
|
+
|
|
101
|
+
## 2.0.14
|
|
102
|
+
|
|
103
|
+
- Add new `Checkmark` icon to use in `CheckmarkListItem`, replaces the use of css :before pseudo class.
|
|
104
|
+
|
|
105
|
+
## 2.0.13
|
|
106
|
+
|
|
107
|
+
- Fixes react developer warnings in portal
|
|
108
|
+
- Add prop to typography components: `as="div"` that renders the element as a `DIV` instead of `P`. Useful for wrapping elements that need to set a font.
|
|
109
|
+
|
|
110
|
+
## 2.0.12
|
|
111
|
+
|
|
112
|
+
- Use plugin [`vite-plugin-dts`](https://github.com/qmhc/vite-plugin-dts) to generate types
|
|
113
|
+
|
|
114
|
+
## 2.0.11
|
|
115
|
+
|
|
116
|
+
- Add `warning2` variant to `Panel` (yellow background)
|
|
117
|
+
|
|
118
|
+
## 2.0.10
|
|
119
|
+
|
|
120
|
+
- Add `highlighted` variant to `LinkButton` and add microanimation to all arrow buttons on hover
|
|
121
|
+
|
|
122
|
+
## 2.0.9
|
|
123
|
+
|
|
124
|
+
- Use `HALMatex Strim Medium` instead of `HALMatex Strim Regular` for H-tags
|
|
125
|
+
|
|
126
|
+
## 2.0.8
|
|
127
|
+
|
|
128
|
+
- Update Secondary button hover color
|
|
129
|
+
|
|
130
|
+
## 2.0.7
|
|
131
|
+
|
|
132
|
+
- Update regex in split function in snippets to include all variables (earlier regex did not include first entries)
|
|
133
|
+
|
|
134
|
+
## 2.0.6
|
|
135
|
+
|
|
136
|
+
- Rename color variables and update usages in portal
|
|
137
|
+
|
|
138
|
+
## 2.0.5
|
|
139
|
+
|
|
140
|
+
- Add `?inline` to the end of css imports to avoid possible duplicate loading of css (after updating to Vite 4)
|
|
141
|
+
|
|
142
|
+
## 2.0.4
|
|
143
|
+
|
|
144
|
+
- Fix parsing of minified sass
|
|
145
|
+
|
|
146
|
+
## 2.0.3
|
|
147
|
+
|
|
148
|
+
- Fix `package.json` exports field (`shared-components.es.js` => `shared-components.mjs`)
|
|
149
|
+
|
|
150
|
+
## 2.0.2
|
|
151
|
+
|
|
152
|
+
- Export custom media queries for breakpoints `--rds-media-{size}` and `--rds-media-min-{size}`
|
|
153
|
+
|
|
154
|
+
## 2.0.1
|
|
155
|
+
|
|
156
|
+
- Update Cypress from v10 to v12
|
|
157
|
+
|
|
158
|
+
## 2.0.0
|
|
159
|
+
|
|
160
|
+
- Update Vite from v2 to v4
|
|
161
|
+
|
|
162
|
+
## 1.1.97
|
|
163
|
+
|
|
164
|
+
- Update React from v17 to v18
|
|
165
|
+
|
|
166
|
+
## 1.1.96
|
|
167
|
+
|
|
168
|
+
- Add --rds-roundness--image property
|
|
169
|
+
- Add some transparent variant of colors in use in players
|
|
170
|
+
|
|
171
|
+
### 💥 Portal 💥
|
|
172
|
+
|
|
173
|
+
- Fix issue where roundness and typography values weren't displayed in portal
|
|
174
|
+
|
|
175
|
+
## 1.1.95
|
|
176
|
+
|
|
177
|
+
### 💥 Portal 💥
|
|
178
|
+
|
|
179
|
+
- Add 'Stil og tone' section (Strim and RiksTV version).
|
|
180
|
+
|
|
181
|
+
## 1.1.94
|
|
182
|
+
|
|
183
|
+
- Re-adjust `Lead` typography to use `HALmatex Light`.
|
|
184
|
+
- This requires usage of a new font from `static.rikstv.no` which should be preloaded in the app
|
|
185
|
+
|
|
186
|
+
## 1.1.93
|
|
187
|
+
|
|
188
|
+
- Adjust `Lead` typography to align with `title-4` (except line height)
|
|
189
|
+
- Add lightmode color for `Lead` based on the same color as `title-4`
|
|
190
|
+
- Fixed erronous lightmode name for `sub-title-2` 🤦♂️
|
|
191
|
+
|
|
192
|
+
## 1.1.92
|
|
193
|
+
|
|
194
|
+
- Add NotificationDot
|
|
195
|
+
|
|
196
|
+
## 1.1.91
|
|
197
|
+
|
|
198
|
+
- Fixes issue with flexing content of ordered items, checkmarklistitems and crossmarklistiems
|
|
199
|
+
|
|
200
|
+
## 1.1.90
|
|
201
|
+
|
|
202
|
+
- Remove repository link in package.json of shared-components
|
|
203
|
+
|
|
204
|
+
## 1.1.89
|
|
205
|
+
|
|
206
|
+
- Add "with-keyboard-focus-within" global class
|
|
207
|
+
|
|
208
|
+
## 1.1.88
|
|
209
|
+
|
|
210
|
+
- More class props for ToggleInlineButton
|
|
211
|
+
|
|
212
|
+
## 1.1.87
|
|
213
|
+
|
|
214
|
+
- Refactor Checkbox, ToggleButton and ToggleLinkButton to use new BaseCheckbox
|
|
215
|
+
- Added new ToggleInlineButton
|
|
216
|
+
|
|
217
|
+
## 1.1.86
|
|
218
|
+
|
|
219
|
+
- Add --rds-spacing--40
|
|
220
|
+
|
|
221
|
+
## 💥 1.1.84 💥
|
|
222
|
+
|
|
223
|
+
- Remove toggleButton label text on small screens as default
|
|
224
|
+
- Remove `showLabel` prop
|
|
225
|
+
- Remove `innerClass` prop
|
|
226
|
+
- To keep current behavior set `alwaysShowLabel={true}`
|
|
227
|
+
|
|
228
|
+
## 1.1.82
|
|
229
|
+
|
|
230
|
+
- version with no feature changes
|
|
231
|
+
|
|
232
|
+
## 1.1.81
|
|
233
|
+
|
|
234
|
+
- increment version since move to registry.npmjs.org
|
|
235
|
+
|
|
236
|
+
## 1.1.80
|
|
237
|
+
|
|
238
|
+
- Add Span do typography doc
|
|
239
|
+
|
|
240
|
+
## 1.1.79
|
|
241
|
+
|
|
242
|
+
- add innerClass and minor refactoring to toggleButton
|
|
243
|
+
|
|
244
|
+
## 1.1.78
|
|
245
|
+
|
|
246
|
+
- update snippets ignorefile to fix issue with snippets generation
|
|
247
|
+
|
|
248
|
+
## 1.1.77
|
|
249
|
+
|
|
250
|
+
- release snippets, no change
|
|
251
|
+
|
|
252
|
+
## 1.1.76
|
|
253
|
+
|
|
254
|
+
- add postcss language support in snippets extension
|
|
255
|
+
|
|
256
|
+
## 1.1.75
|
|
257
|
+
|
|
258
|
+
- Let error message take space in the DOM, will now reflow, but that is preferable to missing part of error message
|
|
259
|
+
|
|
260
|
+
## 1.1.74
|
|
261
|
+
|
|
262
|
+
- Don't set defaultChecked on checkbox since checked is set (ToggleLinkButton)
|
|
263
|
+
|
|
264
|
+
## 1.1.73
|
|
265
|
+
|
|
266
|
+
- Fix light mode for ToggleLinkButton
|
|
267
|
+
|
|
268
|
+
## 1.1.72
|
|
269
|
+
|
|
270
|
+
- Added ToggleLinkButton
|
|
271
|
+
|
|
272
|
+
## 1.1.71
|
|
273
|
+
|
|
274
|
+
- Fix color of lead
|
|
275
|
+
- Update readme
|
|
276
|
+
|
|
277
|
+
## 1.1.70
|
|
278
|
+
|
|
279
|
+
Add lead typography
|
|
280
|
+
|
|
281
|
+
## 1.1.69
|
|
282
|
+
|
|
283
|
+
Button API fix
|
|
284
|
+
|
|
285
|
+
- `transparent` prop is made optional
|
|
286
|
+
|
|
287
|
+
## 💥 1.1.67 💥
|
|
288
|
+
|
|
289
|
+
- 💥 Button API has changed slightly
|
|
290
|
+
- `lightBackground` no longer has the option of `transparent`
|
|
291
|
+
- `transparent` is moved to a boolean property of itself
|
|
292
|
+
- To keep current behavior change `lightBackground="transparent"` to `lightBackground={true} transparent={true}`
|
|
293
|
+
|
|
294
|
+
## 1.1.66
|
|
295
|
+
|
|
296
|
+
### 💥 Portal 💥
|
|
297
|
+
|
|
298
|
+
- 💥 MDX 2 is now running the show, please read [this](https://mdxjs.com/migrating/v2/) for all changes affecting MDX
|
|
299
|
+
- Added an ErrorBoundary to the portal
|
|
300
|
+
- Changed Vite-plugin to handle React, svgs and hot reload
|
|
301
|
+
- 💥 Generated types are now cached locally after first generation, `npm run dev:clean` will delete all the cache
|
|
302
|
+
- 💥 Inline code blocks are now handled by the CodeBlock, if you want a multiline code block that must now be marked with `multiline`
|
|
303
|
+
- 💥 New syntax to mark code block as live or render, used to be `live=true`, now its just `live` or `render`
|
|
304
|
+
|
|
305
|
+
## 1.1.65
|
|
306
|
+
|
|
307
|
+
- Added CircularProgressBar
|
|
308
|
+
|
|
309
|
+
## 1.1.64
|
|
310
|
+
|
|
311
|
+
- Added xlarge roundness
|
|
312
|
+
|
|
313
|
+
## 1.1.63
|
|
314
|
+
|
|
315
|
+
- Loading spinner to buttons
|
|
316
|
+
|
|
317
|
+
## 1.1.58
|
|
318
|
+
|
|
319
|
+
- Add info icon to Panel
|
|
320
|
+
|
|
321
|
+
## 1.1.57
|
|
322
|
+
|
|
323
|
+
- Auto release extension
|
|
324
|
+
|
|
325
|
+
## 1.1.56
|
|
326
|
+
|
|
327
|
+
- PrimaryButton with arrow
|
|
328
|
+
|
|
329
|
+
## 1.1.52
|
|
330
|
+
|
|
331
|
+
- Fix width issue with RadioToggleInput caused by position absolute on input element
|
|
332
|
+
|
|
333
|
+
## 1.1.51
|
|
334
|
+
|
|
335
|
+
- Add snippets generator
|
|
336
|
+
|
|
337
|
+
## 1.1.50
|
|
338
|
+
|
|
339
|
+
- Add new typography style `rds-sub-title-2`
|
|
340
|
+
|
|
341
|
+
## 1.1.49
|
|
342
|
+
|
|
343
|
+
- Minor adjustment to brand colors and added a few new
|
|
344
|
+
|
|
345
|
+
### Portal
|
|
346
|
+
|
|
347
|
+
- Improved display of colors
|
|
348
|
+
- Improved documentation of color usage
|
|
349
|
+
- Dynamic documentation of brand colors
|
|
350
|
+
- Fixed a bug where some custom properties had gone missing from portal
|
|
351
|
+
- Improved display of spacing
|
|
352
|
+
- Cleanup of documentation in core
|
|
353
|
+
|
|
354
|
+
## 1.1.48
|
|
355
|
+
|
|
356
|
+
- Add test for List and List-components
|
|
357
|
+
|
|
358
|
+
## 1.1.47
|
|
359
|
+
|
|
360
|
+
- Added xs, ml, lw and xl breakpoints
|
|
361
|
+
|
|
362
|
+
## 1.1.46
|
|
363
|
+
|
|
364
|
+
- Add semantic Strim color `--faded-text`
|
|
365
|
+
|
|
366
|
+
## 1.1.45
|
|
367
|
+
|
|
368
|
+
- Better aligning for dot in ListItem
|
|
369
|
+
|
|
370
|
+
## 1.1.44
|
|
371
|
+
|
|
372
|
+
- Add every color in the design system in new strim/rikstvColor.scss-files
|
|
373
|
+
- For the existing semantic colors (in rtv.scss and strm.scss), point to these new color variables instead
|
|
374
|
+
- Display all new colors (both design system colors and semantics) in the portal
|
|
375
|
+
|
|
376
|
+
## 1.1.43
|
|
377
|
+
|
|
378
|
+
- Add ordered list option to List component
|
|
379
|
+
|
|
380
|
+
## 1.1.42
|
|
381
|
+
|
|
382
|
+
- Add progress component
|
|
383
|
+
|
|
384
|
+
## 1.1.41
|
|
385
|
+
|
|
386
|
+
- Add breadcrumb component
|
|
387
|
+
|
|
388
|
+
## 1.1.40
|
|
389
|
+
|
|
390
|
+
- Improve screenreader experience of Check and Cross mark list items
|
|
391
|
+
|
|
392
|
+
## 1.1.39
|
|
393
|
+
|
|
394
|
+
- Fix layout issue with accordion if multiple in grid
|
|
395
|
+
|
|
396
|
+
## 💥 1.1.38
|
|
397
|
+
|
|
398
|
+
- 💥 Accordion in light mode now has a light background, not dark
|
|
399
|
+
- 💥 Accordion removed left aligned chevron
|
|
400
|
+
- Update accordion style
|
|
401
|
+
|
|
402
|
+
## 1.1.37
|
|
403
|
+
|
|
404
|
+
- Fix panel color
|
|
405
|
+
|
|
406
|
+
## 1.1.36
|
|
407
|
+
|
|
408
|
+
- Update panel design
|
|
409
|
+
|
|
410
|
+
## 1.1.35
|
|
411
|
+
|
|
412
|
+
- Update `align-items` of `CheckmarkListItem` from `flex-start` to `center`
|
|
413
|
+
|
|
414
|
+
## 1.0.36
|
|
415
|
+
|
|
416
|
+
- Add `--rds-roundness--large` of 24px in Strim brand, and 8px in RTV brand
|
|
417
|
+
|
|
418
|
+
## 1.0.35
|
|
419
|
+
|
|
420
|
+
- Add `.with-keyboard-focus` utility class
|
|
421
|
+
|
|
422
|
+
### Portal
|
|
423
|
+
|
|
424
|
+
- Add skip-to-content link before navigation
|
|
425
|
+
|
|
426
|
+
## 1.0.34
|
|
427
|
+
|
|
428
|
+
### Portal
|
|
429
|
+
|
|
430
|
+
- Show `changelog` in portal
|
|
431
|
+
|
|
432
|
+
## 1.0.33
|
|
433
|
+
|
|
434
|
+
- Padding left/right on buttons. 16px for small screens and 24px for bigger
|
|
435
|
+
- Padding top/bottom on buttons. 44px for small screens and 48px for bigger
|
|
436
|
+
|
|
437
|
+
## 1.0.31
|
|
438
|
+
|
|
439
|
+
- Add ref to List - technically breaking change, but on our case it shouldn't be
|
|
440
|
+
- Add `useAnimatedHeight`
|
|
441
|
+
- Add `useBrowserPreference`
|
|
442
|
+
- Add `useClickOutsideListner`
|
|
443
|
+
- Add `useIntersectionObserver`
|
|
444
|
+
- Expose `useMutationObserver`
|
|
445
|
+
|
|
446
|
+
## 1.0.30
|
|
447
|
+
|
|
448
|
+
- Fixes visual bug for Textfield on iOS 15 when type is 'search'
|
|
449
|
+
|
|
450
|
+
## 1.0.29
|
|
451
|
+
|
|
452
|
+
- LinkButton now forwards ref onto BaseButton
|
|
453
|
+
|
|
454
|
+
## 1.0.28
|
|
455
|
+
|
|
456
|
+
- Add 'transparent background option to LinkButton
|
|
457
|
+
|
|
458
|
+
## 1.0.27
|
|
459
|
+
|
|
460
|
+
- Fix layout issue with Accordion
|
|
461
|
+
|
|
462
|
+
## 1.0.26
|
|
463
|
+
|
|
464
|
+
- Update README
|
|
465
|
+
|
|
466
|
+
## 1.0.25
|
|
467
|
+
|
|
468
|
+
- Add 'transparent' background option to Secondary Button.
|
|
469
|
+
|
|
470
|
+
## 1.0.23
|
|
471
|
+
|
|
472
|
+
### Portal
|
|
473
|
+
|
|
474
|
+
- Improve display of custom properties
|
|
475
|
+
- Align colors in /colors
|
|
476
|
+
|
|
477
|
+
## 1.0.22
|
|
478
|
+
|
|
479
|
+
- Add Loader
|
|
480
|
+
|
|
481
|
+
## 1.0.21
|
|
482
|
+
|
|
483
|
+
- Add breakpoints
|
|
484
|
+
- Add media query mixins
|
|
485
|
+
- Add gutter components
|
|
486
|
+
- Add default width
|
|
487
|
+
|
|
488
|
+
### Portal
|
|
489
|
+
|
|
490
|
+
- Improve documentation of custom properties
|
|
491
|
+
- Rename spacing -> layout
|
|
492
|
+
|
|
493
|
+
## 1.0.20
|
|
494
|
+
|
|
495
|
+
### Portal
|
|
496
|
+
|
|
497
|
+
- Dogfood textField in portal
|
|
498
|
+
|
|
499
|
+
## 1.0.19
|
|
500
|
+
|
|
501
|
+
- Font faces are now defined as part of core, font files are fetched from "CDN".
|
|
502
|
+
|
|
503
|
+
## 1.0.16
|
|
504
|
+
|
|
505
|
+
- Add List, CheckmarkListItem, CrossmarkListItem and ListItem
|
|
506
|
+
|
|
507
|
+
## 1.0.15
|
|
508
|
+
|
|
509
|
+
- Add readability width custom property
|
|
510
|
+
|
|
511
|
+
### Portal
|
|
512
|
+
|
|
513
|
+
- Change hashrouting to browser routes, update dependencies
|
|
514
|
+
- Change svg-handling lib
|
|
515
|
+
|
|
516
|
+
## 1.0.14
|
|
517
|
+
|
|
518
|
+
- Add white as option for button, fixes issue with secondary button on lightBackground
|
|
519
|
+
|
|
520
|
+
## 1.0.13
|
|
521
|
+
|
|
522
|
+
- Adjust Panel warning variant background
|
|
523
|
+
|
|
524
|
+
## 1.0.12
|
|
525
|
+
|
|
526
|
+
- Add Panel component
|
|
527
|
+
|
|
528
|
+
## 1.0.12
|
|
529
|
+
|
|
530
|
+
- Add panel component
|
|
531
|
+
|
|
532
|
+
## 1.0.11
|
|
533
|
+
|
|
534
|
+
- Improve LinkButton types
|
|
535
|
+
|
|
536
|
+
## 1.0.10
|
|
537
|
+
|
|
538
|
+
- Add LinkButton link component
|
|
539
|
+
|
|
540
|
+
## 1.0.9
|
|
541
|
+
|
|
542
|
+
- Fix type-export
|
|
543
|
+
- 1.0.8 moved `.scss` files one level deeper, `/dist/components/{Component}/{}.scss` please advice
|
|
544
|
+
|
|
545
|
+
## 1.0.8
|
|
546
|
+
|
|
547
|
+
- Add checkbox component
|
|
548
|
+
|
|
549
|
+
### Portal
|
|
550
|
+
|
|
551
|
+
- Improve type-generation, results in much smaller bundle
|
|
552
|
+
- Remove github and npm links
|
|
553
|
+
- Change favicon to strim
|
|
554
|
+
|
|
555
|
+
## 1.0.3 - 1.0.7
|
|
556
|
+
|
|
557
|
+
- 💥 New textfield design, `error` is now `errorMessage`
|
|
558
|
+
|
|
559
|
+
<details>
|
|
560
|
+
<summary>1.0.0 🥳</summary>
|
|
561
|
+
|
|
562
|
+
- The design system finally has a home! [https://designsystem.strim.no/](https://designsystem.strim.no/)
|
|
563
|
+
- The design system packages has moved to our internal Nexus
|
|
564
|
+
- Release strategy is all new, please read [this](https://designsystem.strim.no/#/lage-komponenter)
|
|
565
|
+
|
|
566
|
+
### 👉 Migration 👈
|
|
567
|
+
|
|
568
|
+
- Change all references to https://github.com/lfbergee with [https://git.rikstv.no/rikstv/shared/rikstv.designsystem](https://git.rikstv.no/rikstv/shared/rikstv.designsystem) and https://lfbergee.github.com/rtv-ds with [https://designsystem.strim.no/](https://designsystem.strim.no/).
|
|
569
|
+
- Change the origin of the repo, it is now `git@git.rikstv.no:rikstv/shared/rikstv.designsystem.git`, it's recommended to clone a new copy as the history has changed significantly
|
|
570
|
+
- Packages are now supplied from internal Nexus, not the public repo. Add `@rikstv:registry=https://artifacts.internal.rikstv.no/repository/npm-rikstv/` to your `.npmrc`.
|
|
571
|
+
|
|
572
|
+
</details>
|
|
573
|
+
|
|
574
|
+
<details>
|
|
575
|
+
<summary>Older releases</summary>
|
|
576
|
+
|
|
577
|
+
## 0.8.0 💥 Changes the secondary and tertiary background colors. Also adds new color "--rds-background-card"
|
|
578
|
+
|
|
579
|
+
## 0.7.0 💥 Supply style as a single file, no longer splitting css files into each component, se reasoning [here](https://github.com/lfbergee/rtv-ds/issues/278)
|
|
580
|
+
|
|
581
|
+
### 👉 Migration 👈
|
|
582
|
+
|
|
583
|
+
1. Import or preload `import "@rikstv/shared-components/dist/style.css"` early in your app or in root html file
|
|
584
|
+
1. Remove all import of spesific `.css` files
|
|
585
|
+
or:
|
|
586
|
+
1. Change import from `.css` to `.scss`, also the naming convention of sass files differs from css, so every import must be updated
|
|
587
|
+
|
|
588
|
+
## 0.6.11 - 0.0.1
|
|
589
|
+
|
|
590
|
+
- Adds new feedback colors for Strim and RiksTV. The "rds-feedback-error" color is now deprecated.
|
|
591
|
+
- Fix build of TextField
|
|
592
|
+
- Add TextField
|
|
593
|
+
- Improve links in light mode
|
|
594
|
+
- Adds lightmode for primary and secondary button in strim
|
|
595
|
+
- Pimary and secondary buttons wrapped with lightMode component will adjust style accordingly
|
|
596
|
+
- lightBackground attribute can be used to override/trigger the lightMode styling
|
|
597
|
+
- Add accordion
|
|
598
|
+
- Improve style import for RadioToggle
|
|
599
|
+
- Let link inherit all font props
|
|
600
|
+
- Add link style and documentation
|
|
601
|
+
- New fonts added, display-title, title-1 and title-2 now expects HalMatex-Bold to be available in the app
|
|
602
|
+
- Adjust typography scale
|
|
603
|
+
- Function to generate proper fluid clamping
|
|
604
|
+
- Simplify release.
|
|
605
|
+
- More inclusive PeerDependency
|
|
606
|
+
- Remove react-dom as peerDep
|
|
607
|
+
- Align icons in buttons properly in safari
|
|
608
|
+
- Uses 'align-items' css to align icons in buttons for safari
|
|
609
|
+
- Adds forwardRef to all buttons in Button.tsx and IconButton.tsx
|
|
610
|
+
- Updates the colors of buttons
|
|
611
|
+
- Ref can be used with buttons
|
|
612
|
+
- All buttons have updated colors
|
|
613
|
+
- Added forwardRef to all buttons.
|
|
614
|
+
- Use numerical values for typography `line-heights`
|
|
615
|
+
- Change `rds-title-4` from `18-22px` to `16-22px`
|
|
616
|
+
- Added optional `iconClass`-prop to `IconButton`
|
|
617
|
+
- Darker title-1 color
|
|
618
|
+
- Typography for light background
|
|
619
|
+
- Light background wrapper component
|
|
620
|
+
- Light background typograhy
|
|
621
|
+
- Use HalMatex for Title2
|
|
622
|
+
- Add system-ui to font-stack
|
|
623
|
+
- new `sr-only` screenreader only class
|
|
624
|
+
- hide legend in radio toggle by default
|
|
625
|
+
- RadioToggleTest
|
|
626
|
+
- new color, accent-hover
|
|
627
|
+
- updated button style, taller and bolder
|
|
628
|
+
- update toggle style, same as button and new hover
|
|
629
|
+
- new color, bakground-tertiary
|
|
630
|
+
- Use relative values in spacing scale and radio-toggle
|
|
631
|
+
- Supply px-to-rem conversion function
|
|
632
|
+
- Rename Strim component to StrimProvider
|
|
633
|
+
- Rename RiksTV Component to RiksTVProvider
|
|
634
|
+
- Scope custom properties
|
|
635
|
+
- Remove font declaration from root style file
|
|
636
|
+
- Fix focus on RadioToggle
|
|
637
|
+
- Fix overflow issue on small screens in portal
|
|
638
|
+
- Icons now should show also in Safari
|
|
639
|
+
- RadioToggle button component
|
|
640
|
+
- Focus mixin
|
|
641
|
+
- Focus in Button
|
|
642
|
+
- Focus in portal-component
|
|
643
|
+
- Input method detect function
|
|
644
|
+
- Rewritten Core-component with input detection
|
|
645
|
+
- Added change log
|
|
646
|
+
- Initial component setup
|
|
647
|
+
- Initial portal setup
|
|
648
|
+
- Initial npm setup
|
|
649
|
+
- Component usage documentation
|
|
650
|
+
|
|
651
|
+
</details>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
|
|
2
|
+
import { forwardRef as S, useState as o } from "react";
|
|
3
|
+
import { H as k, B as w } from "../typography/Typography-563b6318.mjs";
|
|
4
|
+
import "../icons/HeartToggle-54bb18c7.mjs";
|
|
5
|
+
import { S as y, a as B, b as a, c as T } from "../icons/Icons-2b68875c.mjs";
|
|
6
|
+
const R = "_rds-alert--icon_1cbbx_66", E = "_rds-alert--content-title_1cbbx_74", H = "_rds-alert--content_1cbbx_74", O = "_rds-alert--dismiss_1cbbx_100", D = "_dismissed_1cbbx_129", F = "_fade-out_1cbbx_1", t = {
|
|
7
|
+
rdsAlertIcon: R,
|
|
8
|
+
rdsAlertContentTitle: E,
|
|
9
|
+
rdsAlertContent: H,
|
|
10
|
+
rdsAlertDismiss: O,
|
|
11
|
+
dismissed: D,
|
|
12
|
+
fadeOut: F
|
|
13
|
+
}, M = {
|
|
14
|
+
warning: { title: "Advarsel", Icon: B },
|
|
15
|
+
error: { title: "Feil", Icon: a },
|
|
16
|
+
info: { title: "Informasjon", Icon: a },
|
|
17
|
+
success: { title: "Vellykket", Icon: T }
|
|
18
|
+
}, V = S(
|
|
19
|
+
({
|
|
20
|
+
className: c,
|
|
21
|
+
intent: r = "warning",
|
|
22
|
+
variant: l = "filled",
|
|
23
|
+
testId: d = "rds-alert",
|
|
24
|
+
heading: m,
|
|
25
|
+
children: f,
|
|
26
|
+
dismissible: A = !0,
|
|
27
|
+
lightBackground: _,
|
|
28
|
+
onDismissed: e,
|
|
29
|
+
LinkToDetails: x,
|
|
30
|
+
...b
|
|
31
|
+
}, v) => {
|
|
32
|
+
const [u, n] = o(!1), [j, i] = o(!1), p = ["rds-alert", _ ? "rds-light" : "", u ? t.dismissed : "", c].filter(Boolean).join(" ");
|
|
33
|
+
if (j)
|
|
34
|
+
return null;
|
|
35
|
+
const C = () => {
|
|
36
|
+
n(!1), i(!1);
|
|
37
|
+
}, { title: I, Icon: g } = M[r], h = () => {
|
|
38
|
+
i(!0), e == null || e(C);
|
|
39
|
+
}, N = A && l !== "inline";
|
|
40
|
+
return /* @__PURE__ */ s.jsxs(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
role: "alert",
|
|
44
|
+
"aria-live": "polite",
|
|
45
|
+
ref: v,
|
|
46
|
+
className: p,
|
|
47
|
+
"data-testid": d,
|
|
48
|
+
"data-intent": r,
|
|
49
|
+
"data-variant": l,
|
|
50
|
+
onAnimationEnd: h,
|
|
51
|
+
...b,
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ s.jsx(g, { className: t.rdsAlertIcon }),
|
|
54
|
+
/* @__PURE__ */ s.jsxs("div", { className: t.rdsAlertContent, children: [
|
|
55
|
+
/* @__PURE__ */ s.jsx(k, { className: t.rdsAlertContentTitle, as: "span", children: m || I }),
|
|
56
|
+
/* @__PURE__ */ s.jsx(w, { children: f }),
|
|
57
|
+
x
|
|
58
|
+
] }),
|
|
59
|
+
N && /* @__PURE__ */ s.jsx("div", { className: t.rdsAlertDismiss, children: /* @__PURE__ */ s.jsx("button", { "aria-label": "Avvis varsel", onClick: () => n(!0), children: /* @__PURE__ */ s.jsx(y, {}) }) })
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
V.displayName = "Alert";
|
|
66
|
+
export {
|
|
67
|
+
V as A
|
|
68
|
+
};
|
|
@@ -5,6 +5,10 @@ import { HTMLAttributes, ReactElement } from "react";
|
|
|
5
5
|
* intents include: `"warning", "error", "success", "info"`
|
|
6
6
|
*
|
|
7
7
|
* variants include: `"filled", "translucent", "inline"`
|
|
8
|
+
*
|
|
9
|
+
* Dismiss icon can be hidden by passing `dismissible={false}`
|
|
10
|
+
*
|
|
11
|
+
* An optional link to details can be passed as `LinkToDetails={JsxElement}`
|
|
8
12
|
*/
|
|
9
13
|
export declare const Alert: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
14
|
export interface Props extends HTMLAttributes<HTMLDivElement> {
|
package/dist/components/toggleButton/{ToggleButton-636615a2.mjs → ToggleButton-640707ba.mjs}
RENAMED
|
@@ -2,26 +2,26 @@ import { j as t } from "../accordion/Accordion-b8669b7e.mjs";
|
|
|
2
2
|
import { forwardRef as I, useRef as k, useState as C } from "react";
|
|
3
3
|
import { B as N } from "../checkbox/BaseCheckbox-50df3aeb.mjs";
|
|
4
4
|
const B = I(
|
|
5
|
-
({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass:
|
|
6
|
-
const
|
|
5
|
+
({ children: s, className: _ = "", defaultChecked: l, icons: e, iconClass: i = "", id: h, onChange: a, alwaysShowLabel: x = !1, ...b }, f) => {
|
|
6
|
+
const m = k(null), [n, c] = C(!!l), g = e && "checkedIcon" in e ? e.checkedIcon : null, r = e && "uncheckedIcon" in e ? e.uncheckedIcon : null, u = e && "toggleIcon" in e ? e.toggleIcon : null, o = f || m, p = (j) => {
|
|
7
7
|
var d;
|
|
8
8
|
typeof a == "function" && a(j), c(typeof o != "function" ? !!((d = o.current) != null && d.checked) : !n);
|
|
9
9
|
};
|
|
10
10
|
return /* @__PURE__ */ t.jsx(
|
|
11
11
|
N,
|
|
12
12
|
{
|
|
13
|
-
id:
|
|
13
|
+
id: h,
|
|
14
14
|
ref: o,
|
|
15
15
|
dataTestId: "toggle-button__label",
|
|
16
|
-
containerClassName: _,
|
|
16
|
+
containerClassName: _ + " rds-toggle-button-container",
|
|
17
17
|
inputClassName: "rds-toggle-button__input",
|
|
18
18
|
labelClassName: "rds-toggle-button",
|
|
19
|
-
onChange:
|
|
19
|
+
onChange: p,
|
|
20
20
|
defaultChecked: l,
|
|
21
|
-
...
|
|
21
|
+
...b,
|
|
22
22
|
children: /* @__PURE__ */ t.jsxs("span", { className: "rds-toggle-button__content", children: [
|
|
23
23
|
e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
24
|
-
/* @__PURE__ */ t.jsxs("span", { className: `rds-toggle-button__icon ${
|
|
24
|
+
/* @__PURE__ */ t.jsxs("span", { className: `rds-toggle-button__icon ${i}`, children: [
|
|
25
25
|
u && /* @__PURE__ */ t.jsx(u, { checked: n }),
|
|
26
26
|
g && n && /* @__PURE__ */ t.jsx(g, {}),
|
|
27
27
|
r && !n && /* @__PURE__ */ t.jsx(r, {})
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
@use "../button/button-shared";
|
|
2
2
|
@use "../button/button";
|
|
3
3
|
@use "../core/mixin/breakpoints" as break;
|
|
4
|
+
@use "../core/mixin/focus.scss" as mix;
|
|
5
|
+
|
|
6
|
+
.rds-toggle-button-container:focus-within {
|
|
7
|
+
label {
|
|
8
|
+
@include mix.with-focus;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
4
11
|
|
|
5
12
|
.rds-toggle-button {
|
|
6
13
|
@extend .rds-button__shared;
|
|
@@ -6,7 +6,7 @@ import { G as Y } from "./components/spacing/GutterPadding-eb4c4631.mjs";
|
|
|
6
6
|
import { N as ee } from "./components/notificationDot/NotificationDot-630a5e23.mjs";
|
|
7
7
|
import { A as te } from "./components/accordion/Accordion-b8669b7e.mjs";
|
|
8
8
|
import { P as oe } from "./components/panel/Panel-aba8ed29.mjs";
|
|
9
|
-
import { A as ie } from "./components/alert/Alert-
|
|
9
|
+
import { A as ie } from "./components/alert/Alert-cf8930d7.mjs";
|
|
10
10
|
import { B as ce, a as ue } from "./components/breadcrumb/Breadcrumb-64b3a50e.mjs";
|
|
11
11
|
import { P as de } from "./components/progress/Progress-c5ae3c43.mjs";
|
|
12
12
|
import { L as le } from "./components/loader/Loader-ff2a99f4.mjs";
|
|
@@ -15,7 +15,7 @@ import { D as ge } from "./components/dropdown/Dropdown-86ff9c1f.mjs";
|
|
|
15
15
|
import { G as Te, P as ve, S as Be, T as we } from "./components/button/Button-0fc6c6f0.mjs";
|
|
16
16
|
import { G as Ie, P as Ee, S as Me, T as Re } from "./components/button/ArrowButton-fb6c0b61.mjs";
|
|
17
17
|
import { G as Pe, P as Ae, S as Se, T as Ce } from "./components/button/IconButton-59e46ff2.mjs";
|
|
18
|
-
import { T as He } from "./components/toggleButton/ToggleButton-
|
|
18
|
+
import { T as He } from "./components/toggleButton/ToggleButton-640707ba.mjs";
|
|
19
19
|
import { T as De } from "./components/toggleInlineButton/ToggleInlineButton-abb231c4.mjs";
|
|
20
20
|
import { T as ke } from "./components/toggleLinkButton/ToggleLinkButton-b0d2f3b6.mjs";
|
|
21
21
|
import { C as Ne } from "./components/checkbox/Checkbox-33bf3bf6.mjs";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.rds-bold,.rds-accordion-details__summary{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}:where(.rds-light) .rds-bold,:where(.rds-light) .rds-accordion-details__summary{color:var(--rds-background-primary)}@keyframes details-sweep{0%{opacity:0}to{opacity:1}}.rtv{--accordion-border-color: #d9d9d9}.strm{--accordion-border-color: #99b7b9}.rds-accordion-details{--accordion-hover-bg: var(--rds-background-tertiary);--accordion-active-bg: var(--rds-background-card);--accordion-color: var(--rds-foreground-primary);--accordion-shadow: 0px 8px 18px rgba(0, 0, 0, .3);border-radius:var(--rds-roundness--default);transition:125ms ease-in-out;transition-property:box-shadow,background-color;border:1.5px solid var(--accordion-border-color)}@media (hover: hover){.rds-accordion-details[open]:hover,.rds-accordion-details:hover{background-color:var(--accordion-hover-bg);box-shadow:0 8px 18px #0000004d}}.rds-accordion-details[open]:active,.rds-accordion-details:active{background-color:var(--accordion-active-bg)}.rds-accordion-details[open]{--chevron-direction: 180deg;background-color:transparent;overflow:hidden}.rds-accordion-details[open] summary~*{animation:details-sweep .5s ease-in-out forwards}.rds-accordion-details[open] summary~*>*{--toggle-sweep-delay: 0;opacity:0;animation:details-sweep .5s ease-in-out forwards;animation-delay:var(--toggle-sweep-delay)}.rds-accordion-details:not([open]){--chevron-direction: 0;height:-moz-fit-content;height:fit-content}@media (hover: hover){.rds-accordion-details:not([open]):hover{box-shadow:none}.rds-accordion-details:not([open]):hover .rds-accordion-details__summary{box-shadow:var(--accordion-shadow)}}.rds-accordion-details__summary{transition:125ms ease-in-out box-shadow;border-radius:var(--rds-roundness--default);background-color:transparent;color:var(--accordion-color)!important;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;align-self:center;position:relative;padding-block:clamp(9px,2vw,16px);padding-right:56px;padding-left:16px}.rds-accordion-details__summary:focus::-moz-focus-inner{border-style:none;outline:0}.rds-accordion-details__summary:focus button::-moz-focus-inner,.rds-accordion-details__summary:focus [type=button]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=reset]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-accordion-details__summary:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-accordion-details__summary:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-accordion-details__summary>svg{height:100%;width:24px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center;position:absolute;right:18px;top:0}.rds-accordion-details__summary>svg>path{fill:var(--accordion-color)}.rds-accordion-details__summary__content{box-sizing:border-box;display:flex;align-items:center;height:100%}.rds-accordion-details__summary::marker,.rds-accordion-details__summary::-webkit-details-marker{display:none}.rds-accordion-details__summary~*{padding-right:32px;padding-left:16px}.rds-accordion-details--light,.rds-light .rds-accordion-details{--accordion-color: var(--rds-background-tertiary);--accordion-hover-bg: #d6ffec;--accordion-active-bg: #bcfbde;--accordion-border-color: #5d8b82;--accordion-shadow: 0px 4px 8px rgba(0, 75, 80, .2)}.rds-accordion-details--white{--accordion-hover-bg: #edfef6}.rds-alert{--alert-bg: var(--rds-feedback-warning);--alert-color: var(--rds-background-primary);--alert-bg-translucent: rgba(153, 107, 0, .2);--alert-color-translucent: var(--rds-feedback-warning);--alert-padding: var(--rds-spacing--16);--icon-padding: .75ch}[data-intent=error].rds-alert{--alert-bg: var(--rds-feedback-error);--alert-color-translucent: var(--rds-feedback-error);--alert-bg-translucent: rgba(217, 27, 78, .2)}[data-intent=info].rds-alert{--alert-bg: var(--rds-feedback-info);--alert-color-translucent: var(--rds-feedback-info);--alert-bg-translucent: rgba(22, 113, 131, .2)}[data-intent=success].rds-alert{--alert-bg: var(--rds-feedback-success);--alert-color-translucent: var(--rds-feedback-success);--alert-bg-translucent: rgba(19, 134, 45, .2)}[data-variant=translucent].rds-alert{--alert-color: var(--alert-color-translucent);--alert-bg: var(--alert-bg-translucent)}[data-variant=inline].rds-alert{--alert-bg: none;--alert-padding: 0;--alert-color: var(--alert-color-translucent);--icon-padding: .5ch}.rds-light .rds-alert,.rds-alert.rds-light{--alert-color: var(--rds-background-primary)}.rds-light [data-variant=inline].rds-alert,[data-variant=inline].rds-alert.rds-light{--alert-color: var(--rds-feedback-warning-dark)}.rds-light [data-variant=inline][data-intent=error].rds-alert,[data-variant=inline][data-intent=error].rds-alert.rds-light{--alert-color: var(--rds-feedback-error-dark)}.rds-light [data-variant=inline][data-intent=info].rds-alert,[data-variant=inline][data-intent=info].rds-alert.rds-light{--alert-color: var(--rds-feedback-info-dark)}.rds-light [data-variant=inline][data-intent=success].rds-alert,[data-variant=inline][data-intent=success].rds-alert.rds-light{--alert-color: var(--rds-feedback-success-dark)}._rds-alert--icon_1ysvv_66{padding-right:var(--icon-padding);width:24px;align-self:flex-start}.rds-alert ._rds-alert--content-title_1ysvv_73{color:inherit}._rds-alert--content_1ysvv_73{flex-grow:1;display:flex;flex-direction:column;gap:8px}[data-variant=inline] ._rds-alert--content_1ysvv_73{padding-top:3px}[data-variant=inline] ._rds-alert--content_1ysvv_73 ._rds-alert--content-title_1ysvv_73{display:none}._rds-alert--dismiss_1ysvv_94 button{background:none;border:none;padding:0;cursor:pointer;line-height:1;color:var(--alert-color)}._rds-alert--dismiss_1ysvv_94 button svg{width:24px}:where(.rds-alert){display:flex;border-radius:var(--rds-spacing--16);color:var(--alert-color);background-color:var(--alert-bg);padding:var(--alert-padding)}[data-variant=inline]:where(.rds-alert){display:inline-flex;align-items:baseline}._dismissed_1ysvv_123:where(.rds-alert){animation:_fade-out_1ysvv_1 .5s cubic-bezier(.25,0,.3,1) forwards}@keyframes _fade-out_1ysvv_1{to{opacity:0}}.rds-breadcrumb{--rds-crumb-separator: "/"}.rds-breadcrumb__list{list-style:none;padding:0;display:flex;flex-wrap:nowrap}.rds-breadcrumb__list-item{padding-inline-end:var(--rds-spacing--24);position:relative;display:flex;flex-wrap:nowrap;white-space:nowrap}.rds-breadcrumb__list-item:after{content:var(--rds-crumb-separator);position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item:last-of-type:after{display:none}@media (max-width: 768px){.rds-breadcrumb__list-item--truncate{display:none}.rds-breadcrumb__list-item--truncate:after{display:none}.rds-breadcrumb__list-item--truncate:first-of-type{display:flex;padding-inline-end:var(--rds-spacing--48)}.rds-breadcrumb__list-item--truncate:first-of-type:after{content:var(--rds-crumb-separator) " ... " var(--rds-crumb-separator);display:initial;position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item--truncate:nth-last-child(2){display:flex}}.rds-breadcrumb__current{color:var(--rds-foreground-overlay-heavy)}.rds-arrow-button,.rds-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-button__shared{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light.rds-button__shared{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-button__shared:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-button__shared:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button{--default-arrow-size: 1.125rem;--default-arrow-margin: .625rem;--hover-transform: 4px;align-items:center}@media (hover: hover){.rds-arrow-button:hover .rds-button__arrow{transform:translate(var(--hover-transform))}}.rds-arrow-button--forwards{flex-direction:row-reverse}.rds-arrow-button--forwards .rds-button__arrow{margin-left:var(--default-arrow-margin)}.rds-arrow-button--backwards{--hover-transform: -4px}.rds-arrow-button--backwards .rds-button__arrow{margin-right:var(--default-arrow-margin)}.rds-arrow-button--backwards .rds-button__arrow>svg{transform:rotate(180deg)}.rds-arrow-button .rds-button__arrow{box-sizing:border-box;height:var(--default-arrow-size);transition:transform 125ms ease-in-out}.rds-arrow-button .rds-button__arrow>svg{width:var(--default-arrow-size)}.rds-baselink-button{--highlighted-color: var(--rds-foreground-primary);--highlighted-bg: transparent;--highlighted-border-color: var(--rds-toggle-collapsed);--highlighted-hover-border: var(--rds-heading-accent);--highlighted-pressed-color: var(--rds-heading-accent);width:-moz-fit-content;width:fit-content}.rds-baselink-button>*{text-decoration:none}.rds-baselink-button>.rds-baselink-button--highlighted{padding:0 0 8px;color:var(--highlighted-color);background-color:var(--highlighted-bg);border-bottom:2px solid var(--highlighted-border-color);border-radius:0;transition:color 125ms,border-color 125ms,box-shadow 125ms}@media (hover: hover){.rds-baselink-button>.rds-baselink-button--highlighted:hover,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-hover]){border-color:var(--highlighted-hover-border);box-shadow:0 4px 4px -4px #00000080}}.rds-baselink-button>.rds-baselink-button--highlighted:active,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-active]){color:var(--highlighted-pressed-color);border-color:var(--highlighted-border-color-hover);box-shadow:none}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--forwards{padding-right:2px}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--backwards{padding-left:2px}.rds-light .rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted{--highlighted-color: var(--rds-surface-foreground);--highlighted-border-color: var(--strim-romance-green-80)}@media (hover: hover){.rds-light .rds-baselink-button--highlighted:hover,.rds-light .rds-baselink-button--highlighted:where([data-hover]),.rds-light.rds-baselink-button--highlighted:hover,.rds-light.rds-baselink-button--highlighted:where([data-hover]){--highlighted-hover-border: var(--rds-surface-foreground)}}.rds-light .rds-baselink-button--highlighted:active,.rds-light .rds-baselink-button--highlighted:where([data-active]),.rds-light.rds-baselink-button--highlighted:active,.rds-light.rds-baselink-button--highlighted:where([data-active]){--highlighted-pressed-color: var(--rds-surface-foreground)}.rds-light .rds-baselink-button--highlighted:disabled,.rds-light.rds-baselink-button--highlighted:disabled{--disabled-color: var(--rds-button-primary-fg)}.rds-icon-button{--default-icon-size: 3rem;--default-icon-margin: .75rem;border-radius:50%;max-height:var(--default-icon-size);max-width:var(--default-icon-size);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;padding:0}.rds-icon-button .rds-button__icon{margin:0;box-sizing:border-box;margin:var(--default-icon-margin);height:var(--default-icon-size);width:var(--default-icon-size)}.rds-icon-button .rds-button__icon>svg{width:100%}:where(.rds-form-group-box){--checkbox-size: 1.75rem;--checkbox-border-color: var(--rds-accent-color);--checkbox-background-color: transparent;--checkbox-checkmark-color: var(--rds-background-primary);--checkbox-label-color: var(--rds-foreground-primary);--checkbox-error-color: var(--rds-feedback-error);display:flex;gap:.75em}:where(.rds-light) :where(.rds-form-group-box){--checkbox-border-color: var(--rds-button-primary-fg);--checkbox-checkmark-color: var(--rds-surface-background);--checkbox-label-color: var(--rds-background-primary);--checkbox-error-color: var(--rds-feedback-error-dark)}:where(.rds-form-group-box):where(.rds-form-group-box--error){--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}:where(.rds-form-group-box):where(.rds-form-group-box--error) .rds-checkbox__input{box-shadow:0 0 0 1px var(--checkbox-border-color)}:where(.rds-light) :where(.rds-form-group-box):where(.rds-form-group-box--error){--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}:where(.rds-form-group-box) .rds-checkbox__input{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--checkbox-background-color);margin:0;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border-color);border-radius:.15em;display:grid;place-content:center}:where(.rds-form-group-box) .rds-checkbox__input:focus::-moz-focus-inner{border-style:none;outline:0}:where(.rds-form-group-box) .rds-checkbox__input:focus button::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=button]::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=reset]::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=submit]::-moz-focus-inner{border-style:none}:where(.rds-form-group-box) .rds-checkbox__input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) :where(.rds-form-group-box) .rds-checkbox__input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}:where(.rds-form-group-box) .rds-checkbox__input:before{content:"";width:1.35em;height:1.35em;-webkit-clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:var(--checkbox-checkmark-color)}:where(.rds-form-group-box) .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-border-color)}:where(.rds-form-group-box) .rds-checkbox__input:checked:before{transform:scale(1) translateY(.15em)}:where(.rds-form-group-box) .rds-checkbox__label{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.85;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--checkbox-label-color)}.rtv{--rikstv-red: #ef4642;--rikstv-red-120: #d41612;--rikstv-white: #ffffff;--rikstv-black: #000000;--rikstv-onyx-150: #0f0f0f;--rikstv-onyx: #1d1d1d;--rikstv-onyx-90: #313131;--rikstv-slate: #353535;--rikstv-slate-80: #626262;--rikstv-slate-60: #828282;--rikstv-slate-40: #afafaf;--rikstv-slate-20: #ddd;--rikstv-ask: #5c5c5c;--rikstv-ask-80: #787878;--rikstv-ask-60: #9c9c9c;--rikstv-ask-40: #c0c0c0;--rikstv-sterling: #b8b8b8;--rikstv-sterling-40: #e5e5e5;--rikstv-sterling-20: #f1f1f1;--rikstv-sterling-10: #f8f8f8;--rikstv-purple: #542453;--rikstv-green: #00816d;--rikstv-blue: #195a89;--rikstv-light-blue: #0f7ca2;--rikstv-yellow: #f2a900;--rikstv-info-light: #00aec7;--rikstv-warning-light: #f2a900;--rikstv-success-light: #4cbb81;--rikstv-error-light: #f17774;--rikstv-info-dark: #007485;--rikstv-warning-dark: #996b00;--rikstv-success-dark: #2a6f4b;--rikstv-error-dark: #e01c17;--rikstv-background-gray-150: #0b0b0b;--rikstv-background-gray: #252525;--rikstv-background-gray-90: #3b3b3b;--rikstv-banner-background: #e9e9e9;--rikstv-background: #f9f9f9;--rikstv-card-gray: #434343;--rikstv-card-gray-80: #333333;--rikstv-card-gray-60: #6e6e6e;--rikstv-card-gray-20: #d9d9d9;--rikstv-foreground-gray: #666666;--rikstv-foreground-gray-80: #858585}.rtv{--rds-heading-accent: var(--rikstv-white);--rds-accent-color: var(--rikstv-red);--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: var(--rikstv-red-120);--rds-accent-hover: var(--rikstv-red-120);--rds-button-primary-fg: var(--rikstv-white);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertiary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--panel-warning2-background-color: var(--rikstv-red-120);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-background-primary--heavy: #252525b3;--rds-background-primary--medium: #25252580;--rds-background-primary--very-heavy: #252525e6;--rds-surface-background: var(--rikstv-white);--rds-background-ghost: var(--rds-accent-color);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #ffffff;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-info-light);--rds-feedback-info-dark: var(--rikstv-info-dark);--rds-feedback-warning: var(--rikstv-warning-light);--rds-feedback-warning-dark: var(--rikstv-warning-dark);--rds-feedback-success: var(--rikstv-success-light);--rds-feedback-success-dark: var(--rikstv-success-dark);--rds-feedback-error: var(--rikstv-error-light);--rds-feedback-error-dark: var(--rikstv-error-dark);--rds-roundness--default: 4px;--rds-roundness--medium: 6px;--rds-roundness--large: 8px;--rds-roundness--xlarge: 12px;--rds-roundness--button: 34px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 70ch;--rds-content-width--default: 1070px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@custom-media --rds-media-xs (max-width: 568px);@custom-media --rds-media-sm (max-width: 768px);@custom-media --rds-media-md (max-width: 992px);@custom-media --rds-media-ml (max-width: 1024px);@custom-media --rds-media-lg (max-width: 1200px);@custom-media --rds-media-lw (max-width: 1600px);@custom-media --rds-media-xl (max-width: 2400px);@custom-media --rds-media-min-xs (min-width: 568px);@custom-media --rds-media-min-sm (min-width: 768px);@custom-media --rds-media-min-md (min-width: 992px);@custom-media --rds-media-min-ml (min-width: 1024px);@custom-media --rds-media-min-lg (min-width: 1200px);@custom-media --rds-media-min-lw (min-width: 1600px);@custom-media --rds-media-min-xl (min-width: 2400px);.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertiary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--panel-warning2-background-color: var(--strim-action-yellow-60);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-background-primary--heavy: #002a2ab3;--rds-background-primary--medium: #002a2a80;--rds-background-primary--very-heavy: #002a2ae6;--rds-surface-background: var(--strim-standup-green-10);--rds-background-ghost: var(--rds-accent-hover);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #004b501a;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-info-dark: var(--strim-info-dark);--rds-feedback-warning: var(--strim-warning-light);--rds-feedback-warning-dark: var(--strim-warning-dark);--rds-feedback-success: var(--strim-success-light);--rds-feedback-success-dark: var(--strim-success-dark);--rds-feedback-error: var(--strim-error-light);--rds-feedback-error-dark: var(--strim-error-dark);--rds-roundness--default: 12px;--rds-roundness--medium: 16px;--rds-roundness--large: 24px;--rds-roundness--xlarge: 40px;--rds-roundness--button: 12px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "HALMatexLight", "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dropdown-styling{display:flex;flex-direction:column}.dropdown-styling .select-wrapper{position:relative;max-width:-moz-fit-content;max-width:fit-content}.dropdown-styling select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-family:var(--rds-font-family-m-headlines);background-color:var(--rds-button-tertiary-bg);color:var(--common-button--primary-color)!important;border-radius:var(--rds-roundness--button);border-style:none;height:45px;font-size:1.125rem;--fluid-block: max(.65625rem, min(2vw, .78125rem));--fluid-inline: max(1rem, min(2vw, 1.5rem));padding-left:var(--fluid-inline);padding-right:35px;overflow:-moz-scrollbars-none;scrollbar-width:none;cursor:pointer}.dropdown-styling select::-webkit-scrollbar{display:none}.dropdown-styling select:focus::-moz-focus-inner{border-style:none;outline:0}.dropdown-styling select:focus button::-moz-focus-inner,.dropdown-styling select:focus [type=button]::-moz-focus-inner,.dropdown-styling select:focus [type=reset]::-moz-focus-inner,.dropdown-styling select:focus [type=submit]::-moz-focus-inner{border-style:none}.dropdown-styling select:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .dropdown-styling select:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.dropdown-styling.menu-with-left-icon select{padding-left:46px;padding-right:42px}.dropdown-styling label{margin-bottom:var(--rds-spacing--16)}.dropdown-styling .right-icon{position:absolute;right:9%;top:calc(50% - 12px);pointer-events:none}.dropdown-styling .left-icon{position:absolute;left:8%;top:calc(50% - 12px);pointer-events:none}@keyframes rds-heart-beat{10%{transform:scale(.95)}20%{transform:scale(1.15)}30%{transform:scale(.95)}40%{transform:scale(1.15)}50%{transform:scale(.95)}60%{transform:scale(1)}}.rds-icon__heart-toggle--checked{transform:scale(1);animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rds-heart-beat;animation-timing-function:ease-out}.rds-icon__heart-toggle svg{display:block}.rds-list{--list-item__spacing: var(--rds-list-gap, 1em);list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--list-item__spacing);counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem}.rds-list__item{--mark-color: currentColor;display:flex;gap:var(--rds-list-item-gap, .75rem);align-items:flex-start}.rds-list__item>span:first-child{width:1.25rem;height:1.25em;flex-shrink:0}.rds-list__item--svg-wrapper{display:flex}.rds-list__item--svg-wrapper svg{width:100%;color:var(--mark-color)}.rds-list__item__ordered{display:flex;counter-increment:listCounter}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}.rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}.rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-dark);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning2-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:flex-start}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;min-width:24px;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning2{background-color:var(--panel-warning2-background-color);--panel-color: var(--panel-warning2-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}.rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg);width:var(--progress-circle-size);height:var(--progress-circle-size)}.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-success);-webkit-clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%)}.rds-textfield{--textfield-color: var(--rds-foreground-primary);--textfield-label-color: var(--rds-foreground-primary);--textfield-border-color: var(--rds-foreground-primary);--textfield-selected-color: var(--rds-heading-accent);--textfield-error-color: var(--rds-feedback-error);--textfield-bg: var(--rds-background-primary);position:relative}.rds-textfield-input{border:2px solid var(--textfield-border-color);border-radius:12px;outline:none;padding:0 var(--rds-spacing--16) 0;height:3rem;width:100%;margin:0;background-color:var(--input-border-bg);color:var(--textfield-color)}.rds-textfield-input.rds-textfield-input{-webkit-appearance:none}.rds-textfield-input::-moz-placeholder{opacity:0}.rds-textfield-input::placeholder{opacity:0}.rds-textfield-input:focus{font-family:var(--rds-font-family-headlines);color:var(--textfield-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.rds-textfield-input:-webkit-autofill{box-shadow:0 0 0 30px var(--textfield-bg) inset;-webkit-text-fill-color:var(--textfield-color)}.rds-textfield-input:not(:-moz-placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-textfield-input:focus::-moz-focus-inner{border-style:none;outline:0}.rds-textfield-input:focus button::-moz-focus-inner,.rds-textfield-input:focus [type=button]::-moz-focus-inner,.rds-textfield-input:focus [type=reset]::-moz-focus-inner,.rds-textfield-input:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-textfield-input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-textfield-input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-textfield-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-textfield-label:after{position:absolute;right:-1rem;top:1.25rem;content:"";width:18px;height:14px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;-webkit-clip-path:path("M5.77 12.98L0.39 7.6C-0.13 7.08 -0.13 6.24 0.39 5.72C0.91 5.2 1.75 5.2 2.27 5.72L6.12 9.56L15.29 0.39C15.81 -0.13 16.66 -0.13 17.18 0.39C17.7 0.91 17.7 1.75 17.18 2.27L6.46 12.98C6.27 13.17 5.96 13.17 5.77 12.98Z");clip-path:path("M5.77 12.98L0.39 7.6C-0.13 7.08 -0.13 6.24 0.39 5.72C0.91 5.2 1.75 5.2 2.27 5.72L6.12 9.56L15.29 0.39C15.81 -0.13 16.66 -0.13 17.18 0.39C17.7 0.91 17.7 1.75 17.18 2.27L6.46 12.98C6.27 13.17 5.96 13.17 5.77 12.98Z");box-shadow:inset 2.1em 2.1em var(--textfield-color)}.rds-textfield-label[data-valid=true]:after{transform:scale(1)}.rds-textfield-label span{position:absolute;cursor:text;background-color:var(--textfield-bg);padding:0 8px;top:50%;margin-left:6px;left:var(--rds-spacing--4);transform:translateY(-50%);transition:.2s ease-in-out;transition-property:top,font-size;border-radius:8px;font-size:1.125rem;color:var(--textfield-label-color);font-family:var(--rds-font-family-body);font-weight:400;line-height:1.5}.rds-textfield--error-text{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--textfield-error-color);margin:.25rem 0 0;padding-left:var(--rds-spacing--16);display:block}.rds-textfield:focus-within .rds-textfield-label span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-light .rds-textfield,.rds-light.rds-textfield{--textfield-color: var(--rds-button-primary-fg);--textfield-border-color: var(--rds-button-primary-fg);--textfield-selected-color: var(--rds-button-primary-fg);--textfield-bg: var(--rds-surface-background);--textfield-error-color: var(--rds-feedback-error-dark)}.rds-light .rds-textfield-input--error,.rds-light.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color)}.rds-light .rds-textfield--error-text,.rds-light.rds-textfield--error-text{color:var(--textfield-error-color)}.rds-light .rds-textfield-label,.rds-light.rds-textfield-label{--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-label.rds-white,.rds-light.rds-textfield-label.rds-white{--textfield-bg: var(--rds-foreground-primary)}.rds-light .rds-textfield-input:not(:-moz-placeholder-shown)+span,.rds-light.rds-textfield-input:not(:-moz-placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-input:not(:placeholder-shown)+span,.rds-light.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-input:focus:not([data-valid=false]),.rds-light.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-light .rds-textfield-label:focus-within span,.rds-light.rds-textfield-label:focus-within span{--textfield-label-color: var(--rds-background-primary)}.rds-button__shared,.rds-radio-toggle{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary,.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared--tertiary,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-radio-toggle,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared,.rds-radio-toggle{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-radio-toggle:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover,.rds-button__shared:where([data-hover]),.rds-radio-toggle:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-radio-toggle:active,.rds-button__shared:where([data-active]),.rds-radio-toggle:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-radio-toggle:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-radio-toggle:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-radio-toggle{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg{width:100%}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{position:relative;padding:0;background-color:var(--rds-foreground-overlay-soft);color:#fff;margin:0 var(--rds-spacing--8);display:block;max-width:25ch;min-width:7ch;overflow:hidden;border-radius:var(--rds-roundness--button)}.rds-radio-toggle:hover{background-color:var(--rds-background-secondary)}.rds-radio-toggle:active{background-color:var(--rds-background-overlay-soft);color:#fff}.rds-radio-toggle__label{width:100%;display:grid;place-items:center;transition:125ms ease background-color;padding:.78125rem var(--rds-spacing--24);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-radio-toggle__input{position:absolute;opacity:0}.rds-radio-toggle__input:checked+.rds-radio-toggle__label{background-color:var(--rds-foreground-tertiary)}.rds-radio-toggle__input:active+.rds-radio-toggle__label{background-color:var(--rds-foreground-overlay-soft)}.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus button::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-radio-toggle:focus-within::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus-within button::-moz-focus-inner,.rds-radio-toggle:focus-within [type=button]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-button__shared,.rds-toggle-button{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--ghost{--common-button--bg: var(--rds-background-ghost);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--pressed-bg: var(--rds-accent-color)}.rds-button__shared--secondary{--common-button--bg: var(--rds-background-primary);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-surface-background);--common-button--hover-color: var(--rds-background-primary);--common-button--pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--outline: 2px solid var(--rds-foreground-primary)}.rds-button__shared--tertiary,.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-toggle-button,.rds-light.rds-button__shared,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--ghost,.rds-light.rds-button__shared--ghost{--common-button--bg: var(--strim-fantasy-green);--common-button--color: var(--strim-standup-green-10);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--bg: var(--rds-surface-background);--common-button--color: var(--rds-button-tertiary-hover-bg);--common-button--hover-bg: var(--rds-button-primary-fg);--common-button--hover-color: var(--rds-foreground-primary);--common-button--pressed-bg: var(--rds-button-primary-fg);--common-button--pressed-color: var(--rds-foreground-primary);--common-button--outline: 2px solid var(--rds-button-tertiary-hover-bg);--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-toggle-button,.rds-light.rds-button__shared--tertiary,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-toggle-button,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light.rds-white.rds-button__shared--secondary{--common-button--bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--bg: transparent}.rds-button__shared,.rds-toggle-button{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-toggle-button:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover,.rds-button__shared:where([data-hover]),.rds-toggle-button:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-toggle-button:active,.rds-button__shared:where([data-active]),.rds-toggle-button:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-toggle-button:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-toggle-button:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-toggle-button:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-toggle-button:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-toggle-button:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-toggle-button:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-toggle-button:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-toggle-button:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-toggle-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon,.rds-toggle-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg,.rds-toggle-button__icon>svg{width:100%}.rds-arrow-button__postfix,.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-arrow-button__postfix:before,.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:220%;left:0}.rds-arrow-button--loading:disabled,.rds-button--loading:disabled{cursor:wait!important;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rds-arrow-button--loading:disabled:before,.rds-button--loading:disabled:before{content:"";position:absolute;inset:0;background-color:var(--rds-background-overlay-medium)}.rds-arrow-button--loading:disabled:after,.rds-button--loading:disabled:after{--button-spinner-size: 24px;--button-spinner-width: 3px;--calculated-spinner-size: calc( calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2 );content:"";position:absolute;left:calc(50% - var(--calculated-spinner-size));top:calc(50% - var(--calculated-spinner-size));height:var(--button-spinner-size);width:var(--button-spinner-size);background-color:transparent;border-top:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-left:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-right:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-bottom:var(--button-spinner-width) solid transparent;border-radius:50px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@media (hover: hover){.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}}.rds-toggle-button{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__input:checked+.rds-toggle-button{background-color:var(--rds-foreground-tertiary)}.rds-toggle-button__input:checked+.rds-toggle-button:active{background-color:var(--rds-foreground-overlay-medium)}.rds-toggle-button__content{display:flex;align-items:center}.rds-toggle-button__icon{margin-right:0;width:auto}.rds-toggle-button__icon svg{height:23px;width:auto}.rds-toggle-button .label-text__icon{display:none;margin-left:var(--rds-spacing--16)}@media (min-width: 768px){.rds-toggle-button .label-text__icon{display:block}}.rds-toggle-button .label-text__icon.always-show-label{display:block}.rds-toggle-inline-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-inline-button__input{opacity:0;position:absolute}.rds-light .rds-toggle-inline-button__content{color:var(--rds-button-primary-fg)}.rds-toggle-link-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-link-button__input{opacity:0;position:absolute}.rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--chevron-direction: 180deg;--border-color: var(--rds-toggle-expanded)}.rds-toggle-link-button__label__content{display:flex;align-items:center}.rds-toggle-link-button__label__content>span:first-child{border-bottom:2px solid var(--border-color);padding-bottom:7px}.rds-toggle-link-button__label__chevron{padding-left:var(--rds-spacing--8)}.rds-toggle-link-button__label__chevron>svg{height:100%;width:20px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center}.rds-toggle-link-button__label__chevron>svg>path{fill:currentColor}.rds-light{--border-color: var(--rds-foreground-tertiary)}.rds-light .rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--border-color: var(--rds-background-secondary)}.rds-light .rds-toggle-link-button__label{color:var(--rds-button-primary-fg)}.rtv{--sub-body-color--light: var(--rds-foreground-solid-soft)}.strm{--sub-body-color--light: var(--rds-button-primary-fg)}.rds-link{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--rds-foreground-primary);transition:75ms ease color}.rds-link:visited{color:var(--rds-foreground-primary)}.rds-link:hover{text-decoration-thickness:2px;color:var(--rds-heading-accent)}.rds-link:active{text-decoration:none;text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link--active,.rds-link[aria-current=page]{text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link:focus::-moz-focus-inner{border-style:none;outline:0}.rds-link:focus button::-moz-focus-inner,.rds-link:focus [type=button]::-moz-focus-inner,.rds-link:focus [type=reset]::-moz-focus-inner,.rds-link:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-link:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-link:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-display-title{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(2.5rem,calc(1.4285714286rem + 2.9761904762vw),5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-1{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.875rem,calc(1.1785714286rem + 1.9345238095vw),3.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.5rem,calc(1.0714285714rem + 1.1904761905vw),2.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.375rem,calc(1.1071428571rem + .744047619vw),2rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-3{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1rem,calc(.7857142857rem + .5952380952vw),1.5rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-4{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-lead{font-family:var(--rds-font-family-lead);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-body,.rds-span{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-sub-body{font-family:var(--rds-font-family-body);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-tag{font-family:var(--rds-font-family-headlines);text-transform:uppercase;font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);line-height:1.2;font-weight:400;letter-spacing:.09375rem;color:var(--rds-foreground-primary)}.rds-bold{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-meta{font-family:var(--rds-font-family-body);font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-overlay-heavy)}.rds-link--light,.rds-light .rds-link{color:var(--rds-background-primary)}.rds-link--light:hover,.rds-light .rds-link:hover{color:var(--rds-foreground-tertiary)}.rds-link--light:active,.rds-light .rds-link:active{text-shadow:0px 0px 1px var(--rds-background-primary)}.rds-link--light:visited,.rds-light .rds-link:visited{color:var(--rds-background-primary)}.rds-link--light--active,.rds-link--light[aria-current=page],.rds-light [aria-current=page].rds-link{text-shadow:0px 0px 1px var(--rds-background-primary)}:where(.rds-light) .rds-display-title{color:var(--rds-foreground-tertiary)}.rds-display-title--light{color:var(--rds-foreground-tertiary)}:where(.rds-light) .rds-title-1{color:var(--rds-button-primary-fg)}.rds-title-1--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-2{color:var(--rds-button-primary-fg)}.rds-title-2--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-3{color:var(--rds-button-primary-fg)}.rds-title-3--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-4{color:var(--rds-button-primary-fg)}.rds-title-4--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-sub-title-2{color:var(--rds-button-primary-fg)}.rds-sub-title-2--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-lead{color:var(--rds-button-primary-fg)}.rds-lead--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-body,:where(.rds-light) .rds-span{color:var(--rds-background-primary)}.rds-body--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-sub-body{color:var(--sub-body-color--light)}.rds-sub-body--light{color:var(--sub-body-color--light)}:where(.rds-light) .rds-tag{color:var(--rds-background-primary)}.rds-tag--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-bold{color:var(--rds-background-primary)}.rds-bold--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-meta{color:var(--rds-button-primary-fg)}.rds-meta--light{color:var(--rds-button-primary-fg)}
|
|
1
|
+
.rds-bold,.rds-accordion-details__summary{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}:where(.rds-light) .rds-bold,:where(.rds-light) .rds-accordion-details__summary{color:var(--rds-background-primary)}@keyframes details-sweep{0%{opacity:0}to{opacity:1}}.rtv{--accordion-border-color: #d9d9d9}.strm{--accordion-border-color: #99b7b9}.rds-accordion-details{--accordion-hover-bg: var(--rds-background-tertiary);--accordion-active-bg: var(--rds-background-card);--accordion-color: var(--rds-foreground-primary);--accordion-shadow: 0px 8px 18px rgba(0, 0, 0, .3);border-radius:var(--rds-roundness--default);transition:125ms ease-in-out;transition-property:box-shadow,background-color;border:1.5px solid var(--accordion-border-color)}@media (hover: hover){.rds-accordion-details[open]:hover,.rds-accordion-details:hover{background-color:var(--accordion-hover-bg);box-shadow:0 8px 18px #0000004d}}.rds-accordion-details[open]:active,.rds-accordion-details:active{background-color:var(--accordion-active-bg)}.rds-accordion-details[open]{--chevron-direction: 180deg;background-color:transparent;overflow:hidden}.rds-accordion-details[open] summary~*{animation:details-sweep .5s ease-in-out forwards}.rds-accordion-details[open] summary~*>*{--toggle-sweep-delay: 0;opacity:0;animation:details-sweep .5s ease-in-out forwards;animation-delay:var(--toggle-sweep-delay)}.rds-accordion-details:not([open]){--chevron-direction: 0;height:-moz-fit-content;height:fit-content}@media (hover: hover){.rds-accordion-details:not([open]):hover{box-shadow:none}.rds-accordion-details:not([open]):hover .rds-accordion-details__summary{box-shadow:var(--accordion-shadow)}}.rds-accordion-details__summary{transition:125ms ease-in-out box-shadow;border-radius:var(--rds-roundness--default);background-color:transparent;color:var(--accordion-color)!important;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;align-self:center;position:relative;padding-block:clamp(9px,2vw,16px);padding-right:56px;padding-left:16px}.rds-accordion-details__summary:focus::-moz-focus-inner{border-style:none;outline:0}.rds-accordion-details__summary:focus button::-moz-focus-inner,.rds-accordion-details__summary:focus [type=button]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=reset]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-accordion-details__summary:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-accordion-details__summary:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-accordion-details__summary>svg{height:100%;width:24px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center;position:absolute;right:18px;top:0}.rds-accordion-details__summary>svg>path{fill:var(--accordion-color)}.rds-accordion-details__summary__content{box-sizing:border-box;display:flex;align-items:center;height:100%}.rds-accordion-details__summary::marker,.rds-accordion-details__summary::-webkit-details-marker{display:none}.rds-accordion-details__summary~*{padding-right:32px;padding-left:16px}.rds-accordion-details--light,.rds-light .rds-accordion-details{--accordion-color: var(--rds-background-tertiary);--accordion-hover-bg: #d6ffec;--accordion-active-bg: #bcfbde;--accordion-border-color: #5d8b82;--accordion-shadow: 0px 4px 8px rgba(0, 75, 80, .2)}.rds-accordion-details--white{--accordion-hover-bg: #edfef6}.rds-alert{--alert-bg: var(--rds-feedback-warning);--alert-color: var(--rds-background-primary);--alert-bg-translucent: rgba(153, 107, 0, .2);--alert-color-translucent: var(--rds-feedback-warning);--alert-padding: var(--rds-spacing--16);--icon-padding: .75ch}[data-intent=error].rds-alert{--alert-bg: var(--rds-feedback-error);--alert-color-translucent: var(--rds-feedback-error);--alert-bg-translucent: rgba(217, 27, 78, .2)}[data-intent=info].rds-alert{--alert-bg: var(--rds-feedback-info);--alert-color-translucent: var(--rds-feedback-info);--alert-bg-translucent: rgba(22, 113, 131, .2)}[data-intent=success].rds-alert{--alert-bg: var(--rds-feedback-success);--alert-color-translucent: var(--rds-feedback-success);--alert-bg-translucent: rgba(19, 134, 45, .2)}[data-variant=translucent].rds-alert{--alert-color: var(--alert-color-translucent);--alert-bg: var(--alert-bg-translucent)}[data-variant=inline].rds-alert{--alert-bg: none;--alert-padding: 0;--alert-color: var(--alert-color-translucent);--icon-padding: .5ch}.rds-light .rds-alert,.rds-alert.rds-light{--alert-color: var(--rds-background-primary)}.rds-light [data-variant=inline].rds-alert,[data-variant=inline].rds-alert.rds-light{--alert-color: var(--rds-feedback-warning-dark)}.rds-light [data-variant=inline][data-intent=error].rds-alert,[data-variant=inline][data-intent=error].rds-alert.rds-light{--alert-color: var(--rds-feedback-error-dark)}.rds-light [data-variant=inline][data-intent=info].rds-alert,[data-variant=inline][data-intent=info].rds-alert.rds-light{--alert-color: var(--rds-feedback-info-dark)}.rds-light [data-variant=inline][data-intent=success].rds-alert,[data-variant=inline][data-intent=success].rds-alert.rds-light{--alert-color: var(--rds-feedback-success-dark)}._rds-alert--icon_1cbbx_66{padding-right:var(--icon-padding);width:24px;align-self:flex-start;flex-shrink:0}.rds-alert ._rds-alert--content-title_1cbbx_74{color:inherit}._rds-alert--content_1cbbx_74{flex-grow:1;display:flex;flex-direction:column;gap:8px}._rds-alert--content_1cbbx_74 .rds-body{color:inherit;margin:0}[data-variant=inline] ._rds-alert--content_1cbbx_74{padding-top:3px}[data-variant=inline] ._rds-alert--content_1cbbx_74 ._rds-alert--content-title_1cbbx_74{display:none}._rds-alert--dismiss_1cbbx_100 button{background:none;border:none;padding:0;cursor:pointer;line-height:1;color:var(--alert-color)}._rds-alert--dismiss_1cbbx_100 button svg{width:24px}:where(.rds-alert){display:flex;border-radius:var(--rds-spacing--16);color:var(--alert-color);background-color:var(--alert-bg);padding:var(--alert-padding)}[data-variant=inline]:where(.rds-alert){display:inline-flex;align-items:baseline}._dismissed_1cbbx_129:where(.rds-alert){animation:_fade-out_1cbbx_1 .5s cubic-bezier(.25,0,.3,1) forwards}@keyframes _fade-out_1cbbx_1{to{opacity:0}}.rds-breadcrumb{--rds-crumb-separator: "/"}.rds-breadcrumb__list{list-style:none;padding:0;display:flex;flex-wrap:nowrap}.rds-breadcrumb__list-item{padding-inline-end:var(--rds-spacing--24);position:relative;display:flex;flex-wrap:nowrap;white-space:nowrap}.rds-breadcrumb__list-item:after{content:var(--rds-crumb-separator);position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item:last-of-type:after{display:none}@media (max-width: 768px){.rds-breadcrumb__list-item--truncate{display:none}.rds-breadcrumb__list-item--truncate:after{display:none}.rds-breadcrumb__list-item--truncate:first-of-type{display:flex;padding-inline-end:var(--rds-spacing--48)}.rds-breadcrumb__list-item--truncate:first-of-type:after{content:var(--rds-crumb-separator) " ... " var(--rds-crumb-separator);display:initial;position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item--truncate:nth-last-child(2){display:flex}}.rds-breadcrumb__current{color:var(--rds-foreground-overlay-heavy)}.rds-arrow-button,.rds-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-button__shared{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light.rds-button__shared{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-button__shared:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-button__shared:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button{--default-arrow-size: 1.125rem;--default-arrow-margin: .625rem;--hover-transform: 4px;align-items:center}@media (hover: hover){.rds-arrow-button:hover .rds-button__arrow{transform:translate(var(--hover-transform))}}.rds-arrow-button--forwards{flex-direction:row-reverse}.rds-arrow-button--forwards .rds-button__arrow{margin-left:var(--default-arrow-margin)}.rds-arrow-button--backwards{--hover-transform: -4px}.rds-arrow-button--backwards .rds-button__arrow{margin-right:var(--default-arrow-margin)}.rds-arrow-button--backwards .rds-button__arrow>svg{transform:rotate(180deg)}.rds-arrow-button .rds-button__arrow{box-sizing:border-box;height:var(--default-arrow-size);transition:transform 125ms ease-in-out}.rds-arrow-button .rds-button__arrow>svg{width:var(--default-arrow-size)}.rds-baselink-button{--highlighted-color: var(--rds-foreground-primary);--highlighted-bg: transparent;--highlighted-border-color: var(--rds-toggle-collapsed);--highlighted-hover-border: var(--rds-heading-accent);--highlighted-pressed-color: var(--rds-heading-accent);width:-moz-fit-content;width:fit-content}.rds-baselink-button>*{text-decoration:none}.rds-baselink-button>.rds-baselink-button--highlighted{padding:0 0 8px;color:var(--highlighted-color);background-color:var(--highlighted-bg);border-bottom:2px solid var(--highlighted-border-color);border-radius:0;transition:color 125ms,border-color 125ms,box-shadow 125ms}@media (hover: hover){.rds-baselink-button>.rds-baselink-button--highlighted:hover,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-hover]){border-color:var(--highlighted-hover-border);box-shadow:0 4px 4px -4px #00000080}}.rds-baselink-button>.rds-baselink-button--highlighted:active,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-active]){color:var(--highlighted-pressed-color);border-color:var(--highlighted-border-color-hover);box-shadow:none}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--forwards{padding-right:2px}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--backwards{padding-left:2px}.rds-light .rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted{--highlighted-color: var(--rds-surface-foreground);--highlighted-border-color: var(--strim-romance-green-80)}@media (hover: hover){.rds-light .rds-baselink-button--highlighted:hover,.rds-light .rds-baselink-button--highlighted:where([data-hover]),.rds-light.rds-baselink-button--highlighted:hover,.rds-light.rds-baselink-button--highlighted:where([data-hover]){--highlighted-hover-border: var(--rds-surface-foreground)}}.rds-light .rds-baselink-button--highlighted:active,.rds-light .rds-baselink-button--highlighted:where([data-active]),.rds-light.rds-baselink-button--highlighted:active,.rds-light.rds-baselink-button--highlighted:where([data-active]){--highlighted-pressed-color: var(--rds-surface-foreground)}.rds-light .rds-baselink-button--highlighted:disabled,.rds-light.rds-baselink-button--highlighted:disabled{--disabled-color: var(--rds-button-primary-fg)}.rds-icon-button{--default-icon-size: 3rem;--default-icon-margin: .75rem;border-radius:50%;max-height:var(--default-icon-size);max-width:var(--default-icon-size);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;padding:0}.rds-icon-button .rds-button__icon{margin:0;box-sizing:border-box;margin:var(--default-icon-margin);height:var(--default-icon-size);width:var(--default-icon-size)}.rds-icon-button .rds-button__icon>svg{width:100%}:where(.rds-form-group-box){--checkbox-size: 1.75rem;--checkbox-border-color: var(--rds-accent-color);--checkbox-background-color: transparent;--checkbox-checkmark-color: var(--rds-background-primary);--checkbox-label-color: var(--rds-foreground-primary);--checkbox-error-color: var(--rds-feedback-error);display:flex;gap:.75em}:where(.rds-light) :where(.rds-form-group-box){--checkbox-border-color: var(--rds-button-primary-fg);--checkbox-checkmark-color: var(--rds-surface-background);--checkbox-label-color: var(--rds-background-primary);--checkbox-error-color: var(--rds-feedback-error-dark)}:where(.rds-form-group-box):where(.rds-form-group-box--error){--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}:where(.rds-form-group-box):where(.rds-form-group-box--error) .rds-checkbox__input{box-shadow:0 0 0 1px var(--checkbox-border-color)}:where(.rds-light) :where(.rds-form-group-box):where(.rds-form-group-box--error){--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}:where(.rds-form-group-box) .rds-checkbox__input{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--checkbox-background-color);margin:0;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--checkbox-border-color);border-radius:.15em;display:grid;place-content:center}:where(.rds-form-group-box) .rds-checkbox__input:focus::-moz-focus-inner{border-style:none;outline:0}:where(.rds-form-group-box) .rds-checkbox__input:focus button::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=button]::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=reset]::-moz-focus-inner,:where(.rds-form-group-box) .rds-checkbox__input:focus [type=submit]::-moz-focus-inner{border-style:none}:where(.rds-form-group-box) .rds-checkbox__input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) :where(.rds-form-group-box) .rds-checkbox__input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}:where(.rds-form-group-box) .rds-checkbox__input:before{content:"";width:1.35em;height:1.35em;-webkit-clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:var(--checkbox-checkmark-color)}:where(.rds-form-group-box) .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-border-color)}:where(.rds-form-group-box) .rds-checkbox__input:checked:before{transform:scale(1) translateY(.15em)}:where(.rds-form-group-box) .rds-checkbox__label{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.85;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--checkbox-label-color)}.rtv{--rikstv-red: #ef4642;--rikstv-red-120: #d41612;--rikstv-white: #ffffff;--rikstv-black: #000000;--rikstv-onyx-150: #0f0f0f;--rikstv-onyx: #1d1d1d;--rikstv-onyx-90: #313131;--rikstv-slate: #353535;--rikstv-slate-80: #626262;--rikstv-slate-60: #828282;--rikstv-slate-40: #afafaf;--rikstv-slate-20: #ddd;--rikstv-ask: #5c5c5c;--rikstv-ask-80: #787878;--rikstv-ask-60: #9c9c9c;--rikstv-ask-40: #c0c0c0;--rikstv-sterling: #b8b8b8;--rikstv-sterling-40: #e5e5e5;--rikstv-sterling-20: #f1f1f1;--rikstv-sterling-10: #f8f8f8;--rikstv-purple: #542453;--rikstv-green: #00816d;--rikstv-blue: #195a89;--rikstv-light-blue: #0f7ca2;--rikstv-yellow: #f2a900;--rikstv-info-light: #00aec7;--rikstv-warning-light: #f2a900;--rikstv-success-light: #4cbb81;--rikstv-error-light: #f17774;--rikstv-info-dark: #007485;--rikstv-warning-dark: #996b00;--rikstv-success-dark: #2a6f4b;--rikstv-error-dark: #e01c17;--rikstv-background-gray-150: #0b0b0b;--rikstv-background-gray: #252525;--rikstv-background-gray-90: #3b3b3b;--rikstv-banner-background: #e9e9e9;--rikstv-background: #f9f9f9;--rikstv-card-gray: #434343;--rikstv-card-gray-80: #333333;--rikstv-card-gray-60: #6e6e6e;--rikstv-card-gray-20: #d9d9d9;--rikstv-foreground-gray: #666666;--rikstv-foreground-gray-80: #858585}.rtv{--rds-heading-accent: var(--rikstv-white);--rds-accent-color: var(--rikstv-red);--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: var(--rikstv-red-120);--rds-accent-hover: var(--rikstv-red-120);--rds-button-primary-fg: var(--rikstv-white);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertiary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--panel-warning2-background-color: var(--rikstv-red-120);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-background-primary--heavy: #252525b3;--rds-background-primary--medium: #25252580;--rds-background-primary--very-heavy: #252525e6;--rds-surface-background: var(--rikstv-white);--rds-background-ghost: var(--rds-accent-color);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #ffffff;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-info-light);--rds-feedback-info-dark: var(--rikstv-info-dark);--rds-feedback-warning: var(--rikstv-warning-light);--rds-feedback-warning-dark: var(--rikstv-warning-dark);--rds-feedback-success: var(--rikstv-success-light);--rds-feedback-success-dark: var(--rikstv-success-dark);--rds-feedback-error: var(--rikstv-error-light);--rds-feedback-error-dark: var(--rikstv-error-dark);--rds-roundness--default: 4px;--rds-roundness--medium: 6px;--rds-roundness--large: 8px;--rds-roundness--xlarge: 12px;--rds-roundness--button: 34px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 70ch;--rds-content-width--default: 1070px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@custom-media --rds-media-xs (max-width: 568px);@custom-media --rds-media-sm (max-width: 768px);@custom-media --rds-media-md (max-width: 992px);@custom-media --rds-media-ml (max-width: 1024px);@custom-media --rds-media-lg (max-width: 1200px);@custom-media --rds-media-lw (max-width: 1600px);@custom-media --rds-media-xl (max-width: 2400px);@custom-media --rds-media-min-xs (min-width: 568px);@custom-media --rds-media-min-sm (min-width: 768px);@custom-media --rds-media-min-md (min-width: 992px);@custom-media --rds-media-min-ml (min-width: 1024px);@custom-media --rds-media-min-lg (min-width: 1200px);@custom-media --rds-media-min-lw (min-width: 1600px);@custom-media --rds-media-min-xl (min-width: 2400px);.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertiary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--panel-warning2-background-color: var(--strim-action-yellow-60);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-background-primary--heavy: #002a2ab3;--rds-background-primary--medium: #002a2a80;--rds-background-primary--very-heavy: #002a2ae6;--rds-surface-background: var(--strim-standup-green-10);--rds-background-ghost: var(--rds-accent-hover);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #004b501a;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-info-dark: var(--strim-info-dark);--rds-feedback-warning: var(--strim-warning-light);--rds-feedback-warning-dark: var(--strim-warning-dark);--rds-feedback-success: var(--strim-success-light);--rds-feedback-success-dark: var(--strim-success-dark);--rds-feedback-error: var(--strim-error-light);--rds-feedback-error-dark: var(--strim-error-dark);--rds-roundness--default: 12px;--rds-roundness--medium: 16px;--rds-roundness--large: 24px;--rds-roundness--xlarge: 40px;--rds-roundness--button: 12px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "HALMatexLight", "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dropdown-styling{display:flex;flex-direction:column}.dropdown-styling .select-wrapper{position:relative;max-width:-moz-fit-content;max-width:fit-content}.dropdown-styling select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-family:var(--rds-font-family-m-headlines);background-color:var(--rds-button-tertiary-bg);color:var(--common-button--primary-color)!important;border-radius:var(--rds-roundness--button);border-style:none;height:45px;font-size:1.125rem;--fluid-block: max(.65625rem, min(2vw, .78125rem));--fluid-inline: max(1rem, min(2vw, 1.5rem));padding-left:var(--fluid-inline);padding-right:35px;overflow:-moz-scrollbars-none;scrollbar-width:none;cursor:pointer}.dropdown-styling select::-webkit-scrollbar{display:none}.dropdown-styling select:focus::-moz-focus-inner{border-style:none;outline:0}.dropdown-styling select:focus button::-moz-focus-inner,.dropdown-styling select:focus [type=button]::-moz-focus-inner,.dropdown-styling select:focus [type=reset]::-moz-focus-inner,.dropdown-styling select:focus [type=submit]::-moz-focus-inner{border-style:none}.dropdown-styling select:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .dropdown-styling select:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.dropdown-styling.menu-with-left-icon select{padding-left:46px;padding-right:42px}.dropdown-styling label{margin-bottom:var(--rds-spacing--16)}.dropdown-styling .right-icon{position:absolute;right:9%;top:calc(50% - 12px);pointer-events:none}.dropdown-styling .left-icon{position:absolute;left:8%;top:calc(50% - 12px);pointer-events:none}@keyframes rds-heart-beat{10%{transform:scale(.95)}20%{transform:scale(1.15)}30%{transform:scale(.95)}40%{transform:scale(1.15)}50%{transform:scale(.95)}60%{transform:scale(1)}}.rds-icon__heart-toggle--checked{transform:scale(1);animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rds-heart-beat;animation-timing-function:ease-out}.rds-icon__heart-toggle svg{display:block}.rds-list{--list-item__spacing: var(--rds-list-gap, 1em);list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--list-item__spacing);counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem}.rds-list__item{--mark-color: currentColor;display:flex;gap:var(--rds-list-item-gap, .75rem);align-items:flex-start}.rds-list__item>span:first-child{width:1.25rem;height:1.25em;flex-shrink:0}.rds-list__item--svg-wrapper{display:flex}.rds-list__item--svg-wrapper svg{width:100%;color:var(--mark-color)}.rds-list__item__ordered{display:flex;counter-increment:listCounter}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}.rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}.rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-dark);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning2-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:flex-start}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;min-width:24px;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning2{background-color:var(--panel-warning2-background-color);--panel-color: var(--panel-warning2-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}.rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg);width:var(--progress-circle-size);height:var(--progress-circle-size)}.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-success);-webkit-clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%)}.rds-textfield{--textfield-color: var(--rds-foreground-primary);--textfield-label-color: var(--rds-foreground-primary);--textfield-border-color: var(--rds-foreground-primary);--textfield-selected-color: var(--rds-heading-accent);--textfield-error-color: var(--rds-feedback-error);--textfield-bg: var(--rds-background-primary);position:relative}.rds-textfield-input{border:2px solid var(--textfield-border-color);border-radius:12px;outline:none;padding:0 var(--rds-spacing--16) 0;height:3rem;width:100%;margin:0;background-color:var(--input-border-bg);color:var(--textfield-color)}.rds-textfield-input.rds-textfield-input{-webkit-appearance:none}.rds-textfield-input::-moz-placeholder{opacity:0}.rds-textfield-input::placeholder{opacity:0}.rds-textfield-input:focus{font-family:var(--rds-font-family-headlines);color:var(--textfield-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color);box-shadow:0 0 0 1px var(--textfield-border-color)}.rds-textfield-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.rds-textfield-input:-webkit-autofill{box-shadow:0 0 0 30px var(--textfield-bg) inset;-webkit-text-fill-color:var(--textfield-color)}.rds-textfield-input:not(:-moz-placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-textfield-input:focus::-moz-focus-inner{border-style:none;outline:0}.rds-textfield-input:focus button::-moz-focus-inner,.rds-textfield-input:focus [type=button]::-moz-focus-inner,.rds-textfield-input:focus [type=reset]::-moz-focus-inner,.rds-textfield-input:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-textfield-input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-textfield-input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-textfield-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-textfield-label:after{position:absolute;right:-1rem;top:1.25rem;content:"";width:18px;height:14px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;-webkit-clip-path:path("M5.77 12.98L0.39 7.6C-0.13 7.08 -0.13 6.24 0.39 5.72C0.91 5.2 1.75 5.2 2.27 5.72L6.12 9.56L15.29 0.39C15.81 -0.13 16.66 -0.13 17.18 0.39C17.7 0.91 17.7 1.75 17.18 2.27L6.46 12.98C6.27 13.17 5.96 13.17 5.77 12.98Z");clip-path:path("M5.77 12.98L0.39 7.6C-0.13 7.08 -0.13 6.24 0.39 5.72C0.91 5.2 1.75 5.2 2.27 5.72L6.12 9.56L15.29 0.39C15.81 -0.13 16.66 -0.13 17.18 0.39C17.7 0.91 17.7 1.75 17.18 2.27L6.46 12.98C6.27 13.17 5.96 13.17 5.77 12.98Z");box-shadow:inset 2.1em 2.1em var(--textfield-color)}.rds-textfield-label[data-valid=true]:after{transform:scale(1)}.rds-textfield-label span{position:absolute;cursor:text;background-color:var(--textfield-bg);padding:0 8px;top:50%;margin-left:6px;left:var(--rds-spacing--4);transform:translateY(-50%);transition:.2s ease-in-out;transition-property:top,font-size;border-radius:8px;font-size:1.125rem;color:var(--textfield-label-color);font-family:var(--rds-font-family-body);font-weight:400;line-height:1.5}.rds-textfield--error-text{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--textfield-error-color);margin:.25rem 0 0;padding-left:var(--rds-spacing--16);display:block}.rds-textfield:focus-within .rds-textfield-label span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-foreground-overlay-heavy)}.rds-light .rds-textfield,.rds-light.rds-textfield{--textfield-color: var(--rds-button-primary-fg);--textfield-border-color: var(--rds-button-primary-fg);--textfield-selected-color: var(--rds-button-primary-fg);--textfield-bg: var(--rds-surface-background);--textfield-error-color: var(--rds-feedback-error-dark)}.rds-light .rds-textfield-input--error,.rds-light.rds-textfield-input--error{--textfield-border-color: var(--textfield-error-color)}.rds-light .rds-textfield--error-text,.rds-light.rds-textfield--error-text{color:var(--textfield-error-color)}.rds-light .rds-textfield-label,.rds-light.rds-textfield-label{--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-label.rds-white,.rds-light.rds-textfield-label.rds-white{--textfield-bg: var(--rds-foreground-primary)}.rds-light .rds-textfield-input:not(:-moz-placeholder-shown)+span,.rds-light.rds-textfield-input:not(:-moz-placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-input:not(:placeholder-shown)+span,.rds-light.rds-textfield-input:not(:placeholder-shown)+span{top:-.15rem;font-size:1rem;--textfield-label-color: var(--rds-background-primary)}.rds-light .rds-textfield-input:focus:not([data-valid=false]),.rds-light.rds-textfield-input:focus:not([data-valid=false]){--textfield-border-color: var(--textfield-selected-color)}.rds-light .rds-textfield-label:focus-within span,.rds-light.rds-textfield-label:focus-within span{--textfield-label-color: var(--rds-background-primary)}.rds-button__shared,.rds-radio-toggle{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary,.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared--tertiary,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-radio-toggle,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared,.rds-radio-toggle{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-radio-toggle:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover,.rds-button__shared:where([data-hover]),.rds-radio-toggle:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-radio-toggle:active,.rds-button__shared:where([data-active]),.rds-radio-toggle:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-radio-toggle:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-radio-toggle:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-radio-toggle{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg{width:100%}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{position:relative;padding:0;background-color:var(--rds-foreground-overlay-soft);color:#fff;margin:0 var(--rds-spacing--8);display:block;max-width:25ch;min-width:7ch;overflow:hidden;border-radius:var(--rds-roundness--button)}.rds-radio-toggle:hover{background-color:var(--rds-background-secondary)}.rds-radio-toggle:active{background-color:var(--rds-background-overlay-soft);color:#fff}.rds-radio-toggle__label{width:100%;display:grid;place-items:center;transition:125ms ease background-color;padding:.78125rem var(--rds-spacing--24);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-radio-toggle__input{position:absolute;opacity:0}.rds-radio-toggle__input:checked+.rds-radio-toggle__label{background-color:var(--rds-foreground-tertiary)}.rds-radio-toggle__input:active+.rds-radio-toggle__label{background-color:var(--rds-foreground-overlay-soft)}.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus button::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-radio-toggle:focus-within::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus-within button::-moz-focus-inner,.rds-radio-toggle:focus-within [type=button]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-button__shared,.rds-toggle-button{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--ghost{--common-button--bg: var(--rds-background-ghost);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--pressed-bg: var(--rds-accent-color)}.rds-button__shared--secondary{--common-button--bg: var(--rds-background-primary);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-surface-background);--common-button--hover-color: var(--rds-background-primary);--common-button--pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--outline: 2px solid var(--rds-foreground-primary)}.rds-button__shared--tertiary,.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-toggle-button,.rds-light.rds-button__shared,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--ghost,.rds-light.rds-button__shared--ghost{--common-button--bg: var(--strim-fantasy-green);--common-button--color: var(--strim-standup-green-10);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--bg: var(--rds-surface-background);--common-button--color: var(--rds-button-tertiary-hover-bg);--common-button--hover-bg: var(--rds-button-primary-fg);--common-button--hover-color: var(--rds-foreground-primary);--common-button--pressed-bg: var(--rds-button-primary-fg);--common-button--pressed-color: var(--rds-foreground-primary);--common-button--outline: 2px solid var(--rds-button-tertiary-hover-bg);--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-toggle-button,.rds-light.rds-button__shared--tertiary,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-toggle-button,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light.rds-white.rds-button__shared--secondary{--common-button--bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--bg: transparent}.rds-button__shared,.rds-toggle-button{width:auto;background:transparent;border:none;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-toggle-button:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover,.rds-button__shared:where([data-hover]),.rds-toggle-button:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-toggle-button:active,.rds-button__shared:where([data-active]),.rds-toggle-button:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-toggle-button:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-toggle-button:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-toggle-button:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-toggle-button:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-toggle-button:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-toggle-button:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-toggle-button:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-toggle-button:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-toggle-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon,.rds-toggle-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg,.rds-toggle-button__icon>svg{width:100%}.rds-arrow-button__postfix,.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-arrow-button__postfix:before,.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:220%;left:0}.rds-arrow-button--loading:disabled,.rds-button--loading:disabled{cursor:wait!important;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rds-arrow-button--loading:disabled:before,.rds-button--loading:disabled:before{content:"";position:absolute;inset:0;background-color:var(--rds-background-overlay-medium)}.rds-arrow-button--loading:disabled:after,.rds-button--loading:disabled:after{--button-spinner-size: 24px;--button-spinner-width: 3px;--calculated-spinner-size: calc( calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2 );content:"";position:absolute;left:calc(50% - var(--calculated-spinner-size));top:calc(50% - var(--calculated-spinner-size));height:var(--button-spinner-size);width:var(--button-spinner-size);background-color:transparent;border-top:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-left:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-right:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-bottom:var(--button-spinner-width) solid transparent;border-radius:50px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@media (hover: hover){.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}}.rds-toggle-button-container:focus-within label::-moz-focus-inner{border-style:none;outline:0}.rds-toggle-button-container:focus-within label button::-moz-focus-inner,.rds-toggle-button-container:focus-within label [type=button]::-moz-focus-inner,.rds-toggle-button-container:focus-within label [type=reset]::-moz-focus-inner,.rds-toggle-button-container:focus-within label [type=submit]::-moz-focus-inner{border-style:none}.rds-toggle-button-container:focus-within label input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-toggle-button-container:focus-within label{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-toggle-button{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__input:checked+.rds-toggle-button{background-color:var(--rds-foreground-tertiary)}.rds-toggle-button__input:checked+.rds-toggle-button:active{background-color:var(--rds-foreground-overlay-medium)}.rds-toggle-button__content{display:flex;align-items:center}.rds-toggle-button__icon{margin-right:0;width:auto}.rds-toggle-button__icon svg{height:23px;width:auto}.rds-toggle-button .label-text__icon{display:none;margin-left:var(--rds-spacing--16)}@media (min-width: 768px){.rds-toggle-button .label-text__icon{display:block}}.rds-toggle-button .label-text__icon.always-show-label{display:block}.rds-toggle-inline-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-inline-button__input{opacity:0;position:absolute}.rds-light .rds-toggle-inline-button__content{color:var(--rds-button-primary-fg)}.rds-toggle-link-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rds-toggle-link-button__input{opacity:0;position:absolute}.rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--chevron-direction: 180deg;--border-color: var(--rds-toggle-expanded)}.rds-toggle-link-button__label__content{display:flex;align-items:center}.rds-toggle-link-button__label__content>span:first-child{border-bottom:2px solid var(--border-color);padding-bottom:7px}.rds-toggle-link-button__label__chevron{padding-left:var(--rds-spacing--8)}.rds-toggle-link-button__label__chevron>svg{height:100%;width:20px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center}.rds-toggle-link-button__label__chevron>svg>path{fill:currentColor}.rds-light{--border-color: var(--rds-foreground-tertiary)}.rds-light .rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--border-color: var(--rds-background-secondary)}.rds-light .rds-toggle-link-button__label{color:var(--rds-button-primary-fg)}.rtv{--sub-body-color--light: var(--rds-foreground-solid-soft)}.strm{--sub-body-color--light: var(--rds-button-primary-fg)}.rds-link{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--rds-foreground-primary);transition:75ms ease color}.rds-link:visited{color:var(--rds-foreground-primary)}.rds-link:hover{text-decoration-thickness:2px;color:var(--rds-heading-accent)}.rds-link:active{text-decoration:none;text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link--active,.rds-link[aria-current=page]{text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link:focus::-moz-focus-inner{border-style:none;outline:0}.rds-link:focus button::-moz-focus-inner,.rds-link:focus [type=button]::-moz-focus-inner,.rds-link:focus [type=reset]::-moz-focus-inner,.rds-link:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-link:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-link:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-display-title{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(2.5rem,calc(1.4285714286rem + 2.9761904762vw),5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-1{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.875rem,calc(1.1785714286rem + 1.9345238095vw),3.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.5rem,calc(1.0714285714rem + 1.1904761905vw),2.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.375rem,calc(1.1071428571rem + .744047619vw),2rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-3{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1rem,calc(.7857142857rem + .5952380952vw),1.5rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-4{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1rem,calc(.8928571429rem + .2976190476vw),1.25rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-lead{font-family:var(--rds-font-family-lead);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-body,.rds-span{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-sub-body{font-family:var(--rds-font-family-body);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-tag{font-family:var(--rds-font-family-headlines);text-transform:uppercase;font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);line-height:1.2;font-weight:400;letter-spacing:.09375rem;color:var(--rds-foreground-primary)}.rds-bold{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-meta{font-family:var(--rds-font-family-body);font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-overlay-heavy)}.rds-link--light,.rds-light .rds-link{color:var(--rds-background-primary)}.rds-link--light:hover,.rds-light .rds-link:hover{color:var(--rds-foreground-tertiary)}.rds-link--light:active,.rds-light .rds-link:active{text-shadow:0px 0px 1px var(--rds-background-primary)}.rds-link--light:visited,.rds-light .rds-link:visited{color:var(--rds-background-primary)}.rds-link--light--active,.rds-link--light[aria-current=page],.rds-light [aria-current=page].rds-link{text-shadow:0px 0px 1px var(--rds-background-primary)}:where(.rds-light) .rds-display-title{color:var(--rds-foreground-tertiary)}.rds-display-title--light{color:var(--rds-foreground-tertiary)}:where(.rds-light) .rds-title-1{color:var(--rds-button-primary-fg)}.rds-title-1--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-2{color:var(--rds-button-primary-fg)}.rds-title-2--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-3{color:var(--rds-button-primary-fg)}.rds-title-3--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-title-4{color:var(--rds-button-primary-fg)}.rds-title-4--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-sub-title-2{color:var(--rds-button-primary-fg)}.rds-sub-title-2--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-lead{color:var(--rds-button-primary-fg)}.rds-lead--light{color:var(--rds-button-primary-fg)}:where(.rds-light) .rds-body,:where(.rds-light) .rds-span{color:var(--rds-background-primary)}.rds-body--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-sub-body{color:var(--sub-body-color--light)}.rds-sub-body--light{color:var(--sub-body-color--light)}:where(.rds-light) .rds-tag{color:var(--rds-background-primary)}.rds-tag--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-bold{color:var(--rds-background-primary)}.rds-bold--light{color:var(--rds-background-primary)}:where(.rds-light) .rds-meta{color:var(--rds-button-primary-fg)}.rds-meta--light{color:var(--rds-button-primary-fg)}
|
package/package.json
CHANGED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { j as s } from "../accordion/Accordion-b8669b7e.mjs";
|
|
2
|
-
import { forwardRef as S, useState as o } from "react";
|
|
3
|
-
import { H as k } from "../typography/Typography-563b6318.mjs";
|
|
4
|
-
import "../icons/HeartToggle-54bb18c7.mjs";
|
|
5
|
-
import { S as w, a as T, b as a, c as b } from "../icons/Icons-2b68875c.mjs";
|
|
6
|
-
const R = "_rds-alert--icon_1ysvv_66", B = "_rds-alert--content-title_1ysvv_73", E = "_rds-alert--content_1ysvv_73", H = "_rds-alert--dismiss_1ysvv_94", O = "_dismissed_1ysvv_123", D = "_fade-out_1ysvv_1", t = {
|
|
7
|
-
rdsAlertIcon: R,
|
|
8
|
-
rdsAlertContentTitle: B,
|
|
9
|
-
rdsAlertContent: E,
|
|
10
|
-
rdsAlertDismiss: H,
|
|
11
|
-
dismissed: O,
|
|
12
|
-
fadeOut: D
|
|
13
|
-
}, F = {
|
|
14
|
-
warning: { title: "Advarsel", Icon: T },
|
|
15
|
-
error: { title: "Feil", Icon: a },
|
|
16
|
-
info: { title: "Informasjon", Icon: a },
|
|
17
|
-
success: { title: "Vellykket", Icon: b }
|
|
18
|
-
}, M = S(
|
|
19
|
-
({
|
|
20
|
-
className: d,
|
|
21
|
-
intent: r = "warning",
|
|
22
|
-
variant: l = "filled",
|
|
23
|
-
testId: c = "rds-alert",
|
|
24
|
-
heading: m,
|
|
25
|
-
children: v,
|
|
26
|
-
dismissible: f = !0,
|
|
27
|
-
lightBackground: A,
|
|
28
|
-
onDismissed: e,
|
|
29
|
-
LinkToDetails: _,
|
|
30
|
-
...u
|
|
31
|
-
}, j) => {
|
|
32
|
-
const [p, n] = o(!1), [x, i] = o(!1), C = ["rds-alert", A ? "rds-light" : "", p ? t.dismissed : "", d].filter(Boolean).join(" ");
|
|
33
|
-
if (x)
|
|
34
|
-
return null;
|
|
35
|
-
const I = () => {
|
|
36
|
-
n(!1), i(!1);
|
|
37
|
-
}, { title: y, Icon: g } = F[r], h = () => {
|
|
38
|
-
i(!0), e == null || e(I);
|
|
39
|
-
}, N = f && l !== "inline";
|
|
40
|
-
return /* @__PURE__ */ s.jsxs(
|
|
41
|
-
"div",
|
|
42
|
-
{
|
|
43
|
-
role: "alert",
|
|
44
|
-
"aria-live": "polite",
|
|
45
|
-
ref: j,
|
|
46
|
-
className: C,
|
|
47
|
-
"data-testid": c,
|
|
48
|
-
"data-intent": r,
|
|
49
|
-
"data-variant": l,
|
|
50
|
-
onAnimationEnd: h,
|
|
51
|
-
...u,
|
|
52
|
-
children: [
|
|
53
|
-
/* @__PURE__ */ s.jsx(g, { className: t.rdsAlertIcon }),
|
|
54
|
-
/* @__PURE__ */ s.jsxs("div", { className: t.rdsAlertContent, children: [
|
|
55
|
-
/* @__PURE__ */ s.jsx(k, { className: t.rdsAlertContentTitle, as: "span", children: m || y }),
|
|
56
|
-
/* @__PURE__ */ s.jsx("div", { children: v }),
|
|
57
|
-
_
|
|
58
|
-
] }),
|
|
59
|
-
N && /* @__PURE__ */ s.jsx("div", { className: t.rdsAlertDismiss, children: /* @__PURE__ */ s.jsx("button", { "aria-label": "Avvis varsel", onClick: () => n(!0), children: /* @__PURE__ */ s.jsx(w, {}) }) })
|
|
60
|
-
]
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
M.displayName = "Alert";
|
|
66
|
-
export {
|
|
67
|
-
M as A
|
|
68
|
-
};
|