@rikstv/shared-components 0.8.1 → 1.1.79
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/README.md +21 -2
- package/dist/{accordion → components/accordion}/Accordion.d.ts +1 -2
- package/dist/components/accordion/Accordion.js +34 -0
- package/dist/{accordion → components/accordion}/accordion.scss +58 -39
- package/dist/components/breadcrumb/Breadcrumb.d.ts +13 -0
- package/dist/components/breadcrumb/Breadcrumb.js +39 -0
- package/dist/components/breadcrumb/breadcrumb.scss +75 -0
- package/dist/components/button/ArrowButton.d.ts +12 -0
- package/dist/components/button/ArrowButton.js +44 -0
- package/dist/components/button/BaseButton.d.ts +18 -0
- package/dist/components/button/BaseButton.js +42 -0
- package/dist/components/button/BaseDecoratedButton.d.ts +11 -0
- package/dist/components/button/BaseDecoratedButton.js +32 -0
- package/dist/components/button/BaseLinkButton.d.ts +20 -0
- package/dist/components/button/BaseLinkButton.js +44 -0
- package/dist/{button → components/button}/Button.d.ts +2 -0
- package/dist/components/button/Button.js +29 -0
- package/dist/components/button/DecoratedButton.d.ts +7 -0
- package/dist/components/button/DecoratedButton.js +23 -0
- package/dist/{button → components/button}/IconButton.d.ts +2 -3
- package/dist/components/button/IconButton.js +24 -0
- package/dist/components/button/LinkButton.d.ts +5 -0
- package/dist/components/button/LinkButton.js +10 -0
- package/dist/components/button/arrow-button.scss +37 -0
- package/dist/{button → components/button}/button-shared.scss +14 -3
- package/dist/components/button/button.scss +93 -0
- package/dist/{button → components/button}/icon-button.scss +0 -0
- package/dist/components/button/link-button.scss +6 -0
- package/dist/components/checkbox/Checkbox.d.ts +9 -0
- package/dist/components/checkbox/Checkbox.js +40 -0
- package/dist/components/checkbox/checkbox.scss +116 -0
- package/dist/{core → components/core}/Core.d.ts +0 -0
- package/dist/{core → components/core}/Core.js +0 -0
- package/dist/{core → components/core}/LightMode.d.ts +0 -0
- package/dist/components/core/LightMode.js +14 -0
- package/dist/{core → components/core}/RiksTV.d.ts +0 -0
- package/dist/components/core/RiksTV.js +116 -0
- package/dist/{core → components/core}/Strim.d.ts +0 -0
- package/dist/components/core/Strim.js +10 -0
- package/dist/components/core/core.scss +102 -0
- package/dist/components/core/docs/Spacing.scss +12 -0
- package/dist/components/core/docs/componets/ColorSwatch/ColorSwatch.scss +66 -0
- package/dist/components/core/docs/componets/ColorSwatch/ColorSwatchBtn.scss +19 -0
- package/dist/components/core/docs/componets/ExampleGrid/ExampleGrid.scss +12 -0
- package/dist/components/core/docs/componets/SpacingBlock/SpacingBlock.scss +6 -0
- package/dist/components/core/docs/hooks/animated.scss +12 -0
- package/dist/components/core/docs/hooks/clickOutside.scss +11 -0
- package/dist/components/core/docs/hooks/intersection.scss +14 -0
- package/dist/components/core/hooks/useAnimatedHeight.d.ts +19 -0
- package/dist/components/core/hooks/useBrowserPreferences.d.ts +5 -0
- package/dist/components/core/hooks/useClickOutsideListener.d.ts +8 -0
- package/dist/components/core/hooks/useIntersectionObserver.d.ts +2 -0
- package/dist/components/core/hooks/useMutationObserver.d.ts +2 -0
- package/dist/components/core/mixin/breakpoints.scss +44 -0
- package/dist/{core → components/core}/mixin/fluid.scss +0 -0
- package/dist/{core → components/core}/mixin/focus.scss +0 -0
- package/dist/{core → components/core}/mixin/navigation.scss +0 -0
- package/dist/{core → components/core}/mixin/rem.scss +0 -0
- package/dist/components/core/rikstvColors.scss +71 -0
- package/dist/components/core/rtv.scss +75 -0
- package/dist/components/core/spacing/Gutter.d.ts +2 -0
- package/dist/components/core/spacing/GutterPadding.d.ts +2 -0
- package/dist/components/core/strimColors.scss +48 -0
- package/dist/components/core/strm.scss +79 -0
- package/dist/{core → components/core}/utils/detectUserInputMethod.d.ts +0 -0
- package/dist/components/icons/Arrow.d.ts +2 -0
- package/dist/components/icons/Arrow.js +12 -0
- package/dist/{icons → components/icons}/Chevron.d.ts +0 -0
- package/dist/{icons → components/icons}/Chevron.js +0 -0
- package/dist/{icons → components/icons}/heartToggle.scss +12 -6
- package/dist/components/index.d.ts +31 -0
- package/dist/components/list/CheckmarkListItem.d.ts +8 -0
- package/dist/components/list/CheckmarkListItem.js +32 -0
- package/dist/components/list/CheckmarkListItem.scss +41 -0
- package/dist/components/list/CrossmarkListItem.d.ts +8 -0
- package/dist/components/list/CrossmarkListItem.js +23 -0
- package/dist/components/list/CrossmarkListItem.scss +42 -0
- package/dist/components/list/List.d.ts +8 -0
- package/dist/components/list/List.js +28 -0
- package/dist/components/list/List.scss +15 -0
- package/dist/components/list/ListItem.d.ts +8 -0
- package/dist/components/list/ListItem.js +19 -0
- package/dist/components/list/ListItem.scss +25 -0
- package/dist/components/list/OrderedListItem.d.ts +7 -0
- package/dist/components/list/OrderedListItem.js +15 -0
- package/dist/components/list/OrderedListItem.scss +21 -0
- package/dist/components/list/internal/getMarkColor.d.ts +3 -0
- package/dist/components/loader/Loader.d.ts +7 -0
- package/dist/components/loader/Loader.js +31 -0
- package/dist/components/loader/Loader.scss +148 -0
- package/dist/components/loader/RawLoader.d.ts +10 -0
- package/dist/components/loader/RawLoader.js +30 -0
- package/dist/components/panel/Info.d.ts +2 -0
- package/dist/components/panel/Info.js +25 -0
- package/dist/components/panel/Panel.d.ts +15 -0
- package/dist/components/panel/Panel.js +55 -0
- package/dist/components/panel/Success.d.ts +2 -0
- package/dist/components/panel/Success.js +80 -0
- package/dist/components/panel/Warning.d.ts +2 -0
- package/dist/components/panel/Warning.js +14 -0
- package/dist/components/panel/panel.scss +95 -0
- package/dist/components/progress/CircularProgress.d.ts +11 -0
- package/dist/components/progress/CircularProgress.js +87 -0
- package/dist/components/progress/Progress.d.ts +11 -0
- package/dist/components/progress/Progress.js +42 -0
- package/dist/components/progress/Progress.scss +76 -0
- package/dist/components/progress/circularProgress.scss +70 -0
- package/dist/components/spacing/Gutter.js +13 -0
- package/dist/components/spacing/GutterPadding.js +13 -0
- package/dist/{textfield → components/textfield}/TextField.d.ts +6 -5
- package/dist/components/textfield/TextField.js +57 -0
- package/dist/components/textfield/textfield.scss +178 -0
- package/dist/{toggle → components/toggle}/FieldSet.d.ts +0 -0
- package/dist/components/toggle/FieldSet.js +29 -0
- package/dist/{toggle → components/toggle}/RadioContext.d.ts +0 -0
- package/dist/{toggle → components/toggle}/RadioToggle.d.ts +0 -0
- package/dist/components/toggle/RadioToggle.js +30 -0
- package/dist/{toggle → components/toggle}/radioToggle.scss +2 -1
- package/dist/{toggleButton → components/toggleButton}/ToggleButton.d.ts +1 -0
- package/dist/components/toggleButton/ToggleButton.js +70 -0
- package/dist/{toggleButton → components/toggleButton}/toggleButton.scss +16 -8
- package/dist/components/toggleLinkButton/ToggleLinkButton.d.ts +10 -0
- package/dist/components/toggleLinkButton/ToggleLinkButton.js +60 -0
- package/dist/components/toggleLinkButton/toggleLinkButton.scss +54 -0
- package/dist/{typography → components/typography}/Typography.d.ts +3 -1
- package/dist/components/typography/Typography.js +67 -0
- package/dist/{typography → components/typography}/typography.scss +30 -1
- package/dist/shared-components.es.js +210 -15
- package/dist/style.css +1 -1
- package/dist/{core/utils → utils}/generateId.d.ts +0 -0
- package/package.json +12 -17
- package/dist/accordion/Accordion.js +0 -73
- package/dist/button/BaseButton.d.ts +0 -15
- package/dist/button/BaseButton.js +0 -80
- package/dist/button/Button.js +0 -40
- package/dist/button/IconButton.js +0 -40
- package/dist/button/button.scss +0 -46
- package/dist/core/LightMode.js +0 -50
- package/dist/core/RiksTV.js +0 -115
- package/dist/core/Strim.js +0 -10
- package/dist/core/core.scss +0 -29
- package/dist/core/rtv.scss +0 -58
- package/dist/core/strm.scss +0 -62
- package/dist/index.d.ts +0 -11
- package/dist/textfield/TextField.js +0 -87
- package/dist/textfield/textfield.scss +0 -101
- package/dist/toggle/FieldSet.js +0 -66
- package/dist/toggle/RadioToggle.js +0 -65
- package/dist/toggleButton/ToggleButton.js +0 -106
- package/dist/toggleButton/internal/generateId.d.ts +0 -1
- package/dist/typography/Typography.js +0 -95
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { forwardRef } from "react";
|
|
2
|
+
import { j as jsx } from "../core/RiksTV.js";
|
|
3
|
+
var typography = /* @__PURE__ */ (() => ".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-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-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);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)}.rds-light .rds-display-title,.rds-display-title--light{color:var(--rds-foreground-tertiary)}.rds-light .rds-title-1,.rds-title-1--light,.rds-light .rds-title-2,.rds-title-2--light,.rds-light .rds-title-3,.rds-title-3--light,.rds-light .rds-title-4,.rds-title-4--light,.rds-light .rds-subtite-2,.rds-subtite-2--light{color:var(--rds-button-primary-fg)}.rds-light .rds-body,.rds-light .rds-span,.rds-body--light{color:var(--rds-background-primary)}.rds-light .rds-sub-body,.rds-sub-body--light{color:var(--sub-body-color--light)}.rds-light .rds-tag,.rds-tag--light,.rds-light .rds-bold,.rds-bold--light{color:var(--rds-background-primary)}.rds-light .rds-meta,.rds-meta--light{color:var(--rds-button-primary-fg)}\n")();
|
|
4
|
+
const typographyFactory = (factoryProps) => forwardRef(({
|
|
5
|
+
children,
|
|
6
|
+
lookLike = factoryProps.lookLike,
|
|
7
|
+
className = "",
|
|
8
|
+
lightBackground = false,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const C = factoryProps.semanticElement;
|
|
12
|
+
return /* @__PURE__ */ jsx(C, {
|
|
13
|
+
className: `rds-${lookLike} ${lightBackground ? `rds-${lookLike}--light` : ""} ${className}`,
|
|
14
|
+
...props,
|
|
15
|
+
ref,
|
|
16
|
+
children
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
const DisplayTitle = typographyFactory({
|
|
20
|
+
semanticElement: "h1",
|
|
21
|
+
lookLike: "display-title"
|
|
22
|
+
});
|
|
23
|
+
const H1 = typographyFactory({
|
|
24
|
+
semanticElement: "h1",
|
|
25
|
+
lookLike: "title-1"
|
|
26
|
+
});
|
|
27
|
+
const H2 = typographyFactory({
|
|
28
|
+
semanticElement: "h2",
|
|
29
|
+
lookLike: "title-2"
|
|
30
|
+
});
|
|
31
|
+
const H3 = typographyFactory({
|
|
32
|
+
semanticElement: "h3",
|
|
33
|
+
lookLike: "title-3"
|
|
34
|
+
});
|
|
35
|
+
const H4 = typographyFactory({
|
|
36
|
+
semanticElement: "h4",
|
|
37
|
+
lookLike: "title-4"
|
|
38
|
+
});
|
|
39
|
+
const Lead = typographyFactory({
|
|
40
|
+
semanticElement: "p",
|
|
41
|
+
lookLike: "lead"
|
|
42
|
+
});
|
|
43
|
+
const Body = typographyFactory({
|
|
44
|
+
semanticElement: "p",
|
|
45
|
+
lookLike: "body"
|
|
46
|
+
});
|
|
47
|
+
const SubBody = typographyFactory({
|
|
48
|
+
semanticElement: "p",
|
|
49
|
+
lookLike: "sub-body"
|
|
50
|
+
});
|
|
51
|
+
const Tag = typographyFactory({
|
|
52
|
+
semanticElement: "span",
|
|
53
|
+
lookLike: "tag"
|
|
54
|
+
});
|
|
55
|
+
const Bold = typographyFactory({
|
|
56
|
+
semanticElement: "strong",
|
|
57
|
+
lookLike: "bold"
|
|
58
|
+
});
|
|
59
|
+
const Meta = typographyFactory({
|
|
60
|
+
semanticElement: "span",
|
|
61
|
+
lookLike: "meta"
|
|
62
|
+
});
|
|
63
|
+
const Span = typographyFactory({
|
|
64
|
+
semanticElement: "span",
|
|
65
|
+
lookLike: "span"
|
|
66
|
+
});
|
|
67
|
+
export { Body as B, DisplayTitle as D, H1 as H, Lead as L, Meta as M, Span as S, Tag as T, H2 as a, H3 as b, H4 as c, Bold as d, SubBody as e };
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
@use "../core/mixin/fluid";
|
|
2
2
|
@use "../core/mixin/focus";
|
|
3
3
|
|
|
4
|
+
.rtv {
|
|
5
|
+
--sub-body-color--light: var(--rds-foreground-solid-soft);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.strm {
|
|
9
|
+
--sub-body-color--light: var(--rds-button-primary-fg);
|
|
10
|
+
}
|
|
11
|
+
|
|
4
12
|
.rds-link {
|
|
5
13
|
font-family: inherit;
|
|
6
14
|
font-size: inherit;
|
|
@@ -52,6 +60,14 @@
|
|
|
52
60
|
color: var(--rds-foreground-primary);
|
|
53
61
|
}
|
|
54
62
|
|
|
63
|
+
.rds-sub-title-2 {
|
|
64
|
+
font-family: var(--rds-font-family-lg-headlines);
|
|
65
|
+
font-size: fluid.get-clamp(22, 32);
|
|
66
|
+
font-weight: normal;
|
|
67
|
+
line-height: 1.2;
|
|
68
|
+
color: var(--rds-foreground-primary);
|
|
69
|
+
}
|
|
70
|
+
|
|
55
71
|
.rds-title-3 {
|
|
56
72
|
font-family: var(--rds-font-family-m-headlines);
|
|
57
73
|
font-size: fluid.get-clamp(20, 22);
|
|
@@ -68,6 +84,14 @@
|
|
|
68
84
|
color: var(--rds-foreground-primary);
|
|
69
85
|
}
|
|
70
86
|
|
|
87
|
+
.rds-lead {
|
|
88
|
+
font-family: var(--rds-font-family-m-headlines);
|
|
89
|
+
font-size: fluid.get-clamp(20, 22);
|
|
90
|
+
font-weight: normal;
|
|
91
|
+
line-height: 1.5;
|
|
92
|
+
color: var(--rds-foreground-primary);
|
|
93
|
+
}
|
|
94
|
+
|
|
71
95
|
.rds-body {
|
|
72
96
|
font-family: var(--rds-font-family-body);
|
|
73
97
|
font-size: fluid.get-clamp(16, 18);
|
|
@@ -110,6 +134,10 @@
|
|
|
110
134
|
color: var(--rds-foreground-overlay-heavy);
|
|
111
135
|
}
|
|
112
136
|
|
|
137
|
+
.rds-span {
|
|
138
|
+
@extend .rds-body;
|
|
139
|
+
}
|
|
140
|
+
|
|
113
141
|
.rds-link--light {
|
|
114
142
|
color: var(--rds-background-primary);
|
|
115
143
|
&:hover {
|
|
@@ -139,8 +167,9 @@ $typography-scale: (
|
|
|
139
167
|
"title-2": "--rds-button-primary-fg",
|
|
140
168
|
"title-3": "--rds-button-primary-fg",
|
|
141
169
|
"title-4": "--rds-button-primary-fg",
|
|
170
|
+
"subtite-2": "--rds-button-primary-fg",
|
|
142
171
|
"body": "--rds-background-primary",
|
|
143
|
-
"sub-body": "--
|
|
172
|
+
"sub-body": "--sub-body-color--light",
|
|
144
173
|
"tag": "--rds-background-primary",
|
|
145
174
|
"bold": "--rds-background-primary",
|
|
146
175
|
"meta": "--rds-button-primary-fg",
|
|
@@ -1,15 +1,210 @@
|
|
|
1
|
-
export { R as RiksTVProvider } from "./core/RiksTV.js";
|
|
2
|
-
export { S as StrimProvider } from "./core/Strim.js";
|
|
3
|
-
export { L as LightMode } from "./core/LightMode.js";
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
10
|
-
export { T as
|
|
11
|
-
export {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
export { R as RiksTVProvider } from "./components/core/RiksTV.js";
|
|
2
|
+
export { S as StrimProvider } from "./components/core/Strim.js";
|
|
3
|
+
export { L as LightMode } from "./components/core/LightMode.js";
|
|
4
|
+
export { G as Gutter } from "./components/spacing/Gutter.js";
|
|
5
|
+
export { G as GutterPadding } from "./components/spacing/GutterPadding.js";
|
|
6
|
+
export { A as Accordion } from "./components/accordion/Accordion.js";
|
|
7
|
+
export { P as Panel } from "./components/panel/Panel.js";
|
|
8
|
+
export { C as Checkbox } from "./components/checkbox/Checkbox.js";
|
|
9
|
+
export { P as PrimaryButton, S as SecondaryButton, T as TertiaryButton } from "./components/button/Button.js";
|
|
10
|
+
export { P as PrimaryIconButton, S as SecondaryIconButton, T as TertiaryIconButton } from "./components/button/IconButton.js";
|
|
11
|
+
export { P as PrimaryArrowButton, S as SecondaryArrowButton, T as TertiaryArrowButton } from "./components/button/ArrowButton.js";
|
|
12
|
+
export { T as ToggleButton } from "./components/toggleButton/ToggleButton.js";
|
|
13
|
+
export { T as ToggleLinkButton } from "./components/toggleLinkButton/ToggleLinkButton.js";
|
|
14
|
+
export { a as RadioToggleInput } from "./components/toggle/RadioToggle.js";
|
|
15
|
+
export { F as FieldSet } from "./components/toggle/FieldSet.js";
|
|
16
|
+
export { T as TextField } from "./components/textfield/TextField.js";
|
|
17
|
+
export { B as Breadcrumb, a as BreadcrumbCurrent } from "./components/breadcrumb/Breadcrumb.js";
|
|
18
|
+
export { P as Progress } from "./components/progress/Progress.js";
|
|
19
|
+
export { B as Body, d as Bold, D as DisplayTitle, H as H1, a as H2, b as H3, c as H4, L as Lead, M as Meta, S as Span, e as SubBody, T as Tag } from "./components/typography/Typography.js";
|
|
20
|
+
export { L as List } from "./components/list/List.js";
|
|
21
|
+
export { C as CheckmarkListItem } from "./components/list/CheckmarkListItem.js";
|
|
22
|
+
export { L as ListItem } from "./components/list/ListItem.js";
|
|
23
|
+
export { C as CrossmarkListItem } from "./components/list/CrossmarkListItem.js";
|
|
24
|
+
export { O as OrderedListItem } from "./components/list/OrderedListItem.js";
|
|
25
|
+
export { L as Loader } from "./components/loader/Loader.js";
|
|
26
|
+
export { C as CircularProgress } from "./components/progress/CircularProgress.js";
|
|
27
|
+
import { useState, useEffect, useRef, useCallback, useLayoutEffect } from "react";
|
|
28
|
+
export { L as LinkButton } from "./components/button/LinkButton.js";
|
|
29
|
+
export { B as BaseLinkButton } from "./components/button/BaseLinkButton.js";
|
|
30
|
+
import "./components/core/Core.js";
|
|
31
|
+
import "./components/icons/Chevron.js";
|
|
32
|
+
import "./components/panel/Success.js";
|
|
33
|
+
import "./components/panel/Warning.js";
|
|
34
|
+
import "./components/panel/Info.js";
|
|
35
|
+
import "./components/button/BaseButton.js";
|
|
36
|
+
import "./components/button/DecoratedButton.js";
|
|
37
|
+
import "./components/button/BaseDecoratedButton.js";
|
|
38
|
+
import "./components/icons/Arrow.js";
|
|
39
|
+
import "./components/loader/RawLoader.js";
|
|
40
|
+
const PREFERS_REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
|
|
41
|
+
const getInitialMediaQueryMatch = (mediaQuery) => {
|
|
42
|
+
if (typeof window !== "undefined" && window.matchMedia) {
|
|
43
|
+
return window.matchMedia(mediaQuery).matches;
|
|
44
|
+
}
|
|
45
|
+
return false;
|
|
46
|
+
};
|
|
47
|
+
const addMediaQueryListener = (mq, callback) => {
|
|
48
|
+
if (typeof mq.addEventListener !== "undefined") {
|
|
49
|
+
mq.addEventListener("change", callback);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
const useBrowserPreferences = () => {
|
|
53
|
+
const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialMediaQueryMatch(PREFERS_REDUCED_MOTION));
|
|
54
|
+
useEffect(() => {
|
|
55
|
+
if (typeof window !== "undefined" && window.matchMedia) {
|
|
56
|
+
addMediaQueryListener(window.matchMedia(PREFERS_REDUCED_MOTION), (e2) => {
|
|
57
|
+
setPrefersReducedMotion(e2.matches);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
}, []);
|
|
61
|
+
return { prefersReducedMotion };
|
|
62
|
+
};
|
|
63
|
+
function useAnimatedHeight(isOpen, options) {
|
|
64
|
+
const raf1 = useRef();
|
|
65
|
+
const raf2 = useRef();
|
|
66
|
+
const elementRef = useRef(null);
|
|
67
|
+
const firstRender = useRef(true);
|
|
68
|
+
const { prefersReducedMotion } = useBrowserPreferences();
|
|
69
|
+
function handleTransitionEnd(event) {
|
|
70
|
+
var _a;
|
|
71
|
+
const element = elementRef.current;
|
|
72
|
+
if (element && event.target === element) {
|
|
73
|
+
element.removeAttribute("style");
|
|
74
|
+
(_a = options == null ? void 0 : options.onTransitionEnd) == null ? void 0 : _a.call(options, isOpen);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
const runAnimation = useCallback(() => {
|
|
78
|
+
var _a, _b;
|
|
79
|
+
if (firstRender.current) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
(_a = options == null ? void 0 : options.onTransitionStart) == null ? void 0 : _a.call(options, isOpen);
|
|
83
|
+
if (prefersReducedMotion) {
|
|
84
|
+
(_b = options == null ? void 0 : options.onTransitionEnd) == null ? void 0 : _b.call(options, isOpen);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
const element = elementRef.current;
|
|
88
|
+
if (element) {
|
|
89
|
+
element.style.display = "block";
|
|
90
|
+
element.style.overflow = "hidden";
|
|
91
|
+
if (isOpen) {
|
|
92
|
+
element.style.height = "0";
|
|
93
|
+
element.style.height = `${element.scrollHeight}px`;
|
|
94
|
+
} else {
|
|
95
|
+
if (element.scrollHeight === 0) {
|
|
96
|
+
element.removeAttribute("style");
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
element.style.height = `${element.scrollHeight}px`;
|
|
100
|
+
raf1.current = requestAnimationFrame(() => {
|
|
101
|
+
raf2.current = requestAnimationFrame(() => {
|
|
102
|
+
element.style.height = `${0}px`;
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}, [isOpen, options, prefersReducedMotion]);
|
|
108
|
+
useLayoutEffect(() => {
|
|
109
|
+
runAnimation();
|
|
110
|
+
}, [isOpen, runAnimation]);
|
|
111
|
+
useEffect(() => {
|
|
112
|
+
const element = elementRef.current;
|
|
113
|
+
if (element) {
|
|
114
|
+
element.addEventListener("transitionend", handleTransitionEnd);
|
|
115
|
+
}
|
|
116
|
+
return () => {
|
|
117
|
+
if (element) {
|
|
118
|
+
element.removeEventListener("transitionend", handleTransitionEnd);
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
}, [isOpen]);
|
|
122
|
+
useEffect(() => {
|
|
123
|
+
const r1 = raf1.current;
|
|
124
|
+
const r2 = raf2.current;
|
|
125
|
+
firstRender.current = false;
|
|
126
|
+
return () => {
|
|
127
|
+
r1 && cancelAnimationFrame(r1);
|
|
128
|
+
r2 && cancelAnimationFrame(r2);
|
|
129
|
+
};
|
|
130
|
+
}, [raf1, raf2]);
|
|
131
|
+
return [elementRef, runAnimation];
|
|
132
|
+
}
|
|
133
|
+
const useClickOutsideListener = ({ ref, callback, condition = true }) => {
|
|
134
|
+
const handleClick = useCallback((e2) => {
|
|
135
|
+
if ((ref == null ? void 0 : ref.current) && !ref.current.contains(e2.target)) {
|
|
136
|
+
callback(e2);
|
|
137
|
+
}
|
|
138
|
+
}, [callback, ref]);
|
|
139
|
+
useEffect(() => {
|
|
140
|
+
if (ref && condition) {
|
|
141
|
+
document && document.addEventListener("click", handleClick);
|
|
142
|
+
}
|
|
143
|
+
return () => {
|
|
144
|
+
document && document.removeEventListener("click", handleClick);
|
|
145
|
+
};
|
|
146
|
+
}, [ref, condition, handleClick]);
|
|
147
|
+
};
|
|
148
|
+
const intersectionObserverSupported = (() => {
|
|
149
|
+
const entry = globalThis.IntersectionObserverEntry;
|
|
150
|
+
return "IntersectionObserver" in globalThis && entry && "isIntersecting" in entry.prototype;
|
|
151
|
+
})();
|
|
152
|
+
const noop = () => void 0;
|
|
153
|
+
const useIntersectionObserver = (callback, options = {}, fallback = noop, enabled = true) => {
|
|
154
|
+
const [triggerElement, setTriggerElement] = useState(null);
|
|
155
|
+
const observedElementRef = useCallback((refNode) => setTriggerElement(refNode), [setTriggerElement]);
|
|
156
|
+
const optionsRef = useRef(options);
|
|
157
|
+
const observerRef = useRef(null);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
if (!intersectionObserverSupported) {
|
|
160
|
+
fallback == null ? void 0 : fallback();
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
let observer = observerRef.current;
|
|
164
|
+
observer == null ? void 0 : observer.disconnect();
|
|
165
|
+
if (triggerElement && enabled) {
|
|
166
|
+
observer = new IntersectionObserver(callback, optionsRef.current);
|
|
167
|
+
observer.observe(triggerElement);
|
|
168
|
+
}
|
|
169
|
+
return () => {
|
|
170
|
+
observer == null ? void 0 : observer.disconnect();
|
|
171
|
+
};
|
|
172
|
+
}, [triggerElement, callback, fallback, enabled]);
|
|
173
|
+
return [observedElementRef];
|
|
174
|
+
};
|
|
175
|
+
const useElementVisible = (options = { rootMargin: "150px" }, enabled = true) => {
|
|
176
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
177
|
+
const [targetRef] = useIntersectionObserver((items) => {
|
|
178
|
+
const isIntersecting = items.some((i) => i.isIntersecting);
|
|
179
|
+
setIsVisible(isIntersecting);
|
|
180
|
+
}, options, void 0, enabled);
|
|
181
|
+
return [targetRef, isVisible];
|
|
182
|
+
};
|
|
183
|
+
const hasWindowWithMutationObserver = () => typeof window !== "undefined" && typeof MutationObserver !== "undefined";
|
|
184
|
+
const useMutationObserver = (target, onObservation, config) => {
|
|
185
|
+
const observerRef = useRef(null);
|
|
186
|
+
useEffect(() => {
|
|
187
|
+
let observer = observerRef.current;
|
|
188
|
+
if (hasWindowWithMutationObserver()) {
|
|
189
|
+
if (observer) {
|
|
190
|
+
observer.disconnect();
|
|
191
|
+
}
|
|
192
|
+
observer = new MutationObserver(onObservation);
|
|
193
|
+
if (target) {
|
|
194
|
+
if ("current" in target) {
|
|
195
|
+
if (target.current) {
|
|
196
|
+
observer.observe(target.current, config);
|
|
197
|
+
}
|
|
198
|
+
} else {
|
|
199
|
+
observer.observe(target, config);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
return () => {
|
|
204
|
+
if (hasWindowWithMutationObserver() && observer) {
|
|
205
|
+
observer.disconnect();
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
}, [target, onObservation, config]);
|
|
209
|
+
};
|
|
210
|
+
export { useAnimatedHeight, useBrowserPreferences, useClickOutsideListener, useElementVisible, useIntersectionObserver, useMutationObserver };
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.rtv{--rds-button-primary-fg: #fff;--rds-button-secondary-pressed-fg: #666666;--rds-button-secondary-pressed-bg: #fff;--rds-button-tertirary-bg: #3b3b3b;--rds-button-tertiary-hover-bg: #434343;--rds-accent-color: #ee4642;--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: #d41612;--rds-accent-hover: #d41612;--rds-foreground-primary: #fff;--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: #666;--rds-heading-accent: var(--rds-foreground-primary);--rds-background-primary-rgb: 37, 37, 37;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #0b0b0b;--rds-background-tertiary: #434343;--rds-background-card: #3b3b3b;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: #434343;--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-feedback-error-text: #f17774;--rds-feedback-error-object: #e01c17;--rds-roundness--default: 4px;--rds-roundness--button: 34px;--rds-roundness--round: 50%;--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-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--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)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.strm{--stand-up-green: #49f5a4;--surface-background: #edfef6;--rds-accent-color: #faed6f;--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: #fcf4a9;--rds-foreground-primary: #ffffff;--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: #356e63;--rds-heading-accent: var(--stand-up-green);--rds-background-primary-rgb: 0, 42, 42;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #001515;--rds-background-tertiary: #004b50;--rds-background-card: #193f3f;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: #004b50;--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-feedback-error-text: #ff8fa3;--rds-feedback-error-object: #d91b4e;--rds-button-primary-fg: var(--rds-surface-foreground);--rds-button-secondary-pressed-fg: #ffffff;--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: #193f3f;--rds-button-tertiary-hover-bg: var(--rds-surface-foreground);--rds-roundness--default: 12px;--rds-roundness--button: 12px;--rds-roundness--round: 50%;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", 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}.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:normal;line-height:1.5;color:var(--rds-foreground-primary)}.rds-light .rds-bold,.rds-light .rds-accordion-details__summary{color:var(--rds-background-primary)}@keyframes details-sweep{0%{opacity:0}to{opacity:1}}.rds-accordion-details{border-radius:var(--rds-roundness--default);transition:125ms ease-in-out box-shadow}.rds-accordion-details:hover{box-shadow:0 8px 18px #0000004d}.rds-accordion-details[open]{--chevron-direction: 180deg;background-color:var(--rds-foreground-solid-soft);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[open]:hover{box-shadow:0 8px 18px #0000004d}.rds-accordion-details:not([open]){--chevron-direction: 0}.rds-accordion-details:not([open]):hover{box-shadow:none}.rds-accordion-details:not([open]):hover .rds-accordion-details__summary{box-shadow:0 8px 18px #0000004d}.rds-accordion-details__summary{transition:125ms ease-in-out box-shadow;border-radius:var(--rds-roundness--default);background-color:var(--rds-foreground-solid-soft);color:var(--rds-foreground-primary)!important;cursor:pointer;list-style:none;user-select:none;height:3rem;display:flex;align-items:center;align-self:center;position:relative;padding:8px 32px 8px 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%;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(--rds-foreground-primary)}.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:0 32px 16px 16px}.rds-accordion-details--left>summary{padding:8px 32px 8px 64px}.rds-accordion-details--left>summary>svg{right:initial;left:18px}.rds-accordion-details--hide-default-text>summary{max-width:100%;height:100%;background-color:transparent;margin-bottom:0}.rds-accordion-details--light[open],.rds-light [open].rds-accordion-details{background-color:var(--rds-surface-foreground)}.rds-accordion-details--light .rds-accordion-details__summary,.rds-light .rds-accordion-details .rds-accordion-details__summary{background-color:var(--rds-surface-foreground)}.rds-button{padding:.78125rem var(--rds-spacing--32);border-radius:var(--rds-roundness--button);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-button__icon>svg{width:100%}.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:200%;left:0}.rds-button--loading:disabled{cursor:wait!important}.rds-button--loading:disabled:hover{box-shadow:none}.rds-button__shared{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-tertiary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);border:2px solid var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}.rds-button__shared:active{box-shadow:none}.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-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--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%}.rds-button__shared,.rds-toggle-button{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-tertiary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}.rds-button__shared--tertiary,.rds-toggle-button{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover,.rds-toggle-button:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active,.rds-toggle-button:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled,.rds-toggle-button:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.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}.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-button,.rds-toggle-button{padding:.78125rem var(--rds-spacing--32);border-radius:var(--rds-roundness--button);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.rds-button__icon,.rds-toggle-button__rounded{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-button__icon>svg,.rds-toggle-button__rounded>svg{width:100%}.rds-icon-button,.rds-toggle-button--round{--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,.rds-toggle-button--round .rds-button__icon,.rds-icon-button .rds-toggle-button__rounded,.rds-toggle-button--round .rds-toggle-button__rounded{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,.rds-toggle-button--round .rds-button__icon>svg,.rds-icon-button .rds-toggle-button__rounded>svg,.rds-toggle-button--round .rds-toggle-button__rounded>svg{width:100%}.rds-toggle-button{display:inline-block;user-select:none}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__content{display:flex;align-items:center}.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--round .rds-toggle-button__rounded{margin:0}.rds-button__shared,.rds-radio-toggle{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-tertiary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);border:2px solid var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary,.rds-radio-toggle{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover,.rds-radio-toggle:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active,.rds-radio-toggle:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled,.rds-radio-toggle:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.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}.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-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-button,.rds-radio-toggle{padding:.78125rem var(--rds-spacing--32);border-radius:var(--rds-roundness--button);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-button__icon>svg{width:100%}.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:200%;left:0}.rds-button--loading:disabled{cursor:wait!important}.rds-button--loading:disabled:hover{box-shadow:none}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{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-tertiary)}.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;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-bold,.rds-form-group .rds-textfield--label span{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:normal;line-height:1.5;color:var(--rds-foreground-primary)}.rds-light .rds-bold,.rds-light .rds-form-group .rds-textfield--label span,.rds-form-group .rds-textfield--label .rds-light span{color:var(--rds-background-primary)}.rds-form-group{--input-color: var(--rds-foreground-primary);--input-label-color: var(--rds-foreground-secondary);--input-border-color: var(--rds-foreground-primary);--input-error-color: var(--rds-feedback-error);--input-bg: var(--rds-background-primary)}.rds-form-group .rds-textfield--input{border:1px solid var(--input-border-color);background-color:var(--input-border-bg);color:var(--input-color);border-radius:2px;height:3rem;width:100%;max-width:500px;padding:0 var(--rds-spacing--8)}.rds-form-group .rds-textfield--input--full-width{max-width:unset}.rds-form-group .rds-textfield--input::placeholder{opacity:0}.rds-form-group .rds-textfield--input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.rds-form-group .rds-textfield--input:-webkit-autofill{box-shadow:0 0 0 30px var(--rds-background-primary) inset;-webkit-box-shadow:0 0 0 30px var(--rds-background-primary) inset;-webkit-text-fill-color:var(--rds-foreground-primary)}.rds-form-group .rds-textfield--label{cursor:text;background-color:var(--input-bg);position:absolute;padding:0 8px;top:50%;left:var(--rds-spacing--4);transform:translateY(-50%);transition:.2s ease-in-out;transition-property:top,font-size}.rds-form-group .rds-textfield--label span{font-size:1.125rem;color:var(--input-label-color)}.rds-form-group .rds-textfield--error-text{color:var(--input-error-color);margin-top:.5rem;margin-bottom:.5rem;position:absolute}.rds-form-group .rds-textfield:focus::-moz-focus-inner{border-style:none;outline:0}.rds-form-group .rds-textfield:focus button::-moz-focus-inner,.rds-form-group .rds-textfield:focus [type=button]::-moz-focus-inner,.rds-form-group .rds-textfield:focus [type=reset]::-moz-focus-inner,.rds-form-group .rds-textfield:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-form-group .rds-textfield:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-form-group .rds-textfield:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-form-group{position:relative}.rds-form-group:focus-within .rds-textfield--label{top:0;font-size:1rem}.rds-form-group input:not(:placeholder-shown)+label{top:0;font-size:1rem}.rds-light .rds-textfield,.rds-light.rds-textfield{--input-color: var(--rds-button-primary-fg);--input-border-color: var(--rds-button-primary-fg);--input-bg: var(--surface-background)}.rds-light .rds-textfield--label span,.rds-light.rds-textfield--label span{--input-label-color: var(--rds-background-primary)}.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:normal;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:normal;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:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:normal;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:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-body{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:normal;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:normal;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:normal;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:normal;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:normal;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)}.rds-light .rds-display-title{color:var(--rds-foreground-tertiary)}.rds-display-title--light{color:var(--rds-foreground-tertiary)}.rds-light .rds-title-1{color:var(--rds-button-primary-fg)}.rds-title-1--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-2{color:var(--rds-button-primary-fg)}.rds-title-2--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-3{color:var(--rds-button-primary-fg)}.rds-title-3--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-4{color:var(--rds-button-primary-fg)}.rds-title-4--light{color:var(--rds-button-primary-fg)}.rds-light .rds-body{color:var(--rds-background-primary)}.rds-body--light{color:var(--rds-background-primary)}.rds-light .rds-sub-body{color:var(--rds-button-primary-fg)}.rds-sub-body--light{color:var(--rds-button-primary-fg)}.rds-light .rds-tag{color:var(--rds-background-primary)}.rds-tag--light{color:var(--rds-background-primary)}.rds-light .rds-bold{color:var(--rds-background-primary)}.rds-bold--light{color:var(--rds-background-primary)}.rds-light .rds-meta{color:var(--rds-button-primary-fg)}.rds-meta--light{color:var(--rds-button-primary-fg)}
|
|
1
|
+
.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-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertirary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--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-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--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-light-blue);--rds-feedback-warning: var(--rikstv-yellow);--rds-feedback-confirm: var(--rikstv-success-light);--rds-feedback-error: var(--rikstv-error-dark);--rds-feedback-error-text: var(--rikstv-error-light);--rds-feedback-error-object: 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-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-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--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: 60ch;--rds-content-width--default: 1070px;--rds-breakpoint--sm: 768px;--rds-breakpoint--md: 992px;--rds-breakpoint--lg: 1200px;--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}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff) format("woff");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}.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);--surface-background: var(--strim-standup-green-10);--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-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--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-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--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-warning: var(--strim-warning-light);--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-feedback-error-text: var(--strim-error-light);--rds-feedback-error-object: 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-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", 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}.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-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-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);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,.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)}.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)}.rds-light .rds-display-title,.rds-display-title--light{color:var(--rds-foreground-tertiary)}.rds-light .rds-title-1,.rds-title-1--light,.rds-light .rds-title-2,.rds-title-2--light,.rds-light .rds-title-3,.rds-title-3--light,.rds-light .rds-title-4,.rds-title-4--light,.rds-light .rds-subtite-2,.rds-subtite-2--light{color:var(--rds-button-primary-fg)}.rds-light .rds-body,.rds-light .rds-span,.rds-body--light{color:var(--rds-background-primary)}.rds-light .rds-sub-body,.rds-sub-body--light{color:var(--sub-body-color--light)}.rds-light .rds-tag,.rds-tag--light,.rds-light .rds-bold,.rds-light .rds-accordion-details__summary,.rds-bold--light{color:var(--rds-background-primary)}.rds-light .rds-meta,.rds-meta--light{color:var(--rds-button-primary-fg)}@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: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;user-select:none;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%;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-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-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:baseline}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;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: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--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-form-group-box{--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-text);display:flex;gap:.75em}.rds-form-group-box .rds-checkbox__input{cursor:pointer;appearance:none;-webkit-appearance:none;background-color:var(--checkbox-background-color);margin:0;width:1.75em;height:1.75em;border:2px solid var(--checkbox-border-color);border-radius:.15em;display:grid;place-content:center}.rds-form-group-box .rds-checkbox__input:focus::-moz-focus-inner{border-style:none;outline:0}.rds-form-group-box .rds-checkbox__input:focus button::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=button]::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=reset]::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-form-group-box .rds-checkbox__input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-form-group-box .rds-checkbox__input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-form-group-box .rds-checkbox__input:before{content:"";width:1.35em;height:1.35em;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)}.rds-form-group-box .rds-checkbox__input:checked{--checkbox-background-color: var(--rds-accent-color)}.rds-form-group-box .rds-checkbox__input:checked:before{transform:scale(1) translateY(.15em)}.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;user-select:none;cursor:pointer;color:var(--checkbox-label-color)}.rds-form-group-box--error{--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}.rds-form-group-box--error .rds-checkbox__input{box-shadow:0 0 0 1px var(--checkbox-border-color)}.rds-form-group-box--error .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box,.rds-light.rds-form-group-box{--checkbox-border-color: var(--rds-button-primary-fg);--checkbox-checkmark-color: var(--surface-background);--checkbox-error-color: var(--rds-feedback-error-object)}.rds-light .rds-form-group-box .rds-checkbox__label,.rds-light.rds-form-group-box .rds-checkbox__label{--checkbox-label-color: var(--rds-background-primary)}.rds-light .rds-form-group-box .rds-checkbox__input:checked,.rds-light.rds-form-group-box .rds-checkbox__input:checked{--checkbox-background-color: var(--rds-button-primary-fg)}.rds-light .rds-form-group-box--error,.rds-light.rds-form-group-box--error{--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box--error .rds-checkbox__label,.rds-light.rds-form-group-box--error .rds-checkbox__label{--checkbox-label-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box--error .rds-checkbox__input:checked,.rds-light.rds-form-group-box--error .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-error-color)}.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);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.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-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}.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}.rds-button__shared{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);box-shadow:inset 0 0 0 2px var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}.rds-button__shared:active{box-shadow:none}.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-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light.rds-white.rds-button__shared--secondary{--common-button--secondary-bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--secondary-bg: transparent}.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%}.rds-arrow-button{--default-arrow-size: 1.125rem;--default-arrow-margin: .75rem;align-items:center}.rds-arrow-button>svg{width:100%}.rds-arrow-button .rds-button__arrow{margin:0;box-sizing:border-box;margin-inline:var(--default-arrow-margin) -6px;height:var(--default-arrow-size);width:var(--default-arrow-size)}.rds-arrow-button .rds-button__arrow>svg{width:100%}.rds-arrow-button--backwards .rds-button__arrow{margin-inline:-6px var(--default-arrow-margin)}.rds-arrow-button--backwards .rds-button__arrow>svg{transform:rotate(180deg)}.rds-arrow-button--forwards{flex-direction:row-reverse}.rds-button__shared,.rds-toggle-button{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);box-shadow:inset 0 0 0 2px var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary,.rds-toggle-button{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover,.rds-toggle-button:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active,.rds-toggle-button:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled,.rds-toggle-button:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.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}.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-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light.rds-white.rds-button__shared--secondary{--common-button--secondary-bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--secondary-bg: transparent}.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);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.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}.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}.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,.rds-icon-button .rds-toggle-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,.rds-icon-button .rds-toggle-button__icon>svg{width:100%}.rds-toggle-button{display:inline-block;user-select:none}.rds-toggle-button--no-label{padding-inline:var(--rds-spacing--16)}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__icon{margin-right:0;width:auto}.rds-toggle-button__icon svg{height:23px;width:auto}.rds-toggle-button__icon+.rds-toggle-button__text{margin-left:var(--rds-spacing--16)}.rds-toggle-button__content{display:flex;align-items:center}.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-link-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;user-select:none}.rds-toggle-link-button__input{opacity:0;position:absolute}.rds-toggle-link-button__input:checked+.rds-toggle-link-button{--chevron-direction: 180deg;--border-color: var(--rds-toggle-expanded)}.rds-toggle-link-button__content{display:flex;align-items:center}.rds-toggle-link-button__content>span:first-child{border-bottom:2px solid var(--border-color);padding-bottom:7px}.rds-toggle-link-button__chevron{padding-left:var(--rds-spacing--8)}.rds-toggle-link-button__chevron>svg{height:100%;width:20px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center}.rds-toggle-link-button__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{--border-color: var(--rds-background-secondary)}.rds-light .rds-toggle-link-button{color:var(--rds-button-primary-fg)}.rds-button__shared,.rds-radio-toggle{--common-button--primary-color: var(--rds-button-primary-fg);--common-button--primary-bg: var(--rds-accent-color);--common-button--primary-hover-bg: var(--rds-accent-hover);--common-button--primary-pressed-bg: var(--rds-accent-color);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-foreground-primary);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--tertiary-bg: var(--rds-button-tertirary-bg);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-hover-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);border:none;width:auto;background:transparent;line-height:normal;-webkit-appearance:none;display:flex;transition:125ms ease-in-out;transition-property:color,box-shadow,background-color;font-family:var(--rds-font-family-m-headlines)}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}.rds-button__shared--primary:hover{background-color:var(--common-button--primary-hover-bg)}.rds-button__shared--primary:active{box-shadow:none;background-color:var(--common-button--primary-pressed-bg)}.rds-button__shared--secondary{background-color:var(--common-button--secondary-bg);box-shadow:inset 0 0 0 2px var(--common-button--secondary-border-color);color:var(--common-button--secondary-color)}.rds-button__shared--secondary:hover{background-color:var(--common-button--secondary-hover-bg);color:var(--common-button--secondary-hover-color)}.rds-button__shared--secondary:active{background-color:var(--common-button--secondary-pressed-bg);color:var(--common-button--secondary-pressed-color);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary,.rds-radio-toggle{background-color:var(--common-button--tertiary-bg);color:var(--common-button--tertiary-color)}.rds-button__shared--tertiary:hover,.rds-radio-toggle:hover{background-color:var(--common-button--tertiary-hover-bg);color:var(--common-button--tertiary-hover-color)}.rds-button__shared--tertiary:active,.rds-radio-toggle:active{background-color:var(--common-button--tertiary-pressed-bg);color:var(--common-button--tertiary-pressed-color)}.rds-button__shared:disabled,.rds-radio-toggle:disabled{background-color:var(--common-button--disabled-bg);color:var(--common-button--disabled-color);box-shadow:none;cursor:not-allowed;border:none}.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}.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-light .rds-button__shared--primary,.rds-light.rds-button__shared--primary{--common-button--primary-color: var(--rds-foreground-primary);--common-button--primary-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--primary:hover,.rds-light.rds-button__shared--primary:hover{--common-button--primary-hover-bg: var(--rds-foreground-tertiary)}.rds-light .rds-button__shared--primary:active,.rds-light.rds-button__shared--primary:active{box-shadow:none;--common-button--primary-pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--primary:disabled,.rds-light.rds-button__shared--primary:disabled{--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--secondary-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);--common-button--secondary-bg: var(--surface-background)}.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-bg: var(--rds-button-primary-fg);--common-button--secondary-hover-color: var(--rds-foreground-primary)}.rds-light .rds-button__shared--secondary:active,.rds-light.rds-button__shared--secondary:active{--common-button--secondary-pressed-color: var(--rds-foreground-primary);--common-button--secondary-pressed-bg: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--secondary:disabled,.rds-light.rds-button__shared--secondary:disabled{--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light.rds-white.rds-button__shared--secondary{--common-button--secondary-bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--secondary-bg: transparent}.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);overflow-y:hidden;cursor:pointer;font-size:1.125rem}.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-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}.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}.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;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-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-text);--textfield-bg: var(--rds-background-primary);max-width:335px;position:relative}.rds-textfield--full-width{max-width:unset}.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::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(: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{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;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(--surface-background);--textfield-error-color: var(--rds-feedback-error-object)}.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(: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-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-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-confirm);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%)}.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-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-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);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)}.rds-light .rds-display-title,.rds-display-title--light{color:var(--rds-foreground-tertiary)}.rds-light .rds-title-1,.rds-title-1--light,.rds-light .rds-title-2,.rds-title-2--light,.rds-light .rds-title-3,.rds-title-3--light,.rds-light .rds-title-4,.rds-title-4--light,.rds-light .rds-subtite-2,.rds-subtite-2--light{color:var(--rds-button-primary-fg)}.rds-light .rds-body,.rds-light .rds-span,.rds-body--light{color:var(--rds-background-primary)}.rds-light .rds-sub-body,.rds-sub-body--light{color:var(--sub-body-color--light)}.rds-light .rds-tag,.rds-tag--light,.rds-light .rds-bold,.rds-bold--light{color:var(--rds-background-primary)}.rds-light .rds-meta,.rds-meta--light{color:var(--rds-button-primary-fg)}.rds-list{--list-item__spacing: 1em;list-style:none;padding:0;counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem;margin-bottom:var(--list-item__spacing)}.rds-list__item{--list-item__topalignment: .375em;display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item:last-child{margin:0}.rds-list__item:before{content:"";display:block;width:.5em;height:.5em;flex-shrink:0;margin-left:.25em;margin-right:calc(1rem + .25em);box-sizing:border-box;border-radius:50%;margin-top:var(--list-item__topalignment);background-color:currentColor}.rds-list__item__ordered{display:flex;margin-bottom:var(--list-item__spacing);counter-increment:listCounter}.rds-list__item__ordered:last-child{margin:0}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}.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)}.rds-link-button{width:fit-content}.rds-link-button>*{text-decoration:none}.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-list__item__checkmark{--mark-color: currentColor;--unicode-cross: "\2713";display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item__checkmark:last-child{margin:0}.rds-list__item__checkmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;margin-top:.225em;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%);background-color:var(--mark-color)}@charset "UTF-8";.rds-list__item__crossmark{--mark-color: currentColor;--unicode-cross: "\274c";display:flex;align-items:center;margin-bottom:var(--list-item__spacing)}.rds-list__item__crossmark:last-child{margin:0}.rds-list__item__crossmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;clip-path:polygon(10% 0%,0% 10%,40% 50%,0% 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0%,50% 40%);background-color:var(--mark-color)}
|
|
File without changes
|