@rikstv/shared-components 3.0.2 → 3.0.4

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.
@@ -0,0 +1,62 @@
1
+ import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as n } from "react";
3
+ import { P as w, S as e, T as d, G as c } from "./DecoratedButton-250c6aa0.mjs";
4
+ import { A as b } from "../icons/Arrow-48abbbdf.mjs";
5
+ const u = () => /* @__PURE__ */ s.jsx(b, {}), m = n(
6
+ ({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
7
+ w,
8
+ {
9
+ className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
10
+ arrow: u,
11
+ buttonType: "rds-arrow-button",
12
+ ref: a,
13
+ ...o
14
+ }
15
+ )
16
+ );
17
+ m.displayName = "PrimaryArrowButton";
18
+ const y = n(
19
+ ({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
20
+ e,
21
+ {
22
+ className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
23
+ arrow: u,
24
+ buttonType: "rds-arrow-button",
25
+ ref: a,
26
+ ...o
27
+ }
28
+ )
29
+ );
30
+ y.displayName = "SecondaryArrowButton";
31
+ const i = n(
32
+ ({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
33
+ d,
34
+ {
35
+ className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
36
+ arrow: u,
37
+ buttonType: "rds-arrow-button",
38
+ ref: a,
39
+ ...o
40
+ }
41
+ )
42
+ );
43
+ i.displayName = "TertiaryArrowButton";
44
+ const p = n(
45
+ ({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
46
+ c,
47
+ {
48
+ className: `${t} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
49
+ arrow: u,
50
+ buttonType: "rds-arrow-button",
51
+ ref: a,
52
+ ...o
53
+ }
54
+ )
55
+ );
56
+ p.displayName = "GhostArrowButton";
57
+ export {
58
+ p as G,
59
+ m as P,
60
+ y as S,
61
+ i as T
62
+ };
@@ -6,4 +6,5 @@ interface ArrowButtonProps extends Omit<DecoratedButtonProps, "arrow"> {
6
6
  export declare const PrimaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
7
7
  export declare const SecondaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
8
8
  export declare const TertiaryArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
+ export declare const GhostArrowButton: import("react").ForwardRefExoticComponent<ArrowButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
10
  export {};
@@ -1,5 +1,5 @@
1
1
  import { ButtonHTMLAttributes } from "react";
2
- export type ButtonStyles = "primary" | "secondary" | "tertiary";
2
+ export type ButtonStyles = "primary" | "secondary" | "tertiary" | "ghost";
3
3
  export type ButtonBackgroundStyles = boolean | "white";
4
4
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
5
5
  isLoading?: boolean;
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as h } from "react";
3
- import "./ArrowButton-470c0575.mjs";
3
+ import "./ArrowButton-c1cb8a6f.mjs";
4
4
  import { A as l } from "../icons/Arrow-48abbbdf.mjs";
5
5
  const u = () => /* @__PURE__ */ r.jsx(l, {}), p = h(
6
6
  ({
@@ -0,0 +1,19 @@
1
+ import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as n } from "react";
3
+ import { B as s } from "./BaseButton-82123b7e.mjs";
4
+ import "./ArrowButton-c1cb8a6f.mjs";
5
+ import "./BaseLinkButton-ef20ac36.mjs";
6
+ const a = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
7
+ a.displayName = "PrimaryButton";
8
+ const e = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));
9
+ e.displayName = "SecondaryButton";
10
+ const u = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "tertiary", ref: o, ...t }));
11
+ u.displayName = "TertiaryButton";
12
+ const y = n((t, o) => /* @__PURE__ */ r.jsx(s, { buttonType: "rds-button", buttonStyle: "ghost", ref: o, ...t }));
13
+ y.displayName = "GhostButton";
14
+ export {
15
+ y as G,
16
+ a as P,
17
+ e as S,
18
+ u as T
19
+ };
@@ -3,5 +3,6 @@ import { ButtonProps } from "./BaseButton";
3
3
  export declare const PrimaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  export declare const SecondaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
5
5
  export declare const TertiaryButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ export declare const GhostButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
6
7
  export { BaseLinkButton } from "./BaseLinkButton";
7
8
  export type { BaseLinkButtonProps } from "./BaseLinkButton";
@@ -0,0 +1,26 @@
1
+ import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as r } from "react";
3
+ import { B as a } from "./BaseDecoratedButton-9280b7ce.mjs";
4
+ import "./ArrowButton-c1cb8a6f.mjs";
5
+ const s = r(
6
+ (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "primary", ref: o, ...t })
7
+ );
8
+ s.displayName = "PrimaryDecoratedButton";
9
+ const n = r(
10
+ (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "secondary", ref: o, ...t })
11
+ );
12
+ n.displayName = "SecondaryDecoratedButton";
13
+ const d = r(
14
+ (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "tertiary", ref: o, ...t })
15
+ );
16
+ d.displayName = "TertiaryDecoratedButton";
17
+ const y = r(
18
+ (t, o) => /* @__PURE__ */ e.jsx(a, { buttonStyle: "ghost", ref: o, ...t })
19
+ );
20
+ y.displayName = "GhostDecoratedButton";
21
+ export {
22
+ y as G,
23
+ s as P,
24
+ n as S,
25
+ d as T
26
+ };
@@ -3,3 +3,4 @@ import { BaseDecoratedButtonProps } from "./BaseDecoratedButton";
3
3
  export declare const PrimaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
4
4
  export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
5
5
  export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
6
+ export declare const GhostDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,18 @@
1
+ import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
2
+ import { forwardRef as r } from "react";
3
+ import { P as a, S as s, T as c, G as e } from "./DecoratedButton-250c6aa0.mjs";
4
+ import "./ArrowButton-c1cb8a6f.mjs";
5
+ const u = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonType: "rds-icon-button", ref: o, ...t }));
6
+ u.displayName = "PrimaryIconButton";
7
+ const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonType: "rds-icon-button", ref: o, ...t }));
8
+ i.displayName = "SecondaryIconButton";
9
+ const y = r((t, o) => /* @__PURE__ */ n.jsx(c, { buttonType: "rds-icon-button", ref: o, ...t }));
10
+ y.displayName = "TertiaryIconButton";
11
+ const d = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonType: "rds-icon-button", ref: o, ...t }));
12
+ d.displayName = "GhostIconButton";
13
+ export {
14
+ d as G,
15
+ u as P,
16
+ i as S,
17
+ y as T
18
+ };
@@ -6,4 +6,5 @@ interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
6
6
  export declare const PrimaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
7
7
  export declare const SecondaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
8
8
  export declare const TertiaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
+ export declare const GhostIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
10
  export {};
@@ -20,13 +20,17 @@
20
20
  transition: color 125ms, border-color 125ms, box-shadow 125ms;
21
21
 
22
22
  @media (hover: hover) {
23
- &:hover {
23
+ &:hover,
24
+ // for testability
25
+ &:where([data-hover]) {
24
26
  border-color: var(--highlighted-hover-border);
25
27
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5);
26
28
  }
27
29
  }
28
30
 
29
- &:active {
31
+ &:active,
32
+ // for testability
33
+ &:where([data-active]) {
30
34
  color: var(--highlighted-pressed-color);
31
35
  border-color: var(--highlighted-border-color-hover);
32
36
  box-shadow: none;
@@ -51,12 +55,16 @@
51
55
  --highlighted-border-color: var(--strim-romance-green-80); // Add variables in strm.scss and rtv.scss
52
56
 
53
57
  @media (hover: hover) {
54
- &:hover {
58
+ &:hover,
59
+ // for testability
60
+ &:where([data-hover]) {
55
61
  --highlighted-hover-border: var(--rds-surface-foreground);
56
62
  }
57
63
  }
58
64
 
59
- &:active {
65
+ &:active,
66
+ // for testability
67
+ &:where([data-active]) {
60
68
  --highlighted-pressed-color: var(--rds-surface-foreground);
61
69
  }
62
70
 
@@ -1,30 +1,101 @@
1
1
  @use "../core/mixin/focus" as mix;
2
2
 
3
+ /*#region Button variables per style */
3
4
  .rds-button__shared {
4
- --common-button--primary-color: var(--rds-button-primary-fg);
5
- --common-button--primary-bg: var(--rds-accent-color);
6
- --common-button--primary-hover-bg: var(--rds-accent-hover);
7
- --common-button--primary-pressed-bg: var(--rds-accent-color);
8
-
9
- --common-button--secondary-color: var(--rds-foreground-primary);
10
- --common-button--secondary-bg: var(--rds-background-primary);
11
- --common-button--secondary-border-color: var(--rds-foreground-primary);
12
- --common-button--secondary-hover-color: var(--rds-background-primary);
13
- --common-button--secondary-hover-bg: var(--rds-surface-background);
14
- --common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);
15
- --common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);
16
- --common-button--secondary-pressed-border: var(--rds-foreground-primary);
17
-
18
- --common-button--tertiary-color: var(--rds-foreground-primary);
19
- --common-button--tertiary-bg: var(--rds-button-tertiary-bg);
20
- --common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);
21
- --common-button--tertiary-pressed-color: var(--rds-foreground-primary);
22
- --common-button--tertiary-pressed-bg: var(--rds-background-secondary);
5
+ // default is primary styles
6
+ --common-button--bg: var(--rds-accent-color);
7
+ --common-button--color: var(--rds-button-primary-fg);
8
+
9
+ --common-button--hover-bg: var(--rds-accent-hover);
10
+ --common-button--hover-color: var(--common-button--color);
11
+
12
+ --common-button--pressed-bg: var(--common-button--bg);
13
+ --common-button--pressed-color: var(--common-button--color);
14
+ --common-button--outline: none;
23
15
 
24
- --common-button--disabled-color: var(--rds-foreground-tertiary);
25
16
  --common-button--disabled-bg: var(--rds-foreground-secondary);
17
+ --common-button--disabled-color: var(--rds-foreground-tertiary);
18
+
19
+ &--ghost {
20
+ --common-button--bg: var(--rds-background-ghost);
21
+ --common-button--color: var(--rds-button-primary-fg);
22
+ --common-button--hover-bg: var(--rds-accent-hover);
23
+ --common-button--pressed-bg: var(--rds-accent-color);
24
+ }
25
+ &--secondary {
26
+ --common-button--bg: var(--rds-background-primary);
27
+ --common-button--color: var(--rds-foreground-primary);
28
+ --common-button--hover-bg: var(--rds-surface-background);
29
+ --common-button--hover-color: var(--rds-background-primary);
30
+ --common-button--pressed-bg: var(--rds-button-secondary-pressed-bg);
31
+ --common-button--pressed-color: var(--rds-button-secondary-pressed-fg);
32
+ --common-button--outline: 2px solid var(--rds-foreground-primary);
33
+ }
34
+ &--tertiary {
35
+ --common-button--bg: var(--rds-button-tertiary-bg);
36
+ --common-button--color: var(--rds-foreground-primary);
37
+ --common-button--hover-bg: var(--rds-button-tertiary-hover-bg);
38
+ --common-button--pressed-bg: var(--rds-background-secondary);
39
+ }
40
+ &.rds-baselink-button--highlighted {
41
+ --common-button--hover-bg: transparent;
42
+ --common-button--hover-color: var(--highlighted-color);
43
+ --common-button--pressed-bg: transparent;
44
+ }
45
+ }
46
+ // light-mode can be a class on the button or ona a ancestor
47
+ .rds-light {
48
+ .rds-button__shared,
49
+ &.rds-button__shared {
50
+ --common-button--bg: var(--rds-button-primary-fg);
51
+ --common-button--color: var(--rds-foreground-primary);
52
+ --common-button--hover-bg: var(--rds-foreground-tertiary);
53
+ --common-button--pressed-bg: var(--rds-background-primary);
54
+ --common-button--disabled-color: var(--rds-button-tertiary-hover-bg);
55
+
56
+ &--ghost {
57
+ --common-button--bg: var(--strim-fantasy-green);
58
+ --common-button--color: var(--strim-standup-green-10);
59
+ --common-button--hover-bg: var(--rds-foreground-tertiary);
60
+ --common-button--pressed-bg: var(--rds-background-primary);
61
+ }
62
+ &--secondary {
63
+ --common-button--bg: var(--rds-surface-background);
64
+ --common-button--color: var(--rds-button-tertiary-hover-bg);
65
+ --common-button--hover-bg: var(--rds-button-primary-fg);
66
+ --common-button--hover-color: var(--rds-foreground-primary);
67
+ --common-button--pressed-bg: var(--rds-button-primary-fg);
68
+ --common-button--pressed-color: var(--rds-foreground-primary);
69
+ --common-button--outline: 2px solid var(--rds-button-tertiary-hover-bg);
70
+ --common-button--disabled-color: var(--rds-button-primary-fg);
71
+ }
72
+ &--tertiary {
73
+ --common-button--bg: var(--rds-button-tertiary-bg);
74
+ --common-button--color: var(--rds-foreground-primary);
75
+ --common-button--hover-bg: var(--rds-button-tertiary-hover-bg);
76
+ --common-button--pressed-bg: var(--rds-background-secondary);
77
+ }
78
+ &.rds-baselink-button--highlighted {
79
+ --common-button--hover-bg: transparent;
80
+ --common-button--hover-color: var(--highlighted-color);
81
+ --common-button--pressed-bg: transparent;
82
+ }
83
+ }
84
+ }
85
+ // light mode white
86
+ .rds-light.rds-white.rds-button__shared--secondary {
87
+ --common-button--bg: var(--rds-foreground-primary);
88
+ }
89
+ // transparent
90
+ .rds-transparent {
91
+ &.rds-button__shared--secondary {
92
+ --common-button--bg: transparent;
93
+ }
94
+ }
95
+ /*#endregion Button variables per style */
26
96
 
27
- // button reset
97
+ .rds-button__shared {
98
+ /*#region reset start */
28
99
  width: auto;
29
100
  background: transparent;
30
101
  border: none;
@@ -33,6 +104,7 @@
33
104
  line-height: normal;
34
105
 
35
106
  /* Corrects inability to style clickable `input` types in iOS */
107
+ appearance: none;
36
108
  -webkit-appearance: none;
37
109
  /* Remove excess padding and border in Firefox 4+ */
38
110
  &::-moz-focus-inner {
@@ -55,56 +127,29 @@
55
127
  &:active {
56
128
  box-shadow: none;
57
129
  }
130
+ /*#endregion reset end */
58
131
 
59
- &--primary {
60
- color: var(--common-button--primary-color);
61
- background-color: var(--common-button--primary-bg);
62
-
63
- @media (hover: hover) {
64
- &:hover {
65
- --common-button--primary-bg: var(--rds-accent-hover);
66
- }
67
- }
68
-
69
- &:active {
70
- background-color: var(--common-button--primary-pressed-bg);
71
- box-shadow: none;
72
- }
73
- }
74
-
75
- &--secondary {
76
- color: var(--common-button--secondary-color);
77
- background-color: var(--common-button--secondary-bg);
78
- outline: 2px solid var(--common-button--secondary-border-color);
79
- outline-offset: -2px;
80
-
81
- @media (hover: hover) {
82
- &:hover {
83
- color: var(--common-button--secondary-hover-color);
84
- background-color: var(--common-button--secondary-hover-bg);
85
- }
86
- }
132
+ /*#region Button styles */
133
+ color: var(--common-button--color);
134
+ background-color: var(--common-button--bg);
135
+ outline: var(--common-button--outline);
136
+ outline-offset: -2px;
87
137
 
88
- &:active {
89
- color: var(--common-button--secondary-pressed-color);
90
- background-color: var(--common-button--secondary-pressed-bg);
91
- border-color: var(--common-button--secondary-pressed-bg);
138
+ @media (hover: hover) {
139
+ &:hover,
140
+ // for testability
141
+ &:where([data-hover]) {
142
+ color: var(--common-button--hover-color);
143
+ background-color: var(--common-button--hover-bg);
92
144
  }
93
145
  }
94
-
95
- &--tertiary {
96
- color: var(--common-button--tertiary-color);
97
- background-color: var(--common-button--tertiary-bg);
98
-
99
- @media (hover: hover) {
100
- &:hover {
101
- background-color: var(--common-button--tertiary-hover-bg);
102
- }
103
- }
104
-
105
- &:active {
106
- background-color: var(--common-button--tertiary-pressed-bg);
107
- }
146
+ &:active,
147
+ // for testability
148
+ &:where([data-active]) {
149
+ color: var(--common-button--pressed-color);
150
+ background-color: var(--common-button--pressed-bg);
151
+ // outline-color: var(--common-button--pressed-bg);
152
+ box-shadow: none;
108
153
  }
109
154
 
110
155
  &:disabled {
@@ -116,61 +161,5 @@
116
161
  }
117
162
 
118
163
  @include mix.with-keyboard-focus;
119
- }
120
-
121
- .rds-light {
122
- .rds-button__shared--primary,
123
- &.rds-button__shared--primary {
124
- --common-button--primary-color: var(--rds-foreground-primary);
125
- --common-button--primary-bg: var(--rds-button-primary-fg);
126
-
127
- @media (hover: hover) {
128
- &:hover {
129
- --common-button--primary-hover-bg: var(--rds-foreground-tertiary);
130
- }
131
- }
132
-
133
- &:active {
134
- --common-button--primary-pressed-bg: var(--rds-background-primary);
135
- }
136
-
137
- &:disabled {
138
- --common-button--disabled-color: var(--rds-button-tertiary-hover-bg);
139
- }
140
- }
141
-
142
- .rds-button__shared--secondary,
143
- &.rds-button__shared--secondary {
144
- --common-button--secondary-color: var(--rds-button-tertiary-hover-bg);
145
- --common-button--secondary-bg: var(--rds-surface-background);
146
- --common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg);
147
-
148
- @media (hover: hover) {
149
- &:hover {
150
- --common-button--secondary-hover-color: var(--rds-foreground-primary);
151
- --common-button--secondary-hover-bg: var(--rds-button-primary-fg);
152
- }
153
- }
154
-
155
- &:active {
156
- --common-button--secondary-pressed-color: var(--rds-foreground-primary);
157
- --common-button--secondary-pressed-bg: var(--rds-button-primary-fg);
158
- }
159
-
160
- &:disabled {
161
- --common-button--disabled-color: var(--rds-button-primary-fg);
162
- }
163
- }
164
-
165
- &.rds-white {
166
- &.rds-button__shared--secondary {
167
- --common-button--secondary-bg: var(--rds-foreground-primary);
168
- }
169
- }
170
- }
171
-
172
- .rds-transparent {
173
- &.rds-button__shared--secondary {
174
- --common-button--secondary-bg: transparent;
175
- }
164
+ /*#endregion Button styles */
176
165
  }
@@ -12,6 +12,7 @@
12
12
 
13
13
  // Buttons
14
14
  --rds-button-primary-fg: var(--rikstv-white);
15
+ --rds-button-ghost-fg: var(--rikstv-white);
15
16
  --rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);
16
17
  --rds-button-secondary-pressed-bg: var(--rikstv-white);
17
18
  --rds-button-tertiary-bg: var(--rikstv-background-gray-90);
@@ -24,6 +25,7 @@
24
25
  --rds-foreground-primary: var(--rikstv-white);
25
26
  --rds-foreground-secondary: #a8a8a8; // mangler
26
27
  --rds-foreground-tertiary: var(--rikstv-foreground-gray);
28
+ --rds-foreground-ghost: var(--rikstv-white);
27
29
 
28
30
  // Background
29
31
  --rds-background-primary-rgb: var(--rikstv-background-gray);
@@ -35,6 +37,7 @@
35
37
  --rds-background-primary--medium: #25252580; // 50 %
36
38
  --rds-background-primary--very-heavy: #252525e6; // 90 %
37
39
  --rds-surface-background: var(--rikstv-white);
40
+ --rds-background-ghost: var(--rds-accent-color);
38
41
 
39
42
  // Transparent objects
40
43
  --rds-foreground-overlay-soft: #ffffff1a;
@@ -15,6 +15,7 @@
15
15
 
16
16
  // Buttons
17
17
  --rds-button-primary-fg: var(--strim-thriller-teal);
18
+ --rds-button-ghost-fg: var(--rikstv-white);
18
19
  --rds-button-secondary-pressed-fg: var(--strim-white);
19
20
  --rds-button-secondary-pressed-bg: #001d1d; // mangler
20
21
  --rds-button-tertiary-bg: var(--strim-fantasy-green-90);
@@ -27,6 +28,7 @@
27
28
  --rds-foreground-primary: var(--strim-white);
28
29
  --rds-foreground-secondary: #b2bfbf; // mangler
29
30
  --rds-foreground-tertiary: var(--strim-romance-green);
31
+ --rds-foreground-ghost: var(--rikstv-white);
30
32
 
31
33
  // Background
32
34
  --rds-background-primary-rgb: var(--strim-fantasy-green); // not shown in portal
@@ -38,6 +40,7 @@
38
40
  --rds-background-primary--medium: #002a2a80; // 50 %
39
41
  --rds-background-primary--very-heavy: #002a2ae6; // 90 %
40
42
  --rds-surface-background: var(--strim-standup-green-10);
43
+ --rds-background-ghost: var(--rds-accent-hover);
41
44
 
42
45
  // Transparent objects
43
46
  --rds-foreground-overlay-soft: #ffffff1a;
@@ -11,9 +11,9 @@ export { Progress } from "./progress/Progress";
11
11
  export { Loader } from "./loader/Loader";
12
12
  export { CircularProgress } from "./progress/CircularProgress";
13
13
  export { Dropdown } from "./dropdown/Dropdown";
14
- export { PrimaryButton, SecondaryButton, TertiaryButton, BaseLinkButton } from "./button/Button";
15
- export { PrimaryArrowButton, SecondaryArrowButton, TertiaryArrowButton } from "./button/ArrowButton";
16
- export { PrimaryIconButton, SecondaryIconButton, TertiaryIconButton } from "./button/IconButton";
14
+ export { PrimaryButton, SecondaryButton, TertiaryButton, GhostButton, BaseLinkButton } from "./button/Button";
15
+ export { PrimaryArrowButton, SecondaryArrowButton, GhostArrowButton, TertiaryArrowButton } from "./button/ArrowButton";
16
+ export { PrimaryIconButton, SecondaryIconButton, GhostIconButton, TertiaryIconButton } from "./button/IconButton";
17
17
  export { ToggleButton } from "./toggleButton/ToggleButton";
18
18
  export { ToggleInlineButton } from "./toggleInlineButton/ToggleInlineButton";
19
19
  export { ToggleLinkButton } from "./toggleLinkButton/ToggleLinkButton";
@@ -1,7 +1,7 @@
1
1
  import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
2
2
  import { forwardRef as d, useContext as l } from "react";
3
3
  import { R as n } from "./FieldSet-00f1fc56.mjs";
4
- import "../button/ArrowButton-470c0575.mjs";
4
+ import "../button/ArrowButton-c1cb8a6f.mjs";
5
5
  const m = d(
6
6
  ({ label: a, name: e, className: r = "", ...s }, t) => {
7
7
  const { radioName: i } = l(n);
@@ -1,8 +1,9 @@
1
1
  import { ForwardRefExoticComponent, HTMLAttributes } from "react";
2
2
  type HeadingLevels = 1 | 2 | 3 | 4;
3
+ type SubHeadingLevels = 2 | 3;
3
4
  type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;
4
5
  interface Props<T extends AcceptedHTMLElements> extends HTMLAttributes<T> {
5
- lookLike?: `title-${HeadingLevels}` | "sub-title-2" | "display-title" | "lead" | "body" | "sub-body" | "tag" | "bold" | "meta" | "span";
6
+ lookLike?: `title-${HeadingLevels}` | `sub-title-${SubHeadingLevels}` | "display-title" | "lead" | "body" | "sub-body" | "tag" | "bold" | "meta" | "span";
6
7
  className?: string;
7
8
  lightBackground?: boolean;
8
9
  /** Used to create element "as" a DIV instead of semantic element, useful for wrapper-elements that has block level children */
@@ -68,6 +68,14 @@
68
68
  color: var(--rds-foreground-primary);
69
69
  }
70
70
 
71
+ .rds-sub-title-3 {
72
+ font-family: var(--rds-font-family-lg-headlines);
73
+ font-size: fluid.get-clamp(16, 24);
74
+ font-weight: normal;
75
+ line-height: 1.2;
76
+ color: var(--rds-heading-accent);
77
+ }
78
+
71
79
  .rds-title-3 {
72
80
  font-family: var(--rds-font-family-m-headlines);
73
81
  font-size: fluid.get-clamp(20, 22);
@@ -10,25 +10,25 @@ import { B as ae, a as ce } from "./components/breadcrumb/Breadcrumb-19678339.mj
10
10
  import { P as me } from "./components/progress/Progress-068e34f7.mjs";
11
11
  import { L as fe } from "./components/loader/Loader-55215a54.mjs";
12
12
  import { C as xe } from "./components/progress/CircularProgress-ac261d40.mjs";
13
- import { D as ge } from "./components/dropdown/Dropdown-3cf2ddf7.mjs";
14
- import { P as he, S as Te, T as ve } from "./components/button/Button-ec434dd2.mjs";
15
- import { P as we, S as Be, T as Ee } from "./components/button/ArrowButton-470c0575.mjs";
16
- import { P as Me, S as Re, T as be } from "./components/button/IconButton-537e3543.mjs";
17
- import { T as Se } from "./components/toggleButton/ToggleButton-d50d64ec.mjs";
18
- import { T as Ce } from "./components/toggleInlineButton/ToggleInlineButton-ff76d094.mjs";
19
- import { T as Fe } from "./components/toggleLinkButton/ToggleLinkButton-c6127fa1.mjs";
20
- import { C as Oe } from "./components/checkbox/Checkbox-b534a84c.mjs";
21
- import { R as Ge } from "./components/toggle/RadioToggle-4df6de4c.mjs";
22
- import { F as Ne } from "./components/toggle/FieldSet-00f1fc56.mjs";
23
- import { T as Qe } from "./components/textfield/TextField-e187310b.mjs";
24
- import { B as _e, d as qe, D as Ue, H as je, a as ze, b as Je, c as Ke, L as Xe, M as Ye, S as Ze, e as er, T as rr } from "./components/typography/Typography-61ad3ca9.mjs";
25
- import { L as nr } from "./components/list/List-868fec40.mjs";
26
- import { C as sr } from "./components/list/CheckmarkListItem-b9d00a82.mjs";
27
- import { L as ar } from "./components/list/ListItem-748523c2.mjs";
28
- import { C as ur } from "./components/list/CrossmarkListItem-f74a8cf6.mjs";
29
- import { O as dr } from "./components/list/OrderedListItem-1a4b67c5.mjs";
30
- import { useState as x, useEffect as d, useRef as c, useCallback as p, useLayoutEffect as y } from "react";
31
- import { B as lr } from "./components/button/BaseLinkButton-e79602f8.mjs";
13
+ import { D as he } from "./components/dropdown/Dropdown-3cf2ddf7.mjs";
14
+ import { G as ye, P as Te, S as ve, T as Be } from "./components/button/Button-2c70cef2.mjs";
15
+ import { G as Le, P as Ee, S as Ie, T as Me } from "./components/button/ArrowButton-c1cb8a6f.mjs";
16
+ import { G as be, P as Pe, S as Se, T as Ae } from "./components/button/IconButton-437a8dab.mjs";
17
+ import { T as Ge } from "./components/toggleButton/ToggleButton-d50d64ec.mjs";
18
+ import { T as Fe } from "./components/toggleInlineButton/ToggleInlineButton-ff76d094.mjs";
19
+ import { T as Oe } from "./components/toggleLinkButton/ToggleLinkButton-c6127fa1.mjs";
20
+ import { C as Ve } from "./components/checkbox/Checkbox-b534a84c.mjs";
21
+ import { R as $e } from "./components/toggle/RadioToggle-9c828e00.mjs";
22
+ import { F as We } from "./components/toggle/FieldSet-00f1fc56.mjs";
23
+ import { T as qe } from "./components/textfield/TextField-e187310b.mjs";
24
+ import { B as je, d as ze, D as Je, H as Ke, a as Xe, b as Ye, c as Ze, L as er, M as rr, S as tr, e as nr, T as or } from "./components/typography/Typography-61ad3ca9.mjs";
25
+ import { L as ir } from "./components/list/List-868fec40.mjs";
26
+ import { C as cr } from "./components/list/CheckmarkListItem-b9d00a82.mjs";
27
+ import { L as mr } from "./components/list/ListItem-748523c2.mjs";
28
+ import { C as fr } from "./components/list/CrossmarkListItem-f74a8cf6.mjs";
29
+ import { O as xr } from "./components/list/OrderedListItem-1a4b67c5.mjs";
30
+ import { useState as x, useEffect as d, useRef as c, useCallback as p, useLayoutEffect as g } from "react";
31
+ import { B as hr } from "./components/button/BaseLinkButton-ef20ac36.mjs";
32
32
  import "./components/core/Core-5cdbbcd4.mjs";
33
33
  import "./components/icons/Chevron-4e0258de.mjs";
34
34
  import "./components/panel/Success-590bfbb6.mjs";
@@ -36,18 +36,18 @@ import "./components/panel/Warning-8b3edebd.mjs";
36
36
  import "./components/panel/Info-3147cc01.mjs";
37
37
  import "./components/loader/RawLoader-15d14922.mjs";
38
38
  import "./components/button/BaseButton-82123b7e.mjs";
39
- import "./components/button/DecoratedButton-ab2e8ed4.mjs";
39
+ import "./components/button/DecoratedButton-250c6aa0.mjs";
40
40
  import "./components/button/BaseDecoratedButton-9280b7ce.mjs";
41
41
  import "./components/icons/Arrow-48abbbdf.mjs";
42
42
  import "./components/checkbox/BaseCheckbox-9b7c43b3.mjs";
43
43
  import "./components/icons/HeartToggle-a5a93ca7.mjs";
44
44
  import "./components/icons/Icons-4022b869.mjs";
45
- const g = "(prefers-reduced-motion: reduce)", h = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, T = (e, t) => {
45
+ const h = "(prefers-reduced-motion: reduce)", y = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, T = (e, t) => {
46
46
  typeof e.addEventListener < "u" && e.addEventListener("change", t);
47
47
  }, v = () => {
48
- const [e, t] = x(h(g));
48
+ const [e, t] = x(y(h));
49
49
  return d(() => {
50
- typeof window < "u" && window.matchMedia && T(window.matchMedia(g), (n) => {
50
+ typeof window < "u" && window.matchMedia && T(window.matchMedia(h), (n) => {
51
51
  t(n.matches);
52
52
  });
53
53
  }, []), { prefersReducedMotion: e };
@@ -83,7 +83,7 @@ function V(e, t) {
83
83
  });
84
84
  }
85
85
  }, [e, t, u]);
86
- return y(() => {
86
+ return g(() => {
87
87
  f();
88
88
  }, [e, f]), d(() => {
89
89
  const r = o.current;
@@ -107,14 +107,14 @@ const N = ({ ref: e, callback: t, condition: n = !0 }) => {
107
107
  d(() => (e && n && document && document.addEventListener("click", s), () => {
108
108
  document && document.removeEventListener("click", s);
109
109
  }), [e, n, s]);
110
- }, L = (() => {
110
+ }, B = (() => {
111
111
  const e = globalThis.IntersectionObserverEntry;
112
112
  return "IntersectionObserver" in globalThis && e && "isIntersecting" in e.prototype;
113
113
  })(), w = () => {
114
- }, B = (e, t = {}, n = w, s = !0) => {
114
+ }, L = (e, t = {}, n = w, s = !0) => {
115
115
  const [o, a] = x(null), u = p((r) => a(r), [a]), m = c(t), f = c(null);
116
116
  return d(() => {
117
- if (!L) {
117
+ if (!B) {
118
118
  n == null || n();
119
119
  return;
120
120
  }
@@ -124,7 +124,7 @@ const N = ({ ref: e, callback: t, condition: n = !0 }) => {
124
124
  };
125
125
  }, [o, e, n, s]), [u];
126
126
  }, $ = (e = { rootMargin: "150px" }, t = !0) => {
127
- const [n, s] = x(!1), [o] = B(
127
+ const [n, s] = x(!1), [o] = L(
128
128
  (a) => {
129
129
  const u = a.some((m) => m.isIntersecting);
130
130
  s(u);
@@ -145,57 +145,60 @@ const N = ({ ref: e, callback: t, condition: n = !0 }) => {
145
145
  };
146
146
  export {
147
147
  ne as Accordion,
148
- lr as BaseLinkButton,
149
- _e as Body,
150
- qe as Bold,
148
+ hr as BaseLinkButton,
149
+ je as Body,
150
+ ze as Bold,
151
151
  ae as Breadcrumb,
152
152
  ce as BreadcrumbCurrent,
153
- Oe as Checkbox,
154
- sr as CheckmarkListItem,
153
+ Ve as Checkbox,
154
+ cr as CheckmarkListItem,
155
155
  xe as CircularProgress,
156
- ur as CrossmarkListItem,
157
- Ue as DisplayTitle,
158
- ge as Dropdown,
159
- Ne as FieldSet,
156
+ fr as CrossmarkListItem,
157
+ Je as DisplayTitle,
158
+ he as Dropdown,
159
+ We as FieldSet,
160
+ Le as GhostArrowButton,
161
+ ye as GhostButton,
162
+ be as GhostIconButton,
160
163
  X as Gutter,
161
164
  Z as GutterPadding,
162
- je as H1,
163
- ze as H2,
164
- Je as H3,
165
- Ke as H4,
166
- Xe as Lead,
165
+ Ke as H1,
166
+ Xe as H2,
167
+ Ye as H3,
168
+ Ze as H4,
169
+ er as Lead,
167
170
  J as LightMode,
168
- nr as List,
169
- ar as ListItem,
171
+ ir as List,
172
+ mr as ListItem,
170
173
  fe as Loader,
171
- Ye as Meta,
174
+ rr as Meta,
172
175
  re as NotificationDot,
173
- dr as OrderedListItem,
176
+ xr as OrderedListItem,
174
177
  se as Panel,
175
- we as PrimaryArrowButton,
176
- he as PrimaryButton,
177
- Me as PrimaryIconButton,
178
+ Ee as PrimaryArrowButton,
179
+ Te as PrimaryButton,
180
+ Pe as PrimaryIconButton,
178
181
  me as Progress,
179
- Ge as RadioToggleInput,
182
+ $e as RadioToggleInput,
180
183
  q as RiksTVProvider,
181
- Be as SecondaryArrowButton,
182
- Te as SecondaryButton,
183
- Re as SecondaryIconButton,
184
- Ze as Span,
184
+ Ie as SecondaryArrowButton,
185
+ ve as SecondaryButton,
186
+ Se as SecondaryIconButton,
187
+ tr as Span,
185
188
  j as StrimProvider,
186
- er as SubBody,
187
- rr as Tag,
188
- Ee as TertiaryArrowButton,
189
- ve as TertiaryButton,
190
- be as TertiaryIconButton,
191
- Qe as TextField,
192
- Se as ToggleButton,
193
- Ce as ToggleInlineButton,
194
- Fe as ToggleLinkButton,
189
+ nr as SubBody,
190
+ or as Tag,
191
+ Me as TertiaryArrowButton,
192
+ Be as TertiaryButton,
193
+ Ae as TertiaryIconButton,
194
+ qe as TextField,
195
+ Ge as ToggleButton,
196
+ Fe as ToggleInlineButton,
197
+ Oe as ToggleLinkButton,
195
198
  V as useAnimatedHeight,
196
199
  v as useBrowserPreferences,
197
200
  N as useClickOutsideListener,
198
201
  $ as useElementVisible,
199
- B as useIntersectionObserver,
202
+ L as useIntersectionObserver,
200
203
  Q as useMutationObserver
201
204
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .rds-bold,.rds-accordion-details__summary{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.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)}@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-breadcrumb{--rds-crumb-separator: "/"}.rds-breadcrumb__list{list-style:none;padding:0;display:flex;flex-wrap:nowrap}.rds-breadcrumb__list-item{padding-inline-end:var(--rds-spacing--24);position:relative;display:flex;flex-wrap:nowrap;white-space:nowrap}.rds-breadcrumb__list-item:after{content:var(--rds-crumb-separator);position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item:last-of-type:after{display:none}@media (max-width: 768px){.rds-breadcrumb__list-item--truncate{display:none}.rds-breadcrumb__list-item--truncate:after{display:none}.rds-breadcrumb__list-item--truncate:first-of-type{display:flex;padding-inline-end:var(--rds-spacing--48)}.rds-breadcrumb__list-item--truncate:first-of-type:after{content:var(--rds-crumb-separator) " ... " var(--rds-crumb-separator);display:initial;position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item--truncate:nth-last-child(2){display:flex}}.rds-breadcrumb__current{color:var(--rds-foreground-overlay-heavy)}.rds-arrow-button,.rds-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-button__shared{--common-button--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-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-surface-background);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--secondary-pressed-border: var(--rds-foreground-primary);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-bg: var(--rds-button-tertiary-bg);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);--common-button--disabled-bg: var(--rds-foreground-secondary);width:auto;background:transparent;border:none;line-height:normal;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color}.rds-button__shared::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active{box-shadow:none}.rds-button__shared--tertiary{color:var(--common-button--tertiary-color);background-color:var(--common-button--tertiary-bg)}@media (hover: hover){.rds-button__shared--tertiary:hover{background-color:var(--common-button--tertiary-hover-bg)}}.rds-button__shared--tertiary:active{background-color:var(--common-button--tertiary-pressed-bg)}.rds-button__shared:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button{--default-arrow-size: 1.125rem;--default-arrow-margin: .625rem;--hover-transform: 4px;align-items:center}@media (hover: hover){.rds-arrow-button:hover .rds-button__arrow{transform:translate(var(--hover-transform))}}.rds-arrow-button--forwards{flex-direction:row-reverse}.rds-arrow-button--forwards .rds-button__arrow{margin-left:var(--default-arrow-margin)}.rds-arrow-button--backwards{--hover-transform: -4px}.rds-arrow-button--backwards .rds-button__arrow{margin-right:var(--default-arrow-margin)}.rds-arrow-button--backwards .rds-button__arrow>svg{transform:rotate(180deg)}.rds-arrow-button .rds-button__arrow{box-sizing:border-box;height:var(--default-arrow-size);transition:transform 125ms ease-in-out}.rds-arrow-button .rds-button__arrow>svg{width:var(--default-arrow-size)}.rds-baselink-button{--highlighted-color: var(--rds-foreground-primary);--highlighted-bg: transparent;--highlighted-border-color: var(--rds-toggle-collapsed);--highlighted-hover-border: var(--rds-heading-accent);--highlighted-pressed-color: var(--rds-heading-accent);width:fit-content}.rds-baselink-button>*{text-decoration:none}.rds-baselink-button>.rds-baselink-button--highlighted{padding:0 0 8px;color:var(--highlighted-color);background-color:var(--highlighted-bg);border-bottom:2px solid var(--highlighted-border-color);border-radius:0;transition:color 125ms,border-color 125ms,box-shadow 125ms}@media (hover: hover){.rds-baselink-button>.rds-baselink-button--highlighted:hover{border-color:var(--highlighted-hover-border);box-shadow:0 4px 4px -4px #00000080}}.rds-baselink-button>.rds-baselink-button--highlighted:active{color:var(--highlighted-pressed-color);border-color:var(--highlighted-border-color-hover);box-shadow:none}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--forwards{padding-right:2px}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--backwards{padding-left:2px}.rds-light .rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted{--highlighted-color: var(--rds-surface-foreground);--highlighted-border-color: var(--strim-romance-green-80)}@media (hover: hover){.rds-light .rds-baselink-button--highlighted:hover,.rds-light.rds-baselink-button--highlighted:hover{--highlighted-hover-border: var(--rds-surface-foreground)}}.rds-light .rds-baselink-button--highlighted:active,.rds-light.rds-baselink-button--highlighted:active{--highlighted-pressed-color: var(--rds-surface-foreground)}.rds-light .rds-baselink-button--highlighted:disabled,.rds-light.rds-baselink-button--highlighted:disabled{--disabled-color: var(--rds-button-primary-fg)}.rds-icon-button{--default-icon-size: 3rem;--default-icon-margin: .75rem;border-radius:50%;max-height:var(--default-icon-size);max-width:var(--default-icon-size);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;padding:0}.rds-icon-button .rds-button__icon{margin:0;box-sizing:border-box;margin:var(--default-icon-margin);height:var(--default-icon-size);width:var(--default-icon-size)}.rds-icon-button .rds-button__icon>svg{width:100%}.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(--rds-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)}.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-tertiary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--panel-warning2-background-color: var(--rikstv-red-120);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-background-primary--heavy: #252525b3;--rds-background-primary--medium: #25252580;--rds-background-primary--very-heavy: #252525e6;--rds-surface-background: var(--rikstv-white);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #ffffff;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-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-roundness--image: 8px;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 70ch;--rds-content-width--default: 1070px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@custom-media --rds-media-xs (max-width: 568px);@custom-media --rds-media-sm (max-width: 768px);@custom-media --rds-media-md (max-width: 992px);@custom-media --rds-media-ml (max-width: 1024px);@custom-media --rds-media-lg (max-width: 1200px);@custom-media --rds-media-lw (max-width: 1600px);@custom-media --rds-media-xl (max-width: 2400px);@custom-media --rds-media-min-xs (min-width: 568px);@custom-media --rds-media-min-sm (min-width: 768px);@custom-media --rds-media-min-md (min-width: 992px);@custom-media --rds-media-min-ml (min-width: 1024px);@custom-media --rds-media-min-lg (min-width: 1200px);@custom-media --rds-media-min-lw (min-width: 1600px);@custom-media --rds-media-min-xl (min-width: 2400px);.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertiary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--panel-warning2-background-color: var(--strim-action-yellow-60);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-background-primary--heavy: #002a2ab3;--rds-background-primary--medium: #002a2a80;--rds-background-primary--very-heavy: #002a2ae6;--rds-surface-background: var(--strim-standup-green-10);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #004b501a;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-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-roundness--image: 8px;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "HALMatexLight", "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dropdown-styling{display:flex;flex-direction:column}.dropdown-styling .select-wrapper{position:relative;max-width:fit-content}.dropdown-styling select{appearance:none;box-sizing:border-box;font-family:var(--rds-font-family-m-headlines);background-color:var(--rds-button-tertiary-bg);color:var(--common-button--primary-color)!important;border-radius:var(--rds-roundness--button);border-style:none;height:45px;font-size:1.125rem;--fluid-block: max(.65625rem, min(2vw, .78125rem));--fluid-inline: max(1rem, min(2vw, 1.5rem));padding-left:var(--fluid-inline);padding-right:35px;overflow:-moz-scrollbars-none;scrollbar-width:none;cursor:pointer}.dropdown-styling select::-webkit-scrollbar{display:none}.dropdown-styling select:focus::-moz-focus-inner{border-style:none;outline:0}.dropdown-styling select:focus button::-moz-focus-inner,.dropdown-styling select:focus [type=button]::-moz-focus-inner,.dropdown-styling select:focus [type=reset]::-moz-focus-inner,.dropdown-styling select:focus [type=submit]::-moz-focus-inner{border-style:none}.dropdown-styling select:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .dropdown-styling select:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.dropdown-styling.menu-with-left-icon select{padding-left:46px;padding-right:42px}.dropdown-styling label{margin-bottom:var(--rds-spacing--16)}.dropdown-styling .right-icon{position:absolute;right:9%;top:calc(50% - 12px);pointer-events:none}.dropdown-styling .left-icon{position:absolute;left:8%;top:calc(50% - 12px);pointer-events:none}@keyframes rds-heart-beat{10%{transform:scale(.95)}20%{transform:scale(1.15)}30%{transform:scale(.95)}40%{transform:scale(1.15)}50%{transform:scale(.95)}60%{transform:scale(1)}}.rds-icon__heart-toggle--checked{transform:scale(1);animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rds-heart-beat;animation-timing-function:ease-out}.rds-icon__heart-toggle svg{display:block}.rds-list{--list-item__spacing: var(--rds-list-gap, 1em);list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--list-item__spacing);counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem}.rds-list__item{--mark-color: currentColor;display:flex;gap:var(--rds-list-item-gap, .75rem);align-items:flex-start}.rds-list__item>span:first-child{width:1.25rem;height:1.25em;flex-shrink:0}.rds-list__item--svg-wrapper{display:flex}.rds-list__item--svg-wrapper svg{width:100%;color:var(--mark-color)}.rds-list__item__ordered{display:flex;counter-increment:listCounter}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}.rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}.rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-object);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning2-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:flex-start}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;min-width:24px;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning2{background-color:var(--panel-warning2-background-color);--panel-color: var(--panel-warning2-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}.rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg);width:var(--progress-circle-size);height:var(--progress-circle-size)}.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-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%)}.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);position:relative}.rds-textfield-input{border:2px solid var(--textfield-border-color);border-radius:12px;outline:none;padding:0 var(--rds-spacing--16) 0;height:3rem;width:100%;margin:0;background-color:var(--input-border-bg);color:var(--textfield-color)}.rds-textfield-input.rds-textfield-input{-webkit-appearance:none}.rds-textfield-input::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(--rds-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-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-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-surface-background);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--secondary-pressed-border: var(--rds-foreground-primary);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-bg: var(--rds-button-tertiary-bg);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);--common-button--disabled-bg: var(--rds-foreground-secondary);width:auto;background:transparent;border:none;line-height:normal;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-radio-toggle:active{box-shadow:none}.rds-button__shared--tertiary,.rds-radio-toggle{color:var(--common-button--tertiary-color);background-color:var(--common-button--tertiary-bg)}@media (hover: hover){.rds-button__shared--tertiary:hover,.rds-radio-toggle:hover{background-color:var(--common-button--tertiary-hover-bg)}}.rds-button__shared--tertiary:active,.rds-radio-toggle:active{background-color:var(--common-button--tertiary-pressed-bg)}.rds-button__shared:disabled,.rds-radio-toggle:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-radio-toggle:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-radio-toggle{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg{width:100%}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{position:relative;padding:0;background-color:var(--rds-foreground-overlay-soft);color:#fff;margin:0 var(--rds-spacing--8);display:block;max-width:25ch;min-width:7ch;overflow:hidden;border-radius:var(--rds-roundness--button)}.rds-radio-toggle:hover{background-color:var(--rds-background-secondary)}.rds-radio-toggle:active{background-color:var(--rds-background-overlay-soft);color:#fff}.rds-radio-toggle__label{width:100%;display:grid;place-items:center;transition:125ms ease background-color;padding:.78125rem var(--rds-spacing--24);box-sizing:border-box;user-select:none}.rds-radio-toggle__input{position:absolute;opacity:0}.rds-radio-toggle__input:checked+.rds-radio-toggle__label{background-color:var(--rds-foreground-tertiary)}.rds-radio-toggle__input:active+.rds-radio-toggle__label{background-color:var(--rds-foreground-overlay-soft)}.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus button::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-radio-toggle:focus-within::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus-within button::-moz-focus-inner,.rds-radio-toggle:focus-within [type=button]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-button__shared,.rds-toggle-button{--common-button--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-color: var(--rds-foreground-primary);--common-button--secondary-bg: var(--rds-background-primary);--common-button--secondary-border-color: var(--rds-foreground-primary);--common-button--secondary-hover-color: var(--rds-background-primary);--common-button--secondary-hover-bg: var(--rds-surface-background);--common-button--secondary-pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--secondary-pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--secondary-pressed-border: var(--rds-foreground-primary);--common-button--tertiary-color: var(--rds-foreground-primary);--common-button--tertiary-bg: var(--rds-button-tertiary-bg);--common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--tertiary-pressed-color: var(--rds-foreground-primary);--common-button--tertiary-pressed-bg: var(--rds-background-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary);--common-button--disabled-bg: var(--rds-foreground-secondary);width:auto;background:transparent;border:none;line-height:normal;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-toggle-button:active{box-shadow:none}.rds-button__shared--primary{color:var(--common-button--primary-color);background-color:var(--common-button--primary-bg)}@media (hover: hover){.rds-button__shared--primary:hover{--common-button--primary-bg: var(--rds-accent-hover)}}.rds-button__shared--primary:active{background-color:var(--common-button--primary-pressed-bg);box-shadow:none}.rds-button__shared--secondary{color:var(--common-button--secondary-color);background-color:var(--common-button--secondary-bg);outline:2px solid var(--common-button--secondary-border-color);outline-offset:-2px}@media (hover: hover){.rds-button__shared--secondary:hover{color:var(--common-button--secondary-hover-color);background-color:var(--common-button--secondary-hover-bg)}}.rds-button__shared--secondary:active{color:var(--common-button--secondary-pressed-color);background-color:var(--common-button--secondary-pressed-bg);border-color:var(--common-button--secondary-pressed-bg)}.rds-button__shared--tertiary,.rds-toggle-button{color:var(--common-button--tertiary-color);background-color:var(--common-button--tertiary-bg)}@media (hover: hover){.rds-button__shared--tertiary:hover,.rds-toggle-button:hover{background-color:var(--common-button--tertiary-hover-bg)}}.rds-button__shared--tertiary:active,.rds-toggle-button:active{background-color:var(--common-button--tertiary-pressed-bg)}.rds-button__shared:disabled,.rds-toggle-button:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-toggle-button:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-toggle-button:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-toggle-button:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-toggle-button:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-toggle-button:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-toggle-button:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-toggle-button:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-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)}@media (hover: hover){.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{--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-bg: var(--rds-surface-background);--common-button--secondary-border-color: var(--rds-button-tertiary-hover-bg)}@media (hover: hover){.rds-light .rds-button__shared--secondary:hover,.rds-light.rds-button__shared--secondary:hover{--common-button--secondary-hover-color: var(--rds-foreground-primary);--common-button--secondary-hover-bg: var(--rds-button-primary-fg)}}.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);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon,.rds-toggle-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg,.rds-toggle-button__icon>svg{width:100%}.rds-arrow-button__postfix,.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-arrow-button__postfix:before,.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:220%;left:0}.rds-arrow-button--loading:disabled,.rds-button--loading:disabled{cursor:wait!important;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rds-arrow-button--loading:disabled:before,.rds-button--loading:disabled:before{content:"";position:absolute;inset:0;background-color:var(--rds-background-overlay-medium)}.rds-arrow-button--loading:disabled:after,.rds-button--loading:disabled:after{--button-spinner-size: 24px;--button-spinner-width: 3px;--calculated-spinner-size: calc( calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2 );content:"";position:absolute;left:calc(50% - var(--calculated-spinner-size));top:calc(50% - var(--calculated-spinner-size));height:var(--button-spinner-size);width:var(--button-spinner-size);background-color:transparent;border-top:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-left:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-right:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-bottom:var(--button-spinner-width) solid transparent;border-radius:50px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@media (hover: hover){.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}}.rds-toggle-button{display:inline-block;user-select:none}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__input:checked+.rds-toggle-button{background-color:var(--rds-foreground-tertiary)}.rds-toggle-button__input:checked+.rds-toggle-button:active{background-color:var(--rds-foreground-overlay-medium)}.rds-toggle-button__content{display:flex;align-items:center}.rds-toggle-button__icon{margin-right:0;width:auto}.rds-toggle-button__icon svg{height:23px;width:auto}.rds-toggle-button .label-text__icon{display:none;margin-left:var(--rds-spacing--16)}@media (min-width: 768px){.rds-toggle-button .label-text__icon{display:block}}.rds-toggle-button .label-text__icon.always-show-label{display:block}.rds-toggle-inline-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;user-select:none}.rds-toggle-inline-button__input{opacity:0;position:absolute}.rds-light .rds-toggle-inline-button__content{color:var(--rds-button-primary-fg)}.rds-toggle-link-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;user-select:none}.rds-toggle-link-button__input{opacity:0;position:absolute}.rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--chevron-direction: 180deg;--border-color: var(--rds-toggle-expanded)}.rds-toggle-link-button__label__content{display:flex;align-items:center}.rds-toggle-link-button__label__content>span:first-child{border-bottom:2px solid var(--border-color);padding-bottom:7px}.rds-toggle-link-button__label__chevron{padding-left:var(--rds-spacing--8)}.rds-toggle-link-button__label__chevron>svg{height:100%;width:20px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center}.rds-toggle-link-button__label__chevron>svg>path{fill:currentColor}.rds-light{--border-color: var(--rds-foreground-tertiary)}.rds-light .rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--border-color: var(--rds-background-secondary)}.rds-light .rds-toggle-link-button__label{color:var(--rds-button-primary-fg)}.rtv{--sub-body-color--light: var(--rds-foreground-solid-soft)}.strm{--sub-body-color--light: var(--rds-button-primary-fg)}.rds-link{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--rds-foreground-primary);transition:75ms ease color}.rds-link:visited{color:var(--rds-foreground-primary)}.rds-link:hover{text-decoration-thickness:2px;color:var(--rds-heading-accent)}.rds-link:active{text-decoration:none;text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link--active,.rds-link[aria-current=page]{text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link:focus::-moz-focus-inner{border-style:none;outline:0}.rds-link:focus button::-moz-focus-inner,.rds-link:focus [type=button]::-moz-focus-inner,.rds-link:focus [type=reset]::-moz-focus-inner,.rds-link:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-link:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-link:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-display-title{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(2.5rem,calc(1.4285714286rem + 2.9761904762vw),5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-1{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.875rem,calc(1.1785714286rem + 1.9345238095vw),3.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.5rem,calc(1.0714285714rem + 1.1904761905vw),2.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.375rem,calc(1.1071428571rem + .744047619vw),2rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-4{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-lead{font-family:var(--rds-font-family-lead);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-body,.rds-span{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-sub-body{font-family:var(--rds-font-family-body);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-tag{font-family:var(--rds-font-family-headlines);text-transform:uppercase;font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);line-height:1.2;font-weight:400;letter-spacing:.09375rem;color:var(--rds-foreground-primary)}.rds-bold{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-meta{font-family:var(--rds-font-family-body);font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-overlay-heavy)}.rds-link--light,.rds-light .rds-link{color:var(--rds-background-primary)}.rds-link--light:hover,.rds-light .rds-link:hover{color:var(--rds-foreground-tertiary)}.rds-link--light:active,.rds-light .rds-link:active{text-shadow:0px 0px 1px var(--rds-background-primary)}.rds-link--light:visited,.rds-light .rds-link:visited{color:var(--rds-background-primary)}.rds-link--light--active,.rds-link--light[aria-current=page],.rds-light [aria-current=page].rds-link{text-shadow:0px 0px 1px var(--rds-background-primary)}.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-sub-title-2,.rds-sub-title-2--light,.rds-light .rds-lead,.rds-lead--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)}
1
+ .rds-bold,.rds-accordion-details__summary{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.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)}@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-breadcrumb{--rds-crumb-separator: "/"}.rds-breadcrumb__list{list-style:none;padding:0;display:flex;flex-wrap:nowrap}.rds-breadcrumb__list-item{padding-inline-end:var(--rds-spacing--24);position:relative;display:flex;flex-wrap:nowrap;white-space:nowrap}.rds-breadcrumb__list-item:after{content:var(--rds-crumb-separator);position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item:last-of-type:after{display:none}@media (max-width: 768px){.rds-breadcrumb__list-item--truncate{display:none}.rds-breadcrumb__list-item--truncate:after{display:none}.rds-breadcrumb__list-item--truncate:first-of-type{display:flex;padding-inline-end:var(--rds-spacing--48)}.rds-breadcrumb__list-item--truncate:first-of-type:after{content:var(--rds-crumb-separator) " ... " var(--rds-crumb-separator);display:initial;position:absolute;right:var(--rds-spacing--8)}.rds-breadcrumb__list-item--truncate:nth-last-child(2){display:flex}}.rds-breadcrumb__current{color:var(--rds-foreground-overlay-heavy)}.rds-arrow-button,.rds-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-button__shared{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light.rds-button__shared{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light.rds-button__shared--tertiary{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-button__shared.rds-baselink-button--highlighted{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared{width:auto;background:transparent;border:none;line-height:normal;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-button__shared:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-button__shared:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button{--default-arrow-size: 1.125rem;--default-arrow-margin: .625rem;--hover-transform: 4px;align-items:center}@media (hover: hover){.rds-arrow-button:hover .rds-button__arrow{transform:translate(var(--hover-transform))}}.rds-arrow-button--forwards{flex-direction:row-reverse}.rds-arrow-button--forwards .rds-button__arrow{margin-left:var(--default-arrow-margin)}.rds-arrow-button--backwards{--hover-transform: -4px}.rds-arrow-button--backwards .rds-button__arrow{margin-right:var(--default-arrow-margin)}.rds-arrow-button--backwards .rds-button__arrow>svg{transform:rotate(180deg)}.rds-arrow-button .rds-button__arrow{box-sizing:border-box;height:var(--default-arrow-size);transition:transform 125ms ease-in-out}.rds-arrow-button .rds-button__arrow>svg{width:var(--default-arrow-size)}.rds-baselink-button{--highlighted-color: var(--rds-foreground-primary);--highlighted-bg: transparent;--highlighted-border-color: var(--rds-toggle-collapsed);--highlighted-hover-border: var(--rds-heading-accent);--highlighted-pressed-color: var(--rds-heading-accent);width:fit-content}.rds-baselink-button>*{text-decoration:none}.rds-baselink-button>.rds-baselink-button--highlighted{padding:0 0 8px;color:var(--highlighted-color);background-color:var(--highlighted-bg);border-bottom:2px solid var(--highlighted-border-color);border-radius:0;transition:color 125ms,border-color 125ms,box-shadow 125ms}@media (hover: hover){.rds-baselink-button>.rds-baselink-button--highlighted:hover,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-hover]){border-color:var(--highlighted-hover-border);box-shadow:0 4px 4px -4px #00000080}}.rds-baselink-button>.rds-baselink-button--highlighted:active,.rds-baselink-button>.rds-baselink-button--highlighted:where([data-active]){color:var(--highlighted-pressed-color);border-color:var(--highlighted-border-color-hover);box-shadow:none}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--forwards{padding-right:2px}.rds-baselink-button>.rds-baselink-button--highlighted.rds-arrow-button--backwards{padding-left:2px}.rds-light .rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted{--highlighted-color: var(--rds-surface-foreground);--highlighted-border-color: var(--strim-romance-green-80)}@media (hover: hover){.rds-light .rds-baselink-button--highlighted:hover,.rds-light .rds-baselink-button--highlighted:where([data-hover]),.rds-light.rds-baselink-button--highlighted:hover,.rds-light.rds-baselink-button--highlighted:where([data-hover]){--highlighted-hover-border: var(--rds-surface-foreground)}}.rds-light .rds-baselink-button--highlighted:active,.rds-light .rds-baselink-button--highlighted:where([data-active]),.rds-light.rds-baselink-button--highlighted:active,.rds-light.rds-baselink-button--highlighted:where([data-active]){--highlighted-pressed-color: var(--rds-surface-foreground)}.rds-light .rds-baselink-button--highlighted:disabled,.rds-light.rds-baselink-button--highlighted:disabled{--disabled-color: var(--rds-button-primary-fg)}.rds-icon-button{--default-icon-size: 3rem;--default-icon-margin: .75rem;border-radius:50%;max-height:var(--default-icon-size);max-width:var(--default-icon-size);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;padding:0}.rds-icon-button .rds-button__icon{margin:0;box-sizing:border-box;margin:var(--default-icon-margin);height:var(--default-icon-size);width:var(--default-icon-size)}.rds-icon-button .rds-button__icon>svg{width:100%}.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(--rds-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)}.rtv{--rikstv-red: #ef4642;--rikstv-red-120: #d41612;--rikstv-white: #ffffff;--rikstv-black: #000000;--rikstv-onyx-150: #0f0f0f;--rikstv-onyx: #1d1d1d;--rikstv-onyx-90: #313131;--rikstv-slate: #353535;--rikstv-slate-80: #626262;--rikstv-slate-60: #828282;--rikstv-slate-40: #afafaf;--rikstv-slate-20: #ddd;--rikstv-ask: #5c5c5c;--rikstv-ask-80: #787878;--rikstv-ask-60: #9c9c9c;--rikstv-ask-40: #c0c0c0;--rikstv-sterling: #b8b8b8;--rikstv-sterling-40: #e5e5e5;--rikstv-sterling-20: #f1f1f1;--rikstv-sterling-10: #f8f8f8;--rikstv-purple: #542453;--rikstv-green: #00816d;--rikstv-blue: #195a89;--rikstv-light-blue: #0f7ca2;--rikstv-yellow: #f2a900;--rikstv-info-light: #00aec7;--rikstv-warning-light: #f2a900;--rikstv-success-light: #4cbb81;--rikstv-error-light: #f17774;--rikstv-info-dark: #007485;--rikstv-warning-dark: #996b00;--rikstv-success-dark: #2a6f4b;--rikstv-error-dark: #e01c17;--rikstv-background-gray-150: #0b0b0b;--rikstv-background-gray: #252525;--rikstv-background-gray-90: #3b3b3b;--rikstv-banner-background: #e9e9e9;--rikstv-background: #f9f9f9;--rikstv-card-gray: #434343;--rikstv-card-gray-80: #333333;--rikstv-card-gray-60: #6e6e6e;--rikstv-card-gray-20: #d9d9d9;--rikstv-foreground-gray: #666666;--rikstv-foreground-gray-80: #858585}.rtv{--rds-heading-accent: var(--rikstv-white);--rds-accent-color: var(--rikstv-red);--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: var(--rikstv-red-120);--rds-accent-hover: var(--rikstv-red-120);--rds-button-primary-fg: var(--rikstv-white);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertiary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--panel-warning2-background-color: var(--rikstv-red-120);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-background-primary--heavy: #252525b3;--rds-background-primary--medium: #25252580;--rds-background-primary--very-heavy: #252525e6;--rds-surface-background: var(--rikstv-white);--rds-background-ghost: var(--rds-accent-color);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #ffffff;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-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-roundness--image: 8px;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 70ch;--rds-content-width--default: 1070px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Medium.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@custom-media --rds-media-xs (max-width: 568px);@custom-media --rds-media-sm (max-width: 768px);@custom-media --rds-media-md (max-width: 992px);@custom-media --rds-media-ml (max-width: 1024px);@custom-media --rds-media-lg (max-width: 1200px);@custom-media --rds-media-lw (max-width: 1600px);@custom-media --rds-media-xl (max-width: 2400px);@custom-media --rds-media-min-xs (min-width: 568px);@custom-media --rds-media-min-sm (min-width: 768px);@custom-media --rds-media-min-md (min-width: 992px);@custom-media --rds-media-min-ml (min-width: 1024px);@custom-media --rds-media-min-lg (min-width: 1200px);@custom-media --rds-media-min-lw (min-width: 1600px);@custom-media --rds-media-min-xl (min-width: 2400px);.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-ghost-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertiary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--panel-warning2-background-color: var(--strim-action-yellow-60);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-foreground-ghost: var(--rikstv-white);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-background-primary--heavy: #002a2ab3;--rds-background-primary--medium: #002a2a80;--rds-background-primary--very-heavy: #002a2ae6;--rds-surface-background: var(--strim-standup-green-10);--rds-background-ghost: var(--rds-accent-hover);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #004b501a;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-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-roundness--image: 8px;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "HALMatexLight", "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dropdown-styling{display:flex;flex-direction:column}.dropdown-styling .select-wrapper{position:relative;max-width:fit-content}.dropdown-styling select{appearance:none;box-sizing:border-box;font-family:var(--rds-font-family-m-headlines);background-color:var(--rds-button-tertiary-bg);color:var(--common-button--primary-color)!important;border-radius:var(--rds-roundness--button);border-style:none;height:45px;font-size:1.125rem;--fluid-block: max(.65625rem, min(2vw, .78125rem));--fluid-inline: max(1rem, min(2vw, 1.5rem));padding-left:var(--fluid-inline);padding-right:35px;overflow:-moz-scrollbars-none;scrollbar-width:none;cursor:pointer}.dropdown-styling select::-webkit-scrollbar{display:none}.dropdown-styling select:focus::-moz-focus-inner{border-style:none;outline:0}.dropdown-styling select:focus button::-moz-focus-inner,.dropdown-styling select:focus [type=button]::-moz-focus-inner,.dropdown-styling select:focus [type=reset]::-moz-focus-inner,.dropdown-styling select:focus [type=submit]::-moz-focus-inner{border-style:none}.dropdown-styling select:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .dropdown-styling select:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.dropdown-styling.menu-with-left-icon select{padding-left:46px;padding-right:42px}.dropdown-styling label{margin-bottom:var(--rds-spacing--16)}.dropdown-styling .right-icon{position:absolute;right:9%;top:calc(50% - 12px);pointer-events:none}.dropdown-styling .left-icon{position:absolute;left:8%;top:calc(50% - 12px);pointer-events:none}@keyframes rds-heart-beat{10%{transform:scale(.95)}20%{transform:scale(1.15)}30%{transform:scale(.95)}40%{transform:scale(1.15)}50%{transform:scale(.95)}60%{transform:scale(1)}}.rds-icon__heart-toggle--checked{transform:scale(1);animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rds-heart-beat;animation-timing-function:ease-out}.rds-icon__heart-toggle svg{display:block}.rds-list{--list-item__spacing: var(--rds-list-gap, 1em);list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--list-item__spacing);counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem}.rds-list__item{--mark-color: currentColor;display:flex;gap:var(--rds-list-item-gap, .75rem);align-items:flex-start}.rds-list__item>span:first-child{width:1.25rem;height:1.25em;flex-shrink:0}.rds-list__item--svg-wrapper{display:flex}.rds-list__item--svg-wrapper svg{width:100%;color:var(--mark-color)}.rds-list__item__ordered{display:flex;counter-increment:listCounter}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}.rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}.rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-object);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning2-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:flex-start}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;min-width:24px;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning2{background-color:var(--panel-warning2-background-color);--panel-color: var(--panel-warning2-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}.rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg);width:var(--progress-circle-size);height:var(--progress-circle-size)}.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-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%)}.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);position:relative}.rds-textfield-input{border:2px solid var(--textfield-border-color);border-radius:12px;outline:none;padding:0 var(--rds-spacing--16) 0;height:3rem;width:100%;margin:0;background-color:var(--input-border-bg);color:var(--textfield-color)}.rds-textfield-input.rds-textfield-input{-webkit-appearance:none}.rds-textfield-input::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(--rds-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-button__shared,.rds-radio-toggle{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--tertiary,.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-radio-toggle,.rds-light.rds-button__shared--tertiary,.rds-light.rds-radio-toggle{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-radio-toggle,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-radio-toggle{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-button__shared,.rds-radio-toggle{width:auto;background:transparent;border:none;line-height:normal;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-radio-toggle::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-radio-toggle:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-radio-toggle:hover,.rds-button__shared:where([data-hover]),.rds-radio-toggle:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-radio-toggle:active,.rds-button__shared:where([data-active]),.rds-radio-toggle:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-radio-toggle:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-radio-toggle:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-radio-toggle{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg{width:100%}.rds-field-set{border:none;margin:0;padding:0;display:flex}.rds-field-set__legend{margin-bottom:var(--rds-spacing--8)}.rds-radio-toggle{position:relative;padding:0;background-color:var(--rds-foreground-overlay-soft);color:#fff;margin:0 var(--rds-spacing--8);display:block;max-width:25ch;min-width:7ch;overflow:hidden;border-radius:var(--rds-roundness--button)}.rds-radio-toggle:hover{background-color:var(--rds-background-secondary)}.rds-radio-toggle:active{background-color:var(--rds-background-overlay-soft);color:#fff}.rds-radio-toggle__label{width:100%;display:grid;place-items:center;transition:125ms ease background-color;padding:.78125rem var(--rds-spacing--24);box-sizing:border-box;user-select:none}.rds-radio-toggle__input{position:absolute;opacity:0}.rds-radio-toggle__input:checked+.rds-radio-toggle__label{background-color:var(--rds-foreground-tertiary)}.rds-radio-toggle__input:active+.rds-radio-toggle__label{background-color:var(--rds-foreground-overlay-soft)}.rds-radio-toggle:focus::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus button::-moz-focus-inner,.rds-radio-toggle:focus [type=button]::-moz-focus-inner,.rds-radio-toggle:focus [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-radio-toggle:focus-within::-moz-focus-inner{border-style:none;outline:0}.rds-radio-toggle:focus-within button::-moz-focus-inner,.rds-radio-toggle:focus-within [type=button]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=reset]::-moz-focus-inner,.rds-radio-toggle:focus-within [type=submit]::-moz-focus-inner{border-style:none}.rds-radio-toggle:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-radio-toggle:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-button__shared,.rds-toggle-button{--common-button--bg: var(--rds-accent-color);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--hover-color: var(--common-button--color);--common-button--pressed-bg: var(--common-button--bg);--common-button--pressed-color: var(--common-button--color);--common-button--outline: none;--common-button--disabled-bg: var(--rds-foreground-secondary);--common-button--disabled-color: var(--rds-foreground-tertiary)}.rds-button__shared--ghost{--common-button--bg: var(--rds-background-ghost);--common-button--color: var(--rds-button-primary-fg);--common-button--hover-bg: var(--rds-accent-hover);--common-button--pressed-bg: var(--rds-accent-color)}.rds-button__shared--secondary{--common-button--bg: var(--rds-background-primary);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-surface-background);--common-button--hover-color: var(--rds-background-primary);--common-button--pressed-bg: var(--rds-button-secondary-pressed-bg);--common-button--pressed-color: var(--rds-button-secondary-pressed-fg);--common-button--outline: 2px solid var(--rds-foreground-primary)}.rds-button__shared--tertiary,.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-button__shared.rds-baselink-button--highlighted,.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light .rds-button__shared,.rds-light .rds-toggle-button,.rds-light.rds-button__shared,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-primary-fg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary);--common-button--disabled-color: var(--rds-button-tertiary-hover-bg)}.rds-light .rds-button__shared--ghost,.rds-light.rds-button__shared--ghost{--common-button--bg: var(--strim-fantasy-green);--common-button--color: var(--strim-standup-green-10);--common-button--hover-bg: var(--rds-foreground-tertiary);--common-button--pressed-bg: var(--rds-background-primary)}.rds-light .rds-button__shared--secondary,.rds-light.rds-button__shared--secondary{--common-button--bg: var(--rds-surface-background);--common-button--color: var(--rds-button-tertiary-hover-bg);--common-button--hover-bg: var(--rds-button-primary-fg);--common-button--hover-color: var(--rds-foreground-primary);--common-button--pressed-bg: var(--rds-button-primary-fg);--common-button--pressed-color: var(--rds-foreground-primary);--common-button--outline: 2px solid var(--rds-button-tertiary-hover-bg);--common-button--disabled-color: var(--rds-button-primary-fg)}.rds-light .rds-button__shared--tertiary,.rds-light .rds-toggle-button,.rds-light.rds-button__shared--tertiary,.rds-light.rds-toggle-button{--common-button--bg: var(--rds-button-tertiary-bg);--common-button--color: var(--rds-foreground-primary);--common-button--hover-bg: var(--rds-button-tertiary-hover-bg);--common-button--pressed-bg: var(--rds-background-secondary)}.rds-light .rds-button__shared.rds-baselink-button--highlighted,.rds-light .rds-baselink-button--highlighted.rds-toggle-button,.rds-light.rds-button__shared.rds-baselink-button--highlighted,.rds-light.rds-baselink-button--highlighted.rds-toggle-button{--common-button--hover-bg: transparent;--common-button--hover-color: var(--highlighted-color);--common-button--pressed-bg: transparent}.rds-light.rds-white.rds-button__shared--secondary{--common-button--bg: var(--rds-foreground-primary)}.rds-transparent.rds-button__shared--secondary{--common-button--bg: transparent}.rds-button__shared,.rds-toggle-button{width:auto;background:transparent;border:none;line-height:normal;appearance:none;-webkit-appearance:none;display:flex;font-family:var(--rds-font-family-m-headlines);transition:125ms ease-in-out;transition-property:box-shadow,color,background-color,border-color;color:var(--common-button--color);background-color:var(--common-button--bg);outline:var(--common-button--outline);outline-offset:-2px}.rds-button__shared::-moz-focus-inner,.rds-toggle-button::-moz-focus-inner{border:0;padding:0}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover{box-shadow:var(--rds-box-shadow--default)}}.rds-button__shared:active,.rds-toggle-button:active{box-shadow:none}@media (hover: hover){.rds-button__shared:hover,.rds-toggle-button:hover,.rds-button__shared:where([data-hover]),.rds-toggle-button:where([data-hover]){color:var(--common-button--hover-color);background-color:var(--common-button--hover-bg)}}.rds-button__shared:active,.rds-toggle-button:active,.rds-button__shared:where([data-active]),.rds-toggle-button:where([data-active]){color:var(--common-button--pressed-color);background-color:var(--common-button--pressed-bg);box-shadow:none}.rds-button__shared:disabled,.rds-toggle-button:disabled{color:var(--common-button--disabled-color);background-color:var(--common-button--disabled-bg);border:none;box-shadow:none;cursor:not-allowed}.rds-button__shared:focus::-moz-focus-inner,.rds-toggle-button:focus::-moz-focus-inner{border-style:none;outline:0}.rds-button__shared:focus button::-moz-focus-inner,.rds-toggle-button:focus button::-moz-focus-inner,.rds-button__shared:focus [type=button]::-moz-focus-inner,.rds-toggle-button:focus [type=button]::-moz-focus-inner,.rds-button__shared:focus [type=reset]::-moz-focus-inner,.rds-toggle-button:focus [type=reset]::-moz-focus-inner,.rds-button__shared:focus [type=submit]::-moz-focus-inner,.rds-toggle-button:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-button__shared:focus input[type=button]::-moz-focus-inner,.rds-toggle-button:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-button__shared:focus,html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-toggle-button:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-arrow-button,.rds-button,.rds-toggle-button{--fluid-block: clamp(.65625rem, 2vw, .78125rem);--fluid-inline: clamp(1rem, 2vw, 1.5rem);padding:var(--fluid-block) var(--fluid-inline);border-radius:var(--rds-roundness--button);font-size:1.125rem;overflow-y:hidden;cursor:pointer}.rds-arrow-button__icon,.rds-button__icon,.rds-toggle-button__icon{display:flex;align-items:center;align-self:center;margin-right:var(--rds-spacing--16);width:1.125rem}.rds-arrow-button__icon>svg,.rds-button__icon>svg,.rds-toggle-button__icon>svg{width:100%}.rds-arrow-button__postfix,.rds-button__postfix{position:relative;display:flex;align-items:center;margin-left:var(--rds-spacing--16);padding-left:var(--rds-spacing--16)}.rds-arrow-button__postfix:before,.rds-button__postfix:before{content:" ";position:absolute;width:1px;background-color:currentColor;height:220%;left:0}.rds-arrow-button--loading:disabled,.rds-button--loading:disabled{cursor:wait!important;position:relative;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rds-arrow-button--loading:disabled:before,.rds-button--loading:disabled:before{content:"";position:absolute;inset:0;background-color:var(--rds-background-overlay-medium)}.rds-arrow-button--loading:disabled:after,.rds-button--loading:disabled:after{--button-spinner-size: 24px;--button-spinner-width: 3px;--calculated-spinner-size: calc( calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2 );content:"";position:absolute;left:calc(50% - var(--calculated-spinner-size));top:calc(50% - var(--calculated-spinner-size));height:var(--button-spinner-size);width:var(--button-spinner-size);background-color:transparent;border-top:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-left:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-right:var(--button-spinner-width) solid var(--rds-accent-color-dark);border-bottom:var(--button-spinner-width) solid transparent;border-radius:50px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@media (hover: hover){.rds-arrow-button--loading:disabled:hover,.rds-button--loading:disabled:hover{box-shadow:none}}.rds-toggle-button{display:inline-block;user-select:none}.rds-toggle-button__input{opacity:0;position:absolute}.rds-toggle-button__input:checked+.rds-toggle-button{background-color:var(--rds-foreground-tertiary)}.rds-toggle-button__input:checked+.rds-toggle-button:active{background-color:var(--rds-foreground-overlay-medium)}.rds-toggle-button__content{display:flex;align-items:center}.rds-toggle-button__icon{margin-right:0;width:auto}.rds-toggle-button__icon svg{height:23px;width:auto}.rds-toggle-button .label-text__icon{display:none;margin-left:var(--rds-spacing--16)}@media (min-width: 768px){.rds-toggle-button .label-text__icon{display:block}}.rds-toggle-button .label-text__icon.always-show-label{display:block}.rds-toggle-inline-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;user-select:none}.rds-toggle-inline-button__input{opacity:0;position:absolute}.rds-light .rds-toggle-inline-button__content{color:var(--rds-button-primary-fg)}.rds-toggle-link-button{--border-color: var(--rds-toggle-collapsed);display:inline-block;user-select:none}.rds-toggle-link-button__input{opacity:0;position:absolute}.rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--chevron-direction: 180deg;--border-color: var(--rds-toggle-expanded)}.rds-toggle-link-button__label__content{display:flex;align-items:center}.rds-toggle-link-button__label__content>span:first-child{border-bottom:2px solid var(--border-color);padding-bottom:7px}.rds-toggle-link-button__label__chevron{padding-left:var(--rds-spacing--8)}.rds-toggle-link-button__label__chevron>svg{height:100%;width:20px;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center}.rds-toggle-link-button__label__chevron>svg>path{fill:currentColor}.rds-light{--border-color: var(--rds-foreground-tertiary)}.rds-light .rds-toggle-link-button__input:checked+.rds-toggle-link-button__label{--border-color: var(--rds-background-secondary)}.rds-light .rds-toggle-link-button__label{color:var(--rds-button-primary-fg)}.rtv{--sub-body-color--light: var(--rds-foreground-solid-soft)}.strm{--sub-body-color--light: var(--rds-button-primary-fg)}.rds-link{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--rds-foreground-primary);transition:75ms ease color}.rds-link:visited{color:var(--rds-foreground-primary)}.rds-link:hover{text-decoration-thickness:2px;color:var(--rds-heading-accent)}.rds-link:active{text-decoration:none;text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link--active,.rds-link[aria-current=page]{text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link:focus::-moz-focus-inner{border-style:none;outline:0}.rds-link:focus button::-moz-focus-inner,.rds-link:focus [type=button]::-moz-focus-inner,.rds-link:focus [type=reset]::-moz-focus-inner,.rds-link:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-link:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-link:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-display-title{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(2.5rem,calc(1.4285714286rem + 2.9761904762vw),5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-1{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.875rem,calc(1.1785714286rem + 1.9345238095vw),3.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.5rem,calc(1.0714285714rem + 1.1904761905vw),2.5rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.375rem,calc(1.1071428571rem + .744047619vw),2rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-sub-title-3{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1rem,calc(.7857142857rem + .5952380952vw),1.5rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:400;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-4{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.2;color:var(--rds-foreground-primary)}.rds-lead{font-family:var(--rds-font-family-lead);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-body,.rds-span{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-sub-body{font-family:var(--rds-font-family-body);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-tag{font-family:var(--rds-font-family-headlines);text-transform:uppercase;font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);line-height:1.2;font-weight:400;letter-spacing:.09375rem;color:var(--rds-foreground-primary)}.rds-bold{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-primary)}.rds-meta{font-family:var(--rds-font-family-body);font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);font-weight:400;line-height:1.5;color:var(--rds-foreground-overlay-heavy)}.rds-link--light,.rds-light .rds-link{color:var(--rds-background-primary)}.rds-link--light:hover,.rds-light .rds-link:hover{color:var(--rds-foreground-tertiary)}.rds-link--light:active,.rds-light .rds-link:active{text-shadow:0px 0px 1px var(--rds-background-primary)}.rds-link--light:visited,.rds-light .rds-link:visited{color:var(--rds-background-primary)}.rds-link--light--active,.rds-link--light[aria-current=page],.rds-light [aria-current=page].rds-link{text-shadow:0px 0px 1px var(--rds-background-primary)}.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-sub-title-2,.rds-sub-title-2--light,.rds-light .rds-lead,.rds-lead--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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rikstv/shared-components",
3
- "version": "3.0.2",
3
+ "version": "3.0.4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -1,48 +0,0 @@
1
- import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
2
- import { forwardRef as n } from "react";
3
- import { P as u, S as w, T as d } from "./DecoratedButton-ab2e8ed4.mjs";
4
- import { A as c } from "../icons/Arrow-48abbbdf.mjs";
5
- const e = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
6
- ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
7
- u,
8
- {
9
- className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
10
- arrow: e,
11
- buttonType: "rds-arrow-button",
12
- ref: a,
13
- ...t
14
- }
15
- )
16
- );
17
- m.displayName = "PrimaryArrowButton";
18
- const b = n(
19
- ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
20
- w,
21
- {
22
- className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
23
- arrow: e,
24
- buttonType: "rds-arrow-button",
25
- ref: a,
26
- ...t
27
- }
28
- )
29
- );
30
- b.displayName = "SecondaryArrowButton";
31
- const y = n(
32
- ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
33
- d,
34
- {
35
- className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
36
- arrow: e,
37
- buttonType: "rds-arrow-button",
38
- ref: a,
39
- ...t
40
- }
41
- )
42
- );
43
- y.displayName = "TertiaryArrowButton";
44
- export {
45
- m as P,
46
- b as S,
47
- y as T
48
- };
@@ -1,16 +0,0 @@
1
- import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
- import { forwardRef as n } from "react";
3
- import { B as a } from "./BaseButton-82123b7e.mjs";
4
- import "./ArrowButton-470c0575.mjs";
5
- import "./BaseLinkButton-e79602f8.mjs";
6
- const s = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
7
- s.displayName = "PrimaryButton";
8
- const e = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));
9
- e.displayName = "SecondaryButton";
10
- const y = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "tertiary", ref: o, ...t }));
11
- y.displayName = "TertiaryButton";
12
- export {
13
- s as P,
14
- e as S,
15
- y as T
16
- };
@@ -1,21 +0,0 @@
1
- import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
2
- import { forwardRef as e } from "react";
3
- import { B as a } from "./BaseDecoratedButton-9280b7ce.mjs";
4
- import "./ArrowButton-470c0575.mjs";
5
- const s = e(
6
- (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "primary", ref: o, ...t })
7
- );
8
- s.displayName = "PrimaryDecoratedButton";
9
- const n = e(
10
- (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "secondary", ref: o, ...t })
11
- );
12
- n.displayName = "SecondaryDecoratedButton";
13
- const y = e(
14
- (t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "tertiary", ref: o, ...t })
15
- );
16
- y.displayName = "TertiaryDecoratedButton";
17
- export {
18
- s as P,
19
- n as S,
20
- y as T
21
- };
@@ -1,15 +0,0 @@
1
- import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
2
- import { forwardRef as r } from "react";
3
- import { P as a, S as s, T as e } from "./DecoratedButton-ab2e8ed4.mjs";
4
- import "./ArrowButton-470c0575.mjs";
5
- const c = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonType: "rds-icon-button", ref: o, ...t }));
6
- c.displayName = "PrimaryIconButton";
7
- const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonType: "rds-icon-button", ref: o, ...t }));
8
- i.displayName = "SecondaryIconButton";
9
- const u = r((t, o) => /* @__PURE__ */ n.jsx(e, { buttonType: "rds-icon-button", ref: o, ...t }));
10
- u.displayName = "TertiaryIconButton";
11
- export {
12
- c as P,
13
- i as S,
14
- u as T
15
- };